* { margin: 0; /* margin:auto; */ } body { min-width: 1292px; } a{ text-decoration: none; } /* part-1 */ .part1-wrapper { background: #13428e; } .part1 { margin: auto; max-width: 1425px; min-width: 1292px; height: 133px; display: flex; justify-content: space-between; } .headbanner { width: 435px; height: 73px; /* margin-left:235px; */ margin-top: 30px; } .logo { width: 289px; height: 73px; float: left; border: 0px; background-image: ; -moz-background-size: 100% 100%; background-size: 100% 100%; } .line { width: 0px; height: 52px; float: left; opacity: 1; margin-left: 11px; margin-top: 5.5px; margin-bottom: 5px; border: 0.2px solid #4dbcc9; } .tittle { float: left; width: 90px; height: 37px; font-size: 28px; font-family: microsoft yahei-bold, microsoft yahei; color: #fafafa; margin-top: 13px; margin-left: 22px; font-weight: bold; } .head-link { height: 28px; margin-top: 11px; } .head-link a { font-size: 16px; font-weight: 400; color: #d4e4ff; display: inline-block; text-decoration: none; margin-top: 6px; } .head-link .line1:last-child { display: none; } .head-link a > img { position: relative; top: 3px; margin-right: 5px; } .line1 { width: 0px; height: 42px; opacity: 1; border: 0.1px solid #ffffff; margin-left: 10px; margin-right: 10px; } /* part-2 */ .part2 { height: 54px; background: #003770; } .choose { width: 1190px; margin: 0; padding: 0; margin: auto; } .choose > li { width: 170px; height: 40px; display: inline-block; float: left; font-size: 20px; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; /* padding-left: 44px; */ /* padding-top: 14px; */ } .choose > li > div { width: 170px; height: 0px; position: relative; /* left: -45px; */ /* top: 5px; */ float: left; overflow: hidden; z-index: 9999; } .choose > li:first-child { /* width: 131px; */ /* padding-left: 65px; */ } .choose > li:hover > div { display: block; height: 200px; transition: all.3s; } .content { display: inline-block; width: 100%; height: 39px; text-decoration: none; color: #ffffff; font-size: 18px; font-weight: 400; text-align: center; padding-top: 15px; } li>div>.content { background: rgba(0, 58, 117, 0.75); } /* part3 */ .part3 { width: 1292px; height: 410px; margin: auto; display: flex; justify-content: space-between; } .photo { width: 890px; height: 382px; margin-top: 26px; } .clan { width: 372px; margin-top: 26px; } .cl { width: 372px; height: 94px; line-height: 94pxs; display: inline-block; margin-bottom: 54px; font-size: 28px; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; text-align: center; text-decoration: none; } .cl-logo { width: 55px; height: 64px; display: inline-block; position: relative; top: 15px; } #cw { background-image: url(/uploads/image/cimages/cw2.png); } #jf { background-image: url(/uploads/image/cimages/jf2.png); } #ys { background-image: url(/uploads/image/cimages/ys2.png); } /* part4 */ .part4 { width: 1292px; margin: auto; margin-top: 50px; display: flex; justify-content: space-between; } /* 通çÿ¥å…¬å‘š */ .tzgg { width: 767px; height: 407px; margin-top: 15px; margin-bottom: 5px; } .tzgg-head { height: 33px; border-bottom: 1px solid rgba(8, 98, 113, 0.4); } .item { width: 6px; height: 30px; float: left; background-color: #022e52; } .item > span { width: 6px; height: 15px; background-color: #bf3613; float: left; } .tzgg-tittle { width: 96px; height: 32px; float: left; font-size: 24px; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; color: #022e52; margin-left: 5px; } .more-right { float: right; width: 15px; height: 15px; margin-top: 6px; margin-right: 2px; margin-left: 6px; } .more { height: 26px; float: right; font-size: 17px; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: rgba(2, 46, 82, 0.59); line-height: 25px; text-decoration: none; } .list > li { width: 767px; height: 62.5px; float: left; font-size: 16px; display: block; margin-left: -40px; border-bottom: 0.5px dashed #a9b9c6; } .square { background-color: #13428e; width: 8px; height: 8px; border-radius: 5px; float: left; margin-top: 32px; } .psglist { margin-top: -3px; } .psgtittle { height: 11px; font-size: 16px; display: block; float: left; color: #262626; margin-top: 26px; margin-left: 10px; text-decoration: none; } .date { width: 89px; height: 21px; float: right; display: inline-block; margin-top: 26px; color: #9b9b9b; position: relative; font-size: 16px; margin-right: 0px; right: 0px; } /* 党建工作 */ .djgz { width: 483px; height: 407px; margin-top: 15px; margin-bottom: 5px; } .djgz-list > li { width: 483px; height: 75px; float: left; font-size: 8px; display: block; margin-left: -40px; border-bottom: 0.5px dashed #a9b9c6; } .part5 { width: 1292px; margin: auto; display: flex; justify-content: space-between; margin-top: 50px; } /* 财嚡嚨态 */ .cwdt { width: 767px; height: 281px; margin-top: 20px; } .cwdt-photo { width: 348px; height: 229px; float: left; margin-top: 23px; } #cwdt { width: 379px; height: 230px; float: right; } #cwdt > li { width: 379px; height: 63px; margin-left: 0px; } .pt { width: 348px; height: 229px; align-items: center; margin: 5% auto; margin-top: 0%; } .re { position: relative; height: 130px; } .re ul { list-style-type: none; margin-left: -40px; } .re ul > li { position: absolute; list-style: none; transition: 1s; opacity: 0; } .re ul > li img { width: 348px; height: 229px; } .pt-tittle { width: 348px; height: 43px; position: absolute; background: rgba(3, 44, 84, 0.83); border-radius: 0px 0px 0px 0px; opacity: 1; z-index: 999999; margin-top: 186px; } .tit { width: 200px; font-size: 14px; font-weight: 400; color: #ffffff; position: absolute; line-height: 13px; margin-top: 12px; margin-left: 12px; opacity: 0; } .pt-tittle h5:first-child { opacity: 1; } .pt-tittle ol { position: absolute; display: grid; grid-template-columns: repeat(5, 8px); grid-template-rows: auto; grid-gap: 1px; gap: 6px; float: right; margin-top: 7.5px; list-style: none; top: 10px; right: 12px; } .pt-tittle ol li { font-size: 15px; line-height: 20px; float: left; text-align: center; border-radius: 5px; border: 5px solid rgba(53, 120, 227, 0.67); } /* å­¦ç”ÿ服嚡 */ .xsfw { width: 483px; height: 281px; margin-top: 20px; margin-bottom: 5px; } .xsfw-list > li { width: 483px; height: 63px; float: left; font-size: 8px; display: block; margin-left: -40px; border-bottom: 0.5px dashed #a9b9c6; } .part6 { width: 1292px; margin: auto; display: flex; justify-content: space-between; margin-top: 50px; } /* 常用信息 */ .cyxx { width: 767px; height: 250px; margin-top: 20px; margin-bottom: 5px; } .cyxx-list { display: flex; justify-content: space-between; margin-left: 40px; margin-right: 50px; margin-top: 37px; } .yhdiy { width: 184px; height: 152px; background: #7176ff52; border-radius: 4px 4px 4px 4px; opacity: 1; /* float: left; */ /* margin-left: 78px; */ /* margin-top: 37px; */ } .yhdiy img { display: block; margin: 20px auto 10px; } #yh1 a { color: #7b45d8; } .yh { text-align: center; font-size: 18px; font-family: microsoft yahei-bold, microsoft yahei; font-weight: bold; } #yh1:nth-child(2) { background: rgba(113, 160, 255, 0.31); } #yh1:nth-child(2) a { color: #1e80d9; } #yh1:nth-child(3) { background: rgba(80, 233, 231, 0.22); } #yh1:nth-child(3) a { color: #13d2bf; } /* 友情链枥 */ .yqlj { width: 483px; height: 250px; margin-top: 20px; margin-bottom: 5px; } .link { width: 425px; height: 49px; margin-top: 16px; border: 1px solid #445d72; } #xxjg { margin-top: 23px; } .link select { height: 49px; border: none; outline: none; font-size: 20px; font-weight: 400; color: #022e52; text-align: center; width: 100%; } .link > img { width: 26px; height: 16px; float: right; margin-right: 15px; margin-top: 17px; } .link1 { font-size: 20px; font-weight: 400; color: #022e52; text-align: center; display: inline-block; margin-left: 28%; margin-top: 12px; } #other { margin-left: 32%; } /* part5 */ .part7-wrapper { background-color: #003770; } .part7 { width: 1292px; height: 50px; line-height: 50px; margin: auto; font-size: 14px; font-family: microsoft yahei-regular, microsoft yahei; font-weight: 400; color: #ffffff; text-align: center; } .part7 span { margin: 0 10px; }