@charset "utf-8";
html, body {margin: 0px;padding: 0px;}
IMG {border-width:0px;}
* {list-style-type: none;margin: 0;padding: 0; }
a{ text-decoration:none !important; color:#555}
a:hover{ text-decoration:none; }
@media (min-width: 769px) {
    .hkh2{font-size: 30px; text-align: center;}
    .hkh3{font-size: 15px;color: #555; text-align: center;}

    /*效果帮*/
    .xgbbox1{max-width: 1200px; margin:80px auto;padding: 0 15px;overflow: hidden}
    .xgbbox1 ul{overflow: hidden;margin:30px auto}
    .xgbbox1 li{background: url(../images/xgbzc.png) no-repeat right center;padding-right:72px;float: left;width: 25%; text-align: center;font-size: 16px}
    .xgbbox1 li:last-child{background: none;}
    .xgbbox1 li img {margin:10px auto;display: block}
    .xgan{width:150px;border-radius: 50px;background: #0055ff;display: block;text-align: center;line-height: 40px;margin:40px auto 0;color: #fff!important;}

    /*效果图优势*/
    .xgysbg{width: 100%;margin: 0 auto;overflow: hidden;background:url(../images/xgbbg.jpg) no-repeat top center;padding:50px 0}
    .xgysbox{max-width: 1200px;display: block;margin:40px auto;}
    .xgysbox .kl{background: #fff;border-radius: 8px; text-align: center;padding: 20px 0 10px 0;border: solid 1px #386ee8}
    .xgysbox .kl img{display: block;margin:0 auto;}
    .xgysbox .kl h2{font-size: 22px;line-height: 45px;color:#333}
    .xgysbox .kl article{
        width:90%;margin:0 auto 8px; text-align: left;
        font-size: 14px;line-height: 24px; min-height: 100px;overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        color: #666;}
    .xgysbox .col-md-3{padding: 10px}

    /*社交裂变*/
    .qysybox1{max-width: 1200px;margin:80px auto;}
    .qysybox{overflow:hidden;background:url(../images/sybg.png) no-repeat center center;padding:5px 15px;height: 310px;margin: 50px auto 0}
    .qysybox ul{overflow: hidden}
    .qysybox ul:last-child{margin-top: 70px}
    .qysybox li{width:360px;float: left;text-align: right}
    .qysybox li h2{font-weight:bold;font-size:24px;color: #0055ff; margin-top:10px }
    .qysybox li p{font-size: 16px;color: #999;line-height: 28px}
    .qysybox li:nth-child(2){float:right;text-align:left}

    /*网易互客*/
    .hkbg{width: 100%;display: block;background: url(../images/hkgxbg.jpg) no-repeat top center; overflow: hidden;padding: 70px 0 0}
    .wyhdbox{margin:80px auto}
    .hkfl{max-width: 1200px;margin:20px auto 0;display: flex;align-items: center; justify-content: center;}
    .hkfl li{text-align: center;display: block;padding: 0 80px;margin: 0 auto;font-size:18px;line-height: 50px;font-weight: bold}
    .hkfl li a{display: block;padding-bottom: 20px;color: #333}
    .hkfl li .t{ display: block;background: url(../images/qht1-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t1{ display: block;background: url(../images/qht2-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t2{ display: block;background: url(../images/qht3-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .hkfl li .t3{ display: block;background: url(../images/qht4-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}

    .hkfl li.active .t{ display: block;background: url(../images/qht1.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t1{ display: block;background: url(../images/qht2.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t2{display: block;background: url(../images/qht3.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active .t3{display: block;background: url(../images/qht4.png) no-repeat top center;width:72px;height: 72px;}
    .hkfl li.active a{color: #534cd8!important;}
    .hkfl li:hover{color: #534cd8!important;}
    .hkfl li.active:after{width:60px;height:7px;background: #534cd8;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #abc5fc;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .hknr{max-width: 1200px;margin:40px auto;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .hknr .left{width:49%;float:left;}
    .hknr .left h2{font-size: 20px;line-height: 35px;margin-top: 25px;font-weight: bold}
    .hknr .left li{display: flex;align-items: center;margin: 35px auto 0}
    .hknr .left li img{margin-right: 10px}
    .hknr .left h3{font-size: 16px;line-height: 28px;color: #333;margin: 0;font-weight: bold}
    .hknr .left p{font-size: 14px;color: #333;line-height:24px;margin: 0}
    .hknr .left article{width:100%;color: #555;font-size:15px;overflow: hidden;padding-top: 30px;
        -webkit-line-clamp:12;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 35px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}

    .hknr .right{width:50%;float:right}
    .hknr .right img{border-radius: 8px;max-width: 100%;height: auto;margin-top: 35px}
    .hknran{width:95%;margin-top: 28px; display: flex}
    .hkan1{width:150px;text-align: center;background:#534cd8;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;}
    .hkan2{width:150px;text-align: center;border-radius: 35px;border:solid 1px #534cd8;margin-left: 15px;color: #534cd8!important;display: block;line-height: 35px;}

    .tc .modal-dialog{margin-top: 15%}
    .tc .close{font-size: 40Px!important;float: right;margin-right:20px;margin-top: 10px}
    .tc .title{font-size: 22px;float: left;line-height: 45px;padding-left: 20px}
    .tc .modal-header{padding:5px 20px}

    .tcbd{max-width:95%;margin:20px auto;padding-bottom: 20px}
    .tcbd article{font-size: 14px;width: 95%;margin:25px auto;line-height: 25px}
    .tcbd li{overflow: hidden;width: 98%;margin: 10px auto 0;border-bottom: solid 1px #dedede;}
    .tcbd label{width: 20%;float: left;font-size: 15px;line-height: 35px;text-align: right;padding-right: 25px;font-weight: normal}
    .tcbd input {border: none;height: 35px;line-height:35px;width: 70%;float: left;padding-left: 15px;font-size: 15px}
    .tcan{display: block;width:90%;margin: 30px auto 10px;text-align:center;background: #534cd8;color: #fff;font-size: 15px;
        border: none;outline: none;line-height: 40px;border-radius: 30px}
    /*企业微信私域*/
    .qysybox1{max-width: 1200px;margin:80px auto;}

    .hkysbox{overflow:hidden;background:url(../images/sybghk.png) no-repeat center center;padding:5px 15px;height: 310px;margin: 50px auto 0}
    .hkysbox ul{overflow: hidden}
    .hkysbox ul:last-child{margin-top: 90px}
    .hkysbox li{width:360px;float: left;text-align: right}
    .hkysbox li h2{font-weight:bold;font-size:24px;color: #534cd8; margin-top:10px }
    .hkysbox li p{font-size: 16px}
    .hkysbox li:nth-child(2){float:right;text-align:left}

    /*选择互客*/
    .hkbg1{width: 100%;display: block; overflow: hidden;}
    .xzhkbox{max-width: 1200px; margin:70px auto 80px;overflow: hidden}
    .xzhkbox ul{margin:50px auto 0;overflow: hidden}
    .xzhkbox .k{border:solid 1px #bbbcfb;border-radius: 5px;padding: 60px 0;background: #ffffff;}
    .xzhkbox .k img{display: block;margin:0 auto}
    .xzhkbox .k h2{font-size: 22px;color: #333;text-align: center}
    .xzhkbox .k article{font-size: 14px;line-height: 25px;text-align: center }

/*灵犀邮箱*/
    .lxemail{margin-top: 50px}
    .lxyxfl{max-width: 1200px;margin:40px auto 0;display: flex;align-items: center; justify-content: center;}
    .lxyxfl li{text-align: center;display: block;margin: 0 auto;font-size:22px;line-height: 50px;}
    .lxyxfl li a{display: block;padding-bottom: 10px;color: #333}
    .lxyxfl li .t{ display: block;background: url(../images/tsdoy1-1.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .lxyxfl li .t1{ display: block;background: url(../images/tsdoy2.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .lxyxfl li .t2{ display: block;background: url(../images/tsdoy3.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}
    .lxyxfl li .t3{ display: block;background: url(../images/tsdoy4.png) no-repeat top center;width:72px;height: 72px;margin:5px auto}

    .lxyxfl li.active .t{ display: block;background: url(../images/tsdoy1-1.png) no-repeat top center;width:72px;height: 72px;}
    .lxyxfl li.active .t1{ display: block;background: url(../images/tsdoy2-2.png) no-repeat top center;width:72px;height: 72px;}
    .lxyxfl li.active .t2{display: block;background: url(../images/tsdoy3-3.png) no-repeat top center;width:72px;height: 72px;}
    .lxyxfl li.active .t3{display: block;background: url(../images/tsdoy4-4.png) no-repeat top center;width:72px;height: 72px;}
    .lxyxfl li.active a{color: #333!important;}
    .lxyxfl li:hover{color: #534cd8!important;}
    .lxyxfl li.active:after{width:60px;height:7px;background: #386ee7;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #abc5fc;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .lxyxnr{max-width: 1200px;margin:40px auto;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .lxyxnr .left{width:35%;float:left;}
    .lxyxnr .left h2{font-size: 24px;line-height:45px;margin: 85px 0 0 0;font-weight: bold}
    .lxyxnr .left li{display: flex;align-items: center;margin: 35px auto 0}
    .lxyxnr .left h3{font-size: 20px;line-height: 28px;color: #333;margin: 0;font-weight: bold;line-height: 35px;color: #333}
    .lxyxnr .left article{width:100%;color: #555;font-size:16px;overflow: hidden;padding-top: 10px;margin-bottom: 35px;
        -webkit-line-clamp:12;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 30px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}

    .lxyxnr .right{width:65%;float:right}
    .lxyxnr .right img{border-radius: 8px;max-width: 100%;height: auto;margin-top: 35px}
    .lxyxnran{width:95%;margin-top: 8px; display: flex}
    .lxyxan1,.lxyxan2{text-align: center;background:#386ee7;line-height: 35px;border-radius:8px;display: block;color: #fff!important;font-size: 13px;padding: 0 30px}
    .lxyxan2{background:#70ccab;}

    .lxwzz{text-align: center!important;font-size: 16px!important;line-height: 28px!important;min-height: 110px!important;}
/* 多功能办公*/
    .lxbwk{max-width: 1200px;margin: 60px auto;overflow: hidden}
    .lxbwk ul{margin-top:30px}
    .lxbwk .k{width:100%;margin: 15px 5px 10px 5px;box-shadow:0  0 10px 3px #eee;padding: 10px 15px;border-radius: 5px}
    .lxbwk .k img{display: block;margin-bottom: 10px}
    .lxbwk .k .bt{font-size: 20px;margin: 10px 0}
    .lxbwk .k article{font-size: 14px;line-height: 23px;color: #666;min-height: 75px}

/*网站小程序*/
    .sitek{max-width: 1200px;margin: 35px auto;display: block;overflow: hidden}
    .sitek li{overflow: hidden;margin-top: 15px;cursor: pointer}
    .sitek .nk:hover{transform: translateY(5px)}
    .sitek .nk{box-shadow: 0 0 5px 3px #eee;border-radius: 10px; margin: 8px;padding: 15px;overflow: hidden;display: flex;transition: all .3s}
    .sitek li img{float: left;max-width: 100%;height: auto}
    .sitek li .right{padding-left: 15px;
        float: left;}
    .sitek li .right h2{font-size: 18px;line-height: 40px;margin: 0 auto}
    .sitek li .right article{font-size: 15px;line-height:22px;color: #666;}
    /*网站优势*/
    .siteys{width: 100%;background: url(../images/wzbgt.jpg) no-repeat top center;padding:60px 0;margin:45px auto;overflow: hidden}
    .siteys1{max-width: 1200px;margin:35px auto;overflow: hidden}
    .siteys1 li{display: block;margin-top: 20px;transition: all .3s;cursor: pointer}
    .siteys1 li .nk{box-shadow:0  0 10px 3px #eee;padding: 10px 15px;border-radius: 15px;background: #fff;margin: 10px}
    .siteys1 li:nth-child(even) .nk{background:#f9ffff}
    .siteys1 li .nk img{display: block;margin:15px auto}
    .siteys1 li .nk h2{font-size: 20px;text-align: center}
    .siteys1 li .nk article{width:95%;font-size: 14px;line-height: 23px;line-height: 24px;color: #666;margin: 20px auto 30px}
    .siteys1 li:hover{transform: translateX(10px)}

/*小程序*/
    .app{max-width: 1200px;margin:30px auto;overflow: hidden}
    .app li{display: block;justify-content: center}
    .app li .nk:hover{transform: translateY(10px);cursor: pointer}
    .app .nk{box-shadow: 0 0 5px 3px #eee;border-radius: 10px; margin:30px 8px;padding: 15px;overflow: hidden;display: flex;position: relative;transition: all .3s}

    .app .nk img{float: left;max-width: 100%;height: auto}
    .app .nk .right{padding-left: 15px;
        float: left;}
    .app .nk .right h2{font-size: 18px;line-height: 30px;margin: 0 auto;font-weight: bold}
    .app .nk .right article{font-size: 15px;line-height:22px;color: #666;}
    .app .l{transform: translateX(-10px)}
    .app .l1{transform: translateX(10px)}


}



@media (max-width: 768px) {

    .hkh2{font-size: 28px; text-align: center;}
    .hkh3{font-size: 14px;color: #555; text-align: center;line-height: 22px;width:98%;margin:0 auto}

    /*效果帮*/
    .xgbbox1{max-width: 1200px; margin:30px auto 45px;padding: 0 15px;overflow: hidden}
    .xgbbox1 ul{overflow: hidden;margin:30px auto}
    .xgbbox1 li{background: url(../images/xgbzc.png) no-repeat right center;background-size:40px 40px;padding-right:60px;float: left;width: 48%; text-align: center;font-size: 14px}
    .xgbbox1 li:last-child{background: none;padding-right: 5px}
    .xgbbox1 li:nth-child(2){background: none;padding-right: 5px}
    .xgbbox1 li img {margin:10px auto;display: block;max-width: 100%;height: auto}
    .xgan{width:150px;border-radius: 50px;background: #0055ff;display: block;text-align: center;line-height: 40px;margin:40px auto 0;color: #fff!important;}

    /*效果图优势*/
    .xgysbg{width: 100%;margin: 0 auto 30px;overflow: hidden;background:#f5f8fd;padding:5px 0 30px}
    .xgysbox{max-width: 1200px;display: block;margin:20px auto;}
    .xgysbox .kl{background: #fff;border-radius: 8px; text-align: center;padding: 0 0 10px 0;overflow: hidden}
    .xgysbox .kl img{display:block; margin:20px auto;width:70px;height: auto;}
    .xgysbox .kl h2{font-size: 22px;line-height:40px;color:#333}
    .xgysbox .kl article{
        width:95%;margin:0 auto 8px; text-align: left;
        font-size: 13px;line-height: 23px; min-height: 100px;overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        color: #999;}
    .xgysbox .col-xs-6{padding: 3px!important;}

    /*社交裂变*/
    .qysybox1{max-width: 1200px;margin:20px auto;}
    .qysybox ul{overflow: hidden;margin-top: 25px}
    .qysybox li{width:46%;float: left; margin-left: 1%;border: solid 1px #f2f2f2;
        border-radius: 5px;}
    .qysybox li h2{font-weight:bold;font-size:20px;color: #0055ff; margin-top:10px; text-align: center }
    .qysybox li p{font-size: 14px;width:90%;margin:15px auto 20px}

    /*网易互客*/
    .hkbg{width: 100%;display: block;background: #f5f8fd; overflow: hidden;padding: 20px 0;margin-top: 20px}
    .hkh2{font-size: 28px; text-align: center;margin: 10px auto 4px}
    .hkh3{font-size: 14px;color: #555; text-align: center;}
    .hkfl{max-width: 1200px;margin:0 auto 0;display: flex;align-items: center; justify-content: center;}
    .hkfl li{text-align: center;display: block;padding: 0 5px;margin:5px auto 0;font-size:15px;line-height: 30px;font-weight: bold}
    .hkfl li a{display: block;padding-bottom: 20px;color: #333}
    .hkfl li .t{ display: block;background: url(../images/qht1-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t1{ display: block;background: url(../images/qht2-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t2{ display: block;background: url(../images/qht3-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}
    .hkfl li .t3{ display: block;background: url(../images/qht4-1.png) no-repeat top center;width:60px;height: 60px;margin:5px auto 0;background-size:100%;}

    .hkfl li.active .t{ display: block;background: url(../images/qht1.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t1{ display: block;background: url(../images/qht2.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t2{display: block;background: url(../images/qht3.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active .t3{display: block;background: url(../images/qht4.png) no-repeat top center;width:60px;height: 60px;background-size:100%;}
    .hkfl li.active a{color: #534cd8!important;}
    .hkfl li:hover{color: #534cd8!important;}
    .hkfl li.active:after{width:60px;height:7px;background: #534cd8;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #b2ccff;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .hknr{max-width: 1200px;margin:20px auto;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .hknr .left{width:97%;display: block;margin:0 auto}
    .hknr .left h2{font-size: 18px;line-height: 28px;margin-top: 25px;font-weight: bold}
    .hknr .left li{display: flex;align-items: center;margin: 15px auto 0}
    .hknr .left li img{margin-right: 10px}
    .hknr .left h3{font-size: 16px;line-height: 28px;color: #333;margin: 0;font-weight: bold}
    .hknr .left p{font-size: 14px;color: #333;line-height:24px;margin: 0}

    .hknr .right{width:90%;display: block;margin:0 auto}
    .hknr .right img{border-radius: 8px;max-width: 100%;height: auto}
    .hknran{width:95%;margin-top: 28px; display: flex}
    .hkan1{width:150px;text-align: center;background:#534cd8;line-height: 35px;border-radius: 35px;display: block;color: #fff!important;}
    .hkan2{width:150px;text-align: center;border-radius: 35px;border:solid 1px #534cd8;margin-left: 15px;color: #534cd8!important;display: block;line-height: 35px;}

    /*企业微信私域*/
    .qysybox1{max-width: 1200px;margin:20px auto;}
    .hkysbox ul{overflow: hidden;margin-top: 25px}
    .hkysbox li{width:48%;float: left; margin-left: 1%;border: solid 1px #f2f2f2;
        border-radius: 5px;}
    .hkysbox li h2{font-weight:bold;font-size:20px;color: #534cd8; margin-top:10px; text-align: center }
    .hkysbox li p{font-size: 14px;width:90%;margin:15px auto 20px}

    /*选择互客*/
    .hkbg1{width: 100%;display: block; overflow: hidden;padding: 15px 0;margin-top: 20px}
    .xzhkbox{max-width: 1200px; margin:5px auto;overflow: hidden}
    .xzhkbox ul{margin:20px auto ;overflow: hidden}
    .xzhkbox li{margin-top: 10px}
    .xzhkbox .k{border:solid 1px #bbbcfb;border-radius: 5px;padding: 15px 0;background: #fff;}
    .xzhkbox .k img{display: block;margin:0 auto;max-width: 55px;height: auto}
    .xzhkbox .k h2{font-size: 20px;color: #333;text-align: center}
    .xzhkbox .k article{font-size: 14px;line-height: 22px;text-align: center;width:95%;margin:5px auto;color: #555 }


    /*灵犀邮箱*/
    .lxyxfl{max-width: 1200px;margin:20px auto 0;display: flex;align-items: center; justify-content: center;}
    .lxyxfl li{text-align: center;display: block;margin: 0 auto;font-size:15px;line-height: 30px;}
    .lxyxfl li a{display: block;padding-bottom: 10px;color: #333}
    .lxyxfl li .t,.lxyxfl li .t1,.lxyxfl li .t2,.lxyxfl li .t3{ display: block;background: url(../images/tsdoy1-1.png) no-repeat top center;width:60px;height: 60px;margin:2px auto;background-size:60px 60px!important;}
    .lxyxfl li .t1{background: url(../images/tsdoy2.png) no-repeat top center;}
    .lxyxfl li .t2{background: url(../images/tsdoy3.png) no-repeat top center;}
    .lxyxfl li .t3{background: url(../images/tsdoy4.png) no-repeat top center;}

    .lxyxfl li.active .t,.lxyxfl li.active .t1,.lxyxfl li.active .t2,.lxyxfl li.active .t3{ display: block;background: url(../images/tsdoy1-1.png) no-repeat top center;width:60px;height: 60px;background-size:60px 60px}
    .lxyxfl li.active .t1{background: url(../images/tsdoy2-2.png) no-repeat top center;background-size:60px 60px}
    .lxyxfl li.active .t2{background: url(../images/tsdoy3-3.png) no-repeat top center;}
    .lxyxfl li.active .t2{dbackground: url(../images/tsdoy4-4.png) no-repeat top center;}
    .lxyxfl li.active a{color: #333!important;}
    .lxyxfl li:hover{color: #534cd8!important;}
    .lxyxfl li.active:after{width:60px;height:7px;background: #386ee7;margin: -5px auto 0; content: "";display: block;border-radius: 20px;
        animation:myfirst .1s;
        -moz-animation:myfirst .1s; /* Firefox */
        -webkit-animation:myfirst .1s; /* Safari and Chrome */
        -o-animation:myfirst .1s; /* Opera */
    }

    .hkx{width: 100%;display: block;background: #abc5fc;height: 1px;margin-top: -4px;}
    @keyframes myfirst {
        0%   {margin-left: -100px;opacity: 0}
        100% {margin-left: 0px;opacity: 1}

    }
    @keyframes myfirst1 {
        0%   {opacity: 0;}
        100% {opacity: 1;}

    }

    .lxyxnr{max-width: 1200px;margin:10px auto 30px;padding:0 15px;animation: myfirst1 .2s;overflow: hidden;}
    .lxyxnr .left{width:100%;float:left;}
    .lxyxnr .left h2{font-size: 20px;line-height:45px;margin: 25px 0 0 0;font-weight: bold}
    .lxyxnr .left li{display: flex;align-items: center;margin: 35px auto 0}
    .lxyxnr .left h3{font-size: 18px;line-height: 28px;color: #333;margin: 0;font-weight: bold;color: #333}
    .lxyxnr .left article{width:100%;color: #555;font-size:15px;overflow: hidden;padding-top: 10px;margin-bottom: 15px;
        -webkit-line-clamp:12;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        line-height: 30px;
        word-break:normal;    /*正常避头尾*/
        text-align:justify;    /*文字左右对齐*/}

    .lxyxnr .right{width:100%;float:right}
    .lxyxnr .right img{border-radius: 8px;max-width: 100%;height: auto;margin-top: 35px}
    .lxyxnran{width:95%;margin-top: 8px; display: flex}
    .lxyxan1,.lxyxan2{text-align: center;background:#386ee7;line-height: 35px;border-radius:8px;display: block;color: #fff!important;font-size: 13px;padding: 0 30px}
    .lxyxan2{background:#70ccab;}

    .lxwzz{text-align: center!important;font-size: 14px!important;line-height: 22px!important;min-height: 95px!important;}
    .lxjl{margin-top: 40px}

    /* 多功能办公*/
    .lxbwk{max-width: 1200px;margin: 60px auto;overflow: hidden}
    .lxbwk ul{margin-top:30px}
    .lxbwk .k{width:100%;margin: 15px 5px 10px 5px;box-shadow:  0   0 10px 3px #eee;padding: 10px 15px;border-radius: 5px}
    .lxbwk .k img{display: block;margin-bottom: 10px}
    .lxbwk .k .bt{font-size: 20px;margin: 10px 0}
    .lxbwk .k article{font-size: 14px;line-height: 23px;color: #666;min-height: 75px}


    /*网站小程序*/
    .sitek{max-width: 1200px;margin: 15px auto;display: block;overflow: hidden}
    .sitek li{overflow: hidden;margin-top:5px;padding: 0}
    .sitek .nk{box-shadow: 0 0 5px 3px #eee;border-radius: 10px; margin: 8px;padding: 10px;overflow: hidden;}
    .sitek li img{float: left;max-width: 22%;height: auto}
    .sitek li .right{width:75%;
        float: right;}
    .sitek li .right h2{font-size: 18px;line-height: 40px;margin: 0 auto}
    .sitek li .right article{font-size: 13px;line-height:22px;color: #666;}
    /*网站优势*/
    .siteys{width: 100%;background: url(../images/wzbgt.jpg) no-repeat top center;padding:20px 0;margin:15px auto;overflow: hidden}
    .siteys1{max-width: 1200px;margin:0px auto;overflow: hidden}
    .siteys1 li{padding: 0}
    .siteys1 li{display: block;margin-top: 10px;transition: all .3s;cursor: pointer}
    .siteys1 li .nk{box-shadow:0  0 10px 3px #eee;padding: 10px 15px;border-radius: 15px;background: #fff;margin: 10px}
    .siteys1 li:nth-child(even) .nk{background:#f9ffff}
    .siteys1 li .nk img{display: block;margin:15px auto;max-width: 40%;height: auto}
    .siteys1 li .nk h2{font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space:nowrap}
    .siteys1 li .nk article{width:100%;font-size: 13px;line-height: 22px;line-height: 22px;color: #666;margin: 20px auto 30px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp:4;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
    }

    .siteys1 li:hover{transform: translateX(10px)}

    /*小程序*/
    .app{max-width: 1200px;margin:20px auto;overflow: hidden}
    .app li{display: block;justify-content: center}
    .app li .nk:hover{transform: translateY(10px);cursor: pointer}
    .app .nk{box-shadow: 0 0 5px 3px #eee;border-radius: 10px; margin:5px 8px;padding: 15px;overflow: hidden;display: flex;position: relative;transition: all .3s}
    .app .nk img{float: left;max-width: 100%;height: auto}
    .app .nk .right{padding-left: 15px;
        float: left;}
    .app .nk .right h2{font-size: 18px;line-height: 30px;margin: 0 auto;font-weight: bold}
    .app .nk .right article{font-size: 13px;line-height:22px;color: #666;}
}