@charset "utf-8";
/* CSS Document */

#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom:30px;
}

#certify  .swiper-slide {
    width: 682px;
    height: 400px;
    background: #fff;
    border: solid 2px #098f78;
    box-shadow: 0 6px 16px #d2e7ea;
}
.certifycon  .swiper-slide-next img,.certifycon  .swiper-slide-prev img{
    background-color:rgba(0,0,0,.5)!important;
}
#certify  .swiper-slide img{
    display:block;
    width: 100%;
}


#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
    display: none;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../../images/product/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../../images/product/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
/**/
.certifycon {
    position: relative;
    width: 1200px;
    margin: 0 auto
}
.certifycons{
    width: 1176px;
}

.certifycon .swiper-container {
    padding-bottom:30px;
}
.certifyconpos .swiper-container {
    padding-top: 180px;
}

.certifycon  .swiper-slide {
    width: 868px;
    height: 534px;
    background: #fff;
}
.certifycons  .swiper-slide {
    width: 607px;
    height: 405px;
    background: none;
}
.certifycons  .swiper-slide p{
    text-align: center;
    font-size: 22px;
    color: #333;
    padding: 10px 0;
}
.certifycon  .swiper-slide img{
    display:block;
    width: 100%;
}


.certifycon .swiper-pagination {
    width: 100%;
    bottom: 20px;
    display: none;
}

.certifycon .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.certifycon .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

.certifycon .swiper-button-prev {
    left: 0;
    width: 45px;
    height: 45px;
    background: url(../../images/product/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.certifycon .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

.certifycon .swiper-button-next {
    right: 0;
    width: 45px;
    height: 45px;
    background: url(../../images/product/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

.certifycon .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}
.certifycon  .swiperdesc{
    display: none;
    position: absolute;
    width: 1200px;
    top: -200px;
    left: 50%;
    margin-left: -600px;
}
.certifycon  .swiper-slide-active  .swiperdesc{
    display: block;
}
.certifycon  .swiperdesc h4{
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
    font-weight: normal;
}
.certifycon  .swiperdesc h4 span{
    font-size: 18px;
    font-weight: normal;
    color: #333;
    display: inline-block;
    padding: 28px 30px;
}
.certifycon  .swiperdesc h4 span.active{
    color: #3eb18c;
    border-bottom: 2px solid #3eb18c;
}
.certifycon  .swiperdesc p{
    font-size: 14px;
    font-weight: normal;
    color: #333333;
}
.certifyconpos .swiper-button-next,.certifyconpos  .swiper-button-prev{
    margin-top:22px;
}
.comcons .swiper-slide{
    width: 618px;
}

.txt-center{
    text-align: center;
}
.txt-right{
    text-align: right;
}
.txt-left{
    text-align: left;
}
.boxshadows{
    box-shadow: 0 0 15px 0 #e2e7f3;
}
.ewalletPage{
    width: 100%;
}
.ewalletbanner{
    width: 100%;
    height: 558px;
    background: url("../images/voucher/walletban.png") no-repeat  center;
}
.ewalletcon{
    width: 1200px;
    margin: 0 auto;
}
.ewallcongray{
    background-color: #f2f6ff;
}
.ewalletTiltle{
    padding: 40px 0 20px;
}
.ewalletTiltle h4{
    display: inline-block;
    font-size: 30px;
    color: #051649;
    padding-bottom: 10px;
}
.ewalletTiltle .line{
    display: inline-block;
    width: 60px;
    height: 4px;
    background: #254084;
}
.txtbox{
    padding-bottom: 30px;
}
.ewallbox1{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.ewallbox1 .txtList li{
    list-style: inside disc;
}
.dcbanner{
    padding-bottom: 672px;
    background-image: url(../../images/product/dcsupplychain/dcbanner.jpg);
    background-repeat: no-repeat;
    background-position: center top;

}
.dcTiltle{
    padding: 40px 0 20px;
}
.dcTiltle h4{
    padding-bottom: 10px;
    font-weight:  normal;
    font-size: 24px;
    line-height: 32px;
    color: #333333;
}
.dcTiltle .line{
    display: inline-block;
    width: 34px;
    height: 4px;
    background-color: #024e6a;
    border-radius: 2px;
}
.dcTiltle .subtitle{font-size: 16px;color:#333;padding:18px 0 0;}
.dcTiltle .subtxt{font-size: 14px;color: #333333;padding:30px 0 50px;}
.dcTiltlew h4{color: #fff;}
.dcTiltlew .line{background: #fff;}
.dcTiltlew .subtitle{color:#fff;}
.dcTiltlew .subtitle1{color:#c7c7c7;}

.dcsmlTitle{
    height: 50px;
    padding: 10px 0 40px;
}
.dcsmlTitle p{
    z-index: 2;
    font-size: 22px;
    font-weight: normal;
    line-height: 36px;
    color: #333333;
}
.dcsmlTitle .numpic{
    z-index: 1;
    top: 10px;
}
/*nav*/
.proNavBox{    position: absolute;
    top: 600px;
    width: 1200px;
    left: 50%;
    margin-left: -600px;}
.proNavBox.fixed{position: fixed;top:0;width: 100%;background: #003448;z-index:999;    left: 0; margin: 0;}
.proNav{text-align:center;border-bottom: 1px solid #d9d9d9;width: 1200px;margin:0px auto 0px;background-color: #003448;}
.proNav a{color: #fff;font-size: 14px; display: block;position: relative;height: 50px;line-height: 50px;}
.proNav .active a{background: #fff;color:#003448;}
.proNav .active a .arrow{left:50%;margin-left:-8px;position:absolute;bottom:0;display: block;width: 18px;height: 8px;background: url("../../images/product/dcsupplychain/arrow.png") no-repeat center;}
/*box1*/
.dcchaingraybg{
    background-color: #f5f5f5;
}
.dcchainbox1{
    padding-bottom: 50px;
    overflow: hidden;
}
.dchaincon1{
    padding:30px 50px;
    width: 1100px;
    height: 353px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(0, 52, 71, 0.17);
    border-radius: 4px;
    margin-top: 20px;
}
.dchaincon1 .dchaindot{
    font-family: Arial;
    font-size: 155px;
    font-weight: bold;
    color: rgba(4, 0, 63, 0.06);
    letter-spacing: 1px;
    left: 0;
    top: -26px;
}
.dchaincon1 .txt{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
}
.dchaincon1 .txt p{
    padding-bottom: 20px;
}
.dchaincon1 .pic{
    background-image: url(../../images/product/dcsupplychain/dcchainpic1.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 220px;
}
/*box2*/
.dcchainbox2{}
.dchaincon2{
    padding: 20px 0 50px;
}
.dchaincon2 .txt{
    width: 710px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #333333;
}
.dchaincon2 .txt p{
    padding-top:10px;
    padding-bottom: 16px;
}
.dchaincon2 .txt p.last{
    padding-bottom: 0;
}
.dchaincon2 .pic{
    width: 420px;
    height: 310px;
    overflow: hidden;
}
/*box3*/
.dcchainbox3{
    padding-bottom: 50px;
}
.dchaincon3{}
.dchaincon3 .indexpro-con{
    width: 1200px;
    margin: 20px auto 0px;
}
.indexpro-con ul li {
    position: relative;
    height: 382px;
    width: 20%;
    float: left;
    font-size: 0;
    text-align: center;
}
.dchaincon3 .indexpro-con ul li{
    width: 25%;
    height: 400px;
}
.dchaincon3  .indexpro-con ul li .mask .bg{
    opacity: 0.86;
}
.dchaincon3  .indexpro-con ul li:hover .bg {
    background: rgba(0, 52, 71, 1);
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.dchaincon3 .indexpro-con ul li .mask .content .item-img-panel{
    height: 70px;
}
.dchaincon3 .indexpro-con ul li .mask .content .item-title{
    line-height: 50px;
}
.dchaincon3 .indexpro-con ul li .mask .content .line-panel .item-line{
    width: 30px;
    height: 4px;
    border-radius: 2px;
}
.dchaincon3 .indexpro-con ul li .mask .content .line-panel{
    margin-top: 30px;
}
.dchaincon3 .indexpro-con ul li:hover .content .line-panel {
    margin-top: 10px;
}

.indexproBox {
    background: url(../images/fistbg.jpg) no-repeat;
    height: 552px;
    margin-top: 30px
}

.indexproBox .tit {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    padding: 40px 0 20px
}

.indexpro-con {
    width: 1175px;
    margin: 24px auto 0;
    position: relative
}

.indexpro-con ul {
    width: 100%
}

.indexpro-con ul li {
    position: relative;
    height: 382px;
    width: 20%;
    float: left;
    font-size: 0;
    text-align: center
}

.indexpro-con .pro_con_prev,.pro-con .pro_con_next {
    position: absolute;
    height: 382px;
    width: 50px;
    background: url(../../images/product/dcsupplychain/ad_ctrbg.png);
    top: 0;
    z-index: 1000;
    cursor: pointer;
    display: none
}

.indexpro-con .pro_con_prev {
    left: 0
}

.indexpro-con .pro_con_next {
    right: 0
}

.indexpro-con .pro_con_prev a,.pro-con .pro_con_next a {
    display: block;
    width: 50px;
    height: 90px;
    background: url(../../images/product/dcsupplychain/ad_ctr.png) no-repeat;
    margin-top: 150px
}

.indexpro-con .pro_con_next a {
    background-position: -8px -90px
}

.indexpro-con ul li .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.indexpro-con ul li .mask .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #161a1d;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: alpha(opacity=60);
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .bg.other-bg {
    opacity: .82;
    filter: alpha(opacity=82);
    -ms-filter: alpha(opacity=82)
}

.indexpro-con ul li .mask .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0;
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .line-panel {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    margin-top: 20px;
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .line-panel .item-line {
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .item-img-panel {
    position: relative;
    width: 25%;
    height: 54px;
    display: inline-block
}

.indexpro-con ul li .mask .content .item-img-panel .item-img,.indexpro-con ul li .mask .content .item-img-panel .item-img-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .item-img-panel .item-img-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .item-title {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-weight: bold;
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li .mask .content .item-desc {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding: 0 23px;
    line-height: 24px;
    height: 72px
}

.indexpro-con ul li .mask .content .item-link {
    display: inline-block;
    border: 1px solid #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    margin-top: 62px
}

.indexpro-con ul li .mask .content .item-link:hover {
    color: #00c1de;
    background: #fff
}

.indexpro-con ul li .mask .content .item-desc,.indexpro-con ul li .mask .content .item-link {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -webkit-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -moz-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    -o-transition: all .4s cubic-bezier(0.4,0,0.2,1);
    transition: all .4s cubic-bezier(0.4,0,0.2,1)
}

.indexpro-con ul li:hover .bg {
    background: #3c85df;
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.indexpro-con ul li:hover .bg.other-bg {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90)
}

.indexpro-con ul li:hover .content {
    top: 13%
}

.indexpro-con ul li:hover .content .item-img-panel .item-img {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0)
}

.indexpro-con ul li:hover .content .item-img-panel .item-img-hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}

.indexpro-con ul li:hover .content .line-panel {
    margin-top: 10px
}

.indexpro-con ul li:hover .content .line-panel .item-line {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0)
}

.indexpro-con ul li:hover .content .item-title {
    margin-top: 12px
}

.indexpro-con ul li:hover .content .item-desc,.indexpro-con ul li:hover .content .item-link {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100)
}

.indexpro-con ul li:hover .content .item-desc {
    margin-top: 22px
}

.indexpro-con ul li:hover .content .item-link {
    margin-top: 14%
}
/*box4*/
.dchaincon4{
    padding: 50px 0 80px;
}
/*box5*/
.dcchainbox5{
    background-image: url(../../images/product/dcsupplychain/dcchainbg1.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
}
.bondlist1 li{
    width: 270px;
    float: left;
    margin-right: 26px;
    box-shadow: 0px 0px 10px 0px rgba(8, 6, 61, 0.1);
    border: solid 1px #cccccc;
    height: 378px;
}
.bondlist1 li.last{
    margin-right: 0;
}
.bondlist1 li .arrowico{
    left:50%;
    top:140px;
    width: 50px;
    height: 50px;
    margin-left: -25px;
}
.bondlist1 li .titlebox{
    color: #fff;
    width: 270px;
    height: 158px;
    background-image: linear-gradient(0deg,#095772 0%,#0f7c9e 100%), linear-gradient(#1a12c3, #1a12c3);
    background-blend-mode: normal, normal;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
}
.bondlist1 li .title{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    padding: 16px 10px 10px;
}
.bondlist1 li .desc{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 22px;
    color: #666666;
    padding:0 10px;
}
.bondlist1 li .titlebox h4{
    font-size: 16px;
    margin: 40px 0 20px;
}
.bondlist1 li .titlebox p{
    line-height: 24px;
}
.bondlist1sec{
    height: 300px;
    background-color: #091937;
    padding: 45px 0;
}
.bondlist1sec ul{
    padding: 50px 0px 0;
}
.bondlist1sec li{
    width: 447px;
    height: 170px;
    background-color: #ffffff;
    margin: 0 44px;
    background-repeat: no-repeat;
    background-position: right bottom;
    float: left;
    padding: 20px;
}
.bondlist1sec li.li1{
    background-image: url(../../images/product/dcsupplychain/bondbg1.png);
}
.bondlist1sec li.li2{
    background-image: url(../../images/product/dcsupplychain/bondbg2.png);
    margin-right: 0;
}
.bondlist1sec li h4{
    font-size: 20px;
    font-weight: normal;
    line-height: 22px;
    color: #05556e;
}
.bondlist1sec li .desc{
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    color: #666666;
}
.bondlist1sec li .line{
    padding: 10px 0 20px;
}
.bondlist1sec li .line span{
    width: 38px;
    height: 4px;
    background-color: #05556e;
    display: inline-block;
}
.dcchainbox5 .bondlist1 li{
    width: 280px;
    height: 504px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 0px rgba(8, 6, 61, 0.1);
    border: solid 1px #cccccc;
    margin-right: 24px;
}
.dcchainbox5 .bondlist1 li .titlebox{
    width: 280px;
    height: 139px;
    background-image: linear-gradient(180deg, #108dbb 0%, #054e69 100%), linear-gradient( #1a12c3, #1a12c3);
    background-blend-mode: normal, normal;
}
.dcchainbox5 .bondlist1 li.last{
    margin-right: 0;
}
.dcchainbox5 .bondlist1 li .titlebox h4{
    margin-top: 50px;
}
.dcchainbox5 .bondlist1 li .arrowico{
    top: 116px;
}
.dcchainbox5 .bondlist1 li .title{
}
.dcchainbox5 .bondlist1 li .titleblue1{
    color: #024e6a;
    margin-top: 20px;
}
.dcchainbox5 .bondlist1 li .titleorg1{
    color: #ffb400;
    margin-top: 0;
    padding-top: 0;
}
.dcchainbox5 .bondlist1 li .desc{
    height: 120px;
}
/*box6*/
.dchaincon6{
    position: relative;
    padding: 30px 0 0;
}
.dchaincon6 .doublearrico1{
    top: 252px;
    left: 100px;
}
.dchaincon6 .doublearrico2{
    top: 252px;
    right: 100px;
}
.dcchainbox6 .c2cbox3Item{
    background-color: #fff;
    margin-bottom: 40px;
}
.dcchainbox6 .c2cbox3Iteml{
    width: 740px;
    float: left;
}
.dcchainbox6 .c2cbox3Itemr{
    width: 440px;
    float: right;
}
.dcchainbox6 .c2cbox3Item h3{
    height: 46px;
    line-height: 46px;
    background-image: linear-gradient(180deg, #108dbb 0%, #054e69 100%), linear-gradient(#21a6a3, #21a6a3);
    background-blend-mode: normal, normal;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}
.dcchainbox6 .c2cbox3Item .c2citemlist{
    padding: 30px 46px;
    overflow: hidden;
    box-shadow: 0px 2px 10px 0px rgba(0, 52, 71, 0.17);
}

.dcchainbox6 .c2cbox3Item .c2citemlist li,.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli .lastliitem span{
    float: left;
    width: 116px;
    height: 40px;
    line-height: 40px;
    background-color: #d6ebf3;
    border-radius: 2px;
    color: #4e5e66;
    text-align: center;
    margin: 0 0 16px 22px;
    font-size: 16px;
}
.dcchainbox6 .c2cbox3Itemmid .c2citemlist li{
    width: 130px;
    margin-left: 30px;
}
.dcchainbox6 .c2cbox3Item .c2citemlist li.active,.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli .active{
    background-image: linear-gradient(180deg,  #108dbb 0%,#054e69 100%),linear-gradient(#21a6a3, #21a6a3);
    background-blend-mode: normal, normal;
    border-radius: 2px;
    color: #ffffff;
    margin: 0 10px 16px 0px;
}

.dcchainbox6 .c2cbox3Itemfoot .c2citemlist li.active{
    width: 160px;
    margin-left: 14px;
}
.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli{
    width: 100%;
    margin: 0;
    background: none;
    height: auto;
}
.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli .active{
    width: 130px;
    margin-top: 30px;
}
.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli .lastliitem{
    width: 968px;
}
.dcchainbox6 .c2cbox3Item .c2citemlist li.lastli .lastliitem span{
    width: 130px;
    margin-left: 30px;
    display: inline-block;
}
/*box7*/
.dcchainbox7 .dcchaingraybg{
    padding-bottom: 50px;
}
.dcchainbox7con2{
    padding: 50px 0;
}
.dcchainbox7con2 .dcchainbox7list{}
.dcchainbox7con2 .dcchainbox7list li{
    float: left;
    width: 33.333%;
}
.dcchainbox7con2 .dcchainbox7list .item{
    width: 300px;
    margin:10px auto;
}
.dcchainbox7con2 .dcchainbox7list .item .ico{}
.dcchainbox7con2 .dcchainbox7list .item h4{
    padding: 20px 0;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0px;
    color: #333333;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtip{
    border-radius: 6px;
    height: 280px;
    padding:30px 20px;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    position: relative;
    margin-top: 20px;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtip .sj{
    display:block;
    width:0;
    height:0;
    border-width:0 20px 20px;
    border-style:solid;
    border-color:transparent transparent #fc0;/*͸�� ͸��  ��*/
    position:absolute;
    top:-20px;
    left:50%;
    margin-left: -20px;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg1{
    background-color: #618691;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg2{
    background-color: #1ba781;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg3{
    background-color: #1c647e;
}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg1  .sj{
    border-color:transparent transparent #618691;

}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg2  .sj{
    border-color:transparent transparent #1ba781;

}
.dcchainbox7con2 .dcchainbox7list .item .itemtipbg3  .sj{
    border-color:transparent transparent #1c647e;

}
.dcchainbox7con3{
    padding: 40px 0;
}
.dcchainbox7con3 .dcchainbox7list{}
.dcchainbox7con3 .dcchainbox7list li{}
.dcchainbox7con3 .dcchainbox7list li.pic{
    width: 500px;
}
.dcchainbox7con3 .dcchainbox7list li.txt{
    width: 600px;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    margin-top: 80px;
}
.dcchainbox7con3 .dcchainbox7list li.txt p{
    margin-bottom: 30px;
}
.dcchainbox7con4{
    padding: 40px 0;
}
.dcchainbox7con4 .dcchainbox7list{
    padding-top: 20px;
}
.dcchainbox7con4 .dcchainbox7list li{
    width: 580px;
    height: 130px;
    border: solid 2px #1c647e;
    margin-right: 30px;
    margin-bottom: 30px;
}
.dcchainbox7con4 .dcchainbox7list li.last{
    margin-right: 0;
}
.dcchainbox7con4 .dcchainbox7list li .darknum{
    width: 138px;
    height: 100%;
    line-height: 130px;
    background-color: #1c647e;
    font-family: Arial;
    font-size: 100px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.dcchainbox7con4 .dcchainbox7list li .desc{
    padding: 20px;
    width: 390px;
}
.dcchainbox7con4 .dcchainbox7list li .desc h4{
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    color: #333333;
}
.dcchainbox7con4 .dcchainbox7list li .desc p{
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #666666;
}
.dcchainbox7con5{
    padding: 30px 0;
}
.dcchainbox7con5 .dcchainbox7list{}
.dcchainbox7con5 .dcchainbox7list li{
    width: 240px;
    height: 300px;
    background-color: #ffffff;
    box-shadow: 0px 3px 32px 0px
    rgba(6, 34, 44, 0.05);
    border-radius: 6px;
    padding: 20px;
    margin-right: 26px;
}
.dcchainbox7con5 .dcchainbox7list li.last{
    margin-right: 0;
}
.dcchainbox7con5 .dcchainbox7list li .pic{
    padding: 10px 0;
    text-align: center;
}
.dcchainbox7con5 .dcchainbox7list li h4{
    padding: 10px 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    color: #333333;
    text-align: center;
}
.dcchainbox7con5 .dcchainbox7list li p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    color: #666666;
}
/*box8*/
/*box9*/
.dcchainbox9{
    background: url("../../images/product/dcsupplychain/dcchainbg2.png") no-repeat center bottom;
    height: 500px;
}
.dcchainbox9 .protraceSafe{
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}
.dcchainbox9 .prosafeList{}
.dcchainbox9 .prosafeList li{
    float: left;
    margin-top: 20px;
    width: 220px;
    height: 294px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 2px 2px 16px 4px #e9f3f3;
    margin-right: 20px;
}
.dcchainbox9 .prosafeList li .last{
    margin-right: 0;
}
.dcchainbox9 .prosafeList li .picbox{
    margin-top: 30px;
}
.dcchainbox9 .prosafeList li h4{
    padding: 20px 0;
    font-size: 16px;
    color: #2f434c;
}
.dcchainbox9 .prosafeList li p{
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #4e5e66;
}

.dcchainbox10{
    background: url("../../images/product/dcsupplychain/dcchainbg3.png") no-repeat center bottom;
}
.dcchainbox10con{
    padding: 30px 0 50px;
}