/* 全局通用 */
.about_container{width:1200px;position:relative;margin:0 auto;}

/* 客户服务-banner */
.customer_banner{position: relative;overflow: hidden;}
.customer_banner .con{position:absolute;width:100%;height:100%;top:0;left:0;}
.customer_banner .text_box{height:100%;text-align:center;display:flex;align-items: center;justify-content:center;position: relative;z-index:100;}
.customer_banner .text_box h5{font-size:28px;font-weight:bold;color:#fff;}
.customer_banner .text_box h4{font-size:50px;font-weight:bold;color:#fff;margin:20px 0 40px;}
.customer_banner .text_box p{font-size:26px;font-weight:lighter;color:#fff;}
.customer_banner .text_box a{display:block;width:189px;line-height:46px;border-radius:30px;border:1px solid #fff;font-size:18px;color:#fff;margin:30px auto 0;transition:all .3s;}
.customer_banner .text_box a:hover{background-color:#e42e0d;border-color:#e42e0d;}
.customer_banner img.img_1{position:absolute;bottom:5%;left:5%;width:25%;height:35%;}
.customer_banner img.img_2{position:absolute;top:20%;right:5%;width:19%;height:51%;}

/* 企业理念 */
.customer_qyln .title1{margin:115px 0 70px;text-align:center;}
.customer_qyln .title1 h5{font-size:34px;}
.customer_qyln .title1 p{font-size:15px;margin-top:15px;}
.customer_qyln .con1{margin-bottom:70px;text-align:center;}
.customer_qyln .con1 h5{font-size:20px;font-weight:bold;line-height:30px;}
.customer_qyln .con1 p{font-size:16px;line-height:30px;margin-top:5px;}
.customer_qyln .con2{position: relative;}
.customer_qyln .con2 .con2_1{width:758px;position:relative;margin:0 auto;padding:1px 0;}
.customer_qyln .con2 .con2_1 .yuan1{width:500px;height:500px;background-color:rgba(255, 255, 255, .1);border-radius:50%;padding:25px;margin:100px auto;position: relative;z-index:100;}
.customer_qyln .con2 .con2_1 .yuan2{width:100%;height:100%;background-color:rgba(255, 255, 255, .25);border-radius:50%;padding:25px;}
.customer_qyln .con2 .con2_1 .yuan3{width:100%;height:100%;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s;} 
.customer_qyln .con2 .con2_1 .yuan3 img{transition:all .3s;}
.customer_qyln .con2 .con2_1 .yuan1:hover img{transform:scale(.9);}
.customer_qyln .con2 .con2_1 .yuan1:hover .yuan3{background-color:#eee;}
.customer_qyln .con2 .con2_1 .icon{position:absolute;}
.customer_qyln .con2 .con2_1 .icon img{transition:all .3s;}
.customer_qyln .con2 .con2_1 .icon_1{top:0;left:118px;}
.customer_qyln .con2 .con2_1 .icon_2{top:0;right:116px;}
.customer_qyln .con2 .con2_1 .icon_3{top:208px;right:4px;}
.customer_qyln .con2 .con2_1 .icon_4{top:425px;right:115px;}
.customer_qyln .con2 .con2_1 .icon_5{top:425px;left:115px;}
.customer_qyln .con2 .con2_1 .icon_6{top:208px;left:4px;}
.customer_qyln .con2 .con2_1 .icon:hover img{transform:scale(1.1);}
.customer_qyln .con2 ul li{width:283px;text-align:right;position:absolute;}
.customer_qyln .con2 ul li h5{font-size:30px;}
.customer_qyln .con2 ul li p{line-height:25px;margin-top:18px;}
.customer_qyln .con2 ul li:nth-child(even){text-align:left;}
.customer_qyln .con2 ul li:nth-child(1){left:0;top:0;}
.customer_qyln .con2 ul li:nth-child(2){right:0;top:0;}
.customer_qyln .con2 ul li:nth-child(3){left:0;top:270px;width:210px;}
.customer_qyln .con2 ul li:nth-child(4){right:0;top:270px;width:210px;}
.customer_qyln .con2 ul li:nth-child(5){left:0;bottom:20px;}
.customer_qyln .con2 ul li:nth-child(6){right:0;bottom:20px;}

/* 服务优势 */
.customer_fwys{background-color:#f3f3f4;padding:1px 0;margin-top:100px;overflow: hidden;}
.customer_fwys .title1{margin:115px 0 70px;text-align:center;}
.customer_fwys .title1 h5{font-size:34px;font-weight:bold;}
.customer_fwys .title1 p{font-size:15px;margin-top:15px;}
.customer_fwys ul{margin:190px 0;font-size:0;text-align:center;}
.customer_fwys ul li{display:inline-block;}
.customer_fwys ul li .yuan1{width:225px;height:225px;border-radius:50%;position:relative;padding:38px;}
.customer_fwys ul li .yuan1::before{content:"";width:100%;height:50%;border:38px solid #0b2342;border-radius: 120px 120px 0 0;position:absolute;top:0;left:0;border-bottom:none;transition:all .5s;}
.customer_fwys ul li .yuan1 .yuan2{width:100%;height:100%;border-radius:50%;background-color:#fff;border:1px solid #ececec;padding:19px;}
.customer_fwys ul li .yuan1 .yuan2 .img{
    width:100%;
    height:100%;
    border-radius:50%;
    display:flex;
    justify-content: center;
    align-items:center;
    background: rgb(0,127,217);
    background: -moz-linear-gradient(left, rgba(0,127,217,1) 10%, rgba(0,192,247,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,127,217,1) 10%,rgba(0,192,247,1) 100%);
    background: linear-gradient(to right, rgba(0,127,217,1) 10%,rgba(0,192,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fd9', endColorstr='#00c0f7',GradientType=1 );
}
.customer_fwys ul li .text_box{width:100%;text-align:center;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:50px;}
.customer_fwys ul li .text_box::before{content:"";width:1px;height:60px;background-color:#d5d5d5;position:absolute;left:50%;bottom:100%;
margin-bottom:9px;}
.customer_fwys ul li .text_box h5{font-size:17px;}
.customer_fwys ul li .text_box b{display:block;width:35px;line-height:35px;font-size:14px;background-color:#0083db;margin:15px auto 0;color:#fff;border-radius:50%;}
.customer_fwys ul li:nth-child(even) .yuan1::before{transform:rotate(180deg);top:auto;bottom:0;}
.customer_fwys ul li:nth-child(even) .text_box{top:auto;bottom:100%;margin:0 0 50px;padding-top:50px;}
.customer_fwys ul li:nth-child(even) .text_box::before{bottom:auto;top:100%;margin:9px 0 0 0;}
.customer_fwys ul li:nth-child(even) .text_box b{position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0;}
.customer_fwys ul li .yuan1:hover::before{
    height:100%;
    border-radius:50%;
}
.customer_fwys ul li:nth-child(2) .yuan1 .yuan2 .img{
    background: rgb(255,109,1);
    background: -moz-linear-gradient(left, rgba(255,109,1,1) 10%, rgba(255,161,1,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,109,1,1) 10%,rgba(255,161,1,1) 100%);
    background: linear-gradient(to right, rgba(255,109,1,1) 10%,rgba(255,161,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d01', endColorstr='#ffa101',GradientType=1 );
}
.customer_fwys ul li:nth-child(2) .text_box b{
    background-color:#ff6d01;
}
.customer_fwys ul li:nth-child(3) .yuan1 .yuan2 .img{
    background: rgb(221,33,0);
    background: -moz-linear-gradient(left, rgba(221,33,0,1) 10%, rgba(255,95,66,1) 100%);
    background: -webkit-linear-gradient(left, rgba(221,33,0,1) 10%,rgba(255,95,66,1) 100%);
    background: linear-gradient(to right, rgba(221,33,0,1) 10%,rgba(255,95,66,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd2100', endColorstr='#ff5f42',GradientType=1 );
}
.customer_fwys ul li:nth-child(3) .text_box b{
    background-color:#e02705;
}
.customer_fwys ul li:nth-child(4) .yuan1 .yuan2 .img{
    background: rgb(111,7,218);
    background: -moz-linear-gradient(left, rgba(111,7,218,1) 10%, rgba(164,93,237,1) 100%);
    background: -webkit-linear-gradient(left, rgba(111,7,218,1) 10%,rgba(164,93,237,1) 100%);
    background: linear-gradient(to right, rgba(111,7,218,1) 10%,rgba(164,93,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f07da', endColorstr='#a45ded',GradientType=1 );
}
.customer_fwys ul li:nth-child(4) .text_box b{
    background-color:#7713dd;
}
.customer_fwys ul li:nth-child(5) .yuan1 .yuan2 .img{
    background: rgb(1,152,154);
    background: -moz-linear-gradient(left, rgba(1,152,154,1) 10%, rgba(0,225,227,1) 100%);
    background: -webkit-linear-gradient(left, rgba(1,152,154,1) 10%,rgba(0,225,227,1) 100%);
    background: linear-gradient(to right, rgba(1,152,154,1) 10%,rgba(0,225,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01989a', endColorstr='#00e1e3',GradientType=1 );
}
.customer_fwys ul li:nth-child(5) .text_box b{
    background-color:#00afb1;
}
.customer_fwys .phone{
    width:380px;
    border:1px solid #05b7f3;
    line-height:46px;
    font-size:20px;
    font-weight:bold;
    margin:180px auto 115px;
    border-radius:30px;
    padding-left:60px;
    position: relative;
    overflow: hidden;
}
.customer_fwys .phone::before{
    content:"";
    width:46px;
    height:46px;
    border-radius:50%;
    position:absolute;
    top:0;
    left:-1px;
    transition:all .5s;
    background: rgb(0,127,217);
    background: -moz-linear-gradient(left, rgba(0,127,217,1) 10%, rgba(0,192,247,1) 100%);
    background: -webkit-linear-gradient(left, rgba(0,127,217,1) 10%,rgba(0,192,247,1) 100%);
    background: linear-gradient(to right, rgba(0,127,217,1) 10%,rgba(0,192,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fd9', endColorstr='#00c0f7',GradientType=1 );
}
.customer_fwys .phone::after{
    content:"";
    width:46px;
    height:46px;
    background:url(../images/customer/customer_22.png) no-repeat center center;
    border-radius:50%;
    position:absolute;
    top:0;
    left:-1px;
}
.customer_fwys .phone span{position: relative;transition:all .3s;}

.customer_fwys .phone:hover::before{
    width:140%;
    left:-30%;
    border-radius:0;
}
.customer_fwys .phone:hover span{
    color:#fff;
}

/* 权限申请 */
.customer_qxsq{
    background:url(../images/customer/customer_23.jpg) center center/cover;
    padding:115px 0;
    overflow:hidden;
}
.customer_qxsq .title1{
    font-size:34px;
    font-weight:bold;
    color:#fff;
    margin-bottom:70px;
    text-align:center;
}
.customer_qxsq ul{
    margin:0 -10px;
}
.customer_qxsq ul li{
    width:33.33%;
}
.customer_qxsq ul li .con{
    background-color:#fff;
    border-radius:5px;
    height:234px;
    position: relative;
    padding:30px;
    margin:0 10px 20px;
    position: relative;
    transition:all .3s;
    top:0;
}
.customer_qxsq ul li .con h5{
    font-size:18px;
    font-weight:bold;
    transition:all .3s;
}
.customer_qxsq ul li .con p{
    font-size:12px;
    color:#777;
    padding:10px 0 20px;
    position: relative;
}
.customer_qxsq ul li .con p::before{
    content:"";
    width:34px;
    height:2px;
    background-color:#0083db;
    position:absolute;
    bottom:0;
    left:0;
}
.customer_qxsq ul li .con .text{
    line-height:23px;
    color:#454545;
    height:46px;
    overflow: hidden;
    margin-top:21px;
}
.customer_qxsq ul li .con b{
    font-size:13px;
    color:#454545;
    font-weight:normal;
    position:absolute;
    bottom:30px;
    left:30px;
}
.customer_qxsq ul li .con b img{
    margin-right:5px;
}
.customer_qxsq ul li .con a{
    display:block;
    background:#0083db url(../images/customer/customer_24.png) no-repeat center center;
    width:32px;
    height:32px;
    position:absolute;
    right:30px;
    bottom:25px;
    border-radius:5px;
    transition:all .3s;
}
.customer_qxsq ul li .con a:hover{
    background-color:#ff8c01;
}
.customer_qxsq ul li .con:hover{
    top:-5px;
    box-shadow:5px 5px 5px rgba(255, 255, 255, .6);
}
.customer_qxsq ul li .con:hover h5{
    color:#0083db;
}

/* 常见问题 */
.customer_cjwt{
    padding:115px 0;
    background-color:#f5f5fe;
    overflow: hidden;
}
.customer_cjwt .con1{
    width:400px;
    height:632px;
    background:url(../images/customer/customer_4.jpg) center center/cover;
    padding:50px;
}
.customer_cjwt .con1 .title{
    border-bottom:1px solid rgba(255, 255, 255, .2);
}
.customer_cjwt .con1 .title h5{
    font-size:32px;
    font-weight:bold;
    color:#fff;
}
.customer_cjwt .con1 .title p{
    font-size:10px;
    color:rgba(255, 255, 255, .2);
    padding:10px 0 42px;
}
.customer_cjwt .con2{
    margin-left:465px;
}
.customer_cjwt .con2 .title{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}
.customer_cjwt .con2 .nav1{
    text-align:center;
    font-size:0;
    border-bottom:1px solid #e3e3e3;
    padding-bottom:23px;
    position:relative;
}
.customer_cjwt .con2 .nav1::before{
    content:"";
    width:20px;
    height:1px;
    background-color:#e3e3e3;
    position:absolute;
    bottom:4px;
    right:100%;
    margin-right:-2px;
    transform:rotate(30deg);
}
.customer_cjwt .con2 .nav1::after{
    content:"";
    width:12px;
    height:12px;
    border:1px solid #e3e3e3;
    border-radius:50%;
    position:absolute;
    bottom:9px;
    left:-26px;
}
.customer_cjwt .con2 .nav1 a{
    display:inline-block;
    width:110px;
    line-height:33px;
    border:1px solid #e9e9e9;
    border-radius:30px;
    font-size:15px;
    color:#010101;
    background-color:#fff;
    margin:0 8px;
    box-shadow:5px 5px 10px rgba(0, 0, 0, .1);
    transition:all .3s;
}
.customer_cjwt .con2 .nav1 a.active{
    color:#fff;
    box-shadow:5px 5px 10px rgba(255, 165, 1, .1);
    background: rgb(255,85,1);
    background: -moz-linear-gradient(left, rgba(255,85,1,1) 0%, rgba(255,168,1,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,85,1,1) 0%,rgba(255,168,1,1) 100%);
    background: linear-gradient(to right, rgba(255,85,1,1) 0%,rgba(255,168,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5501', endColorstr='#ffa801',GradientType=1 );
}
.customer_cjwt .con2 .con_box{
    margin-top:20px;
}
.customer_cjwt .con2 .con_box .wrap{
    overflow: hidden;
    height:505px;
    display:none;
}
.customer_cjwt .con2 .con_box .wrap.active{
    display:block;
}
.customer_cjwt .con2 .con_box .wrap ul li{
    border-bottom:1px dashed #e1e1e1;
    padding-bottom:20px;
    margin-bottom:20px;
}
.customer_cjwt .con2 .con_box .wrap ul li h5{
    font-size:16px;
    line-height:25px;
    position: relative;
    padding-left:30px;
    transition:all .3s;
}
.customer_cjwt .con2 .con_box .wrap ul li h5::before{
    content:"Q";
    width:19px;
    height:19px;
    background-color:#ff5601;
    position:absolute;
    top:5px;
    left:0;
    font-size:12px;
    color:#fff;
    text-align:center;
    line-height:16px;
}
.customer_cjwt .con2 .con_box .wrap ul li h5 span{
    font-size:12px;
    color:#333;
    display:inline-block;
    line-height:20px;
    border:1px solid #dfdfdf;
    border-radius:30px;
    padding:0 10px;
    background-color:#fff;
    margin-right:9px;
    transition:all .3s;
}
.customer_cjwt .con2 .con_box .wrap ul li .text{
    color:#888;
    line-height:23px;
    margin-top:15px;
    position: relative;
    padding-left:30px;
    transition:all .3s;
}
.customer_cjwt .con2 .con_box .wrap ul li .text::before{
    content:"A";
    width:19px;
    height:19px;
    background-color:#00a3ea;
    position:absolute;
    top:2px;
    left:0;
    font-size:12px;
    color:#fff;
    text-align:center;
    line-height:17px;
}
.customer_cjwt .con2 .con_box .wrap ul li:hover h5{
    color:#ff5601;
}
.customer_cjwt .con2 .con_box .wrap ul li:hover h5 span{
    background-color:#ff5601;
    border-color:#ff5601;
    color:#fff;
}
.customer_cjwt .con2 .con_box .wrap ul li:hover .text{
    color:#00a3ea;
}