/* 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.6 "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"}

input[type="text"],input[type="email"],input[type="button"],input[type="submit"],input[type="reset"],input[type="file"],input[type="number"],button,select,textarea { -webkit-appearance:none;}
select:focus,input:focus,textarea:focus,button:focus {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only; outline:none;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { box-shadow: inset 0 0 0 1000px #fff;}


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: 130px;}
.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;}
.header #menu li.active a {border-bottom: 1px solid #fff;}
.header #menu li a:hover {border-bottom: 1px solid #bbb;color: #ddd;}
.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.active a {border-bottom: 1px solid #666;}
.header.top #menu li a:hover {border-bottom: 1px solid #333;color: #000;}
.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: 70px; 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;}
#section0 .fp-bg {background-color: #222;}
#section0 h2 {font-size: 54px;color: #fff;font-weight: normal;}
#section0 p {font-size: 40px;color: #fff;font-weight: lighter;}
/*-------------=================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===========================================--*/
#section1 .fp-bg {background-color: #fff;}
#section1 p {font-size: 14px;}
#section1 ul { width:84%; max-width: 1400px; margin: 0 auto;}
#section1 ul li {float: left; width: 25%; margin-bottom: 20px;}
#section1 ul li.l1 {animation-delay: .3s;}
#section1 ul li.l2 {animation-delay: .5s;}
#section1 ul li.l3 {animation-delay: .7s;}
#section1 ul li.l4 {animation-delay: .9s;}
#section1 ul li.l5 {animation-delay: 1.1s;}
#section1 ul li .s-content { margin: 0 10px;}
#section1 ul li .s-content a {display: block;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;}
#section1 ul li .s-content a:hover {box-shadow: 0 10px 60px -2px rgba(10, 16, 34, .1);transition: all .3s ease;}
#section1 ul li .s-content h3 {margin-bottom: 10px;}
#section1 ul li .s-content p { height: 60px; overflow: hidden;  text-align: center; font-size: 12px;}
#section1 ul li .s-content em.price {font-weight: bold;}
#section1 ul li .s-content .more span {border-bottom: 1px solid #000;color: #000;padding-bottom: 5px;}
#section1 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;}
#section1 ul li .s-content i.icon-services2 { background-position: 0 -60px;}
#section1 ul li .s-content i.icon-services3 { background-position: 0 -120px;}
#section1 ul li .s-content i.icon-services4 { background-position: 0 -180px;}
#section1 ul li .s-content i.icon-services5 { background-position: 0 -240px;}
#section1 ul li .s-content i.icon-services6 { background-position: 0 -300px;}
#section1 ul li .s-content i.icon-services7 { background-position: 0 -360px;}
#section1 ul li .s-content i.icon-services8 { background-position: 0 -420px;}

/*--================================================3news===========================================--*/
#section2 .fp-bg {background-color: #eee;}
.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===========================================--*/
#section3 .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===========================================--*/
#section4 .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===========================================--*/
#section5 .tit {color: #fff;}
#section5 .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: 0.5% 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: 1400px; 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: 120px;}
.s-header #menu ul { float: left;}
.s-header #menu li {float: left;}
.s-header #menu li:first-child { display: none;}
.s-header #menu li a { position: relative; 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.cur {border-bottom: 1px solid #333;}
.s-header #menu li a:hover {border-bottom: 1px solid #666;color: #666;}
.s-header #menu li a i.icon-new { top: 7px; right: 5px; display: inline-block; position: absolute; width: 33px; height: 15px; background: url("../images/icon-new.png") no-repeat 0 0; background-size: 100% auto;}
.s-header #menu li a i.icon-hot { top: 7px; right: 0; display: inline-block; position: absolute; width: 33px; height: 15px; background: url("../images/icon-hot.png") no-repeat 0 0; background-size: 100% auto;}

.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 { display: none; 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.service-banner-red-teaming { background: #f93733;}*/
/*.service-banner.service-banner-red-teaming {background: url("../images/s-bg2.jpg") no-repeat 50% 50%;background-size: cover;}*/
/*.service-banner.service-banner-red-teaming h2 { color: #000;}*/
/*.service-banner.service-banner-red-teaming p.intro.intro-more { color: #000; border-bottom: 1px solid #000; border-top: 1px solid #000;}*/

.service-banner i.icon-s-redteaming { background: url("../images/icon-redteaming2.png") no-repeat 0 0; background-size: 100% auto;}
.service-banner i.icon-s-safety-monitoring { background: url("../images/icon-safety-monitoring2.png") no-repeat 0 0; background-size: 100% auto;}
.service-banner i.icon-consortium-blockchain { background: url("../images/icon-consortium-blockchain2.png") no-repeat 0 0; background-size: 100% auto;}

.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-banner p.intro span.security-audit { display: block; color: #ff3131; margin-top: 5px;}


.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; display: none;}
.service-sc-search-result li p.certificate-btn a { text-decoration: none; background-color: #000; border-radius: 2px; padding: 5px 10px; color: #fff; font-size: 12px; transition: all .3s ease;}
.service-sc-search-result li p.certificate-btn a:hover { background-color: #333; transition: all .3s ease;}


.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; margin: 0 5px; 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--*/
#section1 ul li .s-content i.icon-services7 { position: relative;}
#section1 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;}
.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: 40px;background: url("../images/logo-b.png") no-repeat 0 50%;background-size: auto 100%;transition: all .8s ease; margin-top: 15px;}
.intro-header .logo a { display: block;width: 148px;height: 40px;}

.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-about-us { background: url("../images/bg-aboutus.jpg") no-repeat center center; background-size: cover;}
.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: 90px; margin-bottom: 10px;}
.intro-content ul li span { position: absolute; margin: 0 0 0 -80px; 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: 90px; margin-bottom: 10px;}
.intro-content-honor ul li span { position: absolute; margin: 0 0 0 -80px; 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;}

.intro-content-honor-pic { max-width: 640px; margin: 0 auto;}
.intro-content-honor-pic img { width: 100%;}

.intro-content-about-us { width: 90%;}
.intro-content-about-us p { text-align: justify; line-height: 2; margin-bottom: 20px;}

.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;}

.btn-open-report-bsa a { display: block; padding: 10px 20px; border-radius: 4px; background-color: #333; font-size: 14px; color: #fff; margin: 5px;}

/*--validation-bg--*/
.validation-box { background: #181818; padding: 80px 20px;}
.validation-con { margin: 0 auto; position: relative; max-width: 800px;}
/*.validation-bg img { max-width: 800px; width: 100%;}*/
.validation-content { background: url("../images/validation-certificate-center.png") repeat-y 0 0; background-size: 100% auto;}
.validation-t img { width: 100%;}
.validation-b img { width: 100%;}
.validation-c { padding: 0 10%; margin: -6% 0;}
.validation-content .validation-logo { padding: 15px 0;}
.validation-content .validation-logo img { width: 30%; max-width: 130px; min-width: 100px;}
.validation-content .validation-top h2.title { font-size: 20px; color: #d09d00; margin-bottom: 2px;}
.validation-content .validation-top .describe { font-size: 14px; color: #d09d00; margin-bottom: 6px;}
.validation-content .validation-top .result { position: relative; margin-bottom: 10px;}
.validation-content .validation-top .result span { font-size: 22px; color: #d09d00;}
.validation-content .validation-top .result i.left { position: absolute; left: 0; top: 18px; width: 38%; height: 1px; background-color: #d09d00;}
.validation-content .validation-top .result i.right { position: absolute; right: 0; top: 18px; width: 38%; height: 1px; background-color: #d09d00;}



.validation-content .validation-top .text { text-align: left;}
.validation-content .validation-top .text h2 { margin-bottom: 5px;}
.validation-content .validation-top .text p { margin-bottom: 5px; word-break: break-all; font-size: 12px;}
.validation-content .validation-top .text p a { text-decoration: underline; color: #000;}
.validation-content .validation-top .date { position: relative; padding: 40px 0; width: 160px; text-align: center; float: right; margin-bottom: 10px; letter-spacing: 1px;}
.validation-content .validation-top .date img { position: absolute; top: 20px; left: 50%; width: 80px; margin-left: -40px;}
.validation-content .validation-top .text span { color: #000; font-weight: bold; display: inline-block; margin: 5px 0;}

.validation-content .validation-table { text-align: left; width: 100%; margin-bottom: 15px;}
.validation-content .validation-table thead td { font-weight: bold;}
.validation-content .validation-table td { border: 1px solid #ddd; padding: 5px; word-break: break-all;}

.validation-content .validation-search { margin-bottom: 20px;}
.validation-content .validation-search a { display: inline-block; background-color: #d09d00; padding: 3px 10px; color: #fff; border-radius: 2px;}
.validation-content .validation-search a i { position: relative; top: 2px; margin-right: 3px; display: inline-block; width: 12px; height: 12px; background: url("../images/icon-btn-search-white.png") no-repeat 0 0; background-size: 100% auto;}

.validation-info { text-align: left; position: relative; padding-top: 20px;}
.validation-info:before { position: absolute; content: ''; top: 0; display: inline-block; width: 100%; height: 10px; background: url("../images/icon-xx.png") repeat-x 0 0; background-size: auto 100%;}
.validation-info h3 { margin: 8px 0; font-size: 12px; color: #bbb;}
.validation-info p { margin-bottom: 20px; color: #bbb; font-size: 12px; line-height: 2; text-align: justify;}


.validation-other { padding: 0 20px;}
.validation-other .btn-download { max-width: 800px; margin: 0 auto; background-color: #fff; padding: 30px 0;}
.validation-other .btn-download a { display: inline-block; padding: 5px 15px; margin: 30px 0; border-radius: 2px; background: #d09d00; color: #fff;}
.validation-other .btn-download img { max-width: 400px; width: 100%;}
.validation-other .btn-download h2 { margin: 30px 0;}

.btn-disclaimer { display: none;}
.validation-info-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

.s-red-teaming-service { margin-bottom: 30px; font-size: 13px; text-align: left; padding: 0 20px;}

.red-teaming-intro { padding: 100px 0; background: url("../images/inmist-pic.jpg") no-repeat center center; background-size: cover;}
.red-teaming-intro .inmist-logo img { height: 70px;}
.red-teaming-intro .inmist-text { padding: 30px 0;}
.red-teaming-intro .inmist-text p { width: 90%; max-width: 560px; margin: 0 auto; color: #fff; text-align: justify; line-height: 2;}
.red-teaming-intro .inmist-company img { height: 40px; vertical-align: middle; margin: 0 3px;}
.red-teaming-intro .inmist-company img.icon-x { height: 20px;}
.red-teaming-team { padding: 100px 0; background: #f5f5f5;}
.red-teaming-team img { width: 120px;}
.red-teaming-team h3 { font-size: 24px; margin: 10px 0;}

.service-sc-search-example-box { padding: 0 20px;}
.service-sc-search-example { background-color: #f8f8f8; max-width: 540px; margin: 0 auto 20px auto; text-align: left; border: 1px solid #eee; padding: 10px;}
.service-sc-search-example h3 { margin-bottom: 5px; font-size: 14px;}
.service-sc-search-example p { margin-bottom: 5px; word-break: break-all;}
.service-sc-search-example p a { text-decoration: underline;}

.safety-monitoring-intro { max-width: 800px; width: 100%; margin: 0 auto 40px auto;}
.safety-monitoring-intro li { float: left; width: 33.33%;}
.safety-monitoring-intro li img { width: 50px; margin-bottom: 5px;}
.safety-monitoring-intro li p { font-size: 13px;}

.safety-monitoring-report p a { font-size: 12px; display: inline-block; background-color: #333; padding: 3px 12px; border-radius: 30px; color: #fff;}
.safety-monitoring-report p a:hover { background-color: #000; text-decoration: underline;}

.service-sc-content-box .service-sc-content th, .service-sc-content-box .service-sc-content td { border: 1px solid #ddd;}


/*--解决方案--*/
.solution-banner {background: url("../images/bg-solution.jpg") no-repeat 50% 50%;background-size: cover;padding: 70px 0;color: #fff;}
.solution-banner-text { max-width: 1000px; margin: 0 auto; text-align: left;}
.solution-banner-text h1 { font-size: 24px; margin-bottom: 20px; font-weight: normal;}
.solution-banner-text p { width: 400px; margin-bottom: 25px; font-size: 13px;}
.solution-banner-text a { display: inline-block; padding: 5px 15px; background-color: #ff4343; color: #fff; font-size: 13px;}

.solution-box { width: 1000px; margin: 0 auto; text-align: left;}
.solution-box-odd { background-color: #fff; padding: 50px 0;}
.solution-box-even { background-color: #f5f5f5; padding: 50px 0;}
.solution-box h2.tit { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.solution-box ul { width: 1020px; margin-left: -10px;}
.solution-box li { float: left; width: 25%;}
.solution-box li a { display: block; margin: 10px; text-align: center; border: 1px solid #ddd; padding: 25px 12px; background-color: #fff; border-radius: 4px;}
.solution-box li a img { width: 64px; height: 64px; margin-bottom: 5px;}
.solution-box li h3 { margin-bottom: 10px;}
.solution-box li p { height: 46px;}
.solution-box li span i { position: relative; top: 4px; margin-left: 3px; display: inline-block; width: 16px; height: 16px; background: url("../images/icon-arrow-more.png") no-repeat 0 0; background-size: 100% auto;}

.solution-header.s-header #menu li { margin-left: 30px;}


/*--service-cb-frame--*/
.service-cb-intro { padding: 100px 0;}
.service-cb-intro ul { max-width: 700px; width: 90%; margin: 0 auto;}
.service-cb-intro ul li { float: left; width: 33.33%; padding: 10px 0 30px 0; font-size: 15px; font-weight: bold;}
.service-cb-intro ul li img { width: 60px;}
.service-cb-intro .intro { max-width: 1000px; width: 90%; margin: 0 auto; text-align: justify; font-size: 14px; line-height: 2;}


.service-cb-frame { padding: 100px 0;}
.service-cb-frame ul { max-width: 1000px; width: 90%; margin: 0 auto; background-color: #f6feff; border: 1px solid #e6eff3; padding: 20px 10px;}
.service-cb-frame ul li { float: left; width: 25%;}
.service-cb-frame ul li h3 { margin-bottom: 10px;}
.service-cb-frame ul li .audit-box { float: left; width: 50%;}
.service-cb-frame ul li .audit-box h4 { padding: 10px 0 5px 0; font-size: 13px;}
.service-cb-frame ul li .li-box { margin: 0 5px; padding: 5px; background-color: #fff; border: 1px solid #ddd;}
.service-cb-frame ul li .li-box dd { margin: 5px; padding: 5px; font-size: 13px;}
.service-cb-frame ul li .li-box .l1 dd { border: 1px solid #e8b0b0; background-color: #ffd0d0;}
.service-cb-frame ul li .li-box .l2 dd { border: 1px solid #c2c3e6; background-color: #d0d2ff;}
.service-cb-frame ul li .li-box .l3 dd { border: 1px solid #b0cfe8; background-color: #d0e5ff;}
.service-cb-frame ul li .li-box .l4 dd { border: 1px solid #c7dacd; background-color: #e2f7e9;}
.service-cb-frame ul li .li-box .l5 dd { border: 1px solid #e5dbc6; background-color: #fff7d0;}

.service-cb-honor { padding: 100px 0;}

.service-cb-honor ul { max-width: 1000px; width: 90%; margin: 0 auto;}
.service-cb-honor ul li { float: left; width: 50%; margin-bottom: 10px;}
.service-cb-honor ul li img { width: 80px;}
.service-cb-honor ul li p { margin: 0 5px; font-size: 13px; border: 1px solid #eee; padding: 10px 10px 10px 20px; text-align: left; position: relative;}
.service-cb-honor ul li p:before { display: inline-block; content: ''; width: 4px; height: 4px; background-color: #000; border-radius: 100%; position: absolute; left: 10px; top: 50%; margin-top: -2px;}


.service-cb-audit { background-color: #f5f5f5;}
.service-cb-audit th,
.service-cb-audit td { border: 1px solid #ddd;}

.service-cb-audit h4 { margin-bottom: 20px; font-size: 14px; display: inline-block; background-color: #000; color: #fff; padding: 3px 30px; border-radius: 50px;}

.service-dd-prime { width: 1000px; margin: 0 auto; padding: 50px 0;}
.service-dd-prime h2.title { margin-bottom: 30px; font-size: 20px; font-weight: normal;}
.service-dd-prime ul li { float: left; width: 33.33%; margin-bottom: 20px;}
.service-dd-prime ul li .prime-list { margin: 0 10px;}
.service-dd-prime ul li .pic { position: relative; width: 100%; height: 120px; background-color: #181818; overflow: hidden;}
.service-dd-prime ul li .pic:before { font-weight: bolder; display: inline-block; position: absolute; font-size: 400px; color: #2b2d31; 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%);}
.service-dd-prime ul li .pic.pic1:before { content: 'A';}
.service-dd-prime ul li .pic.pic2:before { content: 'M';}
.service-dd-prime ul li .pic.pic3:before { content: 'C';}
.service-dd-prime ul li .pic.pic4:before { content: 'E';}
.service-dd-prime ul li .pic.pic5:before { content: 'T';}
.service-dd-prime ul li .pic.pic6:before { content: 'S';}
.service-dd-prime ul li .pic.pic7:before { content: 'H';}
.service-dd-prime ul li .pic.pic8:before { content: 'W';}
/*.service-dd-prime ul li .pic.pic1 { background: url("../images/dd-prime-pic1.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic2 { background: url("../images/dd-prime-pic2.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic3 { background: url("../images/dd-prime-pic3.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic4 { background: url("../images/dd-prime-pic4.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic5 { background: url("../images/dd-prime-pic5.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic6 { background: url("../images/dd-prime-pic6.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic7 { background: url("../images/dd-prime-pic7.png") no-repeat center center; background-size: cover;}*/
/*.service-dd-prime ul li .pic.pic8 { background: url("../images/dd-prime-pic8.png") no-repeat center center; background-size: cover;}*/
.service-dd-prime ul li .pic h3 { font-size: 16px; font-weight: normal; position: absolute; top: 50%; left: 50%; text-align: center; width: 100%; color: #fff;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-dd-prime ul li .pic h3 span { display: block; font-size: 12px; font-weight: normal;}
.service-dd-prime ul li .text { border: 1px solid #ddd; border-top: none; padding: 10px; text-align: left; height: 72px;}
.service-dd-prime ul li .text a { display: block; border: 1px solid #ddd; margin-bottom: 3px; padding: 5px; font-size: 14px; text-align: center; color: #000; border-radius: 2px; transition: all .3s ease;}
.service-dd-prime ul li .text a:hover { background-color: #2b2d31; color: #fff; border: 1px solid #2b2d31; transition: all .3s ease;}
.service-dd-prime .intro { margin: 0 10px 40px 10px; text-align: left; font-size: 13px; color: #666; line-height: 2;}
.service-dd-prime .join { padding-top: 20px;}
.service-dd-prime .join p { font-size: 13px; color: #666;}
.service-dd-prime .join .btn-join { display: inline-block; background-color: #282828; color: #fff; border-radius: 50px; padding: 5px 40px; margin-top: 20px; font-size: 14px;}
.service-dd-prime .join .btn-join:hover { background-color: #000;}

.service-dd-cooperation { margin-bottom: 30px;}
.service-dd-cooperation h2.title { margin-bottom: 30px; font-size: 20px; font-weight: normal;}
.service-dd-cooperation ul { max-width: 1000px; width: 96%; margin: 0 auto;}
.service-dd-cooperation ul li { float: left; width: 20%; margin-bottom: 10px;}
.service-dd-cooperation ul li img { max-width: 140px; width: 90%;}


.service-sc-content .tabs-tit { margin-bottom: 50px;}
.service-sc-content .tabs-tit a { margin: 0 30px; font-size: 20px; padding: 10px 0; font-weight: normal;}

.service-bsa-content .tabs-tit a { margin: 0; float: left; width: 33.33%;}

.btn-open-report-bsa { max-width: 900px; margin: 0 auto; padding-top: 30px;}
.btn-open-report-bsa dl dd { float: left; width: 33.33%;}




@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;}
    #section0 h2 { font-size: 50px;}
    #section0 p { font-size: 36px;}
    #section1 ul li .s-content p { font-size: 12px;}
    #section1 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;}

}

@media screen and (min-width: 1100px) 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;}
    #section0 h2 { font-size: 44px;}
    #section0 p { font-size: 32px;}
    #section1 ul li .s-content p { font-size: 12px;}
    #section1 ul li .s-content a { padding: 15px;}
    .section .tit { margin-bottom: 40px;}
    .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: 1100px) {
    /*--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;}
    #section0 h2 { font-size: 38px;}
    #section0 p { font-size: 28px;}
    #section1 ul li .s-content p { display: none;}
    #section1 ul li .s-content a { padding: 15px;}
    .section .tit { margin-bottom: 30px;}
    #section1 ul li .s-content h3 { min-height: 44px; font-size: 14px; margin-top: 10px;}
    .partner-con ul li { width: 20%;}
    .header .link-github { position: absolute; right: 80px; top: 0; padding-top: 5px;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 55px;}
    .header #menu ul li { width: 16.66%; 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: 30px; line-height: 30px; 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;}
    .s-header #menu li a i.icon-new { right: 8px;}
    .s-header #menu li a i.icon-hot { right: 8px;}



}

@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;}
    #section0 h2 { font-size: 22px;}
    #section0 p { font-size: 16px;}
    .section .tit { margin-bottom: 15px; font-size: 15px;}
    #section1.section .tit { padding-top: 70px; animation-delay: .1s;}
    #section3 .tit { padding-top: 30px;}
    .partner-con ul li { width: 33.33%;}
    .partner-con ul li img { width: 90%;}
    .header .link-github { position: absolute; right: 80px; top: 0; padding-top: 2px;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 48px;}
    .header #menu ul li { width: 16.66%; margin: 0; padding: 0;}
    .header { top: 10px;}
    .header .language { right: 20px; top: 8px;}
    .header .language a { height: 24px; line-height: 24px;}
    #section1 ul li { float: none; width: 100%; margin-bottom: 5px;}
    #section1 ul li .s-content { margin: 0;}
    #section1 ul li .s-content a { padding: 2px 20px 2px 52px; position: relative; text-align: left; border-radius: 2px; border: 0.75px solid #eee;}
    #section1 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; background-size: 6px auto; position: absolute; right: 8px; top: 50%; margin-top: -5px;}
    #section1 ul li .s-content i.icon-services { position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-size: 30px auto;}
    #section1 ul li .s-content i.icon-services2 { background-position: 0 -30px;}
    #section1 ul li .s-content i.icon-services3 { background-position: 0 -60px;}
    #section1 ul li .s-content i.icon-services4 { background-position: 0 -90px;}
    #section1 ul li .s-content i.icon-services5 { background-position: 0 -120px;}
    #section1 ul li .s-content i.icon-services6 { background-position: 0 -150px;}
    #section1 ul li .s-content i.icon-services7 { background-position: 0 -180px;}
    #section1 ul li .s-content i.icon-services8 { background-position: 0 -210px;}

    #section1 ul li .s-content p { font-size: 12px; text-align: left; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    #section1 ul li .s-content a .more { display: none;}
    #section1 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: 30px; line-height: 30px; 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 { border-radius: 100%; display: block; width: 36px; height: 36px; background:#181818 url("../images/icon-contact-us.png") no-repeat center center; background-size: 50% 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;}
    #section1 ul li .s-content i.icon-services7:after { right: -180px; 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: 20%; 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;}

    .btn-open-report-bsa { padding-top: 15px;}
    .btn-open-report-bsa a { font-size: 12px; padding: 5px 15px;}
    .btn-open-report-bsa dl dd { width: 100%;}

    .s-header #menu li a i.icon-new { right: 8px;}
    .s-header #menu li a i.icon-hot { right: 8px;}

    .service-sc-case ul.safety-monitoring-report li { width: 50%;}

    .service-sc-content .tabs-tit { width: 92%; margin: 0 4% 20px 4%;}
    .service-sc-content .tabs-tit a { margin: 0; width: 33.33%; font-size: 14px;}
    .service-wsa-content .tabs-tit a { margin: 0; width: 50%; font-size: 14px;}

}

@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;}
    #section0 h2 { font-size: 16px;}
    #section0 p { font-size: 13px;}
    .section .tit { margin-bottom: 10px; font-size: 14px;}
    #section1.section .tit { padding-top: 55px; animation-delay: .1s;}
    #section3 .tit { padding-top: 30px;}
    .partner-con ul li { width: 33.33%;}
    .partner-con ul li img { width: 90%;}
    .header .link-github { position: absolute; right: 60px; top: 0; padding-top: 0;}
    .header #menu ul { position: absolute; width: 100%; left: 0; top: 40px;}
    .header #menu ul li { width: 16.66%; margin: 0; padding: 0;}
    .header { top: 4px;}
    .header .language { right: 10px; top: 6px;}
    .header .language a { height: 24px; line-height: 24px;}
    #section1 ul li { float: none; width: 100%; margin-bottom: 1px;}
    #section1 ul li .s-content { margin: 0;}
    #section1 ul li .s-content a { padding: 2px 20px 2px 52px; position: relative; text-align: left; border-radius: 2px; border: 0.75px solid #eee;}
    #section1 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; background-size: 6px auto; position: absolute; right: 8px; top: 50%; margin-top: -5px;}
    #section1 ul li .s-content i.icon-services { position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-size: 30px auto;}
    #section1 ul li .s-content i.icon-services2 { background-position: 0 -30px;}
    #section1 ul li .s-content i.icon-services3 { background-position: 0 -60px;}
    #section1 ul li .s-content i.icon-services4 { background-position: 0 -90px;}
    #section1 ul li .s-content i.icon-services5 { background-position: 0 -120px;}
    #section1 ul li .s-content i.icon-services6 { background-position: 0 -150px;}
    #section1 ul li .s-content i.icon-services7 { background-position: 0 -180px;}
    #section1 ul li .s-content i.icon-services8 { background-position: 0 -210px;}

    #section1 ul li .s-content p { font-size: 12px; text-align: left; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    #section1 ul li .s-content a .more { display: none;}
    #section1 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; 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 { border-radius: 100%; display: block; width: 36px; height: 36px; background:#181818 url("../images/icon-contact-us.png") no-repeat center center; background-size: 50% 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;}
    #section1 ul li .s-content i.icon-services7:after { right: -160px; top: -1px;}


    .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;}
    .btn-open-report-bsa { padding-top: 15px;}
    .btn-open-report-bsa a { font-size: 12px; padding: 5px 15px;}
    .btn-open-report-bsa dl dd { width: 100%;}

    .s-header #menu li a i.icon-new { right: 8px;}
    .s-header #menu li a i.icon-hot { right: 8px;}

    .safety-monitoring-intro { margin-bottom: 20px; padding-top: 10px;}
    .safety-monitoring-intro li img { width: 32px; margin-bottom: 5px;}
    .safety-monitoring-intro li p { font-size: 12px;}


    .service-sc-case ul.safety-monitoring-report li { width: 50%;}

    .service-sc-content .tabs-tit { width: 92%; margin: 0 4% 20px 4%;}
    .service-sc-content .tabs-tit a { margin: 0; width: 33.33%; font-size: 14px;}
    .service-wsa-content .tabs-tit a { margin: 0; width: 50%; font-size: 14px;}

}

@media screen and (max-width: 800px) {
/*    .validation-content { max-width: 80%; left: 10%; margin-left: auto;}*/
    .validation-box { padding: 40px 20px;}
/*    .validation-content { top: 60px;}*/
/*    .validation-content .validation-logo { padding: 15px 0 5px 0;}*/
/*    .validation-content .validation-logo img { width: 120px;}*/
/*    .validation-content .validation-top h2.title { font-size: 18px;}*/
/*    .validation-content .validation-top .result span { font-size: 18px;}*/
/*    .validation-content .validation-top .result i.left { top: 14px; width: 35%;}*/
/*    .validation-content .validation-top .result i.right { top: 14px; width: 35%;}*/
/*    .validation-content .validation-top .date { padding: 20px 0; margin-bottom: 20px;}*/
/*    .validation-content .validation-top .date img { width: 80px; margin-left: -40px; top: 0;}*/
/*    .validation-info p { line-height: 1.5;}*/
    .red-teaming-team { padding: 50px 0;}
    .red-teaming-intro { padding: 50px 0;}

}
@media screen and (max-width: 700px) {
    /*.validation-content { max-width: 84%; left: 8%; margin-left: auto;}*/
    /*.validation-content { top: 40px;}*/
    /*.validation-content .validation-logo img { width: 110px;}*/
    /*.validation-content .validation-top .text h2 { margin-bottom: 0;}*/
    /*.validation-content .validation-table td { padding: 2px 4px;}*/
    /*.validation-info h3 { margin: 3px 0;}*/
}
@media screen and (max-width: 640px) {
    /*.validation-box { padding: 40px 20px;}*/
    /*.validation-content { top: 50px;}*/
    /*.validation-content .validation-logo img { width: 100px;}*/
    /*.validation-info p { line-height: 1.5;}*/

    /*.validation-table { display: none;}*/
    /*.validation-search { display: none;}*/

}
@media screen and (max-width: 600px) {
    /*.validation-box { padding: 40px 20px;}*/
    /*.validation-content { top: 30px;}*/
    /*.validation-content .validation-logo { padding: 12px 0 1px 0;}*/
    /*.validation-content .validation-logo img { width: 80px;}*/
    /*.validation-content .validation-top h2.title { font-size: 12px; margin-bottom: 0;}*/
    /*.validation-content .validation-top .describe { font-size: 12px; margin-bottom: 0; line-height: 1.4;}*/
    /*.validation-content .validation-top .result { margin-bottom: 5px;}*/
    /*.validation-content .validation-top .result span { font-size: 12px;}*/
    /*.validation-content .validation-top .result i.left { top: 10px;}*/
    /*.validation-content .validation-top .result i.right { top: 10px;}*/
    /*.validation-content .validation-top .text { margin-bottom: 30px;}*/
    /*.validation-content .validation-top .text h2 { font-size: 12px; margin-bottom: 0;}*/
    /*.validation-content .validation-top .text span { margin: 5px 0;}*/
    /*.validation-content .validation-top .text p { line-height: 1.4;}*/
    /*.validation-content .validation-top .date { padding: 10px 0; width: 120px;}*/
    /*.validation-content .validation-top .date h3 { font-size: 13px;}*/
    /*.validation-content .validation-top .date img { width: 60px; margin-left: -30px; top: 0;}*/
}
@media screen and (max-width: 520px) {
    /*.validation-info { display: none; position: absolute; top: 30px; z-index: 998; background-color: #fff; padding: 15px; border-radius: 4px;}*/
    /*.validation-info:before { display: none;}*/
    /*.validation-info h3 { color: #666; font-size: 14px;}*/
    /*.validation-info p { color: #666;}*/
    /*.validation-content { top: 40px; width: 100%;}*/
    /*.validation-content .validation-logo { padding: 12px 0;}*/
    /*.validation-content .validation-logo img { width: 90px;}*/
    /*.validation-content .validation-top h2.title { font-size: 16px;}*/
    /*.validation-content .validation-top .describe { line-height: 1.8;}*/
    /*.validation-content .validation-top .result { margin-bottom: 10px;}*/
    /*.validation-content .validation-top .text h2 { margin-bottom: 0;}*/
    /*.validation-content .validation-top .result span { font-size: 16px;}*/
    /*.validation-content .validation-top .result i.left { top: 12px;}*/
    /*.validation-content .validation-top .result i.right { top: 12px;}*/

    /*.btn-disclaimer { display: inline-block; padding: 1px 10px; border-radius: 40px; background-color: #d09d00; color: #fff;}*/
    /*.btn-disclaimer:hover { background-color: #d09d00; color: #fff;}*/
}
@media screen and (max-width: 400px) {
    /*.validation-box { padding: 40px 20px;}*/
    /*.validation-content { top: 30px;}*/
    /*.validation-content .validation-logo { padding: 12px 0 1px 0;}*/
    /*.validation-content .validation-logo img { width: 80px;}*/
    /*.validation-content .validation-top h2.title { font-size: 12px;}*/
    /*.validation-content .validation-top .describe { line-height: 1.4;}*/
    /*.validation-content .validation-top .result { margin-bottom: 5px;}*/
    /*.validation-content .validation-top .result span { font-size: 12px;}*/
    /*.validation-content .validation-top .result i.left { top: 10px;}*/
    /*.validation-content .validation-top .result i.right { top: 10px;}*/
    /*.validation-content .validation-top .text { margin-bottom: 30px;}*/
    /*.validation-content .validation-top .text h2 { font-size: 12px; margin-bottom: 0;}*/
    /*.validation-content .validation-top .text span { margin: 5px 0;}*/
    /*.validation-content .validation-top .text p { line-height: 1.4;}*/
    /*.validation-content .validation-top .date { padding: 10px 0; width: 120px;}*/
    /*.validation-content .validation-top .date h3 { font-size: 13px;}*/
    /*.validation-content .validation-top .date img { width: 60px; margin-left: -30px; top: 0;}*/
}
@media screen and (max-width: 374px) {
    /*.validation-box { padding: 30px 10px;}*/
    /*.validation-content { top: 20px;}*/
    /*.validation-content .validation-logo img { width: 64px;}*/
    /*.validation-content .validation-top h2.title { margin-bottom: 0;}*/
    /*.validation-content .validation-top .describe { font-size: 12px; margin-bottom: 0;}*/
    /*.validation-content .validation-top .text { margin-bottom: 15px;}*/
    /*.validation-content .validation-top .text span { margin: 0;}*/
}

/*--solution--*/
@media screen and (max-width: 1000px) {
    .solution-banner { padding-top: 120px;}
    .solution-banner-text { width: 90%;}
    .solution-box { width: 90%;}
    .solution-box ul { width: 100%; margin: 0;}
    .solution-box li { width: 33.33%;}
}

@media screen and (max-width: 850px) {
    .solution-box li { width: 50%;}
    .solution-box li a { padding: 20px;}
}
@media screen and (max-width: 600px) {
    .solution-box li p { height: 60px;}
}
@media screen and (max-width: 510px) {
    .solution-box li { width: 100%; margin-bottom: 10px;}
    .solution-box li a { text-align: left; position: relative; margin: 0; padding: 15px 15px 15px 90px;}
    .solution-box li a img { position: absolute; left: 15px; top: 50%; margin-top: -36px;}
    .solution-box li p { height: auto;}
    .solution-box li h3 { margin-bottom: 5px;}
    .solution-box li p { margin-bottom: 5px;}
    .solution-banner-text p { width: 80%;}
}

/*--consortium-blockchain--*/
@media screen and (max-width: 850px) {
    .service-cb-frame ul li { width: 100%; margin-bottom: 20px;}
}
@media screen and (max-width: 640px) {
    .service-cb-intro, .service-cb-frame, .service-cb-honor { padding: 50px 0;}
    .service-cb-intro p { font-size: 13px; line-height: 2;}
    .service-cb-honor ul li { width: 100%;}
}
/*--prime--*/
@media screen and (max-width: 1000px) {
    .service-dd-prime { width: 90%;}
}
@media screen and (max-width: 640px) {
    .service-dd-prime { width: 96%;}
    .service-dd-prime ul li { width: 50%; margin-bottom: 10px;}
    .service-dd-prime ul li .prime-list { margin: 0 5px;}
    .service-dd-prime ul li .pic { height: 100px}
    .service-dd-cooperation ul { padding: 0 10px;}
    .service-dd-cooperation ul li { float: left; width: 33.33%; margin: 0;}
    .service-dd-cooperation ul li img { width: 96%;}
    .service-dd-prime h2.title { margin-bottom: 20px; font-size: 18px;}
    .service-dd-cooperation h2.title { margin-bottom: 20px; font-size: 18px;}
    .service-dd-prime ul li .text { height: 66px;}
    .service-dd-prime ul li .text a { font-size: 12px;}
    .service-dd-prime .intro { margin-bottom: 20px;}
}

/*---*/
.validation-table { display: none;}

/*--btn-contact-us--*/
.btn-contact-us { padding-top: 20px;}
.btn-contact-us a { display: inline-block; background-color: #ff3131; border-radius: 60px; padding: 8px 35px; color: #fff; font-size: 15px;}

/*--contact-page--*/
.service-banner-contact { background: url("../images/s-bg-contact.jpg") no-repeat 50% 50%; background-size: cover; padding: 60px 0 90px 0;}
.service-banner-contact h2 { margin: 10px 0;}
.service-banner-contact p { width: 80%; max-width: 620px; margin: 10px auto;}
.service-banner-contact i.icon-contact-us { background: url("../images/icon-contact-us.png") no-repeat 0 0; background-size: 100% auto;}
.contact-page { background-color: #fff; border-radius: 4px; max-width: 700px; padding: 50px; margin: -50px auto 0 auto; box-shadow: 0 1px 3px -2px rgba(10, 16, 34, .1);}
.contact-page ul { max-width: 400px; margin: 0 auto;}
.contact-page ul li { position: relative; padding-left: 100px; text-align: left; margin-bottom: 15px;}
.contact-page ul li .input-tit { position: absolute; left: 0; top: 9px; font-size: 13px;}
.contact-page ul li .input-tit em { color: #ff3131; margin: 0 3px 0 -8px;}
.contact-page ul li .input-box { border-bottom: 1px solid #999; position: relative;}
.contact-page ul li .input-box label.error { position: absolute; right: 0; bottom: 10px; color: #ff5858;}


.contact-page ul li .input-text { border: none; padding: 12px 0; width: 100%; background: none; color: #333; font-size: 13px;}
.contact-page ul li .textarea-text { border: none; background: none; width: 100%; height: 60px; padding: 10px 0; font-size: 13px;}
.contact-page ul li .btn-submit { display: inline-block; border: none; background-color: #333; padding: 7px 0; width: 180px; border-radius: 2px; color: #fff; font-size: 14px; cursor: pointer; transition: all .3s ease;}
.contact-page ul li .btn-submit:hover { background-color: #111; transition: all .3s ease;}
.contact-page ul li .btn-submit[disabled] {background-color: #999;}
.contact-page ul li .input-select { position: relative;}
.contact-page ul li .input-select select { position: relative; z-index: 1; width: 100%; padding: 12px 0; border: none; background: none; color: #333; font-size: 13px;}
.contact-page ul li .input-select i.icon-drop-dowm { position: absolute; z-index: 0; right: 2px; top: 50%; margin-top: -3px; display: inline-block; width: 8px; height: 6px; background: url("../images/icon-language-more2.png") no-repeat 50% 50%; background-size: 100% auto;}


.contact-page ul li.li-code-url { display: none;}

.contact-page .err-tips { color: #ff5858;}

.contact-page .contact-tips { border-top: 1px dotted #ddd; padding-top: 20px; margin-top: 40px; color: #999;}

.contact-page .contact-success { display: none; padding: 30px 0;}
.contact-page .contact-success .icon-contact-success { margin-bottom: 10px; display: inline-block; width: 64px; height: 64px; background: url("../images/icon-success.png") no-repeat 0 0; background-size: 100% auto;}
.contact-page .contact-success h2 { margin-bottom: 15px;}
.contact-page .contact-success p { color: #666;}

.back-to-top-box { position: fixed; right: 20px; top: 50%; margin-top: 150px; z-index: 98;}
.back-to-top-box em { display: none;}
.back-to-top { display: block; width: 32px; height: 32px; background: #333 url("../images/icon-sidebar-top.png") no-repeat center center; background-size: 50% auto; border-radius: 3px;}
.back-to-top:hover { background-color: #bbb;}


@media screen and (max-width: 640px) {
    .contact-page { margin: -50px 20px 0 20px; padding: 40px 20px;}
    .contact-page ul li { padding: 0;}
    .contact-page ul li .input-tit { position: relative; top: 0;}
    .contact-page ul li .btn-submit { width: 100%;}
    .back-to-top-box { margin-top: 30px;}
}


#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: 20px; display: inline-block; padding: 3px 15px; border: 1px solid #ddd; background-color: #f5f5f5;}


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

/*.service-smart-contract-search-result { width: 90%; max-width: 560px; margin: 0 auto;}*/
/*.service-smart-contract-search-result ul { border: 1px solid #eee; padding: 15px; margin-bottom: 20px;}*/
/*.service-smart-contract-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-smart-contract-search-result li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}*/
/*.service-smart-contract-search-result li label { position: absolute; left: 0; font-weight: bold;}*/
/*.service-smart-contract-search-result li p { word-break: break-all;}*/
/*.service-smart-contract-search-result li a { text-decoration: underline;}*/
/*.service-smart-contract-search-result li a:hover { color: #000;}*/
/*.service-smart-contract-search-result li p.certificate-btn a { text-decoration: none; background-color: #000; border-radius: 2px; padding: 5px 10px; color: #fff; font-size: 12px; transition: all .3s ease;}*/
/*.service-smart-contract-search-result li p.certificate-btn a:hover { background-color: #333; transition: all .3s ease;}*/
/*.service-smart-contract-search-result .result-no { padding-top: 10px; font-size: 14px; color: #ff4343;}*/