.coverline {
        position: absolute;
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        padding: 10px;
        z-index: 99;
    }
    
    .xyin-case-box .xyin-case-item:hover .cover {
        display: block;
    }
    
    .xyin-case-box .overlay-bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background-color: rgba(255, 255, 255, .3);
    }
    
    .xyin-case-box .overlay-left {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 2px;
        height: 0;
        background-color: rgba(255, 255, 255, .3);
    }
    
    .xyin-case-box .overlay-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 2px;
        background-color: rgba(255, 255, 255, .3);
    }
    
    .xyin-case-box .overlay-right {
        position: absolute;
        right: 0;
        top: 0;
        width: 2px;
        height: 0;
        background-color: rgba(255, 255, 255, .3);
    }
    
    .xyin-case-box .xyin-case-item:hover .overlay-bottom {
        animation: borderslideBottom .15s linear 1;
        -moz-animation: borderslideBottom .15s linear 0s 1;
        -webkit-animation: borderslideBottom .15s linear 0s 1;
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    
    .xyin-case-box .xyin-case-item:hover .overlay-left {
        animation: bordersildeLeft .2s linear .15s 1;
        -moz-animation: bordersildeLeft .2s linear .15s 1;
        -webkit-animation: bordersildeLeft .2s linear .15s 1;
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    
    .xyin-case-box .xyin-case-item:hover .overlay-top {
        animation: bordersildeTop .15s linear .35s 1;
        -moz-animation: bordersildeTop .15s linear .35s 1;
        -webkit-animation: bordersildeTop .15s linear .35s 1;
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    
    .xyin-case-box .xyin-case-item:hover .overlay-right {
        animation: bordersildeRight .2s linear .5s 1;
        -moz-animation: bordersildeRight .2s linear .5s 1;
        -webkit-animation: bordersildeRight .2s linear .5s 1;
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }
    
    @-moz-keyframes borderslideBottom {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @-webkit-keyframes borderslideBottom {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @keyframes borderslideBottom {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @-moz-keyframes bordersildeLeft {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    @-webkit-keyframes bordersildeLeft {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    @keyframes bordersildeLeft {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    @-moz-keyframes bordersildeTop {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @-webkit-keyframes bordersildeTop {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @keyframes bordersildeTop {
        from {
            width: 0
        }
        to {
            width: 100%
        }
    }
    
    @-moz-keyframes bordersildeRight {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    @-webkit-keyframes bordersildeRight {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    @keyframes bordersildeRight {
        from {
            height: 0
        }
        to {
            height: 100%
        }
    }
    
    .question {
        padding: 60px 0;
    }
    
    .xyin-links {
        background: #fafafa;
    }
    /* 底部样式 */
    
    .xy-tonglan {
        background: url(../images/contact.jpg) no-repeat 50% 0;
        padding: 42px 0;
        background-size: cover;
    }
    
    .company {
        color: #fff;
        font: 400 15px/36px "Microsoft Yahei";
    }
    
    .xy-tonglan a {
        color: #fff;
    }
    
    .xy-tonglan .k1 {
        padding-top: 13px;
    }
    
    .xy-tonglan .k1,
    .xy-tonglan .foot-con,
    .xy-tonglan .xy-ft-rtcp {
        color: #fff;
        opacity: 0.6;
        font: 400 13px/28px "Microsoft Yahei";
    }
    
    .shares {
        padding-top: 25px;
    }
    
    .shares .bdshare-button-style0-16 a {
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 5px;
    }
    
    .shares .bdshare-button-style0-16 a.bds_tsina {
        background: url(../images/s1.png) no-repeat;
    }
    
    .shares .bdshare-button-style0-16 a.bds_sqq {
        background: url(../images/s2.png) no-repeat;
    }
    
    .shares .bdshare-button-style0-16 a.bds_weixin {
        background: url(../images/s3.png) no-repeat;
    }
    
    .ewm {
        color: #bfbebc;
        font: 400 12px/22px "Microsoft Yahei";
        text-align: center;
    }
    
    .ewm img {
        padding-bottom: 5px;
    }
    
    .xy-footer {
        background: #0a0a0a;
        color: #a5a5a5;
        padding: 0;
    }
    
    .xy-footer:before {
        background: none;
    }
    
    .xy-footer .xy-ft-cpy {
        padding: 15px 0;
    }
    
    .xymob-head-box .xymob-logo {
        height: 40px;
    }
    
    .xymob-head-box .xymob-logo img {
        height: 40px;
    }
    
    .xyin-about .xyin-more {
        text-align: left;
    }
    
    .xyin-about .xyin-more a {
        color: #fff;
        text-align: center;
        transition: all .7s ease;
    }
    
    .xyin-about .xyin-more a:hover {
        background: #fff;
        color: #333;
    }
    
    .xyin-about .wz .con {
        height: 96px;
        overflow: hidden;
    }
    
    .advanbg .content .advantext .tab-nav li {
        padding-top: 0;
        position: relative;
    }
    
    .advanbg .content .advantext .tab-nav li .boxs {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -37px;
    }
    
    .advanbg .content .advantext .tab-nav li.on {
        cursor: pointer;
    }
    
    .tab>.te {
        max-height: 84px;
        overflow: hidden;
    }
    
    .foot-con p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    
    @media (max-width: 1419px) {
        .boxx {
            padding: 0 20px;
        }
        .advanbg .content .advantext .tab-nav li {
            font: 600 16px/24px "Microsoft Yahei";
        }
        .advanbg .content .advantext .tab-nav li .boxs {
            margin-top: -32px;
        }
        .advanbg .content .advantext .tab-nav li img {
            width: 40px;
            height: auto;
        }
    }
    
    @media (max-width: 1200px) {
        .xyin-product-list {
            padding: 0 5% 40px;
        }
    }
    
    .xy-footer span.jszc {
        display: inline !important;
    }
    
    @media (max-width:991px) {
        .xy-footer .boxx {
            padding: 0;
        }
    }
    
    @media (max-width: 768px) {
        .xyin-about .wz .con {
            margin: 30px 0 30px;
        }
        .xyin-more {
            margin-top: 30px;
        }
        .xyin-title p {
            top: 0;
        }
    }
    
    .advantext2 .tab-navv {
        background: #1e1a1b;
    }
    
    .advantext2 .tab-navv li {
        width: 25%;
        float: left;
        text-align: center;
        color: #fff;
        padding: 8px 0;
    }
    
    .advantext2 .tab-navv li.on {
        background: #2f3280;
    }
    
    .advantext2 .tab-navv li .img {
        height: 40px;
    }
    
    .advantext2 .tab-navv li img {
        width: 40px;
        height: auto;
    }
    
    .tab-contents {
        color: #666;
        font: 400 16px/28px "Microsoft Yahei";
        padding: 10px 15px;
    }
    
    .tab-contents img {
        max-width: 100%;
        width: auto !important;
        height: auto !important;
        padding: 10px 0;
    }
    
    @media (max-width:991px) {
        .question .xy-search {
            margin-top: 15px;
        }
    }
    
    @media (max-width:768px) {
        .advanbg {
            padding: 50px 0 20px;
        }
        .question .xy-search {
            padding: 0;
        }
        .question .hotSearch {
            padding: 0;
        }
        .question .xy-search form #keyword {
            width: 247px;
        }
        .question .xy-search form #s_btn {
            width: 65px;
        }
        .xyin-about .wz {
            padding-left: 15px;
        }
    }

    /* 招商加盟 */
    .sub_nav{
        background-color:rgba(0,0,0,.9);
    }
    .sub_nav li{width: 104px;float: left;}
    .sub_nav li a{
        display: block;
        color:#fff;
        font:400 16px/70px "Microsoft Yahei";
        text-align: center;
    }
    .sub_nav li:hover a{
        background: #fff;
        color:#333;
    }
    .inner_t{
    padding: 60px 0;
    text-align: center;
    font-size: 30px;
    color: #000
    }
    .inner_t span{
        display: block;
        font-size: 36px;
        color: #ccc;
        text-transform: uppercase
    }
    .advantage ul li {
        color: #fff;  
        font-size: 14px;
        line-height: 24px
    }
    .advantage ul li .adbox{
        padding: 30px;
    }
    .advantage ul li.ad1 .adbox{background: #4082d9;}
    .advantage ul li.ad2 .adbox{background: #39cac5;}
    .advantage ul li.ad3 .adbox{background: #26b9de;}
    .advantage ul li.ad4 .adbox{background: #565656;}
    .advantage ul li b {
        display: block;
        font-size: 20px;
        padding: 10px 0 20px;
        font-weight: normal
    }
    .advantage ul li p{height:168px;overflow: hidden;}

    .process{
        background: url(../images/process.jpg) center top no-repeat;
        padding-bottom: 90px;
        margin: 65px 0 0;
    }
    .process .inner_t {
        padding: 50px 0;
        color: #fff
    }
    .process .txt{text-align: center;padding:0 15px;}

    .process .txt img{
        max-width: 100%;
        width:auto !important;
        height:auto !important;
    }

 .fgroup{position: relative;}
 .fgroup .error-info{position: absolute;right:35px;top:0;}
 .join-mess{
     max-width: 780px;
     margin:0 auto;
     margin-bottom: 60px;
 }
 .join-mess #message-form .form-group{margin-bottom: 0;}
 .form-group .form-control{border: 1px solid #eee;box-shadow:none;height:40px;line-height: 40px;margin-bottom: 20px;}
 .form-group .form-control.btn-primary{
     padding:0;
     height:45px;
     line-height: 45px;
     background: #818181;
 }
 .form-group .form-control.btn-primary:hover{
    background: #33a1db;
    color: #fff;
 }
 @media (max-width:991px){
    .advantage ul li{margin-bottom: 15px;}
 }
 @media (max-width:768px){
    .join-mess{padding:0 15px;}
    .form-group .form-control{margin-bottom: 10px;}
    .fcode{margin-bottom: 10px;}
    .inner_t{font-size: 24px;padding:30px 0;}
    .inner_t span{font-size: 26px;}
   
    
 }