*{ margin: 0; padding: 0;box-sizing: border-box;}
html { position: relative; min-height: 100%;}
body { font-family:Arial Tahoma 'Microsoft YaHei';background:#fff; color:#1d1d1d; padding-top:60px;margin-bottom:180px;   }
ul,li{ margin:0; padding:0; list-style-type:none; }
p{ margin: 0; padding: 0;}
a{ outline:none; color:#5066ac; }
a:visited{ outline:none; }
a:hover,a:focus{ text-decoration:none; outline:none; color:#687fc6; }

@media (max-width:768px) {
    body{ margin-bottom:auto;  padding-top:50px; }
}
@media (min-width: 1600px){
    .container { width: 1280px;}
    .content{ padding:60px 0 60px 0; }
}
.alert{ padding: 9px 15px; line-height: 140%;}
.alert-warning {color: #e9611d;}
.alert-info{ background: #f6faff; border-color:#e6ecf5; line-height: 160%;}

/*btn*/
.btn{ border-radius:4px; box-shadow:none; transition:.5s; text-shadow:none; box-sizing: border-box; position: relative;} 
.btn-sm{ font-size:13px; padding:4px 10px; }
.btn-md{ font-size:14px; padding:8px 20px; }
.btn-lg{ font-size:16px; padding:11px 34px; }
.btn-lg-lr{ padding-left: 60px; padding-right: 60px;}
.btn-radius{ border-radius: 20px;}
.btn-primary{ border-color:#5066ac; background-color: #5066ac; }
.btn-primary:active,.btn-primary:hover{ border-color:#5066ac; background-color: #5066ac; box-shadow: 0 5px 10px rgb(83 107 164 / 50%);}
.btn-primary-border{ border:solid 1px #7184bf; background-color: transparent; color:#5066ac; }
.btn-primary-border:active,.btn-primary-border:hover{ border:solid 1px #5066ac; background-color: #5066ac; color:#fff; box-shadow: 0 5px 15px rgb(83 107 164 / 50%);}
.btn-secondary{ border-color:#299bfc; background-color: #299bfc; color:#fff; }
.btn-secondary:active,.btn-secondary:hover{ border-color:#299bfc; background-color: #299bfc; color:#fff; box-shadow: 0 5px 15px rgb(41 155 252 / 50%);}
.btn-secondary-border{ border:solid 1px #299bfc; background-color: transparent; color:#299bfc; }
.btn-secondary-border:active,.btn-secondary-border:hover{ border:solid 1px #299bfc; background-color: #299bfc; color:#fff; box-shadow: 0 5px 15px rgb(41 155 252 / 50%);}
.btn-white{ border-color:#fff; background-color: #fff; color:#5066ac;}
.btn-white:focus,.btn-white:hover{ border-color:#fff; background-color: #fff;color:#5066ac; box-shadow: 0 5px 15px rgba(0,0,0,.3); opacity: .8;}
.btn-white-border{ border-color:#fff; background-color: transparent; color:#fff;}
.btn-white-border:focus,.btn-white-border:hover{ border-color:#fff; background-color: #fff;color:#5066ac; box-shadow: 0 5px 15px rgba(0,0,0,.3);}
.btn-green{ border-color:#82be28; background-color: #82be28; color:#fff; }
.btn-green:active,.btn-green:hover{ border-color:#82be28; background-color: #82be28;color:#fff; box-shadow: 0 5px 10px rgb(130 190 40 / 45%);}
.btn-text{ color:#5066ac;}
.btn-text:hover{ color:#687fc6;}
.btn-warning{ border-color:#f37b1d; background-color: #f37b1d; }
.btn-warning:active,.btn-warning:hover{ border-color:#f80; background-color: #f80; box-shadow: 0 5px 10px rgb(243 123 29 / 30%);}
.btn-wh{ padding: 0; width: 34px; height:34px; line-height: 32px; text-align: center; }
.btn-wh .iconfont{ font-size:16px;}

.text-black{ color:#1d1d1d;}
.text-primary{ color:#5066ac; }
.text-success{ color:#23c08b; }
.text-warning{ color:#f60; }
.text-danger{ color:#ff0042; }
.text-gray{ color:#7d8694; }
.text-gray-light{ color:#adb6c4; }
.text-white{ color:#fff; }

.c-blue{ color:#299bfc; }
.c-gray{ color:#7d8694; }
.c-gray-m{ color:#999;}
.c-org{ color:#f60; }
.c-red{ color:#ff0042; }
.c-green{ color:#23c08b;}

.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs21{ font-size:21px;}
.fs24{ font-size:24px;}
.fs28{ font-size:28px;}
.fs32{ font-size:32px;}
.fs36{ font-size:36px;}
.fs40{ font-size:40px;}
.fwb{ font-weight:bold}
.ffa{ font-family:Arial }
.lh-text{ line-height: 150%;}
.lh34{ line-height: 34px; margin-bottom: 0;}

.text-md{ font-size:15px;}
.text-lg{ font-size:16px;font-family:Tahoma; }
.text-xl{  font-size:24px;font-family:Tahoma; font-weight:normal; }
.text-underline{ text-decoration: underline;}

.text-bold{ font-weight: bold;}
.text-normal{ font-weight: normal;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-underline{text-decoration: underline;}

.va-top{ vertical-align:top; }
.va-middle{ vertical-align:middle; }
.va-tb{ vertical-align:text-bottom; }
.db{ display: block;}
.db-inline{ display:inline-block; }
.cursor-pointer{ cursor: pointer;}
.img-mw{ max-width: 100%;}
.radius{ border-radius:4px;}
.pon-r{ position: relative;}
.clearfix{ clear: both;}

.mgl5{ margin-left:5px; }
.mgl10{ margin-left:10px; }
.mgl15{ margin-left:15px; }
.mgl20{ margin-left:20px; }
.mgl30{ margin-left:30px; }
.mgr5{ margin-right:5px; }
.mgr10{ margin-right:10px; }
.mgr15{ margin-right:15px; }
.mgr20{ margin-right:20px; }
.mgr30{ margin-right:30px; }
.mgb5{ margin-bottom:5px; }
.mgb10{ margin-bottom:10px; }
.mgb15{ margin-bottom:15px; }
.mgb20{ margin-bottom: 20px;}
.mgb30{ margin-bottom:30px;}
.mgtb15{ margin:15px 0; }
.mgt3{ margin-top:3px; }
.mgt5{ margin-top:5px; }
.mgt7{ margin-top:7px; }
.mgt10{ margin-top:10px; }
.mgt15{ margin-top:15px; }
.mgt20{ margin-top:20px; }
.mgt30{ margin-top:30px !important; }
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
.pdt5{ padding-top:5px;}
.pdt10{ padding-top:10px;}
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.pdt30{ padding-top:30px;}
.pdb10{ padding-bottom:10px;}
.pdb15{ padding-bottom:15px;}
.pdb20{ padding-bottom:20px;}
.pdb30{ padding-bottom:30px;}
.pdl25{ padding-left: 25px;}
.pdr25{ padding-right: 25px;}
.pdtb5{ padding-top: 5px; padding-bottom: 5px;}

.form-control{ box-shadow:none; border-color: #c9d0d9; }

/*-- header --*/
.navbar{ margin-bottom:0; }
.navbar-inverse{ border:0 !important; border-radius:0; background: #1f2534; /*box-shadow: 0 5px 30px rgba(3,27,78,0.1);*/ }
.navbar-brand{ height:60px; margin-top: 0; margin-bottom: 0; padding-top:10px; padding-bottom:0px; margin-right: 30px; }
.logo{ display: block; width:174px; height:40px; background: url(../images/logo.png) no-repeat left center; background-size: auto 100% ; }
.navbar-nav > li{ margin-left: 0px; margin-right: 0px;}
.navbar-nav > li > a{ padding-top:0; padding-bottom:0 ; height:60px; line-height:60px;padding-left:18px; padding-right:18px; font-size:15px;  }
.navbar-inverse .navbar-nav > li > a{ color:rgba(255,255,255,.7); text-shadow:none;  }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ border-bottom:solid 0px #687fc6; color:#fff;background-color:transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{ background-image:none; box-shadow:none; }
.navbar-inverse .navbar-nav > li > a:hover{ color:#687fc6;}
.navbar-nav > li.active > a:hover{color:#fff !important;opacity: 1; }
.navbar-inverse .navbar-toggle{ border-color:transparent; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent; }
.navbar-inverse .navbar-toggle .icon-bar{ background: rgba(255,255,255,.7); transition:.5s; }
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color:#687fc6; }
.navbar-right{  padding-right:15px; }
.navbar-inverse .navbar-collapse{ border-color:transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ color:#1d1d1d;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{ color:#687fc6; background:transparent;  }
.navbar-right .dropdown-menu{ position: relative; position: absolute; right:inherit; left:0; top:120%; }
.navbar-nav > li > .dropdown-menu{ border-radius:6px; padding:15px 10px; border:0; box-shadow:0 5px 20px rgba(3,27,78,0.2);  }
.navbar-nav > li > .dropdown-menu .triangle{ display: block; width: 0;height: 0;border: 7px solid; border-color: transparent transparent #fff; position: absolute; top:-14px; left:37px;  }
.dropdown-menu > li > a{ line-height: 24px; padding: 8px 12px; margin-bottom: 0px; font-size:16px;}
.dropdown-menu > li > a:hover { background-color:transparent ; color:#687fc6 !important;}
.navbar-right .navbar-nav > li > a{ padding-left:20px; padding-right:20px; }
.navbar-nav > li > a.btn-reg{ background: #5066ac; padding-left: 28px; padding-right: 28px; }
.btn-reg:hover,.btn-reg:active{ background:#687fc6 !important; color:#fff !important;}
.navbar-nav > li > a.btn-login{ padding-left: 20px; padding-right: 20px; }
.navbar-nav > li > a.btn-kf{ height:30px; line-height: 28px; border:solid 1px rgba(255,255,255,.5); padding-left:12px; padding-right:12px; border-radius: 4px; margin-top: 15px; transition: .5s; }
.navbar-nav > li > a.btn-kf:hover{ border:solid 1px #687fc6; background: #687fc6; color:#fff; }
.navbar-nav > li > a.btn-kfz{ color:#687fc6;}
.navbar-nav > li > p{ height:60px; line-height:60px;padding-left:15px; padding-right:0px; font-size:15px; color:#fff; position: relative;}
.navbar-nav > li .btn-exit{ color:rgba(255,255,255,.7); margin-left: 10px; cursor: pointer; }
.navbar-nav > li .btn-exit:hover{ color:#687fc6;}
.p-tag-kfz{ display: block; height:16px; line-height: 16px; background: #2a92ff; color:#fff; border-radius: 10px 10px 10px 0; padding: 0 4px; font-size: 12px; position: absolute; left:95px; top:4px; }
.btn-line{ position: relative;}
.btn-line::before{ content: ""; position: absolute; right:0; top:50%; margin-top: -10px; height:20px; width: 1px; background: rgba(255,255,255,.3); }

.dropdown-menu-gn{ width: 737px; padding: 0px;}
.dropdown-menu-gn-item{ display: inline-block; width: 200px; margin:10px 24px 20px 16px; vertical-align: top;}
.dropdown-menu-gn-item dt{ font-size:16px; color:#7f7f7f; border-bottom:solid 1px #ddd; padding-bottom: 10px; font-weight: normal; margin-bottom: 10px;}
.dropdown-menu-gn-item dd{ line-height: 24px; padding: 5px 0;}
.dropdown-menu-gn-item dd a{ color:#333; font-size:16px;}
.dropdown-menu-gn-item dd a:hover{ color:#687fc6}

@media (max-width:768px) {
    .navbar-brand{ height:50px; padding-top: 5px; padding-bottom:5px;}
    .navbar-brand .logo{ width: 174px; height:40px;}
    .navbar-nav > li{ margin-left: 0px; margin-right: 0px;}
    .navbar-nav > li > a{ height:40px; line-height: 40px; padding-left: 15px; padding-right: 15px;  }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ background: #f3f9fc;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{ padding: 7px 15px 7px 25px;}
    .navbar-right{ padding-right: 0;}
    .navbar-right .navbar-nav > li > a{ padding-left:15px; padding-right:15px; }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ color:#fff;}
    .navbar-nav > li > a.btn-kf{ margin-left: 15px; text-align: center;height:40px; line-height: 38px; margin-bottom: 10px; }
}

/*-- footer --*/
.footer-banner{ padding-top:25px; padding-bottom:25px;background:#1e50a2 url(../images/banner-footer.jpg) no-repeat center center;color:#fff;  text-align:center; }
.footer-banner strong{ margin-right: 36px; font-size:28px; line-height: 48px; vertical-align: bottom; }
.footer-banner .btn{ font-size:18px; padding: 0 30px; height:48px; line-height: 48px;  vertical-align: bottom;}

.footer{ background:#1f2533; color:#fff; width:100%; padding:25px 0 20px; height:180px; position:absolute;  bottom:0;  }
.footer a{ color:#fff;}
.footer a:hover{  color:rgba(255,255,255,.7); }
.ft-contact .iconfont{ font-size:16px; margin-right: 5px; color:#5066ac;}
.ft-contact .icon-qq1{ font-size:15px;}
.ft-contact .icon-youjian{ font-size:20px; float:left; margin-top: -3px; margin-left: -3px; margin-right: 3px;}
.ft-contact .icon-dizhi-{ font-size:17px;}
.ft-contact .icon-shujuguize{ font-size:15px; float:left; }
.ft-contact span{ display: inline-block; margin: 0 20px 6px 0;}
.ft-ylink{ font-size:13px; padding-top: 20px; opacity: .7; }
.ft-ylink a{ display: inline-block; vertical-align: top; margin: 0px 20px 8px 0;}

.cp-contact-item{ display: flex; margin-bottom: 15px; }
.cp-contact-icon{ width: 42px;}
.cp-contact-icon .iconfont{ font-size:28px;}
.cp-contact-icon .icon-qq1{ font-size:24px;}
.cp-contact-icon .icon-youjian{ font-size:32px;}
.cp-contact-text{flex:1;}
.cp-contact-text strong{ font-size: 16px; display: block; margin-top: 2px; font-weight: normal; font-family: arial;letter-spacing: 1px;}
.cp-contact-text strong span{ font-size:12px; margin-left: 4px;}

.ft-ma-wrap{ width: 100%; display: flex; justify-content:flex-end;}
.ft-ma-item{ text-align:center; color: #fff; width: 140px; margin-left: 30px;}
.ft-ma-item span{ display:block; width: 100%; margin-top:10px; font-weight: normal; font-size: 13px;  }
.ft-ma-item img{ width:100px; border-radius: 8px; }
.ft-copyright{ border-top:solid 1px rgba(255,255,255,.15); padding-top: 15px; margin-top: 5px; color:rgba(255,255,255,.5); font-size:13px;}
.ft-copyright span{ display: inline-block; margin:0 15px 5px 0;}
@media (max-width:768px) {
    .footer{ position: inherit;;  bottom:inherit; padding:20px 0 10px 0; height:auto; }
    .ft-copyright{ margin-top: 5px;}
    .ft-ma-wrap{ justify-content:inherit;}
    .ft-ma-item{ width: 100%; text-align: center;}
    .ft-ma-item{ margin: 10px 30px 5px 0;}
    .ft-contact .ft-help{ display: block; margin-top: -3px; padding-bottom: 5px;}
}

/*banner*/
.carousel{ height:360px; background: #ddd;}
.carousel-indicators{ bottom:10px; display: none;}
.carousel-indicators li{background-color: rgba(255,255,255,.5); border: 1px solid transparent; margin-left: 3px; margin-right: 3px; transition: .5s;}
.carousel-indicators li.active{ background: #fff; margin-left: 3px; margin-right: 3px;}
.carousel-control.left,.carousel-control.right{ width: 50px; background-image: none; display: none;}
.carousel-control{ width: 50px; height:50px; background:rgba(255,255,255,0); color:#fff; text-align: center; line-height: 50px; border-radius: 50%; top:50%; margin-top: -25px !important; text-shadow: none; box-shadow:none; }
.carousel-control:hover{ color:#fff;}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{ width: auto; height:auto; font-size:20px; margin-top: 5px; font-weight: lighter; }
.carousel-control .glyphicon{ top:4px;}
.banner{ height:360px; background: #4f64ae;}
.banner-1{ background: #14191f url(../images/banner1.jpg)  no-repeat center center; background-size: auto; object-fit: cover; }
.banner .cp-cell{ width: 100%; margin: 0 auto; height:360px; }
.carousel-text{ color:#fff; }
.carousel-text h2{ font-size: 36px; font-weight: bold; margin: 0 0 15px 0; padding: 0;}
.carousel-text h2 span{ display: inline-block; width: 20px; height:20px; line-height: 18px; border-radius: 50%; border:solid 1px #fff; text-align: center; font-size:16px; font-weight: normal; vertical-align: top; font-family: tahoma; margin: 0 3px;}
.carousel-text p{ font-size:28px; margin-bottom: 30px;}
.carousel-text .btn-white:focus,.carousel-text .btn-white:hover{ opacity: 1;}
.carousel-video{ width: 500px; height:284px; background: #fff; }

.carousel-text-img img{ max-width: 100%;}

.banner .carousel-caption{ bottom: inherit; top:25px; right:1%; left:1%; padding-left: 15px; padding-right: 15px; }
.banner .carousel-caption h3{ line-height: 140%; padding-left: 20px; padding-right: 20px;}
.banner .carousel-caption .btn{ margin:20px 8px 0px;}
.banner .carousel-caption .btn-white-border.btn-lg{ padding-left: 25px; padding-right: 25px;}
.banner .icon-r{ border-color:#fff; color:#fff;}

@media (max-width:768px) {
    .carousel{ height:auto; }
    .banner{ height:auto; text-align: center;}
    .banner .carousel-caption{ bottom: inherit; top:5px; }
    .banner .cp-cell{ height:auto; display: block; width: 100%; padding: 15px 0; }
    .carousel-text{ padding: 10px 0 30px;}
    .carousel-text p{ margin-bottom: 15px;}
    .carousel-video{ width: 100%;height:200px;}
    .banner-1{ background-size: auto 100%;}
    .carousel-text-img{ padding-bottom: 20px;}
}

.share-wrap{ background: #1e1e32; height:60px; padding-top: 14px; color:#fff;}
.share-col{ flex:1; height:32px; border-right:solid 1px rgba(255,255,255,.2); text-align: center; }
.share-col:last-child{ border:0;}
.share-item{  display: inline-block; line-height:32px; position: relative; cursor: pointer;}
.share-icon{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height:32px; background: #fff; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.share-icon img{ max-width: 70%; }
.share-show{ display: none; }
.share-item:hover .share-show,.share-item:active .share-show{ display: block; position: absolute; top:32px; left:-20px; z-index: 11; color:#333; line-height: 150%; padding-top: 8px; }
.share-show-in{ background: #fff; border-radius: 6px; padding:14px 16px;width: auto; box-shadow: 0 5px 15px rgba(0,0,0,.3); }
.share-show-in-txt{ width: 220px;}
.share-show-in-txt p{ text-align: left; margin-bottom: 8px;}
.share-show-link{ text-align: right;}
.share-show-in-ma{ width: 160px; padding: 20px;}
.share-show-in-ma img{ width: 120px;}
.share-show-in-ma p{ margin-top: 15px; }
@media (max-width:912px) {
    .share-wrap{ height:auto; padding-bottom: 4px; }
    .share-wrap .cp-cell{ display: block;}
    .share-col{ display: inline-block; width: 32%; text-align: left; border:0; margin-bottom: 10px;}
    .share-show-in-txt{ width: 180px;padding:12px;}
    .share-item:hover .share-show,.share-item:active .share-show{ padding-top: 4px ; left:0;}
}
@media (max-width:480px) {
    .share-col{ width: 49%;}
}

.content{ padding:70px 0; }
.content-sm{ padding:20px 0 60px 0; }
.bg-gray{ background: #f7f8fe; }
.bg-gray-2{ background: #f2f2f2; }
.bg-white{ background: #fff;}
.title{ text-align:center; margin-bottom:50px; color:#26355b; }
.title h2{ font-size:36px; margin-top:0; font-weight: bold; }
.title p{ margin-top: 15px; font-size:28px; }
.title span{ font-size:14px; display:block; font-weight:normal; margin-top:12px;  line-height:160%;}
.title-2{ padding-bottom:18px; padding-top: 5px; }
.title-2 h3{ font-size:20px; margin:0; font-weight: bold;}
.title-2 h4{ font-size:16px; margin:0; font-weight: bold;}
.title-2.line{ padding-bottom: 15px; border-bottom: solid 1px #ededed; margin-bottom: 18px; }
.title-line{  margin-bottom:30px; border-bottom: solid 1px #ddd; padding-bottom: 11px; margin-top: 10px;}
.title-line strong{ font-size:17px; float:left; background: #fff; padding-right: 15px; margin-top: 0px; }
.cp-cell{ display: flex;  }
.cp-cell-vm{ align-items: center;}
.cp-cell-vb{ align-items: flex-end;}
.cp-cell-between{ justify-content: space-between;}
.cp-cell-auto{ flex:1;}
.cp-cell-r{ text-align: right;}
.icon-r{ display: inline-block; font-style: normal; font-weight: normal; width: 18px; height:18px; border:solid 1px #26355b; border-radius: 50%; text-align: center; line-height: 16px; color:#26355b; font-size:12px; vertical-align: top; margin-right: 4px;}
@media (max-width:768px) {
    .content{ padding:30px 0; }
    .content-sm{ padding:15px 0 0px 0; }
    .title{ margin-bottom:20px; }
    .title h2{ font-size:28px; }
    .title p{ font-size:16px;}
}
.title-2 .checkbox-inline, .title-2 .radio-inline{ vertical-align: top;}

.wb-wrap{ background: #fff; box-shadow:0 2px 30px rgba(3,27,78,.05); border-radius: 10px; margin-bottom: 20px; transition: .5s; padding: 15px; }
.wb-link-wrap:hover{ box-shadow: 0 5px 30px rgba(3,27,78,.2);}

.solution-content{ background: #fff;}
.ys-item{ padding:28px 32px 20px; min-height:370px; background: #fff; box-shadow:0 2px 30px rgba(3,27,78,.08); border-radius: 8px; margin-bottom: 25px; transition: .5s;}
.ys-item:hover{ box-shadow: 0 5px 40px rgba(3,27,78,.2);}
.ys-item h3{ font-size:21px; font-weight: bold; margin: 24px 0 10px; line-height: 1;}
.ys-item h3 a{ color:#1d1d1d; }
.ys-item:hover h3 a{ color:#5066ac; }
.ys-item h3 a .iconfont{ margin-left: 8px; display: inline-block; vertical-align: top; margin-top: 3px; transition: .5s; }
.ys-item:hover h3 a .iconfont{ margin-left: 16px;}
.ys-item p{ padding-top: 10px; position: relative; padding-left: 13px; line-height: 155%; }
.ys-item p::before{ content: ""; width: 4px; height:4px; background: #26355b; border-radius:50%; position: absolute; left:1px; top:19px; }

.icon-ys{ width: 74px; height:74px; line-height: 74px; border-radius: 50%; background: linear-gradient(-45deg,#8a9fe2,#5066ac); display: block; color:#fff; text-align: center; position: relative; }
.icon-ys::after{ content: ""; width: 36px; height:36px; border-radius: 50%; background: rgba(138, 159, 226, 0.2); position: absolute; right:-10px; bottom:0px; ; }
.icon-ys img{ max-height: 100%;}
.icon-ys .iconfont{ font-size: 46px;}
.icon-ys .icon-qiye1{ font-size: 60px;}
.icon-ys .icon-neiwang{ font-size: 50px;}
.icon-ys .icon-pingtaishouquan{ font-size: 47px; display: inline-block; margin-top: 2px;}
.icon-ys .icon-xitongguanli2{ display: inline-block; margin-top: 2px; margin-left: 2px;}
.icon-ys .icon-api{ font-size: 42px;}

@media (max-width:768px) {
    .wb-wrap{ margin-bottom: 15px;}
    .ys-item{ padding:20px; min-height:auto; margin-bottom: 15px; }
}
@media (min-width: 1600px){
    .wb-wrap{ margin-bottom:30px; }
}

.hz-content{ background: #f7f8fe;}
.hz-item{ padding:25px 32px 30px; background: #fff; box-shadow:0 2px 30px rgba(3,27,78,.05); border-radius: 8px; margin-bottom: 25px; transition: .5s;}
.hz-item:hover{ box-shadow: 0 5px 40px rgba(3,27,78,.2);}
.hz-item h3{ font-size:24px; font-weight: bold; margin: 10px 0 10px; line-height: 1;}
.hz-item p{ padding-bottom: 10px; line-height: 160%; color:#7d8694; }
.hz-item .btn{ margin-top: 15px; border-radius: 0; padding-top: 5px; padding-bottom: 5px;}
@media (max-width:768px) {
    .hz-item{ padding: 15px 20px;margin-bottom: 15px;}
}

.function-content{ background: #f7f8fe;}
.gn-item{ background: #fff; box-shadow: 0 2px 30px rgba(3,27,78,.05);/*border:1px solid #e8ecf1;*/ color:#1d1d1d; border-radius: 6px; margin-bottom: 25px; transition: .5s; padding: 16px 32px; display: flex; align-items: center; }
.gn-item:hover{ border:0px solid #fff;color:#1d1d1d; box-shadow: 0 5px 30px rgba(3,27,78,.2);}
.icon-gn{ display: flex; width: 44px; height:44px; background: #f3f6fb; align-items: center; justify-content: center; border-radius: 50%; vertical-align: middle; margin-right: 15px; color:#5066ac; }
.icon-gn img{ max-width: 60%;}
.gn-item p{ flex:1; font-size:16px; font-weight: normal;}
.gn-item p .iconfont{ font-size:13px; margin-left: 5px; opacity: 0; transition: .5s; vertical-align: top; margin-top: 3px; display: inline-block;}
.gn-item:hover p{ font-weight: bold;}
.gn-item:hover p .iconfont{ opacity: 1; margin-left: 15px; vertical-align: top; margin-top: 3px; font-weight: normal;}
.icon-gn .iconfont{ font-size: 25px; background-image:-webkit-linear-gradient(-45deg,#8a9fe2,#5066ac); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.icon-gn .iconfont.c1{ background-image:-webkit-linear-gradient(-45deg,#8a9fe2,#5066ac); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.icon-gn .iconfont.c2{ background-image:-webkit-linear-gradient(-45deg,#52cef9,#1e7efb); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.icon-gn .iconfont.c3{ background-image:-webkit-linear-gradient(-45deg,#80c269,#22ac38); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.icon-gn .iconfont.c4{ background-image:-webkit-linear-gradient(-45deg,#2ad0cb,#14b3ae); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.icon-gn .icon-shuaka1{ font-size:34px; margin-top: 4px;}
.icon-gn .icon-renlianshibie{ font-size:28px; margin-top: 2px;}
.icon-gn .icon-lianxi2hebing_dayin{ font-size:28px;}
.icon-gn .icon-web{ font-size:28px;margin-top: 2px;}
.icon-gn .icon-liuchengqudongbiaodan{ font-size:22px;}
.icon-gn .icon-gongcheng-mian{ font-size:27px;}
.icon-gn .icon-pingtaishouquan{ font-size:27px; margin-top: 2px;}
.icon-gn .icon-guizeguanli{ margin-left: 2px;}
.icon-gn .icon-shenhe{ font-size:34px;}
.icon-gn .icon-baobiao{ font-size:27px;}
.icon-gn .icon-peieguanli{ font-size:22px; margin-top: 3px;}
.icon-gn .icon-wodeshebei{ font-size:22px; margin-top: 2px;}
.icon-gn .icon-huanbaoyilantu{ font-size:22px; margin-top: 2px;}
.icon-gn .icon-APIwangguan{font-size:30px;}
@media (max-width:768px) {
    .gn-item{ padding: 15px 20px;margin-bottom: 15px;}
}

.step-wrap{   display: flex; margin-top: 20px; padding-bottom: 20px;}
.step-item{ width: 23%; padding: 25px 40px 40px;position: relative;background: #fff;box-shadow:0 2px 30px rgba(3,27,78,.07);  border-radius: 0px; border-right: solid 1px #f5f5f5; margin: 20px 0;  }
.step-item:first-child{ border-radius: 8px 0 0 8x;}
.step-item:last-child{ border: 0; border-radius: 0 8px 8px 0;}
.step-item-active{ width: 31%; background: #fff; box-shadow:0 2px 30px rgba(3,27,78,.15); border-radius: 10px !important; /*transform: translate3d(0, -15px, 0); */border-color:#fff; margin:0 0 0 -1px ; z-index: 999; }
.step-text h3{ color:#26355b; font-weight: bold; font-size:24px; margin-bottom: 15px;}
.steps-num{ display: inline-block; width: 22px; height:22px; line-height: 22px; text-align: center; font-size:14px; color:#fff; font-weight: normal; border-radius: 20px 0 20px 20px; background: #90c42f; margin-right: 8px; vertical-align: top; margin-top: 3px; }
.step-img{ text-align: center; margin-top: 25px;}
.step-img img{ max-width: 70%; transition: .5s;}
.step-item-active .step-img img{ max-width: 100%;}
.img-step-1{ display: inline-block; width: 110px; height:110px; border-radius: 12px; text-align: center; background: #ebecf0; padding-top: 20px;margin-top: 20px; }
.step-img .img-step-1 img{ max-width: 100%; transition: .5s;}
.step-btn{ text-align: center; margin-top: 40px; }
.step-arrow{ position: absolute;right:-20px; top:50%; margin-top: -15px; display: none; }
.step-arrow .iconfont{ font-size:30px; color:#5066ac;}
.step-tag{ position: absolute; left:-1px; top:0; width: 36px; height:36px; line-height: 32px; text-indent: 11px; font-size:16px; font-style: italic; background: #90c42f; color:#fff; border-radius: 2px 0px 60px 0px;}
.step-item-active .step-tag{ border-radius: 10px 0 60px 0;}
.step-item:first-child .step-tag{ border-radius: 10px 0 60px 0;}
@media (max-width:768px) {
    .step-wrap{   display: block; margin-top: 0px; padding-bottom: 0px;}
    .step-item{ width: 100%;}
    .step-item-active{ width: 100%;}
}

.banner-in{ width: 100%; height:270px; background: #444; color:#fff; display: flex; align-items: center;}
.banner-in-text{ font-size:16px; width: 50%;  }
.banner-in-text h2{ font-size:30px; font-weight: bold; margin:0 0 15px;}
.banner-in-text p{ line-height: 170%;}
.banner-in-text .btn{ margin: 20px 0 0px;}
.banner-in-text.banner-in-text-center .btn{ margin: 30px 8px 0 8px;}
.banner-in-text.banner-in-text-center{ width: 100%; text-align: center; }
.banner-in .icon-r{ border-color:#fff; color:#fff;}
.banner-solution{ background:#141b25 url(../images/banner-solution.jpg) no-repeat center center; background-size: auto 100% ;}
.banner-zhichi{ background:#5e110b url(../images/banner-zhichi.jpg) no-repeat center center; background-size: auto 100% ;}
.banner-zhichi a.btn-primary{ background: #5cb85c; border:solid 1px #5cb85c;}
.banner-zhichi a.btn-primary:hover,.banner-zhichi a.btn-primary:active{ background: #5cb85c; border:solid 1px #5cb85c; box-shadow: 0 5px 10px rgb(92 184 92 / 40%);}
.banner-price{ background:#141b25 url(../images/banner-price.jpg) no-repeat center center; background-size: auto 100% ;}
.banner-price a.btn-primary:nth-last-child(2){ background: #5cb85c; border:solid 1px #5cb85c;}
.banner-price a.btn-primary:nth-last-child(2):hover,.banner-price a.btn-primary:nth-last-child(2):active{ background: #5cb85c; border:solid 1px #5cb85c; box-shadow: 0 5px 10px rgb(92 184 92 / 40%);}
.banner-cooperation{ background:#36455c url(../images/banner-hezuo-2.jpg) no-repeat center center; background-size: auto 100% ;}
.banner-cooperation h2{ font-size:36px; letter-spacing: 5px;}
.banner-kaifa{ background:#232a32 url(../images/banner-kaifa.jpg) no-repeat center center; background-size: auto 100% ;}
.banner-kaifa .banner-in-text p{ font-size:20px;}

.banner-in-sm{ width: 100%; height:200px; background: #444; color:#fff; display: flex; align-items: center;}
.banner-price-2{ background:#141b25 url(../images/banner-price.jpg) no-repeat center center; background-size: cover;}
.banner-download{ background:#465a90 url(../images/img-dl-banner.jpg) no-repeat bottom center; background-size: cover; cursor: pointer;}
.banner-download .container{ display: none;}

.p-banner-ad{ width: 100%; text-align: center;}
.p-banner-ad img{ width: 100%; }

@media (max-width:768px) {
    .banner-in{ height:200px;}
    .banner-in-text{ width: 100%;}
    .banner-in-text h2{ font-size:24px; margin-bottom: 10px;}
    .banner-in-text.banner-in-text-center .btn{ margin-top: 20px;}
    .banner-cooperation{ background-position: center right; background-size: cover ;}
    .banner-cooperation h2{ font-size:28px; letter-spacing: 5px; padding: 0 15px;}
    .banner-kaifa .banner-in-text p{ font-size:16px;}
    .banner-in-sm{ height:120px; }
    .banner-in-sm.banner-download{ height:80px;background-size: auto 100%;}
}

.article-wrap{ margin-top: -20px;}
.article-title{ font-size:30px;font-weight: bold; margin-bottom: 15px;}
.article-hd{ font-size:32px;font-weight: bold; margin-bottom: 20px;}
.article-bd{ padding-bottom: 30px; }
.article-bd h4{ margin-bottom: 15px;}
.article-bd-title{ font-size:18px; font-weight: bold; margin-bottom: 15px;}
.article-bd p{ font-size:16px; line-height: 180%;  margin-bottom: 15px;}
.article-img{ text-align: center; padding: 10px 0;}
.article-img img{ margin-bottom: 15px; max-width: 100%;}

.article-ft{ border-top:solid 1px #e5e5e5; padding-top: 20px; margin-top: 30px;}
.article-ft-title{ font-size:15px; font-weight: bold; padding-bottom: 10px;}
.article-ft-list li{ display: inline-block; width: 24%; padding: 5px 0 5px 10px; position: relative; }
.article-ft-list li::before{ content: ""; width: 4px; height:4px; border-radius: 50%; background: #444; position: absolute; left:0px; top:13px;}
.article-ft-list li a{ color:#333;}
.article-ft-list li a:hover{ color:#5066ac; }

.article-list ul{ border-top:solid 1px #e8ecf1; }
.article-list li{ display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #e8ecf1; padding: 12px 0;}
.article-list li .article-list-txt{ flex:1; font-size:15px; padding-right: 40px;}
.article-list li a{ cursor: pointer; }
.article-list li a .iconfont{ margin-right: 5px;}

.article-wrap-function,.article-wrap-help{ margin-top: -41px;}

@media (max-width:768px) {
    .article-wrap{ margin-top: 0px;}
    .article-title{ font-size:24px;}
    .article-ft{ margin-top: 10px;}
    .article-ft-list li{ width: 48%;  }
}

.tp-list-content{ padding: 0 0 30px 0;}
.tp-list-item{ padding: 60px 0;}
.tp-list-item .container{ display: flex; align-items: center;}
.tp-list-text{ text-align: left; flex:1; padding-left: 70px; }
.tp-list-text h3{ font-size:26px; color:#26355b; margin-top: 0; padding-top: 0; margin-bottom: 20px; font-weight: bold;}
.p-dot{ font-size:16px; position: relative; padding-left: 14px; margin-bottom: 10px;}
.p-dot::before{ content: ""; width: 4px; height:4px; border-radius: 50%; background: #111; position: absolute; left:3px; top:10px;}
.tp-list-pic{ flex:1; text-align: center; }
.tp-list-pic img{ max-width: 100%; }
@media (max-width:768px) {
    .tp-list-item{ padding: 20px 0;}
    .tp-list-item .container{ display: block;}
    .tp-list-text{ padding:20px 0;}
    .tp-list-pic{ padding: 20px 0;}
}

.honor-content{ background: #fcf5ee; padding: 60px 0 40px;}
.article-honor-item{ text-align: center; padding-bottom: 30px; }
.article-honor-pic{ background:#fff; border:solid 7px #cfb7a4; width: 220px; height:162px; padding: 6px; display: flex; align-items: center; justify-content: center; margin:0 auto 12px;}
.article-honor-pic img{ max-width: 100%;max-height: 100%;cursor: pointer;}
.article-honor-pic:hover{ box-shadow: 0 5px 20px rgba(3,27,78,0.15);}
.article-honor-text{ width: 100%; height:16px; line-height: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  }
#outerdiv{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:9999999999;width:100%;height:100%;display:none;}
#innerdiv{ position:absolute; }
.honor-content .col-md-3{ width: 20%;}
@media (max-width:768px) {
    .honor-content{ padding: 30px 0 10px;}
    .article-honor-item{ margin-bottom: 15px;}
    .honor-content .col-md-3{ width: 100%; }
}

.price-item{ border-radius: 10px; background: #fff; border:solid 0px #e5e5e5; box-shadow:0 2px 30px rgba(3,27,78,.1); overflow: hidden; }
.price-hd{ padding:30px 40px 0px 40px; text-align: center;  background: #fff; }
.price-img{ height:120px; text-align: center; margin-bottom: 15px; }
.price-img img{ max-height:100%;}
.price-hd h3{ font-size:28px; font-weight: bold; color:#26355b;}

.price-bd{ padding:10px 50px 40px;}
.price-info{ font-size: 16px; color:#26355b;border-bottom: solid 1px #ededed; padding-bottom: 15px; margin-bottom: 30px; text-align: center; line-height: 180%; height: 140px; overflow: hidden; }
.price-list{ padding-bottom: 20px; min-height: 510px;}
.price-list li{ padding: 5px 0 5px 26px; font-size:15px; position: relative; }
.price-list li::before{ content: ""; width: 16px; height:16px; background:#fff url(../images/icon-ok.png) no-repeat 3px center; border:solid 1px #23c08b; background-size: 60%; border-radius: 50%; position: absolute; left:0; top:8px; }
@media (max-width:768px) {
    .price-item{ margin-bottom: 15px;}
    .price-hd{ padding:30px 20px 0px 20px; }
    .price-bd{ padding:10px 30px 30px;}
    .price-info{ min-height: auto;}
    .price-list{ height:auto;  }
}

.content-cooperation{ background: #f7f8fe; padding-top: 30px; }

.cooperation-item{ text-align: center; padding: 20px 30px 30px; border-radius: 8px; margin-bottom: 20px; min-height:320px; }
.cooperation-item:hover{ background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.1);}
.cooperation-item-img{ width: 110px; height:110px; text-align: center; margin: 0 auto;}
.cooperation-item-img img{ max-width: 100%; display: inline-block;}
.cooperation-item h3{ font-size:20px; font-weight: bold; margin-bottom: 15px; line-height: 145%;}
.cooperation-item p{ text-align: left; line-height: 170%;}
.content-cooperation .btn{ margin-top: 20px;}
@media (max-width:768px) {
    .content-cooperation{ padding-top: 20px; padding-bottom: 40px; }
    .cooperation-item{ min-height: inherit;margin-bottom: 0px;}
}

.content-cooperation-form{ padding-top: 35px; padding-bottom: 70px; }
.content-cooperation-form .bg-white{ padding: 0px; border-radius: 0px;  }
.form-title{ font-size:20px; border-bottom: solid 1px #ededed; padding-bottom:10px; margin-bottom: 30px; font-weight: bold;}
.form-wrap label .c-red{ margin-right: 4px;}
.form-wrap .form-control{ height:38px}
.form-wrap .control-label{ padding-top: 9px;}
.form-wrap .form-control-static{ padding-top: 9px;}
.control-label-lg{ margin-top: 6px;}
.radio-lg{ margin: 6px 0; }
.form-wrap .input-lg{ height:42px; font-size: 15px; }
.form-wrap .textarea{ font-size: 16px;}
.form-wrap .btn-bar{ text-align: left; padding-top: 20px; padding-bottom: 0;}
.form-wrap .btn-bar .btn{ margin-right: 10px;}
.form-wrap .btn-bar .btn-mw{ width: 200px; }
.form-erweima{ width: 120px; float:right; padding-bottom: 20px;}
.form-erweima img{ width: 100%; border:solid 1px #ddd; margin-bottom: 10px;}
.form-erweima p{ text-align: center; padding:0 15px;}
.form-control-static-lg{ padding-top: 11px;}
.control-label.text-left{ text-align: left;}
@media (max-width:768px) {
    .content-cooperation-form{ padding:20px 5px; }
    .form-title{ margin-bottom: 20px;}
    .form-erweima{ width: 100%; float: none; text-align: center; border-top:solid 0px #ededed; margin-top: 20px; padding-top: 30px; }
    .form-erweima img{ width: 140px;}
    .form-wrap .btn-bar .btn{ min-width: inherit; display: block; margin-right: 0; margin-bottom: 15px; text-align: center; }
    .form-wrap .btn-bar .btn-mw{ width: auto; }
    .form-wrap .btn-bar .btn-text{ margin-top: 15px;}
}
.form-wrap textarea.form-control{ height:100px;}
.form-wrap select.form-control{ padding-left:9px;}
.form-wrap .btn-primary-border.btn-md.btn-block{ padding-left: 0; padding-right: 0; text-align: center;}

.select-block-wrap{ margin-bottom: -10px; }
.select-block-item{ display: inline-block; background: #f5f5f5; border:solid 1px #ddd; height:38px; line-height: 38px; text-align: center; padding: 0 20px; margin: 0 10px 10px 0; border-radius: 4px; min-width: 140px; transition: .5s;  }
.select-block-item:hover{ background: #fff;border-color: #5066ac;color:#5066ac; cursor: pointer; }
.select-block-item.active{ background: #fff url(../images/icon-img-select.png) no-repeat right bottom; border-color: #5066ac; color:#5066ac; cursor: default;}

.icon-p-success{ display: inline-block; width: 18px; height:18px; line-height: 18px; border-radius: 50%; background: #3c763d; color:#fff; text-align: center; margin-right: 10px; }
.icon-p-success .iconfont{ font-size:12px;}

.online-form-item{ display: flex; width: 50%; margin-bottom: 15px;}
.online-form-item .control-label{ text-align: left; padding-top: 7px; width: 110px;}
.online-form-m{ flex:1; }
 
.p-panel-group .panel{ box-shadow: none;}
.p-panel-group .panel-default{ border:0;}
.p-panel-group .panel-body{ padding: 0; }
.p-panel-group .panel-default>.panel-heading{ background-color: transparent; border:0; }
.p-panel-group .panel-heading{ padding-left: 110px; }
.p-panel-group .panel-default>.panel-heading{ color:#5066ac}
.p-panel-group .panel-title{ font-size:14px;}

.p-table{ width: 100%; border-collapse: collapse;}
.p-table th,.p-table td{ border:solid 1px #e5e5e5; padding:10px 15px;}
.p-table thead th{ background: #f7f8fe; text-align: center;}
.p-table tbody th{ background: #f7f8fe; }
.btn-bar{ text-align: center; padding:30px 0 50px;}
@media (max-width:768px) {
    .online-form-item{ width: 100%;}
}

.ad-wrap{ width: 100%; height:80px; text-align: center; position: relative; background: #ddd; }
.ad-wrap img{ height:100%; }
.icon-p-close{ display: block; width: 20px; height:20px; background: rgba(255,255,255,.5); color:#111; border-radius: 50%; text-align: center; line-height: 20px; position: absolute; top:15px; right:20px; }
.icon-p-close:hover{ background: rgba(255,255,255,1);}
.icon-p-close .iconfont{ transition: .5s; font-size:14px;}
.icon-p-close:hover .iconfont{ transform: rotate(90deg);}


.nav-tabs { border-bottom:0px solid #e5e5e5; text-align:center; font-size:16px; }
.nav-tabs>li { float:none; display:inline-block;  margin-bottom:-1px;  }
.nav-tabs>li>a { margin:0px 20px; line-height:1.42857143; border:0; border-bottom:1px solid transparent; border-radius:0; padding: 12px 40px;  color:#1d1d1d; }
.nav-tabs>li>a:hover { background-color:transparent; border-bottom:solid 0px #1e7efb; color:#5066ac; }
.nav-tabs>li>a:visited,.nav-tabs>li>a:active,.nav-tabs>li>a:link,.nav-tabs>li>a:focus{ background-color:transparent !important;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {color:#1d1d1d;cursor:default;background-color:transparent;border:0;border-bottom:solid 4px #5066ac; font-weight: bold; }
.nav-tabs>li img{ height:60px;}
.nav-tabs>li span{ display: block; padding-top: 5px;}

.p-tabs{ border-bottom:1px solid #e5e5e5; }
.p-tabs .nav-tabs>li{ padding: 10px 40px; margin: 0 20px -1px; }
.p-tabs .nav-tabs>li:hover{ color:#5066ac; cursor: pointer;}
.p-tabs .nav-tabs>li.active{ color:#5066ac;cursor:default;background-color:transparent;border:0;border-bottom:solid 3px #5066ac;}

.p-tabs-flex{ margin-bottom: 25px;border-bottom:1px solid #e5e5e5;}
.p-tabs-flex .nav-tabs{ width: 100%; display: flex;}
.p-tabs-flex .nav-tabs>li{ flex:1; text-align: center;}
.p-tabs-flex .nav-tabs>li>a{ margin: 0; padding-left: 0; padding-right: 0; }
@media (max-width:768px) {
    .p-tabs .nav-tabs{ border:0; display: flex;}
    .p-tabs .nav-tabs li{ flex:1; padding:0 0 6px 0; margin: 0;}
    .nav-tabs>li>a { padding-left:0px; padding:15px 0;}
    .p-tabs .nav-tabs>li span{ font-size:14px;}
    .p-tabs .nav-tabs>li img{ height:50px;}
}
.p-download-text{ padding-bottom: 30px; margin-top: -20px;}
.p-download-text-title{ font-size:30px; font-weight: bold; color:#26355b; margin-bottom: 8px; }
.p-download-text-title-2{ font-size:24px; font-weight: bold; color:#26355b; margin-bottom: 20px; }
.p-download-text-info{ font-size:16px; line-height: 180%; margin-bottom: 35px;}
.p-download-text .btn{ margin-right: 15px; margin-bottom: 16px;}
.p-download-text .btn .iconfont{display: inline-block; width: 22px; font-size:21px; margin-right: 10px; vertical-align: middle;}
.p-download-text .btn .icon-anzhuangbao{ font-size:18px; vertical-align: top;}
.p-download-text .btn-lg{ padding: 0 25px; height:48px; line-height: 48px;}

.p-download-title{  border-top:solid 1px #e5e5e5; margin-top: 25px; margin-bottom: 25px;}
.p-download-title strong{ font-size:15px; color:#5066ac; font-weight: normal; display: block; float:left; background: #fff; padding-right: 15px; margin-top: -12px;}

.p-download-text-tips{ font-size:14px; color:#777; margin-top: 20px;}
.p-download-text-tips p{ margin-top: 5px;}

.p-download-img{ text-align: right; padding-bottom: 30px;}
.p-download-img img{ max-width: 100%;}
@media (max-width:768px) {
    .p-download-img{ text-align: center;}
}

.kaifa-cj-item{ padding:35px 40px;}
.kaifa-cj-img{ height:50px;}
.kaifa-cj-img img{ max-height: 50px;}
.kaifa-cj-item h3{ font-size: 24px; font-weight: bold;}
.kaifa-cj-item p{ line-height: 180%; font-size:16px;}
.kaifa-cj-item .btn{ margin-top: 30px;}
@media (max-width:768px) {
    .kaifa-cj-item{ padding:20px;}
}

.login-wrap{ padding: 60px 0px;}
.login-banner{ text-align: center;}
.login-banner img{ max-width: 100%;}
.login-main{ background: #fff; border-radius: 8px; box-shadow:0 2px 30px rgba(3,27,78,.1); padding:20px 40px;}
.login-ma{ width: 160px; margin: 0 auto; padding:10px 0 20px 0; text-align: center;}
.login-ma .img-ma{ width: 100%; margin-bottom: 20px;}
@media (max-width:768px) {
    .login-wrap{ padding: 15px 0px;}
    .login-banner{ padding-bottom: 20px;}
    .login-main{ padding:20px 20px;}
}

.form-wrap .form-group .col-xs-7{ padding-right: 0;}
.form-wrap .btn-primary-border.btn-md{ height:42px; line-height: 42px; padding: 0; border-radius: 2px;}
.form-wrap .form-control.input-lg{ border-radius: 2px;}

.login-other{ border-top: 1px solid #ebebeb; margin-top: 35px;}
.login-other-title{ width: 100px;height: 28px;line-height: 28px;margin: -14px auto 0; background-color: #fff;font-size: 12px;text-align: center;color: #999;}
.login-other-con{ display: flex; padding: 12px 5px 5px;}
.login-other-con-item{ flex:1; text-align: center;}
.login-other-con-item a{ font-size: 13px; color:#333;}
.login-other-con-item a:hover{ color:#188cfc; text-decoration: underline; }
.logo-pt{ display: inline-block; width: 40px; height:40px; border-radius: 50%; background-color: #edf2f7; background-repeat: no-repeat; background-position: center center;}
.logo-pt-qiwei{ background-image: url(../images/icon-img-qiwei.png); background-size: 60% auto; }
.logo-pt-dingding{ background-image: url(../images/icon-img-dingding.png); background-size: 60% auto;}
.logo-pt-feishu{ background-image: url(../images/icon-img-feishu.png); background-size: 60% auto; }
.logo-pt-saoma{ background-image: url(../images/icon-img-weixin.png); background-size: 60% auto;}


.ht-wrap{ display: flex; min-height: 650px;}
.ht-sidebar{ width: 174px; padding: 15px 0;}
.ht-content{ flex:1; background: #fff; padding: 20px 30px 60px;}
.ht-menu{ padding-bottom: 25px;}
.ht-menu-title{ font-weight: bold;padding:10px 10px 10px 0px; font-size:16px;}
.ht-menu-list li{ margin-bottom: 1px; }
.ht-menu a{ color:#1d1d1d; display: block; padding:6px 10px 6px 16px; }
.ht-menu a:hover{ background: transparent; color:#687fc6;}
.ht-menu .active a{ background: transparent; color:#5066ac; font-weight: bold; border-left:solid 0px #5066ac; padding-left: 16px;}
.ht-menu-title-icon{ float:left; margin-top: 2px; display: block; width: 18px; height:18px; background: #5066ac; border:solid 0px #5066ac; color:#fff; text-align: center; border-radius: 50%; margin-right: 4px;}
.ht-menu-title-icon .iconfont{ font-size:16px; font-weight: normal; vertical-align: top;}

.yy-wrap{ background: #fff; border:solid 1px #e5e5e5; overflow: hidden; box-shadow:0 2px 10px rgba(3,27,78,.1); border-radius: 8px; margin-bottom: 30px;}
.yy-hd{ background: #eff2fd; border-bottom: solid 0px #eee; padding:15px 25px 12px; display: flex;}
.yy-hd-title{ font-weight: bold; font-size:20px; }
.link-y{ display: inline-block; width: 24px; height:24px; line-height: 24px; background: #fff; color:#5066ac; border-radius: 50%; text-align: center; margin-left: 5px; cursor: pointer; }
.link-y:hover{ background: #5066ac; color:#fff;}
.link-y-delete:hover{ background: #e30920;color:#fff;}

.yy-bd{ padding:25px 25px; overflow-y: auto;}
.yy-bd-title{ margin-bottom: 15px; border-top:dashed 1px #ddd; padding-top: 15px;}
.yy-bd-title strong{ font-size:16px; display: block; margin-right: 20px; float:left; margin-top: 5px; }

.yt-title{ margin-bottom: 8px; font-size:14px; color:#777;}
.icon-t{ display: inline-block; width: 4px; height:15px; background: #5066ac; border-radius: 4px; margin-right: 8px; vertical-align: text-bottom;}
.yt-info{ padding-left: 12px; font-size:16px; padding-bottom: 25px;}
.yt-info .iconfont{ font-size:12px; color:#5066ac;cursor: pointer;}

.pic-share{ width: 100%; text-align: center; padding:0 20px 20px;}
.pic-share img{ max-width: 100%;}
.btn-mw{ width: 140px; }

.link-xg{ display: inline-block; padding-top: 11px; font-size:12px; line-height: 1; cursor: pointer; }
.link-xg .iconfont{ margin-right: 4px; font-size:14px; vertical-align: text-bottom; }

.p-pc-tag{ display: inline-block; height:18px; line-height: 18px; padding: 0 8px; border-radius: 30px;  font-size:12px; vertical-align: text-bottom; }
.p-pc-tag-blue{ background: #188cfc; color:#fff;}
.p-pc-tag-blue-border{ background: #fff; border:solid 1px #188cfc; color:#188cfc;}
.p-pc-tag-green{ background: #23c08b; color:#fff;}
.p-pc-tag-green-border{ background: #fff; border:solid 1px #23c08b; color:#23c08b;}
.p-pc-tag-red-border{ background: #fff; border:solid 1px #e02433; color:#e02433;}
.p-pc-tag-gray{ background: #e2e2e2; color:#888;}
.p-pc-tag-gray-border{ background: #fff; border:solid 1px #aaa; color:#888;}
.p-pc-tag-sq{ background: #f3dab4; color:#845729;}
.p-pc-tag-md{ height:24px;line-height: 24px; font-size: 14px; padding: 0 10px;}
.p-pc-tag-lg{ height:28px;line-height: 28px; font-size: 16px; padding: 0 12px;}

@media (max-width:768px) {
    .ht-wrap{ display: block; min-height:auto;}
    .ht-sidebar{ width: 100%; padding-top: 15px; padding-bottom: 10px;}
    .ht-menu{ display: flex; padding-bottom: 10px;}
    .ht-menu-title{ width: 110px; padding-top: 5px; padding-bottom: 5px;}
    .ht-menu-list{ flex:1;}
    .ht-menu-list li{ width: 42%; display: inline-block;}
    .ht-content{ padding: 15px 15px 20px; margin-bottom: 15px;}
    .pic-share{ width: 100%; text-align: center; padding:15px;}
    .link-xg{ float:right}
    .yy-hd{ padding-left: 15px; padding-right: 15px;}
    .yy-bd{ padding: 20px 15px;}
}

.yy-box{ background: #fff; border:solid 1px #e5e5e5;  border-radius: 8px; margin-bottom: 25px;}
.yy-box-jf{ background: #fdfaf2; border:solid 1px #ede0c7; border-radius: 8px; margin-bottom: 20px;}
.yy-icon-jf{ width: 34px; height:26px; overflow: hidden; }
.yy-icon-jf .iconfont{ font-size:26px; color:#f5a623; float: left; margin-top: -5px;}
.yy-box-jf .c-org{color:#f5a623 !important;  }

.breadcrumb{ padding: 15px 0; margin-bottom: 0; background-color: transparent;}
.pd-wrap{ background: #fff; padding: 25px; box-shadow: 0 2px 10px rgb(83 107 164 / 10%); margin-bottom: 30px;}
.pd-sq{ display: flex;}
.pd-sq-pic{ width: 300px; margin-right: 30px;}
.pd-sq-pic img{ width: 300px; height:200px; object-fit: cover; }
.pd-sq-info{ flex:1;}
.pd-sq-info h4{ margin-top: 4px; font-size:20px}
.pd-sq-info p{ color:#555; padding-bottom: 15px;}
.pd-sq-price{ border-bottom: dashed 1px #ccc; padding-bottom: 15px; margin-bottom: 10px;}
.pd-sq-price b{ font-size:24px; color:#f60; font-family: Arial; font-weight: normal; }
.pd-sq-price b span{ font-weight: normal; margin-right: 5px; font-size:15px;}
.pd-sq-select{ display: flex; padding: 5px 0; align-items: center;}
.pd-sq-select label{ display: block; width: 60px; line-height: 36px;  font-weight: normal; margin-top: 5px;}
.pd-sq-select-group{ flex:1;}
.pd-sq-select-item{ display: inline-block; height:36px; line-height: 34px; padding: 0 28px; background: #f5f5f5; border:solid 1px #ddd; margin: 5px 10px 5px 0; position: relative;}
.pd-sq-select-item:hover{ background: #fff; border:solid 1px #f60; cursor: pointer;}
.pd-sq-select-item.active{ border:solid 2px #f60; background: #fff url(../images/icon-img-select-org.png) no-repeat right bottom;line-height: 32px;}

.pd-zk{ font-style: normal; display: inline-block; background: #23c08b; color:#fff; line-height: 1; padding: 2px 4px; border-radius:6px 2px 6px 0 ; vertical-align: text-bottom; font-size:12px; position: absolute; right:4px; top:-8px; }
.pd-sq-select-item.active .pd-zk{right:3px; top:-8px;}

.pd-article-pic{ text-align: center; padding: 10px 0; }
.pd-article-pic img{ padding: 10px 0; max-width: 100%;}
.pd-article-text p{ text-indent: 2em; padding: 10px 0; }

.pd-sq-ys{ border-top:solid 1px #ededed; padding-top: 30px; padding-bottom: 10px; display: flex; align-items: center; margin-top: 30px;}
.pd-sq-ys-item{ flex:1; text-align: center;}
.ys-img{ width: 36px; height:36px; display: inline-block; margin-right: 10px;}

.p-pc-shop-banner{ width: 100%; height:290px; background: url(../images/img-shop-banner.jpg) no-repeat center top; background-size: cover; text-align: center; color:#fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0px;}
.p-pc-shop-banner h3{ font-size:40px; font-weight: bold; margin: 0 0 24px 0;}
.p-pc-shop-banner p{ font-size:18px;}

.p-pc-shop-wrap{ display: flex; border:solid 1px #e0ebfb; }
.p-pc-shop-ma{ padding: 34px 55px 30px; text-align: center;  margin-bottom: 15px;  }
.p-pc-shop-ma p{ font-size:18px; font-weight: bold; padding-top: 12px;}
.p-pc-shop-text{ flex:1; padding: 20px 38px 20px 30px; border-left:solid 1px #e0ebfb;background: #f2f7ff url(../images/img-shop-list-1.png) no-repeat right bottom; background-size: 200px auto;}
.p-pc-shop-list-text{ padding: 20px 0px 20px 30px; line-height: 180%;}
.p-pc-shop-list-text h4{ font-size:20px; font-weight: bold; margin: 0 0 12px 0;}
.p-pc-shop-list-text p{ font-size:14px;}

.p-b-item{ border:solid 1px #e5e5e5; border-radius: 4px; padding:20px; position: relative; margin-bottom: 20px;}
.p-b-item:hover{ box-shadow: 0 8px 15px rgb(0 0 0 / 7%);}
.border-b{ border-bottom: solid 1px #ededed;}
.p-b-green{ background: #f4fef3; border:solid 1px #c7e4c5;}
.p-btn-shop{ padding-left: 80px; padding-right:80px;}

.p-shop-ewm{ padding: 11px; border:solid 1px #e5e5e5; border-radius: 5px; text-align: center;}
.p-shop-ewm img{ width: 100%;}
.p-shop-ewm span{ display: block; margin-top: 10px; font-size:12px;}

@media (max-width:768px) {
    .p-pc-title-tab{ height:50px; margin-bottom: 15px; }
    .p-pc-title-tab ul{display: flex; }
    .p-pc-title-tab li{ display: block; flex:1;}
    .p-pc-title-tab li a{ padding: 0px 0px; font-size:17px; }
    .p-pc-shop-banner{ height:200px;}
    .p-pc-shop-banner h3{ font-size:28px; font-weight: bold; margin: 0 0 24px 0;}
    .p-pc-shop-banner p{ font-size:15px;}
    .p-cell.p-cell-sm{ display: flex; flex-direction: column; align-items: flex-start;}
    .p-cell.p-cell-sm .p-cell-r.mgl30{ margin-left: 0; margin-top: 20px;}

    .p-btn-shop{ display: block; width: 100%; padding-left: 0; padding-right: 0; }

    .p-pc-shop-wrap{ display: block;}
    .p-pc-shop-ma{ padding: 20px;}
    .p-pc-shop-text{ padding: 15px 20px 170px 20px;border-left:0;}
    .p-pc-shop-list-text{ padding: 10px 0;}
}

.p-badge{ min-width: 16px; height:16px; line-height: 16px; font-size:12px; color:#fff; background: #dd514c; border-radius: 8px; text-align: center; padding: 0 2px; }
.btn .p-badge{ position: absolute; top:-8px; right:-6px;}

.cp-steps{ display: flex; align-items: center; justify-content: center; width: 700px; margin: 0 auto 0px auto; }
.cp-steps-item{ flex:1; padding:10px 12px; border:solid 1px #e5e5e5; background: #fff; display: flex;}
.cp-steps-num{ width: 30px; height:30px; border-radius: 50%; background: #e2e2e2; color:#999; text-align: center; line-height: 30px; margin-right: 15px; }
.cp-steps-txt{ flex:1;}
.cp-steps-txt strong{ font-weight:normal; font-size:15px; }
.cp-steps-txt p{ font-size:12px; color:#777; padding-top: 3px;}
.cp-steps-arrow{ width: 40px; text-align: center; color:#ccc;}
.cp-steps-item.current{ border-color:#5066ac; }
.cp-steps-item.current .cp-steps-num{ background: #5066ac; color:#fff;}
.cp-steps-item.current .cp-steps-txt strong{ font-weight:bold; }
.cp-steps-item.success{ border-color:#23c08b; }
.cp-steps-item.success .cp-steps-num{ background: #23c08b url(../images/icon-ok-white.png) no-repeat center center; color:#fff; text-indent: -9999px; }
.cp-steps-item.success .cp-steps-txt strong{ font-weight:bold; }

.form-dw{ display:block; color:#5066ac; width: 60px; height:24px; line-height: 24px; border-left:solid 1px #ddd; border-radius: 0px; text-align: center; position: absolute; right:19px; top:7px; font-size: 12px; cursor: pointer; }
.form-dw .iconfont{ vertical-align: baseline; margin-right: 2px; }
.title-wm{ width: 1000px; margin: 40px auto 40px auto; }

.p-img-link{ float:left; flex-direction: column; display: flex; align-items: center; justify-content: center; width: 90px; height:90px; background: #fff; border:solid 1px #ccc; border-radius: 4px; color:#7d8694; margin:0 15px 15px 0;}
.p-img-link span{ display: block; font-size:13px; margin-top: 5px;}
.p-img-link:hover{ background: #fff; cursor: pointer; color:#5066ac;}
.p-img-link img{ max-width: 80px; max-height: 80px; }
.p-img-link.disabled{ background: #eee;}

@media (max-width:1000px) {
    .title-wm{ width: 100%; margin: 30px auto 20px auto;}
    .cp-steps{ width: 100%; flex-direction: column;}
    .cp-steps-item{ width: 220px;}
    .cp-steps-arrow{ padding-top: 0px;padding-bottom: 2px;}
    .cp-steps-arrow .iconfont{ display: inline-block; transform: rotate(90deg);}
}

.p-dt-item{ border: solid 1px #c0e7d2; border-radius: 4px; margin-bottom: 30px;}
.p-dt-hd{ background: #e9fdf2; padding: 12px 15px; display: flex; justify-content:space-between; align-items: center; border-radius: 4px 4px 0 0; position: relative;}
.p-dt-title{ display: flex; align-items: center; justify-self: center;}
.p-dt-title-img{ display: inline-block; width: 40px; height:40px; border-radius: 50%; text-align: center; vertical-align: top; margin-right: 12px;}
.p-dt-title-img img{ max-width: 100%; max-height: 100%;}
.p-dt-title strong{ font-size:16px;}

.p-dt-js{ display: flex; flex-direction: column; align-items: center;}
.p-dt-js span{ display: inline-block; margin-bottom: 4px; font-size:13px;}
.p-dt-js strong{ font-size:20px; color:#28bd6e; font-weight: normal;}
.p-zt{ height:24px; line-height: 24px; padding: 0 10px 0 14px; font-size:13px; background: #aaa; border-radius: 0 4px 0 20px; color:#fff; position: absolute; top:-1px; right:-1px;}
.p-zt-online{ background: #28bd6e;}

.p-dt-bd{ padding:20px 15px;}
.p-dt-bd-info{ display: flex; padding: 6px 0;}
.p-dt-bd-info label{ display: block; width: 100px; text-align: left; font-weight: bold; margin-right: 10px;}
.p-dt-bd-info p{ flex:1;}
.p-dt-bd-info p span{ display: block; margin-bottom: 8px;}
.p-dt-ft{ display: flex; justify-content:space-between; align-items: center; padding: 10px 15px; border-top:dashed 1px #c0e7d2; }
.p-dt-ft .checkbox,.p-dt-ft .radio{ margin-top: 0; margin-bottom: 0; }
.p-dt-ft-icon{ display: inline-block; width: 20px; height:20px; line-height: 18px; background: #fff; border:solid 1px #d4d4d4; border-radius: 50%; text-align: center; vertical-align: top; margin-left: 5px; color:#7d8694;}
.p-dt-ft-icon .icon-shanchu{ font-size:14px; }
.p-dt-ft-icon:hover{ background: #188cfc; border-color: #188cfc; color:#fff;}
.p-dt-ft-icon-del:hover{ background: #ff465e; border-color: #ff465e; color:#fff;}

.p-dt-item-blue{ border: solid 1px #d2ddf4; }
.p-dt-item-blue .p-dt-hd{ background: #eef5fd;  }
.p-dt-item-blue .p-dt-title-icon{ background: #188cfc; }
.p-dt-item-blue .p-dt-ft{ border-top:dashed 1px #d6dff2; }
.p-dt-item-blue .p-dt-bd-info label{ width: 70px;}
.p-dt-bd-info label.label-w2{ width: 100px !important; text-align: right; font-weight: normal; }

.p-dt-item-close{ border: solid 1px #ddd; }
.p-dt-item-close .p-dt-hd{ background: #f2f2f2;  }
.p-dt-item-close .p-dt-ft{ border-top:dashed 1px #ddd; }
.p-dt-item-blue.p-dt-item-close .p-dt-title-icon{ background: #188cfc; }

.p-pc-jq-erweima{ display: inline-block;  height:24px; line-height: 22px; font-size:12px; border-radius:4px; text-align: center; border:solid 1px #188cfc; color:#188cfc; padding: 0 8px; margin-top:5px; cursor: pointer; }
.p-pc-jq-erweima .iconfont{ font-size:14px;}
.p-modal-ewm{ width: 560px; border-radius: 8px; background: #668de0; padding: 20px; margin: 0 auto 20px; text-align: center;}
.p-modal-ewm-bd{ background: #fff; border-radius: 4px;}
.p-modal-ewm-title{ padding:20px 0 10px 0;  border-bottom: dotted 1px #ccc; }
.p-modal-ewm-title strong{ font-size:30px; font-weight: bold; display: block; margin-bottom: 5px; }
.p-modal-ewm-title p{ margin-bottom: 5px; }
.p-modal-ewm-main{ display: flex; justify-content: space-between; padding: 20px;}
.p-modal-ewm-img{ width: 320px; height:320px; border:solid 1px #e5e5e5; display: flex; align-items: center; justify-content: center;  }
.p-modal-ewm-img img{ max-width: 100%;max-height: 100%;}
.p-modal-ewm-info{ width: 140px;  }
.p-modal-ewm-info-title{ text-align: center; height:38px; line-height: 38px; border-radius: 4px; color:#1b3261; background: #a3bef7;margin-bottom:10px; font-weight:bold;}
.p-modal-ewm-info-item{ text-align: center; height:32px; line-height: 32px; border-radius: 4px; color:#1b3261; background: #d2def7; margin-top:8px; font-size:12px; position: relative; }
.p-modal-ewm-info-item .p-modal-ewm-check{  display: inline-block; width: 30px; text-align: center; position: absolute; left:15px; top:0px;}
.p-modal-ewm-info-item .p-modal-ewm-check .iconfont{ font-size: 14px; display: none; color:#000; }
.p-modal-ewm-info-item.active .p-modal-ewm-check .iconfont{ display: block; }

.p-mx-item{ border:solid 1px #c6d4f2; background:#f3f6fd; border-radius: 4px; padding: 15px 15px 10px 15px; text-align: center; margin-bottom: 20px;}
.p-mx-item p{ font-size:13px; margin-bottom: 2px; }
.p-mx-item strong{ font-size:24px; font-weight: normal;color:#314474;}

.btn-tips{ display: inline-block; background: #f60; height:20px; line-height: 20px; font-size:12px; color:#fff;  padding: 0 8px; border-radius: 10px 10px 10px 0; position: absolute; top:-14px; right:-10px; z-index: 99px; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background: #aaa;
}
::-webkit-scrollbar-thumb:hover{ 
    background: #959595;
}






.m-yy-banner{ height:210px; /*background: #404040 url(../images/banner-pic-yy.jpg) no-repeat center bottom;*/ }
.m-yy-banner-text{ padding-top: 110px;  color:#333; }
.m-yy-banner-text h2{ font-size: 32px; font-weight: bold; color:#111; margin-top: 0; margin-bottom: 16px;}
.m-yy-banner-text p span{ display: inline-block;font-weight: normal;  margin-right: 23px; font-size:15px; }
.m-yy-banner-text p span .iconfont{ margin-right: 5px; font-weight: normal;}

.m-yy-wrap{ background: #f5f7fa url(../images/bg-yy-c.png) no-repeat center bottom; background-size: 100% auto;}
.m-yy-bd{  display: flex; align-items: flex-start; padding: 0px 0px 60px 0px; }

.m-yy-form{ background: #fff; width: 450px; border-radius: 8px; box-shadow: 0px 5px 25px 0 rgb(55 99 170 / 25%); padding: 35px 60px 50px; margin-top: -110px; }
.m-yy-form .input-lg { height: 40px; padding: 10px 16px; font-size: 15px; border-radius: 4px; color:#1d1d1d; }
.m-yy-form .btn{ margin-top: 30px;}
.m-yy-form .btn-form-lg{ margin-top: 0;}
.m-yy-form .btn-default{ background: #eee; color:#aaa; cursor: default;}
.m-yy-form .btn-default:focus,.m-yy-form .btn-default:hover{  background:#eee; border-color:#ccc; box-shadow:none; -webkit-transform: none; transform:none; color:#aaa; }
.m-yy-form-title{ font-size:24px; color:#1d1d1d; padding-bottom: 23px; font-weight: bold; text-align: center; }
.m-yy-form .col-xs-4{ padding-left: 0; }

.m-yy-price{ flex:1; margin-right: 60px; margin-top: 45px; background: #fff; box-shadow: 0px 5px 15px 0 rgb(55 99 170 / 0%); padding: 10px;  border-radius: 6px; }
.m-yy-table{ width: 100%; color:#444; }
.m-yy-table th,.m-yy-table td{ border:solid 1px #e5e8f3; padding: 14px 10px; text-align: center; font-weight: normal;}
.m-yy-table thead th{ background: #f1f5fb; font-weight: bold;}
.m-yy-table tbody th{ background: #f1f5fb;font-weight: normal;}
.m-yy-table td{ padding-top: 15px; padding-bottom: 15px;}
.m-yy-table .c-org b{ font-size:14px; font-weight: normal;}
.m-yy-table .td-bg-jg{ background: #d6e5fe;}

@media (max-width: 1024px){
    .m-yy-banner-text{ padding-top: 80px; width: 50%; }
    .m-yy-banner-text span{ margin-bottom: 10px; }
}

@media (max-width: 992px){
    .m-yy-banner{ margin-top: 0px; height:160px;  background: #f5f7fa }
    .m-yy-banner-text{ width: 100%; padding-top: 40px;}
    .m-yy-banner-text h2{ font-size: 26px;margin-bottom: 12px;}
    .m-yy-banner-text p span{ margin-bottom: 5px;}
    .m-yy-bd{ flex-direction: column-reverse;  padding-bottom: 30px; padding-top: 0px; }
    .m-yy-price{  width: 100%; margin-top: 40px; margin-right:0; }
    .m-yy-table th,.m-yy-table td{ padding: 10px 5px; }
    .m-yy-form{ width: 100%;padding: 28px 20px 30px; margin-top: 0;}
    .m-yy-form .btn{ margin-top: 25px;}
    .m-yy-form .btn-form-lg{ margin-top: 0;}
}
@media (max-width: 480px){
    .m-yy-banner{ height:165px; }
    .m-yy-banner-text{ width: 100%; padding-top: 25px;}
}

.solution-col{ position: sticky; top:130px; }
.solution-sidebar{ padding-right: 45px; margin-top: -30px; }
.solution-sidebar ul li a{ display: flex; align-items: center; padding: 15px 15px 15px 12px; border-bottom:solid 1px #e8ecf1; border-radius: 0px; color:#1d1d1d; margin-bottom: 0px; font-size:15px; }
.solution-sidebar ul li a:hover{ background: #ecf0fe;border-radius: 0px; }
.solution-sidebar ul li.active a{ background:#4159a8; color:#fff; border-radius: 4px;}
.icon-solution-menu{ display: inline-block;  width: 30px; height:30px; text-align: center; line-height: 30px; vertical-align: top; margin-right: 5px; }
.icon-solution-menu .iconfont{ font-size:24px;}
.icon-solution-menu .icon-qiye1{ font-size:30px;}
.icon-solution-menu .icon-xitongguanli2{ font-size:24px; display: inline-block; margin-left: 1px;}
.icon-solution-menu .icon-api{ font-size:23px;}
.icon-solution-menu .icon-yibaoxiaofei{ font-size:25px;}
@media (max-width: 768px){
    .solution-col{ position: inherit; top:inherit; }
    .solution-sidebar{ padding-right: 0px; margin-top: -15px; margin-bottom: 40px; }
    .solution-sidebar ul li a{ padding: 7px 12px 7px 12px; }
}

.function-col{ position: sticky; top:130px}
.function-sidebar{ margin-top: -40px; border-right:solid 1px #e8ecf1; margin-right: 30px;}
.function-s-menu-hd{ font-size:20px; font-weight: bold; padding: 0px 0 15px 20px;}
.function-s-menu-bd{ height:580px; overflow-y: auto; padding-right: 25px; margin-right: 2px; }
.function-s-menu-bd:hover{overflow-y: auto;  }
.function-s-menu-bd ul li a{ display: flex; align-items: center; padding: 10px 20px 10px 20px; border-bottom:solid 0px #e8ecf1; border-radius: 0px; color:#1d1d1d; margin-bottom: 0px; font-size:15px; }
.function-s-menu-bd ul li a:hover{ background: #ecf0fe;border-radius: 4px; }
.function-s-menu-bd ul li.active a{ background:#4159a8; color:#fff; border-radius: 4px;}

.function-s-menu-bd::-webkit-scrollbar{
    width: 7px;
    height: 7px;
}
.function-s-menu-bd::-webkit-scrollbar-track{
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0);
}
.function-s-menu-bd::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0);
}
.function-s-menu-bd:hover::-webkit-scrollbar-thumb{
    background-color: rgba(0, 0, 0, 0.2);
}
.function-s-menu-bd::-webkit-scrollbar-thumb:hover{ 
    background-color: rgba(0, 0, 0, 0.4);
}  

@media (max-width: 768px){
    .function-col{ position: inherit; top:inherit; }
    .function-sidebar{ padding-right: 0px; margin-top: -15px; margin-bottom: 40px; margin-right: 0; border: 0; }
    .function-s-menu-hd{ font-size:18px; padding: 0 0 10px 0px;}
    .function-s-menu-bd{ height:210px; overflow-y: scroll; padding-right: 15px;}
    .function-s-menu-bd ul li a{ padding: 7px 18px 7px 18px; }

    .function-s-menu-bd::-webkit-scrollbar-track{
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.1);
    }
    .function-s-menu-bd::-webkit-scrollbar-thumb{
        background-color: rgba(0, 0, 0, 0.2);
    }
}

.help-col{ position: sticky; top:130px}
.help-sidebar{ margin-top: -40px; border-right:solid 0px #e8ecf1; margin-right: 30px;}
.help-s-menu-hd{ font-size:20px; font-weight: bold; padding: 0px 0 15px 20px;}
.help-s-menu-bd{ padding-right: 25px; }
.help-sidebar ul li a{ display: flex; align-items: center; padding: 12px 15px 12px 15px; border-bottom:solid 0px #e8ecf1; border-radius: 0px; color:#1d1d1d; margin-bottom: 0px; font-size:15px; }
.help-sidebar ul li a:hover{ background: #ecf0fe;border-radius: 0px; }
.help-sidebar ul li.active a{ background:#4159a8; color:#fff; border-radius: 4px;}
.icon-help-menu{ display: inline-block;  width: 30px; height:30px; text-align: center; line-height: 30px; vertical-align: top; margin-right: 5px; }
.icon-help-menu .iconfont{ font-size:24px;}
@media (max-width: 768px){
    .help-col{ position: inherit; top:inherit; }
    .help-sidebar{ padding-right: 0px; margin-top: -15px; margin-bottom: 40px; margin-right: 0; border: 0; }
    .help-s-menu-hd{ font-size:18px; padding: 0 0 10px 0px;}
    .help-s-menu-bd{ height:auto; overflow-y: inherit; padding-right: 0px;}
    .help-s-menu-bd ul li a{ padding: 7px 15px 7px 15px; }
}

/* ---new price--*/
.price-content{ background: #f7f8fe;}
.p-wrap{ box-shadow:0 4px 40px rgba(3,27,78,.15); border-radius: 6px; margin-top: -20px; }
.p-wrap-hd{ position: -webkit-sticky; position: sticky; top:60px; display: flex; box-shadow: 0 2px 8px rgba(0,0,0,.07); z-index: 9; }
.p-td{ flex:1; background: #fff; border-right:solid 1px #E5E5E5; }
.p-td.p-td-1{ background: #1b2327; color:#ccc; width: 220px; flex: none;}
.p-td.p-td-4{ border-right:0;}

.p-wrap-hd .p-td-1{ border-radius:6px 0 0 0px; }
.p-wrap-hd .p-td-2,.p-wrap-hd .p-td-3,.p-wrap-hd .p-td-4{ border-right: solid 1px #E5E5E5; }
.p-wrap-hd .p-td-4{ border-radius: 0 6px 0 0; border-right:0; }

.p-hd-title{ padding: 20px 50px 20px; text-align: center;}
.icon-p-img{ display: block; width: 100px; margin: 0px auto 0px;}
.icon-p-img img{ width: 100%;}
.p-hd-title h3{ font-size:26px; font-weight: bold; margin-top: 12px;}
.p-hd-title p{ color:#7d8694;}

.p-bd-item{ display: flex;}
.p-bd-item .p-td{ padding: 15px 25px; text-align: center;}
.p-bd-item .p-td-1{ text-align: left; font-size:14px; }
.p-bd-item .p-td-1 p{ display: flex; height:100%; align-items: center;}
.p-bd-item-bg .p-td-1{ background: #272e32;}
.p-bd-item-bg .p-td-2,.p-bd-item-bg .p-td-3,.p-bd-item-bg .p-td-4{ background: #f7f8fa;}
.p-bd-item p{ word-wrap: break-word; word-break: break-all;}
.p-bd-item .p-td-2 p,.p-bd-item .p-td-3 p,.p-bd-item .p-td-4 p{display: flex; height:100%; align-items: center; justify-content: center;}
.p-bd-item .icon-queren1{ font-size:18px;}

.p-bd-item:hover .p-td-1,.p-bd-item:hover .p-bd-item-bg .p-td-1{ background: #26334e; color: #ddd; }
.p-bd-item:hover .p-td-2,.p-bd-item:hover .p-td-3,.p-bd-item:hover .p-td-4{ background: #edf0fb;}
.p-price-price{ padding-top: 10px; padding-bottom: 10px;}
.p-price-price b{ font-size:22px; font-weight: normal; color:#ff0042; margin-right: 3px; font-family: Arial; }
.p-wrap-ft{ font-size:15px; color:#7d8694; padding-top: 60px; text-align: center; }

@media (max-width: 768px){
    .p-hd-title{ padding: 10px; }
    .p-td.p-td-1{ width: 100px;}
    .p-bd-item .p-td-1{ font-size:14px; }
    .p-bd-item .p-td{ padding: 10px 10px;}
    .icon-p-img{ display: block; width: 60px; margin: 0px auto 5px;}
    .p-hd-title h3{ font-size:18px;}
    .p-hd-title p{ font-size:13px;}
    .p-wrap{ margin-top: -15px;}
    .p-wrap-hd{ top:50px;}
    .p-wrap-ft{ font-size:14px; padding-top:30px; }
    .p-price-price b{ display: block;margin-right: 0px;}
}    
@media (max-width: 480px){
    .p-td.p-td-1{ width: 80px;}
    .p-bd-item .p-td-1{ font-size:13px; }
}

.hz-steps-wrap{ display: flex; padding-top: 15px; padding-bottom: 70px;}
.hz-steps-item{ flex: 1; text-align: center; position: relative;}
.hz-steps-item::before{ content: ""; width: 30%; height:1px; background: #e1e5ea; position: absolute; left:0; top:40px; }
.hz-steps-item::after{ content: ""; width: 30%; height:1px; background: #e1e5ea; position: absolute; right:0; top:40px; }
.hz-steps-item:first-child::before{ display: none;}
.hz-steps-item:last-child::after{ display: none;}
.icon-hz-step{ display: inline-block; width: 80px; height:80px; line-height: 80px; border-radius: 50%; background: linear-gradient(125deg,#46a8f4,#4283fc); color:#fff; text-align: center; vertical-align: top; }
.icon-hz-step .iconfont{ font-size:50px;}
.icon-hz-step .icon-fapiaoshenhe{ font-size:43px; margin-left: 4px; display: inline-block; margin-top: 2px; }
.icon-hz-step .icon-emizhifeiji{ font-size:40px; display:inline-block; margin-top: 2px; margin-right: 4px;}
.hz-steps-item p{ font-size:16px; margin-top: 15px;}
.icon-hz{ display: inline-block; width: auto; height:60px; line-height: 60px; border-radius: 50%; }
.icon-hz .iconfont{ font-size:50px; background-image:-webkit-linear-gradient(-45deg,#52cef9,#1e7efb); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.icon-hz .icon-jingxiaoshang{ font-size:49px; display: inline-block; margin-left: 2px;}
.icon-hz .icon-factory-full{ font-size:44px; display: inline-block; margin-top: 2px;}
.icon-hz .icon-dianpu{ font-size:58px; display: inline-block; margin-top: 2px;}
.icon-hz .icon-yunpingtai{ font-size:55px; display: inline-block; margin-top: 0px;}

@media (max-width: 640px){
    .hz-steps-wrap{ display: block; padding-bottom: 0px;}
    .hz-steps-item{ text-align: center; height:150px; padding-bottom: 20px;}
    .hz-steps-item::before{ display: none;}
    .hz-steps-item::after{  width: 1px; height:30px;top:inherit; right:inherit; left:50%; bottom:5px;  }
    .hz-steps-item p{ margin-top: 10px;}
}

.steps-content{ background: #f7f8fe; padding-bottom: 80px; }
.p-step-wrap{ display: flex; }
.p-step-item{ flex:1;}
.p-step-arrow{ width: 160px; text-align: center;}
.p-step-arrow img{ margin-top: 180px; }
.p-step-item-hd{ text-align: center; font-size:24px; font-weight: bold; margin-bottom: 30px; position: relative;}
.p-step-item-hd-line-l::after{ content: ""; width: 36%; height:1px; background: #dae3f4; position: absolute; left:0px; top:17px;  }
.p-step-item-hd-line-r::before{ content: ""; width: 36%; height:1px; background: #dae3f4; position: absolute; right:0px; top:17px;  }
.p-step-item-hd-line::before{ content: ""; width: 100%; height:1px; background: #dae3f4; position: absolute; left:0px; top:17px;}

.p-step-num{ display: block; width: 36px; height:36px; line-height: 36px; background: #6f84c8; border-radius: 50%; text-align: center; font-size:16px; font-weight: normal; color:#fff; margin: 0 auto 12px auto; }

.p-step-item-1-box{ padding-top: 15px; }
.p-step-item-1-box-item{ background: #fff;box-shadow: 0 2px 30px rgba(3,27,78,.05); border:solid 0px #e1e5f1; border-radius: 8px; padding: 17px 20px 14px 30px; display: flex; margin-bottom: 16px;}
.p-step-item-1-box-img{ width: 56px; height:56px; border-radius: 50%; background: #eee; overflow: hidden; margin-right: 18px;}
.p-step-item-1-box-img-yunhe{ background: #fff; border:solid 1px #dddfe3;}
.p-step-item-1-box-img-yunhe img{ width: 100%;}
.p-step-item-1-box-img-logo{ background: #fff; border:solid 1px #dddfe3; text-align: center; padding-top: 13px;}
.p-step-item-1-box-img-logo img{ width: 32px;}
.p-step-item-1-box-info{ flex:1;}
.p-step-item-1-box-info h3{ font-size:16px; font-weight: bold; margin: 0; margin-bottom: 6px;}
.p-step-item-1-box-info p{ font-size:13px; color:#777; margin-bottom: 6px;}
.p-step-item-1-box-info a{ font-size:13px;}
.p-step-item-1-box-info a .iconfont{ font-size:10px; vertical-align:text-bottom; margin-left: 2px;}

.p-step-item-2-box{ width: 250px;height:250px; background: #e7ecfd; border-radius: 50%; /*box-shadow: 0 2px 30px rgba(3,27,78,.05);*/ text-align: center; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.p-step-item-2-box::before{ content: ""; width: 330px; height:330px; border-top:solid 40px transparent;border-bottom:solid 40px transparent;  border-left:solid 40px rgba(231, 236, 253, 0.3);border-right:solid 40px rgba(231, 236, 253, 0.3); border-radius: 50%; position: absolute; left:-40px; top:-40px;}
.p-step-item-2-box::after{ content: ""; width: 370px; height:370px; border-top:solid 30px transparent;border-bottom:solid 30px transparent;  border-left:solid 30px rgba(255, 255, 255, 1);border-right:solid 30px rgba(255, 255, 255, 1); border-radius: 50%; position: absolute; left:-60px; top:-60px;}
.p-step-item-2-box-txt{ width: 140px; height:30px; line-height: 30px; background: #6f84c8; border-radius: 15px; text-align: center; font-size:14px; color:#fff; margin:5px auto;}

.p-step-item-3-box{ width: 140px; height:140px; margin: 82px auto 0 auto; position: relative; }
.p-step-item-3-box-m{ width: 140px; height:140px; background: #fff; border-radius: 50%; margin: 0 auto;  position: relative;}
.p-step-item-3-box-m img{ width: 100%;border-radius: 50%; }
.p-step-item-3-box-m::after{ content: ""; width: 160px; height:160px; border:solid 10px #fff; border-radius: 50%; position: absolute; left:-10px; top:-10px;}
.p-step-item-3-box-m::before{ content: ""; width: 240px; height:240px; border:solid 1px #e2e9f0; border-radius: 50%; position: absolute; left:-50px; top:-50px;}
.p-step-item-3-box-cx{ width: 80px; height:30px; border-radius: 15px; background: #fff; box-shadow: 0 2px 30px rgba(3,27,78,.1); display: flex; align-items: center; justify-content: center; position: absolute; }
.p-step-item-3-box-cx-diannao{ left:-80px; top:-30px; }
.p-step-item-3-box-cx-shouji{ left:-100px; top:28px; }
.p-step-item-3-box-cx-renwuchi{ left:-100px; top:84px; }
.p-step-item-3-box-cx-wuxiandayin{ left:-80px; bottom:-30px;}
.p-step-item-3-box-cx-xiaochengxu{ right:-80px; top:-30px;}
.p-step-item-3-box-cx-liulanqi{ right:-100px; top:28px;}
.p-step-item-3-box-cx-jiqiren{ right:-100px; top:84px;}
.p-step-item-3-box-cx-kuaijiedayin{right:-80px; bottom:-30px;}

@media (max-width: 1200px){
    .steps-content{ padding-bottom: 110px; }
    .p-step-wrap{ display: flex; flex-direction: column; }
    .p-step-item-hd{ margin-bottom: 5px; margin-top: 10px;}
    .p-step-item-hd-line-l::after{display: none;}
    .p-step-item-hd-line-r::before{display: none;}
    .p-step-item-hd-line::before{ display: none;}
    .p-step-arrow{ width: 100%; }
    .p-step-arrow img{ margin-top: 0px; margin-bottom: 20px; transform: rotate(90deg); }
    .p-step-item-2-box{ margin-top: 30px; margin-bottom: 40px;}
}

.p-dl-container{ margin-top: -15px; background: url(../images/img-download-windows.jpg) no-repeat right 42%;}
.p-dl-title{ font-size:28px; font-weight: bold; margin: 0 0 10px 0;}
.p-dl-title span{ font-weight: normal; font-size: 15px; margin-left: 10px;}
.p-dl-title-txt{ font-size:15px; line-height: 170%; margin-bottom: 25px; color:#777;}
.p-dl-group-1{ padding-bottom: 14px; position: relative; margin-bottom: 40px;}
.p-dl-group-1::before{ content: ""; width: 60%; height:1px; background: #e9e9e9; position: absolute; left:0; bottom:0; }

.p-dl-row{ display: flex; padding-bottom: 15px;}
.p-dl-row-t{ width: 190px; line-height: 36px; padding-top: 6px;}
.p-dl-row-t strong{ font-size:15px; }
.p-dl-xt-logo{ display: inline-block; width: 36px; height:36px; border-radius: 50%; border:solid 1px #ddd; background-repeat: no-repeat; background-position: center center;  background-size: 100% auto; margin-right: 8px; vertical-align: top; }
.p-dl-xt-logo-windows{ background-image: url(../images/logo-windows.png); }
.p-dl-xt-logo-apple{ background-image: url(../images/logo-apple.png); }
.p-dl-xt-logo-qilin{ background-image: url(../images/logo-qilin.png); }
.p-dl-xt-logo-tongxin{ background-image: url(../images/logo-tongxin.png); background-position: center -3px;}
.p-dl-xt-logo-deepin{ background-image: url(../images/logo-deepin.png); }


.p-dl-row .btn{ margin-right: 15px; margin-bottom: 16px;}
.p-dl-row .btn .iconfont{display: inline-block; width: 22px; font-size:20px; margin-right: 10px; vertical-align: middle;}
.p-dl-row .btn .icon-anzhuangbao{ font-size:18px; vertical-align: top;}
.p-dl-row .btn-lg{ padding: 0 22px; height:46px; line-height: 46px; font-size:15px;}

@media (max-width: 768px){
    .p-dl-container{ margin-top: -5px; background-position: center bottom; background-size: 100% auto ; padding-bottom: 240px;}
    .p-dl-title{ font-size: 24px;}
    .p-dl-title-txt{ font-size: 14px; margin-bottom: 20px;}
    .p-dl-group-1{ margin-bottom: 30px; padding-bottom: 5px;}
    .p-dl-group-1::before{ width: 100%;}
    .p-dl-row{ display: block;}
    .p-dl-row-t{ width: auto; padding-top: 0; padding-bottom: 12px;}
}