*{ text-decoration: none; list-style-type: none;} body { /* display: flex; justify-content: center; */ margin: 0px; background-color: #e7f0f7; background-image: url(); background-repeat: no-repeat; background-position: center top;} .main { width: 1000px; background-color: white; margin: 0 auto; background-image: url(); background-repeat: no-repeat; background-position: center top;} .top_head { height: 94px; display: flex; align-items: center;} .top_head>img { width: 32%; display: block;} .banner>img { width: 100%; display: block;} .nav { width: 100%; height: 50px; background: rgb(186, 0, 0); display: flex; align-items: center; justify-content: space-around;} .slogan { color: white; font-size: 28px; padding-left: 25px;} .nav_right { height: 22px; display: flex; align-items: center; justify-content: space-around;} .nav_item { height: 20px; font-size: 20px; line-height: 20px; color: white; padding: 0 30px; border-right: 2px solid white; cursor: pointer;} .nav_item>a { color: white; text-decoration: none;} .footer { width: 100%; height: 124px; background: #cc0000; margin: 10px auto 0; position: relative;} .contents { width: 1000px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .contents>h1 { font-size: 14px; font-family: "微软雅黑"; color: #fff; font-weight: normal; text-indent: 160px;} .date { margin-top: 5px; margin-bottom: 20px; height: 31px; background-image: url(../assets/details/newslist_titbg.jpg); width: 92%; display: flex; align-items: center; padding: 0 50px 0 100px; justify-content: space-between; font-size: 12px; box-sizing: border-box;} .img { width: 600px; display: block; margin: 0 auto;} .text { width: 720px; text-indent: 2em; text-align: justify; font-family: Arial; font-size: 18px; line-height: 2; margin: 0 auto; letter-spacing: 0.1rem;} .title { font-size: 24px; line-height: 30px; width: 96%; text-align: center; color: #333; font-weight: bold; margin-top: 20px;} .tips { margin: 15px 0 15px 140px; padding: 2px 10px 5px; max-width: 100%; box-sizing: border-box; display: inline-block; width: auto; vertical-align: top; background-color: #f5f6fa; border-top: 4px solid #e04042; border-top-left-radius: 0; min-width: 10%; height: auto; overflow-wrap: break-word !important; color: #333; font-weight: 700; font-size: 17px; letter-spacing: .7px;} .i { display: block; float: left; width: 5px; height: 5px; border: 1px solid #b30405; margin-top: 18px; margin-right: 10px;} .contents2>ul { list-style: none;} .contents2>ul>li { height: 50px;} .contents2>ul>li :hover{ color: #B30405;} .contents2>ul>li>a { text-decoration: none; display: flex; justify-content: space-between; width: 90%; color: rgb(77, 77, 77); font-size: 18px; font-family: 微软雅黑; cursor: pointer; line-height: 40px;} .tail { width: 90%; height: 40px; border-bottom: solid 1px #E4E7ED; margin-left: 4%; margin-top: 20px;} .tail_frame { width: 72px; height: 40px; border-bottom: solid 2px #409EFF; display: flex; align-items: center; color: #409EFF; font-size: 18px;} .titletail_frame a{ color: #409EFF;} .middle { width: 1000px; height: 719px;} .middle_big { width: 1000px; height: 719px;} .middle_up { width: 1000px; height: 210px; display: flex; align-items: center; justify-content: space-between;} .middle_up_left { width: 500px; height: 200px; margin-left: 36px;} .middle_up_left_navigation { width: 437px; height: 40px; border-bottom: solid 2px #E4E7ED;} .middle_up_left_navigation_frame { width: 72px; height: 40px; border-bottom: solid 3px #409EFF; display: flex; align-items: center; color: #409EFF; font-size: 18px; font-weight: lighter;} .in{ font-size: 20px; color: #2B2B2B;} .middle_up_left_content { width: 459px; height: 147px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between;} .middle_up_left_content_img { width: 193px; height: 145px;} .middle_up_left_content_img>img { border-radius: 5px; width: 192px; height: 144px;} .middle_up_left_content_word { width: 238px; height: 145px; font-size: 16px; line-height: 30px;} .middle_up_left_content :hover{ color: #B30405;} .middle_up_right { width: 500px; height: 200px;} .middle_up_right_navigation { width: 435px; height: 40px; border-bottom: solid 2px #E4E7ED;} .middle_up_right_navigation_frame { width: 72px; height: 40px; border-bottom: solid 3px #409EFF; display: flex; align-items: center; color: #409EFF; font-size: 18px; font-weight: lighter;} .middle_up_right_content { width: 459px; height: 147px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between;} .middle_up_right_content :hover{ color: #B30405;} .middle_up_right_content_img { width: 193px; height: 145px;} .middle_up_right_content_img>img { border-radius: 5px; width: 192px; height: 144px;} .middle_up_right_content_word { width: 238px; height: 145px; font-size: 16px; line-height: 30px;} .middle_down { width: 860px; height: 487px; margin: 0 auto;} .middle_down_navigation { width: 860px; height: 40px; border-bottom: solid 2px #E4E7ED;} .middle_down_navigation_frame { width: 72px; height: 40px; border-bottom: solid 3px #409EFF; display: flex; align-items: center; color: #409EFF; font-size: 18px; font-weight: lighter;} .contents3 ul{ margin-top: 0; display: flex; flex-wrap: wrap;} .contents3 ul li{ list-style: none; border-bottom: 1px dashed #f2f7fa; float: left; margin-right: 15px; margin-top: 22px; width: 48%;} .contents3 a{ color: #2B2B2B;} .contents3 a i{ display: block; float: left; width: 5px; height: 5px; border: 1px solid #b30405; margin: 8px 11px 0 0;} .contents3 a:hover i { display: block; float: left; width: 5px; height: 5px; background: #b30405; margin: 8px 11px 0 0;} .contents3 a:hover span { color: #b30405;}