* { padding: 0; margin: 0; list-style: none; text-decoration: none; font-family: '黑体'; } body { width: 100%; height: 100%; } .u_u6_divcc{ border: 1px solid #f9f8f8 !important; } /*头部 */ #head{ width: 100%; height: auto; display: flex; flex-direction: column; } #top_100 { background-color: #1b7cd2; float: left; width: 100%; height: auto; } #top_1400 { width: 1400px; margin-right: auto; margin-left: auto; } /* logo */ #logo_100 { width: 100%; height: 140px; background:url(../img/head.png) } #logo_1400 { height: 140px; width: 1400px; margin-right: auto; margin-left: auto; } #logo_1400 .L { float: left; height: auto; width: 700px; } #logo_1400 .L img{ height: 140px; } #logo_1400 .R { float: right; width: 273px; height: 140px; display: flex; align-items: center; } #search{ position: relative; width: 273px; height: 30px; } #search #tip{ width: 225px; height: 30px; border:0px solid #fff; border-radius: 20px; box-shadow:0 0 5px 2px rgba(0,0,0,0.1); padding: 0 30px 0 15px; } #search-r{ top: 0; height: 30px; width: 45px; border-radius: 0 20px 20px 0; position: absolute; left: 225px; background-color: #1b7cd2; } #icon{ margin-top: 6px; margin-left: 6px; width: 18px; height: 18px; } /* 导航 */ #nav_100 { background-color: #1b7cd2; height: auto; width: 100%; } #nav_1400 { height: 45px; width: 1400px; margin-right: auto; margin-left: auto; } #nav_1400 ul { line-height: 45px; } #nav_1400 ul li { float: left; margin: 0 25px; text-align: center ; } #nav_1400 ul li a { font-size:19px; color: #fff; } /* 轮播图 */ #lgbg{ height: 540px; width: 100%; position: relative; } #lgbg .con{ width: 100%; height: 425px; position: relative; } #item { width: 100%; height: 425px; } #item img{ width: 100vw; height: 425px; } .item { position: absolute; opacity: 0; transition: all 1s; } .item.active { opacity: 1; } #btn-left { width: 30px; height: 69px; font-size: 30px; color: white; background-color: rgba(0, 0, 0, 0.4); line-height: 69px; padding-left: 5px; z-index: 10; /*始终显示在图片的上层*/ position: absolute; left: 0; top: 50%; transform: translateY(-60%); /*使按钮向上偏移居中对齐*/ cursor: pointer; opacity: 0; /*平时隐藏*/ } .con:hover #btn-left { /*鼠标滑入,显示图标*/ opacity: 1; } #btn-right { width: 26px; height: 69px; font-size: 30px; color: white; background-color: rgba(0, 0, 0, 0.4); line-height: 69px; padding-left: 5px; z-index: 10; position: absolute; right: 0; top: 50%; cursor: pointer; opacity: 0; transform: translateY(-60%); } .con:hover #btn-right { opacity: 1; } /* 友情链接 */ #yqlj_1 { margin-top: 20px; height: 50px; width: 100%; background-color: #c5dcef72; } #yqlj_1_1 { width: 1400px; height: 50px; margin: 0 auto; display: flex; } .yqlj_title { color: #1b7cd2; font-size: 17px; line-height: 50px; } .link a{ line-height: 50px; color:#333; font-size: 17px; margin: 0 6px; } /* 尾部 */ #yqlj_2 { width: 100%; background-color: #1b7cd2; box-sizing: border-box; float: left; height: auto; } #yqlj_2_1 { width: 1400px; margin: 0 auto; text-align: center; padding: 21px 0; box-sizing: border-box; } #yqlj_2_1 p{ color: #fff; font-size: 16px; font-family: "微软雅黑"; margin-bottom: 8px; } #yqlj_2_1 span{ margin: 0 20px; color: #fff; font-size: 16px; font-family: "微软雅黑"; } #yqlj_2_1 span a { color: #fff; font-size: 16px; font-family: "微软雅黑"; }