.txt-center{
    text-align: center;
}
.txt-right{
    text-align: right;
}
.txt-left{
    text-align: left;
}

.boxshadows{
    box-shadow: 0 0 15px 0 #e2e7f3;
}
.chainactPage{
    width: 100%;
}

.chainactcon{
    width: 1200px;
    margin: 0 auto;
}
.chainactbggray{
    background-color: #f2f6ff;
}
/*脙茠脗娄脙鈥毭偮棵冣�脗聽脙茠脗搂脙垄芒鈥毬偮澝冣�脗碌脙茠脗楼脙鈥毭偮冣�脗路脙茠脗漏脙鈥毭偮徝冣�脗聛脙茠脗娄脙鈥毭偮惷冣�脗聛脙茠脗楼脙鈥毭偮疵兟⒚⑩�卢脣艙脙茠脗漏脙鈥毭偮惷冣�脗聬脙茠脗楼脙垄芒鈥毬呪�脙垄芒鈥毬吢久兤捗偮ッ冣�脗戮脙垄芒鈥毬吢∶兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗赂脙茠脗庐脙垄芒鈥毬吢∶冣�脗拢脙茠脗娄脙鈥毭偮疵兟⒚⑩�卢芒鈧撁兤捗偮冣�脗禄脙鈥毭偮犆兤捗偮γ冣�脗聺脙鈥毭偮棵兤捗偮⒚兟⒚⑩�卢脗聺脙垄芒鈥毬嬇撁兤捗偮┟冣�脗聬脙鈥姑呪�脙茠脗楼脙鈥毭偮冣�脗聽脙茠脗楼脙鈥毭偮Ｃ冣�脜鈥溍兤捗偮冣�脗录脙鈥毭偮伱兤捗偮冣�脗聽脙鈥毭偮趁兤捗偮兟⒚⑩�卢脗娄脙鈥毭偮∶兤捗偮┟冣�脗聫脙鈥γ⑩偓鈩⒚兤捗偮γ冣�脗露脙鈥毭偮⒚兤捗偮ッ冣�脗娄脙鈥毭偮访兤捗偮┟冣�脗隆脙垄芒鈥毬偮澝兤捗偮兟⒚⑩�卢脗娄脙鈥γ偮矫兤捗偮ッ冣�脗鹿脙鈥毭偮嵜兤捗偮┟兟⒚⑩�卢芒鈧澝冣�脗聛脙茠脗漏脙垄芒鈧∶偮冣�脗戮脙茠脗楼脙鈥毭偮泵冣�脗陆脙茠脗楼脙鈥毭偮⒚冣�脗庐脙茠脗漏脙垄芒鈥毬⑩偓艙脙鈥毭偮该兤捗偮ッ冣�脗漏脙垄芒鈥毬吢∶兤捗偮γ冣�脗陆脙鈥毭偮∶兤捗偮┟冣�脗陋脙鈥γ偮久兤捗偮ッ冣�脗漏脙垄芒鈥毬偮∶兤捗偮γ兟⒚⑩�卢脜隆脙垄芒鈧久偮⒚兤捗偮┟冣�脗聧脙鈥毭偮澝兤捗偮ッ兟⒚⑩�卢脗鹿脙鈥γ偮矫兤捗偮Ｃ兟⒚⑩�卢脜戮脙鈥毭偮┟兤捗偮γ冣�脗赂脙鈥毭偮兤捗偮ッ冣�脗漏脙鈥毭偮得兤捗偮ッ兟⒚⑩�卢芒鈧澝兟⒚⑩�卢芒鈧澝兤捗偮冣�脗聛脙鈥毭偮兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗禄脙茠脗垄脙垄芒鈥毬偮⒚冣�脗聛脙茠脗漏脙垄芒鈥毬偮γ冣�脗拢脙茠脗楼脙鈥毭偮冣�脗聽脙茠脗搂脙鈥毭偮幻冣�脜鈥溍兤捗偮γ兟⒚⑩�卢脗鹿脙垄芒鈥毬偮γ兤捗偮┟兟⒚⑩�卢脣艙脙鈥毭偮好兤捗偮Ｃ冣�芒鈧劉脙鈥毭偮兤捗偮Ｃ兟⒚⑩偓拧脗卢脙鈥γ偮犆兤捗偮┟兟⒚⑩�卢芒鈧澝冣�脗聛脙茠脗漏脙鈥毭偮澝冣�脗漏脙茠脗搂脙鈥毭偮睹兟⒚⑩�卢脗隆脙茠脗搂脙鈥毭偮幻冣�脗聽脙茠脗娄脙垄芒鈥毬⑩�垄脙鈥毭偮幻兤捗偮冣�脗聧脙鈥毭偮兤捗偮冣�脗鹿脙垄芒鈥毬偮∶兤捗偮γ冣�脗露脙垄芒鈧久偮⒚兤捗偮γ兟⒚⑩偓啪脗垄脙鈥毭偮该兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗驴脙茠脗搂脙垄芒鈥毬偮∶兟⒚⑩�卢脜隆脙茠脗娄脙垄芒鈥毬偮姑冣�脗路*/
.privatebox1{
    width: 100%;
    background: url("../images/chainactive/banner.png") no-repeat center top;
    padding-top: 350px;
}
.privatebox1 .privateboxtxt{
    background: url("../images/chainactive/syspic1.png") no-repeat center;
    height: 418px;
}
.privatebox1 .privateboxtxt1{
    background: url("../images/chainactive/syspic2.png") no-repeat center 20px;
    height: 750px;
}
.privatebox2{
    width: 100%;
    background: url("../images/chainactive/syspic3.png") no-repeat center;
    height: 797px;
}
.privatebox3{
    width: 100%;
    background: url("../images/chainactive/syspic4.png") no-repeat center;
    height: 720px;
}
.privatebox3{
    padding-top:105px;
    box-sizing: border-box;
}
.privatebox3 ul{
    width:1200px;
    margin:50px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.privatebox3 ul li{
    width:380px;
    height:240px;
    box-sizing: border-box;
    padding: 85px 20px 0;
    margin-bottom:30px;
    text-align: center;
}
.privatebox3 ul li h3{
    font-size:18px;
    color:#333333;
    font-weight: normal;
    margin-bottom:26px;
}
.privatebox3 ul li p{
    font-size:14px;
    color:#333;

    line-height: 30px;
}

.privatebox4{
     width: 100%;
     background: url("../images/chainactive/syspic5.jpg") no-repeat center;
     height: 817px;
 }.privatebox5{
      width: 100%;
      background: url("../images/chainactive/syspic6.jpg") no-repeat center top;
      height: 694px;
    padding-top:180px;
    box-sizing: border-box;
  }
.privatebox5 ul{
    width:1180px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.privatebox5 ul li{
    width: 220px;
    height: 456px;
    box-sizing: border-box;
    padding:90px 15px 0;
    text-align: left;
}
.privatebox5 ul li h3{
    margin-bottom:20px;
    font-size:18px;
    color:#fff;
    font-weight: normal;
    opacity: 0.6;
}
.privatebox5 ul li p{
    font-size:16px;
    color:#fff;
    line-height: 24px;
    opacity: 0.6;
}
.privatebox6{
       width: 100%;
       background: url("../images/chainactive/syspic7.png") no-repeat center;
       height: 880px;
   }.privatebox7{
        width: 100%;
        background: url("../images/chainactive/syspic8.png") no-repeat center;
        height: 1015px;
    }.privatebox7{
         width: 100%;
         background: url("../images/chainactive/syspic8.png") no-repeat center;
         height: 1015px;
     }.privatebox8{
          width: 100%;
          background: url("../images/chainactive/syspic9.png") no-repeat center;
          height: 750px;
      }.privatebox9{
           width: 100%;
           background:#f3f4f9 url("../images/chainactive/syspic10.png") no-repeat center;
           height: 800px;
       }.privatebox10{
            width: 100%;
            background: url("../images/chainactive/syspic11.png") no-repeat center;
            height: 660px;
        }.privatebox11{
             width: 100%;
             background: url("../images/chainactive/syspic12.png") no-repeat center;
             height: 731px;position: relative;
         }
.contactLinkbtn{
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 260px;
    height: 54px;
    line-height: 54px;
    position: absolute;
    left:50%;
    margin-left: -130px;
    bottom: 80px;
}
.contactLinkbtn a{
    display:block;
    color:  #fff;
    text-align:  center;
    font-size: 18px;
}
.privatebox11 .mypriad a{
    color: #333333;
    font-size:16px;
    text-align: center;
    padding-top:115px;
    box-sizing: border-box;
}
/*脙茠脗娄脙鈥毭偮棵冣�脗聽脙茠脗搂脙垄芒鈥毬偮澝冣�脗碌脙茠脗楼脙鈥毭偮冣�脗路脙茠脗漏脙鈥毭偮徝冣�脗聛脙茠脗娄脙鈥毭偮惷冣�脗聛脙茠脗楼脙鈥毭偮疵兟⒚⑩�卢脣艙脙茠脗漏脙鈥毭偮惷冣�脗聬脙茠脗楼脙垄芒鈥毬呪�脙垄芒鈥毬吢久兤捗偮ッ冣�脗戮脙垄芒鈥毬吢∶兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗赂脙茠脗庐脙垄芒鈥毬吢∶冣�脗拢脙茠脗娄脙鈥毭偮疵兟⒚⑩�卢芒鈧撁兤捗偮冣�脗禄脙鈥毭偮犆兤捗偮γ冣�脗聺脙鈥毭偮棵兤捗偮⒚兟⒚⑩�卢脗聺脙垄芒鈥毬嬇撁兤捗偮┟冣�脗聬脙鈥姑呪�脙茠脗楼脙鈥毭偮冣�脗聽脙茠脗楼脙鈥毭偮Ｃ冣�脜鈥溍兤捗偮冣�脗录脙鈥毭偮伱兤捗偮冣�脗聽脙鈥毭偮趁兤捗偮兟⒚⑩�卢脗娄脙鈥毭偮∶兤捗偮┟冣�脗聫脙鈥γ⑩偓鈩⒚兤捗偮γ冣�脗露脙鈥毭偮⒚兤捗偮ッ冣�脗娄脙鈥毭偮访兤捗偮┟冣�脗隆脙垄芒鈥毬偮澝兤捗偮兟⒚⑩�卢脗娄脙鈥γ偮矫兤捗偮ッ冣�脗鹿脙鈥毭偮嵜兤捗偮┟兟⒚⑩�卢芒鈧澝冣�脗聛脙茠脗漏脙垄芒鈧∶偮冣�脗戮脙茠脗楼脙鈥毭偮泵冣�脗陆脙茠脗楼脙鈥毭偮⒚冣�脗庐脙茠脗漏脙垄芒鈥毬⑩偓艙脙鈥毭偮该兤捗偮ッ冣�脗漏脙垄芒鈥毬吢∶兤捗偮γ冣�脗陆脙鈥毭偮∶兤捗偮┟冣�脗陋脙鈥γ偮久兤捗偮ッ冣�脗漏脙垄芒鈥毬偮∶兤捗偮γ兟⒚⑩�卢脜隆脙垄芒鈧久偮⒚兤捗偮┟冣�脗聧脙鈥毭偮澝兤捗偮ッ兟⒚⑩�卢脗鹿脙鈥γ偮矫兤捗偮Ｃ兟⒚⑩�卢脜戮脙鈥毭偮┟兤捗偮γ冣�脗赂脙鈥毭偮兤捗偮ッ冣�脗漏脙鈥毭偮得兤捗偮ッ兟⒚⑩�卢芒鈧澝兟⒚⑩�卢芒鈧澝兤捗偮冣�脗聛脙鈥毭偮兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗禄脙茠脗垄脙垄芒鈥毬偮⒚冣�脗聛脙茠脗漏脙垄芒鈥毬偮γ冣�脗拢脙茠脗楼脙鈥毭偮冣�脗聽脙茠脗搂脙鈥毭偮幻冣�脜鈥溍兤捗偮γ兟⒚⑩�卢脗鹿脙垄芒鈥毬偮γ兤捗偮┟冣�脗聧脙鈥毭偮γ兤捗偮兟⒚⑩�卢脗娄脙鈥γ偮该兤捗偮冣�脗聫脙垄芒鈥毬偮∶兤捗偮┟兟⒚⑩�卢芒鈧澝冣�脗聛脙茠脗娄脙鈥毭偮惷冣�脗戮脙茠脗楼脙鈥γ偮犆冣�芒鈧劉脙茠脗搂脙鈥毭偮济冣�脗聧脙茠脗楼脙鈥毭偮┟兟⒚⑩�卢脗隆脙茠脗搂脙鈥毭偮嵜冣�脗庐脙茠脗娄脙鈥毭偮久冣�脗露脙茠脗娄脙垄芒鈥毬吢久冣�脗卢脙茠脗搂脙鈥毭偮伱冣�脗鲁脙茠脗漏脙垄芒鈥毬⑩偓艙脙鈥毭偮姑兤捗偮┟冣�脗垄脙鈥毭偮伱兤捗偮兟⒚⑩�卢脜戮脙鈥毭偮γ兤捗偮冣�脗禄脙垄芒鈥毬吢∶兤捗偮ッ兟⒚⑩�卢芒鈧澝兟⒚⑩�卢脗潞脙茠脗娄脙鈥毭偮⒚冣�脗潞脙茠脗搂脙垄芒鈥毬⑩�垄脙鈥毭偮好兤捗偮Ｃ兟⒚⑩�卢脜戮脙鈥毭偮ッ兤捗偮γ冣�脗芦脙鈥毭偮惷兤捗偮┟兟⒚⑩�卢芒鈧撁冣�脗鹿脙茠脗楼脙垄芒鈥毬偮∶冣�脗陇脙茠脗娄脙垄芒鈥毬偮姑冣�脗路2*/
.c2cboxgray{
    background-color: #f4f7ff;
}
.c2ccon{
    width: 1200px;
    margin: 0 auto;
}
.c2cboxshadow{
    box-shadow: 0 0 15px 0 #e7f3f5;
}
.c2cPage{}
.c2cbanner{
    background-image: url(../images/chainactive/bannerC2C.png);
    background-repeat: no-repeat;
    background-position:top center;
    overflow: hidden;
}
.c2cBox1{
    background-color: #fff;
    padding:20px 70px 30px;
    border-radius: 10px;
    margin: 336px 0 100px;
}
.c2cTitle{
    font-size: 30px;
    font-weight: normal;
    color: #022257;
    margin: 20px 0;
}
.box1list p{
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    padding-bottom: 10px;
}
.c2cBox2{}
.c2cBox2 .box2list{
    background-image: url(../images/chainactive/boxlist2bg.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    overflow: hidden;
    margin:50px 0;
    padding: 30px;
}
.c2cBox2 .box2list li{
    float: left;
    width: 190px;
}
.c2cBox2 .box2list li .txt{
    padding: 20px 20px 0;
    font-size: 16px;
    line-height: 26px;
    color: #333333;

}
.c2cBox2 .arricoline1{
    top: 60px;
    left: 192px;
}
.c2cBox2 .arricoline2{
    top: 60px;
    left: 382px;
}
.c2cBox2 .arricoline3{
    top: 60px;
    left: 570px;
}
.c2cBox2 .arricoline4{
    top: 60px;
    left: 760px;
}
.c2cBox2 .arricoline5{
    top: 60px;
    left: 960px;
}
.c2cBox3{
    overflow: hidden;
    padding: 30px 0;
}
.c2cbox3List{
    position: relative;
    padding: 30px 0 0;
    overflow:  hidden;
}
.c2cbox3List .doublearrico1{
    top: 252px;
    left: 100px;
}
.c2cbox3List .doublearrico2{
    top: 252px;
    right: 100px;
}
.c2cbox3Item{
    background-color: #fff;
    margin-bottom: 40px;
}
.c2cbox3Iteml{
    width: 740px;
    float: left;
}
.c2cbox3Itemr{
    width: 440px;
    float: right;
}
.c2cbox3Item h3{
    height: 46px;
    line-height: 46px;
    background-image: linear-gradient(180deg,#12cec1 0%,#0cbdc8 71%,#06acce 100%),linear-gradient(#21a6a3, #21a6a3);
    background-blend-mode: normal, normal;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}
.c2cbox3Item .c2citemlist{
    padding: 30px 46px;
    overflow: hidden;
}
.c2cbox3Iteml .c2citemlist{
    height: 200px;
}
.c2cbox3Itemr .c2citemlist{
    height: 150px;
    padding-top: 80px;
}
.c2cbox3Item .c2citemlist li{
    float: left;
    width: 148px;
    height: 40px;
    line-height: 40px;
    background-color: #daf2f2;
    color: #4e5e66;
    text-align: center;
    margin: 0 0 16px 10px;
    font-size: 16px;
}
.c2cbox3Item .c2citemlist li.active{
    background-image: linear-gradient(180deg,#4bd9d1 0%,#26bce1 75%,#009ff1 100%),linear-gradient(#21a6a3,#21a6a3);
    background-blend-mode: normal, normal;
    color: #ffffff;
    margin: 0 10px 16px 0px;
}

.c2cBox4{
    padding: 30px 0;
}
.c2cBox4list{
    overflow: hidden;
    padding: 30px 0;
}
.c2cBox4list .box4Itme{
    float: left;
    background-image: url(../images/chainactive/ico/numbg1.png);
    background-repeat: no-repeat;
    background-position: 422px 538px;
    width: 540px;
    height: 720px;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(190deg, #4bd9d1 0%, #009ff1 100%);
    border-image-slice: 1;
    margin: 0 28px;
}
.c2cBox4list .box4Itmer{
    background-image: url(../images/chainactive/ico/numbg2.png);
    float:  right;
}
.c2cBox4list .box4Itmer .box4itemlist li{padding-bottom: 20px;}
.c2cBox4list .box4Itemtit{
    height: 221px;
    background-image: linear-gradient(186deg,#12cec1 0%, #0cbdc8 71%,#06acce 100%), linear-gradient( #ffffff, #ffffff);
    background-blend-mode: normal,normal;
    text-align: center;
    padding:30px 70px;
}
.c2cBox4list .box4Itemtit h3{
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    padding: 30px 0;
}
.c2cBox4list .box4Itemtit p{
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}
.c2cBox4list .box4itemlist{
    padding: 20px 40px 0;
}
.c2cBox4list .box4itemlist li{
    padding: 16px 0 0px 106px;
    background-repeat: no-repeat;
    background-position: left -10px;
    min-height: 70px;
    padding-bottom: 50px;
}
.c2cBox4list .box4itemlist li h3{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}
.c2cBox4list .box4itemlist li p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.c2cBox4list .box4itemlist li.li1{
    background-image: url(../images/chainactive/ico/c2cIco7.png);
}
.c2cBox4list .box4itemlist li.li2{
    background-image: url(../images/chainactive/ico/c2cIco8.png);}
.c2cBox4list .box4itemlist li.li3{
    background-image: url(../images/chainactive/ico/c2cIco9.png);}
.c2cBox4list .box4itemlist li.li4{
    background-image: url(../images/chainactive/ico/c2cIco10.png);}
.c2cBox4list .box4itemlist li.li5{
    background-image: url(../images/chainactive/ico/c2cIco11.png);}
.c2cBox4list .box4itemlist li.li6{
    background-image: url(../images/chainactive/ico/c2cIco12.png);}

.c2cBox5.c2cboxgreen{
    background: url("../images/chainactive/c2cbggreen.png") no-repeat center;
    height: 340px;
    overflow: hidden;
    padding: 30px 0;
    color: #fff;
    margin-bottom: 50px;
}
.c2cboxgreen .c2cTitle{
    color: #fff;
}
.c2cboxgreen .suntitletxt{
    padding: 30px 0 50px;
}
.c2cBox5 .c2cbox5list{
    overflow: hidden;
}
.c2cBox5 .c2cbox5list  li{
    display: inline-block;
    width: 96px;
    margin:0 26px;
    text-align: center;
}
.c2cBox5 .c2cbox5list  li p{
    margin-bottom: 20px;
}
.c2cBox6{}
.clearfix:after {
    content:"";
    display: block;
    clear:both;
}
.c2cbox6List{
    padding: 30px 58px;
}
.c2cbox6List li{
    float: left;
    width: 456px;
    height: 166px;
    background-color: #f4f7ff;
    border-radius: 2px;
    padding: 26px;
    margin:0 16px 100px;
}
.c2cbox6List h4{
    font-size: 18px;
    color: #333333;
    padding: 26px;
}
.c2cbox6List .c2cbox6desc{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    background-color: #ffffff;
    border-radius: 2px;
    padding: 26px;
    height: 132px;
}
.c2cbox6List .c2cbox6desc p{}
.c2cBox7{
    padding: 30px 0;
    overflow: hidden;
}
.c2cBox8 .subtit{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    padding: 30px 0 80px;
}
.c2cBox9.c2cboxgreen{
    background: url("../images/chainactive/c2cbgreens.png") top center;
    padding: 60px 0 120px;
    overflow: hidden;
}
.c2cBox9 .pikuspic{
    padding: 50px 0;
}

.mypriad {
    width:1180px;
    margin:0 auto;
    overflow:hidden;
}
.mypriad1 {
    padding-top: 158px;
    margin-bottom: 34px;
}
.mypriad a {
    display: inline-block;
    float: left;
    width: 25%;
    height: 170px;
}