i,em{font-style:normal;}
		.content{width:1200px;margin:0 auto;}
        .head{width:100%;height:86px; background: #FFF;min-width:1200px;z-index:300;}
        .head .t_logo{width:135px; float:left; line-height: 0;margin:11px 0 0 3.6%;}
        .head .t_logo img{width:100%;}
        .head .hea-rig{float:right;margin-right: 3.4%; width:61.4%;overflow:hidden;}
        .head .menu{float:left;width:100%;}
        .head .menu .nav{width:100%;height:86px;float:left; margin-right: 36px;}
        .head .menu .nav li{float:left; height:86px; line-height: 86px;text-align: center;padding:0 1.7%;}
        .head .menu .nav li a{display: block;font-size: 16px; color:#000000;}
        .head .sea{width:24px; height:24px; margin-top: 36px;float:right;position: relative;}
        .head .menu .nav li:hover a,.head .menu .nav li.cur a{color:#dab96b;}
        .head .sea .open{display: block;width:24px; height:24px;background:url(images/btn.png) no-repeat center; cursor: pointer;}
        .head .sea .sou{width:300px;height:50px; position: absolute; top:50px; right:0;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;}
        .head .sea .sou .txt{width:250px; height:50px; background:#FFF; border:0;padding:0 10px; line-height: 50px; font-size: 12px; color:#333;box-sizing: border-box;float:left;}
        .head .sea .sou .btn{width:50px; height:50px; background:#c59e5f url(images/btn.png) no-repeat center;float:left;border:0;cursor: pointer;}
        .head .sea .sou .txt::-webkit-input-placeholder{font-size: 12px; color:#333;}
        .head .sea .sou .txt::-moz-placeholder{font-size: 12px; color:#333;}
        .head .sea.open .sou{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}

        @media screen and  (min-width:760px) and (max-width:1680px){
            .head .hea-rig{margin-right:3%; width:72.4%;}
            .head .menu .nav li{padding:0 1%;}
        }
	

        .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: #dab96b;}
    .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 #dab96b;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #dab96b;}
	

    .p102-proShow-1 {
        padding: 10px 0 80px;
    }
    
    .p102-proShow-1-con {
        border: 1px solid #e3e3e3;
        position: relative;
    }
    
    .p102-proShow-1-left {
        width: 48.4%;
        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: 43.2%;
        right: 3.33%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-proShow-1-text {
        padding: 50px 0 15px;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
    }
    
    .p102-proShow-1-text:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 3px;
        background: #dab96b;
        left: 0;
        bottom: -2px;
        z-index: 1;
    }
    
    .p102-proShow-1-text .p102-proShow-1-title {
        height: 40px;
        font-size: 26px;
        font-weight: normal;
        line-height: 40px;
        color: #1a1a1a;
    }
    
    .p102-proShow-1-text p {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        color: #808080;
    }
    
    .p102-proShow-1-desc {
        height: 308px;
        line-height: 34px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: justify;
        padding: 30px 0 0;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .p102-proShow-1-tel {
        position: absolute;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-top: 20px;
        border-top: 1px solid #e3e3e3;
        left: 0;
        bottom: 38px;
        z-index: 1;
    }
    
    .p102-proShow-1-tel a {
        float: left;
        width: 98px;
        height: 50px;
        padding-left: 58px;
        background: url(images/p102-cpxq-icon1.png) no-repeat 22px center #dab96b;
        font-size: 18px;
        color: #ffffff;
        margin-right: 12px;
    }
    
    .p102-proShow-1-tel p {
        float: left;
        min-width: 300px;
        max-width: 100%;
        height: 50px;
    }
    
    .p102-proShow-1-tel p em {
        float: left;
        height: 50px;
        font-size: 16px;
        color: #4c4c4c;
        padding-left: 50px;
        background: url(images/p102-cpxq-icon2.png) no-repeat left center;
        font-style: normal;
    }
    
    .p102-proShow-1-tel p span {
        float: left;
        font: bold 26px/50px Arial;
        color: #333333;
    }


  .content{width:1200px;margin:0 auto;}
  .p102-pro-content .blk-main{width:100% !important;}
    .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: #dab96b;
    }
    
    .p102-pro-content-nav li.cur:before,
    .p102-pro-content-nav li:hover:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 3px solid #dab96b;
        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: #dab96b;
        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;
    }


.ysbj1{background:#f4f4f4;padding:81px 0;}
.ys{width:80%;margin:0 auto;}
.ysbj1 h2{text-align: center; margin-bottom: 38px;}
.ysbj1 h2 span{display: block; height:71px; text-align: center;font-size: 45px; color:#000000; font-weight: normal; }
.ysbj1 h2 span b{display: inline-block; height:71px; line-height: 71px; margin-right: 21px;}
.ysbj1 h2 em{display: block; height:43px;line-height: 43px;font-size: 18px; color:rgba(0,0,0,0.8); font-weight: normal;}
.ysbj1 .ys-con{width:100%; position: relative;}
.ysbj1 .ys-list .ys-pic{width:100%;overflow: hidden; line-height: 0;}
.ysbj1 .ys-list .ys-pic img{width:100%;}
.ysbj1 .ys-hd{width:100%;height:275px; border-top:1px solid rgba(255,255,255,0.3); position: absolute; left:0;bottom:0;}
.ysbj1 .ys-hd ul li{float:left;width:15.4%;height:275px; position: relative;border-right:1px solid rgba(255,255,255,0.3); box-sizing: border-box; transition: .5s;}
.ysbj1 .ys-hd ul li:last-child{border-right:0;}
.ysbj1 .ys-hd ul li .default{width:100%; height:100%;padding-top:59px; transition: .5s; box-sizing: border-box;}
.ysbj1 .ys-hd ul li .default i{display: block; width:60px; height:55px; margin:0 auto 17px; line-height: 0; overflow: hidden;}
.ysbj1 .ys-hd ul li .default i img{width:100%;}
.ysbj1 .ys-hd ul li .default span{display: block;text-align: center;}
.ysbj1 .ys-hd ul li .default span em{display: block; height:39px; line-height: 39px; font-size: 24px; color:#FFF; font-weight: bold;}
.ysbj1 .ys-hd ul li .default span p{line-height: 28px;font-size: 14px; color:#FFF;}
.ysbj1 .ys-hd ul li .hover{width:100%; height:100%;position: absolute; left:0;top:0;padding:36px 61px 0 56px; box-sizing: border-box;background:rgba(221,221,221,0.85); transition: .5s;transform: scale(0); overflow: hidden;}
.ysbj1 .ys-hd ul li .hover span{display: block; height:82px; position: relative;margin-bottom: 19px; overflow:hidden;}
.ysbj1 .ys-hd ul li .hover span:before{width:70px; height:1px; background:#000000; content:""; position: absolute; left:0; bottom:0;}
.ysbj1 .ys-hd ul li .hover span b{display: inline-block; height:81px; line-height: 81px;font-size: 33px; color:#000000;margin-right: 17px;}
.ysbj1 .ys-hd ul li .hover span i{display: inline-block;height:81px; line-height: 81px; color:#000000;font-size: 16px;}
.ysbj1 .ys-hd ul li .hover p{line-height: 20px;font-size: 14px; color:rgba(0,0,0,0.6); padding-bottom:49px; letter-spacing: 1px;background: url(images/ys-jt.png) no-repeat left bottom;}
.ysbj1 .ys-hd ul li.cur{width:38.4%;}
.ysbj1 .ys-hd ul li.cur .default{transform: scale(0);}
.ysbj1 .ys-hd ul li.cur .hover{transform: scale(1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .ysbj1 .ys-hd ul li .hover span b{font-size:25px;}
    .ysbj1 .ys-hd ul li .hover{padding:36px 5% 0;}
    .ysbj1 .ys-hd ul li .default span p{font-size:12px;}
}
    

.super1{background:url(images/super.jpg) no-repeat top center;background-size:100% 100%;padding:68px 0 52px;}
.super1 h2{text-align: center; margin-bottom: 57px;}
.super1 h2 span{display: block; height:69px;}
.super1 h2 span b{display: inline-block; height:69px; line-height: 69px;font-size: 38px; color:#eaeef8;margin-right: 15px;}
.super1 h2 span i{display: inline-block; height:69px; line-height: 69px;font-size: 38px; color:#eaeef8; font-weight: normal;}
.super1 h2 em{display: block; height:49px; line-height: 49px;font-size: 18px; color:#eaeef8; font-weight: normal;}
.super1 ul{width:85.2%; margin:0 auto;}
.super1 ul li{float:left;width:31.9%;height:275px; margin:0 0 36px 2.1%;padding:4px; box-sizing: border-box;background:rgba(221,221,221,0.2); position: relative; overflow: hidden;}
.super1 ul li:first-child,.super1 ul li:nth-child(4){margin-left: 0;}
.super1 ul li .default span{display: block; width:100%; height:197px; overflow: hidden; transition: .5s;}
.super1 ul li .default span img{width:100%;transition: 1s;}
.super1 ul li .default strong{display: block; height:66px; line-height: 66px; text-align: center; transition: .5s;}
.super1 ul li .default strong em{display: inline-block; height:66px;line-height: 66px;font-size: 18px; color:#FFF;font-weight: bold;}
.super1 ul li .default strong i{display: inline-block; height:66px; vertical-align: middle;}
.super1 ul li .hover{width: 100%; height:100%;background:rgba(221,221,221,0.95);border:4px solid #FFF; position: absolute;left:0;top:0;padding-top:57px; box-sizing: border-box;transform: scale(0); transition: .5s;}
.super1 ul li .hover h4{height:64px; line-height: 64px; text-align: center;margin-bottom: 13px;font-size: 28px; color:#000000;}
.super1 ul li .hover p{width:80%;line-height: 24px; font-size: 14px; color:rgba(0,0,0,0.66);margin:0 auto; text-align: center;}

.super1 ul li:hover span{height:267px;}
.super1 ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.super1 ul li:hover .default strong{margin-top:70px;}
.super1 ul li:hover .hover{transform: scale(1);}
    

    .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 #dab96b;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #000000;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
    
    .p102-pro-case {
        padding: 60px 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: #dab96b;
        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 #dab96b;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #dab96b;
    }
    
    .p102-pro-case-more {
        width: 198px;
        height: 44px;
        margin: 35px auto 0;
        border: 1px solid #dab96b;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #dab96b;
        padding-left: 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #dab96b;
        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 #dab96b;
        top: 9px;
        left: 22px;
        z-index: 1;
    }


        .footer{width:100%;background:url(images/footer.jpg) no-repeat center top;margin-top: 127px; position: relative;z-index:100;background-size:100% 100%;}
        .ft-top{box-sizing: border-box; border-bottom:2px solid rgba(133,133,133,0.2);}
        .ft-top .ft-con{min-width:1200px;max-width:1400px;margin:0 auto;}
        .ft-top .ft-left{width:73.2%;float:left;border-right:2px solid rgba(133,133,133,0.2);padding-top:46px;box-sizing: border-box;}
        .ft-top .ft-left .ft-logo{height:140px;}
        .ft-top .ft-left .ft-logo h2{float:left;width:254px; height:117px; line-height: 0; overflow: hidden;}
        .ft-top .ft-left .ft-logo h2 img{width:100%;}
        .ft-top .ft-left .ft-logo ul{width:203px;float:right;padding-top:50px; margin-right: 72px;}
        .ft-top .ft-left .ft-logo ul li{float:left; width:45px; height:45px;border:1px solid #FFF; box-sizing: border-box; border-radius: 50%;margin:0 10px; overflow: hidden; transition: .5s;}
        .ft-top .ft-left .ft-logo ul li img{width:100%;}
        .ft-top .ft-left .ft-logo ul li:hover{background:#dab96b;border:1px solid #dab96b;}
        .ft-top .ft-left .ft-wz{height:83px; line-height: 83px;border-top:1px solid rgba(133,133,133,0.2);border-bottom:1px solid rgba(133,133,133,0.2);font-size: 26px; color:#FFF;}
        .ft-top .ft-left .ft-nav{padding:61px 0 98px;}
        .ft-top .ft-left .ft-nav .f_nav{width:25%;}
        .ft-top .ft-left .ft-nav .f_nav h4{height:56px;line-height: 54px; position: relative; margin-bottom: 22px;}
        .ft-top .ft-left .ft-nav .f_nav h4 a{font-size: 14px; color:#FFF; font-weight: normal;}
        .ft-top .ft-left .ft-nav .f_nav h4:before{width:28px; height:2px; background:#FFF; content:""; position: absolute;left:0;bottom:0;}
        .ft-top .ft-left .ft-nav .f_nav ul li{height:30px; line-height: 30px;}
        .ft-top .ft-left .ft-nav .f_nav ul li a{font-size: 14px; color:rgba(255,255,255,0.3);}
        .ft-top .ft-rig{width:26.8%;float:right;padding:78px 0 0 87px; box-sizing: border-box;}
        .ft-top .ft-rig .ft-xx{margin-bottom: 41px;}
        .ft-top .ft-rig .ft-xx ul li{height:49px;}
        .ft-top .ft-rig .ft-xx ul li em{display: block; height:49px; line-height: 49px;font-size: 16px; color:rgba(255,255,255,0.66);padding-left:29px;float:left;}
        .ft-top .ft-rig .ft-xx ul li.ft1 em{background:url(images/ft-tb1.png) no-repeat left;}
        .ft-top .ft-rig .ft-xx ul li.ft2 em{background:url(images/ft-tb2.png) no-repeat left;}
        .ft-top .ft-rig .ft-xx ul li.ft3 em{background:url(images/ft-tb3.png) no-repeat left;}
        .ft-top .ft-rig .ft-xx ul li.ft4{margin-bottom: 52px;}
        .ft-top .ft-rig .ft-xx ul li.ft4 em{background:url(images/ft-tb4.png) no-repeat left;}
        .ft-top .ft-rig .ft-xx ul li.ft5 em{background:url(images/ft-tb5.png) no-repeat left;}
        .ft-top .ft-rig .ft-xx ul li i{display: block;width:204px; float:left;font-size: 16px;  color:rgba(255,255,255,0.66);margin-top: 13px;}
        .ft-top .ft-rig .ft-code{width:244px;}
        .ft-top .ft-rig .ft-code span{display: block; width:103px;float:left;}
        .ft-top .ft-rig .ft-code span i{display: block; width:100%; line-height: 0; overflow: hidden;background:#FFF;padding:10px; box-sizing:border-box;}
        .ft-top .ft-rig .ft-code span i img{width:100%;}
        .ft-top .ft-rig .ft-code span em{display: block; height:52px;line-height: 52px; text-align: center;font-size: 14px; color:rgba(255,255,255,0.8);}
        .ft-top .ft-rig .ft-code span:last-child{float:right;}
        .ft-bot{padding:45px 0 77px;height:42px;}
        .ft-bot .link{min-width:1200px;max-width:1400px;margin:0 auto;}
        .ft-bot span{display: block;width:73.2%; height:42px; float:left;}
        .ft-bot span em{display: block;float:left; height:42px; line-height: 42px;font-size: 14px; color:rgba(255,255,255,0.3);margin-right: 3%;}
        .ft-bot span em a{font-size: 14px; color:rgba(255,255,255,0.3);}
        .ft-bot strong{display: block; width:26.8%;float:right;}
        .ft-bot strong a{display: block;width:25%;height:42px; line-height: 42px;font-size: 14px; color:rgba(255,255,255,0.3); font-weight: normal;float:left;}

        @media screen and  (min-width:760px) and (max-width:1680px){
            .ft-top .ft-con{max-width:1200px;}
            .ft-bot .link{max-width:1200px;}
            .ft-top .ft-rig{padding:78px 0 0 40px;}
        }
    

        .client-2 {
            position: fixed;
            left: -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: right;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: right;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-right: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #dab96b;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: right;
            opacity:-0.8;
        }
        
        .client-2 .my-kefu-main {
            background: #dab96b;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: right;
        }
        
        .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;
        }