.product-main {
    width: 100%;
    background: #192024;
}
.float-left {
    float: left;
}

.product-banner {
    width: 100%;
    height: 100%;
}
.product-banner-bg {
    width: 100%;
    height: auto;
}
.product-content {
    margin: 0 auto;
    max-width: 1160px;
    position: relative;
}
.product-title {
    padding-top: 190px;
    font-size: 48px;
    line-height: 72px;
    color: #fff;
    margin-bottom: 43px;
}
.product-newtitle{
    padding-top: 150px;
    line-height: 56px;
    margin-bottom: 20px;
}
.product-title span {
    color: #00F4DA;
}
.product-content p {
    width: 385px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.product-content-en p {
  width:656px
}
.product-content-title {
    position: absolute;
    top: 0;
    left: calc((100% - 1160px)/2);
}

.product-overview {
    width: 100%;
    height: 410px;
    position: relative;
}
.product-enoverview {
    height: 470px;
}

.product-content-overview {
    max-width: 1070px;
    height: 410px;
    background: #212A2E;
    position: relative;
}
.enproduct-content-overview{
    height: 470px;
}
.left-mask {
    width: 380px;
    height:410px;
    background: #212A2E;
    position: absolute;
    left: 0;
    top: 0;
}
.left-enmask{
    height: 470px;
}

.product-common-title  h3 {
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 42px;
}
.enproduct-common-title  h3 {
    padding-top: 38px;
}

.product-common-title span {
    display: block;
    margin-bottom: 48px;
    width:80px;
    height:2px;
    background:#18C29C;
}

.product-common-title p {
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    color:rgba(255,255,255,0.7);
}
.product-common-title .product-common-con {
    width: 336px;
    font-size: 14px;
    line-height: 20px;
    color:rgba(255,255,255,0.7);
}
.product-common-title .enproduct-common-con {
    width: 336px;
    font-size: 14px;
    line-height: 16px;
    color:rgba(255,255,255,0.7);
}

.product-common-title-product3 p {
  width: 207px;
  font-size: 14px;
  line-height: 22px;
  color:rgba(255,255,255,0.7);
}

.product-overview-right {
    width: 780px;
    height: 480px;
    background: url(../image/product/immune.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -140px;
    right: -100px;
    box-sizing: border-box;
}
.product-overview-intro{
    width: 780px;
}
.product-overview-blockchain {
    background: url(../image/product/blockchain.png) no-repeat;
    background-size: 100% 100%;
}
.product-overview-intro {
    background: url(../image/product/banner_intro.png) no-repeat;
    background-size: 100% 100%;
}
.product-overview-intro-en {
  background: url(../image/product/banner_intro_en.png) no-repeat;
  background-size: 100% 100%;
}
.product-overview-blockchain-en {
    background: url(../image/product/blockchain-en.png) no-repeat;
    background-size: 100% 100%;
}

.product-technical {
    width: 100%;
    height: 534px;
    background: #079E7C;
    margin-top: 437px;
    position: relative;
}

.product-technical-trusted {
    margin-top: 391px;
    height: 534px;
}

.left-mask-technical {
    width: calc((100% - 1160px) / 2 - 50px);
    height: 534px;
    background: #192024;
    position: absolute;
    left: 0;
    top: 0;
}

.left-mask-technical-trusted {
    height: 534px;
}

.technical-title h3 {
    width: 200px;
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 153px;
}

.technical-title-en h3 {
  line-height: 45px;
  width: 380px;
}
.product-technical-trusted .technical-title h3 {
    padding-top: 167px;
}
.technical-title span {
    display: block;
    width:80px;
    height:2px;
    background:#fff;
    margin-bottom: 48px;
}

.technical-title p {
    font-size:14px;
    color:rgba(255,255,255,0.7);
    line-height:20px;
    width: 280px;
}
.entechnical-title{
    position: absolute;
    top: 100px;
}
.entechnical-title h3{
   width: 366px;
}
.technical-right {
    position: absolute;
    right: 0;
    top: -150px;
}
.entechnical-right {
    position: absolute;
    right: 0;
    top: -100px;
}

.technical-right-trusted {
    top: -110px
}
.technical-block-trusted {
    float: right;
}
.technical-module {
    background: #2E393F;
    padding: 68px 40px 0;
    float: left;
    margin-left: 27px;
    margin-bottom: 36px;
    cursor: pointer;
    box-sizing: border-box;
    height: 450px;
}

.technical-module-product3{
    background: #2E393F;
    padding: 68px 43px 0 40px;
    float: left;
    margin-left: 28px;
    margin-bottom: 38px;
    cursor: pointer;
    box-sizing: border-box;
    height: 410px;
}

.technical-module-en-product3{
  height: 528px;
}

.technical-module-margin48{
  margin-bottom: 48px;
}

.technical-module-trusted {
    height: 410px;
}

.technical-module:nth-child(2) {
    margin-top: -148px;
}

.technical-module:nth-child(2) {
    margin-top: -148px;
}
.entechnical-module:nth-child(2) {
    margin-top: -210px;
}
.newtechnical-module:nth-child(2){
    margin-top: -200px;
}
.technical-module-trusted:nth-child(1) {
    margin-left: 0;
    margin-top: 148px;
}
.technical-module-trusted:nth-child(2) {
    margin-top: 0;
}
.technical-module-trusted:nth-child(3) {
    margin-top: -148px;
}

.technical-module-product3:nth-child(2) {
  margin-top: -137px;
}

.technical-module .icon {
    width: 36px;
    height: 36px;
    display: block;
    margin-bottom: 8px;
}
.technical-module .icon-user {
    background: url(../image/product/icon_user_normal.png) no-repeat;
    background-size: 100% 100%;
}

.technical-module .icon-tps {
  background: url(../image/product/icon_tps_normal.png) no-repeat;
  background-size: 100% 100%;
}

.technical-module .icon-against {
    background: url(../image/product/icon_defend_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-tamper {
    background: url(../image/product/icon_deposit_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-feature {
    background: url(../image/product/icon_feature_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-gossip {
    background: url(../image/product/icon_gossip_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-ops {
    background: url(../image/product/icon_ops_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-stride {
    background: url(../image/product/icon_stride_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-trust {
    background: url(../image/product/icon_trust_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-api {
    background: url(../image/product/icon_api_normal.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-one {
    background: url(../image/product/one.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-two {
    background: url(../image/product/two.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-three {
    background: url(../image/product/three.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .icon-four {
    background: url(../image/product/four.png) no-repeat;
    background-size: 100% 100%;
}



.technical-module:hover .icon-tps {
  background: url(../image/product/icon_tps_hover.png) no-repeat;
  background-size: 100% 100%;
}

.technical-module:hover .icon-user {
    background: url(../image/product/icon_user_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-against {
    background: url(../image/product/icon_defend_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-tamper {
    background: url(../image/product/icon_deposit_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-feature {
    background: url(../image/product/icon_feature_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-gossip {
    background: url(../image/product/icon_gossip_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-ops {
    background: url(../image/product/icon_ops_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-stride {
    background: url(../image/product/icon_stride_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-trust {
    background: url(../image/product/icon_trust_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-api {
    background: url(../image/product/icon_api_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-one {
    background: url(../image/product/icon_gossip_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-two {
    background: url(../image/product/two_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-three {
    background: url(../image/product/three_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module:hover .icon-four {
    background: url(../image/product/four_hover.png) no-repeat;
    background-size: 100% 100%;
}
.technical-module .title {
    font-size:26px;
    color: #18C29C;
    line-height:37px;
    display: block;
    margin-bottom: 48px;
    width: 288px;
}
.technical-module-product3 .product3-title{
  font-size: 16px;
}

.technical-module-trusted .title {
    margin-bottom: 30px;
}

.technical-module .hint {
    width: 288px;
    font-size:16px;
    color:rgba(255,255,255,0.7);
    line-height:24px;
    display: block;
    margin-bottom: 60px;
}

.technical-module:hover {
    background: #18C29C;
    position: relative;
    top: -20px;
}

.technical-module:hover .title {
    color: #fff;
}

.technical-module:hover .product3-title {
  color: #fff;
}

.technical-module:hover .hint {
    color: #34404D;
}

.technical-module:hover .technical-list p {
    color: #34404D;
}

.technical-module:hover .technical-list span {
    background: #34404D;
}

.technical-list {
    margin-bottom: 14px;
}

.technical-list span {
    width: 10px;
    height:10px;
    background: rgba(255,255,255,0.7);
    border-radius: 50%;
    display: block;
    float: left;
    margin-top: 6px;
}

.technical-list p {
    font-size:14px;
    color:rgba(255,255,255,0.7);
    line-height:22px;
    display: block;
    width: 270px;
    margin-left: 8px;
    float: left;
}

.product-advantages {
    margin-top: 305px;
    width: 100%;
    height: 777px;
    background: #212A2E;
    position: relative;
}
.product-newadvantages {
    margin-top: 458px;
}

.product-advantages-product3{
  margin-top: 358px;
  width: 100%;
  height: 777px;
  background: #212A2E;
  position: relative;
}

.product-advantages img {
    width: 60%;
    height: 777px;
    position: absolute;
    left: 0;
    top: 0;
}
.product-advantages .product-advantagesbg{
    width: 60%;
    height: 777px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #001827 0%, rgba(2, 37, 46, 0.8) 14%, rgba(0, 120, 93, 0.8) 100%);
}

.product-advantages h3 {
    padding-top: 222px;
    width: 280px;
}

.advantages-main {
    width: 850px;
    float: right;
    padding: 88px 40px 28px 26px;
    background: #18C29C;
    box-sizing: border-box;
    margin-top: 134px;
}


.advantages-main-trusted {
   height: 525px;
   padding: 62px 86px 63px 0;
   margin-top: 126px;
}

.advantages-main-trusted-product3{
  height: 525px;
   padding: 62px 86px 63px 0;
   margin-top: 126px;
}

.advantages-main-en-trusted{
  height: 599px;
}
.advantages-main-new {
    padding-bottom: 24px;
    padding-top: 40px;
    margin-top: 100px;

}

.advantages-module {
    float: left;
    margin-left: 60px;
    height: 204px;
}

.advantages-module-trusted {
    height: 144px;
}
.newadvantages-module-trusted{
    height: 177px;
}

.advantages-module-trusted-product3{
    margin-left: 86px;
    padding-bottom: 44px;
}

.advantages-module .icon {
    float: left;
    margin-right: 15px;
    width: 36px;
    height: 36px;
    display: block;
}

.advantages-module-trusted .icon{
  float: left;
  margin-right: 15px;
  width: 36px;
  height: 36px;
  display: block;
}

.advantages-module-trusted-product3 .icon{
  float: left;
  margin-right: 15px;
  width: 36px;
  height: 36px;
  display: block;
}

.icon-datatrace{
  background: url(../image/product/icon_datatrace.png) no-repeat;
  background-size: 100% 100%;
}

.icon-cooperation{
  background: url(../image/product/icon_cooperation.png) no-repeat;
  background-size: 100% 100%;
}
.icon-result{
  background: url(../image/product/icon_result.png) no-repeat;
  background-size: 100% 100%;
}

.icon-nature {
    background: url(../image/product/icon_nature.png) no-repeat;
    background-size: 100% 100%;
}
.icon-safety {
    background: url(../image/product/icon_safety.png) no-repeat;
    background-size: 100% 100%;
}
.icon-compatibility {
    background: url(../image/product/icon_compatibility.png) no-repeat;
    background-size: 100% 100%;
}
.icon-control {
    background: url(../image/product/icon_control.png) no-repeat;
    background-size: 100% 100%;
}
.icon-privacy {
    background: url(../image/product/icon_privacy.png) no-repeat;
    background-size: 100% 100%;
}
.icon-newnature {
    background: url(../image/product/icon_newnature.png) no-repeat;
    background-size: 100% 100%;
}
.icon-newsafety {
    background: url(../image/product/icon_newsafety.png) no-repeat;
    background-size: 100% 100%;
}
.icon-newcompatibility {
    background: url(../image/product/icon_newcompatibility.png) no-repeat;
    background-size: 100% 100%;
}
.icon-newcontrol {
    background: url(../image/product/icon_newcontrol.png) no-repeat;
    background-size: 100% 100%;
}
.icon-newprivacy {
    background: url(../image/product/icon_newprivacy.png) no-repeat;
    background-size: 100% 100%;
}


.advantages-list h4 {
    font-size:26px;
    color:#142A3F;
    line-height:37px;
    margin-bottom: 25px;
}
.newadvantages-list h4 {
    margin-bottom: 5px;
}

.advantages-list-trusted h4{
  margin-bottom: 19px;
}

.advantages-list-mobile-en-trusted h4{
  padding-left: 50px;
}

.advantages-list p {
    font-size:14px;
    color:#34404D;
    line-height:22px;
    margin-bottom: 8px;
    width: 280px;
}

.advantages-list-trusted p {
  width: 628px;
  padding-left: 51px;
}

.product-architecture {
    width: 100%;
    height: 470px;
    background: #212A2E;
    margin-top: 140px;
}

.product-architecture h3 {
    padding-top: 62px;
}
.product-architecture ul {
    margin-top: 46px;
}
.product-architecture ul li {
    width: 380px;
    padding-left: 57px;
    box-sizing: border-box;
    height: 72px;
    font-size:16px;
    color: #fff;
    line-height: 72px;
    cursor: pointer;
}
.product-architecture ul li:hover {
    background:linear-gradient(270deg,rgba(24,194,156,0) 0%,rgba(24,194,156,1) 100%);
}

.product-architecture-img {
    float: right;
}

.product-architecture-img img {
    display: none;
    width: 780px;
    height: 478px;
    margin-top: 62px;
}

.product-architecture-img .active {
    display: block;
}

.product-case {
    width: 100%;
    height: 100px;
    margin: 160px 0;
}
.product-casebar {
    width: 144px;
    height: 100px;
}
.product-case-trusted {
    width: 100%;
    height: 144px;
}
.product-case-en {
    width: 100%;
    height: 100px;
    margin: 260px 0;
}
.cover{
    width: 100%;
    height:130px;
    background: #192024;
    display: none;
}
.product-view {
    width:100%;
    background:rgba(7,158,124,1);
    display: none;
}

/* 移动端 */
.mobile-main {
    padding-top: 66px;
    background: #192024;
}
.phone {
    display: none;
}
.mobile-banner {
    width: 100%;
    background: url(../image/product/immune_banner.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 24px 48px;
    box-sizing: border-box;
}
.mobile-newbanner{
    width: 100%;
    background: url(../image/product/number_banner.png) no-repeat;
    background-size: 100% 100%;
    padding: 24px 71px 50px 24px;
    box-sizing: border-box;
}
.mobile-banner-trusted {
    background: url(../image/product/blockchain_banner-mobile.png) no-repeat;
    background-size: 100% 100%;
}



.mobile-banner h2 {
    font-size: 20px;
    color: #fff;
    line-height:24px;
    margin-top: 10px;
    margin-bottom: 24px;
}


.mobile-banner-trusted h2{
  font-size:20px;
}

.mobile-newbanner h2 {
    margin-top: 4px;
    margin-bottom: 12px;
}
.mobile-banner h2 span{
    color: rgba(0, 244, 218, 1);
}

.mobile-banner p {
    font-size:14px;
    color: #fff;
    line-height:22px;
}
.mobile-newbanner p {
    font-size:12px;
    color: #fff;
    line-height: 18px;
}

.mobile-overview {
    margin: 0 24px;
    background: #212A2E;
    height: 430px;
}
.mobile-overview-trusted {
    height: 562px;
}
.mobile-title {
    font-size:40px;
    color: #fff;
    line-height:56px;
    text-align: center;
    padding-top: 48px;
}

.mobile-line {
    width:80px;
    height:2px;
    background:#18C29C;
    display: block;
    margin: 20px auto 48px;
}
.mobile-hint {
    font-size:14px;
    color:rgba(255,255,255,0.7);
    line-height:22px;
    text-align: center;
    padding: 0 16px;
}
.mobile-overview img {
    width: 100%;
    height: 200px;
    margin-left: 24px;
    margin-top: 50px;
}

.mobile-technology {
    width: 100%;
    margin-top: 194px;
}

.mobile-technology-bg {
    width: 100%;
    height: 400px;
    background: #079E7C;
}

.mobile-technology .white {
    background: #fff;
}

.technical-module-main {
    margin-top: -183px;
}
.technical-module-main .technical-list p {
    width: 240px;
}
.technical-module-main-en {
    margin-top: -83px;
}
.mobile-technology .technical-module {
    margin: 24px;
    float: none;
    height: auto;
    padding: 68px 30px 36px;
}
.mobile-technology .technical-module .hint {
    width: 100%;
}
.mobile-strengths {
    margin-top: 116px;
    width: 100%;
    padding-bottom: 76px;
    background: #212A2E;
}
.mobile-banner-trusted-en-title{
  font-size: 20px;
  color: rgba(0, 244, 218, 1);
}
.mobile-strengths-bg {
    width: 100%;
    height: 524px;
    background: url(../image/product/strengths-banner.png) no-repeat;
    background-size: 100% 100%;
}
.mobile-strengths-newbg{
    background: url(../image/product/newstrengths-banner.png) no-repeat;
    background-size: 100% 100%;
}
.mobile-strengths-bg h3 {
    padding-top: 80px;
}
.advantages-module-main {
    background: #18C29C;
    margin: -250px 24px 0;
    padding: 24px 16px 48px;
}
.advantages-module-main .advantages-module {
    float: none;
    margin-left: 0;
    margin-top: 24px;
    height: auto;
}
.advantages-module-main .advantages-module i {
    margin-right: 10px;
}
.advantages-module-main .advantages-module p {
    width: 240px;
}
.advantages-module-main-en {
    margin: -200px 24px 0;
}
.advantages-module-en-main{
  margin: -80px 24px 0;
}
.mobile-architecture h3{
    padding-top: 140px;
}
.mobile-architecture-img {
    margin: 48px 24px;
}
.mobile-architecture-img img {
    width: 100%;
    height: 200px;
    display: none;
}
.mobile-architecture-img .active {
    display: block;
}
.mobile-architecture li {
    width:173px;
    height:60px;
    background: #192024;
    font-size:14px;
    color:rgba(255,255,255,0.7);
    line-height:60px;
    float: left;
    text-align: center;
}
.mobile-architecture li.active {
    background:linear-gradient(270deg,rgba(24,194,156,0) 0%,rgba(24,194,156,1) 100%);
}

@media (max-width: 1160px){
    .product-content-title {
        left: 0;
    }
}
@media (max-width: 768px){
    .product-main {
        display: none;
    }
    .phone {
        display: block;
    }
}