/*首页*/
.banner{ width: 100%; float: left;}
.banner ul{ width: 100%; position: relative;}
.banner ul li{ float: left; cursor: pointer; width: 100%; height: 540px;}
.banner img{ width: 100%;}
.system-nav{ width: 963px; height: 120px; float: left; background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); margin-left: 50%; transform: translate(-50%,-50%);}
.system-nav .li{ width: 180px; height: 120px; float: left; text-align: center; margin-left: 30px; margin-right: 30px;}
.system-nav .li .ico1{ width: 180px; height: 120px; float: left; background: url(../images/ico03.png) center 30px no-repeat;}
.system-nav .li .ico2{ width: 180px; height: 120px; float: left; background: url(../images/ico04.png) center 30px no-repeat;}
.system-nav .li .ico3{ width: 180px; height: 120px; float: left; background: url(../images/ico05.png) center 30px no-repeat;}
.system-nav .li .ico4{ width: 180px; height: 120px; float: left; background: url(../images/ico06.png) center 30px no-repeat;}
.system-nav .li p{ width: 100%; float: left; font-size: 16px; color: #666666; margin-top: 80px;}
.system-nav .li .more{ display: none; width: 26px; height: 26px; float: left; background: url(../images/ico10.png) no-repeat; margin-left: 50%; transform: translate(-50%,0); margin-top: 5px;}
.system-nav .solid{ width: 1px; height: 50px; float: left; background-color: #c6ccd5; margin-top: 35px;}
.system-nav .hover{ height: 150px; background: url(../images/bj01.png) no-repeat; margin-top: -15px;}
.system-nav .hover .ico1{ width: 180px; height: 150px; float: left; background: url(../images/ico03s.png) center 30px no-repeat;}
.system-nav .hover .ico2{ width: 180px; height: 150px; float: left; background: url(../images/ico04s.png) center 30px no-repeat;}
.system-nav .hover .ico3{ width: 180px; height: 150px; float: left; background: url(../images/ico05s.png) center 30px no-repeat;}
.system-nav .hover .ico4{ width: 180px; height: 150px; float: left; background: url(../images/ico06s.png) center 30px no-repeat;}
.system-nav .hover p{ color: #FFFFFF;}
.system-nav .hover .more{ display: block;}
.plate01{ width: 960px; height: 260px; float: left; margin-left: 50%; transform: translate(-50%,0); display: inline-flex; justify-content: space-between; margin-top: 29px;}
.plate01 .img{ float: left;}
.plate01 .plate-right{ margin-left: 40px;}
.plate01 .p1{ width: 100%; float: left; font-size: 24px;}
.plate01 .p2{ width: 100%; float: left; font-size: 16px; margin-top: 15px;}
.plate01 ul{ width: 100%; float: left; margin-top: 10px;}
.plate01 ul li{ width: 50%; float: left; font-size: 14px; color: #666666; line-height: 30px; padding-left: 10px; box-sizing: border-box; white-space: nowrap; background: url(../images/dian.png) left no-repeat;}
.plate02{ width: 100%; height: 388px; float: left; background-color: #f5f8fa; margin-top: 60px;}
.plate02 .p1{ width: 100%; float: left; text-align: center; font-weight: bold; font-size: 24px; margin-top: 50px;}
.plate02 ul{ width: 100%; display: inline-flex; justify-content: center; margin-top: 50px;}
.plate02 ul li{ width: 170px; height: 170px; float: left; margin: 0 80px; text-align: center; display: flex; align-items: flex-end;}
.plate02 ul li.ico1{background: url(../images/ico07.png) center top no-repeat;}
.plate02 ul li.ico2{background: url(../images/ico08.png) center top no-repeat;}
.plate02 ul li.ico3{background: url(../images/ico09.png) center top no-repeat;}
.plate02 ul li:hover.ico1{background: url(../images/ico07s.png) center top no-repeat;}
.plate02 ul li:hover.ico2{background: url(../images/ico08s.png) center top no-repeat;}
.plate02 ul li:hover.ico3{background: url(../images/ico09s.png) center top no-repeat;}
.plate02 ul li p{ width: 100%; text-align: center; color: #666666; font-size: 18px;}