*{
    box-sizing: border-box;
}
.icon{
    display: inline-block;
    background:url("../../images/product/wisdom/icon.png") no-repeat;
}
.swipecot1{
    height:670px;
    background:url("../../images/product/wisdom/banner.jpg") no-repeat center top;
}
.wisdomBox{
    width:100%;
    padding-bottom:75px;
}
.wrapCon{
    width:1200px;
    margin:0 auto;
}
.titleCon{
    position:relative;
    padding:65px 0 35px 0;
    text-align: center;
    margin-bottom:60px;
}
.titleCon:before{
    content:"";
    width: 112px;
    height: 2px;
    background-color: #e6e6e6;
    position:absolute;
    left:50%;
    margin-left:-56px;
    bottom:0;
    z-index: 1;
}
.titleCon:after{
    content:"";
    width: 52px;
    height: 6px;
    background-color: #27a167;
    position:absolute;
    left:50%;
    margin-left:-26px;
    bottom:0;
    z-index: 2;
}
.titleCon h3{
    font-size: 36px;
    font-weight: normal;
    line-height: 28px;
    color: #333333;
}
.titleCon p{
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #999999;
    margin-top:25px;
}
.titleCon p:nth-of-type(2){
    margin-top:0;
}
.wisdomCon{
    text-align: center;
    margin:0 auto;
}
.box1{
    height:680px;
}
.box2{
    height: 845px;
    background:#f3f8f6;
}
.box2 .wisdomCon{
    display: flex;
    justify-content: space-between;
}
.box2 .wisdomCon img{
    margin: 50px 0 0 -40px;
}
.box2 .wisdomCon ul{
    /*width:615px;*/
}
.box2 .wisdomCon ul li{
    width: 552px;
    height: 118px;
    padding:18px 20px 0;
    float:right;
}
.box2 .wisdomCon ul li:nth-child(1),.box2 .wisdomCon ul li:nth-child(5){margin-right:60px;}
.box2 .wisdomCon ul li:nth-child(2),.box2 .wisdomCon ul li:nth-child(4){margin-right:30px;}
.box2 .wisdomCon ul li.active{
    background-color: #ffffff;
}
.box2 .wisdomCon ul li i{
    float:left;
    height:48px;
}
.box2 li i.codeIcon_1{width:46px;background-position: 0 0;}
.box2 li i.codeIcon_2{width:42px;background-position: -52px 0;}
.box2 li i.codeIcon_3{width:40px;background-position: -97px 0;}
.box2 li i.codeIcon_4{width:40px;background-position: -140px 0;}
.box2 li i.codeIcon_5{width:38px;background-position: -184px 0;}
.box2 .wisdomCon ul li div{
    float:left;
    width:450px;
    margin-left:10px;
    text-align: left;
}
.box2 .wisdomCon ul li div h3 {
    font-size: 22px;
    font-weight: normal;
    color: #333333;
    margin-bottom:10px;
}
.box2 .wisdomCon ul li div p{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #666666;
}
.box3{
    height:655px;
}
.box3 .wisdomCon{
    display: flex;
    justify-content: space-between;
}
.box3 .wisdomCon img{

}
.box3 .wisdomCon .demand{
    width:807px;
    height:260px;
    background:url("../../images/product/wisdom/demandR.png") no-repeat center;
    margin-top:80px;
}
.box3 .wisdomCon .demand ul{
    width:636px;
    display: flex;
    justify-content: space-between;
    margin:0 auto;
    padding-left:32px;
}
.demand ul li{
    width:180px;
    height:260px;
    text-align: center;
    position:relative;
}
.demand ul li i{
    height:45px;
}
.demand ul li .demandIcon_1{width:41px;background-position: -226px 0;}
.demand ul li .demandIcon_2{width:46px;background-position: -270px 0;}
.demand ul li .demandIcon_3{width:42px;background-position: -321px 0;}
.demand ul li p{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    margin:15px 0 70px;
}
.demand ul li h3{
    font-size: 54px;
    font-weight: normal;
    color: #27a167;
}
.demand ul li div{
    width:180px;
    height:260px;
    display: none;
    padding:70px 16px 0;
    text-align: center;
    background:url("../../images/product/wisdom/demandBg.png") no-repeat center;
    position: absolute;
    left:0;
    top:-26px;
}
.demand ul li.active div{
    display: block;
}
.demand ul li div h2{
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    position:relative;
    margin-bottom:40px;
}
.demand ul li div h2:before{
    content:"";
    width: 36px;
    height: 4px;
    background-color: #f3bf00;
    position:absolute;
    left:50%;
    margin-left:-18px;
    bottom:-20px;
}
.demand ul li div h4{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #ffffff;
}
/*智智能信息采集技术，支撑全程溯源需求*/
.box4{
    height:731px;
    background:url("../../images/product/wisdom/gatherBg.png") no-repeat center top;
}
.box4 ul{
    display: flex;
    justify-content: space-between;
}
.box4 ul li{
    width:370px;
    height:426px;
    padding:250px 20px 0;
    text-align: left;
}
.box4 ul li:nth-of-type(1){
    background:url("../../images/product/wisdom/gather_1.png") no-repeat;
}
.box4 ul li:nth-of-type(2){
    background:url("../../images/product/wisdom/gather_2.png") no-repeat;
}
.box4 ul li:nth-of-type(3){
    background:url("../../images/product/wisdom/gather_3.png") no-repeat;
}
.box4 ul li h3{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-bottom:38px;
    position:relative;
}
.box4 ul li h3:before{
    content:"";
    width: 36px;
    height: 6px;
    background-image: linear-gradient(-30deg,
    #f3bf00 0%,
    #fed500 100%),
    linear-gradient(
            #e6ea6c,
            #e6ea6c);
    background-blend-mode: normal,
    normal;
    position:absolute;
    left:0;
    bottom:-20px;
}
.box4 ul li p{
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}
/*可搭配多种管理系统，完成企业市场闭环*/
.box5{
    height:710px;
    background:#f3f8f6;
}
.box5 .wisdomCon{
    margin-top:-30px;
    background:url("../../images/product/wisdom/systemImg.png") no-repeat center center;
}
.box5 ul{
    width:1140px;
    margin:0 auto 60px;
    display: flex;
    justify-content: space-between;
}
.box5 ul li{
    width:300px;
    text-align: right;
}
.box5 ul li:nth-child(even){
    text-align: left;
}
.box5 ul li h3{
    font-size: 20px;
    font-weight: normal;
    color: #269f66;
    margin-bottom:20px;
}
.box5 ul li p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: #333333;
}
/*以智慧溯源为媒介，打通线上线下网络*/
.box6{
    height:1030px;
    background:#259b63 url("../../images/product/wisdom/repeat.png") repeat;
}
.box6 .titleCon h3{
    color:#fff;
}
.box6 .titleCon:after{
    background:#fff;
}
.box6 .titleCon:before{
    background:rgba(229,229,229,0.5);
}
.box6 ul{
    display: flex;
    justify-content: space-between;
    padding:35px 0;
    background:#fff;
    margin-bottom:20px;
}
.box6 ul li{
    width:300px;
    flex-wrap: wrap;
    box-shadow: inset -1px 0px 0px 0px
    #f2f2f2;
    padding:20px 35px 0;
    text-align: center;
}
.box6 ul li i {
    height:50px;
}
.netIcon_1{width:40px;background-position:0 -50px;}
.netIcon_2{width:46px;background-position:-46px -50px;}
.netIcon_3{width:40px;background-position:-97px -50px;}
.netIcon_4{width:45px;background-position:-143px -50px;}
.netIcon_5{width:42px;background-position:-192px -50px;}
.netIcon_6{width:46px;background-position:-239px -50px;}
.netIcon_7{width:40px;background-position:-288px -50px;}
.netIcon_8{width:42px;background-position:-332px -50px;}
.box6 ul li em {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #269d65;
    display: block;
    margin-top:15px;
}
.box6 ul li h3 {
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    position:relative;
    margin:10px 0 35px;
}
.box6 ul li h3:after{
    content:"";
    width: 26px;
    height: 4px;
    background-color: #43aa7a;
    position:absolute;
    left:50%;
    margin-left:-13px;
    bottom:-15px;
}
.box6 ul li p {
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #666666;
    text-align: left;
}
/*智慧溯源—技术优势*/
.box7{
    height: 1065px;
    background:#fff;
}
.box7 .wisdomCon{
    display: flex;
    justify-content: space-between;
}
.box7 .wisdomCon img{
    margin: 50px -30px 0 0;
}
.box7 .wisdomCon ul{
    width:615px;
    margin-bottom:30px;
}
.box7 .wisdomCon ul li{
    width: 566px;
    min-height: 120px;
    padding:18px 20px 18px 80px;
    float:left;
    text-align: left;
    margin-bottom:20px;
    position:relative;
}
.box7 .wisdomCon ul li:nth-child(1),.box7 .wisdomCon ul li:nth-child(5){margin-left:60px;}
.box7 .wisdomCon ul li:nth-child(2),.box7 .wisdomCon ul li:nth-child(4){margin-left:30px;}
.box7 .wisdomCon ul li.active{
    background-color: #f2f2f2;
}
.box7 .wisdomCon ul li em{
    display: inline-block;
    position:absolute;
    left:20px;
    top:5px;
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
    color: #27a167;
}
.box7 .wisdomCon ul li h3 {
    font-size: 22px;
    font-weight: normal;
    color: #333333;
    margin-bottom:15px;
}
.box7 .wisdomCon ul li h3 span{
    color: #148b53;
}
.box7 .wisdomCon ul li p{
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #666666;
}
/*行业案例*/
.box8{
    height:920px;
    background:#fff url("../../images/product/wisdom/caseBg.png") no-repeat center top;
}
.box8 .titleCon p{
    color:#333;
}
.box8 ul{
    width: 1200px;
    height: 553px;
    background-color: #ffffff;
    border: solid 1px #e8e8e8;
    display:flex;
    justify-content: space-between;
    padding:45px 0 0;
}
.box8 ul li{
    width:384px;
    height:478px;
    padding:55px 55px 0;
}
.box8 ul li:nth-of-type(1){
    background:#fff url("../../images/product/wisdom/caseImg_1.png") no-repeat;
}
.box8 ul li:nth-of-type(2){
    background:#fff url("../../images/product/wisdom/caseImg_2.png") no-repeat;
}
.box8 ul li:nth-of-type(3){
    background:#fff url("../../images/product/wisdom/caseImg_3.png") no-repeat;
}
.box8 ul li h3{
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom:20px;
}
.box8 ul li p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
}
.box8 ul li a{
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    position:relative;
    width:100%;
    padding-lefft:95px;
}
.box8 ul li a i{
    display: inline-block;
    width:18px;
    height:9px;
    background: url("../../images/product/wisdom/arrowR_1.png") no-repeat;
    margin-left:10px;
    margin-top:240px;

}
.box8 ul li:hover a{
    color:#0054d4;
}
.box8 ul li:hover a i{
    background: url("../../images/product/wisdom/arrowR_2.png") no-repeat;
}
/*整合专家团队，沉淀多年行业经验*/
.box9{
    height:773px;
    background: url("../../images/product/wisdom/touchBg.png") no-repeat center top;
}
.box9 .titleCon h3{
    color:#fff;
}
.box9 .titleCon:before,.box9 .titleCon:after{
    display: none;
}
.box9 .wisdomCon>div{
    display: inline-block;
    width: 276px;
    height: 52px;
    line-height: 52px;
    background-color: #ffc516;
    margin:-5px auto 0;
}
.box9 .wisdomCon div a{
    width:100%;
    font-size:18px;
    display: block;
    color:#fff;
    text-decoration: none;
}
.box9 .wisdomCon ul{
    width:1090px;
    margin:150px auto 0;
}
.box9 .wisdomCon ul li{
    width:690px;
    clear:both;
    text-align: left;
}
.box9 .wisdomCon ul li:nth-of-type(1){
    float:left;
}
.box9 .wisdomCon ul li:nth-of-type(2){
    float:right;
    margin-top:110px;
}
.box9 .wisdomCon ul li h3{
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom:24px;
}
.box9 .wisdomCon ul li p{
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
}
.box9 .wisdomCon ul li p span{
    color:#fff951;
}