/* pc端样式 */
 /* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px;outline:none; }
input, select { font-size: 13px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 13px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:"微软雅黑", "宋体",Arial, Helvetica, sans-serif; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #52290b; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #2e9571 }
.green { color: #007b3f }
.red { color: #f66139 }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold;}
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }

.icase{ padding:60px 0 75px 0;}
.icaset{ text-align:center;}
.icaset .tit{font-size:40px; line-height:45px; color:#222; letter-spacing:5px;}
.icaset .tit span{ color:#e50120;}
.icaset .info{ font-size:17px; line-height:32px; color:#777777; margin-top:15px; letter-spacing:1px;}
.icasea{ padding:50px 0 40px 0;}
.icasea .list{ 
    /* width:199px;  */
    width: 13.6666%;
    height:465px; float:left; margin-right:10px; position:relative; z-index:1; overflow:hidden; cursor:pointer;transition: all ease .3s;}

.icasea .list:nth-of-type(6){ margin-right:0;}
.icasea .list .img{ width:100%; height:100%;}
.icasea .list:hover .img{transform:scale(1.2);}
.icasea .list .con{ width:100%; height:100%; position:absolute; z-index:2; padding:40px 30px 40px 30px; top:0; left:0;}
.icasea .list .con .tit{}
.icasea .list .con .tit .t{ font-size:24px; color:#fff; line-height:40px; font-weight:bolder; letter-spacing:1px;}
.icasea .list .con .tit .i{ font-size:14px; line-height:30px; color:#fff; letter-spacing:1px;}
/*.icasea .list.on{ width:700px;}*/
.icasea .list .con .info{width:320px; position:absolute; z-index:3; left:30px; bottom:40px; font-size:14px; line-height:23px; color:#fff; letter-spacing:1px; display:none; }
.icasea .list .con .more{ /*width:258px;*/ height:42px; position:absolute; z-index:4; left:31px; bottom:140px; display:flex;flex-direction: row;justify-content:space-between;display:none;}
.icasea .list .con .more a:nth-of-type(1){ width:120px; height:42px; line-height:42px; text-align:center; background:#e50120; font-size:14px; color:#fff; letter-spacing:1px;}
.icasea .list .con .more a:nth-of-type(1):hover{ background:#ba0a22; color:#fff;}
.icasea .list .con .more a:nth-of-type(2){ width:120px; height:42px; line-height:38px; border:2px #989797 solid; text-align:center; font-size:14px; color:#fff;}
.icasea .list .con .more a:nth-of-type(2):hover{border:2px #e50120 solid; background:#e50120; color:#fff;}
.icasea .list.on .con .info{ display:block;}
.icasea .list.on .con .more{ display:flex;}
.icasei{display:none;}

.icasea .list.on{/* animation:fadenum 2s;*/ width:444px; }
/*.icasea .list:hover{ width:700px;}*/
/*@keyframes fadenum{
	from{width:280px;}
	to{width:700px;}
}*/
/* pc端样式 */
/* -----------------------------------------------------------------------------------------------------------------------------------------------> */
/* wap端样式 */
@media (max-width: 768px) {
    .icase{display:none;}
    .icasei{
        display:block;
        margin: 30px auto 50px auto;
    }
    .icasei_top{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-bottom: 12px;
    }
    .icaseil{
        height: 220px;
        position: relative;
    }
    .icaseil a{
        text-decoration: none;
        color: #333333;
        outline: none;
    }
    .icaseil .img{
        width: 100%;
        height: 220px;
        border-radius: 5px;
    }
    .icaseil .con{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        padding: 25px;
        left: 0;
        top: 0;
    }
    .icaseil .con .tit{
        font-size: 16px;
        color: #fff;
        line-height: 28px;
    }
    .icaseil .con .info{
        font-size: 13px;
        color: rgba(255,255,255,0.8);
        line-height: 22px;
    }
    .w1600{width: 100%;margin-top: 15px!important;}
    .icase{padding: 0px 0 0px 0;}
    .icaset{text-align:unset;}
   .icaset .tit{
        text-indent: 2em;
        font-size: 22px;
        letter-spacing: 4px;
    }
     .icaset .info{
        font-size: 16px;
        text-indent: 2em;
    }
    .icasea{
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
    }
    .icasea .list{
        margin: 10px 0px;
        width: 444px;
        height: 380px;
    }
    
}