@charset "utf-8"; * { margin: 0; padding: 0; } li { list-style: none; } img { border: 0; } a { text-decoration: none; color: #000; outline: none; word-wrap: break-word; } body { min-width: 1400px; font-family: "微软雅黑"; position: relative; } input { outline: none; } .fl { float: left; } .fr { float: right; } .dn { display: none; } td, th { text-indent: 0px; } .w134 { width: 1340px; margin: 0 auto } .clear { zoom: 1; } .clear:after { clear: both; content: ''; display: block; width: 0; height: 0; visibility: hidden; } /* head */ .main { background: #f3f3f3; border-top: 30px solid #9C2024; } .head-box { padding: 0px 30px 0; width: 1340px; margin: 0 auto; background: #f9f9f9; } .head-box2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #9C2024; height: 78px; z-index: 99999999999; padding: 0; } .head { padding-bottom: 50px; position: relative; border-bottom: 2px solid #9C2024; } .head-box2 .head { padding-bottom: 0; width: 1340px; margin: 0 auto; height: 76px; } .head-box2 .logo { width: 293px; height: 59px; background-size: 293px 59px; background-image: url(../images/logo_w.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } .head-box2 .top-r { margin-top: 4px; } .head-box2 .top-r .nav-p { border-left: 1px solid #fff; } .head-box2 .top-r .nav-p a { border-right: 1px solid #fff; color: #FFF; transition: 0.6s all; } .head-box2 .top-r .nav-p a:hover { color: #999999; transition: 0.6s all; } .head-box2 .top-r .search-box { top: 9px; } .head-box2 .search .text { background-color: #f2e4e9; color: #999; } .head-box2 .search-box { padding-top: 0px; } .head-box2 .navBar { border-top: none; background: none; } .head-box2 .nav h3 { color: #9C2024; } .head-box2 .nav h3 a { color: #9C2024; } .head-box2 .nav .m { margin: 0 0 0 15px; } .head-box2 .nav h3 a:hover { color: #95c7fe; } .head-box2 .nav li .sub { top: 36px; } .top { padding-top: 12px; } .logo { width: 400px; height: 70px; background: url(../images/logo_s_bak.png) no-repeat center; background-size: 100% auto; } .logo a { display: block; width: 350px; height: 70px; } .top-r { margin-top: 34px; } .top-r .nav-p { line-height: 14px; overflow: hidden; border-left: 1px solid #c6c6c6; margin-right: 230px; } .top-r .nav-p a { font-size: 14px; color: #999; padding: 0 16px; border-right: 1px solid #c6c6c6; transition: 0.6s all; } .top-r .nav-p a:hover { color: #971943; } .top-r .search-box { position: absolute; right: 0; top: 40px; width: 210px; height: 34px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .navBar { position: absolute; right: 0; bottom: 0px; z-index: 1; color: #333; border-top: 1px solid #9C2024; } .container { background: #f9f9f9; padding: 0 30px; width: 1340px; margin: 0 auto; } /* banner */ /* part1 */ .part1 { padding-top: 24px; margin-bottom: 45px; } .title { overflow: hidden; border-bottom: 2px solid #cccccc; padding-bottom: 4px; } .title h5 { float: left; font-family: "微软雅黑 Light"; font-size: 20px; line-height: 28px; color: #9C2024; font-weight: bold; } .title h5 i { font-style: normal; font-family: "微软雅黑 Light"; margin-left: 8px; padding-left: 8px; } .title a { font-family: "微软雅黑"; float: right; display: block; font-size: 14px; font-weight: 400; line-height: 24px; color: #333; /* padding-right: 20px; */ /* background: url(../images/title-more.png) no-repeat right center; */ margin-right: 12px; transition: 0.6s all; } .title a:hover { color: #9C2024; padding-right: 14px; transition: 0.6s all; } .part1-l { width: 435px; margin-right: 6px; } .part1-l-nr { padding-top: 8px; } .part1-l-nr .pic img { display: block; width: 494px; height: 340px; transition: 0.6s all; } .part1-l-nr:hover .pic img { transform: scale(1.1); transition: 0.6s all; } .part1-l-plus { width: 890px; } .part1-r { width: 435px; overflow: hidden; margin-right: 15px; } .part1-r ul { background: #f4f4f4; border: 1px solid #e6e6e6; padding: 10px 8px 0px 10px; } .part1-r ul li { margin-bottom: 10px; } .part1-r ul li+li+li+li+li+li+li { margin-bottom: 0; } .part1-r ul li a { display: block; overflow: hidden; } .part1-r ul li p { transition: 0.6s all; float: left; width: 435px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333; line-height: 26px; overflow: hidden; font-family: "微软雅黑"; padding-bottom: 8px; } .part1-r ul li+li+li+li+li+li+li p { border-bottom: none; } .part1-r ul li:hover p { color: #971943; transition: 0.6s all; } .part1-r2 { width: 435px; overflow: hidden; } .part1-r2 .szxx { float: left; height: 90px; width: 435px; padding-right: 0px; padding-left: 0px; margin-bottom: 0px; color: #9C2024; overflow: hidden; } .part1-r2 .szxx a { float: left; height: 35px; width: 200px; line-height: 35px; text-align: center; border: solid 2px #9C2024; border-radius: 20px; margin-right: 16px; color: #fff; background-color: #9C2024; transition: transform 0.5s ease-in, background-color 0.5s ease-in; font-weight: bold; margin-bottom: 8px; } .part1-r2 .szxx a:hover { color: #9C2024; background-color: #fff; transition: transform 0.5s ease-in, background-color 0.5s ease-in; } .part1 .rczp { height: 270px; float: left; width: 195px; } .part1 .rczp .pic { width: 195px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; overflow: hidden; } .part1 .zspd { height: 270px; float: right; width: 220px; } .part1 .zspd .pic { width: 200px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; overflow: hidden; } .part1 .zspd .zslist { width: 210px ; padding-top: 0px; float: right; list-style-type: none; } .part1 .zspd li { width: 100px; margin: 0px; float: left; } .part1 .zspd a { width: 85px; height: 40px; line-height: 40px; float: left; transition: 0.6s all; padding-left: 12px; /* background: url(../images/footer01.png) no-repeat left center; */ font-family: "微软雅黑"; font-weight: 400; font-size: 15px; color: #333; } .part1 .zspd a:hover { color: #971943; padding-left: 16px; width: 80px; transition: 0 .6s all; } /* part2 */ .part2 { margin-bottom: 45px; } .part2-l { width: 435px; margin-right: 15px; } .part2-r { margin-right: 0; } .part2-l ul { background: #f4f4f4; border: 1px solid #e6e6e6; padding: 10px 8px; } .part2-l ul li { margin-bottom: 10px; } .part2-l ul li+li+li+li+li+li { margin-bottom: 0; } .part2-l .news_box_ul li+li+li+li+li+li { margin-bottom: 10px; } /* .part2-l .news_box_ul li:last-of-type { margin-bottom: 0px; } */ .part2-l ul li a { display: block; overflow: hidden; } .part2-l ul li p { transition: 0.6s all; /* float: left; */ width: 100%; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333; line-height: 26px; overflow: hidden; font-family: "微软雅黑"; padding-bottom: 8px; } .part2-l ul li+li+li+li+li+li p { border-bottom: none; } .part2-l ul li:hover p { color: #971943; transition: 0.6s all; } .cjsp { width: 435px; } .cjsp ul { background: #f4f4f4; border: 1px solid #e6e6e6; width: 435px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .cjsp ul li { margin-bottom: 0px; } .cjsp ul li+li+li+li+li+li { margin-bottom: 0; } .cjsp ul li a { display: block; overflow: hidden; } .cjsp ul li p { transition: 0.6s all; float: left; width: 226px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333; line-height: 26px; overflow: hidden; font-family: "微软雅黑"; padding-bottom: 8px; white-space: pre-wrap; } .cjsp ul li+li+li+li+li+li p { border-bottom: none; } .cjsp ul li:hover p { color: #971943; transition: 0.6s all; } .part3 .notice { width: 180px; margin-right: 15px; } .part3 .notice ul { background: #f4f4f4; border: 1px solid #e6e6e6; padding: 10px 8px; height: 215px; } .part3 .notice ul li { margin: 0px; padding: 0px; } .part3 .notice ul li a { display: block; overflow: hidden; margin: 0px; padding: 0px; } .part3 .notice ul li p { transition: 0.6s all; float: left; width: 160px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333; line-height: 55px; height: 55px; overflow: hidden; font-family: "微软雅黑"; text-align: center; margin: 0px; padding: 0px; } .part3 .notice ul li+li+li+li p { border-bottom: none; } .part3 .notice ul li a:hover { color: #971943; transition: 0.6s all; } /* part3 */ .part3 { padding-bottom: 40px; } .part3 .ztzm { width: 885px; } .part3 .ztzl_pic { margin-top: 20px; width: 840px; overflow: hidden; } .part3 ul { margin-top: 10px; overflow: hidden; margin-right: 0px; } .part3 ul li { float: left; margin-right: 29px; width: 266px; margin-bottom: 25px; } .part3 .ztzl_pic_ul { margin-top: 10px; overflow: hidden; margin-right: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .part3 .ztzl_pic_ul li:nth-child(odd) { width: 300px; border-left: 16px solid #FBD988; } .part3 .ztzl_pic_ul li:nth-child(even) { border-left:none; border-right: 16px solid #FBD988; } .part3 ul li a { display: block; } .part3 ul li .pic { width: 100%; height: 125px; overflow: hidden; } .part3 ul li .pic img { display: block; width: 100%; height: 100%; object-fit: fill; transition: 0.6s all; } .part3 ul li p { margin-top: 20px; text-align: center; font-family: "微软雅黑"; font-size: 14px; color: #333; } .part3 ul li:hover .pic img { transition: 0.6s all; transform: scale(1.1); } .part3 ul li:hover p { color: #971943; transition: 0.6s all; } .part3 .xzxx { width: 235px; height: 145px; float: left; background-repeat: no-repeat; background-position: left top; padding-top: 0px; margin-left: 15px; } .part3 .xzxx p { width: 230px; float: left; text-align: center; line-height: 32px; font-size: 16px; padding-top: 0px; } .part3 .ewm { width: 233px; padding-top: 5px; padding-bottom: 10px; background-color: #e6e6e6; border: solid 1px #e6e6e6; border-radius: 10px; margin-top: 0px; float: left; margin-left: 15px; } .part3 .ewm ul { overflow: hidden; width: 233px; float: left; } .part3 .ewm li { float: left; width: 100px; margin-top: 0; margin-right: 0px; margin-bottom: 0px; margin-left: 16px; } .part3 .ewm li .pic { width: 82px; height: 82px; overflow: hidden; } .part3 .ewm li .pic img { display: block; width: 82px; height: 82px; } .part3 .ewm li p { margin-top: 8px; font-family: "微软雅黑"; font-weight: 400; color: #666; font-size: 16px; text-align: center; float: left; width: 82px; } .part3 .yqlj { width: 435px; height: 50px; margin-top: 10px; border: 1px solid #CCCCCC; border-radius: 10px; } .part3 .yqlj span { float: left; width: 180px; height: 50px; line-height: 50px; font-weight: bold; text-align: center; color: #9C2024; } .part3 .yqlj a { float: left; width: 100px; text-align: left; color: #9C2024; line-height: 50px; font-size: 16px; } .part3 .yqlj a:hover { color: #971943; } /* part4 */ .part4 { padding-bottom: 50px; } .part4-l { width: 646px; margin-right: 15px; border: 1px solid #e6e6e6; float: left; } .part4-r { margin-right: 0; } .part4-l ul { background: #f4f4f4; padding: 10px 8px; } .part4-l ul .pic { width: 246px; float: left; } .part4-l ul .text { width: 236px; float: left; line-height: 30px; background-color: #e6e6e6; text-align: center; } .part4-l ul .pic a img { display: block; width: 236px; height: 162px; transition: 0.6s all; margin-right: 10px; } .part4-l ul .pic a:hover img { transition: 0.6s all; transform: scale(1.1); } .part4-l ul li { margin-bottom: 10px; float: right; } .part4-l ul li+li+li+li { margin-bottom: 0; } .part4-l ul li a { display: block; overflow: hidden; } .part4-l ul li .time { float: left; width: 56px; } .part4-l ul li p { transition: 0.6s all; float: right; width: 380px; border-bottom: 1px solid #e6e6e6; font-size: 14px; color: #333; line-height: 40px; height: 40px; overflow: hidden; font-family: "微软雅黑"; padding-bottom: 8px; } .part4-l ul li p a { display: block; overflow: hidden; width: 300px; float: left; } .part4-l ul li+li+li+li p { border-bottom: none; } .part4-l ul li:hover p { color: #971943; transition: 0.6s all; } .part4-l ul li:hover a { color: #971943; transition: 0.6s all; } .part5 { padding-bottom: 50px; width: 500px; float: right; } /* footer */ .footer { background: #e0e0e0; padding: 10px 0 10px 0; } .kjlj { width: 1340px; margin-right: auto; margin-left: auto; } .kjlj ul { overflow: hidden; } .kjlj li { float: left; width: 90px; margin-right: 20px; margin-left: 35px; } .kjlj li a { transition: 0.6s all; padding-left: 12px; /* background: url(../images/footer01.png) no-repeat left center; */ font-family: "微软雅黑"; font-weight: 400; font-size: 15px; color: #333; } .kjlj li a:hover { color: #971943; padding-left: 16px; transition: 0.6s all; } .copyright { background: #9C2024; padding: 18px 0 10px 0; } .copyright .pic { height: 36px; margin-left: 170px; } .copyright .pic img { height: 36px; } .copyright p { margin-left: 0; height: 36px; line-height: 36px; font-family: "微软雅黑"; font-weight: 400; font-size: 13px; color: #fff; } .copyright p { margin-left: 0px; height: 36px; line-height: 36px; font-family: 'Arial Normal', 'Arial'; font-weight: 400; font-size: 13px; color: #fff; } .copyright p em { margin-right: 30px; font-style: normal; } .copyright p em a { color: #fff; } .copyright p em a:hover { text-decoration: underline; } /* list */ .list { padding-bottom: 0px; } .list-banner { position: relative; overflow: hidden; padding-top: 4px; } .list-banner .pic { width: 1340px; height: 260px; margin: 0 auto; overflow: hidden; } .list-banner .pic img { width: 1340px; height: 260px; display: block; } .list-banner .text { position: absolute; bottom: 0; right: 134px; width: 240px; height: 110px; background: url(../images/list-banner02.png); } .list-banner .text h5 { text-align: center; font-weight: normal; color: #fff; font-size: 26px; letter-spacing: 4px; margin-top: 34px; padding-bottom: 16px; background: url(../images/list-banner03.png) no-repeat bottom center; } .position { padding-top: 20px; padding-bottom: 20px; border-bottom: solid 2px #ccc; } .position p { padding-left: 66px; background: url(../images/position.png) no-repeat 40px center; font-size: 14px; color: #888888; font-family: "宋体"; } .position p a { color: #888888; transition: 0.6s all; } .position p a:hover { color: #971943; transition: 0.6s all; } /* list-nav */ .list-nav { width: 222px; position: relative; top: -40px; z-index: 0; } .list-nav h5 { height: 90px; line-height: 90px; background: #9C2024; padding: 0 20px; border-bottom: 4px solid #9C2024; } .list-nav h5 i { font-size: 20px; color: #fff; font-weight: bold; font-family: "微软雅黑"; font-style: normal; display: block; text-align: center; /* background: url(../images/left-nav06.png) no-repeat right center; */ } .list-nav h6 { height: 90px; line-height: 90px; /* background: url(../images/left-nav07.png) no-repeat center; */ padding: 0 0px; border-bottom: 4px solid #9C2024; } .list-nav h6 i { font-size: 18px; color: #fff; font-weight: bold; font-family: "微软雅黑"; font-style: normal; display: block; text-align: center; } .list-nav ul { padding: 8px 0 140px 0; background: url(../images/left-nav02.png) no-repeat bottom center; } .list-nav li>a { line-height: 72px; height: 72px; font-size: 18px; color: #323232; display: block; /* padding-left: 68px; */ font-family: "微软雅黑"; border-bottom: 1px solid #cecece; } .list-nav li a.on { background: #9C2024; color: #fff; } .list-nav li>a:hover { background: #9C2024; color: #fff; } .list-nav dl { border-bottom: 1px solid #cecece; padding: 5px 0 5px 60px; } .list-nav dd { padding: 10px 0; } .list-nav dd a { font-size: 14px; font-family: "微软雅黑"; color: #323232; padding-left: 14px; background: url(../images/left-nav09.png) no-repeat left center; } .list-nav dd a:hover { color: #971943; background: url(../images/left-nav08.png) no-repeat left center; } /* list */ .list-r { width: 1100px; padding-bottom: 118px; border-left: 1px solid #cecece; } .data { margin-left: 40px; margin-top: 30px; } .list-r .data h5 { font-size: 26px; color: #971943; font-weight: 800; letter-spacing: 4px; margin-bottom: 30px; } .list-r .data h5 i { font-style: normal; font-size: 14px; } .list-search { margin-top: 30px; min-height: 500px; } .list-search li a { display: block; height: 45px; line-height: 45px; border-bottom: 1px dashed #eaeaea; } .list-search li p { transition: 0.6s all; float: left; width: 1115px; font-size: 16px; color: #323232; font-family: "微软雅黑"; padding-left: 12px; background: url(../images/list-search02.png) no-repeat left center; } .list-search li b { float: left; font-size: 12px; color: #999999; padding-left: 20px; background: url(../images/list-search03.png) no-repeat left center; font-family: "微软雅黑"; font-weight: normal; } .list-search li i { float: right; font-style: normal; font-size: 14px; color: #999999; font-family: "微软雅黑"; } .list-search li:hover p { padding-left: 16px; transition: 0.6s all; color: #971943; } .list-search li:hover a { padding-left: 16px; transition: 0.6s all; color: #971943; } .about { padding-left: 40px; margin-top: 30px; } .about h4 { font-size: 26px; color: #971943; font-weight: 800; letter-spacing: 4px; margin-bottom: 19px; } .about .pic { width: 1078px; height: 292px; overflow: hidden; margin-bottom: 40px; } .about .pic img { display: block; width: 1078px; height: 292px; }