@charset "utf-8"; /* CSS Document */ .subBanner{width: 100%;overflow: hidden;padding:0 7.2% 80px 0;position: relative;} .subBanner img:hover{transform: scale(1)} .subBanner .img{position: relative;display: block;} .subBanner .imgResize{display: block;padding-bottom: 22.47%;position: relative;z-index: 10;} .subBanner .title{position: absolute;left: 7.2%;bottom: 0;font-size: 48px;color:#fff;padding-bottom: 15px;font-weight: normal;letter-spacing: 1px;z-index: 12} .subBanner .imgResize:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2); background-image: linear-gradient(-45deg, transparent 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2)); background-position: left top;background-size: 4px 4px;background-repeat: repeat;} .subBanner-mask{width: 71.35%;height: 200px;position: absolute;right: 0;bottom: 0;display: block;z-index: 0; background-color: #f12711; background: -webkit-linear-gradient(right, #f5af19 , #f12711); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient right, #f5af19 , #f12711); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f5af19 , #f12711); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f5af19 , #f12711); /* 标准的语法 */ } .bread{width: auto;margin-top: 120px;color:#fff;font-size: 15px;padding:25px 15px;line-height: 28px;} .bread a{color:#fff;} .bread a:hover{opacity: 0.8;} .subBody_bg{width: 100%;position: relative;height: 100%;} .subBody_bg:after{background-color: #f5f5f5;width: 64.2%;z-index: -5;display: block;content: '';right: 7.2%;height: 100%;position: absolute;top: 0} .body_line{position: absolute;top: 0;width: 1px;background-color:#e6e6e6;height: 100%;z-index: -1 } .body_line_item1{right: 7.2%;} .body_line_item2{right: 28.5%;} .body_line_item3{right: 49.8%;} .body_line_item4{right: 71.3%;} .body_line_item4{left: 7.2%;} .subPage{padding:0 7.2%;} .subMenu{width: 100%;overflow: hidden;margin-top: 60px;} .subMenu li{width: 25%;float: left;height: 58px;line-height: 57px;overflow: hidden;border:1px solid #333;border-left: none;text-align: center;margin-bottom: 15px;} .subMenu li a{display: block;font-size: 18px;} .subMenu li:first-child{border-left: 1px solid #333} .subMenu li:hover a,.subMenu li.active a{color:#fff;background-color: #f12711; background: -webkit-linear-gradient(right, #f12811 , #f5ae19); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient right, #f12811 , #f5ae19); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #f12811 , #f5ae19); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f12811 , #f5ae19); /* 标准的语法 */ } /*列表页*/ .list05{width: 100%;padding:50px 0 30px;overflow: hidden;} .list05 li{width: 25%;float: left;} .list05 li > div{margin:0 44px;} .list05 li h3{color:#333;font-size: 18px;line-height: 60px;height: 60px;overflow: hidden;position: relative;} .list05 li h3:before{width: 50px;height: 2px;background-color: #c51515;position: absolute;left: 0;bottom: 0;content: '';} .list05 li p{margin-top: 25px;line-height: 22px;height: 110px;overflow: hidden;color:#999;} .readMore09{border-bottom: 1px solid #333;padding-bottom: 12px;text-align: center;margin-top: 5px;} .readMore09:hover{border-bottom-color:#c51515;} /*文章页*/ .pageArticle{width:74.9%;position: relative;letter-spacing: 1px;float: right;padding:20px 55px;} .articleTitle{line-height:26px;padding:10px 0;} .articleTitle h3{font-size:36px;line-height:43px;padding:0px 0 10px;color:#666;font-weight: normal;} .articleTitle h4{font-size: 20px;color:#666;font-weight: normal;padding:10px 0 5px;} .articleAuthor{padding:0 0 10px;color:#999;} .articleAuthor span{display: block;line-height: 30px;} .article{line-height: 32px;font-size: 16px;padding: 20px 0 35px;letter-spacing: 1px;color:#666;text-indent: 2em;} .Annex {padding:20px 0 40px 0; overflow:hidden;clear: both;border-top:1px solid #eee;} .Annex h3 { font-size: 16px;color:#000;height: 50px;line-height: 50px;background-color: #eaebe8;color:#333;padding-left:35px;} .Annex ul{overflow: hidden;padding-top:20px;} .Annex ul li { height: 40px; line-height: 40px;padding-left:25px;position: relative;} .Annex ul li:before{width: 6px;height: 6px;border-radius: 50%;background-color: #f12711;content: '';left:5px;top: 50%;margin-top: -3px;position: absolute;} .Annex ul li span{margin-right: 5px;color: #666} .Annex ul li a { font-size: 14px;color:#666;} .Annex ul li a:hover{color:#000;} .article img{display:inline-block!important;width: auto;} .share{position: absolute;left:-80px;top: 300px;width: 75px;padding:20px 0;} .share_btn{float: left;line-height: 33px;font-weight: normal;} .share a{padding-left: 45px !important;margin:0 15px 0 0 !important;border-radius: 50% !important;height: 45px !important;display: block;margin-bottom: 15px !important;float: none;} .share a.bds_weixin{background:url(../../images/gb20190426/weChat.png) no-repeat center center #ccc;} .share a.bds_tsina{background:url(../../images/gb20190426/sina.png) no-repeat center center #ccc;} .share a.bds_qzone{background:url(../../images/gb20190426/z_qone.png) no-repeat center center #ccc;} .share a.bds_more{background:url(../../images/gb20190426/link.png) no-repeat center center #ccc;} .share a.bds_weixin:hover{background-color:#7dd43c;} .share a.bds_tsina:hover{background-color:#d90e17;} .share a.bds_qzone:hover{background-color:#47a4fc;} .share a.bds_more:hover{background-color:#77a4f8;} /*分页*/ .pages{ text-align:center; font-size:15px;font-size:1.5rem; line-height:28px; padding:35px 0; overflow: hidden;} .pages span{ color:#003c7f; padding:0 20px 0 0px; font-size:16PX;} .pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:37px; height: 37px;*height:37px;line-height: 37px; font-size:18px; text-align:center; color:#adadad;margin:0 6px;background-color: #f7f7f7} .pages a:hover{ color:#fff; background-color:#e30011;} .pages a.prev{width: 37px;height: 37px;background:url(../../images/gb20190426/b_lf.png) no-repeat center center} .pages a.prev:hover{background:url(../../images/gb20190426/b_lf02.png) no-repeat center center #e30011} .pages a.next:hover{background:url(../../images/gb20190426/b_rt02.png) no-repeat center center #e30011} .pages a.next{width: 37px;height: 37px;background:url(../../images/gb20190426/b_rt.png) no-repeat center center} .pages a.on_pages{ background-color:#e30011;color:#fff;} .pages_min{ margin:25px 0; overflow: hidden; display: none;padding:0 18px;font-size:13px;font-size:1.3rem;} .pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #f4f5f2; border-radius: 3px; color:#c9050c; line-height: 30px; text-align: center;font-size: 14px;} .pages_min a.next_min{ float:right;} .pages_min a:hover{ background:#c9050c; color:#fff; transition:0.5s;} @media screen and (max-width:1600px) { } @media screen and (max-width:1440px) { } @media screen and (max-width:1366px) { .share{top: 10%;} } @media screen and (max-width:1220px) { } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px) { } @media screen and (max-width:992px) { .subBody_bg:after,.body_line{display: none;} .list05 li{width: 50%;} .list05 li > div{margin:0 15px;} .subPage{padding:0 20px;} .subBanner-mask{width: 100%;height: auto;position: static;} .subBanner{padding:0;} .bread{margin-top: 0;padding:10px 15px;} .subBanner .title{font-size: 24px;left: 20px;} .subMenu{margin-top: 25px;} .subMenu li{width: 33.33%;} .list05{padding-top: 0;} .pages{display: none;} .pages_min{display: block;} .pageArticle{width: 100%;float: none;padding:20px 10px;} .share{position: static;width: 100%;} .share a{float: left !important;} } @media screen and (max-width:768px) { .subBanner .title{font-size: 18px;} .share{position: static;width: 100%;} .article{font-size: 14px;line-height: 28px;} .articleTitle h3{font-size: 20px;line-height: 30px;} .list05 li h3{font-size: 16px;font-weight: normal;height: 50px;line-height: 50px;} .subMenu li a{font-size: 16px;} .bread{font-size: 12px;line-height: 24px;} .pageArticle{padding:20px 0;} } @media screen and (max-width:640px) { .list05 li{width: 100%;float: none;margin-bottom: 20px;} .list05 li p,.list05 li h3{height:auto;} .list05 li p{margin-top:15px;} } @media screen and (max-width:600px) { } @media screen and (max-width:480px) { .subMenu li{width: 98%;height: 45px;line-height: 45px;float: none;border-left: 1px solid #333} .subBanner .title{position: static;color:#333;background-color: #f5f5f5;padding:10px 15px;} } @media screen and (max-width:460px) { } @media screen /*and (min-width:320px)*/ and (max-width:400px) { }