@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{padding:32px 0 0px;/*background:rgba(246,246,246,.31)*/ background: url(../picture/ABUIABACGAAgvcKp7gUo3fGpgQMw9CQ4uhI.jpg) no-repeat center center}
.card-fouth .sub-title{margin-bottom:32px;text-align:center;font-size:40px;color:#333}
.card-fouth .desc.desc-list{font-size:0;color:#3a3a3a;font-weight:200;width:1200px;margin:0 auto;margin-bottom:45px;/*white-space:nowrap;*/overflow:hidden;text-align:center; width:1200px;}
/*顶部分类*/
.card-fouth .industry{font-size:16px;color:#999;padding:15px 0;display:inline-block;/*border-bottom:1px solid hsla(0,0%,85%,.4)*//*width:120px*/ padding:0 20px; border-right:1px solid #999; margin-top:20px;}
.card-fouth .industry.first{padding-left:0}
.card-fouth .industry.last{padding-right:0; border-right:0px;}
.card-fouth .industry.active{padding-bottom:0px}
.card-fouth .industry span{font-family:PingFang SC;font-weight:400}
.card-fouth .industry.active span{font-size:16px;font-weight:700;color:#c40000;border-bottom:2px solid #c40000;/*padding-bottom:5px;*/font-weight:500}
/*内容*/
.card-fouth .case-container{position:relative;width:1200px;margin:0 auto;height:350px; background:url(../picture/line_bj.png) no-repeat center center}
.card-fouth .case-panel{position:absolute;z-index:1;opacity:0;overflow:hidden;padding-left:35px;}
.card-fouth .case-panel.active{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:750px;position:relative;top:28px;left:60px;z-index:200}
/*内容左侧*/
.card-fouth .case-left{display:inline-block;vertical-align:top; width:325px; height:300px;margin:0 auto; text-align:center}
.card-fouth .case-left img{width:200px; margin:0 auto; text-align:center; margin-top:40px;}
.card-fouth .phone-framework{z-index:102;position:relative}
.card-fouth .case-left .phone-image-cover{position:absolute;width:197px;height:426px;top:30px;left:70px;z-index:101;background-color:rgba(0,0,0,.6);text-align:center;display:block}
.card-fouth .case-left .phone-image-cover img{width:118px;margin-top:150px;z-index:103}
.card-fouth .case-left .phone-image-cover div{margin-top:10px;color:#ffffff;font-size:13px}
.card-fouth .case-left .phone-image-cover.hidden{display:none}
.card-fouth .case-left .phone-image{position:absolute;width:197px;top:30px;left:70px;z-index:1;opacity:0}
.card-fouth .case-left .phone-image.active{z-index:100;opacity:1;-webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
/*内容右侧*/
.card-fouth .case-head{font-size: 24px;
color: rgb(218, 0, 5);margin-bottom:20px;font-weight:500}
.card-fouth .case-text{font-size:15px;padding-bottom:22px;color: rgb(75, 75, 75); line-height:24px; width:700px}
/*.card-fouth .case-text p{ width:100%; line-height:26px; height:auto;}*/
.card-fouth .case-content{width:750px;margin-top:10px;}
.card-fouth .case-icon-list{font-size:0;width:750px}
.card-fouth .case-icon-list img{margin-top:35px;margin-right:30px;display:inline-block;width:117px;border-radius:20px}
.card-fouth .case-content img{margin-top:15px;width:576px;height:1px;opacity:0.3}
.card-fouth .case-icon-list .image-hover{width:75px}
.card-fouth .case-icon-list img.active{border:2px solid #1696ff}
.card-fouth .case-icon-list img.last{margin-right:0}
.card-fouth .industry-tab-line{height:2px;background:#2267fa;top:164px;position:absolute;-webkit-transition:all .3s;transition:all .3s}