body { background-color: #fff; font-family: "Microsoft YaHei"; } .inner { max-width: 1400px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: content-box; } /* header */ .header { height: 136px; position: relative; z-index: 3; } .header .inner { max-width: 1600px; } .header .logo { width: 626px; float: left; margin-top: 30px; position: relative; z-index: 9999; } .header .logo img { width: 100%; } .head-r { width: 850px; float: right; } /* 搜索 */ .sousuo { width: 160px; height: 32px; margin-top: 35px; position: relative; box-sizing: border-box; padding: 1px 0 1px 15px; background: url(../img/ssk.png) center no-repeat; float: right; } .sousuo-srk { width: 110px; height: 30px; float: left; } .sousuo-img { position: absolute; top: 0; right: 0; } /* 导航 */ .nav { margin-top: 10px; float: right; } .nav .menu { height: 26px; line-height: 26px; position: relative; z-index: 1; box-sizing: border-box; } .menu-li { /* width: 11.11%; */ height: 26px; float: left; text-align: center; position: relative; display: inline; box-sizing: border-box; padding: 0 5px; } .menu-li span { height: 49px; display: inline-block; } .menu-li span a { font-size: 16px; display: block; color: #333333; box-sizing: border-box; padding: 0 10px; border-radius: 13px; } .menu-li:hover span a { background-color: #b72024; color: #ffffff; } .menu-li.now span a { background-color: #b72024; color: #ffffff; } .menu .menu-box { width: 100%; position: absolute; left: 0; top: 49px; display: none; line-height: 26px; z-index: -1; background: url(../img/nav_erji_bj.png) center; } .menu .menu-box li { width: 100%; font-size: 14px; text-align: center; line-height: 20px; padding: 10px 0; } .menu .menu-box li a { color: white; font-size: 15px; } .menu .menu-box li:hover a { color: #b72024; } /* 缩小导航 */ .dl-menuwrapper { display: none; } /* banner */ .banner { /* height: 268px; */ margin-bottom: 54px; /* overflow: hidden; */ text-align: center; /* background: url(../img/listbanner.png) center no-repeat; */ } .banner img { width: 100%; } /* content */ .content { margin-bottom: 40px; } /* leftnav */ .leftnav { width: 282px; float: left; } .leftnav-tit { height: 73px; background-color: #f5f5f5; font-size: 24px; color: #9b0000; font-weight: bold; line-height: 73px; text-align: center; } /*leftnav-con */ .leftnav-con { min-height: 300px; box-sizing: border-box; padding-left: 44px; padding-bottom: 20px; background: #ae1419 url(../img/leftnav_bj.png) bottom left no-repeat; } .leftnav-con-box { box-sizing: border-box; padding-top: 20px; /*min-height: 279px; background-color: #e6e6e6; */ } .leftnav-con-box-li { box-sizing: border-box; position: relative; padding: 10px 0; } .leftnav-con-box-li span { display: block; width: 100%; box-sizing: border-box; padding-left: 30px; display: inline-block; height: 42px; line-height: 42px; } .leftnav-con-box-li span a { display: inline-block; position: relative; font-size: 18px; color: #ffffff; } .leftnav-con-box-li:hover span { background: url(../img/leftnav_ej_bj.png) left center no-repeat; background-size: 100%; } .leftnav-con-box-li.now span { background: url(../img/leftnav_ej_bj.png) left center no-repeat; background-size: 100%; } .leftnav-con-box-li:hover span a { color: #ae1419; } .leftnav-con-box-li.now span a { color: #ae1419; } ul.sanji { margin-left: 26px; padding-left: 0; line-height: normal; padding-top: 15px; } .sanji-li { position: relative; } li.sanji-li a { font-size: 14px; line-height: 24px; border-bottom: 0; padding-left: 20px; box-sizing: border-box; color: #dec4c5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } li.sanji-li a:hover { color: #ffffff; } .sanji-li .sanji-jt { width: 2px; height: 2px; position: absolute; left: 10px; top: 12px; background: url(../img/leftnav_sj_tb.png) center no-repeat; } /* content-r */ .content-r { width: 1050px; float: right; min-height: 400px; margin-bottom: 30px; } .content-r-tit { height: 28px; line-height: 28px; border-bottom: 1px solid #dddddd; } .tit-left { float: left; position: relative; font-size: 18px; color: #ffffff; font-weight: bold; padding: 0 30px; background-color: #9e0c11; height: 28px; line-height: 28px; box-sizing: border-box; } .tit-right { float: right; line-height: 28px; } .tit-right ul li { float: left; padding: 0 2px; font-size: 14px; color: #cccccc; } .tit-right ul li span { color: #cccccc; font-size: 14px; } .tit-right ul li a { color: #cccccc; font-size: 14px; } .tit-right ul li .jiansuojieguo { color: #cccccc; font-size: 14px; } .tit-right ul li .jiansuojieguo a { color: #cccccc; font-size: 14px; } /* content-r-con */ .content-r-con { box-sizing: border-box; padding-top: 10px; } .content-r-con .content-r-con-list { margin-bottom: 60px; box-sizing: border-box; padding-bottom: 20px; border-bottom: 1px solid #cccccc; } .content-r-con .content-r-con-list li { color: #333333; font-size: 16px; position: relative; padding-left: 25px; cursor: pointer; height: 45px; line-height: 45px; box-sizing: border-box; } .content-r-con .content-r-con-list li a { color: #333333; text-transform: uppercase; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 25px - 76px); display: inline-block; } .spot { position: absolute; left: 0; top: -3px; } .content-r-con .content-r-con-list li a:hover { text-decoration: underline; } .date { position: absolute; right: 0; color: #999999; font-size: 16px; } /* pagebar */ .pagebar { float: right; line-height: 22px; font-size: 12px; } .pg-total { float: left; color: #333333; } .pagebar ul { float: left; } .pagebar ul li { float: left; margin-left: 6px; box-sizing: border-box; } .pb-shouye, .pb-prev, .pb-next { text-align: center; width: 41px; height: 22px; box-sizing: border-box; border: 1px solid #cccccc; color: #333333; } .pg-num { text-align: center; width: 22px; height: 22px; border: 1px solid #cccccc; color: #888888; } .pg-sl { letter-spacing: 2px; line-height: 17px; } .pg-num.now { border: 1px solid #ae1419; color: #ffffff; background-color: #ae1419; } /* footer */ .footer { background-color: #332d2e; } .footer-t { height: 231px; box-sizing: border-box; padding-top: 64px; } .foot-logo { width: 700px; height: 129px; float: left; box-sizing: border-box; padding: 25px 10px; border-left: 1px solid #433738; border-right: 1px solid #433738; } .xiaoqu { float: left; width: 350px; height: 129px; box-sizing: border-box; border-right: 1px solid #433738; padding-top: 20px; padding-left: 75px; } .xiaoqu p { line-height: 30px; font-size: 16px; color: #e0e0e0; } .footer-b { border-top: 1px solid #433738; box-sizing: border-box; padding: 20px 0; text-align: center; } .footer-b p { line-height: 20px; font-size: 14px; color: #e0e0e0; } /* 1535px */ @media screen and (max-width: 1535px) { /* header */ .header { box-sizing: border-box; margin-bottom: 20px; } .head-r { width: 100%; float: none; } .sousuo { margin-top: 40px; } .nav { width: 100%; } .menu-li { width: 11.11%; } } /* 1439px */ @media screen and (max-width: 1439px) { /* foot */ .footer-t { height: auto; } .foot-logo { float: none; margin: 0 auto; } .footer-t-r { display: flex; justify-content: center; } .ytxq { border-left: 1px solid #433738; } /* .content */ .content { width: 1200px; margin: 0 auto 40px; } /* leftnav */ .leftnav { width: 258px; } /* content-r */ .content-r { width: 880px; } } /* 1199 */ @media screen and (min-width: 1025px) and (max-width: 1199px) { /* .content */ .content { width: 1025px; margin: 0 auto 40px; } /* leftnav */ .leftnav { width: 220px; } .leftnav-con { padding-left: 20px; } /* content-r */ .content-r { width: 750px; } } /* 1024 */ @media screen and (max-width: 1024px) { /* header */ .nav { display: none; } .dl-menuwrapper { display: block; } .sousuo { margin-top: 65px; } /* .content */ .content { width: 100%; margin: 0 auto; } /* leftnav */ .leftnav { display: none; } /* content-r */ .content-r { width: 100%; float: none; } /* content-r-con-list */ .content-r-con .content-r-con-list { margin-bottom: 30px; } } /* 1000 */ @media screen and (max-width: 1000px) { /* header */ .header .logo { width: 400px; margin-top: 50px; } .flexslider { margin: 0 0 20px; } } /* 767 */ @media screen and (max-width: 767px) { .foot-logo { width: 100%; } .footer-t-r { display: block; text-align: center; } .xiaoqu { padding: 0; border-left: 1px solid #433738; border-right: 1px solid #433738; width: 100%; float: none; } .footer-b p { width: 100%; } } /* 599 */ @media screen and (max-width: 599px) { /* header */ .header { height: 100px; } .header .logo { margin-top: 20px; width: 300px; } .dl-menu-button { width: 40px; height: 40px; top: 0; } .sousuo { /* margin-top: 80px; */ float: none; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } /* tit-right */ .tit-right { display: none; } } /* 375 */ @media screen and (max-width: 375px) { .header .logo { width: 250px; } } @media screen and (max-width: 280px) { .dl-menuwrapper button { top: 65px; right: 1px; } } @media screen and (max-width: 718px){ .foot-logo{height:200px}.ewm{float:left;margin-left: 38%;margin-top: 4%;} } @media screen and (max-width: 500px){ .foot-logo{height:170px}.ewm{float:left;margin-left: 27%;margin-top: 4%;} } @media screen and (max-width: 320px){ .ewm { float: left; margin-left: 16%; margin-top: 4%; } }