/* 取消默认内外间距 */ *{ margin:0; padding:0; } /* 取消a标签默认样式 */ a{text-decoration: none;color:#333;} /* 取消ul,li的默认样式 */ ul,ol{list-style: none;} /* 根样式 */ html{ min-width:1460px; } /* 版心公共样式 */ .typepage{ width:1600px; margin:0 auto; } .typepagecenter{ display: flex; justify-content: center; } /* 标题栏公共样式 */ .frame{ width:557px; height:95px; background-repeat: no-repeat; background-size: 100% 100%; display: flex; padding-top:12px; padding-left:16px; } .frame>.title{ font-size:32px; font-style:italic; color:#e07e1e; font-family: '粗体'; margin-left: 12px; margin-top: 8px; } .frame>img{ width:42px; height:42px; } .toptitle{ display: flex; } .toptitle>.left{ width:403px; height:3px; background-color: #e07e1e; margin-top:40px; margin-right:17px; } .toptitle>.right{ width:314px; height:3px; background-color: #e07e1e; margin-top:60px; margin-left:-46px; } .toptitle>.moret{ margin-top:48px; width:57px; height:28px; background-color: #e07e1e; font-size:20px; text-align: center; margin-left:1px } .toptitle>.moret>a{ color:#ffffff; font-family:'粗体'; } /* 顶部区域样式 */ .topzone{ height:674px; width:100%; /* margin: 0 auto; */ position: relative; background-repeat: no-repeat; background-size: 100% 100%; display:flex; flex-direction: column; justify-content: space-between; } /* 顶部文字 */ .toptext{ width:100%; margin:0 auto; margin-top:250px; height:323px; display: flex; flex-direction: column; align-items: center; } .toptext>img{ width:50%; height:109px; } .toptext>:last-child{ width:30%; margin-top:90px; } /* top区域的底部tab */ .toptab{ width:100%; height:70px; background-color: #e07e1e; margin-top:674px; display: flex; justify-content: center; align-items: center; } .toptab>ul{ display:flex; width: 1300px; justify-content: space-around; } .toptab>ul>:first-child{ flex:0.6; letter-spacing: 10px; } .toptab>ul>:last-child{ border:none } .toptab>ul>li{ font-size:24px; flex:1.1; text-align: center; border-right:1px solid #ffffff; height:40px; line-height: 40px; } .toptab>ul>li>a{ color:#ffffff; } /* 媒体报道·工作动态 */ .mediumandwork{ margin-top:60px; display:flex; } /* 轮播图 */ .mediumandwork>.mawbanner{ width:680px; height:430px; overflow: hidden; position: relative; } .mediumandwork>.mawbanner>.prev{ color:#ffffff; background-color: #000000; opacity: 0.5; font-size:20px; border-radius: 50%; margin-left:-65px; margin-top:-50px; width: 50px; height: 100px; border-radius: 0 50px 50px 0; line-height: 100px; } .mediumandwork>.mawbanner>.next{ color:#ffffff; background-color: #000000; opacity: 0.5; font-size:20px; border-radius: 50%; margin-right:-65px; margin-top:-50px; width: 50px; height: 100px; border-radius: 50px 0 0 50px ; line-height: 100px; } .mediumandwork>.mawbanner:hover .next{ margin-right:-15px; } .mediumandwork>.mawbanner:hover .prev{ margin-left:-15px; } .mediumandwork>.mawbanner>.swiper-wrapper>.swiper-slide{ width:100%; height:100%; } .mediumandwork>.mawbanner>.swiper-wrapper>.swiper-slide>a>img{ width:100%; height:100%; } .mediumandwork>.mawbanner>.swiper-wrapper>.swiper-slide>a>.bannerbottom{ position:absolute; width:100%; height:50px; background-color:rgba(0,0,0,0.6); z-index:1000; bottom:0; color:#ffffff; font-size:18px; line-height: 50px; padding-left:10px; box-sizing: border-box; } .mediumandwork>.mawbanner>.swiper-wrapper>.swiper-slide>a>.bannerbottom>.text{ width:400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mediumandwork>.mawbanner>.swiper-pagination{ text-align: right; height:50px; line-height: 65px; margin-left:-10px; } /* 内容 */ .mediumandwork>.content{ width:615px; height:483px; transform: translatex(-130px); } .mediumandwork>.content>.toptitle{ margin-top:15px; position:relative; } .mediumandwork>.content>.toptitle>.more{ position:absolute; width:57px; height:28px; background-color: #e07e1e; font-size:20px; text-align: center; top:60px; right:0; } .mediumandwork>.content>.toptitle>.more>a{ color:#ffffff; font-family:'粗体'; } .mediumandwork>.content>ul{ margin-left:25px; height:358px; display: flex; flex-direction: column; justify-content: space-around; } .mediumandwork>.content>ul>li>.texttitle{ width:515px; font-size:20px; font-family: '粗体'; line-height: 29px; } .mediumandwork>.content>ul>li>.text{ margin-top:14px; font-size:14px; color:#253f48; line-height: 28px; width:474px; border-bottom:1px solid #b7babb; padding-bottom:26px; } .mediumandwork>.content>ul>li>.text>.detail{ color:#cb0003 } /* 政策法规·引导规范 */ .policyandstandard{ margin-top:50px; } .policyandstandard>.content{ width:100%; display: flex; justify-content: center; } .policyandstandard>.content>ul{ width:1240px; display: flex; flex-wrap: wrap; margin-top:40px; } .policyandstandard>.content>ul>li{ width:610px; height:150px; background-repeat: no-repeat; background-size: 100% 100%; } .policyandstandard>.content>ul>li>.id{ margin-top:13px; margin-left:35px; font-size: 18px; font-family: '粗体'; color:#ffffff; } .policyandstandard>.content>ul>li>.text{ margin-top:17px; margin-left:50px; font-size: 17px; font-family: '粗体'; width: 500px; } .policyandstandard>.content>ul>li>.text>a{ color:#000000; } /* 市县动态·实时进度 */ .cityandcounty{ margin-top:50px; } .cityandcounty>.content{ display: flex; padding-top:35px; } .cityandcounty>.content>.left{ width:600px; } .cityandcounty>.content>.left>ul>li{ height:73px; line-height:73px; border-bottom:1px dashed #9e9d9b; font-size:17px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .cityandcounty>.content>.left>ul>:last-child{ border:none } .cityandcounty>.content>.right>ul>li{ height:73px; line-height:73px; border-bottom:1px dashed #9e9d9b; font-size:17px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .cityandcounty>.content>.right>ul>:last-child{ border:none } .cityandcounty>.content>.right{ width:600px; margin-left:36px; background-repeat: no-repeat; background-size: 100% 100%; } /* 解疑答惑·学习交流 */ .answerquestion{ margin-top:50px; } .cityandcounty>.banner{ width:1390px; height:500px; margin:0 auto; margin-top:50px; overflow: hidden; position:relative; } .cityandcounty>.banner>.swiper-wrapper{ width:100%; height:500px; display: flex; align-items: center; } .cityandcounty>.banner>.swiper-wrapper>.swiper-slide{ width:500px; height:450px; } .cityandcounty>.banner>.swiper-wrapper>.swiper-slide>a>img{ width:100%; height:450px; transition: 1s; } .cityandcounty>.banner>.swiper-wrapper>.swiper-slide-active{ width:800px; height:500px; z-index:100; border-radius: 12px; transform: translatex(-35px); } .cityandcounty>.banner>.swiper-wrapper>.swiper-slide-active>a>img{ width:800px; height:500px; border-radius: 12px; } .cityandcounty>.banner>.prev{ color:#ffffff; background-color: #000000; opacity: 0.5; font-size:20px; border-radius: 50%; margin-left:-65px; margin-top:-50px; width: 50px; height: 100px; border-radius: 0 50px 50px 0; line-height: 100px; } .cityandcounty>.banner>.next{ color:#ffffff; background-color: #000000; opacity: 0.5; font-size:20px; border-radius: 50%; margin-right:-65px; margin-top:-50px; width: 50px; height: 100px; border-radius: 50px 0 0 50px ; line-height: 100px; } .cityandcounty>.banner:hover .next{ margin-right:-15px; } .cityandcounty>.banner:hover .prev{ margin-left:-15px; } .answerquestion>.content{ width:1200px; height:230px; margin:0 auto; display: flex; justify-content: space-between; margin-top:50px; } .answerquestion>.content>ul>li{ width:580px; height:75px; line-height: 75px; text-align: left; border-bottom:1px dashed #9e9d9b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .answerquestion>.content>ul>:last-child{ border:none } .answerquestion>.content>ul>li>a{ font-size:17px; color:#000000; } /* 底部多选 */ /* .bottommultiple{ margin-top:50px; } .bottommultiple>.content{ width:1150px; height:50px; margin:0 auto; display:flex; justify-content: space-between; } .bottommultiple>.content>.option{ width:175px; height:45px; border:3px solid #e9e9e9; position:relative; box-sizing: border-box; line-height: 45px; text-align: center; cursor: pointer; } .bottommultiple>.content>.option>.upper{ border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #c1c1c1; width:0; height:0; position:absolute; right:6px; top:13px; } .bottommultiple>.content>.option>.down{ border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #c1c1c1; width:0; height:0; position:absolute; right:6px; top:23px; } .bottommultiple>.content>.option>ul{ width:100%; height:0px; overflow: auto; background-color: red; position:absolute; top:-100px; } .bottommultiple>.content>.option:hover ul{ height:100px; } */ /* 背景图 */ .bg{ width:100%; height:900px; background-size: 100% 900px; background-repeat: no-repeat; position: absolute; top:1480px; z-index: -1; } *{ font-family: '-apple-system, blinkmacsystemfont, helvetica neue, pingfang sc, microsoft yahei, source han sans sc, noto sans cjk sc, simhei, sans-serif;'; }