.banner{position:relative;width: 100%;height: 180px;top:0;left:0;background: url(../img/banner.png) top center no-repeat;text-align: left;}
.banner img{position:absolute;margin-top: 40px;height:50%;margin-left:100px;}
.banner .button a{display:block;width:80px;height:25px;border:1px solid white;color:white;line-height:25px;text-align:Center;}
.banner .button a:hover{background-color:white;color:#095edf;}
.banner .button .a1{position:absolute;right:420px;top:20px;}
.banner .button .a2{position:absolute;right:330px;top:20px;}
.banner .button .a3{position:absolute;right:240px;top:20px;}
.banner .button .a4{position:absolute;right:150px;top:20px;}
.banner .button .a5{position:absolute;right:60px;top:20px;}
.banner h1{position:absolute;right:150px;top:145px;font-size:20px;font-family:"黑体";font-style:italic;color:white;}
.banner p{position:absolute;right:400px;top:145px;font-size:20px;font-family:"黑体";font-style:italic;color:white;}

.cavsone{position: fixed;width:100%;height: calc(100% - 100px);top:180px;left: 0;z-index:1;}
#mask{position:fixed;top: 0px;left: 0;width:100%;height: 100%;background-color:rgba(0,0,0,0.5);display:none;z-index:1000;}
.run_result{position:absolute;top:120px;left:500px;font-size:30px;font-family:"黑体";color:red;border:2px solid red;}

.box{width: 85%;height: 650px;position: absolute;top: 100px;left: 0;right: 0;bottom: 0;margin: 100px auto 0;z-index: 100;}
/*标题部分*/
.titlebox{height: 130px;}
.titlebox li{display:flex;flex-direction:row;justify-content:center;align-items: center;width: 15.4%;height: 115px;background-color: #dcdddd;float: left;margin-right: 20px;cursor: pointer;padding: 10px;box-sizing: border-box;}
.titlebox li:last-child{margin-right: 0;}
.titlebox li:first-child{margin-left: 5px;}
.titlebox li div{display:flex;flex-direction:row;justify-content:center;align-items: center;width: 90%;height: 70px;}
.titlebox li div img{height: 70px;margin-right:7px;}
.titlebox li div p{font-size: 20px;color: #333333;line-height:35px;margin-left:7px;text-align:center;}
.titlebox li.active{border: 1px solid #1767e0;position: relative;}
.titlebox li.active::after{content: '';border-top: 12px solid #1767e0;border-right: 15px solid transparent;border-bottom: 12px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -25px;left: 50%;margin-left: -15px;}
.titlebox li:hover{box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 40%);}