*{box-sizing: border-box;}
.prohead{background:#082c91;}
.coinCon{
    width:100%;
}
.coinBanner{
    height:650px;
    background:url("../../images/product/traceCoin/banner.png") no-repeat center top;
}
.coinBox{
    width:100%;
    padding-bottom:20px;
}
.coinCon{
    text-align: center;
}
.wrapCon{
    width:1200px;
    margin:0 auto;
}
.titleCon{
    padding:120px 0 0 0;
    text-align: center;
}
.titleCon h3{
    font-size: 44px;
    font-weight: bold;
    color: #545864;
    margin-bottom:65px;
    position:relative;
}
.titleCon h3:before{
    content:"";
    width: 58px;
    height: 10px;
    background-color: #2f76f0;
    position:absolute;
    left:50%;
    margin-left:-29px;
    top:-40px;
}
.titleCon p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #545864;
    margin-bottom:45px;
}
/*商业架构图*/
.box1{

}
.box1 .tradNumTitle{
    text-align: center;
    background: #fff;
    font-size: 36px;
    color: #07192f;
    padding: 80px 0 30px;
}
.box1 .tradNumTitle span{
    display: block;
    font-size: 24px;
    color: #999999;
    margin-top: 10px;
}
.tradnumKey ul{
    padding: 30px 0 20px;
    text-indent: 2em;
}
.tradnumKey ul li{
    line-height: 36px;
    font-size: 16px;
    color: #333;
    padding-bottom: 20px;
    text-align: left;
}
.tradnumKey ul li .org{
    color: #f1752c;
    font-weight: bold;
}
.tradnumKey ul li .red{
    color: #5d94f5;
    font-weight: bold;
}
.box2{

}
.box2 ul {
    padding:0 65px;
}
.box2 ul li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:30px;
}
.box2 ul li div{
    width:500px;
    text-align: left;
    margin-top:100px;
}
.box2 ul li div h3{
    width: 220px;
    height: 45px;
    line-height: 45px;
    background-image: linear-gradient(90deg,
    #2b70ef 0%,
    #52a3f7 100%),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal;
    border-radius: 23px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-indent: 20px;
    display: block;
    margin-bottom:35px;
}
.box2 ul li div p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333333;
}
.box3{
    padding-bottom:120px;
}
/*溯源币交易商业模式*/
.box4{
    height:1075px;
    background:url("../../images/product/traceCoin/modalBg.png") no-repeat center top;
}
.box4 .titleCon h3{
    color:#fff;
}
.box4 .titleCon h3:before{
    background:#fff;
}
.box4 .coinCon4{
    width: 1200px;
    height: 737px;
    background-color: #ffffff;
    box-shadow: 0px 7px 19px 2px
    rgba(14, 5, 10, 0.1);
    border-radius: 6px;
    padding:50px 0 0 0;
}
/*基础配置*/
.box5{
}
.box5 h3{
    font-size: 44px;
    font-weight: normal;
    color: #686b76;
    padding:30px 0;
    text-align: center;
}
.tradnumAcbox2 .douban{width: 1300px;margin:0 auto;    overflow: hidden;position: relative;}
.douban .hd .next,
.douban .hd .prev{ float:right; display:block; width:40px; height:36px; background: url(../../images/product/traceCoin/left_right.png) no-repeat 0px 0px; overflow:hidden; margin-right:6px; cursor:pointer; }
.douban .hd .next{background-position: -52px 0px;}
.douban .hd .prevStop{background-position: -0px -40px;cursor:default;}
.douban .hd .nextStop{background-position: -52px -40px; cursor:default; }
.douban .hd ul{position: absolute;zoom:1;bottom: 88px;text-align:  center;width:  100%;z-index: 100;}
.douban .hd ul li{cursor:pointer;display: inline-block;margin-right:4px;_display:inline;width: 13px;height: 12px;border: solid 1px #fb9045;border-radius:  50%;}
.douban .hd ul li.on{background:  #fb9045;}
.douban .bd{ padding:12px 0 0 0;  }
.douban .bd ul{ overflow:hidden; zoom:1; }
.douban .bd ul li{ float:left; }
.douban .bd .bdtext{ background-image: url(../../images/product/traceCoin/txtbg.png);padding-left: 40px; background-repeat: no-repeat;background-position:left top;}
.douban .bd .bdtext h4{font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 16px;
}
.douban .bd .bdtext p{
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    line-height: 36px;
    color: #666666;
}
.douban .bd .bdpic{ margin:20px auto;padding-left: 20px;}
.tradnumAcbox3{
    background:#07238c;
    padding-bottom: 30px;
}
.tradnumAcbox3 .box6Title{
    font-size: 44px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding:30px 0;
}
.tradnumAcbox3 .foursafe{line-height: 36px;text-align:left;font-weight: normal;font-size: 24px;color: #ffffff;width:1250px;margin:0 auto 20px;background-image: url(../../images/product/traceCoin/txtbg.png);padding-left: 40px; background-repeat: no-repeat;background-position:left top;}
.m-slide{ position: relative; overflow: hidden;padding: 30px 0;}
.m-slide .bottom-shadow{ position: absolute; bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden; border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img {width:760px;float: left; position: relative;min-height:560px; }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img li img{width: 100%;}
.m-slide .tab { float: left;min-height:560px; }
.m-slide .tab li { width: 350px; }
.m-slide .tab a { text-decoration: none; display: block; position: relative; padding:20px 0 30px;font-size: 24px;font-weight: normal;line-height: 36px;letter-spacing: 1px; color: #ffffff;}
.m-slide .tab a b { position: absolute; left: 336px; top: 60px; width: 12px; height: 20px;     z-index: 6; }
.m-slide .tab a span { position: absolute; overflow: hidden }
.m-slide .tab a span.diverH{position: static;opacity: 0;}
.m-slide .tab a .title { left: 17px; top: 6px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; color: #666 }
.m-slide .tab a .des { left: 18px; top: 26px; height: 16px; line-height: 16px; color: #999 }
.m-slide .tab .first a { height: 50px }
.m-slide .tab .on a { color: #586ff1; }
.m-slide .tab .on a span.diverH{ opacity: 1;}
.m-slide .tab .on a b { background: url(../../images/product/traceCoin/dot.png) no-repeat}
.m-slide .tab .on a span { color: #41a1f2 }

.m-slide .tab.mewtab {
    background: none;
    background-color:#213a99;
    width: 312px;
}
.m-slide .tab.mewtab li.active a {
    color: #586ff1;
}
.mtabcont {
    float: left;
    width: 760px;
    padding-left: 90px;
    padding-top:30px;
    height: 644px;
    background: url(../../images/product/traceCoin/mewlf.png) no-repeat -200px 0;
}
.m-slide .tab.mewtab li.active a span.diverH {
    opacity: 1;
}
.mtabcont li {
    position: relative;
    width: 760px;
    height: 84px;
    background-color: #213a99;
    border-radius: 5px;
    padding: 26px 90px 26px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .2s linear;
}
.mtabcont li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #5464f7;
    border-right: 2px solid #5464f7;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all .2s linear;
    position: absolute;
    right: 30px;
    top: 40px;
}
.mtabcont li p {
    width: 650px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mtabcont li.on::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #586ff1;
    position: absolute;
    left: 0px;
    top: 10px;
}
.mtabcont li.on.mtli1 {
    height: 155px;
}
.mtabcont li.on.mtli2 {
    height: 232px;
}
.mtabcont li.on.mtli3 {
    height: 160px;
}
.mtabcont li.on.mtli4 {
    height: 124px;
}
.mtabcont li.on::before {
    border-top: 2px solid #54d7aa;
    border-right: 2px solid #54d7aa;
    transform: rotate(136deg);
    -webkit-transform: rotate(136deg);
}
.mtabcont li.on p {
    height: auto;
    white-space: normal;
    text-overflow: normal;
}
.colgr {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    color: #566ce9;
}

.tradNumTitle {
    text-align: center;
    background: #fff;
    font-size: 36px;
    color: #07192f;
    padding: 60px 0 20px;
}
.tradNumTitle span {
    display: block;
    font-size: 24px;
    color: #999999;
    margin-top: 10px;
}
.con-conter{
    width:1200px;
    margin:0 auto;
}
.uniqueList{background:url(../../images/product/traceCoin/traep2.png) no-repeat center 10px;padding-top:630px;}
.uniqueList .desc{font-size:16px;line-height:30px;text-align: left;}
.uniqueList .desc strong{color:#5d94f5;}
.uniqueList ul{padding: 50px 0;}
.uniqueList ul li{float:left;width:33.333%;}
.uniqueList ul li .unimg{padding: 0 20px 0 40px;float: left;}
.uniqueList ul li .untxt{float: left;width: 238px;text-align:left;}
.uniqueList ul li .untxt h4{font-weight:bold;font-size:18px;padding-bottom:10px;}
.uniqueList ul li .untxt p{font-size:16px;color:#666;line-height:30px;}
.trumiconlis {
    display: inline-block;
    background: url("../../images/product/traceCoin/trumbficon.png") no-repeat;
}
.uniqueList .trumiconlis {
    width: 72px;
    height: 65px;
}
.uniqueList .trumiconlis1 {
    background-position: -420px -128px;
}
.uniqueList .trumiconlis2 {
    background-position: -514px -128px;
}
.uniqueList .trumiconlis3 {
    background-position: -607px -128px;
}

.traeprosuperBlue{
    background-color: #407be1;
    margin: 20px 0 0;
    overflow: hidden;
    padding-bottom: 30px;
}
.traeprosuperBlue .tradNumTitle{background: #407be1;color: #fff;}
.traeprosuperBlue .tradNumTitle span{color:#b5d0ff;}
.tradNumTitle em.org {
    color: #ffe18b;
    font-style: normal;
}
.box8{
    height:950px;
    background:#f7f8fc;
}
.box8 .tradNumTitle{
    background:#f7f8fc;
}
.tradnumKey{padding:30px 0 20px;text-indent:2em;}
.tradnumKey li{line-height:36px;font-size:16px;color:#333;padding-bottom:20px;}
.tradnumKey li span{font-weight:bold;}
.tradnumKey li .org{color:#f1752c;}
.tradnumKey li .red{color:#5d94f5;}
.tradnumKey li .blue{color:#ff0101;}

.mr_frUls{
    margin:0 auto;
    width: 1180px;
    position: relative;
    overflow: hidden;
}
.mr_frUls .mr_frBtnL{position:absolute;left:0;z-index: 9999;top: 50%;margin-top: -36px;}
.mr_frUls .mr_frBtnR{position:absolute;right:0;z-index: 9999;top: 50%;margin-top: -36px;}

.mr_frUls ul {
    float: left;
    width: 1180px;
}
.mr_frUls ul li {
    width: 100%;
    height: 556px;
    float: left;
}
/*优势*/
.box9{
   height:920px;
}
.box9 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 20px;
}
.box9 ul li{
    width:240px;
    margin-bottom:65px;
}
.box9 ul li span{
    display: flex;
    align-items: center;
    justify-content: center;
    width:86px;
    height:98px;
    background:url("../../images/product/traceCoin/iconBox.png") no-repeat;
    margin:0 auto;
}
.box9 ul li i{
    display: inline-block;
    background:url("../../images/product/traceCoin/icon.png") no-repeat;
}
.box9 ul li i.coinIcon_1{width:41px;height:44px;background-position:0 0;}
.box9 ul li i.coinIcon_2{width:45px;height:34px;background-position:-43px 0;}
.box9 ul li i.coinIcon_3{width:43px;height:43px;background-position:-90px 0;}
.box9 ul li i.coinIcon_4{width:42px;height:37px;background-position:-135px 0;}
.box9 ul li i.coinIcon_5{width:40px;height:41px;background-position:-179px 0;}
.box9 ul li i.coinIcon_6{width:37px;height:39px;background-position:-221px 0;}
.box9 ul li i.coinIcon_7{width:37px;height:42px;background-position:-260px 0;}
.box9 ul li i.coinIcon_8{width:41px;height:38px;background-position:-299px 0;}
.box9 ul li h3{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    margin:15px 0 25px 0;
}
.box9 ul li p{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}
.box10{
    height:840px;
    background:url("../../images/product/traceCoin/enableBg.png") no-repeat center top;
}
.box10 .titleCon h3{
    color:#fff;
}
.box10 .titleCon h3:before{
    background:#fff;
}
.box10 .coinCon10{
    width: 1200px;
    height: 600px;
    background-color: #ffffff;
    box-shadow: 0px 7px 19px 2px
    rgba(14, 5, 10, 0.1);
    padding:60px 0 0 0;
}
.box11{
    height: 800px;
    background: url(../../images/product/traceManage/planBg.png) no-repeat center 70px;
}
.box12{
    margin-top:-60px;
    padding-bottom:80px;
}
.box12 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box12 ul li{
    width: 362px;
    height: 380px;
}
.box12 ul li h3{
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    margin-bottom: 27px;
}
.box12 ul li p{
    width: 320px;
    font-size: 16px;
    font-weight: normal;
    color: #666666;
    text-align: center;
    margin: 0 auto;
    line-height: 28px;
}
.box12 ul li i{
    width: 105px;
    height: 105px;
    display: block;
    background: url(../../images/product/jewelleryDetail/technologyI.png) no-repeat;
    margin: 49px auto 26px;
}
.box12 ul li:nth-child(2) i{
    background-position: 0 -105px;
}
.box12 ul li:nth-child(3) i{
    background-position: 0 -210px;
}
.box12 ul li:nth-child(4) i{
    background-position: 0 -315px;
}
.box12 ul li:nth-child(5) i{
    background-position: 0 -420px;
}
.box12 ul li:nth-child(6) i{
    background-position: 0 -525px;
}
.box12 ul li.hover{
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px
    rgba(130, 130, 130, 0.32);
}
.box12 ul li.hover h3{
    color: #2588f1;
}
.box12 ul li.hover:nth-child(1) i{
    background-position: -105px 0;
}
.box12 ul li.hover:nth-child(2) i{
    background-position: -105px -105px;
}
.box12 ul li.hover:nth-child(3) i{
    background-position: -105px -210px;
}
.box12 ul li.hover:nth-child(4) i{
    background-position: -105px -315px;
}
.box12 ul li.hover:nth-child(5) i{
    background-position: -105px -420px;
}
.box12 ul li.hover:nth-child(6) i{
    background-position: -105px -525px;
}

.box13{
    height:639px;
    background:url("../../images/product/traceCoin/configBg.png") no-repeat center top;
    padding-top:65px;
}
.box13 h3{
    font-size: 44px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.box14{
    height:605px;
    background:url("../../images/product/traceCoin/safeBg.png") no-repeat center bottom;
}
.coinCon14 ul{
    width:100%;
    display: inline-flex;
    justify-content: space-between;
}
.coinCon14 li{
    width: 220px;
    height: 294px;
    background-color: #ffffff;
    border-radius: 6px;
    padding:45px 0 0 0;
    text-align: center;
    box-shadow: 0 0px 20px #e3ebfd;
}
.coinCon14 li i{
    width:52px;
    height:68px;
}
.scficon {
    display: inline-block;
    background: url("../../images/product/jewelleryDetail/iconCon.png") no-repeat;
}
.coinCon14 .safe_1 i{
    background-position: 0 -400px;
}
.coinCon14 .safe_2 i{
    background-position: -59px -400px;
}
.coinCon14 .safe_3 i{
    background-position: -119px -400px;
}
.coinCon14 .safe_4 i{
    background-position: -175px -400px;
}
.coinCon14 .safe_5 i{
    background-position: -235px -400px;
}
.coinCon14 ul li h5{
    margin:28px 0 20px 0;
    font-size: 16px;
    font-weight: bold;
    color: #2f434c;
}
.coinCon14 ul li p{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #4e5e66;
}