* { margin: 0; padding: 0;}
a { text-decoration: none;}
input { outline: none;}
body { overflow-y: scroll;}
.logo img {width: 120%;}

html,body,h1,h2,h3,h4,h5,h6,p,ul,li{margin: 0;padding: 0;font: 14px "微软雅黑";}/* 设置字体清除上下左右间距 */
a{text-decoration: none;display: block;}/* text-decoration a标签清除下划线，display: block;转换为块元素 */
li { list-style:none;}/* 清除li的原始样式 */
img{display: block;border:none;}/*清除图片边框，转换为块元素 */

/* 公共样式,清除浮动 */
.clearfix{*zoom:1;}
.clearfix:after{content: "";display: block;clear: both;}

/* 头部样式开始 */

#head {box-shadow: 10px 10px 10px rgba(144,174,219,.1);background:#ffffff!important;position:fixed; z-index: 100;width: 100%;top: 0;}
#head .headerMain{width: 1200px; margin: 0 auto;height: 64px;}
#head .headerMain >.logo{float:left; margin-top: 20px;}
#head .headerMain >.nav>.list{float: right;}
#head .headerMain >.nav>.list>li {float:left;margin-left: 30px;position: relative;margin-top: 26px;}

#head .headerMain >.nav>.list>li:first-child img {width: 170px}
#head .headerMain >.nav>.list>li .down{color: #374567;}

#head .headerMain >.nav>.list>li:active .up{color: #007AFF;}
#head .headerMain >.nav>.list>.yun a {text-align: center; width: 42px; background: #2961ff;color: #ffffff;border: 1px solid #84C1FF;F;padding: 6px 20px;position:relative;bottom:10px;border-radius: 17px;}
#head .headerMain >.nav>.list>.yun a:hover{background: #ffffff;border: 1px solid #2961ff;color:  #2961ff;}
#head .headerMain >.nav>.list>.gaise a{float: left;margin-left: 5px;}
#head .headerMain >.nav>.list>.gaise .a{color: #2961ff;}
#head .headerMain >.nav>.list>.gaise .b{color:rgba(55,69,103,.5);}
#head .headerMain >.nav>.list>.gaise .a:hover{color: #2961ff;}
#head .headerMain >.nav>.list>.gaise .b:hover{color: #2961ff;}
#head .headerMain >.nav>.list>.gaise .c:hover{color: #2961ff;}
#head .headerMain >.nav>.list>.gaise .c{color:rgba(55,69,103,.5);}
#qr_code{position: absolute;}
#qr_lose{position: absolute;z-index: 100;}





/* 悬浮开始 */
#fc {position: fixed;z-index: 9999;right: 30px;top: 60%;}
#fc .tu1{width: 36px;margin-left: 8px;}
#fc ul li img {margin:14px;}
#fc ul li{width: 48px;height: 48px;border: 1px solid #E1E6F0; margin-top: -1px;box-shadow: 10px 10px 10px rgba(144,174,219,.1);background: #FFFFFF;box-shadow: 10px 10px 10px rgba(144,174,219,.1);}
#fc ul li:first-child{border-radius: 8px 8px 0 0;}
#fc ul li:nth-child(4){border-radius: 0 0 8px 8px;}
#fc ul li .w1 img,#fc ul li .w2 img,#fc ul li .w3 img{ position: absolute;right: 50px;margin-top: -80px;box-shadow: 10px 10px 10px rgba(144,174,219,.1);border-radius:8px;border: 1px solid #E1E6F0;}
#fc ul li .w1 .xsj,#fc ul li .w2 .xsj,#fc ul li .w3 .xsj{position: absolute;right: 42px;border: none;}
#fc ul li .w1 .xsj{top: 132px;}
#fc ul li .w2 .xsj{top: 180px;}
#fc ul li .w3 .xsj{top: 230px;}
#fc ul li:hover{background: #007AFF;}
#fc ul li span{line-height: 60px;text-align: center; position: absolute;display: none;color: #FFFFFF;}
#fc ul li span a{color: #FFFFFF;}
#fc ul li:first-child span{top:30px;margin-left: 10px;}
#fc ul li:nth-child(2) span{top:80px;margin-left: 3px;}
#fc ul li:nth-child(3) span{top:130px;margin-left: 3px;}
#fc ul li:nth-child(4) span{top:180px;margin-left: 10px;}
#fc ul li .w1,#fc ul li .w2,#fc ul li .w3{display:none ;margin-top: 50px;}
#fc ul li .q1 #xxs1,#fc ul li .q2 #xxs1,#fc ul li .q3 #xxs1,{display: block;}
/* 悬浮结束 */


/*轮播图*/

.swiper-container { z-index: 1;}
.swiper-container .swiper-wrapper{margin-top: 64px;}
.swiper-slide { background-position: center center;background-size:cover;  }
.swiper-slide a { display: block; height: 480px;}
.swiper-pagination-bullets { bottom: 60px;}

.swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}

.swiper-pagination-bullet { border-color: #FFFFFF; background-color: #FFFFFF;}
.swiper-pagination-bullet-active { background-color: transparent;}

.swiper-pagination-bullet { border-color: #FFFFFF; background-color:#FFFFFF;}
.swiper-pagination-bullet-active { background-color: transparent;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}





/* 内容区(场景流程图)开始 */
.cjlct { background: url(/plugins/zd-admin/images/login/xiaobj.svg) no-repeat;height: 110px;}
.cjlct ul {width: 1200px;margin: 0 auto;}
.cjlct ul li{font-size: 26px;float: left;list-style:disc;margin-right: 40px;color: #7A8BA6;line-height: 110px;}
.cjlct ul li:first-child{list-style:none;margin-left: 435px;}

/* 内容区(业务场景)开始 */
.ywcj ul {width: 1200px;margin: 0 auto;padding-top: 60px;background: #FDFDFF;height: 540px;}
.ywcj ul li:first-child{font-size: 26px;font-weight: bold;color: #374567;text-align: center;margin-bottom: 20px;}
.ywcj ul li:nth-child(2){font-size: 14px;color: #7A8BA6;text-align: center;margin-bottom: 30px;display: none;}
.ywcj ul li:nth-child(3),.ywcj ul li:nth-child(4),.ywcj ul li:nth-child(5),.ywcj ul li:nth-child(6)
{float: left;width: 206px;background: #F9FAFF;margin: 30px 15px 30px;border: 2px solid #ffffff;border-radius: 10px;box-shadow: 10px 10px 10px rgba(144,174,219,.1);
    text-align: center;font-size: 20px;font-weight: bold;color: #374567;padding: 30px 30px 30px 30px;
}
.ywcj ul li:nth-child(3) img,.ywcj ul li:nth-child(4) img,.ywcj ul li:nth-child(5) img,.ywcj ul li:nth-child(6) img{margin-bottom: 30px;width: 210px;}

.ywcj ul li:nth-child(3):hover,.ywcj ul li:nth-child(4):hover,.ywcj ul li:nth-child(5):hover,.ywcj ul li:nth-child(6):hover
{box-shadow: 20px 20px 20px rgba(144,174,219,.2); transition:all .2s ease-in-out;}


.ywcj ul li:nth-child(3),
.ywcj ul li:nth-child(4),
.ywcj ul li:nth-child(5),
.ywcj ul li:nth-child(6) {position: relative;}

.ywcj ul li:nth-child(3) div,
.ywcj ul li:nth-child(4) div,
.ywcj ul li:nth-child(5) div,
.ywcj ul li:nth-child(6) div {
    background: rgba(55,69,103,.7);
    width: 100%;
    height: 80%;
    border-radius: 10px;
    position: absolute;
    top: 0;left: 0;
    color: #ffffff;
    padding-top: 80px;
    display: none;
}

.ywcj ul li:nth-child(3) div p,
.ywcj ul li:nth-child(4) div p,
.ywcj ul li:nth-child(5) div p,
.ywcj ul li:nth-child(6) div p{font-size: 18px;line-height: 40px;}

.ywcj ul li:nth-child(3) div p:first-child,
.ywcj ul li:nth-child(4) div p:first-child,
.ywcj ul li:nth-child(5) div p:first-child,
.ywcj ul li:nth-child(6) div p:first-child{font-size: 80PX;margin-bottom: 30PX;font-weight: bold;}

.ywcj ul li:nth-child(3):hover div,
.ywcj ul li:nth-child(4):hover         div,
.ywcj ul li:nth-child(5):hover div,
.ywcj ul li:nth-child(6):hover div{display: block;}

.popWindow {position: fixed;z-index: 98;width: 100%;height: 100%; background:rgba(0,0,0,.5); top: 0;padding-top: 94px;}

.popWindow .guanbi{position: fixed;right: 0px;top: 64px;}
#popWindow1{
    background-color: rgba(255, 255, 255, 0.95);
    width: 400px;
    border-radius: 12px;
    padding: 10px 20px 30px;
    margin-top: 8%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.login-header{
    width: 100%;
    height: 48px;

	margin-top: 20px;
	text-align: center;
}

#popWindow1 .login-header a  {font-size: 20px;float: left;padding:0 26px;}
#popWindow1 .login-header .zh  {color: #374567;font-weight: 600;}
#popWindow1 .login-header .wx:hover{color:#2961ff;}
.sj:hover{color:#2961ff;}
#popWindow1 .login-header .wx {color: #7A8BA6;ont-weight: 100;}
.sj {color: #7A8BA6;ont-weight: 100;}



.login-input-box{
    margin-top: 12px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}


.login-input-box input{
    width: 340px;
    height: 42px;
    margin-left: 18px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding-left: 20px;
	margin-bottom: 16px;
}

.yanzhengma {float: left; width: 150px !important;}

.login-input-box input:hover{
    border: 1px solid #2961ff;
}

.login-input-box input:after{
    border: 1px solid #2961ff;
}

.login-input-box .tu {width: 78px;height: 30px;margin-left: 30px;float: left;margin-right: 30px;}
.login-input-box a {color: #7A8BA6;font-size: 16px;line-height: 40px;}
.login-input-box a:hover {color: #2961FF;}


.login-button-box button{
    margin-top: 28px;
    background-color: #2961ff;
    color: #ffffff;
    font-size: 16px;
    width: 362px;
    height: 46px;
    margin-left: 18px;
    border: 1px solid #2961ff;
    border-radius: 4px;
}

.login-button-box button:hover{
    background-color: #2961ff;
}

.login-button-box button:active{
    background-color: #149eff;
}

.aa {width: 300px !important;}

.login-input-box img{
    width: 24px;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

#tishi {text-align: center;color: #FF544E;}

#popWindow2{
    background-color: rgba(255, 255, 255, 0.95);width: 400px;
    height: 350px;

    border-radius: 12px;
    padding: 10px 20px 30px;
    margin-top: 8%;
    margin-left: auto;
    margin-right: auto;
}

#popWindow2 .login-header a  {font-size: 20px;float: left;padding:0 26px;}
#popWindow2 .login-header .zh  {color:#7A8BA6;font-weight: 500;}
.login-header-not-active  {color:#7A8BA6 !important;font-weight: 500 !important;}
.login-header-active  {color:#374567;font-weight: 600;}
.login-header-active:hover  {color:#374567 !important;}
#popWindow2 .login-header .zh:hover,.login-header .wx:hover{color:#2961ff;}
#popWindow2 .login-header .wx {color:#374567; font-weight: 600;}

#popWindow2 .erweima ul li:first-child{width: 160px;margin:30px  auto 10px;height: 200px;border-radius: 16px;}
#popWindow2 .erweima ul li:first-child img {width: 160px;}

#popWindow2 .erweima ul li:nth-child(2){width: 200px;height: 20px;margin: 0 auto;}
#popWindow2 .erweima ul li:nth-child(2) img{float: left;width: 20px;margin-right: 10px;margin-left: 10px;}
#popWindow2 .erweima ul li:nth-child(2) p{line-height: 20px;font-size: 14px;color: #7A8BA6;}

.zd-btn-default {
    border: 1px solid #DDDDDD;
    background-color: #F3F3F3;
    color: #000000;
}

.zd-btn-default:hover {
    background-color: #FEFFFF;
    color: #000000;
}

.btn {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 4px;
}

.mobile_verify_code {
    width: 55% !important;
}

.js-send-verify-code {
    float: right;
    width: 80px;
    margin-right: 20px;
    height: 44px !important;
    padding: 0 10px !important;
    line-height: 46px !important;
}


/* 内容区(联系我们)开始 */
#lxwm {background: #0A1633;  width:100%;padding-top: 70px; height: 243px;}
#lxwm .bj1 {width: 1200px;margin: 0 auto; }
#lxwm .bj1 .bt1 { width: 1200px;height:60px;}

#lxwm .bj1 .bt1 ul{float: left;color: rgba(255,255,255,.4);}
#lxwm .bj1 .bt1 .a1{width: 600px;}
#lxwm .bj1 .bt1 ul li:first-child{font-size: 18px;color: #ffffff;font-weight: bold;  margin-bottom: 20px;}

#lxwm .bj1 .bt1 .a2 li:first-child,#lxwm .bj1 .bt1 .a3 li:first-child,#lxwm .bj1 .bt1 .a4 li:first-child{font-size: 14px;font-weight:normal;}

#lxwm .bj1 .bt1 ul li:nth-child(2),#lxwm .bj1 .bt1 ul li:nth-child(3),#lxwm .bj1 .bt1 ul li:nth-child(4){line-height: 40px;  }

#lxwm .bj1 .bt1 ul li a{color: rgba(255,255,255,.4); }
#lxwm .bj1 .bt1 ul li a:hover{color:#ffffff;}

#lxwm .bj1 .bt1 .a2,#lxwm .bj1 .bt1 .a3,#lxwm .bj1 .bt1 .a4{margin-left: 104px;}
/* 内容区(联系我们)结束 */


/* 底部 */
#db {background: #0A1633;  width:100%;padding-top:10px; height: 30px;}
#db .bj1 {width: 1200px;margin: 0 auto; }
#db .bj1 .bt1 { width: 1200px;height:30px;}
#db .bj1 .bt1 ul li {float: left;margin-right: 20px;color: rgba(255,255,255,.4);}
.hide{display: none}
#login-else {
    width: 90%;
    height: 28px;
}

#login-else p {
    float: left;
    margin: 20px auto;
    text-align: center;
    width: 50%;
    color: #666;
    user-select: none;
}

#login-else span {
    cursor: pointer;
}

#login-else span:hover {
    color: #2961FF;
}
.login-en-li {
    margin-left: 296px !important;
}

.wechat-scan-text {
    width: 254px !important;
}

.edit-change-language {
    float: right;
    cursor: pointer;
    font-size: 14px;
    color: black;
    line-height: 36px;
    height: 36px;
    margin: -11px -160px 0 0;
    user-select: none;
}

.edit-change-language img {
    width: 34px;
    float: right;
    margin-top: 1px;
}

.change-language-div {
    background: #FFFFFF;
    width: 120px;
    color: #4B4B4B !important;
    position: absolute;
    right: -158px;
    top: 30px;
    z-index: 1000;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 10px 20px rgb(41 97 255 / 16%);
    height: auto !important;
    cursor: pointer;
}

.change-language-div p {
    line-height: 50px;
    margin: 0;
}

.change-language-div p:hover {
    background: #2961FF;
    color: white;
}

.change-language-mask {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}