/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td {margin: 0;padding: 0;}
body {font: 12px/1.8 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif; color: #333;text-align: center;background-color: #fff;}
ul, ol, li {list-style: none;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #333;}
fieldset, img {border: none;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3 {font-size: 15px;}
em {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;clear: both;height: 0;content: "\0020"}
body.index {background: url("../images/bg.jpg") no-repeat 50% 50%;background-size: cover;}
.fp-bg {background-size: cover; transition: all 1000ms ease;top: 0;bottom: 0;width: 100%;position: absolute;z-index: -1;}
/*--header--*/
.header {position: fixed;top: 20px;width: 100%;height: 60px;z-index: 99999;}
.header .logo {float: left;margin-left: 50px;width: 178px;height: 60px;background: url("../images/logo.png") no-repeat 0 50%;background-size: auto 60px;transition: all .8s ease;}
.header .logo a {display: block;width: 100%;height: 100%;}
.header #menu {float: right;margin-right: 50px;}
.header #menu li {float: left;margin-left: 30px;padding-top: 12px;}
.header #menu li a {color: #fff;padding: 6px;display: block;border-bottom: 1px solid transparent;transition: all .8s ease; position: relative;}
.header #menu li a i.icon-hot { display: inline-block; position: absolute; right: -18px; top: -5px; width: 29px; height: 13px; background: url("../images/icon-hot2.png") no-repeat 0 0; background-size: 100% auto;}
.header #menu li a:hover {border-bottom: 1px solid #bbb;color: #ddd;}
.header #menu li.active a {border-bottom: 1px solid #fff;}
.header .language {position: absolute;right: 50px;top: 12px;}
.header .language a {display: block;padding: 0 6px;height: 28px;line-height: 28px;color: #fff;border: 1px solid #fff;transition: all .8s ease;}
.header .language a i { display: inline-block; width: 6px; height: 4px; background: url("../images/icon-language-more.png") no-repeat 0 0; background-size: 100% auto; margin-left: 2px; position: relative; top: -2px; z-index: -1;}
.header #menu ul { float: left;}
.header .link-github { float: left; margin-left: 40px; padding-top: 8px; color: #fff;}
.header .link-github a { color: #fff;}
.header .link-github a:hover { color: #fff; text-decoration: underline;}
.header .link-github a i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url("../images/icon-github.png") no-repeat 0 0; background-size: 24px auto; position: relative; top: 6px;}

.header.top .logo {background: url("../images/logo-b.png") no-repeat 0 50%;background-size: auto 60px;transition: all .8s ease;}
.header.top #menu li a {color: #333;transition: all .8s ease;}
.header.top #menu li a:hover {border-bottom: 1px solid #333;color: #000;}
.header.top #menu li.active a {border-bottom: 1px solid #666;}
.header.top .link-github { color: #333;}
.header.top .link-github a { color: #333;}
.header.top .link-github a:hover { color: #000; text-decoration: underline;}
.header.top .link-github a i { background: url("../images/icon-github.png") no-repeat 0 100%; background-size: 24px auto;}
.header.top .language a {color: #000;border: 1px solid #666;transition: all .8s ease;}
.header.top .language a i { display: inline-block; width: 6px; height: 4px; background: url("../images/icon-language-more2.png") no-repeat 0 0; background-size: 100% auto; margin-left: 2px; position: relative; top: -2px;}

.language-box { display: none; z-index: 999999; position: fixed; right: 50px; top: 55px; padding: 5px 0; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(10, 16, 34, .1);}
.language-box li a { display: block; padding: 3px 13px;}
.language-box li a:hover { background-color: #ddd;}
.language-box i { display:inline-block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position:absolute; left: 15px; top: -5px;}
.header.top .language-box { background-color: #333;}
.header.top .language-box li a { color: #fff;}
.header.top .language-box li a:hover { background-color: #999;}
.header.top .language-box i { border-bottom: 8px solid #333;}

/*--home--*/
.icon-arrow {position: fixed;z-index: 99999;left: 50%;bottom: 30px;width: 34px;height: 34px;margin-left: -17px;background: url("../images/icon-arrow.png") no-repeat 50% 50%;background-size: 20px auto;
    -webkit-animation: arrowdou .5s infinite linear;-moz-animation: arrowdou .5s infinite linear;-o-animation: arrowdou .5s infinite linear;animation: arrowdou .5s infinite linear;}
@-webkit-keyframes arrowdou { 0% {bottom: 30px;} 50% {bottom: 35px;} 100% {bottom: 30px;}}
@-moz-keyframes arrowdou { 0% {bottom: 30px;} 50% {bottom: 35px;} 100% {bottom: 30px;}}
@-o-keyframes arrowdou { 0% {bottom: 30px;} 50% {bottom: 35px;} 100% {bottom: 30px;}}
@keyframes arrowdou { 0% {bottom: 30px;} 50% {bottom: 35px;} 100% {bottom: 30px;}}

.scene, .layer {display: block;height: 100%;width: 100%;padding: 0;margin: 0;}
.scene {min-height: 600px;position: relative;overflow: hidden;}
.scene .background {background: url("../images/bg1.jpg") no-repeat 50% 50%;bottom: -100px;background-size: cover;position: absolute;width: 110%;left: -5%;top: -5%;}
.scene .ob1 {position: absolute;top: 180px;left: 50%;margin-left: -800px;}
.scene .ob2 {position: absolute;top: 480px;left: 50%;margin-left: -760px;}
.scene .ob3 {position: absolute;top: 575px;left: 50%;margin-left: 100px;}
.i-home-box .fp-bg {background-color: #222;}
.i-home-box h2 {font-size: 50px;color: #fff;font-weight: normal;}
.i-home-box p {font-size: 40px;color: #fff;}
/*-------------=================cloud================---------------*/
.cloud img {position: absolute;z-index: 1;width: 100%;height: 100%;opacity: 0;top: 0;left: 0;-webkit-animation: cloudani 8s infinite linear;-moz-animation: cloudani 8s infinite linear;-o-animation: cloudani 8s infinite linear;animation: cloudani 8s infinite linear;}
@-webkit-keyframes cloudani { 0% {width: 100%;opacity: 0;} 50% {width: 130%;opacity: .8;} 100% {width: 100%;opacity: 0;}}
@-moz-keyframes cloudani { 0% {width: 100%;opacity: 0;} 50% {width: 130%;opacity: .8;} 100% {width: 100%;opacity: 0;}}
@-o-keyframes cloudani { 0% {width: 100%;opacity: 0;} 50% {width: 130%;opacity: .8;} 100% {width: 100%;opacity: 0;}}
@keyframes cloudani { 0% {width: 100%;opacity: 0;} 50% {width: 130%;opacity: .8;} 100% {width: 100%;opacity: 0;}}
.a-delay1 {animation-delay: .3s;}
.a-delay2 {animation-delay: .5s;}
.a-delay3 {animation-delay: .7s;}
.section .tit {font-size: 20px;margin-bottom: 40px;}
/*--================================================2service===========================================--*/
.i-service-box .fp-bg {background-color: #eee;}
.i-service-box p {font-size: 14px;}
.i-service-box ul { width:84%; max-width: 1400px; margin: 0 auto;}
.i-service-box ul li {float: left; width: 25%; margin-bottom: 20px;}
.i-service-box ul li.l1 {animation-delay: .3s;}
.i-service-box ul li.l2 {animation-delay: .5s;}
.i-service-box ul li.l3 {animation-delay: .7s;}
.i-service-box ul li.l4 {animation-delay: .9s;}
.i-service-box ul li.l5 {animation-delay: 1.1s;}
.i-service-box ul li .s-content { margin: 0 10px;}
.i-service-box ul li .s-content a {display: block; background-color: #fff; border: 1px solid #eee;padding:20px 15px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);border-radius: 8px;transition: all .3s ease;}
.i-service-box ul li .s-content a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.i-service-box ul li .s-content h3 {margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i-service-box ul li .s-content p { height: 60px; overflow: hidden;  text-align: center; font-size: 12px;}
.i-service-box ul li .s-content em.price {font-weight: bold;}
.i-service-box ul li .s-content .more span {border-bottom: 1px solid #000;color: #000;padding-bottom: 5px;}

.i-service-box ul li .s-content i.icon-services { display: inline-block; height: 50px; width: 50px; background: url("../images/icon-services-2022.png") no-repeat 0 0; background-size: 100% auto;}
.i-service-box ul li .s-content i.icon-exchange { background-position: 0 0;}
.i-service-box ul li .s-content i.icon-wallet { background-position: 0 -50px;}
.i-service-box ul li .s-content i.icon-blockchain { background-position: 0 -100px;}
.i-service-box ul li .s-content i.icon-smart-contract { background-position: 0 -150px;}
.i-service-box ul li .s-content i.icon-consortium-blockchain { background-position: 0 -200px;}
.i-service-box ul li .s-content i.icon-redteaming { background-position: 0 -250px;}
.i-service-box ul li .s-content i.icon-safety-monitoring { background-position: 0 -300px;}
.i-service-box ul li .s-content i.icon-bti { background-position: 0 -350px;}
.i-service-box ul li .s-content i.icon-bug-bounty { background-position: 0 -400px;}
.i-service-box ul li .s-content i.icon-defense-deployment { background-position: 0 -450px;}
.i-service-box ul li .s-content i.icon-security-consulting { background-position: 0 -500px;}
.i-service-box ul li .s-content i.icon-hackingtime { background-position: 0 -550px;}
.i-service-box ul li .s-content i.icon-MistTrack { background-position: 0 -600px;}

/*.i-service-box ul li .s-content i.icon-services { display: inline-block; height: 60px; width: 60px; background: url("../images/icon-services.png") no-repeat 0 0; background-size: 60px auto;}*/
/*.i-service-box ul li .s-content i.icon-services2 { background-position: 0 -60px;}*/
/*.i-service-box ul li .s-content i.icon-services3 { background-position: 0 -120px;}*/
/*.i-service-box ul li .s-content i.icon-services4 { background-position: 0 -180px;}*/
/*.i-service-box ul li .s-content i.icon-services5 { background-position: 0 -240px;}*/
/*.i-service-box ul li .s-content i.icon-services6 { background-position: 0 -300px;}*/
/*.i-service-box ul li .s-content i.icon-services7 { background-position: 0 -360px;}*/
/*.i-service-box ul li .s-content i.icon-services8 { background-position: 0 -420px;}*/
/*.i-service-box ul li .s-content i.icon-redteaming { background: url("../images/icon-redteaming.png") no-repeat 0 0; background-size: 60px auto;}*/
/*.i-service-box ul li .s-content i.icon-safety-monitoring { background: url("../images/icon-safety-monitoring.png") no-repeat 0 0; background-size: 60px auto;}*/
/*.i-service-box ul li .s-content i.icon-consortium-blockchain { background: url("../images/icon-consortium-blockchain.png") no-repeat 0 0; background-size: 60px auto;}*/
/*.i-service-box ul li .s-content i.icon-consortium-blockchain:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-new.png") no-repeat 0 0; background-size: 100% auto;}*/

/*.i-service-box ul li .s-content i.icon-services6:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}*/
/*.i-service-box ul li .s-content i.icon-hackingtime { background: url("../images/icon-hackingtime.png") no-repeat 0 0; background-size: 60px auto;}*/
/*.i-service-box ul li .s-content i.icon-hackingtime:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}*/


.i-service-box ul.list9 li { width: 33.33%; text-align: left;}
.i-service-box ul.list9 li .s-content a { position: relative; padding-left: 86px; padding-right: 25px;}
.i-service-box ul.list9 li .s-content a:after { position: absolute; right: 12px; top: 50%; margin-top: -5px; display: inline-block; content: ''; width: 6px; height: 11px; background: url("../images/icon-more-arrow.png") no-repeat 0 0; background-size: 6px auto;}
.i-service-box ul.list9 li .s-content p { text-align: left;}
.i-service-box ul.list9 li .s-content i.icon-services { position: absolute; left: 16px; top: 50%; margin-top: -25px;}
.i-service-box ul.list9 li .s-content .more span { display: none;}
.i-service-box ul.list9 li .s-content h3 { margin-bottom: 0;}



.i-service-box ul.list10 li { width: 33.33%;}

/**-----八个排列---**/
.i-service-box ul.list8 li { width: 25%;}
.i-service-box ul.list8 li .s-content a { padding: 70px 30px 15px 20px;}
.i-service-box ul.list8 li .s-content i.icon-services { top: 40px;}




/*--================================================2product===========================================--*/
.i-product-box .fp-bg {background-color: #eee;}
.product-box .tabs-tit-product { font-size: 14px; margin-bottom: 10px;}
.product-box .tabs-tit-product a { display: inline-block; margin: 0 10px; padding-bottom: 5px;}
.product-box .tabs-tit-product a.active { border-bottom: 1px solid #000; color: #000;}
.product-box ul { width:84%; max-width: 1400px; margin: 0 auto; padding: 10px 0;}
.product-box ul li { float: left; width: 33.33%;}
.product-box ul li a { display: block; margin: 10px; background-color: #fff; border: 1px solid #eee;padding:20px 15px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);border-radius: 8px;transition: all .3s ease;}
.product-box ul li a:hover {box-shadow: 0 10px 30px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.product-box ul li a img { width: 60px; height: 60px;}
.product-box ul li a h3 { color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-box ul li a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*--================================================3news===========================================--*/
.i-news-box .fp-bg {background-color: #fff;}
.news-zt {width: 84%;max-width: 900px;margin: 0 auto;}
.news-zt img {width: 100%;display: block;}
.news-zx {width: 84%;max-width: 900px;margin: 0 auto;}
.tabs-tit {margin-bottom: 15px;}
.tabs-tit a {display: inline-block;font-size: 14px;font-weight: bold;margin: 0 50px;padding: 10px;border-bottom: 1px solid transparent;}
.tabs-tit a.active {color: #000;border-bottom: 1px solid #000;}
.news-list li {margin-bottom: 10px;}
.news-list li a {display: block;position: relative;padding-left: 140px;text-align: left;min-height: 80px;padding-right: 100px;}
.news-list li a img {position: absolute;margin: 0 0 0 -140px;width: 120px;height: 80px;}
.news-list li h3 {padding: 5px 0;margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list li p {height: 40px;overflow: hidden;}
.news-list li a span.time {position: absolute;right: 1px;top: 0;display: inline-block;width: 60px;height: 78px;border: 1px solid #bbb;text-align: center;}
.news-list li a span.time em {display: block;padding: 10px 0;border-bottom: 1px solid #bbb;margin-bottom: 5px;font-size: 18px;}
.swiper-pagination-bullet {background: #fff;}
.swiper-pagination-bullet-active {background: #fff;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background: url("../images/news-l.png") no-repeat 50% 50%;background-size: 9px 18px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background: url("../images/news-r.png") no-repeat 50% 50%;background-size: 9px 18px;}
.news-zx a.btn-more {padding: 10px 30px;border: 1px solid #bbb;display: inline-block;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);margin-top: 10px;}
.news-zx a.btn-more:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
/*--================================================4aboutUs===========================================--*/
.i-aboutUs-box .tit {color: #fff;}
.about-con {width: 84%; max-width:800px; margin: 0 auto;color: #fff;}
.about-con p {text-align: justify;line-height: 2;font-size: 14px;margin-bottom: 50px;}
.about-con p em {font-weight: bold;margin: 0 5px;}
.about-con ul {margin: 0 70px;}
.about-con li {float: left;width: 33.33%;}
.about-con li a { display: block; color: #fff;}
.about-con li a:hover { color: #fff;}
.about-con li img {width: 64px;margin-bottom: 10px;}
.about-con li h3 {font-size: 18px;}
/*--================================================5contactUs===========================================--*/
.i-contactUs-box .fp-bg {background-color: #fff;}
.contact-con { width: 84%; max-width: 800px;margin: 0 auto;}
.contact-con li {float: left;width: 33.33%;}
.contact-con li img { width:100%; max-width: 180px;}
.contact-con-en { width: 500px; margin: 0 auto;}
.contact-con-en dl { padding: 20px;}
.contact-con-en dd { float: left; width: 48%; margin: 0 1%; position: relative;}
.contact-con-en dd img { margin-bottom: 10px; width: 90px;}
.contact-con-en dd .contact-con-en-wx { display: none; position: absolute; top: 0; left: 50%; width: 160px; height: 160px; background-color: #fff; border: 1px solid #eee; margin-left: -80px; margin-top: -180px;}
.contact-con-en dd .contact-con-en-wx img { width: 100%;}
.contact-con-en dd a { display: block;}
.contact-con-en dd a.wxgzh:hover .contact-con-en-wx { display: block;}
.contact-con li p {font-size: 14px;}
.contact-con h3 i { display: inline-block; width: 18px; height: 18px; position: relative; margin-right: 5px; top: 3px;}
.contact-con h3 i.icon-wx { background: url("../images/icon-wx.png") no-repeat 50% 50%; background-size: auto 18px;}
.contact-con h3 i.icon-zsxq { background: url("../images/icon-zsxq.png") no-repeat 50% 50%; background-size: auto 18px;}
.contact-con h3 i.icon-wb { background: url("../images/icon-wb.png") no-repeat 50% 50%; background-size: auto 18px;}
.email-sm {padding: 50px 0 30px 0;}
.email-sm a {font-size: 16px;display: inline-block;border: 1px solid #ddd;padding: 10px 30px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);}
.email-sm a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.email-sm i {display: inline-block;width: 18px;height: 14px;background: url("../images/icon-email.png") no-repeat 0 50%;background-size: 18px auto;position: relative;top: 2px;margin-right: 5px;}
/*--================================================6partner===========================================--*/
.i-customer-box .tit {color: #fff;}
.i-customer-box .fp-bg {background-color: #282828;}
.partner-con { max-width: 1000px; width: 84%; margin: 0 auto;}
.partner-con ul li {float: left;width: 20%;}
.partner-con ul li p {margin: 3px;padding: 6% 14%;border: 1px solid rgba(255, 255, 255, 0.05);}
.partner-con ul li img {width: 100%;display: block;}
.partner-con .swiper-slide { padding-bottom: 30px;}
.partner-con .swiper-pagination { bottom: 0!important;}
/*--================================================footer===========================================--*/
.footer {display: block;position: fixed;bottom: 15px;text-align: center;color: #999;z-index: 99999;width: 100%;}
.footer p {font-size: 12px;color: #555;}
.footer p img {vertical-align: top;}
.footer a { color: #555;}

.statement { width: 96%; padding: 0 2%; margin-bottom: 5px; position: relative; color: #888; background-color: #333; height: 30px; line-height: 30px;}
.statement-scroll { width:100%; position:absolute; left:0; top:0;}
.statement-scroll span { display: inline-block; width: 2400px; color: #999;}



/*------=====news=====----*/
.news-header {width: 100%;height: 70px;position: relative;background-color: #fff;padding-top: 10px;border-bottom: 1px solid #eee;margin-bottom: 20px;}
.news-header .logo {float: left;margin-left: 50px;width: 178px;height: 60px;background: url("../images/logo-b.png") no-repeat 0 50%;background-size: auto 60px;transition: all .8s ease;}
.news-header .logo a {display: block;width: 100%;height: 100%;}
.news-header .language {position: absolute;right: 50px;top: 22px;}
.news-header .language a {display: block;padding: 0 6px;height: 30px;line-height: 30px;color: #000;border: 1px solid #666;transition: all .8s ease;}
.news-header .btn-back {float: right;margin-right: 50px;padding: 9px 60px 0 0;}
.news-header .btn-back a {display: block;padding: 10px 20px;}
.news-header .language-box { position: absolute; background-color: #333;}
.news-header .language-box li a { color: #fff;}
.news-header .language-box li a:hover { background-color: #999;}
.news-header .language-box i { border-bottom: 8px solid #333;}
.news-header .language a i { display: inline-block; width: 6px; height: 4px; background: url("../images/icon-language-more2.png") no-repeat 0 0; background-size: 100% auto; margin-left: 2px; position: relative; top: -2px;}


/*-------------============================================service=============================================================---------------*/
.s-header {width: 100%;position: relative;background-color: #fff;}
.s-header .logo {float: left;margin-left: 50px;width: 178px;height: 60px; padding: 10px 0; background: url("../images/logo-b.png") no-repeat 0 50%;background-size: auto 60px;transition: all .8s ease;}
.s-header .logo a {display: block;width: 100%;height: 100%;}
.s-header #menu {float: right; padding-right: 130px;}
.s-header #menu ul { float: left;}
.s-header #menu li {float: left;margin-left: 20px;}
.s-header #menu li a {color: #333;padding: 0 6px;display: block;border-bottom: 1px solid transparent;transition: all .8s ease; height: 79px; line-height: 79px;}
.s-header #menu li a:hover {border-bottom: 1px solid #666;color: #666;}
.s-header #menu li a.cur {border-bottom: 1px solid #333;}
.s-header .language {position: absolute;right: 50px;top: 22px;}
.s-header .language a {display: block;padding: 0 6px;height: 30px;line-height: 30px;color: #000;border: 1px solid #666;transition: all .8s ease;}

.s-header .language-box { position: absolute; background-color: #999;}
.s-header .language-box li a { color: #fff;}
.s-header .language-box li a:hover { background-color: #666;}
.s-header .language-box i { border-bottom: 8px solid #999;}
.s-header .language a i { display: inline-block; width: 6px; height: 4px; background: url("../images/icon-language-more2.png") no-repeat 0 0; background-size: 100% auto; margin-left: 2px; position: relative; top: -2px;}



.s-header .link-github { float: left; margin-left: 40px; padding-top: 20px;}
.s-header .link-github a { color: #333;}
.s-header .link-github a:hover { color: #000; text-decoration: underline;}
.s-header .link-github a i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url("../images/icon-github.png") no-repeat 0 100%; background-size: 24px auto; position: relative; top: 6px;}


.service-banner {background: url("../images/s-bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 50px 0;color: #fff;}
.service-banner i {display: inline-block; width: 100px;height: 100px; background: url("../images/icon-services2.png") no-repeat 0 5px; background-size: 100% auto;}
.service-banner i.icon-s-b2 { background-position: 0 -98px;}
.service-banner i.icon-s-b3 { background-position: 0 -198px;}
.service-banner i.icon-s-b4 { background-position: 0 -298px;}
.service-banner i.icon-s-b5 { background-position: 0 -398px;}
.service-banner i.icon-s-b6 { background-position: 0 -500px;}
.service-banner i.icon-s-b7 { background-position: 0 -601px;}
.service-banner i.icon-s-b8 { background-position: 0 -700px;}
.service-banner h2 { margin-bottom: 20px;}
.service-banner p.intro { line-height: 2; width: 90%; max-width: 1000px; margin: 0 auto; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); padding: 20px 0; font-size: 13px;}
.service-banner p.intro a { color: #fff; text-decoration: underline; margin: 0 3px; font-weight: bold;}
.service-banner p.intro.intro-more { text-align: justify;}



.service-box { width:90%; max-width: 960px;padding: 20px;margin: 20px auto;text-align: left;}
.service-box h1.title {text-align: center;margin-bottom: 30px;padding-bottom: 20px; font-size: 20px; font-weight: normal;}
.service-box h1 {margin-bottom: 10px;}
.service-box h2 {margin-bottom: 10px;padding: 5px 0;font-size: 13px;}
.service-box p {margin-bottom: 10px;}
.service-box dl {margin-bottom: 3px;}
.service-box dt {display: block;margin-bottom: 10px;font-weight: bold;background-color: #f5f5f5;padding: 1px 3px;}
.service-box dd {margin-bottom: 10px;float: left;display: block;width: 25%;}
.service-bs {text-align: center;}
.service-bs p {padding-top: 20px;font-size: 14px;}
.service-bs h2 {margin: 50px 0 10px 0;}
.service-bs .email {margin-bottom: 50px;}
.service-bs .email a {display: inline-block;border: 1px solid #eee;padding: 10px 30px;font-size: 14px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);}
.service-bs .email a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.service-bs .email i {display: inline-block;width: 18px;height: 14px;background: url("../images/icon-email.png") no-repeat 0 50%;background-size: 18px auto;position: relative;top: 2px;margin-right: 5px;}
.service-fxb-dzk { width:90%; max-width: 1000px;margin: 50px auto 30px auto;padding: 20px 0;}
.service-fxb-dzk h2 {font-size: 20px;}
.service-fxb-dzk p {font-size: 18px;}
.service-fxb-dzk p.price {padding: 10px 0;color: #d90000;font-size: 22px;}
.service-fxb-dzk .email a {display: inline-block;border: 1px solid #eee;padding: 10px 30px;font-size: 14px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);}
.service-fxb-dzk .email a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.service-fxb-dzk .email a i {display: inline-block;width: 18px;height: 14px;background: url("../images/icon-email.png") no-repeat 0 50%;background-size: 18px auto;position: relative;top: 2px;margin-right: 5px;}
.service-fxb-p { width:90%; max-width: 1000px;margin: 0 auto 30px auto;}
.service-fxb-p h2 {margin-bottom: 20px;font-size: 18px;}
.service-fxb-p li {float: left;width: 31.33%;margin: 1%;}
.service-fxb-p li img {width: 90px;}
.service-fxb-p li h3 {margin-bottom: 5px;}
.service-fxb-code { width:90%; max-width: 1000px;margin: 0 auto;}
.service-fxb-code h2 {margin-bottom: 20px;font-size: 18px;}
.service-fxb-code pre {background-color: #333;padding: 20px;text-align: left;margin: 0;overflow-x: scroll;overflow-y: hidden;}
.tabs-tit-code a {float: left;width: 25%;background-color: #f5f5f5;padding: 10px 0;}
.tabs-tit-code a.active {background-color: #333;color: #fff;}
.s-footer {padding: 30px 0;color: #bbb;}
.s-footer a { color: #bbb;}

.service-sc h3.tit { margin-bottom: 50px; font-size: 20px; font-weight: normal;}
.service-sc-cg { padding: 130px 0;}
.service-sc-cg ul { width: 100%; max-width: 1000px; margin: 0 auto;}
.service-sc-cg li { float: left; width: 50%; position: relative;}
.service-sc-cg li:first-child:after { display: inline-block; content: ""; width: 1px; height: 100%; background-color: #eee; position: absolute; right: 0; top: 0;}
.service-sc-cg li span { font-size: 48px;}
.service-sc-cg li p { font-size: 14px;}
.service-sc-search { padding: 100px 0;}
.service-sc-search h2.tit { margin-bottom: 30px; font-size: 18px;}
.service-sc-search-form { border: 1px solid #ddd; width: 90%; max-width: 420px; padding-right: 140px; height: 50px; margin: 0 auto 30px auto; text-align: left; position: relative; font-size: 14px; box-shadow: 0 0 15px rgba(10, 16, 34, .1);}
.service-sc-search-form i { display: inline-block; width: 16px; height: 16px; background: url("../images/icon-btn-search.png") no-repeat 0 0; background-size: 100% auto; position: absolute; left: 15px; top: 50%; margin-top: -8px;}
.service-sc-search .input-text { text-indent: 40px; width: 100%; background: none; border: none; height: 100%;}
.service-sc-search .btn-search { background-color: #333; width: 140px; height: 52px; line-height: 52px; text-align: center; display: inline-block; color: #fff; position: absolute; right: -1px; top: -1px; transition: all .3s ease;}
.service-sc-search .btn-search:hover { background-color: #000; transition: all .3s ease;}
.service-sc-search-result { width: 90%; max-width: 560px; margin: 0 auto;}
.service-sc-search-result ul { border: 1px solid #eee; padding: 15px;}
.service-sc-search-result li { text-align: left; position: relative; padding-left: 90px; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd;}
.service-sc-search-result li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.service-sc-search-result li label { position: absolute; left: 0; font-weight: bold;}
.service-sc-search-result li p { word-break: break-all;}
.service-sc-search-result li a { text-decoration: underline;}
.service-sc-search-result li a:hover { color: #000;}
.service-sc-search-result-no { padding-top: 10px; font-size: 14px; color: #ff4343;}



.service-sc-process { background-color: #f5f5f5; padding: 100px 0;}
.service-sc-process ul { width: 100%; max-width: 1000px; margin: 0 auto;}
.service-sc-process ul li { float: left; width: 20%; font-size: 14px; position: relative;}
.service-sc-process ul li:after { display: inline-block; content: ""; width: 6px; height: 11px; background: url("../images/icon-process-arrow.png") no-repeat 0 0; background-size: 6px auto; position: absolute; right: 0; top: 50%; margin: -5px -3px 0 0;}
.service-sc-process ul li:last-child:after { display: none;}
.service-sc-process ul li i { display: inline-block; width: 60px; height: 60px; background: url("../images/icon-process.png") no-repeat 0 0; background-size: 100% auto;}
.service-sc-process ul li i.icon-process2 { background-position: 0 -60px;}
.service-sc-process ul li i.icon-process3 { background-position: 0 -120px;}
.service-sc-process ul li i.icon-process4 { background-position: 0 -180px;}
.service-sc-process ul li i.icon-process5 { background-position: 0 -240px;}


.service-sc-content { width: 100%; max-width: 1000px; margin: 0 auto; padding: 100px 0;}
.service-sc-content table { width: 100%; margin-bottom: 20px;}
.service-sc-content th,
.service-sc-content td { border: 1px solid #eee; padding: 5px 10px; font-size: 13px;}
.service-sc-content th { background-color: #f8f8f8;}
.service-sc-content td.text-left { text-align: left;}
.service-sc-jy { background-color: #f5f5f5; padding: 100px 0;}
.service-sc-jy ul { width: 100%; max-width: 1000px; margin: 0 auto;}
.service-sc-jy ul li { float: left; width: 33.33%; margin-bottom: 30px;}
.service-sc-jy ul li img { width: 90%; max-width: 140px;}
.service-sc-case { padding: 100px 0;}
.service-sc-case ul { width: 100%; max-width: 1000px; margin: 0 auto;}
.service-sc-case ul li { float: left; width: 33.33%; margin-bottom: 20px;}
.service-sc-case ul li img { width: 90%; max-width: 140px;}
.service-sc-li4 ul li { width: 25%;}






/*--pdf-box---*/
.pdf-box { margin-bottom: 20px;}
.pdf-box a { display: inline-block; padding: 10px 15px; background-color: #333; font-size: 14px; border-radius: 4px; color: #fff; transition: all .3s ease;}
.pdf-box a:hover { background-color: #000; transition: all .3s ease;}
.pdf-box a i { display: inline-block; width: 20px; height: 23px; background: url("../images/icon-pdf-b.png") no-repeat 0 0; background-size: 20px 23px; position: relative; margin-right: 5px; top: -1px; vertical-align: top;}

/*--business--*/
.pic-business { position: fixed; right: 0; z-index: 98; margin-right: -75px; width: 150px; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.pic-business img { width: 100%; border-radius: 4px;}
/*---service-security-audit---*/
.backtotop { position: fixed; z-index: 999999; right: 10px; bottom: 10px;}
.backtotop a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: rgba(0, 0, 0, 0.5) url("../images/icon-arrow2.png") no-repeat 50% 50%; background-size: 14px auto;}
.service-nav { margin-top: 20px; color: #ddd;}
.service-nav a { font-size: 14px; font-weight: bold; color: #333; margin: 0 10px;}


.sbb-content { width: 90%; max-width: 1000px; margin: 0 auto 20px auto; text-align: justify;}
.sbb-content h2 { text-align: center; margin-bottom: 20px; background-color: #f8f8f8; border: 1px solid #eee;}
.sbb-content h3 { margin: 10px 0;}
.sbb-content p { margin: 10px 0;}
.sbb-content thead { font-weight: bold;}
.sbb-content a { border-bottom: 1px solid #666;}
.sbb-content table { width: 100%!important; margin: 0!important;}

#fp-nav ul li a span { background: #999;}
#fp-nav.black ul li a span { background: #333;}
.pic-business-weixin { display: none;}

/*--service-bti--*/
.service-bti { width: 90%; max-width: 1000px; margin: 0 auto; padding: 30px 0;}
.service-bti h2 { padding: 30px 0; font-size: 20px;}
.service-bti p { line-height: 2; text-align: left; padding-bottom: 30px;}

/*--BTI--*/
.i-service-box ul li .s-content i.icon-services7 { position: relative;}
.i-service-box ul li .s-content i.icon-services7:after { display: inline-block; position: absolute; right: -36px; top: 12px; content: ""; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}
.i-service-box ul.list9 li .s-content i.icon-services7:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}
.i-service-box ul li .s-content i.icon-redteaming { position: relative;}
/*.i-service-box ul li .s-content i.icon-redteaming:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-new.png") no-repeat 0 0; background-size: 100% auto;}*/
.i-service-box ul li .s-content i.icon-safety-monitoring { position: relative;}
/*.i-service-box ul li .s-content i.icon-safety-monitoring:after { display: inline-block; position: absolute; right: 0; top: -14px; content: ""; width: 33px; height: 15px; background: url("../images/icon-new.png") no-repeat 0 0; background-size: 100% auto;}*/
.service-bti-map img { width: 100%; max-width: 600px;}
.service-fxb { padding: 20px 0 30px 0;}

.service-bti-xm { background-color: #f5f5f5; padding: 100px 0;}
.service-bti-xm h2 { font-size: 20px; margin-bottom: 50px; font-weight: normal;}
.service-bti-xm ul { max-width: 90%; width: 1000px; margin: 0 auto;}
.service-bti-xm ul li { float: left; width: 48%; margin: 1%;}
.service-bti-xm ul li a { display: block; padding: 20px 5px; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1); transition: all .3s ease;}
.service-bti-xm ul li a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.service-bti-xm ul li h3 { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.service-bti-xm ul li img { width: 80px;}
.service-bti-xm ul li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.service-bti .email { padding: 20px 0;}
.service-bti .email a {display: inline-block;border: 1px solid #eee;padding: 10px 30px;font-size: 14px;box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);}
.service-bti .email a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
.service-bti .email a i {display: inline-block;width: 18px;height: 14px;background: url("../images/icon-email.png") no-repeat 0 50%;background-size: 18px auto;position: relative;top: 2px;margin-right: 5px;}

.btn-more-vul { display: inline-block; padding: 5px 15px; border: 1px solid #ddd; background-color: #fff; color: #333; margin-top: 15px; transition: all 0.3s ease;}
.btn-more-vul:hover { background-color: #333; border: 1px solid #333; color: #fff; transition: all 0.3s ease;}



.intro-header {height: 70px; background-color: #fff;border-bottom: 1px solid #eee; padding: 0 30px;}
.intro-header .logo {float: left;width: 148px;height: 50px;background: url("../images/logo-b.png") no-repeat 0 50%;background-size: auto 100%;transition: all .8s ease; margin-top: 10px;}
.intro-header .logo a { display: block;width: 148px;height: 50px;}

.intro-header-top { float: right;}

.intro-header .intro-nav { float: left; margin-right: 20px; height: 70px; line-height: 70px;}
.intro-header .intro-nav li { float: left; margin-right: 20px;}
.intro-header .intro-nav li a { padding: 0 10px; display: block; border-bottom: 2px solid transparent; color: #000; transition: all ease .3s;}
.intro-header .intro-nav li a.cur { border-bottom: 2px solid #000; color: #000;}
.intro-header .intro-nav li a:hover { color: #000; transition: all ease .3s;}

.intro-header-top .link-github { float: right; margin-right: 100px; height: 70px; line-height: 70px;}
.intro-header-top .link-github a { color: #333;}
.intro-header-top .link-github a:hover { color: #000; text-decoration: underline;}
.intro-header-top .link-github a i { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background: url("../images/icon-github.png") no-repeat 0 100%; background-size: 24px auto; position: relative; top: 6px;}


.intro-header .language-box { position: absolute; background-color: #000; top: 60px;}
.intro-header .language-box li a { color: #fff;}
.intro-header .language-box li a:hover { background-color: #999;}
.intro-header .language-box i { border-bottom: 8px solid #000;}

.intro-header .language {position: absolute;right: 50px;top: 19px;}
.intro-header .language a {display: block;padding: 0 6px;height: 30px;line-height: 30px;color: #000;border: 1px solid #666;transition: all .8s ease;}
.intro-header .language a i { display: inline-block; width: 6px; height: 4px; background: url("../images/icon-language-more2.png") no-repeat 0 0; background-size: 100% auto; margin-left: 2px; position: relative; top: -2px;}
.intro-banner { height: 290px; padding-top: 210px; color: #fff;}
.intro-banner p { font-size: 40px; line-height: 1}
.intro-banner h3 { font-size: 30px;}
.intro-banner-culture { background: url("../images/bg-culture.jpg") no-repeat center center; background-size: cover;}
.intro-banner-course { background: url("../images/bg-course.jpg") no-repeat center center; background-size: cover;}
.intro-banner-honor { background: url("../images/bg-honor.jpg") no-repeat center center; background-size: cover;}
.intro-content { padding: 50px 0;}
.intro-content ul { width: 90%; margin: 0 auto; text-align: left;}
.intro-content li { margin-bottom: 20px; padding-left: 10px;}
.intro-content-culture h2 { font-size: 24px; font-weight: normal; margin: 15px 0;}
.intro-content-culture h3 { font-size: 16px; margin: 20px 0;}
.intro-content-culture p { font-size: 14px; padding-bottom: 20px;}
.intro-content-culture p.info { padding: 0;}

.intro-content { max-width: 640px; margin: 0 auto;}
.intro-content ul { text-align: left; border-left: 1px solid #ddd; padding: 5px 0;}
.intro-content ul li { position: relative; padding-left: 80px; margin-bottom: 10px;}
.intro-content ul li span { position: absolute; margin: 0 0 0 -70px; display: inline-block; color: #333;}
.intro-content ul li:before { display: inline-block; content: ''; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: -5px; top: 4px; background-color: #999;}
.intro-content .btn-more { display: inline-block; padding: 5px 15px; background-color: #333; border-radius: 30px; color: #fff;}

.intro-content-honor { max-width: 640px; margin: 0 auto;}
.intro-content-honor ul { text-align: left; border-left: 1px solid #ddd; padding: 5px 0;}
.intro-content-honor ul li { position: relative; padding-left: 80px; margin-bottom: 10px;}
.intro-content-honor ul li span { position: absolute; margin: 0 0 0 -70px; display: inline-block; color: #333;}
.intro-content-honor ul li:before { display: inline-block; content: ''; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: -5px; top: 4px; background-color: #999;}


.service-sc-case-more { padding-top: 10px;}
.service-sc-case-more a { display: inline-block; background-color: #333; color: #fff; border-radius: 2px; padding: 5px 20px;}
.service-sc-case-more a:hover { background-color: #000;}


/*--year-logo--*/
.year-logo { position: absolute; top: 0; left: 240px;}
.year-logo img { width: 60px;}

/*--service-blockchain-security-audit--*/
.service-bsa-open { padding: 100px 0;}
.service-bsa-open ul { width: 100%; max-width: 1000px; margin: 0 auto;}
.service-bsa-open ul li { width: 31.33%; margin: 0 1%; float: left;}
.service-bsa-open ul li img { width: 90%; max-width: 160px;}
.service-bsa-open ul li a { color: #333; display: block;}
.service-bsa-open ul li a:hover { color: #333; text-decoration: underline;}

.i-home-box h3 { font-size: 20px; color: #fff; padding-top: 40px; margin-bottom: 10px; font-weight: normal;}
.i-home-box ul { color: #fff; position: relative; z-index: 9999;}
.i-home-box ul li { display: inline-block; margin: 0 15px;}
.i-home-box ul li a { display: block; color: #fff;}
.i-home-box ul li a:hover { color: #fff;}
.i-home-box ul li span { font-size: 28px;}
.i-home-box ul li p { font-size: 14px;}

.i-service-box #tabs-container-services li { width: 33.33%;}
.i-service-box #tabs-container-services ul { padding: 30px 0;}
.i-service-box .services-tit { margin-bottom: 5px;}
.i-service-box .services-tit-subtitle { margin-bottom: 30px; font-size: 14px;}
.i-service-box .swiper-pagination-bullet { background: #000;}
.i-service-box .swiper-pagination-bullet-active { background: #000;}

.tabs-tit-service { margin-top: -20px; animation-delay: 1s; position: relative; z-index: 9999;}

.tabs-tit-service a { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 2px; text-align: center; background-color: #fff; color: #000; margin: 0 3px;}
.tabs-tit-service a.active { background-color: #000; color: #fff;}

.i-product-box .services-tit { margin-bottom: 5px;}
.i-product-box .services-tit-subtitle { margin-bottom: 10px; font-size: 14px;}

/*.i-product-box ul li.l1 {animation-delay: .1s;}*/
/*.i-product-box ul li.l2 {animation-delay: .3s;}*/
/*.i-product-box ul li.l3 {animation-delay: .5s;}*/
/*.i-product-box ul li.l4 {animation-delay: .7s;}*/
/*.i-product-box ul li.l5 {animation-delay: .9s;}*/

.container-services-box { display: none;}
.ul-services-box { display: block;}

/*----===========------*/
.i-solution-box .fp-bg {background-color: #fff;}
.solution-con { width:84%; max-width: 1400px; margin: 0 auto; padding: 10px 0;}
.solution-con h2.title { font-size: 20px; margin-bottom: 20px;}
.solution-con li { float: left; width: 33.33%;}
.solution-con li .item { text-align: left; padding: 3px; height: 200px;}
.solution-con li .item a { display: block; padding: 15px 20px; border-radius: 8px; color: #333; position: relative;}
/*.solution-con li .item h3 { margin-bottom: 5px;}*/
.solution-con li .item p { margin-bottom: 5px;}
.solution-con li .item .more { color: #666;}
.solution-con li .item .more i { position: relative; top: 4px; display: inline-block; width: 16px; height: 16px; background: url("../images/icon-arrow-more2.png") no-repeat 0 0; background-size: 100% auto;}
.solution-con li .item a:hover { box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1); transition: all .3s ease;}
.solution-con li .item a:hover .more i { background-position: 0 100%;}
.solution-con li .item i.icon-solution { display: inline-block; width: 50px; height: 50px; background: url("../images/icon-solution.png") no-repeat 0 0; background-size: 100% auto;}
.solution-con li .item i.icon-solution.icon-solution2 { background-position: 0 -50px;}
.solution-con li .item i.icon-solution.icon-solution3 { background-position: 0 -100px;}
.solution-con li .item i.icon-solution.icon-solution4 { background-position: 0 -150px;}
.solution-con li .item i.icon-solution.icon-solution5 { background-position: 0 -200px;}
.solution-con li .item i.icon-solution.icon-solution6 { background-position: 0 -250px;}

.solution-con ul li.l1 {animation-delay: .1s;}
.solution-con ul li.l2 {animation-delay: .2s;}
.solution-con ul li.l3 {animation-delay: .3s;}
.solution-con ul li.l4 {animation-delay: .4s;}
.solution-con ul li.l5 {animation-delay: .5s;}
.solution-con ul li.l6 {animation-delay: .6s;}

.solution-tit-subtitle { font-size: 14px; margin-bottom: 20px;}
.section .solution-tit { margin-bottom: 10px;}

.header #menu ul li { position: relative;}
.nav-service-box { display: none; z-index: 999999; position: absolute; left: -80px; top: 44px; width: 600px; padding: 12px 10px; background-color: #fff; border-radius: 8px; box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .15);}
.nav-service-box:before { content: ''; position: absolute; top: -6px; left: 90px; display: inline-block; width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #fff;}
.nav-service-box dl { border-bottom: 1px dotted #ddd; margin-bottom: 8px; padding-bottom: 3px;}
.nav-service-box dl:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.nav-service-box dd { float: left; width: 33.33%; margin-bottom: 4px;}
.header #menu ul li.li-service:hover .nav-service-box { display: block;}
.header #menu ul li.li-service .nav-service-box dd a { border: none; margin: 0 2px; background-color: #f8f8f8; color: #333; border-radius: 4px; transition: all .3s ease;}
.header #menu ul li.li-service .nav-service-box dd a:hover { background-color: #333; color: #fff; transition: all .3s ease;}
.nav-service-box dd a span { display: inline-block; position: relative;}
.nav-service-box dd a span i.icon-new { top: -2px; right: -29px; display: inline-block; position: absolute; width: 29px; height: 13px; background: url("../images/icon-new.png") no-repeat 0 0; background-size: 100% auto;}

.product-box i.icon-hot {  display: inline-block; position: relative; margin-left: 2px; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}


/*--iso--*/
.home-iso-box { position: fixed; bottom: 40px; left: 50px; padding-left: 50px; z-index: 9999;}
.home-iso-box img { width: 40px; height: 40px; position: absolute; left: 0; top: -3px;}
.i-home-box .home-iso-box p { font-size: 12px; line-height: 1.4; color: #bbb; font-style: italic; text-align: left;}

@media screen and (min-width: 1500px) and (max-width: 1920px) {
    /*--index--*/
    .header .logo { width: 163px; height: 55px; background-size: auto 55px;}
    .header.top .logo { width: 163px; height: 55px; background-size: auto 55px;}
    .i-home-box h2 { font-size: 50px;}
    .i-home-box p { font-size: 36px;}
    .i-service-box ul li .s-content p { font-size: 12px;}
    .i-service-box ul li .s-content a { padding: 15px;}
    /*--news--*/
    .news-header { height: 65px;}
    .news-header .logo { width: 163px; height: 55px; background-size: auto 55px;}
    .news-header .language { top:21px;}
    .news-header .btn-back { margin-right: 100px; padding: 10px 0 0 0;}
    .news-header .btn-back a { padding: 8px 20px;}
    /*----service-----*/
    .s-header { height: 75px;}
    .s-header .logo { width: 163px; height: 55px; background-size: auto 55px;}
    .s-header .language { top:21px;}
    .s-header .link-github { padding-top: 18px;}
    .s-header #menu li a { height: 74px; line-height: 74px;}

    /*--year-logo--*/
    .year-logo { position: absolute; top: 0; left: 220px;}
    .year-logo img { width: 56px;}

    .i-service-box ul.list9 li .s-content p { height: 40px;}

}

@media screen and (min-width: 1024px) and (max-width: 1500px) {
    /*--index--*/
    .header .logo { width: 148px; height: 50px; background-size: auto 50px;}
    .header.top .logo { width: 148px; height: 50px; background-size: auto 50px;}
    .i-home-box h2 { font-size: 44px;}
    .i-home-box p { font-size: 32px;}
    .i-service-box ul li .s-content p { font-size: 12px;}
    .i-service-box ul li .s-content a { padding: 15px;}
    .section .tit { margin-bottom: 10px;}
    .partner-con ul li { width: 20%;}
    /*--news--*/
    .news-header { height: 58px;}
    .news-header .logo { width: 148px; height: 50px; background-size: auto 50px;}
    .news-header .language { top:16px;}
    .news-header .btn-back { margin-right: 100px; padding: 5px 0 0 0;}
    .news-header .btn-back a { padding: 8px 20px;}
    /*----service-----*/
    .s-header { height: 70px;}
    .s-header .logo { width: 148px; height: 50px; background-size: auto 50px; margin-left: 20px;}
    .s-header .language { top:16px; right: 20px;}
    .s-header .link-github { padding-top: 14px; margin-left: 10px;}
    .s-header #menu li a { height: 69px; line-height: 69px;}
    .s-header #menu { padding-right: 80px;}
    .s-header #menu li { margin-left: 2px;}

    .s-header .language-box { right: 20px; top: 58px;}

    /*--year-logo--*/
    .year-logo { position: absolute; top: 0; left: 205px;}
    .year-logo img { width: 50px;}

}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    /*--index--*/
    .header .logo { width: 134px; height: 45px; background-size: auto 45px; margin-left:20px;}
    .header.top .logo { width: 134px; height: 45px; background-size: auto 45px;}
    .i-home-box h2 { font-size: 38px;}
    .i-home-box p { font-size: 28px;}
    .i-service-box ul li .s-content a { padding: 10px;}
    .i-service-box ul li .s-content p { height: 40px;}
    .i-service-box ul li .s-content h3 { font-size: 14px; margin-bottom: 10px;}
    .partner-con ul li { width: 20%;}
    .header .link-github { position: absolute; right: 30px; top: 0; padding-top: 5px;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 55px;}
    .header #menu ul li { width: 14.28%; margin: 0; padding: 0;}
    .header { top: 10px;}
    .header .language { right: 20px; top: 8px;}
    /*--news--*/
    .news-header { height: 56px;}
    .news-header .logo { width: 134px; height: 45px; background-size: auto 45px;}
    .news-header .language { top:16px;}
    .news-header .btn-back { margin-right: 100px; padding: 5px 0 0 0;}
    .news-header .btn-back a { padding: 8px 20px;}
    /*----service-----*/
    .s-header { height: 65px; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header .logo { width: 134px; height: 45px; background-size: auto 45px; margin-left: 20px;}
    .s-header .language { top:16px; right: 80px;}
    .s-header .link-github { position: absolute; top: 13px; right: 140px; margin: 0; padding: 0;}
    .s-header #menu i.btn-nav { display: inline-block; width: 40px; height: 40px; background: url("../images/btn-nav.png") no-repeat 0 0; background-size: 40px auto; right: 15px; top: 50%; margin-top: -21px; position: absolute; cursor: pointer; z-index: 99;}
    .s-header #menu i.btn-nav.cur { background-position: 0 100%;}
    .s-header #menu ul { display: none;}
    .s-header #menu ul.s-nav { display: block; position: fixed; left: 0; top: 64px; width: 100%; padding: 10px 0; background-color: #fff; z-index: 997; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header #menu ul.s-nav li { float: none; margin: 0 0 5px 0; padding: 0 20px;}
    .s-header #menu ul.s-nav li:first-child { display: none;}
    .s-header #menu ul.s-nav li a { height: 40px; line-height: 40px; border: none; font-size: 14px;}
    .s-header #menu ul.s-nav li a.cur { background-color: #ddd; border-radius: 40px; border: none;}
    .s-header #menu ul.s-nav li a:hover { background-color: #ddd; border-radius: 40px; border: none;}
    body.s-body:after { display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0;}
    .service-banner { margin-top: 65px;}

    .language-box { right: 20px; top: 58px;}
    .s-header .language-box { right: 80px; top: 58px;}

    /*--year-logo--*/
    .year-logo { position: absolute; top: 0; left: 160px;}
    .year-logo img { width: 46px;}
    .i-service-box #tabs-container-services li { width: 50%;}

    .container-services-box { display: block;}
    .ul-services-box { display: none;}

    .solution-con li .item h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .solution-con li .item p { display: none;}

}

@media screen and (min-width: 375px) and (max-width: 640px) {
    /*--index--*/
    .header .logo { width: 120px; height: 36px; background-size: auto 36px; margin-left:20px; padding-top: 5px;}
    .header.top .logo { width: 120px; height: 36px; background-size: auto 36px;}
    .i-home-box h2 { font-size: 24px;}
    .i-home-box p { font-size: 17px;}
    /*.section .tit { margin-bottom: 15px;}*/
    .i-service-box.section .tit { padding-top: 70px; animation-delay: .1s;}
    .i-aboutUs-box .tit { padding-top: 30px;}
    .partner-con ul li img { width: 90%;}
    .header .link-github { position: absolute; right: 20px; top: 0; padding-top: 2px;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 48px;}
    .header #menu ul li { width: 14.28%; margin: 0; padding: 0;}
    .header { top: 10px;}
    .header .language { right: 20px; top: 8px;}
    .header .language a { height: 24px; line-height: 24px;}
    .i-service-box ul li { float: none; width: 100%!important; margin-bottom: 10px;}
    .i-service-box ul li .s-content { margin: 0;}
    .i-service-box ul li .s-content a { padding: 10px 20px 10px 52px!important; position: relative; text-align: left; border-radius: 4px; border: 0.75px solid #eee;}
    .i-service-box ul li .s-content a:after { display: inline-block; content: ""; width: 6px; height: 11px; background: url("../images/icon-process-arrow.png") no-repeat 0 0!important; background-size: 6px auto!important; position: absolute; right: 8px!important; top: 50%; margin-top: -5px;}
    .i-service-box ul li .s-content i.icon-services { position: absolute; left: 10px!important; top: 50%; margin-top: -15px!important; width: 30px; height: 30px; background-size: 30px auto;}
    .i-service-box ul li .s-content i.icon-exchange { background-position: 0 0;}
    .i-service-box ul li .s-content i.icon-wallet { background-position: 0 -30px;}
    .i-service-box ul li .s-content i.icon-blockchain { background-position: 0 -60px;}
    .i-service-box ul li .s-content i.icon-smart-contract { background-position: 0 -90px;}
    .i-service-box ul li .s-content i.icon-consortium-blockchain { background-position: 0 -120px;}
    .i-service-box ul li .s-content i.icon-redteaming { background-position: 0 -150px;}
    .i-service-box ul li .s-content i.icon-safety-monitoring { background-position: 0 -180px;}
    .i-service-box ul li .s-content i.icon-bti { background-position: 0 -210px;}
    .i-service-box ul li .s-content i.icon-bug-bounty { background-position: 0 -240px;}
    .i-service-box ul li .s-content i.icon-defense-deployment { background-position: 0 -270px;}
    .i-service-box ul li .s-content i.icon-security-consulting { background-position: 0 -300px;}
    .i-service-box ul li .s-content i.icon-hackingtime { background-position: 0 -330px;}
    .i-service-box ul li .s-content i.icon-MistTrack { background-position: 0 -360px;}

    .i-service-box ul li .s-content p { font-size: 12px; text-align: left; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .i-service-box ul li .s-content a .more { display: none;}
    .i-service-box ul li .s-content h3 { min-height: auto; font-size: 14px; margin: 0; line-height: 1; padding-top: 4px; font-weight: normal; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .tabs-tit { margin-bottom: 15px;}
    .tabs-tit a { float: left; margin: 0; padding: 10px 0; width: 33.33%; font-size: 12px;}
    .news-list li a {padding-left: 70px;min-height: 40px;padding-right: 60px;}
    .news-list li a img { width: 60px;height: 40px; margin: 0 0 0 -69px;}
    .news-list li h3 { padding: 0;line-height: 1.3;font-size: 14px;font-weight: normal;}
    .news-list li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: auto;}
    .news-list li a span.time {height: auto;width: 50px;border: 0.75px solid #ccc;}
    .news-list li a span.time em {padding: 0; font-size: 14px;margin-bottom: 1px;line-height: 1.4;border-bottom: 0.75px solid #ccc;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;background-size: 6px auto;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;background-size: 6px auto;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
    .swiper-pagination-bullet { width: 4px; height: 4px;}
    .news-zt { padding-top: 60px;}
    .news-zx a.btn-more { padding: 0 15px; height: 30px; line-height: 30px;}
    .about-con p { font-size: 12px; margin-bottom: 15px;}
    .about-con li img { width: 40px; margin: 0;}
    .about-con li h3 { font-size: 12px;}
    .about-con ul { margin: 0;}

    .contact-con h3 { font-size: 12px; font-weight: normal;}
    .contact-con h3 i.icon-wx { background-size: auto 14px; }
    .contact-con h3 i.icon-zsxq { background-size: auto 14px;}
    .contact-con h3 i.icon-wb { background-size: auto 14px;}
    .contact-con li p { font-size: 12px;}
    .contact-con li img { width: 90px;}
    .email-sm { padding: 20px 0 0 0;}
    .email-sm a { padding: 5px 20px; border: 0.75px solid #eee; font-size: 12px;}
    .partner-con ul li p { margin: 1px;}
    #fp-nav.right { right: 0;}
    .footer p { width: 90%; margin: 0 auto;}

    /*--news--*/
    .news-header { height: 50px; margin-bottom: 10px;}
    .news-header .logo { width: 120px; height: 36px; background-size: auto 36px; padding-top: 3px;}
    .s-footer p { width: 90%; margin: 0 auto;}
    .news-box { padding: 0 10px;}
    .news-box .news-zt { padding-top: 0; width: 100%;}
    .news-box .news-zx { width: 100%;}
    .news-header .logo { margin-left: 10px;}
    .news-header .language { right: 10px; top:16px;}
    .news-header .btn-back { margin-right: 45px; padding: 3px 0 0 0;}
    .news-header .language a { height: 24px; line-height: 24px;}
    .news-header .btn-back a { padding: 8px 20px;}
    /*----service-----*/
    .s-header { height: 60px; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header .logo { width: 120px; height: 36px; background-size: auto 36px; margin-left: 10px; padding-top: 12px;}
    .s-header .language { top:14px; right: 60px;}
    .s-header .link-github { position: absolute; top: 10px; right: 120px; margin: 0; padding: 0;}
    .s-header #menu i.btn-nav { display: inline-block; width: 40px; height: 40px; background: url("../images/btn-nav.png") no-repeat 0 0; background-size: 40px auto; right: 5px; top: 50%; margin-top: -21px; position: absolute; cursor: pointer; z-index: 99;}
    .s-header #menu i.btn-nav.cur { background-position: 0 100%;}
    .s-header #menu ul { display: none;}
    .s-header #menu ul.s-nav { display: block; position: fixed; left: 0; top: 59px; width: 100%; padding: 10px 0; background-color: #fff; z-index: 997; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header #menu ul.s-nav li { float: none; margin: 0 0 5px 0; padding: 0 20px;}
    .s-header #menu ul.s-nav li:first-child { display: none;}
    .s-header #menu ul.s-nav li a { height: 40px; line-height: 40px; border: none; font-size: 14px;}
    .s-header #menu ul.s-nav li a.cur { background-color: #ddd; border-radius: 40px; border: none;}
    .s-header #menu ul.s-nav li a:hover { background-color: #ddd; border-radius: 40px; border: none;}
    body.s-body:after { display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0;}
    .service-banner { margin-top: 60px; padding: 30px 0;}
    .pic-business { width: 180px; position: relative; margin: 0 auto; transform:none; -ms-transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; padding: 40px 0 0 0;}


    .service-box { width: 90%; padding: 10px 0;}
    .service-box h1.title { margin-bottom: 0;}
    .service-fxb-dzk, .service-fxb-p, .service-fxb-code { width: 90%;}
    .service-fxb-p li { width: 33.33%; margin: 0; border: none; padding: 0;}
    .service-fxb-p li img { width: 50px;}
    .service-fxb-p li p { padding: 5px 10px; font-size: 12px; color: #999; text-align: justify; }
    .service-bs h2 { margin: 30px 0 10px 0;}
    .service-fxb-dzk { padding: 0; }
    .service-fxb-dzk h2 { font-size: 18px;}
    .service-bti h2 { font-size: 18px;}
    .service-fxb-dzk p { font-size: 16px;}
    .service-fxb-dzk p.price { font-size: 20px;}
    .service-sc-cg { padding: 50px 0;}
    .service-sc-process { padding: 50px 10px;}
    .service-sc h3.tit { margin-bottom: 10px; font-size: 15px;}
    .service-sc-content { padding: 50px 0;}
    .service-sc-content table { width: 92%; margin-left: 4%;}
    .service-sc-jy { padding: 50px 10px;}
    .service-sc-case { padding: 50px 10px;}
    .service-sc-cg li span { font-size: 36px;}
    .service-sc-process ul li { font-size: 12px;}
    .service-sc-process ul li i { width: 40px; height: 40px;}
    .service-sc-process ul li i.icon-process2 { background-position: 0 -40px;}
    .service-sc-process ul li i.icon-process3 { background-position: 0 -80px;}
    .service-sc-process ul li i.icon-process4 { background-position: 0 -120px;}
    .service-sc-process ul li i.icon-process5 { background-position: 0 -160px;}
    .service-sc-jy ul li,.service-sc-case ul li { margin: 20px 0 0 0;}
    .pic-business-weixin { display: block; width: 36px; height: 36px; background: url("../images/pic-email.png") no-repeat 0 0; background-size: 100% auto; position: fixed; right: 0; z-index: 98; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}


    /*---service-security-audit---*/
    .service-nav a { float: left; width: 90%; margin: 5px 5%; font-size: 12px; font-weight: normal; color: #000; padding: 5px 0; background-color: #eee;}
    .service-nav em { display: none;}

    /*--service-sc-search--*/
    .service-sc-search { padding: 50px 0;}
    .service-sc-search-form { margin-bottom: 100px; padding: 0;}
    .service-sc-search .btn-search { position: relative; top: 20px; width: 100%; right: 0; font-size: 16px;}
    .service-bti h2 { padding: 20px 0;}
    .service-bti-xm { padding: 40px 0;}
    .service-bti-xm h2 { margin-bottom: 20px;}
    .i-service-box ul.list9 li .s-content i.icon-services7:after { right: -150px; top: 0;}
    .i-service-box ul.list9 li .s-content i.icon-redteaming:after { right: -200px; top: 0;}
    .i-service-box ul.list10 li .s-content i.icon-safety-monitoring:after { right: -110px; top: 0;}
    .i-service-box ul li .s-content i.icon-consortium-blockchain:after { right: -180px; top: 0;}
    .i-service-box ul.list9 li .s-content i.icon-services6:after { right: -108px; top: 0;}
    .i-service-box ul.list9 li .s-content i.icon-hackingtime:after { right: -135px; top: 0;}


    .language-box { right: 20px; top: 52px;}
    .s-header .language-box { right: 60px; top: 58px;}


    .intro-header { padding: 0 15px; height: auto;}
    .intro-header .language { right: 20px;}
    .intro-header-top .link-github { display: none;}
    .intro-header-top { float: none;}
    .intro-header .intro-nav { margin: 0; height: 40px; line-height: 40px; width: 100%;}
    .intro-header .intro-nav li { width: 25%; margin: 0;}
    .intro-banner { padding-top: 100px; height: 160px;}
    .intro-content { padding: 30px 0 10px 0;}
    .intro-banner p { font-size: 28px;}
    .intro-banner h3 { font-size: 26px;}


    /*--year-logo--*/
    .year-logo { position: absolute; top: 0; left: 130px;}
    .year-logo img { width: 42px;}

    .service-bsa-open { padding: 40px 0;}

    /*--product--*/
    .product-box .tabs-tit-product { font-size: 13px; margin-bottom: 5px;}
    .product-box .tabs-tit-product a { margin: 0 5px; padding-bottom: 0;}
    .product-box ul { padding: 10px 0;}
    .product-box ul li { width: 100%;}
    .product-box ul li a { position: relative; margin: 0 0 5px 0; padding: 5px 20px 5px 50px; text-align: left; border-radius: 2px;}
    .product-box ul li a img { position: absolute; left: 5px; top: 5px; width: 40px; height: 40px;}
    .product-box ul li a:after { display: inline-block; content: ""; width: 6px; height: 11px; background: url('../images/icon-process-arrow.png') no-repeat 0 0; background-size: 6px auto; position: absolute; right: 8px; top: 50%; margin-top: -5px;}

    .btn-open-report-bsa { padding-top: 15px;}
    .btn-open-report-bsa a { font-size: 12px; padding: 5px 15px;}


    .i-home-box ul li { margin: 0 5px;}
    .i-home-box ul li span { font-size: 24px;}
    .i-service-box #tabs-container-services ul { padding-top: 0;}
    .tabs-tit-service { margin-top: -15px;}

    .container-services-box { display: block;}
    .ul-services-box { display: none;}
    .i-service-box .services-tit-subtitle { font-size: 12px; margin-bottom: 10px;}
    .i-product-box .services-tit-subtitle { font-size: 12px;}

    .solution-con h2.title { margin-bottom: 10px;}
    .solution-con li .item .more { display: none;}
    .solution-con li { width: 100%;}
    .solution-con li .item i.icon-solution { position: absolute; left: 15px; top: 50%; margin-top: -18px; width: 35px; height: 35px;}
    .solution-con li .item i.icon-solution.icon-solution2 { background-position: 0 -35px;}
    .solution-con li .item i.icon-solution.icon-solution3 { background-position: 0 -70px;}
    .solution-con li .item i.icon-solution.icon-solution4 { background-position: 0 -105px;}
    .solution-con li .item i.icon-solution.icon-solution5 { background-position: 0 -140px;}
    .solution-con li .item i.icon-solution.icon-solution6 { background-position: 0 -175px;}
    .solution-con li .item a { padding: 8px 50px 8px 60px;}
    .solution-con li .item h3 { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .solution-con li .item p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .solution-con li .item { padding: 0; height: auto;}
    .solution-con li .item a:after { position: absolute; right: 15px; top: 50%; margin-top: -8px; display: inline-block; content: '';  width: 16px; height: 16px; background: url("../images/icon-arrow-more2.png") no-repeat 0 0; background-size: 100% auto;}
    .solution-con li .item a:hover:after { background-position: 0 100%;}


}

@media screen and (max-width: 374px) {
    /*--index--*/
    .header .logo { width: 95px; height: 30px; background-size: auto 30px; margin-left:10px; padding-top: 6px;}
    .header.top .logo { width: 95px; height: 30px; background-size: auto 30px;}
    .i-home-box h2 { font-size: 22px;}
    .i-home-box p { font-size: 16px;}
    .section .tit { margin-bottom: 10px; font-size: 14px;}
    .i-service-box.section .tit { padding-top: 55px; animation-delay: .1s;}
    .i-aboutUs-box .tit { padding-top: 30px;}
    .partner-con ul li img { width: 90%;}
    .header .link-github { position: absolute; right: 20px; top: 0; padding-top: 0;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 40px;}
    .header #menu ul li { width: 14.28%; margin: 0; padding: 0;}
    .header { top: 4px;}
    .header .language { right: 10px; top: 6px;}
    .header .language a { height: 24px; line-height: 24px;}
    .i-service-box ul li { float: none; width: 100%!important; margin-bottom: 1px;}
    .i-service-box ul li .s-content { margin: 0;}
    .i-service-box ul li .s-content a { padding: 2px 20px 2px 52px!important; position: relative; text-align: left; border-radius: 2px; border: 0.75px solid #eee;}
    .i-service-box ul li .s-content a:after { display: inline-block; content: ""; width: 6px; height: 11px; background: url("../images/icon-process-arrow.png") no-repeat 0 0!important; background-size: 6px auto!important; position: absolute; right: 8px!important; top: 50%; margin-top: -5px;}
    .i-service-box ul li .s-content i.icon-services { position: absolute; left: 10px!important; top: 50%; margin-top: -15px!important; width: 30px; height: 30px; background-size: 30px auto;}
    .i-service-box ul li .s-content i.icon-services2 { background-position: 0 -30px;}
    .i-service-box ul li .s-content i.icon-services3 { background-position: 0 -60px;}
    .i-service-box ul li .s-content i.icon-services4 { background-position: 0 -90px;}
    .i-service-box ul li .s-content i.icon-services5 { background-position: 0 -120px;}
    .i-service-box ul li .s-content i.icon-services6 { background-position: 0 -150px;}
    .i-service-box ul li .s-content i.icon-services7 { background-position: 0 -180px;}
    .i-service-box ul li .s-content i.icon-services8 { background-position: 0 -210px;}

    .i-service-box ul li .s-content p { font-size: 12px; text-align: left; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .i-service-box ul li .s-content a .more { display: none;}
    .i-service-box ul li .s-content h3 { min-height: auto; font-size: 12px; line-height: 1; margin: 0; margin-top: 3px; font-weight: normal; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .tabs-tit { margin-bottom: 15px;}
    .tabs-tit a { float: left; margin: 0; padding: 10px 0; width: 33.33%; font-size: 12px;}
    .news-list li a {padding-left: 70px;min-height: 40px;padding-right: 60px;}
    .news-list li a img { width: 60px;height: 40px; margin: 0 0 0 -69px;}
    .news-list li h3 { padding: 0;line-height: 1.3;font-size: 14px;font-weight: normal;}
    .news-list li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: auto;}
    .news-list li a span.time {height: auto;width: 50px;border: 0.75px solid #ccc;}
    .news-list li a span.time em {padding: 0; font-size: 14px;margin-bottom: 1px;line-height: 1.4;border-bottom: 0.75px solid #ccc;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;background-size: 6px auto;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;background-size: 6px auto;}
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
    .swiper-pagination-bullet { width: 4px; height: 4px;}
    .news-zt { padding-top: 60px;}
    .news-zx a.btn-more { padding: 0 15px; height: 30px; line-height: 30px;}
    .about-con p { font-size: 12px; margin-bottom: 5px; line-height: 1.8;}
    .about-con li img { width: 40px; margin: 0;}
    .about-con li h3 { font-size: 12px;}
    .about-con ul { display: none;}

    .contact-con h3 { font-size: 12px; font-weight: normal;}
    .contact-con h3 i.icon-wx { background-size: auto 14px; }
    .contact-con h3 i.icon-zsxq { background-size: auto 14px;}
    .contact-con h3 i.icon-wb { background-size: auto 14px;}
    .contact-con li p { font-size: 12px;}
    .contact-con li img { width: 90px;}
    .email-sm { padding: 20px 0 0 0;}
    .email-sm a { padding: 5px 20px; border: 0.75px solid #eee; font-size: 12px;}
    .partner-con ul li p { margin: 1px;}
    #fp-nav.right { right: 0;}
    .footer { bottom: 5px;}
    .footer p { width: 96%; margin: 0 auto;}
    .statement { margin-bottom: 5px;}

    /*--news--*/
    .news-header { height: 44px; margin-bottom: 10px;}
    .news-header .logo { width: 95px; height: 30px; background-size: auto 30px; padding-top: 6px;}
    .s-footer p { width: 96%; margin: 0 auto;}
    .news-box { padding: 0 10px;}
    .news-box .news-zt { padding-top: 0; width: 100%;}
    .news-box .news-zx { width: 100%;}
    .news-header .logo { margin-left: 10px;}
    .news-header .language { right: 10px; top:13px;}
    .news-header .btn-back { margin-right: 45px; padding: 0;}
    .news-header .language a { height: 24px; line-height: 24px;}
    .news-header .btn-back a { padding: 8px 20px;}
    /*----service-----*/
    .s-header { height: 52px; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header .logo { width: 95px; height: 30px; background-size: auto 30px; margin-left: 10px; padding-top: 10px;}
    .s-header .language { top:12px; right: 55px;}
    .s-header .language a { height: 26px; line-height: 26px;}
    .s-header .link-github { position: absolute; top: 7px; right: 110px; margin: 0; padding: 0;}
    .s-header #menu i.btn-nav { display: inline-block; width: 30px; height: 30px; background: url("../images/btn-nav.png") no-repeat 0 0; background-size: 30px auto; right: 10px; top: 50%; margin-top: -16px; position: absolute; cursor: pointer; z-index: 99;}
    .s-header #menu i.btn-nav.cur { background-position: 0 100%;}
    .s-header #menu ul { display: none;}
    .s-header #menu ul.s-nav { display: block; position: fixed; left: 0; top: 51px; width: 100%; padding: 10px 0; background-color: #fff; z-index: 997; box-shadow: 0 2px 2px rgba(100,100,100,0.1);}
    .s-header #menu ul.s-nav li { float: none; margin: 0 0 3px 0; padding: 0 20px;}
    .s-header #menu ul.s-nav li:first-child { display: none;}
    .s-header #menu ul.s-nav li a { height: 30px; line-height: 30px; border: none; font-size: 12px;}
    .s-header #menu ul.s-nav li a.cur { background-color: #ddd; border-radius: 40px; border: none;}
    .s-header #menu ul.s-nav li a:hover { background-color: #ddd; border-radius: 40px; border: none;}
    body.s-body:after { display: block; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0;}
    .service-banner { margin-top: 52px; padding: 30px 0;}
    .pic-business { position: relative; margin: 0 auto; transform:none; -ms-transform:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; padding: 30px 0 0 0;}


    .service-box { width: 90%; padding: 10px 0;}
    .service-box h1.title { margin-bottom: 0;}
    .service-fxb-dzk, .service-fxb-p, .service-fxb-code { width: 90%;}
    .service-fxb-p li { width: 33.33%; margin: 0; border: none; padding: 0;}
    .service-fxb-p li img { width: 50px;}
    .service-fxb-p li p { padding: 5px 10px; font-size: 12px; color: #999; text-align: justify; }
    .service-bs h2 { margin: 30px 0 10px 0;}
    .service-fxb-dzk { padding: 0; }
    .service-fxb-dzk h2 { font-size: 18px;}
    .service-bti h2 { font-size: 18px;}
    .service-fxb-dzk p { font-size: 16px;}
    .service-fxb-dzk p.price { font-size: 20px;}
    .service-sc-cg { padding: 50px 0;}
    .service-sc-process { padding: 50px 10px;}
    .service-sc h3.tit { margin-bottom: 10px; font-size: 15px;}
    .service-sc-content { padding: 50px 0;}
    .service-sc-content table { width: 92%; margin-left: 4%;}
    .service-sc-jy { padding: 50px 10px;}
    .service-sc-case { padding: 50px 10px;}
    .service-sc-cg li span { font-size: 36px;}
    .service-sc-process ul li { font-size: 12px;}
    .service-sc-process ul li i { width: 40px; height: 40px;}
    .service-sc-process ul li i.icon-process2 { background-position: 0 -40px;}
    .service-sc-process ul li i.icon-process3 { background-position: 0 -80px;}
    .service-sc-process ul li i.icon-process4 { background-position: 0 -120px;}
    .service-sc-process ul li i.icon-process5 { background-position: 0 -160px;}
    .service-sc-jy ul li,.service-sc-case ul li { margin: 20px 0 0 0;}
    .pic-business-weixin { display: block; width: 36px; height: 36px; background: url("../images/pic-email.png") no-repeat 0 0; background-size: 100% auto; position: fixed; right: 0; z-index: 98; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}


    /*---service-security-audit---*/
    .service-nav a { float: left; width: 90%; margin: 5px 5%; font-size: 12px; font-weight: normal; color: #000; padding: 5px 0; background-color: #eee;}
    .service-nav em { display: none;}

    /*--service-sc-search--*/
    .service-sc-search { padding: 40px 0;}
    .service-sc-search-form { margin-bottom: 100px; padding: 0;}
    .service-sc-search .btn-search { position: relative; top: 20px; width: 100%; right: 0; font-size: 16px;}

    .service-bti h2 { padding: 20px 0;}
    .service-bti-xm { padding: 40px 0;}
    .service-bti-xm h2 { margin-bottom: 20px;}
    .i-service-box ul.list9 li .s-content i.icon-services7:after { right: -135px; top: -1px;}
    .i-service-box ul.list9 li .s-content i.icon-redteaming:after { right: -180px; top: -1px;}
    .i-service-box ul li .s-content i.icon-safety-monitoring:after { right: -100px; top: 0;}
    .i-service-box ul li .s-content i.icon-consortium-blockchain:after { right: -160px; top: 0;}
    .i-service-box ul.list9 li .s-content i.icon-services6:after { right: -98px; top: 0;}
    .i-service-box ul.list9 li .s-content i.icon-hackingtime:after { right: -123px; top: 0;}


    .language-box { right: 10px; top: 45px;}
    .s-header .language-box { right: 55px; top: 50px;}


    .intro-header { padding: 0 15px; height: auto;}
    .intro-header .language { right: 20px;}
    .intro-header-top .link-github { display: none;}
    .intro-header-top { float: none;}
    .intro-header .intro-nav { margin: 0; height: 40px; line-height: 40px; width: 100%;}
    .intro-header .intro-nav li { width: 25%; margin: 0;}
    .intro-banner { padding-top: 100px; height: 180px;}
    .intro-content { padding: 30px 0 10px 0;}
    .intro-banner p { font-size: 28px;}
    .intro-banner h3 { font-size: 26px;}

    /*--year-logo--*/
    .year-logo { position: absolute; top: 0; left: 102px;}
    .year-logo img { width: 36px;}

    .service-bsa-open { padding: 40px 0;}

    /*--product--*/
    .product-box .tabs-tit-product { font-size: 12px; margin-bottom: 5px;}
    .product-box .tabs-tit-product a { margin: 0 5px; padding-bottom: 0;}
    .product-box ul { padding: 5px 0;}
    .product-box ul li { width: 100%;}
    .product-box ul li a { position: relative; margin: 0 0 5px 0; padding: 5px 20px 5px 40px; text-align: left; border-radius: 2px;}
    .product-box ul li a img { position: absolute; left: 5px; top: 7px; width: 30px; height: 30px;}
    .product-box ul li a:after { display: inline-block; content: ""; width: 6px; height: 11px; background: url('../images/icon-process-arrow.png') no-repeat 0 0; background-size: 6px auto; position: absolute; right: 8px; top: 50%; margin-top: -5px;}
    .product-box ul li a h3 { font-size: 12px; line-height: 1.2; padding-top: 3px;}
    .product-box ul li a p { font-size: 12px;}

    .btn-open-report-bsa { padding-top: 15px;}
    .btn-open-report-bsa a { font-size: 12px; padding: 5px 15px;}

    .i-home-box ul li { margin: 0 5px;}
    .i-home-box ul li span { font-size: 20px;}
    .i-service-box #tabs-container-services ul { padding-top: 0;}
    .tabs-tit-service { margin-top: -15px;}

    .container-services-box { display: block;}
    .ul-services-box { display: none;}
    .i-service-box .services-tit-subtitle { font-size: 12px; margin-bottom: 10px;}
    .i-product-box .services-tit-subtitle { font-size: 12px;}


    .solution-con h2.title { margin-bottom: 10px; font-size: 15px;}
    .solution-con li .item .more { display: none;}
    .solution-con li { width: 100%;}
    .solution-con li .item i.icon-solution { position: absolute; left: 15px; top: 50%; margin-top: -15px; width: 30px; height: 30px;}
    .solution-con li .item i.icon-solution.icon-solution2 { background-position: 0 -30px;}
    .solution-con li .item i.icon-solution.icon-solution3 { background-position: 0 -60px;}
    .solution-con li .item i.icon-solution.icon-solution4 { background-position: 0 -90px;}
    .solution-con li .item i.icon-solution.icon-solution5 { background-position: 0 -120px;}
    .solution-con li .item i.icon-solution.icon-solution6 { background-position: 0 -150px;}
    .solution-con li .item a { padding: 8px 50px 8px 60px;}
    .solution-con li .item h3 { margin-bottom: 0; font-weight: normal; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .solution-con li .item p { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .solution-con li .item { padding: 0; height: auto;}
    .solution-con li .item a:after { position: absolute; right: 15px; top: 50%; margin-top: -8px; display: inline-block; content: '';  width: 16px; height: 16px; background: url("../images/icon-arrow-more2.png") no-repeat 0 0; background-size: 100% auto;}
    .solution-con li .item a:hover:after { background-position: 0 100%;}



}

@media screen and (max-width: 1024px) {
    .header #menu ul li.li-service:hover .nav-service-box { display: none;}
}

@media screen and (max-width: 640px) {
    .header #menu li a:hover {
        border-bottom: 1px solid transparent;
    }
    .header #menu li.active a {
        border-bottom: 1px solid #666;
    }
    .header.top #menu li a:hover {
        border-bottom: 1px solid transparent;
    }
    .header.top #menu li.active a {
        border-bottom: 1px solid #666;
    }


}


.email-contact i { width: 20px; height: 20px; background: url("../images/icon-contact-us2.png") no-repeat 0 0; background-size: 100% auto; margin-right: 10px; top: -1px; vertical-align: middle;}


#explainHistory { position: fixed; z-index: 99999999; left: 0; bottom: 0; padding: 15px 0; text-align: left; width: 100%; background-color: rgba(255,255,255,1); color: #888; box-shadow: 0 0 20px rgba(0,0,0,0.1)}
#explainHistory p { font-size: 12px; padding: 0 130px 0 30px;}
#explainHistory i.btn-close { font-style: normal; cursor: pointer; color: #333; position: absolute; right: 30px; top: 50%; margin-top: -15px; display: inline-block; padding: 3px 15px; border: 1px solid #ddd; background-color: #f5f5f5;}


@media screen and (max-width: 640px) {
    #explainHistory { display: none;}
}


/*---Video--*/
.index-video { position: fixed; left: 50px; bottom: 100px; z-index: 8;}
.index-video img { width: 182px; cursor: pointer;}

.index-video-box { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999997; background-color:rgba(0,0,0,0.7);}
.index-video-con { text-align: right; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 999999; width: 1000px; margin: 0 auto;}
.index-video-close { cursor: pointer; position: relative; margin: -36px -36px 0 0; display: inline-block; width: 36px; height: 36px; background: url("../images/icon-x.png") no-repeat center center; background-size: 60% auto; transition: all .3s ease;}
.index-video-close:hover {
    transition: all .3s ease;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg);
}

@media screen and (max-width: 750px) {

    /*---Video--*/
    .index-video { left: 50%; margin-left: -50px; bottom: 130px;}
    .index-video img { width: 100px;}
    .index-video-box {}
    .index-video-con { width: 90%; text-align: center;}
    .index-video-close { margin: 0;}

    /*--iso--*/
    .home-iso-box { display: none;}

}