.main-subnav{height: 50px;line-height: 50px;border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #fff; display:none;}
      .nav-box{width:800px;margin:0 auto;padding-left: 200px;}
      .nav-box h3{display: block; float: left;font-size: 14px;color:#333;padding-right: 30px;margin-right: 28px;position: relative;}
      .nav-box h3:before{content: "";position: absolute;width:1px;height: 22px;background: #e5e5e5;right: 0;top:15px;}
      .nav-box .collapse li a{display: block;float: left;margin-right: 45px;color:#333; height:48px;line-height:48px; border-bottom:2px solid #fff;}
      .nav-box .collapse .cur a{border-bottom:2px solid #f3981e;}
  
         .content {
                max-width: 80rem;
                min-width: 960px;
                margin: 0 auto;
            }
        .f_pr{position:relative;}
.top_bg{ position:fixed;height:106px;z-index: 30;font-family:"Microsoft Yahei";color: #fff;left:0; top:0;right:0; font-size: 14px;width:100%;max-width: 1920px;min-width: 1200px;z-index: 115;margin:0 auto;}
        
        .t_jtu{ line-height: 32px; height: 32px; padding-right: 5.4%; text-align:right;}
        .top_bg:hover{background:#fff;}
       .t_jtu a {
                display: inline-block;
                line-height: 32px;
                background: url(images/t_ico.jpg) no-repeat 0 8px;
                padding-left: 26px;
                padding-right: 22px;
                font-size: 14px;
                color: #333333;
            }
        .h_con {
                padding: 0 2.5%;
            }
        
   .logo{display: block;width: 12.53%;display: table;float: left;}
            .logo a{display: table-cell;height:106px;text-align: center;vertical-align: middle;}
            .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
            
            .h_con .top_text {
                float: left;
                width: 20.6%;
                display: table;
                font-weight: normal;
                text-align: left;
            }
                
             .h_con .top_text h2{display: table-cell;vertical-align: middle;font-weight: normal;padding-left: 22px; position:relative;text-align: left; height:106px; }
            
  
            .h_con h2:before{content:"";position:absolute;width:1px;;background:rgba(255,255,255,.2);left:0;top:50%; margin-top:-22px; height:48px;}
            
            
            .h_con h2 span {
                display: block;
                font-size:16px;
                line-height:24px;
                color: #fff;
                letter-spacing: 0.05rem;
            }
            
            .h_con h2 i {
                display: block;
                font-size:16px;
                line-height:24px;
                color: #fff;
            }
            
       .h_con .tel {
                display: block;
                float: right;
                width: 11%;
                margin-top:44px;
                padding-left: 2.4rem;
                color: #fff;
                font-size:16px;
                font-weight: lighter;
                background: url(images/t_telwhite.png) no-repeat left center;
                background-size: 2rem 0.9rem; 
                font-weight: normal;
                box-sizing: border-box;
            }

        .h_nav{ height:106px; float:left;width:54%; box-sizing: border-box;}
        .h_nav li{ float:left; margin-right: 0.8rem;}
        .h_nav li b {
                font-size: 16px;
                color: #fff;
                display: inline-block;
                position: relative;
                z-index: 4;
                text-decoration: none;
                line-height: 106px;
                padding-right: 0.1rem;
                font-weight: normal;
            }
        .h_nav li i{display: inline-block;width:12px;height: 6px;margin-left: 6px;overflow: hidden; line-height:0;background:url(images/navico.png) no-repeat;transition: all 0.3s linear 0s;}
        .h_nav li:hover b,.h_nav li.cur b{ font-weight: bold; color: #f3981e;}
         .h_nav li a:hover i,
            .h_nav li.cur a i {
                background: url(images/navico3d.png) no-repeat;
                background-size: 0.6rem 0.3rem;
            }


        .h_nav .gcxla{position: absolute;left:0;top:106px;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;background:#fff;z-index: 5585; display:none;padding: 20px 0 35px 0; box-shadow: 0 0 21px rgba(0,0,0,.1);}
        .h_nav .gcxla h3{height: 40px;}
        .h_nav .gcxla h3 a{display: block; height: 40px; line-height: 40px;font-size:16px;color:#333333;font-weight: normal;overflow: hidden;}
        .h_nav .gcxlalst dl{float: left;width:20%;} 
        .h_nav .gcxlalst dt{display: block;height: 56px;line-height: 56px;font-size:16px;width:65%;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;}
        .h_nav .gcxlalst dt{color:#333333;height: 56px;line-height: 56px;font-weight: normal;} 
        .h_nav .gcxlalst dt:hover{color:#f3981c;}
        .h_nav .gcxlalst dd a{display: block;float:normal;line-height: 36px;font-size:16px;font-weight: normal;color:#333333;}
        .h_nav .gcxlalst dd a:hover{color:#f3981c;}
        .h_nav li:hover .gcxla{display: block;}


        .h_nav .faxla{display: none;}
        .h_nav .faxla{position: absolute;left:0;top:106px;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;background:#fff;z-index: 5585; display:none;padding: 20px 0 35px 0;box-shadow: 0 0 21px rgba(0,0,0,.1);}
        .h_nav .faxla h3{height: 40px;}
        .h_nav .faxla h3 a{display: block; height: 40px; line-height: 40px;font-size:16px;color:#333333;font-weight: normal;overflow: hidden;}
        .faxlahd{float: left;width:14%;height: 850px;border-right: 1px solid #dcdcdc;margin-right: 4%;}
        .faxlahd em{display: block; font-size:18px;color:#333333; line-height:42px;font-weight: bold; }
        .faxlahd .on{color:#f3981c;}
        .faxlabd{float: left;width:80%!important;}
        .faxcc,.falxcon{width:100%!important;}

        .faxlabd dl{float: left;width:20%;} 
        .faxlabd dt{display: block;height: 56px;line-height: 56px;font-size:16px;width:65%;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;}
        .faxlabd dt a{color:#333333;height: 56px;line-height: 56px;font-weight: normal;} 
        .faxlabd dt a:hover{color:#f3981c;}
        .faxlabd dd a{display: block;float:normal;line-height: 36px;font-size:16px;font-weight: normal;color:#333333;}
        .faxlabd dd a:hover{color:#f3981c;}
        .h_nav .faxlabd dt a:hover{color:#f3981c;}
        .h_nav .faxlabd dd a:hover{color:#f3981c;}
        .h_nav li:hover .faxla{display: block;}



        .h_nav .anxla{display: none;}
        .h_nav .anxla{position: absolute;left:0;top:106px;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;background:#fff;z-index: 5585; display:none;padding: 20px 0 35px 0;box-shadow: 0 0 21px rgba(0,0,0,.1);}
        .h_nav .anxla h3{height: 40px;}
        .h_nav .anxla h3 a{display: block; height: 40px; line-height: 40px;font-size:16px;color:#333333;font-weight: normal;overflow: hidden;}

        .anxlahd{float: left;width:14%;height: 850px;border-right: 1px solid #dcdcdc;margin-right: 4%;}
        .anxlahd em{display: block; font-size:18px;color:#333333; line-height:42px;font-weight: bold; }
        .anxlahd .on{color:#f3981c;}
        .anxlabd{float: left;width:80%!important;}
        .anxcc,.anlxcon{width:100%!important;}

        .anxlabd dl{float: left;width:20%;} 
        .anxlabd dt{display: block;height: 56px;line-height: 56px;font-size:16px;width:65%;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;}
        .anxlabd dt a{color:#333333;height: 56px;line-height: 56px;font-weight: normal;} 
        .anxlabd dt a:hover{color:#f3981c;}
        .anxlabd dd a{display: block;float:normal;line-height: 36px;font-size:16px;font-weight: normal;color:#333333;}
        .anxlabd dd a:hover{color:#f3981c;}
        .h_nav .anxlabd dt a:hover{color:#f3981c;}
        .h_nav .anxlabd dd a:hover{color:#f3981c;}
        .h_nav li:hover .anxla{display: block;}

        .h_nav .gcxla .content,
        .h_nav .anxla .content,
        .h_nav .faxla .content{height: 462px;overflow-y: auto}


.h_nav .gyxla{position: absolute;left:0;top:106px;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;background:#fff;z-index: 5585; display:none;padding: 20px 0 35px 0; box-shadow: 0 0 21px rgba(0,0,0,.1);}
.h_nav .gyxla h3{height: 40px;overflow: hidden;}
.h_nav .gyxla h3 a{display: block; height: 40px; line-height: 40px;font-size:16px;color:#333333;font-weight: normal;overflow: hidden;}
.gyxlaleft{float: left;width:60%;}
.gyxlaright{float: left;width:40%;}
.h_nav .gyxla a{display: block;
    height: 56px;float: left;width:30%;margin-right: 10%;
    line-height: 56px;color:#f3981c;
    font-size: 16px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;} 
.h_nav .gyxla a:hover{color:#f3981c;}
.h_nav li:hover .gyxla{display: block;}



    
        .top_bg:hover li a{color:#333;}
        .top_bg:hover dt{color:#f3981e;}
        .top_bg:hover dt a{color:#f3981e;}
        .top_bg:hover .gyxla a{color:#333;}
        .top_bg:hover .h_nav .gyxla h3 a{color:#333;}
          .top_bg:hover .gyxla a:hover{
                color: #f3981e;
            }
            
        .top_bg:hover li:hover b,.top_bg:hover .cur b{color:#f3981e;}
         .top_bg:hover li i {
                background: url(images/navico2d.png) no-repeat left center;
                background-size: 0.6rem 0.3rem;
            }
            
         .top_bg:hover .h_con h2 span{color:#333;}
         .top_bg:hover .h_con b{color:#333;}
        .top_bg:hover .h_con h2 i{color:#333;}
         .top_bg:hover .h_con .tel {
                background: url(images/t_tel.png) no-repeat left center;
                background-size: 2.05rem 0.9rem;
                font-weight: normal;
                color: #333;
            }
        .top_bg:hover .h_con h2:before{background:rgba(51,51,51,.2);}

        .hea{transform:translate(0,0);background: #fff;height: 52px;}
        .hea .h_con{display: none;}
        
        .hea .main-subnav{display: block;}
        .hea1{background: #fff;height: 106px;}
         .hea1 li a{color:#333;}
         .hea1 li i {
                background: url(images/navico2d.png) no-repeat left center;
                background-size: 0.6rem 0.3rem;
            }
         .hea1 .h_con h2 span{color:#333;}
         .hea1 .h_con b{color:#333;}
        .hea1 .h_con h2 i{color:#333;}
        .hea1 .h_con .tel {
                background: url(images/t_tel.png) no-repeat left center;
                background-size: 2.05rem 0.9rem;
                font-weight: normal;
                color: #333;
            }
        
        
 @media screen and (max-width:1401px) { 
                 .h_con .tel{display:none;}
                 .h_con h2{width:22%;}
                 .h_nav{width:60%;}

}
            


         em,
            i {
                font-style: normal;
            }

      

      .nyban i{width:100%;display:block;}
      .nyban i img{width:100%;display:block;}
  



.g_znafban{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_znafban .ban-item {width:100%; position: relative;}
.g_znafban .ban-item a{display:block;width:100%;}
.g_znafban .ban-item img {display: block; width:100%;}
.g_znafban .ban1c{position:absolute;left:0;top:0;width:100%;}


.g_znafban .ban-txt1 {position: absolute; top:354px; left:0; height:78px;z-index: 15; width:100%;text-align:center; font-size:46px;color:#fff; animation-delay: 0.1s;font-weight: bold;}
.g_znafban .ban-txt2 {position: absolute; width:100%;text-align:center; top: 435px; left:0;z-index: 15;font-size:24px;color:#fff;animation-delay: 0.5s;}

.g_znafban .ban-txt3{position: absolute; width:76px; top: 300px; left:50%;margin-left:-38px; z-index: 15;animation-delay: 0.8s;}
.g_znafban .ban-txt3 img{width: 100%;display: block;left: 0;top: 0;margin-left: 0;height:76px;}





    .p102-search-1 {display:none;
        height: 70px;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;
        border-bottom: 1px solid #ededed;
        background: #f7f7f7;
    }
    
    .p102-search-1 p {
        float: left;
        width: 750px;
        height: 70px;
        line-height: 70px;
        font-size: 14px;
        color: #333333;
    }
    
    .p102-search-1 p b {
        display: inline-block;
    }
    
    .p102-search-1 p a {
        color: #666666;
        display: inline-block;
        margin-right: 15px;
    }
    .p102-search-1 p a:hover{color: #37a0db;}
    .p102-search-1-inp {
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
    .p102-search-1-inp:before,
    .p102-search-1-inp:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
    .p102-search-1-inp:before {
        top: 0;
    }
    
    .p102-search-1-inp:after {
        bottom: 0;
    }
    
    .p102-search-1-inp1 {
        background: #fff;
        font-size: 14px;
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
    .p102-search-1-inp2 {
        width: 65px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(images/p102-search-icon1.png) no-repeat center center #37a0db;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


        .p101-curmbs-1 {
            position: relative;
            max-width: 1920px;
            margin: 0 auto;
        }
        
        .plc {
            position: absolute;
            top: -135px;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 10;
          
            padding: 20px 0 5px;
        }
        
        .p12-curblock {
            display: none;
        }
        
        .p101-curmbs-con {
            float: right;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #fff;
        }
        
        .p101-curmbs-con b {
            font-weight: normal;
            padding-left: 25px;
            background: url(images/p101-curmbs-icon1.png) no-repeat left center;
        }
        
        .p101-curmbs-con i {
            font-style: normal;
        }
        
        .p101-curmbs-con span {
            font-family: 宋体;
            height: 46px;
            line-height: 46px;
            padding: 0px 5px;
        }
        
        .p101-curmbs-con a {
            color: #fff;
        }
        
        .p101-curmbs-con a:hover {
            text-decoration: underline;
        }
    


.g_zjtd{padding-top: 70px; padding-bottom:20px; overflow: hidden;}
.g_zjtd h2{display: block; height: 124px; text-align:center;font-size:48px;color:#333333;font-weight: bold;position: relative;}
.g_zjtd h2 i{display: block;font-size:0;line-height:0;margin-top:15px;}
.g_zjtd .zjmore a{position: absolute;left:540px;top:945px;background: url(../images/moreteam.png) no-repeat;width:138px;height: 27px;line-height: 27px;padding-left: 25px;font-size: 14px;color:#fff;z-index: 1152;}
.game163{position: relative;padding-bottom:15px; margin-bottom:30px;}
.game163 .bigImg dl{position: relative;background:#e9e9e9;height: 40rem;overflow: hidden;}
.game163 .bigImg dt{width:50%;overflow: hidden;float: left;position:relative;top:0;}
.game163 .bigImg dt img{width: 100%;display: block;transition: all 0.3s linear 0s;}
.tdjswz{position:absolute;left:5%;bottom: 0;}
.tdjswz h5{line-height:40px;font-size:24px;color:#333;}
.tdjswz h6{font-size:30px;color:#37a0db;}
.tdjswz p{font-size:14px;color:#333;}
.game163 .bigImg dl:hover .tdjswz h6{color:#37a0db;}
.game163 .bigImg dd{float: left;width:50%;padding: 1.2rem 5% 0 5%;box-sizing: border-box;background:#e9e9e9;;}
.game163 .bigImg h3{display: block;height: 86px;line-height: 86px; width: 473px; border-bottom: 3px solid #d4d4d4;font-size: 36px;font-weight: bold;color: #333333;margin-bottom: 19px; box-sizing: border-box;}
.game163 .bigImg p{display: block; font-size: 16px;line-height: 30px;color:#666;position: relative; height:120px;overflow:hidden;}
.game163 .bigImg:hover dt img{transform: scale(1.1);}
.g_zjtd .sPrev,.g_zjtd .sNext{width: 41px; height: 41px; text-indent: -9999px;  position: absolute;z-index: 10}
.g_zjtd .sNext{background: url(images/ysljt.png) no-repeat;left:-56px;top:63px;}
.g_zjtd .sPrev{background: url(images/ysrjt.png) no-repeat;right:-56px;top:63px;}
.g_zjtd .sNext:hover,.g_zjtd .sPrev:hover{background-position:right 0;}
.game163 .smallImg{width: 40%;overflow: hidden;position: absolute;top:20rem;right:5%;z-index: 15;}
.game163 .smallImg ul{ height:12rem; width:25rem; overflow: hidden; }
.game163 .smallImg li{position: relative; float: left;  width:30%;  margin-left: 3%; }
.game163 .smallImg i{position: relative;width:100%;margin: 0 auto;display: block;}
.game163 .smallImg img{width:100%; display: block;border-radius: 50%;}
.game163 .smallImg li em{display: block;text-align:center;font-size:16px;color:#333333;line-height: 46px;}
.game163 .smallImg .active i img{border: 5px solid #37a0db;box-sizing: border-box;}
.game163 .smallImg .active em{color:#37a0db;font-weight: bold;}
.game163 .js-swiper-tab{overflow: hidden;}
.content {max-width: 80rem;min-width: 960px;margin: 0 auto; }




.p101-service-case h2{display: block; height: 124px; text-align:center;font-size:2.4rem;color:#333333;font-weight: bold;position: relative;}
.p101-service-case h2 i{display: block;font-size:0;line-height:0;margin-top:15px;}

    .p101-service-case {
        padding-bottom: 80px;
    }
    
    .p101-service-case-list dl {
        float: left;
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    
    .p101-service-case-list dl:nth-child(4n) {
        margin-right: 0;
    }
    .p101-service-case-list dt{overflow:hidden;}
    .p101-service-case-list dt img,
    .p101-service-case-list dt{
        display: block;
        width: 100%;
        margin: 0 auto;
        transition: all 0.3s linear 0s;
    }
    
    .p101-service-case-list dd {
        border: 1px solid #e3e3e3;
        padding: 28px 26px 40px 32px;
        position: relative;
        background: #fff;
    }
    
    .p101-service-case-list dd h4 {
        padding-bottom: 10px;
        position: relative;
    }
    
    .p101-service-case-list dd h4:after {
        content: '';
        position: absolute;
        width: 42px;
        height: 2px;
        left: 0;
        bottom: 0;
        background: #d4d4d4;
    }
    
    .p101-service-case-list dd h4{
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        color: #1a1a1a;
    }
    .p101-service-case-list dl:hover dt img{transform: scale(1.1);}
    
    
    .p101-service-case-list .p101-case-1-desc {
        padding-top: 20px;
        color: #4c4c4c;
        line-height: 24px;
        text-align: justify;
        height: 96px;overflow: hidden;
    }
    
    .p101-service-case-list dl:hover {
        box-shadow: 4px 5px 10px #e6e6e6, -4px 5px 10px #e6e6e6;
    }
 .p101-service-case-list dl:hover h4{color: #37a0db;}
    .p101-service-case-list dl:hover h4:after{background: #37a0db;} 
    
    .p101-service-case-list dl:hover dd:after {
        content: '';
        position: absolute;
        width: 100%;
        height:5px;
        background: #37a0db;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
   
   .p101-service-case-list dl:hover dd:after{background: #37a0db;}
    
    
    
    .p101-service-case-more {
        width: 198px;
        height: 44px;
        margin: 60px auto 0;
        border: 1px solid #37a0db;
        position: relative;
    }
    
    .p101-service-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        color: #37a0db;
        padding-left: 64px;
        position: relative;
    }
    
    .p101-service-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 1px solid #37a0db;
        border-left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        left: 26px;
        top: 15px;
    }
    
    .p101-service-case-more a:after {
        content: '';
        width: 4px;
        height: 1px;
        position: absolute;
        background-color: #37a0db;
        left: 22px;
        top: 15px;
    }
    
    .p101-service-case-more:after {
        content: "";
        width: 10px;
        height: 10px;
        border: 1px solid #37a0db;
        border-style: solid none none solid;
        position: absolute;
        top: 50%;
        left: 22px;
        margin-top: -12px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


        .nyban {
            overflow: hidden;
            width: 100%;
            max-width: 1920px;
            min-width: 1200px;
            margin: 0 auto;
        }
        
        .content3 {
            width: 1200px;
            margin: 0 auto;
        }
        
        .foot {
            overflow: hidden;
        }
        
        .f_con {
            background: #f7f7f7;
            padding: 3rem 0;
        }
        
        .f_con .gsxx {
            float: left;
            width: 36.5%;
        }
        .gsxx .wmv{    position: absolute;
    display: block;
    margin-top: -177px;
    margin-left: 339px;
    width: 216px;}
    .gsxx .wmv img{ width:100%;}
        .gsxx h2 {
            display: block;
            height: 5.4rem;
            border-bottom: 1px solid #dbdbdb;
            margin-bottom: 1rem;
            text-align: left;
            padding-bottom: 1rem;
        }
        
        .gsxx h2 a, .gsxx h2 img{
            max-width: 100%;
            max-height: 5.4rem;
        }
        
        .gsxx p {
            line-height: 100%;
            font-size: 14px;
            color: #666666;
        }
        
        .gsxx p span {
            display: block;
            line-height: 100%;
            padding: 0.8rem 0 0.5rem 0;
            font-size: 2rem;
            color: #333333;
            font-weight: lighter;
        }
        
        .gsxx h3 {
            font-weight: normal;
            line-height: 100%;
            font-size: 14px;
            color: #666;
        }
        
        .gsxx h3 b {
            font-weight: normal;
            line-height: 100%;
            font-size: 14px;
            color: #666;
            display: block;
            height: 1.95rem;
        }
        
        .gsxx h3 em {
            display: block;
            position: relative;
            float: left;
            width: 2rem;
            margin-right: 0.4rem;
        }
        
        .gsxx h3 em i {
            display: block;
            float: left;
            position: relative;
            width: 1.95rem;
            height: 1.95rem;
            overflow: hidden;
            border: 1px solid #d4d4d4;
            border-radius: 50%;
            box-sizing: border-box;
        }
        
        .gsxx h3 em i img{width: 3.9rem;height: 1.9rem;}
        
        .gsxx h3 em span {
            display: inline-block;
            position: absolute;
            left: 0;
            top: 2.15rem;
            opacity: 0;
            transition: all 0.2s;
        }
        
        .gsxx h3 em span img {
            width: 5.5rem;
            height: 5.5rem;
        }
        
        .gsxx h3 em:hover span {
            opacity: 1;
        }
        
        .gsxx h3 em:hover i {
            background: #000;
            border-radius: 50%;
            border: 1px solid #000;
        }
        
        .gsxx h3 em:hover i img {
            margin-left: -1.95rem;
        }
        
        .f_nav {
            float: right;
            height: 20.2rem;
            overflow: hidden;
            width: 59%;
        }
        
        .f_nav li {
            float: left;
            width: 14.16%;
            margin-left: 3%;
        }
        
        .f_nav li:first-of-type {
            margin-left: 0;
        }
        
        .f_nav li b a {
            display: block;
            font-size:18px;
            color: #333333;
            font-weight: bold;
            line-height: 100%;
            margin-bottom: 1.3rem;
        }
        
        .f_nav li p a {
            display: block;
            font-size: 14px;
            line-height: 100%;
            color: #666666;
            transition: all 0.3s;
            margin-bottom: 0.9rem;
        }
        
        .f_nav li p a:hover {
            opacity: 1;
            color: #222;
            text-decoration: underline;
        }
        
        .f_nav li:last-child {
            margin-right: 0
        }
        
        .f_bt {
            height: 2.35rem;
     
        }
        
        .f_bt .f_bt_copy {
            display: block;
            float: left;
            font-size: 12px;
            line-height: 2.35rem;
            color: #adadad;
            height: 2.35rem;
        }
        
        .f_bt .f_bt_copy em {
            display: inline-block;
            padding: 0 9px;
        }
        
        .f_bt .f_bt_copy a {
            color: #adadad;
        }
        
        .f_bt .f_bt_copy a:hover {
            color: #f3981c;
        }
        
        .links b {
            display: block;
            font-weight: bold;
            font-size: 12px;
            color: #adadad;
            float: left;
            margin-right: 10px;
        }
        
        .links a {
            font-size: 12px;
            line-height: 2.35rem;
            color: #adadad;
            float: left;
            margin-right: 1.3rem;
            display: block;
        }
        
        .links {
            margin-left:1.5rem;
            float: left;
            font-size: 14px;
            line-height: 2.35rem;
            color: #adadad;
        }
        
        .links a:hover {
            color: #f3981c;
        }
        
        /*@media screen and (max-width: 1280px) {*/
        /*    .links {*/
        /*        float: left;*/
        /*    }*/
        /*}*/
    

    .ftline,.ftline img{width:100%;display:block;}
    .p102-pro-case-more{margin-bottom:50px;}


#newBridge .nb-icon-skin-0 .nb-icon-groups{border:none!important;}
    .xin-2112-client-1 {
        width: 76px;
        position: fixed;
        right: 0;
        top: 30%;
        z-index: 990;
        color: #333;
        background: #fff;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
    }
    
    .xin-2112-client-1 li {
        width: 76px;
        border-radius: 2px;
        position: relative;
        cursor: pointer;
        padding: 10px 0 13px;
    }
    
    .xin-2112-client-1 li.my-kefu-top {
        display: none;
    }
    
    .xin-2112-client-1 li a {
        display: block;
        height: 100%;
        text-decoration: none;
        color: #333;
    }
    
    .xin-2112-client-1 li i {
        display: block;
        width: 38px;
        height: 37px;
        overflow: hidden;
        margin: 0 auto;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    
    .xin-2112-client-1 li.my-kefu-tel i {
        background-position: 0 0;
    }
    
     .xin-2112-client-1 li.my-kefu-tel2 i {
      background: url(images/zxbtn1.png) no-repeat;
    }
    
    .xin-2112-client-1 li.my-kefu-link i {
        background-position: 0 -47px;
    }
    
    .xin-2112-client-1 li.my-kefu-qq i {
        background-position: 0 -94px;
    }
    
    .xin-2112-client-1 li.my-kefu-weixin i {
        background-position: 0 -141px;
    }
    
    .xin-2112-client-1 li.my-kefu-top i {
        background-position: 0 -188px;
    }
    
    .xin-2112-client-1 li .client-2112-cont {
        width: 160px;
        padding: 14px 14px 14px 70px;
        position: absolute;
        right: 85px;
        top: 4px;
        color: #fff;
        font-size: 18px;
        height: 63px;
        line-height: 32px;
        text-align: left;
        background: #37a0db;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #37a0db;
    }
    
    .xin-2112-client-1 li .client-2112-cont:before {
        content: "";
        position: absolute;
        width: 38px;
        height: 38px;
        background: url("images/xin-2112-client-icon.png") no-repeat;
        left: 25px;
        top: 50%;
        margin-top: -19px;
        z-index: 1;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin {
        width: 115px;
        padding: 14px;
        position: absolute;
        right: 85px;
        top: -28px;
        background: #fff;
        display: none;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -7px;
        right: -7px;
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        border-left: 7px solid #fff;
    }
    
    .xin-2112-client-1 li .client-2112-cont-weixin img {
        width: 115px;
        height: 115px;
        display: block;
    }
    
    .xin-2112-client-1 li.my-kefu-tel .client-2112-cont:before {
        background-position: -70px 0;
    }
    
     .xin-2112-client-1 li.my-kefu-tel2 .client-2112-cont:before {
        background: url(images/zxbtn2.png) no-repeat
    }
    
    
    
    .xin-2112-client-1 li.my-kefu-qq .client-2112-cont:before {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li p {
        display: block;
        height: 18px;
        line-height: 18px;
        font-size: 12px;
        color: #333;
        text-align: center;
    }
    
    .xin-2112-client-1 li.my-kefu-link a {
        animation: heart 1s ease-in-out infinite alternate;
    }
    
    .xin-2112-client-1 li.cur,
    .xin-2112-client-1 li:hover {
        background: #37a0db;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-tel i,
    .xin-2112-client-1 li.my-kefu-tel:hover i {
        background-position: -70px 0;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-link i,
    .xin-2112-client-1 li.my-kefu-link:hover i {
        background-position: -70px -47px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-qq i,
    .xin-2112-client-1 li.my-kefu-qq:hover i {
        background-position: -70px -94px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-weixin i,
    .xin-2112-client-1 li.my-kefu-weixin:hover i {
        background-position: -70px -141px;
    }
    
    .xin-2112-client-1 li.cur.my-kefu-top i,
    .xin-2112-client-1 li.my-kefu-top:hover i {
        background-position: -70px -188px;
    }
    
    .xin-2112-client-1 li.cur p,
    .xin-2112-client-1 li:hover p {
        color: #fff;
    }
    
    .xin-2112-client-1 li:hover .client-2112-cont,
    .xin-2112-client-1 li:hover .client-2112-cont-weixin {
        display: block!important;
    }