
        .topWrap{height:160;font-family:"Microsoft Yahei";position: relative;z-index: 3;width:100%;}
        .header{width:100%;margin: 0 auto; position: relative;font-family:"Microsoft Yahei";box-sizing:border-box;padding:0 4%;}
        .t_top{padding:30px 0 23px;width:100%;overflow: hidden;}
        .logo{float:left;width:11%;}
        .logo img {width:100%}
        .t_wz{float:left; padding:16px 0 0 2%;width:20%;position: relative;}
        .t_wz em{display: block;font-size:28px;color: #333333;height:39px;line-height:39px;font-weight: bold;}
        .t_wz span {font-size:22px;display: block;overflow: hidden;height:32px;line-height:32px;color: #333333;}
        .t_fr{float:right;width:56.35%;padding-right:6%;}
        .t_tel{float:right;font-size:16px;color: #333333;line-height:24px;padding-left:60px;background: url(images/t_tel_bj.jpg) no-repeat left 0;background-size:50px 44px;margin-top:31px;}
        .t_tel em{font-size:28px;color: #e85b23;display:block;}
        .nav {position: relative;padding-top:26px;float:left;width:46%;}
        .nav li {float:left;line-height:34px;margin:0!important;position: relative;padding:0 2.7%;}
        .nav li em{display: block;font:14px arial;color: #333333;}
        .nav li a {font-size:16px;color:#333333;text-decoration:none;display:block;position: relative;z-index:2;height:39px;transition: all 0.5s}
        .nav .cur,.nav li:hover{background:url(images/t_nav_hv.jpg) no-repeat left 13px;}
        .nav .cur a,.nav li:hover a {color: #e85b23;font-weight: bold;}
        .nav .cur a em,.nav li:hover a em{color: #e85b23}
        em,i{font-style:normal;}
        @media screen and (min-width:1366px) {
    html {font-size: 10px;}}

@media screen and (min-width:1440px) {
    html {font-size: 14px;}}

@media screen and (min-width:1600px) {
    html {font-size: 18px;}
    .nav li{padding:0 3.7%;}
    .nav{width:49%;}
    .logo{width:9%;}
}

@media screen and (min-width:1920px) {
    html {font-size:20px;}
    .header{padding:0 12%;}
    .nav li{padding:0 4%;}
    .nav{width:49%;}
    .logo{width:9.4%;}
}
        

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

        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(images/VISkins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
        .ft_b p{display:none;}
    

        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #e85b23;
            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;
        }
    

    .pro_tel{border-top: 1px solid #e3e3e3;padding-top:15px;margin-top:30px;}
    .pro_tel p{padding-left:62px;background: url(images/tel.png) no-repeat left 3px;font-size:16px;color: #333333;line-height: 23px;height: 53px;}
.pro_tel p span{display:block;font-size:28px;}
.pro_tel a{display: block;width:251px;height: 48px;line-height: 48px;text-align: center;background: #e85b23;font-size:18px;color: #fff;font-weight: bold;float:right;}
.pro_tel a em{padding-left:33px;background: url(images/ico1.png) no-repeat;display: inline-block;background-position: left 13px}
.pro_tel a:hover em{animation: lic 1s;animation-iteration-count:infinite;}
@keyframes lic
{10% {background-position: left 12px;}
20% {background-position: left 11px;}
30% {background-position: left 10px;}
40% {background-position: left 9px;}
50%{background-position: left 8px;}
60%{background-position: left 9px;}
70%{background-position: left 10px;}
80%{background-position: left 11px;}
90%{background-position: left 12px;}
100%{background-position: left 13px;}
}
    .p102-proShow-1 {
        padding: 10px 0 50px;
    }
    
    .p102-proShow-1-con {
        /*border: 1px solid #e3e3e3;*/
        position: relative;
    }
    
    .p102-proShow-1-left {
        width: 45%;
        position: relative;
        overflow: hidden;
    }
    
    .p102-proShow-1-prev,
    .p102-proShow-1-next {
        position: absolute;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background: transparent;
        top: 50%;
        margin-top: -20px;
        z-index: 5;
        display: none;
    }
    
    .p102-proShow-1-left:hover .p102-proShow-1-prev,
    .p102-proShow-1-left:hover .p102-proShow-1-next {
        display: block;
    }
    
    .p102-proShow-1-prev {
        left: 15px;
    }
    
    .p102-proShow-1-next {
        right: 15px;
    }
    
    .p102-proShow-1-prev:before,
    .p102-proShow-1-next:after {
        position: absolute;
        content: '';
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
        border-style: solid solid none none;
        top: 10px;
        z-index: 1;
    }
    
    .p102-proShow-1-prev:before {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        right: 4px;
    }
    
    .p102-proShow-1-next:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 4px;
    }
    
    .p102-proShow-1-pic img {
        width: 100%;
        display: block;
    }
    
    .p102-proShow-1-size {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 56px;
        height: 26px;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        letter-spacing: 3px;
    }
    
    .p102-proShow-1-right {
        position: absolute;
        width: 50.2%;
        right: 2%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-proShow-1-text {
        padding: 0 0 5px 20px;
        /*border-bottom: 1px solid #e3e3e3;*/
        position: relative;
        font-weight: bold;
    }
    .p102-proShow-1-text:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 66px;
        background: #333333;
        left:0px;
        top:-2px;
        /*margin-top: -9px;*/
        z-index: 1;
    }
    .p102-proShow-1-text span{font-size:34px;color:#333;text-transform: uppercase;font-weight:bold;}
    /*.p102-proShow-1-text:after {*/
    /*    content: '';*/
    /*    position: absolute;*/
    /*    width: 40px;*/
    /*    height: 3px;*/
    /*    background: #333333;*/
    /*    left: 0;*/
    /*    bottom: -2px;*/
    /*    z-index: 1;*/
    /*}*/
    
    .p102-proShow-1-text .p102-proShow-1-title {
        height: 40px;
        font-size: 24px;
        line-height: 40px;
        color: #1a1a1a;
    }
    
    .p102-proShow-1-text p {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        color: #808080;
    }
    
    .p102-proShow-1-desc {
        max-height: 137px;
        line-height: 26px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: justify;
        padding:5px 0 0;
        overflow: hidden;
        height: 110px;
    }
    
    .p102-proShow-1-tel {
        position: absolute;
        width: 100%;
        /*height: 50px;*/
        line-height: 50px;
        padding-top:8px;
        border-top: 1px solid #e3e3e3;
        left: 0;
        bottom:12px;
        z-index: 1;
    }
    
    .p102-proShow-1-tel a {
        float: left;
        width:143px;
        height: 50px;
        padding-left: 40px;
        background: url(images/p102-cpxq-icon1.png) no-repeat 38px center #333333;
        font-size: 18px;
        color: #ffffff;
        margin-right: 12px;
        text-align:center;
    }
    
    .p102-proShow-1-tel p {
        /*float: left;*/
        min-width: 300px;
        max-width: 100%;
        height: 50px;
         padding-left: 50px;
        background: url(images/p102-cpxq-icon2.png) no-repeat left center;
        line-height: 22px;
    }
    
    .p102-proShow-1-tel p em {
        height: 50px;
        font-size: 16px;
        color: #4c4c4c;
       
        font-style: normal;
    }
    
    .p102-proShow-1-tel p span {
        font: bold 22px Arial;
        color: #333333;
        display: block;
    }


    .p102-pro-content-nav {
        height: 50px;
        box-shadow: 0 -2px 3px #f9f9f9, 0 4px 6px #e9e9e9;
    }
    
    .fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 88;
        background: #fff;
    }
    
    .p102-pro-content-nav li {
        float: left;
        line-height: 50px;
        margin-right: 50px;
        position: relative;
        font-size: 18px;
        color: #4c4c4c;
        font-weight: normal;
    }
    
    .p102-pro-content-nav li.cur,
    .p102-pro-content-nav li:hover {
        color: #333333;
    }
    
    .p102-pro-content-nav li.cur:before,
    .p102-pro-content-nav li:hover:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 3px solid #333333;
        background: #fff;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -10px;
        z-index: 1;
    }
    
    .p102-pro-content-nav li.cur:after,
    .p102-pro-content-nav li:hover:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #333333;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -4px;
        z-index: 2;
    }
    
    .p102-pro-content-desc {
        padding: 40px 0;
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }


    .p102-pro-content-title {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        font-size: 32px;
        color: #1a1a1a;
        font-weight: normal;
        position: relative;
        border-bottom: 3px solid #333333;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #e85b23;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
    
    .p102-pro-case {
        padding: 0px 0 80px;
    }
    
    .p102-pro-case-list {
        padding-top: 40px;
    }
    
    .p102-pro-case-items dl {
        float: left;
        width: 378px;
        position: relative;
        margin-right: 33px;
    }
    
    .p102-pro-case-items dl:nth-child(4n-1) {
        margin-right: 0;
    }
    
    .p102-pro-case-items dt img,
    .p102-pro-case-items dt a {
        display: block;
        width: 100%;
    }
    
    .p102-pro-case-items dd {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    
    .p102-pro-case-items dd h4 a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        padding: 0 15px;
    }
    
    .p102-pro-case-items dl:hover dt a:before {
        content: '';
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-pro-case-items dl:hover dt a:after {
        content: '+';
        position: absolute;
        width: 50px;
        height: 50px;
        font: 30px/50px "宋体";
        color: #fff;
        text-align: center;
        background: #333333;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -25px;
        border-radius: 100%;
        z-index: 2;
    }
    
    .p102-pro-case-items dl:hover dd {
        background: none;
    }
    
    .p102-pro-case-paging {
        height: 30px;
        text-align: center;
        padding-top: 25px;
    }
    
    .p102-pro-case-paging li {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #333333;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #333333;
    }
    
    .p102-pro-case-more {
        width: 198px;
        height: 44px;
        margin: 35px auto 0;
        border: 1px solid #333333;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #333333;
        padding-left: 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #333333;
        border-left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        left: 26px;
        top: 11px;
    }
    
    .p102-pro-case-more a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #333333;
        top: 9px;
        left: 22px;
        z-index: 1;
    }


        .footWrap{height:501px;overflow:hidden;font-family:"Microsoft Yahei";box-sizing: border-box;background:url(images/ft_bj.jpg) repeat-x left bottom;margin-top:92px;}
        .footer{width:1200px;margin: 0 auto; position: relative;}
        .ft_t{height: 127px;overflow: hidden;}
        .ft_logo{float:left;font-size:0;line-height: 0;width:223px;}
        .ft_nav{float: right;width:788px;}
        .ft_nav li{float:left;height:47px;line-height:29px;margin-right:44px;padding-left:16px;}
        .ft_nav li a{font-size:14px;color: #333333;}
        .ft_nav li span{display: block;font:18px arial;}
        .ft_nav li:hover{background:url(images/ft_x.jpg) no-repeat left center;}
        .ft_nav li:last-child{margin:0;}
        .ft_c{padding-top:73px;height: 211px;}
        .ft_fl{float:left;width:921px;}
        .ft_fl li{float:left;padding-right:124px;color: #fff;}
        .ft_fl li em{display: block;font-size:18px;text-transform: uppercase;}
        .ft_fl li p{font-size: 14px;padding-top:20px;line-height: 24px;}
        .ft_fl li i{padding-top:35px;display: block;}
        .erwm{float:right;width: 279px;}
        .erwm span{float:left;width:139px;height: 138px;background: #333333;border:12px solid #fff;margin-right:1px;text-align: center;font-size:14px;color: #fff;box-sizing: border-box;padding-top:34px;line-height:24px;}
        .erwm em{border:21px solid #fff;display: block;text-align: center;float:right;font-size:0;line-height:0;}
        .erwm em img{width:96px;height: 96px;text-align: center;}
        .ft_b{line-height: 90px;height: 90px;font-size:14px;color: #868686;}
        .ft_b p{float: right;}
        .ft_b a{color: #868686;padding:0 2px;}
        .ft_b p a{color: #868686;padding:0 10px;}
        
    

        .client-2 {
            position: fixed;
            right: -170px;
            top: 67%;
            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: #333333;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #333333;
            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;
        }
    
