.section{ margin-top: 40px; margin-bottom: 40px; } /* 首页 ----- 热点新闻 */ .hot-new{ padding: 0 0 40px 0; background: #fff; overflow: hidden; width: 100%; } .new-switch{ float: left; width: 49.6%; } .new-switch .slideBox{ position: relative; } .new-switch .slideBox ul li a img{ display: block; width: 100%; transition: all 0.3s; } .new-switch .slideBox ul li:hover a img{ transform: scale(1.1); } .new-switch .slideBox ul li:hover a p{ color: #b5282e; } .new-switch .slideBox ul li a{ display: block; position: relative; } .new-switch .slideBox ul li a p{ position: absolute; bottom: 0; left: 0; right: 0; line-height: 45px; background: rgba(59, 61, 65, 0.6); padding-left: 20px; padding-right: 140px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .new-switch .slideBox .hd{ position: absolute; bottom: 15px; right: 14px; } .new-switch .slideBox .hd ul{ text-align: center; font-size: 0; } .new-switch .slideBox .hd ul li{ display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #999; margin: 0 4px; cursor: pointer; } .new-switch .slideBox .hd ul li.on{ background: #fff; } .ggtit-h2{ line-height: 50px; background: #eee7e2; background-size: auto 100%; padding-right: 10px; color: #fff; overflow: hidden; font-size: 0; } .ggtit-h2 span { display: inline-block; color: #fff; font-size: 24px; vertical-align: middle; padding: 0 20px 0 15px; background: url(../images/title-bj1.png) no-repeat left center; background-size: 100% 100%; } .ggtit-h2 a { float: right; color: #000; font-size: 16px; } .ggtit-h2 a:hover{ color: #b5282e; } .hot-new .new-list ul{ padding: 15px; } .hot-new .new-list ul li a{ line-height: 45px; } .new-list { width: 48.7%; float: right; } .new-list ul{ padding: 15px; } .new-list ul li { position: relative; left: 0; transition: all 0.3s; } .new-list ul li:nth-child(1){ border-top: none; } .new-list ul li a{ font-size: 16px; color: #000; line-height: 50px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 25px; } .new-list ul li::before{ content: ""; position: absolute; width: 3px; height: 3px; background: #a8a9ad; top: 50%; transform: translateY(-50%); left: 5px; } .new-list ul li:hover{ left: 10px; } .new-list ul li:hover a{ color: #b5282e; font-weight: 600; } .new-down li{ width: 31.5%; margin: 0 10px; } .new-down li a{ display: block; overflow: hidden; } .new-down li img{ display: block; width: 100%; transition: all 0.3s; } .new-down li img:hover{ transform: scale(1.1); } .new-down .swiper-container img{ display: block; width: 100%; } .sydw{display: inline-block; vertical-align: middle;} .section2{ padding: 30px 0 70px 0; background: url(../images/s2-bj.jpg) no-repeat center center; background-size: 100% 100%; } .s2-top{ overflow: hidden; } .s2-top>div { width: 100%; position: relative; margin-top: 40px; background: #fff; } .s2-top>div>h2{ background: #eee7e2; } .s2-top>div>h2>span{ background: url(../images/title-bj2.png) no-repeat left center; background-size: 100% 100%; } .s2-top>div ul{ padding: 10px 15px 20px 15px; width: 50%; box-sizing: border-box;float: left; } .ti{width: 49%; float: left;} .s2-top>div ul li{ border-bottom: 1px dashed #eadcce; } .s2-left{ float: left; } .s2-right{ float: right; } .dsll>h2{ line-height: 60px; overflow: hidden; padding: 40px 0; } .dsll>h2>img{ vertical-align: middle; max-height: 60px; margin-right: 10px; } .dsll>h2>span{ font-size: 30px; color: #000; } .dsll>h2>a{ float: right; color: #000; font-size: 16px; } .dsll>h2>a:hover{ color: #b5282e; } .dsll>ul{ background: #fff; padding: 20px 15px; overflow: hidden; } .dsll>ul li{ float: left; width: 29%; margin: 20px 2%; padding: 15px; transition: all 0.3s; } .dsll>ul li:hover{ box-shadow: 0 0 10px rgba(203, 28, 29, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .dsll>ul li a{ display: block; } .dsll>ul li a h3{ padding-right: 50px; font-size: 16px; line-height: 26px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #000; font-weight: bold; } .dsll>ul li a h3 span{ position: absolute; right: 0; top: 0; height: 24px; line-height: 24px; border: 1px solid #cb1c1d; color: #cb1c1d; font-size: 14px; padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .dsll>ul li a p{ font-size: 14px; margin: 10px 0 15px 0; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dsll>ul li a>span{ display: block; width: 60px; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; line-height: 30px; font-size: 14px; background: #f4f5f7; color: #555; } .dsll>ul li a>span:hover{ background: #b5282e; color: #fff; } .section3{ background: url(../images/s3-bj.jpg) no-repeat left center; background-size: 100% 100%; margin-top: 0; padding-bottom: 80px; } .section3 h2 span{ color: #fff; } .section3 h2>a{ color: #fff; } .section3 h2>a:hover{ color: #fff; } .section4{ margin-top: 0; } .section4 .dsll>h2{ padding: 30px 0 20px 0; border-bottom: 2px solid #cac0bf; color: #b5282e; } .section4 .dsll>h2 span{ color: #b5282e; } .s4-main{ overflow: hidden; } .s4-main>div{ width: 100%; position: relative; margin-top: 40px; background: #fff; } .s4-left{ float: left; } .s4-right{ float: right; } .s4-lbody{ padding: 20px 20px 0 20px; background: #f5f3f3; } .s4-lbody>div{ overflow: hidden; float: none; width: auto; } .s4-lbody>div>div{ width: 48%; position: relative; background: #fff; } .s4-lbody>div>div a img{ display: block; width: 100%; position: relative; top: 0; transition: all 0.3s; } .s4-lbody>div>div a img:hover{ top: -5px; transform: scale(1.1); } .s4-limg1{ float: left; } .s4-limg2{ float: right; } .s4-left{ width: auto; } .s4-left> .s4-left ul{ padding: 15px 0; } .s4-left ul li::before{ background: #b5282e; } .s4-left ul li a{ line-height: 40px; } .s4-right>ul{ padding:10px 20px; background: #f5f3f3; overflow:hidden; } .s4-right>ul>li{ float: left; width: 30%; margin: 10px 1.65%; transition: all 0.3s; } .s4-right>ul>li:hover{ top: -5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .s4-right>ul>li:hover img{ transform: scale(1.1); } .s4-right>ul>li a { display: block; width: 100%; overflow:hidden; position: relative; } .s4-right>ul>li a img{ transition: all 0.3s; display: block; width: 100%; } .s4-right>ul>li a p{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 10px; line-height: 35px; font-size: 14px; background: rgba(0, 0, 0, .4); color: #fff; text-align: center; } .section5 h2{ background: none; margin-top: 0; } .section5 h2 span{ background: none; color: #b5282e; } .s5-main{ margin-top: 30px; } .s5-main ul li{ width: 23.5%; float:left; margin: 0 10px; transition: all 0.3s; position: relative; top: 0; } .s5-main ul li:hover{ top: -5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .s5-main ul li a{display:block;} .s5-main ul li .pic{padding-top:67.37%;position:relative;}.s5-main ul li img{ position:absolute; left:0; top:0; display: block; width: 100%; height:100%; } .s5-main ul li a p{ line-height: 40px; font-size: 16px; color: #0d0d0d; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; background: #e5e1e0; text-align: center; padding: 0 10px; } .s5-main .swiper-container img{ display: block; width: 100%; } .s5-main .swiper-container p{ line-height: 30px; font-size: 12px; color: #0d0d0d; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; background: #e5e1e0; text-align: center; padding: 0 10px; } .section6{ background: url(../images/s6-bj.jpg) no-repeat center center; background-size: 1920px 100%; padding: 30px 0; } .s6-child .dsll h2{ text-align: center; } .s6-child .dsll h2 span{ display: block; color: #b5282e; } .s6-child .dsll h2{ padding: 0; } .s6-main{ margin-top: 40px; } .s6-child .picMarquee-left .bd ul li{ width: 180px !important; border: 10px solid #dadede; padding: 15px 14px; margin: 0 10px; transition: all 0.5s; } .s6-child .picMarquee-left .bd ul li:hover{ border: 10px solid #b5282e; } .s6-child .picMarquee-left .bd ul li a{ overflow:hidden; display: block; width: 100%; } .s6-child .picMarquee-left .bd ul li img{ display: block; width: 100%; transition: all 0.3s; } .s6-child .picMarquee-left .bd ul li:hover img{ opacity: 0.8; } .s6-child .picMarquee-left .bd ul li:hover a p{ color: #b5282e; } .s6-child .picMarquee-left .bd ul li a p{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 14px; margin-top: 5px; } .s6-child .picMarquee-left .hd{ text-align: center; font-size: 0; } .s6-child .picMarquee-left .hd a img{ height: 30px; margin: 20px 15px; opacity: 0.5; cursor: pointer; transition: all 0.3s; } .s6-child .picMarquee-left .hd a img:hover{ opacity: 1; } /* 图片列表页 样式 */ .img-lists ul{ overflow: hidden; width: 100%; } .img-lists ul li{ float: left; width: 23%; margin: 45px 0.9% 0 0.9%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists ul li a{ display: block; width: 100%; } .img-lists ul li a>img{ display: block; width: 100%; } .img-lists ul li a>div{ padding: 10px; font-size: 0; } .img-lists ul li a>div p{ color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li a>div img{ height: 14px; vertical-align: middle; } .img-lists ul li a>div span{ font-size: 14px; display: inline-block; margin-left: 5px; color: #999; vertical-align: middle; } /* 文字列表页 样式 */ .text-lists{ max-width: 1080px; margin: 0 auto; padding:30px 60px 0 60px; } .text-lists .text-ul li { line-height: 60px; border-top: 1px solid #e5e5e5; text-align: left; padding-right: 100px; position: relative; color: #999999; position: relative; transition: all 0.3s; top: 0; } .text-lists .text-ul li:nth-child(1) { border-top: none; } .text-lists .text-ul li:hover{ top: -5px; } .text-lists .text-ul li a { padding-left: 20px; display: block; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; color: #333; } .text-lists .text-ul li a::before { content: ""; position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #bfbfbf; top: 50%; transform: translateY(-50%); left: 0; } .text-lists .text-ul li span { position: absolute; width: 100px; right: 0; font-size: 16px; text-align: right; top: 0; } .text-lists .text-ul li span::after { content: ""; position: absolute; width: 2px; height: 17px; top: 50%; transform: translateY(-50%); left: 0; background: #999999; } .text-lists .text-ul li:hover { color: #bb1b1b; } .text-lists .text-ul li:hover a { color: #bb1b1b; } .text-lists .text-ul li:hover a::before { border-color: transparent transparent transparent #bb1b1b; } .text-lists .text-ul li:hover span::after { background: #bb1b1b; } /* 内容页 样式 */ /* 内容页 样式 */ .art-content{ padding: 30px 60px 0 60px; } .cont-tit{ padding: 30px 0 20px 0; border-bottom: 1px solid #e5e5e5; text-align: center; } .cont-tit h3{ color: #333; font-size: 24px; } .cont-tit p { font-size: 0; margin-top: 25px; } .cont-tit p img{ display: inline-block; vertical-align: middle; height: 16px; margin-right: 5px; } .cont-tit p .liulan{ margin-left: 50px; } .cont-tit p span{ display: inline-block; vertical-align: middle; font-size: 16px; color: #999; } .cont-body{ padding: 0 0 20px 0; } .cont-body p{ text-indent: 2em; font-size: 16px; line-height: 36px; color: #666; margin: 20px 0; } .cont-body img{ display: block; max-width: 80%; margin: 0 auto; }