body{background: #fff;}
.blue{color: #fff;background-color: #2a7fff;}
.padding-10{padding: 10px;}

.index_1{width: 100%; height: 996px; background: url(../img/banner.jpg) no-repeat center top; position: relative;}
.index_1 .title{height: 260px;padding-top: 60px;font-size: 58px;line-height: 200px; text-align: center;}
.index_1 .content{height: 320px; left: 0; right: 0; bottom: 0; font-size: 25px;text-align: center;position: absolute;}


.index_2{width: 100%; height: 1060px; background-color: #dee7f7; }
.index_2 .title{height: 180px;line-height: 180px;font-size: 60px; text-align: center;}
.index_2 .info{height: 390px;}
.index_2 .info .left{height: 390px; width: 470px;background: url(../img/rfid.png) no-repeat center ; }
.index_2 .info .right{height: 390px; width: 630px; padding-left: 50px; padding-top: 110px;}
.index_2 .info .right h3{height: 50px; line-height: 50px; font-size: 40px; display: block; padding-left: 70px; background: url(../img/inbook.png) no-repeat left;}
.index_2 .info .right span{height: 80px; line-height: 60px; font-size: 20px; display: block; }

.index_2 .content{height: 460px;background-color: #fff; text-align: center;}
.index_2 .content .top{height: 100px; line-height: 100px; font-size: 40px; width: 140px; margin: 0 auto; display: block; padding-left: 50px; background: url(../img/outbook.png) no-repeat left;}
.index_2 .content .left{width: 50%; height:360px; display: block; background: url(../img/secss.png) no-repeat 45px top;}
.index_2 .content .left h3{height: 190px; line-height: 190px; font-size: 30px; display: block; text-align: right; padding-right: 90px; }
.index_2 .content .left span{height: 120px; line-height: 1.5; padding-top: 30px; padding-left: 80px; width: 465px; font-size: 20px; display: block; text-align: left; }
.index_2 .content .right{width: 50%;height:360px; display: block; background: url(../img/err.png) no-repeat 45px top;}
.index_2 .content .right h3{height: 190px; line-height: 190px; font-size: 30px; display: block; text-align: right; padding-right: 90px; }
.index_2 .content .right span{height: 120px; line-height: 1.5; padding-top: 30px; padding-left: 80px; width: 510px; font-size: 20px; display: block; text-align: left; }

.index_3{width: 100%; height: 610px; background: url(../img/banner3.jpg) no-repeat center top; position: relative;}
.index_3 .title{height: 200px; line-height: 160px; padding-top: 40px; font-size: 60px; text-align: center;}
.index_3 .content{height: 340px;  width: 960px; display: block;margin: 0 auto; border: 1px solid #333;}
.index_3 .content div{height: 338px;width:316px; border-left: 1px solid #333; padding: 50px 0; display: inline-block;}
.index_3 .content div span{height: 160px; display: block;}
.index_3 .content div h3{height: 80px; line-height: 80px; font-size: 30px; display: block; text-align: center;}
.index_3 .content div:nth-child(1) {border-left: none; }
.index_3 .content div:nth-child(1) span{background: url(../img/fa1.png) no-repeat center;}
.index_3 .content div:nth-child(2) span{background: url(../img/fa2.png) no-repeat center;}
.index_3 .content div:nth-child(3) span{background: url(../img/fa3.png) no-repeat center;}

.index_4{width: 100%; height: 1210px; }
.index_4 .title{height: 220px; line-height: 180px;font-size: 60px; padding-top: 40px; text-align: center;}

.index_4 .list ul {position: relative;display: inline-block;}
.index_4 .list ul::before{content: '';border-left:1px solid #333; position: absolute;height: 87%; left: 550px;top: 0px;z-index: -1;}
.index_4 .list ul li{width: 540px;height: 96px;  display: block; border: 1px solid #666666; margin-bottom: 65px;position: relative; margin-left: 506px;background-color: #fff;}
.index_4 .list ul li::before{content: '';height: 14px; width: 14px;left: 37px;top: 120px;position: absolute; background-color: #666; transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}

.index_4 .list ul li time{width: 88px;height: 88px; float: left; background-color: #666666; margin: 3px; line-height: 88px; text-align: center;font-size: 50px; color: #fff;}
.index_4 .list ul li span{width: 430px;height: 96px; float: left; text-align: center;font-size:22px; }

.index_4 .list ul li:nth-child(2n){margin-left: 60px;}
.index_4 .list ul li:nth-child(2n)::before{left:inherit; right: 41px;}
.index_4 .list ul li:nth-child(2n) time{float: right;}
.index_4 .list ul li:nth-child(4)::before{display: none;}