﻿body {
}
      a{
            color:inherit;
        }
        .baseWidth
        {
            width: 1180px;
            margin-left: auto;
            margin-right: auto;
        }
        .topLayout{
            position:fixed;
            top:0;
            height:120px;
            width:100%;
            background-color:white;
            z-index:30;
        }
        .top
        {
            height: 39px;
            border-bottom: 1px solid #DBDBDB;
            background-color: #FBFBFB;
        }
        
        .top__inner
        {
            height: 39px;
            
        }
        
        
        .topTel, .topMail, .topMap
        {
            background-image: url(data:image/gif;base64,R0lGODlhYAIhAOYAAO4BELa2tmtra2ZmZvVqcszMzPI2Qt3d3e8WJI6OjvqxtviZn/NPWe3t7YKCgp2dnfEnNPeEjPzP0u4HFv3e4L+/v9fX13x8fPmrsOXl5aurq/I8R/q7v/RhavZ5gImJiXR0dJmZmfAfLNHR0cPDw6enp/Hx8f7q6+8QHvu9wfE0QPicou4GFfNMVvRVX9/f3729vfeNlPvAxOfn55WVlfq3vMfHx3JycvEwPPmjqdnZ2fJDTvAcKfEuOvT09Hl5eYeHh/3k5nBwcPI5RPRbZPvGyouLi6+vr+vr6+8LGfZ/htTU1PAiL7u7u+Li4vzV2Pqus6CgoPeKkW5ubvVtdfRYYtvb2/7t7vq0uc/Pz8HBwe8UIu/v7/VjbPzS1cnJyfM8RvJAS/EiLvAYJo2NjYODg+np6bm5uXZ2dtPT0+8SIOHh4Xp6eu8OHPVudvNFUO8KGPmbofq5vfeHj/ePlfmlq/AlMu4CEe8GFvI6RfVkbfuxt/Z6gf///wAAAAAAACH5BAEHAH0ALAAAAABgAiEAAAf/gH0WB0B9hoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjpKWmhj4aRkYaPn1cN1EPGae1tre4ubq7vL2+v8DBkiYfIQUFIR8mCQNTWU3C0dLT1LlaMNjZ2tgV1d7f4OGKRzSID0cXAwM64u3u79UNBdvbNg3w+Pn6oB8jiEsfSgwgs6+gwYObKmQ4QA+bBTMkEEqceLDMAUQvylhQV4Cix48IsS1BQkKblhk6sIFcyXJaCGiHYITo42DADS4tc+qcls1eFmwFGnzJtrOoUVNLHLDrc8DBkj4j1CU4SrWqKW0VnDh5kaGCNqtgw1aicWHVhXKGaKiDKbat20j0/77M2/a2bl0LF/JesHDIB5oBAjIgCXHGruG3DRseXmw1RN6ZiDKAGCBkQIASJRhrPpqY3ubPOXXkXYrIyQ91A0qQBs3aY2e6rWNPDAFZkQ+yDyLK3s27t29bBy7+Hk68uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MMP51DEgPjz6NMvOkGEBw8iJ/oE2dKhihf1+PN7DzJGxYoVKowRxA4AtAFFDPp5pwYADDboIIMTJEidHjggsoEedjAog4TdcbDBgw9CIAeH0o1RByIYjEEAAGGQyB0cC/BxB4gAdIHBFi5C1wYHiMjQRgoMYpBjdgxWocAYDqKQg6QbDA7pnAEeIKKEeT0AsEUQTlrXIBNyvMHgEBzg0GCWzGEwQQ2GcACHkFgwuAOZ1DnIAh10zLFAEg7CuZyY7gFQoSEMMIigntCBiIMBIBKaHBQOKnDIFTwAMIEXFLgghaLL0UgjpsipwKAKiTyBAAAoABABFVRwipymiapaXA0MopmIBCI0SMCGrhbH6oO5FpdHHoxc0QITRCzQ67HIIpRCCocEAgA7);
        }
        
        .topTel
        {
            padding-left: 15px;
            display: inline-block;
            height: 13px;
            line-height: 13px;
            margin: 13px 0 0 0;
            font-size: 12px;
            white-space: nowrap;
            padding-right: 17px;
            
            color: #707070;
            cursor: pointer;
            float:right;
        }
        .top__siteMap{
            width:60px;
            padding-left: 14px;
            height: 13px;
            line-height: 13px;
            margin: 13px 0 0 14px;
            border-right: 1px solid #BDBDBD;
            font-size: 12px;
            color: #707070;
            cursor: pointer;
            float:right;
            display:block;
        }
        .topTel:hover
        {
            background-position: 0 -20px;
            color: #EE0110;
        }
        
        
        .topMail
        {
            padding-left: 18px;
            display: inline-block;
            height: 13px;
            line-height: 13px;
            margin: 13px 10px 0 14px;
            border-right: 1px solid #BDBDBD;
            background-position: -300px 0;
            font-size: 12px;
            padding-right: 17px;
            color: #707070;
            
            cursor: pointer;
            float:right;
        }
        .topMail:hover
        {
            background-position: -300px -20px;
            color: #EE0110;
        }
        
        
        .topMap
        {
            width:30px;
            padding-left: 14px;
            height: 13px;
            line-height: 13px;
            margin: 13px 0 0 14px;
            border-right: 1px solid #BDBDBD;
            background-position: -600px 0;
            font-size: 12px;
            color: #707070;
            cursor: pointer;
            float:right;
            display:block;
        }
        .topMap:hover
        {
            background-position: -600px -20px;
            color: #EE0110;
        }
        
        
        
        .header
        {
            height: 92px;
        }
        
        .logo
        {
            width: 235px;
            height: 63px;
            margin-top: 16px;
            float: left;
            cursor: pointer;
        }
        
        .menus
        {
            height: 22px;
            float: right;
            margin-top: 29px;
        }
        
        .menus__item
        {
            display: inline-block;
            height: 22px;
            line-height: 22px;
            padding: 0 12px 0 12px;
            text-align: center;
        }
        
        .menus__item--0
        {
            padding-left: 0;
        }
        
        .menus__item A
        {
            color: #1E1E1E;
            text-decoration: none;
            line-height: 1.15em;
            display: block;
        }
        
        .menus__item A:hover
        {
            color: #039DE5;
        }
        
        .menus__item--current A
        {
            color: #039DE5;
        }
        
        .menus__item STRONG
        {
            font-weight: normal;
            letter-spacing: 1px;
            display: block;
            font-size: 16px;
            font-weight: bold;
        }
        
        .menus__item SPAN
        {
            font-size: 12px;
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            display: block;
            text-transform: uppercase;
        }
        
        
        .contactClick
        {
            display: inline-block;
            background-image: url(data:image/gif;base64,R0lGODlhFwAVAMQAACkpKcPDw5GRkX5+fjg4OJ+fn9vb2+Hh4dXV1a2trerq6qqqqoCAgIWFhefn55OTk7Ozs/Hx8cbGxuXl5bCwsO/v7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABYALAAAAAAXABUAAAVooCWOZGmOjqGubMtOokDMdG3XQgzsfO/3DVHgQSwaj8bEaclsOp9QSwVBrSIOIwWCRcVaFjdCTgS+jQs/QFCE/q0lg7h8QBlJGPg8ox7t+/+AUENIhEcQZGGJOGxpjUAiES6SLg6BJSEAOw==);
            width: 23px;
            height: 21px;
            cursor: pointer;
            margin: 3px 0 0 8px;
            vertical-align: top;
        }
        
        .contactClick:hover
        {
            background-image: url(data:image/gif;base64,R0lGODlhFwAVAMQAAClnsJGx1tXh736jz5+72zhytsPU6dvl8eHp9K3F4erw96rD4ICl0IWo0ufu9pOy17DH4u/z+cbW6uXs9bPJ4/H1+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABYALAAAAAAXABUAAAVooCWOZGmOzqGubMtOYlDMdG3XQQzsfO/3DZHhQSwaj8bEaclsOp9QS0RArQoQI4WARcVaFrdCTgS+jQk/QFCE/q0lg7h8ABlJGPg8ox7t+/+AUENIhEcUZGGJOGxpjUAiFS6SLg6BJSEAOw==);
        }






         .caseList__category
        {
            border-bottom: 1px solid #DDD;
            margin: 35px auto 10px auto;
            padding-bottom: 10px;
            text-align: center;
            display: -webkit-box;
            display: box;
            display: -webkit-flex;
            display: flex;

        }
            
        .caseList__categoryItem
        {
            height: 44px;
            text-align: center;
            -webkit-flex:1;
            flex: 1;
            cursor:pointer;
        }

        .categoryItem__inner
        {
            color: #434343;
            text-decoration: none;
            line-height: 1.8em;
            font-size:14px;
            display:block;
           
        }
        .categoryItem__inner span{
            color:#C5C2CD;
            font-size:12px;
        }
        .categoryItem__inner:hover
        {
            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;
        }
        
        .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==);
        }
         .footer
        {
            background-color: #313439;
            font-size: 12px;
            color: #FFF;
        }
        
        .footer__item--0
        {
            padding: 35px 0 10px 0;
        }
        
        .footer__item--1
        {
            border-bottom: 1px solid #5A5D61;
            padding: 25px 0 25px 20px;
        }
        
        .footer__item--2
        {
            padding: 15px 0 15px 0;
        }
        
        .contactIMs
        {
            float: right;
        }
        
        .contactIMs__item
        {
            background-image: url(/static/css/PC/site/images/contactIMs_bg.gif);
            height: 38px;
            width: 38px;
            margin-left: 10px;
            cursor: pointer;
            float:left;
        }
        
        .contactIMs__item:hover
        {
            background-image: url(/static/css/PC/site/images/contactIMs_hover.gif);
        }
        
        .contactIMs__item--qq
        {
            display:block;
        }
        
        .contactIMs__item--weixin
        {
            background-position: -47px 0;
        }
        
        .contactIMs__itemCode{
            height:100px;
            width:100px;
            margin-top:-110px;
            margin-left:-30px;
            display:none;
            background-image: url(/Images/icon/code.png);
            background-position:center;
            background-size:100% 100%;
            z-index:2;
        }
        .contactIMs__item--weixin:hover .contactIMs__itemCode{
            display:block;
        }
        .footerSiteMap, .footerNews, .footerOther
        {
            width: 33.3%;
            height: 200px;
            float: left;
        }
        
        .footerSiteMap__text, .footerNews__text, .footerOther__text
        {
            font-size: 18px;
            font-weight: bold;
            padding-left: 15px;
        }
        .footerNews__text
        {
            padding-left: 20px;
            font-weight: normal;
        }
        
        .footerSiteMap__text A, .footerNews__text A, .footerOther__text A
        {
            color: #FFF;
        }
        
        .footerSiteMap__text A:hover, .footerNews__text A:hover, .footerOther__text A:hover
        {
            color: #FFE400;
        }
        
        .footerSiteMap
        {
            float: left;
        }
        
        .footerSiteMap__items
        {
            width: 372px;
            margin-top: 10px;
        }
        
        .footerSiteMap__item
        {
            margin-top: 6px;
            width: 169px;
            box-sizing: border-box;
            border-bottom: 1px solid #6F7175;
            float: left;
            margin-left: 17px;
            height: 34px;
            line-height: 34px;
            text-transform: uppercase;
            padding-left: 20px;
            color: #FFF;
            font-weight: bold;
            cursor: pointer;
            background-position: 3px center;
            background-image: url(data:image/gif;base64,R0lGODlhBgAJAJEAAJianP///////wAAACH5BAEHAAIALAAAAAAGAAkAAAIMBIRoqcf7nIBTUioKADs=);
            font-family: 'Microsoft Yahei', '微软雅黑';
            display:block;
        }
        
        
        
        .footerSiteMap__item:hover
        {
            color: #FFE400;
            background-image: url(data:image/gif;base64,R0lGODlhBgAJAJEAAP/kAP///////wAAACH5BAEHAAIALAAAAAAGAAkAAAIMBIRoqcf7nIBTUioKADs=);
        }
        
        
        .footerNews
        {
            
        }
        
        .footerNews__items
        {
            width: 355px;
            padding-top: 10px;
            margin: 0 auto 0 auto;
        }
        
        .footerNews__item
        {
            margin-top: 6px;
            border-bottom: 1px solid #6F7175;
            height: 34px;
            line-height: 34px;
            padding-left: 20px;
            cursor: pointer;
            background-position: 4px center;
            background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAJianP///////wAAACH5BAEHAAIALAAAAAAFAAUAAAIEhI+pWAA7);
            position:relative;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
        }
        .footerSiteMap__itemText{
            width:150px;
            position:relative;
            overflow:hidden;
        }
        .footerSiteMap__itemInner{
            width:80px;
            height: 34px;
            position:absolute;
            left:150px;
            top:0px;
            transition:all .3s ease;
            
        }
        
        .footerNews__item A
        {
            color: #F0F0F0;
        }
        
        .footerNews__item:hover A
        {
            color: #FFE400;
        }
        
        .footerNews__item:hover
        {
            background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAP/kAP///////wAAACH5BAEHAAIALAAAAAAFAAUAAAIEhI+pWAA7);
        }
        .footerSiteMap__itemText:hover .footerSiteMap__itemInner{
            left:90px;
        }
         .sideList {
            position: fixed;
            width: 48px;
            z-index: 50;
            top: 80vh;
            margin: -100px 0 0 0;
            right: 10px;
            display:block;
        }
        .sideList__item{
            height:48px;
            border:1px solid #D7D7D7;
            background-image: url(/Images/home/sideList.png);
            display:block;
            cursor:pointer;
        } 
        .sideList__tel{
            background-position: 0 -47px;
        }
        .sideList__top{
            background-position: 0 -141px;
        }
        .sideList__qq:hover{
            background-position: -47px 0;
        }
        .sideList__tel:hover{
            background-position: -47px -47px;
        }
        .sideList__top:hover{
            background-position: -47px -141px;
        }
        .sideList__topOutside{
            margin-right: 50px;
            width: 150px;
            height: 48px;
            float: right;
            background-color:transparent;

        }   
          
        .sideList__topShow{
            float:  right;
            width: 120px;
            height: 48px;
            margin-right:4px;
            border-radius:8px;
            text-align:center;
            line-height:48px;
            font-size:15px;
            border:1px solid #D7D7D7;
            background-color:white;
            display:none;
            
        }
        .sideList__tel .sideList__topShow{
            font-size:13px;
        }
         .sideList__triangle {
            width:  0; 
            height: 0; 
            border-width: 10px  10px 10px 0px; 
            border-style: solid; 
            border-color: transparent #D7D7D7;
            float:right;
            margin-top:14px;
        }