/* 1-1 上导航 */
.zheader {/*background: url(../image/1.svg);*/position: fixed;width:100%;z-index: 999999;}
.topkx{width:100%;height: 120px;}
.znav { width:1280px;height: 120px;margin:0 auto;}
.logohead {display: block;width: 200px;height: 87px;float: left;margin-top: 15px;background-size: 100%;cursor: pointer;text-indent:-99999px;overflow:hidden;background: url(../picture/logo-1.png) no-repeat center center;}
.zn_menu dt { display: inline-block;position:relative;top:3px}
.zn_menu dt { float:left;margin-top:7px;}
.zn_menu dt a { display: inline-block; width: 86px; height: 22px; }
.zn_menu dd { float:left;text-align: center;font-size: 16px;color: #333;}
.zn_menu dd a:hover{color:#005DAE;}
.dda{display: block;height: 66px;padding-top: 50px;border-bottom: 4px solid transparent;color: #fff;font-size: 22px;width: 120px;}
.dda:hover{background-color: #fff;color: #333;border-bottom: 4px solid #005DAE;}

.zihh-banner img{width:100%;}


/* 1-2 下拉菜单 */
.zn_bg { position:absolute; width: 100%;min-width:1280px;display:block;  height: 1px;}
.zn_bg3{width:100%;height:301px;background:#f3f3f3;position:absolute;left:0;z-index:10;display:none;margin-top:-1px;}
.zn_sub { position:absolute;left:50%;margin-left:-640px; margin-top: -4px; text-align: left; display: none; background-color: #fff; z-index: 12;}
.zn_gy,.zn_cpzx,.zn_jjfa,.zn_yyal,.zn_lx { position: absolute; left: 0px; top: 3px ; width: 1280px; height: 276px; padding-top: 25px;  background-color: #f3f3f3; z-index: 12;}
.ckgd a{color:#005DAE!important;}
/* 1-2 下拉菜单 end */


/* 2-1 关于我们*/
.zn_gy ul{float:left;width:608px;margin-left:224px;}
.zn_gy ul li{float:left;width:200px;}
.zn_gy ul li a{font-size: 16px;line-height: 28px;}
/* 2-1 关于我们 end*/


/* 2-2 产品中心 */
.zn_cpzx .ul1{float:left;width:1124px;margin-left:162px;}
.zn_cpzx .ul1 .li1{float:left;width:130px;}
.zn_cpzx .ul1 .li1:nth-child(1){width:512px;}
.zn_cpzx .ul1 .li1 a{font-size: 24px;font-weight: 700;line-height: 36px;}
.zn_cpzx .ul1 .li1 ul li{float:left;width:236px;margin-left:20px;}
.zn_cpzx .ul1 .li1 ul li a{font-size: 16px;font-weight: 100;line-height: 28px;}

.zn_cpzx .ul1 .li2{float:left;width:368px;}
.zn_cpzx .ul1 .li2:nth-child(1){width:420px;}
.zn_cpzx .ul1 .li2 a{font-size: 24px;font-weight: 700;line-height: 36px;}
.zn_cpzx .ul1 .li2 ul li{float:left;width:444px;margin-left:10px;}
.zn_cpzx .ul1 .li2 ul li a{font-size: 16px;font-weight: 100;line-height: 28px;}
/* 2-2 产品中心 end */

/* 2-3 解决方案 */
.zn_jjfa ul{float:left;width:950px;margin-left:256px;}
.zn_jjfa ul li{float:left;width:444px;}
.zn_jjfa ul li a{font-size: 16px;line-height: 28px;}
/* 2-3 解决方案 end */

/* 2-4 应用案例 */
.zn_yyal .ul1{float:left;width:1280px;}
.zn_yyal .ul1 .li1{float:left;width:732px;}
.zn_yyal .ul1 .li1:nth-child(1){width:255px;margin-left:238px;}
.zn_yyal .ul1 .li1 a{font-size: 24px;font-weight: 700;line-height: 36px;}
.zn_yyal .ul1 .li1 ul li{float:left;width:318px;margin-left:10px;}
.zn_yyal .ul1 .li1 ul li a{font-size: 16px;font-weight: 100;line-height: 28px;}
/* 2-4 应用案例 end */

/* 2-5 联系我们*/
.zn_lx ul{float:left;width:414px;margin-left:698px;}
.zn_lx ul li{float:left;margin-right:20px;}
.zn_lx ul li a{font-size: 16px;line-height: 28px;}
/* 2-5 联系我们 end*/

/* 3-1 搜索框 */
.g-top-sou {overflow: hidden;background: url(../image/sou2019.png) no-repeat;background-color: #fff;width: 220px;height: 35px;margin: 45px 0px 0px 0px;float: right;border: 2px solid #fff;border-radius: 20px;
}
.g-top-sou .u-search-input {border: 0px;height: 32px;line-height: 32px;float: left;width: 150px;margin-left: 20px;outline: none;}
.g-top-sou .u-search-btn {float: right;width: 40px;background: none;border: 0px;cursor: pointer;height: 32px;margin: 1px 0px;}
/* 3-1 搜索框 end */




/* 4-1 底部-友情链接*/
.links {width:1200px;margin: 0 auto;}
.links_bg {	height: 60px;background: #006060;}
.links_l {	width: 150px;text-align: center;height: 60px;line-height: 60px;background: #0e5050;font-size: 18px;color: #fff;font-weight: bold;}
.links_c {	height: 60px;line-height: 60px;overflow: hidden;width: 1050px;}
.links_c a {	font-size: 14px;color: #fff;display: inline-block;padding: 0 0 0 20px;}
/* 4-1 底部-友情链接 end*/

/* 5-1 底部 */
.f_bg {	background: #005DAE;padding: 36px 0 0;overflow: hidden;}
.f_bg .footer {	width: 1200px;margin: 0 auto;height:auto;}
.f_bg .f_nav {	/*width: 510px;*/height: 400px;overflow: hidden;padding: 0 0 0 5px;}
.f_bg .f_ul01 .f_li01 {	float: left;}
.f_bg .f_ul01 li {	width: 250px;float: left;}
.f_bg .f_ul01 li a {	font-size: 26px;color: #fff;font-weight: 700;height: 60px;line-height: 60px;overflow: hidden;display: block;}
.f_bg .f_ul01 .f_ul02 li{width: 100%;}
.f_bg .f_ul01 .f_ul02 li a {	font-size: 14px;color: #fff;font-weight: normal;height: 25px;line-height: 25px;}
.f_bg .f_ban {	height: 260px;padding: 0 0 0 50px;width: 290px;background: url(../image/f_line.gif) no-repeat;}
.f_bg .f_ban em, .f_er em {	display: block;font-size: 18px;color: #fff;font-weight: bold;height: 60px;line-height: 60px;overflow: hidden;}
.f_bg .f_ban p {	font-size: 14px;color: #929293;line-height: 44px;padding: 0 0 0 40px;}
.f_bg .f_er {	margin-top:30px;}
.f_bg .f_er p {	width: 180px;text-align: center;float: left;}
.f_bg .f_er img {	width: 434px;}
.f_bg .f_er span {	display: block;font-size: 20px;color: #fff;padding: 10px 0 0;}
.f_bg .f_bot {	height: 60px;line-height: 60px;text-align: center;font-size: 15px;color: #fff;overflow: hidden;}
.f_bg .f_bot span {	padding-left:10px;}
.f_bg .f_bot a {	font-size: 15px;color: #fff;}
/* 5-1 底部 end */



/* 6-1 返回 */
.asid_share{position:fixed;width:40px;bottom:15%;right:0;z-index:890;}
*html #asid_share{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}

.asid_share .asid_share_box{width:100%;margin-bottom:3px;background:#d9d9d9;text-align:center;}
.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px;}
.asid_share .asid_share_box a:hover{background:#005DAE;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}
.asid_share .red_bag{background:#005DAE;text-decoration:none;}
.asid_share .asid_sha_layer{border:1px solid #ccc;background:#fff;position:absolute;right:47px;bottom:-44px;}

.sweep_img{padding:10px;}
.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../image/dian.png) no-repeat 6px 12px;}
.asid_share_box .asid_help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.asid_help_list li a:hover{color:#fff;}

.asid_share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}
/* 6-1 返回 end */







/*在线客服*/
.online-service {
    position: fixed;
    bottom: 20%;
    right: 20px;
    z-index: 99999;
}

.online-service .hidden {
    visibility: hidden;
}

.online-service ul li {
    width: 70px;
    height: 70px;
    text-align: center;
    background: #ffffff;
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);*/
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.08);
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.11));
}

.online-service ul li:nth-child(1) {
    background: transparent;
}

.online-service ul li .img-box {
    padding-top: 13px;
    display: block;
}

.online-service ul li .intro-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #1e2221;
    display: block;
}

.online-service ul li img {
    margin: 0 auto;
}

.online-service ul li:nth-child(1) {
    margin-bottom: 16px;
}

.online-service ul li:nth-child(1) .block {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-image: url(../picture/3965f9cd-135b-4d31-a7f9-46668fed9e37.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.online-service ul li:nth-child(1) span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 18px;

    background: #4385ff;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 8px 8px;

    font-weight: 700;
    font-size: 12px;
    line-height: 18px;

    color: #ffffff;
    position: absolute;
    bottom: -10px;
}
.online-service ul li:nth-child(1) span label{
    font-size: 10px;
    font-weight: 600;
    -webkit-transform: scale(0.9);
    display: inline-block;
    padding: 0 6px;
}
.online-service ul li:nth-child(1) a {
    display: block;
    width: 100%;
    height: 100%;
    posiation: absolute;
    top: 0;
    left: 0;
}

.online-service ul li:nth-child(2) img {
    width: 26px;
    height: 23.19px;
}

.online-service ul li:nth-child(3) img {
    width: 26px;
    height: 21.18px;
}

.online-service ul li:nth-child(4) img {
    width: 24px;
    height: 24px;
}

.online-service ul li:nth-child(5) {
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 0 auto;

    background: #ffffff;
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 16px;
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.08);
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.11));
}

.online-service ul li:nth-child(5) img {
    width: 14px;
    height: 11.5px;
}

/**box*/
/**hover优化*/
.online-service ul li .box {
    background-color: transparent;
    display: block;
    width: 100px;
    height: 80px;
    position: absolute;
    left: -36px;
    top: 0;
}
.online-service ul li:nth-child(1) .box{
    left: -20px;
}
.online-service ul li .service-fixed{
    position: absolute;
    right: 66px;
    top: 3px;
}
.online-service ul li .info-box {
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    right: 16px;
    text-align: left;
    /*display: none;*/
    /*top: 7px;*/
}

.online-service ul li .info-box::after {
    content: "";
    display: block;
    width: 8px;
    height: 17px;
    position: absolute;
    right: -6px;
    top: 20px;
    background-image: url(../image/icon_box.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.online-service .on-box {
    /*top: 0;*/
    right: 16px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.08);
    filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.11));
    position: relative;
}

.online-service .on-info-title {
    display: flex;
    justify-content: space-between;
}

.online-service .on-info-box {
    min-width: 246px;
    padding: 10px 27px 10px 14px;
    position: relative;
    cursor: pointer;
    z-index: 99;
}

.online-service .hide {
    display: none ;
}

.online-service .on-info-box::after {
    content: "";
    display: block;
    width: 8px;
    height: 17px;
    position: absolute;
    right: -6px;
    top: 20px;
    background-image: url(../image/icon_box.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.online-service .on-info-box .on-img-box {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
}

.online-service .on-info-box .on-title {
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4385ff;
    padding-bottom: 2px;
}

.online-service .on-info-box .on-sub-title {
    min-height: 21px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    color: #595959;
}

.online-service ul li:nth-child(2) .info-box {
    min-width: 217px;
    top: 0;
    padding: 19px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4385ff;
}

.online-service ul li:nth-child(2) .info-box label {
    cursor: pointer;
}

.online-service ul li:nth-child(3) .info-box {
    /*width: 97px;*/
    /*height: 127px;*/
    padding: 10px 10px 0;
    top: -32px;
}

.online-service ul li:nth-child(3) .info-box::after {
    top: 55px;
}

.online-service ul li:nth-child(3) .info-box img {
    width: 100px;
    height: auto;
}

.online-service ul li:nth-child(3) .info-box p {
    left: 15px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #4385ff;
    padding: 4px;
}

/**客服抖动*/
/**动态效果-抖动 */
.online-service .block {
    /* animation-name: shock;
    animation-iteration-count: infinite;
    animation-duration: 2000ms;
    animation-direction: normal;
    animation-timing-function: linear; */
}

@keyframes shock {
    0% {
        transform-origin: bottom;
        transform: rotate(0);
    }
    2% {
        transform-origin: bottom;
        transform: rotate(-1.2deg);
    }
    4% {
        transform-origin: bottom;
        transform: rotate(-2deg);
    }
    6% {
        transform-origin: bottom;
        transform: rotate(-2.1deg);
    }
    8% {
        transform-origin: bottom;
        transform: rotate(-1.1deg);
    }
    10% {
        transform-origin: bottom;
        transform: rotate(5deg);
    }
    12% {
        transform-origin: bottom;
        transform: rotate(5.1deg);
    }
    14% {
        transform-origin: bottom;
        transform: rotate(3.9deg);
    }
    16% {
        transform-origin: bottom;
        transform: rotate(-3.1deg);
    }
    18% {
        transform-origin: bottom;
        transform: rotate(-4deg);
    }
    20% {
        transform-origin: bottom;
        transform: rotate(-3.6deg);
    }
    22% {
        transform-origin: bottom;
        transform: rotate(-1.9deg);
    }
    24% {
        transform-origin: bottom;
        transform: rotate(2.2deg);
    }
    26% {
        transform-origin: bottom;
        transform: rotate(3deg);
    }
    28% {
        transform-origin: bottom;
        transform: rotate(2.7deg);
    }
    30% {
        transform-origin: bottom;
        transform: rotate(1.5deg);
    }

    32% {
        transform-origin: bottom;
        transform: rotate(-0.2deg);
    }
    34% {
        transform-origin: bottom;
        transform: rotate(-1.6deg);
    }
    36% {
        transform-origin: bottom;
        transform: rotate(-2deg);
    }
    38% {
        transform-origin: bottom;
        transform: rotate(-1.7deg);
    }
    40% {
        transform-origin: bottom;
        transform: rotate(-1.1deg);
    }
    42% {
        transform-origin: bottom;
        transform: rotate(-0.4deg);
    }
    44% {
        transform-origin: bottom;
        transform: rotate(0deg);
    }
    46% {
        transform-origin: bottom;
        transform: rotate(0deg);
    }
    100% {
        transform-origin: bottom;
        transform: rotate(0deg);
    }
}

/**hover */
.online-service ul li:not(:first-child, :last-child):hover {
    background: #ecf3ff;
}

.online-service ul li:nth-child(2):hover .service-fixed,
.online-service ul li:nth-child(3):hover .service-fixed{
    display: block;
}
.online-service ul li#service-open:hover .service-fixed{
    display: block;
}
.online-service ul li .service-fixed {
    display: none;
}