锘緻charset "utf-8";/* index CSS Document */ @import url(base.css);/*reset*/ @import url(main.css);/*main*/ body{} .banner{display:flex;align-items:flex-end;position:relative;width:100%;} .banner img{width:100%;} @media (max-width:1280px){} @media (max-width:1024px){} @media (max-width:768px){.banner{display:none;} } @media (max-width:480px){} /* 涓讳綋 */ #content{position:relative;overflow:hidden;zoom:1;} #content .w1200{display:flex;flex-flow:row wrap;justify-content:space-between;margin:20px auto;position:relative;} #content a{transition:all 0.2s ease-in-out 0s;} @media (max-width:1420px){#content .w1200{margin:20px 10px;} } @media (max-width:768px){#content .w1200{margin:10px;} } /*渚ц竟瀵艰埅*/ .sidePanel{flex:0 1 280px;margin-right:40px;width:280px;overflow:hidden;} .sideBox{box-sizing:border-box;width:280px;transition:linear .3s;top:0;bottom:0;} .sideBox .bar{background-color:#af0001;color:#FFF;} .sideBox .bar .tit{font-size:20px;font-weight:400;line-height:2.5;margin:0 10px;position:relative;text-align:center;} .sideBox .bar .tit::before,.sideBox .bar .tit::after{content:"";height:1px;width:30px;background-color:#d2d2d2;position:absolute;top:50%;left:40px;right:auto;} .sideBox .bar .tit::after{left:auto;right:40px;} .sideBox .bd{background-color:#FFF;border:1px solid #d2d2d2;border-top:none;overflow:overlay;} .sideBox .bd>ul{margin:0 6px 6px;padding-top:4px;overflow:hidden;} .sideBox li{position:relative;} .sideBox li:last-child{border-bottom:none 0;} .sideBox li h3{font-size:16px;line-height:40px;font-weight:400;height:40px;margin:0 10px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .sideBox li a{vertical-align:middle;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .sideBox li h3 i{margin:0 5px 0 0;background-color:#ccc;color:#FFF;overflow:hidden;display:inline-block;text-align:center;vertical-align:middle;position:relative;z-index:10;} .sideBox li h3 i::before{content:"+";font-family:'Times New Roman',Times,serif;font-size:14px;width:16px;height:16px;line-height:16px;display:block;} .sideBox li a:hover{color:#af0001} .sideBox .sub{width:215px;overflow:hidden;margin:0 auto;} .sideBox .sub li{line-height:18px;font-size:14px;position:relative;padding-left:10px;font-weight:400;margin-bottom:8px;} .sideBox .sub li:before{content:">";position:absolute;left:0;} .sideBox .on h3,.sideBox .sub li.on{} .sideBox li.on a,.sideBox .sub li.on a{} .sideBox li.on h3 ~ .sub{display:block;} .sideBox li.hasSub.on h3 i::before{content:"-"} .searchBox.fixed{position:fixed !important;bottom:20px;top:20px;z-index:30;} .searchBox.fixed .bd{max-height:calc(100vh - 90px);} /*涓讳綋*/ .mainPanel { flex: 1 1 0; padding-bottom: 20px; width: calc(100% - 320px); } @media (max-width:1200px){} @media (max-width:1024px){} @media (max-width:768px){.sidePanel{display:none;} .mainPanel{width:100%;margin-left:auto} } @media (max-width:480px){} /* 闈㈠寘灞 */ .bread{font-size:14px;text-align:left;line-height:50px;height:50px;margin-bottom:20px;border-bottom:1px solid #d9d9d9;} .bread::before{content:"\e605";font-family:"iconfont";font-size:24px;line-height:50px;vertical-align:middle;} .bread,.bread a{color:#000;} /*鏂囩珷鍒楄〃*/ .titList{margin:0 20px;} .titList li{border-bottom:1px solid #002968;position:relative;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:14px;line-height:44px;height:44px;position:relative;overflow:hidden;} .titList li::before{font-family:"iconfont";content:"\e602";font-size:16px;line-height:44px;width:20px;overflow:hidden;color:#1851a8;margin-left:5px;} .titList li .date{float:right;font-size:14px;margin-right:20px;} .titList li .tit,.titList li .tit a{color:#353535;} .titList li:hover .tit a{color:#000;transition:all 0.25s linear;} /* 鍥剧墖 */ .imgList{margin:0;font-size:0;text-align:center;overflow:hidden;padding:0 0 20px;} .imgList ul{display:flex;flex-flow:row wrap;align-content:space-between;} .imgList li{vertical-align:bottom;width:calc(100% / 4 - 20px);margin:0 10px 20px;box-sizing:border-box;border:1px solid #eeeeee;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;flex:0 1 auto;} .imgList li .pic{width:100%;max-height:240px;box-sizing:border-box;border:1px solid #e6ebee;overflow:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;} .imgList li img{font-size:0;width:100%;max-height:230px;max-height:270px;overflow:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;object-fit:fill;vertical-align:middle;} .imgList li .tit{height:40px;line-height:40px;background-color:#e6ebee;overflow:hidden;text-align:center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;} .imgList li .tit h4{font-size:14px;font-weight:400;color:#595757;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;} .imgList li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);} /* 浜у搧 */ .picList{margin:0;font-size:0;text-align:center;overflow:hidden;padding:0 0 20px;} .picList ul{display:flex;flex-flow:row wrap;align-content:space-between;} .picList li{vertical-align:bottom;width:calc(100% / 4 - 20px);margin:0 10px 20px;box-sizing:border-box;border:1px solid #eeeeee;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;flex:0 1 auto;} .picList li .pic{width:100%;max-height:270px;overflow:hidden;} .picList li img{font-size:0;width:100%;max-height:270px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;object-fit:fill;vertical-align:middle;} .picList li .tit{display:block;text-align:center;font-size:14px;color:#5a5a5a;line-height:1.6;padding:10px;} .picList li .tit h4{font-weight:400;} @media (max-width:1200px){.imgList li,.picList li{width:calc(100% / 3 - 20px);} } @media (max-width:1024px){.imgList li,.picList li{width:calc(100% / 2 - 20px);} } @media (max-width:768px){.imgList li,.picList li{width:calc(100% / 2 - 10px);margin:0 5px 10px;} } @media (max-width:480px){/* .imgList li,.picList li{width:100%;} */ } /* 鏂伴椈 */ .newsList ul{margin-top:0.4rem;overflow:hidden;} .newsList li{display:-webkit-flex;display:flex;width:100%;overflow:hidden;margin-bottom:0.5rem;transition:0.3s;} .newsList li .pic{max-width:160px;width:26rem;margin-right:20px;} .newsList li .pic img{width:100%;} .newsList li .txt {width:100%;} .newsList li .tit{font-size:18px;font-weight:400;padding-bottom:10px;border-bottom:1px dashed #464646;} .newsList li .tit a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .newsList li a{transition:0.5s;} .newsList li:hover a{color:#af0001;} .newsList li .summary{font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:10px 0;} .newsList li .tit{display:-webkit-flex;display:flex;flex-flow:row nowrap;align-items:center;} .newsList li .tit span{display:block;width:45px;height:45px;font-size:24px;line-height:45px;text-align:center;color:#fff;background-color:#464646;transition:0.5s;flex:0 0 auto;margin-right:10px;} .newsList li .tit a{flex:1 1 auto;} .newsList li:hover .tit span{background-color:#af0001;} .appList li .date,.videoList li .date{display:none;} .videoList li .tit{border:none 0;} @media (max-width:1200px){.newsList li{margin-bottom:20px;} } @media (max-width:1024px){.appList li .tit span,.videoList li .tit span{width:38px;height:38px;font-size:18px;line-height:38px;} .appList li .tit a,.videoList li .tit a{line-height:1.3;} } @media (max-width:768px){.newsList li .tit{font-size:14px;} .appList li .tit span,.videoList li .tit span{width:38px;height:38px;font-size:18px;line-height:38px;} .appList li .tit a,.videoList li .tit a{line-height:1.3;} } @media (max-width:480px){.newsList li .date{font-size:12px;} .newsList li .pic{max-width:100px;margin-right:10px;} .newsList li .tit{padding-bottom:5px;} .newsList li .summary{-webkit-line-clamp:2;} .appList li .tit span,.videoList li .tit span{width:26px;height:26px;font-size:14px;line-height:26px;} } /*MESSAGE*/ /* #reviewform{padding:40px 200px 40px 40px;background-color:#fff;width:800px;margin:0 auto 30px;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:0 0px 9px rgb(232,232,232);} */ #vimg{height:38px;} #reviewform .required::after{content:"*";color:#ff0000;font-size:24px;position:absolute;right:4px;top:16px;} /*鍒嗛〉*/ .footpage{overflow:hidden;padding:20px 0 0;text-align:center;} .footpage ul{margin:0 auto;display:table;/* border-top:solid 1px #dedede;border-right:1px solid #dedede;*/ } .footpage ul li{text-align:center;height:30px;margin:0 0 0 4px;font-size:14px;font-weight:400;line-height:30px;display:inline-block;background-color:#464646;transition:all 0.2s linear;overflow:hidden;} .footpage ul li.num{font-weight:100;} .footpage ul li a{padding:7px 11px;color:#fff;} .footpage ul li a.iconfont{font-size:14px;} .footpage ul li.on,.footpage ul li:hover{background-color:#af0001;transition:all 0.2s linear;} .footpage ul li.pageStop a{color:#fff;cursor:not-allowed;transition:all 0.2s linear;} .footpage ul li.pageStop:hover{background-color:#af0001;transition:all 0.2s linear;} .footpage ul li.on a,.footpage ul li:hover a{color:#fff;transition:all 0.2s linear;} #reviewform{width:85%;} /*璇︽儏椤?/ .mainTit{margin:0 auto;} .mainTit h1{color:#333;font-size:24px;line-height:1.5;font-family:"寰蒋闆呴粦","瀹嬩綋";position:relative;display:inline-block;} .subTit{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px;} .subTit .infoDate{margin-left:230px;overflow:hidden;} .subTit .bdsharebuttonbox{float:left;margin:5px 0 0 360px;width:150px;overflow:hidden;} .detail{margin:0 10px 20px;} .detailTxt{font-size:18px;line-height:2em;min-height:400px;text-align:justify;} .detailTxt img{/* box-shadow:0px 0px 15px -5px #161616;*/ margin:0 auto;max-width:100% !important;height:auto !important;} .detailTxt hr{width:100%;clear:both;margin:20px auto;} .return{text-align:center;margin:20px auto;} .return a{font-size:16px;line-height:2em;display:inline-block;width:100px;background-color:#af0001;color:#fff;} #map img{box-shadow:none;} @media (max-width:1200px){.mainTit h1{font-size:22px;} } @media (max-width:1024px){.mainTit h1{font-size:20px;} .detailTxt{font-size:16px;} } @media (max-width:768px){.mainTit h1{font-size:18px;} .detailTxt{font-size:14px;} } @media (max-width:480px){.mainTit h1{font-size:16px;} .return a{width:60px;font-size:12px;} } #layer25{width:100%;max-width:680px;margin:0 auto 20px;} #layer25 h3{margin-bottom:10px;} #layer25 .image-box{margin-bottom:20px;} #layer25 .image-box .mask img{width:100%;} /*搴旂敤鏂囩珷鎼滅储*/ .selectList { width: 100%; display:flex; flex-flow: row wrap; justify-content: center; } .selectList li { flex: 0 1 calc(100% / 5 - 10px); margin: 5px; } .selectList li select { -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background: #fff; width: 100%; padding: 8px 10px; } /*鍒嗛〉鏍峰紡*/ #paging { overflow: hidden; width: 100%; margin: 25px 0; text-align: center; color: #333; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display:flex; flex-flow: row wrap; justify-content:center; } #paging a { display: block; padding:3px 10px; } #paging .first, #paging .last, #paging .prev, #paging .next, #paging .list li { flex:0 1 auto; margin-left:-1px; border: 1px solid #ddd; cursor: default; vertical-align: top; align-content:center; display:block; } #paging .list { vertical-align: top; display: flex; flex-flow: row wrap; } #paging .list li { width: 40px; padding: 0; text-align: center; } #paging .list li.cur { color: #333; background-color: #eaeaea; border-color: #cccccc; } #paging .go { display: none; position: relative; max-width: 160px; height: 30px; border: 1px solid #ddd; border-radius: 4px; } #paging .go input { float: left; width: 70%; height: 30px; line-height: 30px; padding: 0 6px; font-size: 16px; box-sizing: border-box; color: #0099ff; } #paging .go button { float: left; width: 30%; height: 100%; cursor: pointer; color: #333; background-color: #eaeaea; border-radius: 0 4px 4px 0; border: none; } #paging .disable a{ color: #bfbfbf; cursor: not-allowed; } #paging input::-webkit-input-placeholder { color: #bfbfbf; } #paging input::-moz-input-placeholder { color: #bfbfbf; } #paging input:-ms-input-placeholder { color: #bfbfbf; } @media (max-width:1200px) { .selectList li { flex-basis:calc(50% - 10px); } .selectList li:first-child { flex-basis:calc(100% - 10px); } } @media (max-width:768px) { .selectList li { flex-basis: calc(100% - 10px); } } /**/ .searchRes { height: 36px; line-height: 36px; text-align: left; padding-left: 20px; background-color: #edf1f5; border: 1px solid #b6c7db; margin-bottom:10px; } .searchTit { line-height: 36px; font-size: 14px; color: #666; background: #f9f9f9; border: 1px solid #e5e5e5; font-weight: normal; text-indent: 20px; margin-bottom: 15px; } .searchSide { }