*{box-sizing: border-box}
.grainCon{width:100%;}
.grainBanner{
    height:653px;
    background:url("../../images/product/grainCode/banner.jpg") no-repeat center top;
}
.grainBox{
    width:100%;
}
.wrapCon{
    width:1200px;
    margin:0 auto;
}
.topTitle{
    width:100%;
    padding:55px 0 0 0;
    text-align: center;
}
.topTitle h3{
    font-size: 44px;
    font-weight: normal;
    color: #333333;
}
.topTitle p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #666666;
    margin-top:50px;
    text-align: center;
}
.lineCon{
    margin-top:75px;
    padding-bottom:80px;
}
.con1{text-align: center;}
/*优势与特点*/
.box2 .topTitle p{
    text-align: left;
}
.box2 ul{
    display: flex;
    justify-content: space-between;
}
.box2 ul li{
    width: 280px;
    height: 365px;
    background-color: #ffffff;
    box-shadow: 0px 4px 13px 0px
    rgba(96, 92, 92, 0.28);
    border-radius: 8px;
    padding:90px 22px 0;
    position:relative;
    text-align: center;
}
.box2 ul li i{
    display: inline-block;
    width:100px;
    height:100px;
    background:url("../../images/product/grainCode/iconAll.png") no-repeat;
    position:absolute;
    left:50%;
    margin-left:-50px;
    top:-50px;
}
/*105  119 239 360*/
.con2{margin-top:120px;}
.box2 ul li i.goodIcon_1{background-position:0 0;}
.box2 ul li i.goodIcon_2{background-position:0 -101px;}
.box2 ul li i.goodIcon_3{background-position:0 -202px;}
.box2 ul li i.goodIcon_4{background-position:0 -303px;}
.box2 ul li h3{
    font-size: 22px;
    font-weight: normal;
    color: #333333;
    margin-bottom:30px;
}
.box2 ul li p{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #717171;
}
.box3{
    height:993px;
    background:url("../../images/product/grainCode/type.jpg") no-repeat center top;
}
.box3 .topTitle h3{
    color:#fff;
}
.box3 .topTitle p{
    color:#fff;
}
.con3 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con3{margin-top:55px;}
.con3 ul li{
    width: 248px;
    height: 42px;
    line-height: 42px;
    border-radius: 4px;
    font-size:20px;
    color: #ffffff;
    margin-top:305px;
    text-align: center;
}
.con3 ul li:nth-last-of-type(1){
    width: 565px;
}
.con3 ul li:nth-last-of-type(2){
    width: 565px;
}
/*赋码设备*/
.box4{

}
.box4 .deviceBox{
    width:100%;
}
.box4 .deviceBox .deviceList{
    padding:0 15px;
    display: flex;
    justify-content: space-between;
}
.box4 .deviceBox .deviceList:nth-of-type(2){
    margin-top:110px;
}
.box4 .deviceList ul{
    width:435px;
    padding:90px 0 0 0;
}
.box4 .deviceList ul li{
    text-align: left;
}
.box4 .deviceList ul li h3{
    color: #222222;
    font-size:24px;
    font-weight: normal;
    position:relative;
}
.box4 .deviceList ul li h3:before{
    content: '';
    width: 42px;
    height: 4px;
    background-color: #2a83f7;
    position:absolute;
    left:0;
    top:-40px;
}
.box4 .deviceList ul li p{
    margin-top:35px;
    font-size:16px;
    color: #7c8598;
    line-height: 30px;
}
.box4 .deviceList ul{

}

.box5{
    height:653px;
    background:url("../../images/product/grainCode/bg.png") no-repeat center top;
}
.box5 ul{
    display: flex;
    justify-content: space-between;
}
.box5 ul li{
    width: 277px;
    height: 330px;
    background-color: #ffffff;
    border-radius: 6px;
    padding:50px 0 0;
    text-align: center;
}
.box5 ul li i{
    display: inline-block;
    width:118px;
    height:118px;
    background:url("../../images/product/grainCode/iconAll.png") no-repeat;
}
.box5 ul li:nth-of-type(1) i{background-position:-105px 0;}
.box5 ul li:nth-of-type(2) i{background-position:-105px -119px;}
.box5 ul li:nth-of-type(3) i{background-position:-105px -239px;}
.box5 ul li:nth-of-type(4) i{background-position:-105px -360px;}
.box5 ul h3{
    margin-top:40px;
    font-weight: normal;
    position:relative;
    color: #333333;
    font-size:20px;
}
.box5 ul h3:before{
    content:"";
    width: 25px;
    height: 4px;
    background-color: #4ab0da;
    position:absolute;
    left:50%;
    margin-left:-12.5px;
    bottom:-20px;
}

.box6{
    height:783px;
    background: url("../../images/product/mindLine/tradeBg.png") no-repeat center top;
}
.box6 .topTitle h3{
    color:#fff;
}
.box6 .mindCon>div{
    display: inline-block;
    width: 276px;
    height: 52px;
    line-height: 52px;
    background:#1f90e6;
    margin:-5px auto 0;
}
.mindCon{
    text-align: center;
    margin: 100px auto 0;
}
.box6 .mindCon div a{
    width:100%;
    font-size:18px;
    display: block;
    color:#fff;
    text-decoration: none;
}
.box6 .mindCon ul{
    width:1090px;
    margin:130px auto 0;
}
.box6 .mindCon ul li{
    width:690px;
    clear:both;
    text-align: left;
}
.box6 .mindCon ul li:nth-of-type(1){
    float:left;
}
.box6 .mindCon ul li:nth-of-type(2){
    float:right;
    margin-top:120px;
}
.box6 .mindCon ul li h3{
    font-size: 24px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom:24px;
}
.box6 .mindCon ul li p{
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
}
.box6 .mindCon ul li p span{
    color:#fff951;
}