/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, fieldset, button, input, textarea, th, td { margin: 0; padding: 0;}
body {font: 12px/1.8 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; color: #333; text-align: center;}
ul, ol, li { list-style: none;}
a { text-decoration: none; color: #666;}
fieldset, img { border: none;}
button, input, select, textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
/*---基础样式标准---*/
em { font-style: normal;}
.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; 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;}
textarea { font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;}

/*--结构--*/
.layout { width: 100%; max-width: 1000px; margin: 0 auto; text-align: left;}

/*---header--*/
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.header .logo { float: left; padding: 16px 0 18px 20px;}
.header .logo a { display: block; width: 200px; height: 30px; background: url("../images/logo-white.png") no-repeat 0 0; background-size: auto 100%;}

.header .nav-box { float: right; padding-top: 3px;}
.header .nav-box .language { float: right; margin: 16px 20px 0 0;}
.header .nav-box .language a { display: inline-block; border: 1px solid #fff; border-radius: 2px; color: #fff; height: 21px; line-height: 21px; padding: 0 10px; background-color: transparent; transition: all .3s ease;}
.header .nav-box .language a:hover { background-color: #fff; color: #000; transition: all .3s ease;}

.header .nav-box .nav-ul { float: left; padding-top: 5px; margin-right: 30px; width: auto;}
.header .nav-box .nav-ul li { float: left; margin: 0 20px;}
.header .nav-box .nav-ul li a { font-size: 14px; display: block; padding: 10px 0; color: #fff; border-bottom: 1px solid transparent;}
.header .nav-box .nav-ul li a.cur { color: #fff; border-bottom: 1px solid #fff;}
.header .nav-box .nav-ul li a:hover { color: #fff; border-bottom: 1px solid #fff;}

.header.header-new { background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header.header-new .logo a { background: url("../images/logo.png") no-repeat 0 0; background-size: auto 100%;}

.header.header-new .nav-box li a { color: #181818;}
.header.header-new .nav-box li a.cur { color: #227d53; border-bottom: 1px solid #227d53;}
.header.header-new .nav-box li a:hover { color: #227d53; border-bottom: 1px solid #227d53;}
.header.header-new .nav-box .language a { display: inline-block; border: 1px solid #000; color: #000; padding: 0 10px;}
.header.header-new .nav-box .language a:hover { background-color: #000; color: #fff; transition: all .3s ease;}

.banner { position: relative; overflow: hidden; background: #010101;}
.banner-index-box p { color: #fff; font-size: 20px; margin-bottom: 30px;}
.banner-index-box .business-consulting a { display: inline-block; background-color: #227d53; color: #fff; font-size: 15px; font-weight: bold; border-radius: 2px; padding: 8px 40px; transition: all .3s ease;}
.banner-index-box .business-consulting a:hover { background-color: #24ae6e; color: #fff; transition: all .3s ease;}

.banner-index-box .business-consulting a i { position: relative; top: -1px; margin-left: 10px; display: inline-block; width: 16px; height: 8px; background: url(../images/icon-arrow-white.png) no-repeat 0 0; background-size: 100% auto;}

/*--video--*/
.banner-index img { display: block; width: 100%;}
.banner-index-box { text-align: left; width: 400px; color: #fff; position: absolute; z-index: 1; left: 30%; top: 47%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}


.i-box { padding: 80px 0;}
.i-box h2.tit { margin-bottom: 15px; text-align: center; font-size: 30px; font-weight: bold;}
.i-box .intro { font-size: 13px; margin: 0 auto 20px auto; max-width: 760px; width: 90%;}

/*--intro-box--*/
.intro-box { background-color: #f8f8f8;}
.intro-pic { width: 1140px; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.intro-pic img { width: 1000px; border: 1px solid #d7ddd9; border-radius: 4px; box-shadow: 0 0 20px -2px rgba(0,0,0,0.1);}
.intro-pic .swiper-container { overflow: initial;}
.swiper-button-next { cursor: pointer; background: #fff url("../images/icon-arrow-right.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-next:hover { background-position: 50% 150%;}
.swiper-button-prev { cursor: pointer; background: #fff url("../images/icon-arrow-left.png") no-repeat 50% -50%; width: 20px; height: 20px; background-size: 50% auto; box-shadow: 0 0 10px -2px rgba(0,0,0,0.2); border-radius: 100%; padding: 5px;}
.swiper-button-prev:hover { background-position: 50% 150%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -30px;}
.swiper-pagination-bullet-active { background: #000;}

/*--core-features-box--*/
.core-features-box { width: 90%; max-width: 1000px; margin: 0 auto;}
.core-features-box h2.tit { margin-bottom: 50px;}
.core-features-box ul li { margin-bottom: 30px;}
.core-features-box ul li:last-child { margin-bottom: 0;}
.core-features-box ul li::after { display: block; clear: both; height: 0; content: "\0020"}
.core-features-box ul li .text { float: left; width: 540px; text-align: left; padding-top: 60px;}
.core-features-box ul li .text h3 { font-size: 18px; margin-bottom: 10px;}
.core-features-box ul li .text p { font-size: 13px;}
.core-features-box ul li img { float: right; width: 240px;}
.core-features-box ul li.right .text { float: right;}
.core-features-box ul li.right img { float: left;}

.core-features-box ul li .text .tag { padding-top: 10px;}
.core-features-box ul li .text .tag span { display: inline-block; background-color: #f1f5ee; color: #227d53; padding: 2px 15px; font-size: 11px; margin: 0 6px 5px 0; border-radius: 30px;}



.footer { background: #000;}
.footer-box { margin: 0 auto; max-width: 1000px; width: 94%;}
.footer-brand { float: left; text-align: left; width: 260px; padding-top: 50px; margin-bottom: 50px;}
.footer-brand img { width: 180px; margin-bottom: 20px;}
.footer-brand p { font-size: 13px; color: #fff;}
.footer-nav { float: right; padding-top: 50px; margin-bottom: 50px;}
.footer-nav ul li { float: left; margin-left: 120px; text-align: left;}
.footer-nav ul li h3 { color: #fff; margin-bottom: 15px;}
.footer-nav ul li h3:before { display: inline-block; width: 4px; height: 11px; background: #227d53; border-radius: 3px; content: ''; position: relative; left: -5px;}
.footer-nav ul li dd { margin-bottom: 5px;}
.footer-nav ul li dd a { color: #fff; font-size: 13px; display: inline-block; border-bottom: 1px solid transparent; transition: all .3s ease;}
.footer-nav ul li dd a:hover { color: #227d53; border-bottom: 1px solid #227d53; transition: all .3s ease;}
.footer-bottom { clear: both; text-align: center; border-top: 1px solid #333; padding-bottom: 20px;}
.footer-bottom p { padding-top: 20px; color: #666;}
.footer-bottom .footer-logo img { height: 50px;}

/*--iso--*/
.index-footer-copyright { border-top: 1px solid #333; clear: both; padding-top: 10px;}
.index-footer-copyright .copyright-box { float: left; color: #666;}
.index-footer-copyright .copyright-box a { display: block; width: 200px; height: 42px;}
.index-footer-copyright .copyright-box img { width: 200px; display: block;}
.index-footer-copyright .iso-certified { float: right; padding-top: 10px; padding-bottom: 25px;}
.index-footer-copyright .iso-certified img { width: 50px;}

/*--blog--*/
.blog-banner { position: relative; width: 100%; height: 100%; overflow: hidden;}
.blog-banner img { display: block; width: 100%;}
.blog-banner h2 { font-size: 28px; text-align: center; width: 100%; color: #fff; position: absolute; z-index: 1; 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%);}

.blog-list { max-width: 1000px; width: 90%; margin: 0 auto;}
.blog-list ul { padding: 30px 0 10px 0;}
.blog-list li a { display: block; text-align: left; margin-bottom: 20px; min-height: 130px; padding: 20px 20px 20px 260px; position: relative; border: 1px solid #eee; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.08); transition: all .3s ease;}
.blog-list li a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.15); transition: all .3s ease;}
.blog-list li img { width: 220px; height: 124px; position: absolute; left: 20px; top: 23px;}
.blog-list li h2 { color: #000; font-size: 18px; margin-bottom: 3px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.blog-list li .date span { background-color: #227d53; color: #fff; display: inline-block; padding: 0 10px; margin-bottom: 6px; border-radius: 4px;}
.blog-list li p.intro { font-size: 13px; line-height: 1.5; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}

/*--blog-article--*/
.blog-article { overflow: hidden; word-break: break-all; width: 90%; max-width: 1000px; margin: 0 auto; padding: 50px 0; text-align: left; font-size: 14px; color: #000;}
.blog-article .bread-nav { margin-bottom: 40px;}
.blog-article .bread-nav a { display: inline-block; color: #000;}
.blog-article .bread-nav a i { display: inline-block; width: 20px; height: 20px; position: relative; top: 4px; margin-right: 15px; background: url("../images/icon-arrow-left.png") no-repeat 0 0; background-size: 100% auto;}
.blog-article .bread-nav a:hover { color: #227d53;}
.blog-article .bread-nav a:hover i { background-position: 0 100%;}
.blog-article h1.title { font-size: 36px; margin-bottom: 20px; font-weight: bold; line-height: 1.2; text-align: center;}
.blog-article p.release-time { text-align: center; margin-bottom: 40px; font-size: 16px; color: #999;}
.blog-article h2 { font-size: 20px; margin: 20px 0;}
.blog-article img { width: 100%;}
.blog-article p { margin: 20px 0;}
.blog-article ul { padding-left: 30px;}
.blog-article ul li { margin: 20px 0; list-style: disc;}
.blog-article .language-solidity { border: 1px solid #ddd; background-color: #f8f8f8; color: #333;}


@media screen and (max-width: 1140px) {
    .intro-pic { width: 92%;}
    .intro-pic img { width: 82%;}
}


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

    .footer-nav ul li { margin-left: 80px;}
}

@media screen and (max-width: 880px) {
    .header .nav-box .nav-ul { margin-right: 20px;}
    .header .nav-box .nav-ul li { margin: 0 10px;}
    
    .footer-brand { width: 240px;}
    .footer-nav ul li { margin-left: 50px;}


    .banner-index-box p { font-size: 14px; margin-bottom: 20px;}
    .banner-index-box { left: 30%; width: 300px;}
    .banner-index-box .business-consulting a { padding: 5px 15px; font-size: 13px;}

    .core-features-box ul li .text { width: 460px; padding-top: 30px;}
    .core-features-box ul li img { width: 200px;}


}

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


    .footer-brand { float: none; width: 100%; text-align: center; margin-bottom: 0;}
    .footer-brand p { font-size: 14px; margin: 0 10%;}
    .footer-brand img { margin-bottom: 10px;}
    .footer-nav { float: none; padding-top: 35px; margin-bottom: 35px;}
    .footer-nav ul { padding-left: 40px;}
    .footer-nav ul li { margin: 0; width: 26%;}
    .footer-nav ul li:first-child { width: 48%;}


    /*--iso--*/
    .index-footer-copyright .copyright-box { float: none; text-align: center;}
    .index-footer-copyright .copyright-box a { margin: 0 auto;}
    .index-footer-copyright .iso-certified { float: none; text-align: center;}
    .index-footer-copyright .iso-certified img { width: 40px;}

    
    .header .nav-box .language { position: absolute; right: 50px;}
    .header .nav-box { float: none;}
    .header .nav-box .nav-ul { box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; float: none; padding: 0; margin: 0; background-color: #000; position: fixed; width: 0; height: 100%; z-index: 99999; top: 0; left: 0;}
    .header .nav-box .nav-bg { display: none; content: ''; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(13,115,90,0.2); z-index: 99998;}
    .header .nav-box .nav-ul i.btn-close { display: inline-block; width: 40px; height: 40px; background: url("../images/btn-nav2.png") no-repeat 0 100%; background-size: 40px auto; left: 50%; margin-left: -18px; bottom: 50px; position: absolute; cursor: pointer; z-index: 999999;}
    .header .nav-box .nav-ul ul { display: none; padding: 40px 30px;}
    .header .nav-box .nav-ul ul:before { display: inline-block; content: ''; width: 200px; height: 30px; background: url("../images/logo-white.png") no-repeat 0 0; background-size: auto 100%; margin-bottom: 40px;}
    .header .nav-box .nav-ul ul li { padding: 0; margin: 0 0 15px 0; width: 100%;}
    .header .nav-box .nav-ul ul li a { color: #fff; padding: 5px 0; border-bottom: none;}
    .header .nav-box .nav-ul ul li a.cur { color: #fff; border-bottom: none; background-color: #227d53; border-radius: 2px;}
    .header .nav-box .nav-ul ul li a:hover { color: #fff; border-bottom: none; background-color: #227d53; border-radius: 2px;}
    .header.header-new .nav-box ul li a { color: #fff;}
    .header.header-new .nav-box ul li a.cur { color: #fff;}
    .header .nav-box i.btn-nav { display: inline-block; width: 36px; height: 36px; background: url("../images/btn-nav2.png") no-repeat 0 0; background-size: 36px auto; right: 15px; top: 13px; position: absolute; cursor: pointer; z-index: 99;}
    .header-new .nav-box i.btn-nav { display: inline-block; width: 36px; height: 36px; background: url("../images/btn-nav.png") no-repeat 0 0; background-size: 36px auto; right: 15px; top: 13px; position: absolute; cursor: pointer; z-index: 99;}



    .i-box { padding: 30px 0;}
    .i-box h2.tit { font-size: 18px; margin-bottom: 10px; font-weight: bolder;}
    .i-box .intro { margin-bottom: 0; font-size: 12px;}


    .banner-index-box p { font-size: 12px; margin-bottom: 10px;}
    .banner-index-box { left: 30%; width: 220px;}
    .banner-index-box .business-consulting a { padding: 4px 12px; font-size: 12px;}

    .intro-pic { width: 100%;}
    .intro-pic img { width: 75%;}

    .core-features-box h2.tit { margin-bottom: 20px;}
    .core-features-box ul li { margin-bottom: 15px; border-radius: 4px; padding: 20px; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.08);}
    .core-features-box ul li img { float: none; width: 120px;}
    .core-features-box ul li.right img { float: none;}
    .core-features-box ul li .text { float: none; width: 100%; text-align: center; padding: 0 0 10px 0;}
    .core-features-box ul li .text h3 { font-size: 15px; margin-bottom: 5px;}
    .core-features-box ul li .text p { font-size: 11px;}

    .blog-banner img { width: 120%;}
    .blog-banner h2 { font-size: 18px; top: 55%;}

    .blog-article h1.title { font-size: 20px; margin-bottom: 5px;}
    .blog-article p.release-time { margin-bottom: 30px;}
    .blog-article p { margin: 10px 0;}

    .banner-index-box .business-consulting a i { top: 0;}




}

@media screen and (max-width: 600px) {
    .blog-list li img { width: 160px; height: 90px;}
    .blog-list li a { padding-left: 200px; min-height: 100px;}
    .blog-list li h2 { font-size: 14px;}
    .blog-list li p.intro { -webkit-line-clamp: 2; line-clamp: 2;}

}

@media screen and (max-width: 580px) {
    .banner-index-box { top: 55%; line-height: 1.4;}
    .blog-banner img { width: 140%;}
    .blog-banner h2 { font-size: 16px; top: 58%;}

}

@media screen and (max-width: 440px) {
    .footer-nav ul li dd a { font-size: 12px;}
    .footer-nav ul { padding-left: 15px;}
    .banner-index-box .business-consulting a i { margin-left: 5px;}

    .banner { padding-top: 20px;}
    .banner-index-box { left: 33%; width: 200px;}
    .banner-index-box p { font-size: 11px; margin-bottom: 15px;}
    .banner-index img { width: 130%; position: relative; left: -10%;}

    .blog-banner img { width: 160%;}
    .blog-list li img { position: relative; left: 0; top: 0; width: 100%; height: auto;}
    .blog-list li a { padding-left: 20px;}
    .blog-list li h2 { word-break: break-word; overflow: auto; text-overflow: initial; white-space:initial; margin-bottom: 10px; line-height: 1.5;}

}