.fonts { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 头部css样式 */ .nav { height: 70px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); background-color: #fff; z-index: 99; } .nav .logo { float: left; margin-top: 5px; } .logo img { height: 60px; } /* 中间菜单部分 */ .nav ul { float: right; } .nav ul li { float: left; height: 30px; line-height: 30px; font-weight: 700; color: #181818; font-size: 16px; margin: 18px 12px; cursor: pointer; } .nav ul li a:hover, .nav ul li:hover { color: #436ef3; } .menu0_box, .menu7_box, .menu1_box, .menu2_box, .menu3_box, .menu4_box, .menu5_box { z-index: 99; } .menu0_box { display: none; position: fixed; left: 50%; margin-left: -70px; /* margin-left: -161px; */ } .menu1_box { display: none; position: fixed; left: 50%; margin-left: 50px; /* margin-left: -59px; */ } .menu4_box { display: none; position: fixed; left: 50%; margin-left: 405px; } .menu5_box { display: none; position: fixed; left: 50%; margin-left: 140px; } .menu3_box { display: none; position: fixed; left: 50%; /* margin-left: 40px; */ margin-left: 260px; } .menu1_box dd { width: 150px; height: 40px; line-height: 40px; font-weight: 400; background-color: #fff; padding-left: 10px; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); } .menu0_box a, .menu3_box a, .menu1_box a, .menu4_box a, .menu5_box a { display: block; width: 150px; height: 40px; line-height: 40px; font-weight: 400; background-color: #fff; padding-left: 10px; border: 1px solid #f4f4f4; font-size: 14px; } .menu3_box a { display: block; width: 200px; height: 40px; line-height: 40px; font-weight: 400; background-color: #fff; padding-left: 10px; border: 1px solid #f4f4f4; font-size: 14px; } .menu2_box { display: none; position: fixed; top: 75px; left: 50%; margin-left: -600px; width: 1200px; height: 350px; border: 1px solid #f4f4f4; background-color: #fff; } .menu2_box a { display: block; width: 180px; height: 30px; line-height: 30px; font-weight: 400; padding-left: 10px; font-size: 14px; } .menu1_box a:hover { font-weight: 700; /* border-bottom: 1px solid #436EF3; */ } .menu2_box .dd_box { float: left; margin-right: 15px; } .dd_box h4 { color: #00b0f0; padding-left: 10px; margin-top: 10px; } .menu7_box { display: none; position: fixed; left: 50%; margin-left: 450px; } .menu7_box a { display: block; width: 200px; height: 40px; line-height: 40px; font-weight: 400; background-color: #fff; padding-left: 10px; border: 1px solid #f4f4f4; font-size: 14px; } /* 尾部的css样式 */ .footer { height: 300px; background-color: #454a55; color: #fff; } .footer ul { float: left; margin-top: 30px; width: 500px; height: 200px; /* background-color: skyblue; */ line-height: 35px; } .box_1 { float: left; margin-left: 200px; margin-top: 30px; width: 200px; height: 200px; /* background-color: salmon; */ text-align: center; } .box_2 { float: left; width: 200px; margin-top: 30px; height: 200px; /* background-color: seagreen; */ text-align: center; } .box_1 p, .box_2 p { margin-top: 10px; } .footer .img1 { width: 150px; border: 5px solid #fff; } .footer .img110 { width: 16px; margin-left: 5px; } .footer .icp { margin-top: 25px; text-align: center; color: #999999; } .footer a { color: #999999; text-decoration: underline; }