
            body{min-width:1200px;width:100%;overflow-x:hidden;}
            i,em{ font-style:normal;}
            .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
            .header{height:208px;background:url(images/t_bg.jpg) repeat-x;position: relative; }
            .h_top{ height: 35px; line-height: 35px; color: #878787; font-size: 14px;}
            .h_top span{ display: inline-block; float: right;}
            .h_top span a{ display: inline-block; margin-left: 35px; padding-left: 23px; color: #878787;background:url(images/t_ico1.jpg) no-repeat 0 10px;}
            .h_top span a:nth-of-type(2){background:url(images/t_ico2.jpg) no-repeat 0 10px;}
            .h_top span a:nth-of-type(3){background:url(images/t_ico3.jpg) no-repeat 0 10px;}
            .h_top span a:hover{ color: #000;text-decoration: underline;}
            .h_con{height:114px; overflow: hidden;}
            .h_con .logo{float: left;margin:26px 30px 0 0;}
            .h_con h3{float:left; padding-top:31px; line-height: 100%; font-weight: normal; font-size: 18px; color: #333333; letter-spacing: 4px;}
            .h_con h3 i{line-height: 100%; font-size: 26px;display: block; padding-bottom:9px;font-weight: bold; letter-spacing: 0;}

            .h_con p{float: right;margin-top:38px;line-height:100%;color: #333333; font-size:14px;background:url(images/t_tel.jpg) no-repeat; padding-left: 62px;}
            .h_con p i{ display: inline-block; line-height: 14px;}
            .h_con p em{ display:block; color: #333333; font-size: 24px; line-height: 100%; font-family: Arial;font-weight: bold; padding-top: 8px;}
            .h_nav{height:59px;float: left; }
            .h_nav ul li{float: left;font-size: 16px;position: relative; box-sizing: border-box;background:url(images/t_nav.jpg) no-repeat right 22px;}
            .h_nav ul li:last-of-type{ background: none;}
            .h_nav ul li a{color: #fff;display: block; position: relative;z-index: 5;  line-height:59px;  text-align: center; padding:0 31px 0;}
            .h_nav li.cur a,.h_nav li a:hover{color: #fff;}
            .h_nav li:before,.h_nav li:before{ content:""; position:absolute;height:0;width:100%;left:0;top:0;transition-duration: 250ms; background: #64dcff; }
            .h_nav li:hover:before,.h_nav li.cur:before{height:59px;}
            input::-webkit-input-placeholder {color: #666;}
            .seach{ float: right; margin-right: 7%; margin-top: 32px; cursor: pointer;}

            .header  .isear{width:36px; height:36px;float:right;position:relative;  cursor: pointer;    float: right;
                margin-right: 0; margin-top: 21px;cursor: pointer;}
            .header  .isear i{display:block;width:36px; height:36px;background:url(images/seach.png) no-repeat center 0; cursor: pointer;}
            .header .isearch{position:absolute;right:0;top: 41px;background-color:#0394e7;width:295px;height:47px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;border:1px solid #0394e7;box-sizing:border-box;}
            .header .isearch .ser_inp{display:block;float:left;width:203px;height:31px;line-height:32px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none; font-size:14px;}
            .header .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:46px;line-height:30px;text-align:center;font-size:12px;background:#0394e7 url(images/seach.png) no-repeat center;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
            .header .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #0394e7;z-index:3;right:70px;top:17px;}
            .header .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
            .header .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
            input::-webkit-input-placeholder {color: #666;}
        

        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

    .p102-search-1 {
        height: 70px;
        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: #089be9;}
    .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 {
        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: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(images/p102-search-icon1.png) no-repeat center center #089be9;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #64dcff;
            font-weight: normal;
            padding-left: 8px;
        }
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

    .p102-fdh-3 {
        height: 100px;
        box-shadow: 0 4px 6px #e9e9e9;
    }
    
    .p102-fdh-3 li {
        float: left;
        width: 14.2%;
        height: 100px;
        position: relative;
    }
    
    .p102-fdh-3 li:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 26px;
        background: #cfcfcf;
        right: 0;
        top: 50%;
        margin-top: -13px;
    }
    
    .p102-fdh-3 li:last-child:after {
        display: none;
    }
    
    .p102-fdh-3 li a {
        display: block;
        height: 100px;
        line-height: 100px;
        font-size: 22px;
        color: #1a1a1a;
        text-align: center;
    }
    
    .p102-fdh-3 li.sidenavcur:before,
    .p102-fdh-3 li:hover:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #089be9;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-fdh-3 li.sidenavcur a,
    .p102-fdh-3 li:hover a {
        font-weight: bold;
        color: #089be9;
    }
    
    .p102-fdh-3 li.sidenavcur a:before,
    .p102-fdh-3 li:hover a:before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 3px solid #089be9;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -8px;
        z-index: 2;
    }
    
    .p102-fdh-3 li.sidenavcur a:after,
    .p102-fdh-3 li:hover a:after {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background: #089be9;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -2px;
        z-index: 3;
    }


    .p101-service-content{
        font-size: 16px;
    line-height: 32px;
    color: #4c4c4c;
    text-align: justify;
    padding: 40px 0;
    }


    .p101-service-case {
        padding-bottom: 80px;
    }
    
    .p101-service-case-list dl {
        float: left;
        width: 378px;
        margin-right: 33px;
    }
    
    .p101-service-case-list dl.last {
        margin-right: 0;
    }
    
    .p101-service-case-list dt img,
    .p101-service-case-list dt a {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    
    .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 a {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        color: #1a1a1a;
    }
    
    .p101-service-case-list .p101-case-1-desc {
        padding-top: 20px;
        color: #4c4c4c;    height: 126px;
        line-height: 24px;
        text-align: justify;
    }
    
    .p101-service-case-list dl:hover {
        box-shadow: 4px 5px 10px #e6e6e6, -4px 5px 10px #e6e6e6;
    }
    
    .p101-service-case-list dl:hover dd:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        background: #089be9;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p101-service-case-more {
        width: 198px;
        height: 44px;
        margin: 60px auto 0;
        border: 1px solid #089be9;
        position: relative;
    }
    
    .p101-service-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        color: #089be9;
        padding-left: 64px;
        position: relative;
    }
    
    .p101-service-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 1px solid #089be9;
        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: #089be9;
        left: 22px;
        top: 15px;
    }
    
    .p101-service-case-more:after {
        content: "";
        width: 10px;
        height: 10px;
        border: 1px solid #089be9;
        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);
    }


    .title {
        padding-bottom: 15px;
        position: relative;
        font-weight: normal;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .title:after {
        content: '';
        position: absolute;
        width: 76px;
        height: 1px;
        background: #d4d4d4;
        bottom: 0;
        left: 50%;
        margin-left: -38px;
    }
    
    .title span,
    .title a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 38px;
        color: #333333;
    }
    
    .title em {
        display: block;
        height: 22px;
        font: 14px/22px 'Arial';
        color: #808080;
        font-style: normal;
        letter-spacing: 2px;
    }
    
    .p101-recommend-news {
        padding: 60px 0;
        background-color: #f5f5f5;
    }
    
    .p101-recommend-news-list ul {
        padding-top: 5px;
        position: relative;
    }
    
    .p101-recommend-news-list li {
        float: left;
        width: 530px;
    }
    
    .p101-recommend-news-list li p {
        height: 30px;
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 30px;
    }
    
    .p101-recommend-news-list li p:before {
        content: "";
        width: 8px;
        height: 8px;
        border: 2px solid #808080;
        border-style: dotted dotted none none;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
    }
    
    .p101-recommend-news-list li p:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 2px;
        background: #808080;
        left: 4px;
        top: 50%;
        z-index: 1;
    }
    
    .p101-recommend-news-list li p a {
        display: inline-block;
        max-width: 400px;
        height: 30px;
        font-size: 16px;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .p101-recommend-news-list li p:hover a {
        color: #089be9;
    }
    
    .p101-recommend-news-list li p:hover:before {
        border-color: #089be9;
    }
    
    .p101-recommend-news-list li p:hover:after {
        background: #089be9;
    }
    
    .p101-recommend-news-list li p em {
        float: right;
        width: 90px;
        height: 30px;
        font-family: Arial;
        color: #808080;
        text-align: right;
        font-style: normal;
    }
    
    .p101-recommend-news-list li.last {
        margin-left: 140px;
    }
    
    .p101-recommend-news-list li.last:before {
        content: '';
        position: absolute;
        width: 1px;
        left: 50%;
        top: 0;
        bottom: 5px;
        background: #e3e3e3;
        z-index: 3;
    }


            .footWrap{height:419px;overflow:hidden;font-family:"Microsoft Yahei";background:url(images/ft_bj.jpg) no-repeat center 0;box-sizing: border-box;}
            .footer{width:1200px;margin: 0 auto; position: relative;}
            .ft_d{height: 115px;overflow: hidden;padding-top:31px;box-sizing: border-box;position: relative;}
            .ft_d li{float:left;padding:0 77px 0 0;font-size:14px;color: #848484;background: url(images/ft_a1.png) no-repeat right;margin-right:105px; }
            .ft_d li img{vertical-align: top;}
            .ft_d li span em{font-size:24px;color: #333333;    padding-top: 4px; display: block;}
            .ft_d li span{display: inline-block;padding-left:15px;}
            .ft_d li:last-child{margin:0;background: none}
            .g_top{width:101px;height: 115px;background: #099aeb;position: absolute;right:0;top:0;text-align: center;box-sizing: border-box;padding-top:33px;}
            .g_top span{display: block;font-size:14px;color: rgba(255,255,255,0.9);padding-top:12px;}
            .ft_t{height:220px;padding-top:84px;}
            .ft_logo{float:left;font-size:0;line-height: 0;padding-top:5px;width:238px;height: 164px;}
            .ft_nav{width:238px;height:170px;float:left;padding-left:52px;}
            .ft_t h4{height:26px;line-height:26px;font-size:14px;color: #fff;font-weight: bold;margin-bottom: 6px;}
            .ft_nav li{float:left;width:109px;height:24px;line-height:24px;}
            .ft_nav li a{font-size:14px;color:#9c9c9c;}
            .ft_lx{width:268px;height:170px;padding-left:68px;float:left;}
            .ft_lx p{font-size:14px;color:#9c9c9c;line-height:24px;}
            .erwm{float:right;width:260px;margin-right:-17px;}
            .erwm dd{float:left;width:121px;}
            .erwm dd span{display: block;font-size:14px;color:#9c9c9c;line-height: 23px;padding-top:8px;}
            .erwm dt{padding:18px;border-radius: 4px;float: left;width:100px;}
            .erwm dt img{width:100px;height: 100px;}
            .ft_b{color: rgba(255,255,255,0.4);font-size:14px;height:99px;line-height:99px;}
            .ft_b em{padding:0 20px;display: inline-block;}
            .ft_b p{;}
            .ft_b p a{padding:0 10px;color: #6b6b6b;}
            .ft_b span{color: rgba(255,255,255,0.4);}
            .footer a:hover{ color: #fff;}
            em,i{font-style: normal;}
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #089be9;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #089be9;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
