body {
}
.layout
        {
            padding-top:110px;
            padding-bottom:30px;
        }
        .caseList__category--current{
            color: #039DE5;
        }

        .caseList__text, .serviceScope__text
        {
            text-align: center;
            font-size: 25px;
            background-position: center bottom;
            padding-bottom: 10px;
        }
        .caseList__text STRONG, .serviceScope__text STRONG
        {
            color: #858585;
            font-family: 'Microsoft Yahei', '微软雅黑';
        }
        
        .caseList__text SPAN, .serviceScope__text SPAN
        {
            color: #039DE5;
        }
        
        .caseList__text I, .serviceScope__text I
        {
            color: #858585;
            padding: 0 10px 0 10px;
        }
        
        .caseList__items
        {
            padding: 20px 0 0 0;
        }
        
        .caseList__item
        {
            width: 33.3%;
            height: 300px;
            float: left;
        }
        
        .caseList__itemImage
        {
            width: 350px;
            height: 235px;
            border: 15px solid #F1F1F1;
            background-position: center center;
            background-size: 100% 100%;
            overflow: hidden;
            cursor: pointer;
            display:block;
            position:relative;
        }
        
        .caseList__item--1 .caseList__itemImage
        {
            margin: 0 auto 0 auto;
        }
        
        .caseList__item--2 .caseList__itemImage
        {
            margin: 0 0 0 auto;
        }
        
        .caseList__curtainTop
        {
            width:100%;
             position:absolute;
            z-index:2;
            top:-117px;
            height: 117px;
            background-color: rgba(0, 0, 0, 0.7);
           transition: all .2s ease;
            
        }
        
        .caseList__curtainBottom
        {
            width:100%;
            position:absolute;
            z-index:2;
            height: 118px;
            top:235px;
            background-color: rgba(0, 0, 0, 0.7);
            box-sizing: border-box;
            padding: 47px 0 0 20px;
            
            transition: all .2s ease;
        }
        
        .caseList__curtainBottom SPAN
        {
            display: block;
            color: #FFF;
        }
        
        .caseList__curtainBottom I
        {
            float: right;
            width: 48px;
            height: 48px;
            border-radius: 26px;
            background-color: rgba(255, 255, 255, 0.35);
            background-image: url(data:image/gif;base64,R0lGODlhDQAZAJEAAP///////wAAAAAAACH5BAEHAAIALAAAAAANABkAAAIfhI6Jpi3sEoxnUhux040rL1GhWJHgY6biyaqXm8FRAQA7);
            background-position: 19px center;
            margin: 7px 20px 0 0;
        }
        
        .caseList__itemImage:hover .caseList__curtainTop
        {
            top:0;
        }
        
        .caseList__itemImage:hover .caseList__curtainBottom
        {
            top:117px;
        }
        .caseList__itemText
        {
            display: block;
            color: #FFC600;
            font-size: 16px;
             float:left;
            overflow: hidden;  /** 隐藏超出的内容 **/
        }
        
        .caseList__text, .serviceScope__text
        {
            background-image: url(data:image/gif;base64,R0lGODlhKwEKAKIAAP///7+/v39/fz8/PwAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAArAQoAAAP/GAIQwzDKSWt9z2bLpQjMRw1LZzbLdpqipKprBwMzh8X0GJNUGyuNGm4YeYA0xErr6GEmI0DnUyLNQYTTKla3nVStrC9DbAEOjoIB6ag+OxxrSFotmAdAbXa6DqzTSzRzCwpne2skdCF/aA6CcCkkC36IZ3kAgpNqQWp4glBtdT5xhlYfcSgMkXGccG6Amq0Om2cRmLKvjiiskJygnBCNhYl1VyKeGXchRwpLJWaMPCggdyXEObSXb2MENECpuGOVl86F1czhjNYfItjrKdPYhcVmVgrn2SGv9nLuY2nj15R9uwKAmyxpyP5t4LMQDTlZG6J1a2GqW6qAyYIQFOWv/x8KEQc3PEp1506lkn5qMRKY7QM1a6hOobooh15NkTDxZcPpEhAzPAS/MbGXwgchYOb4iapYZN8NMCpSGuWz08dElCWiQgzaEenTkkaw6fzIxJg9NybNDPKJAUSot3Cp+mNJsZE7QDn+IeU6LoVKnFqV8aRWi13Qo0ifAWI6UwW1sowVZTASqiawW0P9tsUb6S0blX5Zfqz1dCc/0T+L5LVbuVDquXmdha4aroHOunXbuW4hkcAyeSDf8HyozOc6i+OSRbzirRG9iAdn7gvkLU1qaq6saCqGbu3n5AGFvjod5BZ3je2INZREUxZQq1TXLZOk3pn0sKfsMKNTdiU+RHLV0HFDMDBRspZkDO31SG5I8RbJf1zht1sOsYDhzTh/XPKHMYlkwBRM+60Szi/lUWiHhE7YUpqBbDxYWkV2AIOIW05ow2E0Nh6YRBdT9Ojjj0BScOEYOMDAY5AmHInkkjsw6eSTUHYw5BBTKhklX1cGmQAAOw==);
        }
        .caseList__itemDefault{
            background-image:url(/Images/news/default.png);
            background-position:center;
            background-size:90% auto;
        }
        
        .newsBanner {
            width: 100%;
            height: 23vw;
        }
         .newsBanner img{
            width:100%;
    height:100%;
    max-height:100%;
    max-width:100%;
            
        }
         a{
            color:inherit;
        }
        .subCase {
            padding-top: 120px;
            padding-bottom: 30px;
            color:#ACABAB;
        }
         .subCase__header{
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;
        }
        .subCase__headerTitle{
            -webkit-flex:1;
            flex: 1;
            text-align:left;
        }
        .subCase__headerLeft h1{
            font-size:38px;
            color:black;
        }
        .headerLeft__inner{
            height:22px;
            width:230px;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;
        }
        .headerLeft__innerText{
            -webkit-flex:1;
            flex: 1;
            padding-left:20px;
            box-sizing:border-box;
            cursor:default;
            background-position:left -26px;
        }
        .headerLeft__innerTime{
            background-image: url(/Images/icon/time.gif);
        }
        .headerLeft__innerNum{
            background-image: url(/Images/icon/span.gif);
            margin-left:10px;
        }
        .subCase__headerRight{
            -webkit-flex:1;
            flex: 1;
        }
        .headerRight__inner{
            height:40px;
            width:135px;
            float:right;
            margin-top:5px;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;
        }
        .headerRight__innerList{
            -webkit-flex:1;
            flex: 1;
            margin-left:5px;
            border:1px solid #9B9B9B;
            border-radius:20px;
            color:#9B9B9B;
            text-align:center;
            line-height:40px;
            font-size:18px;
            cursor:pointer;
        }
        .headerRight__innerBack{
            font-size:13px;
        }
        .headerRight__innerList:hover{
            border:1px solid #FF3333;
            background-color:#FFE5E5;
            color:#FF3333;
        }
        .subCase__headerContent{
            margin-top:20px;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;

        }
        .headerContent__intro{
            -webkit-flex:2;
            flex: 2;
            border:1px solid #F3F3F3;
        }
        .headerContent__pic{
            -webkit-flex:5;
            flex: 5;
            margin-left:22px;
            border:1px solid #F3F3F3;
            background-size:100% auto;
            background-position:center;

        }
        .headerContent__pic img{
            max-width:100%;
        }
        .headerContent__introText{
            background-color:#F3F3F3;
            padding:50px 15px 10px 15px;
            box-sizing:border-box;
            font-size:13px;
            line-height:20px;
            
        }
        .headerContent__introText p{
            padding-top:10px;
            text-indent:2em;
            box-sizing:border-box;
            cursor:default;
        }
        .headerContent__introText a{
            padding-top:10px;
            box-sizing:border-box;
            text-decoration:underline;
        }
        .headerContent__introText span{
            font-size:17px;
        }
        .headerContent__introText:hover p{
            color:#82A8D3;
        }
        .headerContent__introText:hover span{
            color:black;
        }
        .headerContent__introStatement{
            height:260px;
            background-color:#EBEBEB;
            padding:50px 15px 20px 15px;
            box-sizing:border-box;
            color:#656565;
            font-size:19px;
        }
        .headerContent__introStatement p{
            font-size:13px;
            line-height:16px;
            padding-top:10px;
            box-sizing:border-box;
        }
        .headerContent__introStatement h5{
            font-size:13px;
            line-height:16px;
            padding-top:10px;
            box-sizing:border-box;
            color:#B0B0B0;
            cursor:default;
        }
        .industryDetail__substanceLink {
                margin-top: 10px;
                display: -webkit-box;
                display: box;
                display: -webkit-flex;
                display: flex;
                height: 40px;
                color: #ACACAC;
                font-size: 15px;
                line-height: 40px;
                margin-bottom:10px;
            }

        .substanceLink__icon {
            -webkit-flex: 1;
            flex: 1;
            padding-top: 10px;
            box-sizing: border-box;
            height: 40px;
        }