i,em{font-style:normal;}
        .content{width:1200px !important;margin:0 auto;}
		.contentt{width:1400px;margin:0 auto;}
		.contenttt{width:1300px;margin:0 auto;}
        .head{height:136px;position:relative; z-index:200;}
        .head .hea-top .t_logo{width:237px; line-height: 0; overflow: hidden;float:left;padding-top:42px;}
        .head .hea-top .t_logo img{width:100%;}
        .head .hea-top .menu{float:right;width:76.2%;}
        .head .hea-top .menu .nav{height:136px;}
        .head .hea-top .menu .nav > li{float:left; width:10.8%; height:136px; line-height: 136px; text-align: center;position:relative;}
        .head .hea-top .menu .nav > li > a{display: block; font-size: 16px; color:#333333;position:relative;}
        .head .hea-top .menu .nav > li > a:before{width:0; height:2px; background:#ea9500;content:"";position:absolute;left:0;bottom:0; transition:.5s;}
        .head .hea-top .menu .nav > li:first-child{width:6%;}
        .head .hea-top .menu .nav > li:nth-child(2){width:14%;}
        .head .hea-top .menu .nav > li:hover > a,.head .hea-top .menu .nav li.cur > a{color:#ea9500;}
        

        .nav-erji{width:100%;position:absolute;left:0;top:136px;background:rgba(255, 255, 255, 0.85);border-top:1px solid #eee;}
        .nav-erji p{padding:20px 0;}
        .nav-erji p em{display:block; line-height:40px;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .nav-erji p em a{display:block; font-size:14px;color:#333333;padding-left:16%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .nav-erji p em:hover{background:#ea9500;}
        .head .hea-top .menu .nav > li.na .nav-erji{width:140%;left:-20%;}
        
        @media screen and  (min-width:230px) and (max-width:1680px){
            .contentt{width:1200px;margin:0 auto;}
        }
        @font-face {
            font-family: "OPPOSans-B";
            src: url(font/OPPOSans-B.ttf)
        }
        @font-face {
            font-family: "OPPOSans-H";
            src: url(font/OPPOSans-H.ttf)
        }
        @font-face {
            font-family: "OPPOSans-L";
            src: url(font/OPPOSans-L.ttf)
        }
        @font-face {
            font-family: "OPPOSans-M";
            src: url(font/OPPOSans-M.ttf)
        }
        @font-face {
            font-family: "OPPOSans-R";
            src: url(font/OPPOSans-R.ttf)
        }
        .syzixun {
        width: 160px;
        display: block;
        background: #ea9500;
        border-radius: 5px;
        line-height: 44px;
        font-weight: normal;
        position: absolute;
        text-align: center;
        position: absolute;
        top:0;
        right:-120px;
    }
    .syzixun a{
        display: block; text-align: center;
    }
    .syzixun a i {
        font-weight: normal;
        color: #fff;
        display: inline-block;
        font-size: 18px;
        padding-right: 35px;
        background:url(images/8.png) no-repeat right;
    }
	

        .ty-banner-1 {
            position: relative;
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{ 
            top: 0;
            left: 50%;
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

        .search{height:80px; border-bottom:1px solid #eeeeee; box-sizing: border-box;}
        .p12-curmbs-1{height: 80px;line-height: 80px;font-size: 16px;color: #808080;width:50%;float:left;}
        .p12-curmbs-1 b {font-weight: normal;font-family: "OPPOSans-R";}
        .p12-curmbs-1 i {font-style: normal;}
        .p12-curmbs-1 span {font-family: "OPPOSans-R";height: 46px;line-height: 46px;padding: 0px 5px;}
        .p12-curmbs-1 a{color: #808080;font-family: "OPPOSans-R";}
        .p12-curmbs-1 a:hover{color: #f19910;}
        .search .sou{width:266px; float:right; margin-top: 25px;}
        .search .sou .txt{width:202px; height:34px; line-height: 34px;padding:0 10px; font-size: 14px;color:#333; box-sizing: border-box; background:#EEEEEE;border-radius: 5px;float:left;}
        .search .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#333;}
        .search .sou .txt::-moz-placeholder{font-size: 14px; color:#333;}
        .search .sou .btn{width:64px; height:32px;background:url(images/sae-btn.png) no-repeat center;float:left; cursor: pointer;}
    

        
		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 16px;color: #808080;width:75%;position:absolute;left:0;top:-60px;}
		.p102-curmbs-1 b {
			font-weight: normal;

		}
		.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: #ea9500;}

	

 
        .xg-case{padding:62px 0 98px;}
        .xg-case h2{height:107px; line-height: 107px;font-size: 48px; color:#333333; font-family: "OPPOSans-M"; font-weight: bold; margin-bottom: 39px;font-weight:normal;}
        .xg-case .xg-con{position: relative;}
        .xg-case .bd{overflow: hidden;}
        .xg-case .bd .tempWrap{margin-left: -20px;}
        .xg-case .bd ul li{float:left;width:400px !important;padding:0 20px; box-sizing: border-box;border-right:1px solid #d2d2d2;}
        .xg-case .bd ul li dl dt{display: block; width:100%; line-height: 0; overflow: hidden;}
        .xg-case .bd ul li dl dt img{width:100%; transition: 1s;}
        .xg-case .bd ul li dl dd{height:113px;border-bottom:1px solid #c9c9c9; box-sizing: border-box;padding:21px 21px 0 0; position: relative;}
        .xg-case .bd ul li dl dd:before{width:0;height:1px; background:#f19a12;content:"";position: absolute;left:0;bottom:-1px; transition: .5s;}
        .xg-case .bd ul li dl dd i{display: block; height:24px; line-height: 24px;font-size: 16px; color:#666666; font-family: "OPPOSans"; margin-bottom: 7px;}
        .xg-case .bd ul li dl dd h4{ line-height: 36px;background:url(images/zx-jt.png) no-repeat right;}
        .xg-case .bd ul li dl dd h4 a{display:block;width:300px;font-size: 20px; color:#333333; font-family: "OPPOSans-B"; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
        .xg-case .xg-jt i{display: block; width:52px; height:46px; cursor: pointer;}
        .xg-case .xg-jt i.xg-prev{background:url(images/cas-prev.png) no-repeat center; position: absolute;left:-73px;top:115px;}
        .xg-case .xg-jt i.xg-next{background:url(images/cas-next.png) no-repeat center; position: absolute;right:-53px;top:115px;}
        .xg-case .bd ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);}
        .xg-case .bd ul li:hover dl dd:before{width:100%;}
        .xg-case .bd ul li:hover dl dd h4{background:url(images/zx-jt_h.png) no-repeat right;}
        .xg-case .xg-jt i.xg-prev:hover{background:url(images/ly-prev_h.png) no-repeat center;}
        .xg-case .xg-jt i.xg-next:hover{background:url(images/ly-next_h.png) no-repeat center;}
    

        .p15-proindexlist-1 {
            padding: 65px 0 44px;
            background: #f2f2f2;
        }
        
        .p15-proindexlist-1-tit {
            margin-bottom: 30px;
        }
        
        .p15-proindexlist-1-tit-h2 {
            display: block;
            font-size: 48px;
            line-height: 128px;
            color: #4c4c4c;
            font-family: "OPPOSans-M";
            text-align: center;
        }
        
        .p102-fdh-1-nav {
            box-sizing: border-box;
            background: #FFF;
        }
        
        .p102-fdh-1-nav-one {
            height: 62px;
            box-sizing: border-box;
            padding-top: 19px;
            border-bottom: 1px solid #eaeaea;
        }
        
        .p102-fdh-1-nav-one:last-child {
            border-bottom: 0;
        }
        
        .p102-fdh-1-nav-one h3 {
            float: left;
            width: 46px;
            position: relative;
        }
        
        .p102-fdh-1-nav-one h3:before {
            width: 3px;
            height: 15px;
            background: #999999;
            content: "";
            position: absolute;
            right: 0;
            top: 7px;
        }
        
        .p102-fdh-1-nav-one h3 a {
            display: block;
            line-height: 30px;
            height: 37px;
            font-size: 16px;
            font-weight: bold;
            color: #1a1a1a;
            font-family: "OPPOSans-B";
        }
        
        .p102-fdh-1-nav-one h3 a:hover,
        .p102-fdh-1-nav-one h3.sidenavcur a {
            color: #ea9500;
        }
        
        .p102-fdh-1-nav-one dl {
            float: left;
            max-width: 775px;
        }
        
        .p102-fdh-1-nav-one dd {
            display: inline-block;
            position: relative;
            height: 30px;
            line-height: 26px;
            font-size: 16px;
        }
        
        .p102-fdh-1-nav-one dd> a {
            display: block;
            color: #4c4c4c;
            padding: 0 8px;
            border: 1px solid transparent;
            border-radius: 5px;
        }
        
        .p102-fdh-1-nav-one dd:hover> a,
        .p102-fdh-1-nav-one dd.sidenavcur> a {
            color: #f39811;
        }
        
        .p102-fdh-1-nav-one .three-list {
            position: absolute;
            left: 0;
            top: 40px;
            background: #fff;
            height: auto;
            line-height: 36px;
            float: none;
            width: auto;
            display: none;
            box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            z-index: 9;
            padding: 10px 15px;
        }
        
        .p102-fdh-1-nav-one .three-list:before {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            left: 50%;
            top: -8px;
            margin-left: -8px;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-bottom: 8px solid #fff;
        }
        
        .p102-fdh-1-nav-one .three-list a {
            display: block;
            font-size: 14px;
            color: #555555;
            clear: both;
            white-space: nowrap;
        }
        
        .p102-fdh-1-nav-one dd:hover .three-list {
            display: block;
        }
        
        .p102-fdh-1-nav-one .three-list a:hover {
            color: #ea9500;
        }
        
        .cplb-4n-zs-02-list dl {
            border: 1px solid #dedede;
            margin-bottom: 15px;
            background: #fff;
            width: 23.5%;
            margin-right: 1.55%;
            float: left;
        }
        
        .cplb-4n-zs-02-list dl:nth-child(5n-1) {
            margin-right: 0;
        }
        
        .cplb-4n-zs-02-list dl:hover {
            border-color: #ea9500;
        }
        
        .cplb-4n-zs-02-list dt {
            margin-bottom: 20px;
            height: 141px;
            overflow: hidden;
        }
        
        .cplb-4n-zs-02-list dt img {
            width: 100%;
            margin: 0 auto;
            display: block;
        }
        
        .cplb-4n-zs-02-list dd {
            padding: 0 14px 12px 14px;
            background: url(images/p16-icon4.png) no-repeat 284px 14px;
        }
        
        .cplb-4n-zs-02-list dl:hover dd {
            background: url(images/p16-icon3.png) no-repeat 284px 14px;
        }
        
        .cplb-4n-zs-02-list dd h4 {
            height: 28px;
            font-weight: normal;
            font-size: 16px;
            color: #154c64;
            line-height: 28px;
            margin-bottom: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }
        
        .cplb-4n-zs-02-list h4 a {
            color: #191919;
        }
        
        .cplb-4n-zs-02-list dl:hover h4 a {
            color: #ea9500;
        }
    

        .xx {
            margin-top: 60px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav {
            width: 100%;
            margin-bottom: 20px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs {
            height: 40px;
            margin-bottom: 20px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs-txt,
        .xin-attrSearch-2111-01 .mall-nav-crumbs-item {
            float: left;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            color: #333333;
            background: #eeeeee;
            border: 1px solid #d2d2d2;
            padding: 0 19px;
            margin-right: 5px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs-item {
            padding-right: 14px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs-item span {
            display: inline-block;
            height: 38px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs-item span a {
            display: block;
            color: #ea9500;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-crumbs-item i {
            display: inline-block;
            height: 38px;
            font-style: normal;
            color: #ea9500;
            padding: 0 5px;
            cursor: pointer;
            margin-left: 3px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-wrap {
            padding: 20px 0 20px 30px;
            position: relative;
            border-bottom: 1px solid #eaeaea;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-key {
            float: left;
            z-index: 2;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-key h3 {
            font-size: 16px;
            font-weight: bold;
            color: #333;
            z-index: 1;
            /*background: #d7b877;*/
            font-weight: normal;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-value {
            float: left;
            width: 90%;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-value-list {
            overflow: hidden;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-radio {
            display: block;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-radio li {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-radio li a {
            display: block;
            font-size: 16px;
            color: #4c4c4c;
            padding-left: 20px;
            position: relative;
            /*border: 1px solid transparent;*/
            padding: 0px 18px;
            border-right: 1px solid #bbbbbb;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-radio li:hover a,.xin-attrSearch-2111-01 .mall-nav-radio li.sidenavcur a {
            color: #ea9500;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li {
            float: left;
            margin-right: 45px;
            position: relative;
            padding-left: 20px;
            cursor: pointer;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li i {
            position: absolute;
            width: 10px;
            height: 10px;
            border: 1px solid #707070;
            left: 0;
            top: 50%;
            margin-top: -6px;
            z-index: 2;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li span {
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            color: #fff;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li.selected i {
            border-color: #ea9500;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li.selected i:before {
            content: "";
            position: absolute;
            border: 2px solid #ea9500;
            border-top-width: 0;
            border-right-width: 0;
            width: 10px;
            height: 5px;
            transform: rotate(-50deg);
            -moz-transform: rotate(-50deg);
            -webkit-transform: rotate(-50deg);
            top: -2px;
            left: 1px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li.selected span {
            color: #ea9500;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li.duo-btn {
            padding-left: 0;
            height: 40px;
            line-height: 40px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-multiple li.duo-btn button {
            display: inline-block;
            padding: 0 10px;
            cursor: pointer;
            margin-right: 5px;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-ext {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 60px;
            overflow: hidden;
            z-index: 10;
            text-align: center;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-ext span {
            display: block;
            height: 30px;
            line-height: 30px;
            color: #fff;
            opacity: 0.6;
            cursor: pointer;
        }
        
        .xin-attrSearch-2111-01 .mall-nav-choice-ext .choice-cur {
            color: #fff;
        }
        /*.xin-attrSearch-2111-01 .mall-nav-choice-ext-duo {*/
        /*    position: absolute;*/
        /*    width: 22px;*/
        /*    height: 22px;*/
        /*    right: 22px;*/
        /*    top: 50%;*/
        /*    margin-top: -11px;*/
        /*    z-index: 2;*/
        /*    border-radius: 50%;*/
        /*    background: #ea9500;*/
        /*    cursor: pointer;*/
        /*}*/
        /*.xin-attrSearch-2111-01 .mall-nav-choice-ext-duo:before {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    width: 8px;*/
        /*    height: 2px;*/
        /*    background: #fff;*/
        /*    left: 50%;*/
        /*    margin-left: -4px;*/
        /*    top: 50%;*/
        /*    margin-top: -1px;*/
        /*    z-index: 1;*/
        /*}*/
        /*.xin-attrSearch-2111-01 .mall-nav-choice-ext-duo:after {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    width: 2px;*/
        /*    height: 8px;*/
        /*    background: #fff;*/
        /*    left: 50%;*/
        /*    margin-left: -1px;*/
        /*    top: 50%;*/
        /*    margin-top: -4px;*/
        /*    z-index: 2;*/
        /*}*/
    

    .p102-pagination-blk {
        padding-bottom: 40px;
        background:#f2f2f2;
    }


        .footer{height:501px; background:#262A31;}
        .footer .ft-top{padding-top:126px;height:413px;border-bottom:1px solid #393e49; box-sizing: border-box;}
        .footer .ft-top .ft-logo{width:355px; margin-right: 84px;}
        .footer .ft-top .ft-logo h2{text-align: center; margin-bottom: 35px;width:238px; line-height: 0; overflow: hidden;}
        .footer .ft-top .ft-logo h2 img{width:100%;}
        .footer .ft-top .ft-logo p{height:29px; }
        .footer .ft-top .ft-logo p em{display: block; height:29px; line-height: 29px; float:left; margin-right: 10px; font-size: 16px; color:#818181; font-family: "OPPOSans-M";}
        .footer .ft-top .ft-logo p em a{font-size: 16px; color:#818181; font-family: "OPPOSans-M";}
        .footer .ft-top .ft-xx{width:508px;}
        .footer .ft-top .ft-xx h4{height:37px; line-height: 37px; font-size: 20px; color:#e5e5e5; font-family: "OPPOSans-M"; font-weight: normal;padding-left:11px; margin-bottom: 18px;background:url(images/ft-lx.png) no-repeat left;}
        .footer .ft-top .ft-xx ul li{height:32px;padding-left:22px;}
        .footer .ft-top .ft-xx ul li em{display: block; height:32px; line-height: 32px;font-size: 19px; color:#e6e8ed; font-family: "OPPOSans-M";}
        .footer .ft-top .ft-xx ul li i{display: block; height:32px; line-height: 32px;font-size: 16px; color:#e6e8ed; font-family: "OPPOSans-M";}
        .footer .ft-top .ft-xx ul li.ft1{background:url(images/ft1.png) no-repeat left;}
        .footer .ft-top .ft-xx ul li.ft2{background:url(images/ft2.png) no-repeat left;}
        .footer .ft-top .ft-xx ul li.ft3{background:url(images/ft3.png) no-repeat left;}
        .footer .ft-top .ft-nav{width:389px;float:right;}
        .footer .ft-top .ft-nav h4{height:37px; line-height: 37px; font-size: 20px; color:#e5e5e5; font-family: "OPPOSans-M"; font-weight: normal;padding-left:11px; margin-bottom: 18px;background:url(images/ft-lx.png) no-repeat left;}
        .footer .ft-top .ft-nav ul li{float:left; width:115px;height:32px; line-height: 32px; margin-right: 45px;}
        .footer .ft-top .ft-nav ul li a{font-size: 16px; color:#e5e5e5; font-family: "OPPOSans-M";}
        .footer .ft-top .ft-nav ul li:nth-child(3n){margin-right:-115px;}
        .footer .ft-bot{height:87px;padding-top:13px; box-sizing: border-box;}
        .footer .ft-bot .left{width:830px;float:left;}
        .footer .ft-bot .left ul li{height:29px; line-height: 29px;font-size: 16px; color:#4d555c;}
        .footer .ft-bot .left ul li em{display: inline-block; height:29px; line-height: 29px; font-size: 16px; color:#4d555c; font-family: "OPPOSans-M";}
        .footer .ft-bot .left ul li a{display: inline-block;font-size: 16px; color:#4d555c; font-family: "OPPOSans-M";}
        .footer .ft-bot .rig{width:217px; float:right; text-align: right;padding-top:15px;}
        .footer .ft-bot .rig ul li{display: inline-block; width:33px; height:27px;margin:0 5px;position:relative;}
        .footer .ft-bot .rig ul li a{display: block; width:33px; height:27px;}
        .footer .ft-bot .rig ul li .ft1{background:url(images/ft-ico1.png) no-repeat center;}
        .footer .ft-bot .rig ul li .ft2{background:url(images/ft-ico2.png) no-repeat center;}
        .footer .ft-bot .rig ul li .ft3{background:url(images/ft-ico3.png) no-repeat center;}
        .footer .ft-bot .rig ul li .ft4{background:url(images/ft-ico4.png) no-repeat center;}
        .footer .ft-bot .rig ul li span{display:block; width:100px; height:100px; line-height:0; overflow:hidden;position:absolute;left:-42px; top:-113px;display:none;}
        .footer .ft-bot .rig ul li span img{width:100%;}
        .footer .ft-bot .rig ul li:hover span{display:block;}

        @media screen and  (min-width:230px) and (max-width:1680px){
            .footer .ft-top .ft-logo{width:262px; margin-right: 75px;}
            .footer .ft-top .ft-xx{width:474px;}
            .footer .ft-top .ft-nav{width:337px;}
            .footer .ft-top .ft-nav ul li:nth-child(3n-1){margin-right: 9px;}
        }
	

    .xin-2112-client-1 {
        width: 76px;
        position: fixed;
        right: 0;
        top: 50%;
        z-index: 999;
        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-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: 32px;
        line-height: 32px;
        text-align: left;
        background: #ea9500;
        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 #ea9500;
    }
    
    .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-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: #ea9500;
    }
    
    .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;
    }