@charset "utf-8"; body { color: #111; font-size: 14px; font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; } .slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; } .img-hide{ overflow:hidden; display: block; } .slick-slider{ touch-action: auto!important; } .img-hide img{ transition: 0.3s all; transform: scale(1,1); } .img-ul li>a.img-hide{box-shadow:0 0 15px rgba(0,0,0,0.4);} .img-ul li>a.img-hide:hover{box-shadow: 1px 2px 15px rgb(136 25 25 / 38%);} a.img-hide:hover{box-shadow: 1px 2px 15px rgb(136 25 25 / 38%);} .img-hide:hover img{ transform: scale(1.1,1.1); } .txt-elise{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover,a{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } p{ margin:0; } img{ max-width:100%; display: inline-block; vertical-align: middle;} .container{ width: 1530px;} .wrap .container{width:1230px;} .wrap {background:#f5f5f5 url(../images/main_bg.png) repeat-y center top;padding-bottom:30px;} .img-fit-cover{object-fit: cover;font-family: 'object-fit: cover;';} .imgbed{ display:block; position:relative; padding-top:60%; height:0; vertical-align:top; } .imgbed img{ position:absolute; top:0; left:0; width:100%; height:100%; } .banner{ margin:0; overflow:hidden; height: 100%; } .banner div,.banner a,.banner .slick-slide a div{ display: block!important; height: 100%; overflow:hidden; } .banner .slick-dots{position:absolute;right:18%;bottom:70px;z-index:1;width:auto;} .banner .slick-dots li{position:relative;} .banner .slick-dots li button{font-size:14px;color:#fff;} .banner .slick-dots .slick-active button{font-size:16px;} .banner .slick-dots .slick-active{ padding-right:50px; } .banner .slick-dots .slick-active:after{ content:"";position:absolute;top:50%;left:20px;width:30px;height:1px;display:block;background:#fff; } .banner a{ position: relative; transition: 5s all;/* transform: scale(1.1,1.1);*/} .banner .slick-active a { } .banner .slick-active a div{ /* animation:mymove 5s infinite;*/ /*Safari 和 Chrome:*/ /* -webkit-animation:mymove 5s infinite;*/ } @keyframes mymove { from {transform: translateY(0px);} to {transform: translateY(-40px);} } /*Safari 和 Chrome:*/ @-webkit-keyframes mymove { from {transform: translateY(0px);} to {transform: translateY(-40px);} } .nav-back{ max-width: 1234px; padding-left: 30px; opacity: 0; transform: translate(0,60px); padding-right: 30px; position: relative; padding-top: 55px; margin:0 auto; margin-top: -70px; z-index: 100; margin-bottom: 20px; transition: 0.5s all; height: 163px; background: url(../images/nav-back.png) center no-repeat; background-size: 100% 100%; } .nav-back ul li{ float: left; width: 9%; border-right: solid 1px #ececec; position: relative; } .nav-back ul li a{ display: block; color: #000; padding:5px 0; } .nav-back ul li:last-child{ border:none; } .nav-back.active{ opacity: 1; transform: translate(0,0px); } .nav-back .caret{border:none;border-left:1px #000 solid;border-bottom:1px #000 solid;width:8px;height:8px;transform:rotate(-45deg);} .nav-logo{ margin-top: 25px; } .img-box{ height: 363px; transition: 0.3s all; } .img-lg a{ display: block; position: relative; overflow:hidden; margin-bottom: 40px; } .img-lg a span{ position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background: url(../images/txt-span.png) center no-repeat; background-size: 100% 100%; font-size: 18px; color: #fff; padding:55px 35px 0 35px; } .row-box .col-xs-6{ padding:0 20px; } .row-box{ margin:0 -20px; } .img-lg a:hover .img-box{ transform: scale(1.05,1.05); } .img-ul li{ float: left; width: 50%; padding:0 12px; margin-bottom: 40px; } .row-box .img-ul li .img-ul-bottom{ background: #fff; } .img-ul li .img-ul-bottom .img-ul-date{color:#af201e;} .img-ul li .img-ul-bottom{background:#fafafa;} .img-ul li a:hover .img-ul-tt{color:#9b0400;} .img-ul{ margin:0 -12px; } .img-ul-top{ position: relative; padding-top: 63%;box-sizing:border-box;transition: 0.3s all; } .img-ul-top img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;box-sizing:border-box; padding:10px;} /* .img-ul-top:hover{border-left:solid 3px #9b0400;border-right:solid 3px #9b0400;} .img-ul-top:before,.img-ul-top:after{content:" ";position:absolute;left:0;right:0;height:3px;transition: 0.3s all;background:transparent;} .img-ul-top:hover:before{bottom:calc(100% - 3px);background:#9b0400;z-index:1;} .img-ul-top:hover:after{bottom:0;background:#9b0400;} */ .img-hide{ position:relative; } .img-ul a .border{ position:absolute; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background: #bf8f32; display:block; z-index:99; } .img-ul a .border_1{ top:0; left:0; width:0; height:3px;} .img-ul a .border_2{ bottom:0; right:0px; width:3px; height:0;} .img-ul a .border_3{ bottom:0px; right:0; width:0; height:3px;} .img-ul a .border_4{ top:0px; left:0; width:3px; height:0;} .img-ul a:hover .border_1,.img-ul a:hover .border_3{ width:100%;} .img-ul a:hover .border_2,.img-ul a:hover .border_4{ height:100%;} .img-ul-bottom{ height: 141px; padding:25px; background: url(../images/li-bottom.png) right bottom no-repeat; border-bottom: solid 3px #f9f9f9; } .img-ul-tt{ font-size: 16px; color: #333; text-align: justify; line-height: 30px; height: 60px; overflow:hidden; } .img-ul-date{ color: #88100d; margin-top: 15px; } .img-ul-bottom .img-ul-date img{margin-top:-2px;} .more{display: inline-block;color: #9b0400;height: 49px;line-height: 49px;background: url(../images/more.png) center no-repeat;} .news-bottom-block{overflow:hidden;position:relative;} .news-bottom-block .more{ margin-bottom:20px; position:absolute; left:50%; margin-left:-45px; /*text-indent:50px;*/ } .news-bottom-block .more img{ /*padding-left:10px;*/ } .news-bottom-block .little-banner{ display:none; } .little-banner-container{overflow:hidden;} .little-banner-container img{width:100%;} .linked-img {width:calc(50% - 94px);} .linked-img ul{overflow:hidden;margin:0 -10px;} .linked-img li{ width: 50%;float:left;padding:0 10px;} .linked-img li a{width:100%;display:block;} .linked-img li a img{height:58px;} .mt-back{ margin-top: 45px; padding-top:35px; } .mt-back-bg{ background: url(../images/bg_20221216152249.jpg) center fixed no-repeat;background-size: cover;position:relative;} .mt-back-bg:before{ content:"";top:0;left:0;bottom:0;right:0;position:absolute;background:rgba(0,0,0,.4)} .mt-tab-hd{ text-align:center; margin-bottom:20px; margin-top:40px; } .mt-title{font-size: 32px;color: #333;height: 56px;line-height: 56px;background: url(../images/mt-title.png) center no-repeat;} .mt-tab-hd .mt-title{ display:inline-block; margin:0 10px; cursor:pointer; color:#fff; } .mt-title.active{color: #bf8f32;} .mt-title .mt-more{font-size:14px;float:right;color:#666;} .mt-back .tab-pane { position:relative; } .mt-back .tab-pane .mt-more{ position:absolute; right:4px; top:-20px; color:#fff; } .mt-back .tab-pane .mt-more:hover{ color:#bf8f32; } .mt-img{position: relative; display: block; height: 96px; width: 172px; padding-top: 0; overflow: hidden;border:0;} .mt-img img{ padding-top: 0; border:0;position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%,-50%);} .mt-slick .slick-list{overflow:visible;} .mt-slick .slick-track{margin:-10px;} .mt-slick-ul{ margin:0 -25px; } .mt-slick-ul li{ float: left; width: 33.333333%; padding:0 25px; padding-top: 40px; position:relative;} .mt-slick-ul li a{ display: block; background:rgba(255,255,255,.9);transition: 0.3s all; transform: translateY(-15px); position: relative;overflow:hidden; } .mt-slick-ul li a .clearfix{ padding:20px 30px; } .mt-right{ margin-left: 190px; padding-top: 5px; padding-right: 20px; } .mt-right-tt span{color:#9b0400;} .mt-right-tt{ font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; } .mt-right-date{ color: #666; margin-top: 4px; text-align:right;} .mt-slick-ul li a:hover,.mt-slick-ul li.dfltred a{ box-shadow: 2px 2px 16px rgb(136 25 25 / 54%); background:#af201e; } .mt-slick-ul li a:hover .mt-right-tt,.mt-slick-ul li.dfltred a .mt-right-tt,.mt-slick-ul li a:hover .mt-right-date,.mt-slick-ul li.dfltred a .mt-right-date{color:#fff;} .mt-slick-ul li a:hover .mt-right-tt span,.mt-slick-ul li.dfltred a .mt-right-tt span{color: #fff;} .mt-slick-ul li.dfltred a:hover{ background:rgba(255,255,255,.9);} li.dfltred a:hover .mt-right-tt span{color:#9b0400;} li.dfltred a:hover .mt-right-tt{ color: #333; } li.dfltred a:hover .mt-right-date{ color: #666; } .mt-slick-ul li a:hover:after,.gg-ul li a:hover:after{ content: ''; position: absolute; right: 0px; bottom: 0px; background: url(../images/whirlpool20221201.png)no-repeat center; background-size: auto; width: 70px; height: 70px; transition: all 0.2s ease; animation: rorates 5s linear infinite; } .mt-slick-ul li.dfltred a:after,.gg-ul li.dfltred a:after{ background:none; } @keyframes rorates { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .gg-ul li a:hover{background:#af201e;} .mt-slick{ margin:0; padding-bottom: 40px; } .mt-slick .slick-dots{ bottom: 0; } .mt-slick .slick-dots li,.mt-slick .slick-dots li button{ width: 30px; height: 5px; padding:0; } .mt-slick .slick-dots li button{ background: #cfb789; } .mt-slick .slick-dots li.slick-active button{ background: #23527c; } .hy-title{height: 92px;background: url(../images/title-back02.png) center no-repeat;line-height: 92px;margin:15px 0 25px 0;font-size: 32px;color: #333;} .hy-title.hy-chy{background: url(../images/tit_20221212205309.png) center bottom no-repeat;} .hy-title.hy-chy span{display:none;} .hy-link-img div{ width: 100%; height: 547px; transition: 0.3s all; } .hy-link-bottom{ height: 125px; padding:15px 25px; } /*.hy-link-bottom.hy-link-bg{background: url(../images/bg_20221208203547.png) right bottom no-repeat; background-size: cover;}*/ .hy-link-bottom.hy-link-bg{background: url(../images/bg_20221209143014.png) right bottom no-repeat; background-size: cover;} /*.hy-link-bottom.hy-link-bg1{background: url(../images/bg_20221208203510.png) right bottom no-repeat; background-size: cover;}*/ .hy-link-bottom.hy-link-bg1{background: url(../images/bg_20221209143032.png) right bottom no-repeat; background-size: cover;} /*.hy-link-bottom.hy-link-bg2{background: url(../images/bg_20221208203541.png) right bottom no-repeat; background-size: cover;}*/ .hy-link-bottom.hy-link-bg2{background: url(../images/bg_20221209143040.png) right bottom no-repeat; background-size: cover;} /*.hy-link-bottom.hy-link-bg3{background: url(../images/bg_20221208203544.png) right bottom no-repeat; background-size: cover;}*/ .hy-link-bottom.hy-link-bg3{background: url(../images/bg_20221209143046.png) right bottom no-repeat; background-size: cover;} .hy-link-bg4{background: url(../images/bg_20221208213737.png) right bottom no-repeat; background-size: cover;} .hy-row .col-xs-3,.hy-row .col-xs-6{ padding:0 8px; } .hy-row{ margin:0 -8px;} .dt-back .hy-row{background:url(../images/bg_20221208160837.png) no-repeat right bottom;} .hy-list li{ float: left; width: 50%; padding:0 8px; margin-bottom: 16px; } .hy-list li a,.hy-link-lg{transition: all 0.3s;box-shadow: 0 0 15px rgba(0,0,0,0.4);} .hy-list li:hover a{1px 2px 15px rgb(136 25 25 / 38%)} .hy-list-top{ position: relative; padding-top: 56%; } .hy-list-top img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hy-list-top:before,.hy-link-img:before{ display: block; content: ""; position: absolute; left: 40px; bottom: 0; z-index: 100; width: 37px; height: 19px; background: url(../images/raw.png) center no-repeat;display: none; } .hy-list{ margin:0 -8px; } .hy-link-img{ position: relative; } .hy-link-lg:hover .hy-link-img div{ transform: scale(1.05,1.05); } .dt-back{background: #f7f7f7;padding-top: 45px; padding-bottom: 20px;} .dt-center{width: 43%;padding: 0 18px 15px 18px;/* padding-left: 30px; */box-shadow: 0px 1px 6px 2px rgb(230 230 230 / 73%);} .dt-title{ border-bottom: solid 1px #9b0400; margin-top: 0;/*margin-top: 15px;*/ margin-bottom: 20px; } .dt-title span{ display: inline-block; font-size: 30px; color: #3c3c3c; margin-bottom: -2px; border-bottom: solid 3px #9b0400; padding-bottom: 10px;line-height:1; } .dt-title a{ float: right; color: #666; margin-top: 15px; } .dt-ul li{ float: left; width: 50%; padding:0 12px; } .dt-ul li a:hover .img-ul-tt{color:#9b0400;} .dt-ul{ margin:0 -12px; } .dt-ul-img{ position: relative; padding-top: 53%; } .dt-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .dt-ul-bottom{ background: #fff; height: 110px; border-bottom: solid 3px #9b0400; padding:20px; } .dt-ul-bottom{ border-bottom: 0; } .dt-ul-bottom:after { content: " "; display: block; position: absolute; left: 0; bottom: 0; width: 0; background: #9b0400; height: 3px; transition: all 0.3s ease-out 0s; width: 100%; } .dt-ul li:hover .dt-ul-bottom::after { } .dt-list-ul li a{display: block;line-height: 52.9px;border-bottom: dashed 1px #eee;font-size: 16px;color: #474747;padding-left: 15px;transition: 0.3s all;position:relative;} .dt-list-ul li a:before{content:"";position:absolute;;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background:#af201e;transition: 0.3s all;} .dt-list-ul li a:hover:before{left: 4px;} .dt-list-ul li:last-child{ border:none; } .dt-list-ul{ margin-top: 10px; } .dt-right{width: 30%;/* padding-left: 50px; */padding: 0 19px 15px 19px;/* padding-left: 30px; */box-shadow: 0px 1px 6px 2px rgb(234 234 234);} /*.date-back{ width: 72px; padding-top: 22px; height: 73px; background: url(../images/date-back.png) center no-repeat; font-size: 12px; color: #88100d } .date-back span{ font-size: 18px; }*/ .yg-ul li{padding-left: 4px;position: relative; margin-bottom: 18px; border-bottom: dashed 1px #ddd; padding-bottom: 16px; padding-top: 4px;} .yg-ul li:before{content: '';width: 3px;height: 0;background: #9b0400;position: absolute;left: 0;top: 50%;margin-top:-7.3px;transform: translateY(-50%);transition: .3s} .yg-ul li:hover:before{height: 50px;} .yg-ul li a{} .yg-ul li .date-back{width: 80px;padding-top: 0;font-family: 'Arial';padding-right: 0;text-align: center;font-size: 14px;line-height:1;} .yg-ul li .date-back span{display: block;font-size: 29px;color:#9b0400;} .yg-ul li:hover .date-back{color:#9b0400;} .yg-2line{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .yg-ul .img-ul-tt{line-height:32px;} .yg-ul-right{ margin-left:95px; margin-top: -5px; } .yg-ul-bottom{ color: #666; } .yg-ul-bottom span{ display: inline-block; width: 165px; } .yg-ul-bottom span{display:block;width:100%;} .yg-ul li:last-child{margin-bottom: 0;} .gg-box{ margin-top: 60px; } .img-ul-date{ font-size: 12px; color: #333; margin-top: 10px; } .gg-ul {margin: 0 -60px;} .gg-ul li .img-ul-date {font-size:14px;} .gg-ul li{ float: left; width: 33.333333%; padding:0 30px; margin-top: 40px; } .gg-ul li a{ display: block; height: 133px; border-top: solid 1px #9b0400; padding:20px 25px;background:#fafafa;/*background:#fafafa url(../images/gg-back.png) right bottom no-repeat; background-size;*/ cover;position:relative;padding:10px 15px 15px 15px;} .gg-ul li a .img-ul-tt{ line-height: 35px; height: 70px; } .gg-slick .slick-prev{ left: 0; margin-top: 0; width: 14px; height: 26px; background: url(../images/left.png) center no-repeat; } .gg-slick .slick-next{ right: 0; margin-top: 0; width: 14px; height: 26px; background: url(../images/right.png) center no-repeat; } .gg-slick{ padding:0 25px; } .rmt-back{background: #ffffff;/* padding-bottom: 90px; */} .rmt-top{ position: relative; } .rmt-back .hy-title{ margin-bottom: 10px; } .rmt-top:before{ display: block; content: ""; position: absolute; width: 550px; top: 50%; left: 0; margin-right: 144px; border-top: solid 1px #9b0400; } .rmt-top:after{ display: block; content: ""; position: absolute; width: 550px; margin-left:144px; top: 50%; right: 0; border-top: solid 1px #9b0400; } .rmt-list{text-align: center;} .rmt-list li{display:inline-block;position: relative;margin: 0 5px;} .rmt-list a{ display: block; width: 49px; height: 49px; background-image: url(../images/rmt-icons.png); background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; } .rmt-list .icon-wb a{background-position: 0 center;} .rmt-list .icon-wx a{background-position: -62px 0;} .rmt-list .icon-dy a{background-position: -124px 0;} .rmt-list .icon-tt a{background-position: -185px 0; } .rmt-list .icon-bj a{background-position: -247px 0; } .rmt-list .icon-sdjyfb a{background-position: -308px 0; } .rmt-list li img{position: absolute;bottom:100%;left: -20px;width: 90px;height: 90px;max-width:none;display: none;} .rmt-list li:hover img{display: block;} .rmt-ul li{ float: left; width: 25%; } .rmt-ul li a{ display: block; position: relative; padding-top: 100%; } .rmt-ul li a:after{content: ""; position: absolute; width: 100%; height: 150px; background: linear-gradient(rgba(255, 255, 255, 0) 30%, rgb(10, 10, 10)); z-index: 9; transition: all 0.3s ease 0s; bottom: 0;} .rmt-ul li a img.rmt-img{ -webkit-transition: all .5s; -o-transition: all .5s;transition: all .5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .rmt-ul li a img.rmt-img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .rmt-ul li a:before{display: block;content: "";position: absolute;left: 0;top: 0;width: 100%;/* background: rgba(0,0,0,0.15); */height: 100%;z-index: 10;} .rmt-bottom{ position: absolute; left: 35px; bottom: 30px; z-index: 20; right: 30px;} .rmt-label{ font-size: 17px; color: #fff; line-height: 25px; } .rmt-tt{ font-size: 20px; color: #fff; margin-top: 5px; } .rmt-label img{ transform: scale(1,1)!important; height: 25px; float: left; margin-right: 5px; } .rmt-bottom:before{ display: block; position: absolute; content: ""; left: 0px; bottom: -30px; width: 60px; height: 3px; background: #ac1818; } .rmt-ul li.lg{ width: 50%; } .rmt-ul li.lg a{ padding-top: 50%; } .rmt-ul li.lg a:hover .rmt-ul li a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; background: rgb(255 255 255 / 15%); height: 100%; z-index: 10; } .rmt-ul li.lg .rmt-bottom:before{ left: -35px; bottom: auto; top: 0; width: 3px; height: 60px; } .rmt-ul{ margin-top: 20px; } .trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)} .trans-line:hover:before{ -webkit-animation:aniBlink .6s ease-out forwards; -moz-animation:aniBlink .6s ease-out forwards; -o-animation:aniBlink .6s ease-out forwards; animation:aniBlink .6s ease-out forwards; } @keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } @-webkit-keyframes aniBlink{ from{margin-left:-50%} to{margin-left:120%} } .py-row{ margin-top: 30px; } .py-list li{ float: left; width: 50%; padding:0 10px; margin-bottom: 20px; } .py-list{ margin:0 -10px; } .py-list li a{ display: block; position: relative; padding-top: 64.5%; } .py-list li a div{ position: absolute; transition: 0.3s all; left: 0; top: 0; right: 0; bottom: 0; } .py-list li a span{ position: absolute; left: 0; right: 0; top: 50%; font-size: 20px; color: #fff; line-height: 20px; margin-top: -10px; } .py-list li a:hover div{ transform: scale(1.05,1.05); } .zt-box{ border:solid 1px #ddd; height: 480px; } .zt-box-left{ width: 44%; } .zt-box-img div{ height: 478px; transition: 0.3s all; } .zt-box-img:hover div{ transform: scale(1.05,1.05); } .zt-tabs{ width: 56%; position: relative; height: 100%; } .zt-tabs li{ position: relative; height: 16.666666%; } .zt-tabs li a{ display: block; position: relative; height: 100%; font-size: 20px; color: #333; line-height: 80px; padding-left: 30px; padding-right: 30px; } .zt-tabs li.active a{background-color: #caa357;color: #fff;/* background: url(../images/tabs-back.png) right bottom no-repeat; */background-size: cover;} .zt-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #cfb789; } .wrap+.footer{margin-top:0;} .footer{position: relative;min-height: 296px;background: #ae1111 url(../images/foot_bg2.png) center bottom;margin-top: 90px;padding-top: 40px;} .footer-main{height: 146px;/* margin-top: 20px; */} .footer-list{ float: left; width: 50%; padding-left: 94px; margin-left: -94px; } .footer-list ul{ margin-left: -40px; } .footer-list li{ float: left; margin-left: 40px;position: relative;} .footer-list li a{ font-size: 16px; color: #cfb789; line-height: 43px; } .footer-list li a img{ margin-right: 15px; float: left; } .footer-list .qrimg{display: none;width: 100%;text-align: center;} .footer-list li:hover .qrimg{display: block;position: absolute;top: -106px;} .logo-f{ width: 188px; position: relative; } .logo-f:before,.logo-f:after{ display: none; content: ""; position: absolute; width: 1px; background: #cfb789; height: 40%; top: 50%; margin-top: -20%; } .footer-p{ float: right; width: 50%; padding-right: 94px; margin-right: -94px; } .logo-f:before{ left: -20%; } .logo-f:after{ right: -20%; } .footer-p .address{ float: right; } .footer-p p{ font-size: 16px; color: #cfb789; margin-bottom: 10px; } .footer-list,.footer-p{ margin-top: 40px; } .footer-b{ position: absolute;bottom: 4px;text-align: center;width: 100%; font-size: 14px; color: #cfb789; } .footer-b img{ margin:0 50px; width:20px; } .center{ width: 70px; text-align: center; float: left; } .left{ line-height: 30px; height: 30px; } .right{ line-height: 30px; height: 30px; float: right; width: 50%; margin-right: -35px; } .header{ position: fixed; left: 0; transition: 0.3s all; top: 0; right: 0; z-index: 100000; background-size: 100% 100%;height: 134px;background: #af201e; } .header-right{ padding-top: 45px; margin-right: 60px; transition: 0.3s all; } .header-right a{ display: inline-block; margin-left:15px; color: #fff; opacity:.6;} .logo{ position: absolute; left: 50%; top: 40px; width: 220px; transition: 0.3s all; margin-left: -110px; z-index: 100; } .nav-list li{ float: left; padding:0 37px; position: relative; } .nav-list li a{font-size: 19px;color: #cfb789;font-weight: normal;position: relative;} .nav-list li:before{ display: block; content: "|"; position: absolute; right: 0; top: 0; font-size: 19px; color: #cfb789; } .nav-list{ margin:0 -44px; margin-top: 20px; } .nav-list li:nth-child(5){ margin-left: 388px; } .nav-list li:nth-child(4):before,.nav-list li:nth-child(8):before{ display: none; } .dt-list-ul li:last-child a{ border:none; } .nav-list li a:hover:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; right: 0; margin-top: 20px; background: url(../images/nav-lind.png) center no-repeat; height: 2px;} .nav-down .nav-down-ul li:before {display:none!important;} .menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;} .menu-button .bar:nth-of-type(1) { margin-top: 0px;} .menu-button .bar:nth-of-type(3) { margin-bottom: 0px;} .bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross{ margin-top: -8px; } .cross .bar{ margin:13px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);} .cross .bar:nth-of-type(2) { opacity: 0;} .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);} .search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; } .search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; } .modal{ z-index: 100000001; } .modal-backdrop{z-index: 10000000;} .modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; } .btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9b0400; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);} .search-a-b,.nav-click,.title-sm,.tz-more-sm,.search-a{ display: none; } .header-index.header{ background: url(../images/header1.png) center no-repeat;} .header.active{ height: 100px; background: #af201e; } .header .logo{ width: 143px; margin-left: -70px; top: 15px; } .header .logo a{display:block;} .header.active .logo{margin-left:15px;} .header.active .header-right,.header .header-right{ padding-top: 20px; } .py-list li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.4); } .rmt-ul li a:hover{ z-index: 200; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .yg-ul li a:hover .img-ul-tt,.dt-title a:hover,.dt-list-ul li a:hover,.hy-list li a:hover .img-ul-tt,.hy-link-lg:hover .img-ul-tt,.mt-title .mt-more:hover{color: #bf8f32;} .gg-ul li a:hover .img-ul-tt,.gg-ul li a:hover .img-ul-date{color:#fff;} .header.active .container{position:relative;} .header.active .logo{position:absolute;left:0;top:16px;width:240px;} .header.active .logo img{display:none;} img.logo_mob{max-width: none;} .header.active .logo img.logo_mob{display:block;width:230px;margin-right:0;} .header.active .nav-list{float:right;margin-top:10px;} .header.active .nav-list li{display:inline-block;} .header.active .nav-list li:nth-child(5){margin-left:0;} .header.active .nav-list li:nth-child(4):before{display:block;} .header.active .header-right{margin-right:0;} .header.active{height:100px;} .img-ul li{position: relative;} .share-box{display:none;visibility: hidden; position: absolute;bottom: 25px;left: 40px;margin: 0;z-index: 1;transition: 0.3s all;} .img-ul li:hover .share-box{display:block;visibility: visible;} .share-box dt{float: left;line-height: 18px;width:auto;background: #fff;font-size: 12px;color: #c1c1c1;vertical-align:middle;} .share-box dd{float: left;margin: 0 3px;} .share-box dd.qzone-share{display:none;} .share-box dd a{display: block;width: 18px;height:18px;background: url("../images/share_list_icon.png") no-repeat;transition:inherit; border:0px solid red;} .share-box dd a:hover{margin-top: -3px;transition: all 0.3s;} .share-box dd span{display:none;font-size: 14px;line-height: 18px;color: #a1a1a1;} .share-box dd a.bds_weixin{background-position: 0px 0px;} .share-box dd a.bds_tsina{background-position: -23px 0px;} .share-box dd a.bds_qzone{background-position: -45px 0px;} #qrmodal{position:fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.4);} .a_qrcode{position:absolute;top: 40%;left:50%;width:160px;margin-left: -80px;background: #fcfcfc;box-shadow: 0 0 10px #000;padding: 15px 0 5px;} .a_qrcode p{margin:0;line-height: 26px;text-align: center;} .hy-list li a .img-ul-date,.hy-link-bottom .img-ul-date{ font-size: 13px; color: #9b0400; } .dropdown-menu li{ width: 100%!important; margin:0!important; background: none!important; } .dropdown-menu li a{ padding:5px 15px!important; font-size: 14px!important; } .nav-back ul li a{font-size: 16px!important;} .nav-back ul li:hover .dropdown-menu{ display: block; } .header-right a:hover{ text-decoration: underline!important; } .nav-back .dropdown-menu a:hover{ color: #fff; background: #9b0400;} .nav-back ul li>ul{background-image:url(../images/sub_bg.jpg);background-size:cover;background-repeat:no-repeat;margin: 0;} /***********************内页*************************/ .list-banner{ height: 697px; } .list-left{width: 280px;box-shadow:6px 0 13px rgba(0,0,0,0.09);position: relative;z-index: 100;} .list-left-nav-con{ position:relative; padding-left:10px; background:#9b0400; padding-bottom: 58px; } .list-left-nav-con:after{ content:""; position:absolute; width:100%; height:346px; background:#cfb789 url(../images/bg_202212052.png) no-repeat 1px bottom; left:0; bottom:0; } .list-left-nav{ background: url(../images/sidenav_mask_202212061.png) no-repeat -9px bottom; padding-bottom:150px; position:relative; z-index:1; min-height:288px; } .list-left-nav:before{ content:""; position:absolute; width:100%; height: calc(100% - 370px); background:#fff; z-index:-1; } .list-left-top{position: absolute;padding: 18px 0;left: 0;font-size: 31px;color: #fff;top: -79px;width:100%;height: 79px;background: #9b0400; border-top-right-radius: 26px;} .list-left-top,.list-left-nav:first-child{ border-top-left-radius: 26px; overflow:hidden; } .list-left-nav li{ padding: 0 26px; } .list-left-nav li a{display: block;font-size: 18px;color: #2f2d2d;text-align: center;line-height: 70px;border-bottom: dashed 1px #ddd;} .list-left-nav li a:hover,.list-left-nav li.active a{color: #9b0400;} .list-left-nav li.active a{border-bottom-color:#9b0400;} .list-right{width: calc(100% - 400px);/* width: 1190px; */padding-top: 30px;} .wrap .container{width:1330px;} .wrap .list-left{ width: 340px;} .wrap .list-right{width:calc(100% - 380px);background: #ffffff;padding:20px;} .list-right-top{ border-bottom: solid 1px #ddd; } .list-right-tt{font-size: 23px;color: #2f2d2d;border-bottom: solid 2px #9b0400;padding-bottom: 8px;} .nav-b{ font-size: 16px; color: #999; margin-top: 15px; margin-bottom: 5px; } .nav-b a{ color: #999; } .lb-ul li a{ display: block; padding:8px; background: #fafafa; position: relative; } .lb-ul-img img{ width: 310px; height: 195px; } .lb-ul-img{ position: relative; z-index: 10; } .lb-ul-right{ margin-left: 360px; padding-top: 10px; padding-right: 20px; } .lb-ul-tt{ font-size: 20px; color: #2f2d2d; position: relative; z-index: 10; transition: 0.3s all; } .lb-ul-date{ color: #9b0400; padding-left: 45px; position: relative; z-index: 10; transition: 0.3s all; margin-top: 20px; background: url(../images/date-lind.png) left center no-repeat; } .lb-ul-p{ font-size: 16px; text-align: justify; color: #666; position: relative; z-index: 10; transition: 0.3s all; line-height: 25px; height: 50px; overflow:hidden; margin-top: 15px; } .lb-ul li a:before{ display: block; content: ""; position: absolute; transition: 0.5s all; left: 0; bottom: 0; height: 108px; width:175px; background: #9b0400; } .lb-ul li a:hover:before{ width: 100%; height: 100%; } .lb-ul li{ margin-top: 45px; } .lb-ul li a:hover .lb-ul-tt,.lb-ul li a:hover .lb-ul-date,.lb-ul li a:hover .lb-ul-p{ color: #fff; } .page-box{ margin-top: 70px; } .nav-b a:last-child,.nav-b a:hover{ color: #9b0400; } .list-left-nav li:last-child{ border:none; } .tz-ul li a{ display: block; background: #fafafa; } .tz-ul-date{ width: 118px; height: 160px; padding-top: 22px; border-right: solid 1px #9b0400; } .tz-ul-date span{ display: block; box-shadow: 6px 0 13px rgba(155,4,0,0.18); background: #fdfdfd; padding-top: 35px; text-align: right; width: 100%; height: 116px; padding-right: 20px; font-size: 14px; color: #9b0400; } .tz-ul-date span font{ font-size: 24px; } .tz-ul li a:hover .tz-ul-date span{ background: url(../images/tz-date.png) center no-repeat; background-size: cover; } .tz-ul li{ margin-top: 30px; } .tz-ul-right{ margin-left: 165px; padding-top: 30px; padding-right: 25px; } .tz-ul-tt{ font-size: 20px; color: #2f2d2d; } .tz-ul-p{ font-size: 16px; color: #666; line-height: 25px; height: 50px; margin-top: 15px; overflow:hidden; } .tz-ul li a{ background: url(../images/tz-back.png) center no-repeat; background-size: cover; } .tz-ul li a:hover{ box-shadow: 6px 0 13px rgba(0,0,0,0.18); } .lb-ul-list li a{display: block;position: relative;padding-left: 40px;background: url(../images/icon-li.png) 25px center no-repeat;line-height: 54px;padding-right: 168px;font-size: 18px;color: #333;border-bottom: dashed 1px #ddd;} .lb-ul-list li a > span{ position: absolute; right: 35px; top: 0; font-size: 16px; color: #666; } .lb-ul-list{ margin-top: 30px; } .lb-ul-list li a:hover{ color: #9b0400; } .ls-ul{ position: relative; margin-top: 80px; } .ls-ul:before{ display: block; content: ""; position: absolute; left: 50%; top: 15px; bottom: -120px; width: 2px; background: #9b0400; margin-left: -1px; } .ls-ul li .pull-right{ width: 50%; padding-left: 50px; } .ls-ul-date{ font-size: 24px; color: #333; padding-left: 55px; background: url(../images/ls01.png) left center no-repeat; margin-left: -60px; } .ls-ul-p{ font-size: 18px; color: #333; line-height: 35px; margin-top: 10px; } .ls-ul li .pull-left{ width: 50%; padding-left: 0; padding-right: 50px; } .ls-ul li .pull-left .ls-ul-date{ padding-right: 55px; text-align: right; background: url(../images/ls02.png) right center no-repeat; margin-right: -60px; } .ls-ul li .pull-left .ls-ul-p{ text-align: right; } .ls-ul li{ margin-bottom: 30px; } .ld-ul li a{ display: block; padding-top: 60px; background: url(../images/ld-back.png) center no-repeat; background-size: cover; margin-top: 70px; height: 300px; position: relative; padding-left: 250px; padding-right: 100px; } .ld-img{ position: absolute; left: 20px; top: -30px; } .ld-img img{ width: 203px; height: 304px; } .ld-ul-p p{ font-size: 18px; color: #333; padding-left: 18px; position: relative; margin-bottom: 10px; } .ld-ul-p p span{ display: inline-block; width: 90px; font-weight: bold; } .ld-ul-p p.name:before{ display: block; content: ""; position: absolute; left: -0px; top: 1px; bottom: 1px; width: 3px; background: #9b0400; } .ld-ul-p p.name{ margin-bottom: 25px; } .ld-ul li a:hover{ box-shadow: 6px 0 13px rgba(0,0,0,0.18); } .jg-ul li{ float: left; width: 33.333333%; padding:0 17px; margin-top: 20px; } .jg-ul li a{ display: flex;align-items:center; font-size: 18px; color: #333; height: 72px; border-left: solid 2px #cfb789; background: url(../images/jg-back01.png) center no-repeat; background-size: cover; line-height: 72px; padding:0 60px; background:none;background-color:#f9f9f9;transition: all 0.3s;} .jg-ul li a span{line-height: 1.5;} .jg-ul li a:hover{ background: url(../images/jg-back02.png) center no-repeat; background-size: cover; color: #fff; background:none;background-color:#9b0400; } .jg-ul{ margin:0 -20px; padding-top: 30px; } .articleTitle { line-height: 26px; padding: 0 0 px; } /*文章页*/ .article img{height:auto;} .pageArticle{width:100%;position: relative;} .pageArticle .lf{width: 64.7%;float: left;} .articleTitle h3{font-size:25px;line-height:36px;font-weight: bold;} .articleTitle h3 p,.articleTitle h4.subtt{font-weight: normal;font-size:24px;line-height:2;} .articleTitle h3 p:first-child{font-weight: bold;font-size:25px;} .articleAuthor{padding:10px 0 23px 10px;color:#646464;font-size:15px;background:#f5f5f5;border-bottom: solid 1px #b9b8b8;text-align:center;background: none;} .articleAuthor p{margin-bottom:5px;/* border-bottom: solid 1px #b9b8b8; */padding-bottom: 2px;} .articleAuthor span{display: inline-block;height: 22px;line-height: 22px;margin:0 16px;color:#646464;} .article p,.article p span{line-height:1.875;} .articleAuthor i{font-style: normal;color:#646464;} .articleTitle{line-height: 26px;padding: 25px 0 0px;/* margin-top: 20px; */} .article a{color:blue;} .articleTitle h4,.articleTitle h5{font-weight: normal;font-size: 18px;line-height: 1.6;margin-bottom: 8px;} .articleTitle h5{margin:8px 0 0 0;} .articleTitle h3{font-size:25px;font-size:24px;text-align:center;line-height:36px;font-weight: bold;} .articleTitle h3 p,.articleTitle h4.subtt{font-weight: normal;font-size:24px;line-height:2;} .articleTitle h3 p:first-child{font-weight: bold;font-size:25px;} .articleSubTitle{font-size:21px;margin:10px 0;} .articleHeader,.articleBottom{border:1px solid #dbdbdb;background-color: #f7f7f7;padding:30px 42px;font-size: 16px;font-family: '华文楷体';color:#000;line-height: 1.5;margin-top: 25px;} .articleHeader p,.articleBottom .p02{text-indent: 2em;} .articleBottom h3{padding-top: 20px;font-family: '微软雅黑';font-size: 16px;font-weight: normal;line-height: 1.5;} .articleBottom {margin-bottom: 0} .articleLink{padding:25px 0 30px;font-weight: normal;font-size: 16px;text-indent: 2em;} .articleLink a{color:#94070a;} .article-mark{color:#94070a;padding:25px 0;text-align: center;border-bottom: 1px solid #e4e4e4;} .article{line-height: 30px;/* padding: 0 0 40px; */color:#292929;/* padding-top: 25px; */font-size: 16px;} .article p{margin:15px 0;} .article p video{width: 640px;/* height:auto; */} /* table fixed start */ .vsbcontent-table-container-outer { position: relative;} .vsbcontent-table-container { width: 98%; overflow-y: auto; _overflow: auto; margin: 2px; } .vsbcontent-table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .vsbcontent-table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } .vsbcontent-table-container-fade { position: absolute; right: 0; width: 5px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff); background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff); } /* table fixed end */ .nav-down{ position: absolute; display: none; left: 45px; top: 100%; width: 600px; padding-top: 30px; } .nav-down-back{ padding:20px; background: url(../images/nav-down-back.png) center no-repeat; background-size: cover; border-radius: 10px; } .nav-down-ul li{ float: left; padding:0!important; width: 50%; margin:0!important; } .nav-down-ul li a{transition: 0.3s all; display: block; text-align: left; line-height: 35px; font-size: 16px; color: #333; font-weight: normal; } .nav-down-ul li a:hover{ background: url(../images/subnav_raw02.png) left center no-repeat!important; color: #88100d!important; padding-left: 25px!important; } .nav-down-ul{ width: 380px; padding-left: 10px; padding-top: 15px; } .nav-img img{ width: 170px; height: 111px;margin:20px 0; } .nav-down-ul li a:hover{ color: #88100d; } .nav-down-back a:before{ display: none!important; } .nav-list li:hover .nav-down{ display: block; } .nav-list{ position: relative; } .nav-list:hover{ z-index: 10000000;} .nav-list li:nth-child(6) .nav-down{ left: -120px; } .nav-list li:nth-child(7) .nav-down{ left: -285px; } .nav-list li:nth-child(8) .nav-down{ left: -455px; } .nav-down-back{padding:20px;} .nav-down-ul{width:380px;} .nav-list li a{font-weight:normal;} .nav-down-ul li a{font-size:16px;} .nav-back ul li > ul{background-image:url(../images/sub_bg.jpg);background-size:cover;background-repeat:no-repeat;} .nav-back ul li{width:9%;} /**********************综合页*******************/ .zh-banner img{ width: 100%; } .zh-header{ background: url(../images/header.png) center no-repeat; background-size: 100% 100%; } .zh-title{ font-size: 36px; color: #ac1818; line-height: 1; font-weight: bold; margin:70px 0; position: relative; } .zh-title a{ position: absolute; right: 0; font-weight: normal; top: 50%; font-size: 16px; color: #4c4c4c; line-height: 16px; margin-top: -8px; } .zh-left{ width: 46%; padding-right: 15px; } .zh-left-img{ position: relative; padding-top: 67%; } .zh-left-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .zh-left-bottom{ padding-right: 100px; margin-top: 25px; } .zh-left-tt{ font-size: 22px; color: #2c2c2c; } .zh-left-date{ font-size: 16px; color: #9b0400; font-family: "Times New Roman"; } .zh-left-date span{ font-size: 45px; padding-right: 10px; } .zh-left-slick{ margin:0; } .zh-left-slick .slick-prev{ left: auto; right: 0; top: auto; bottom: 70px; width: 58px; height: 11px; background: url(../images/zh-left.png) center no-repeat; } .zh-left-slick .slick-next{ left: auto; right: 0; top: auto; bottom: 45px; width: 58px; height: 11px; background: url(../images/zh-right.png) center no-repeat; } .zh-right{ width: 54%; padding-left: 15px; } .zh-ul-right{ margin-left:315px; padding:30px 50px 0 0; } .zh-ul-tt{ font-size: 18px; color: #333; text-align: justify; line-height: 30px; height: 60px; overflow:hidden; } .zh-ul li a{ display: block; margin-bottom: 25px; background: url(../images/zh-li.png) center no-repeat; background-size: cover; } .zh-ul-date{ background: url(../images/zh-date.png) left center no-repeat; display: inline-block; line-height: 22px; margin-top: 10px; padding-left: 30px; font-size: 18px; color: #9b0400; font-family: "Times New Roman"; } .zh-dt-back{ background: url(../images/dt-back.png) center no-repeat; background-size: cover; margin-top: 60px; padding-bottom: 55px; } .zh-dt-ul li{ float: left; width: 25%; padding:0 17px; margin-bottom: 45px; } .zh-dt-ul{ margin:0 -17px; } .zh-dt-img{ position: relative; padding-top:56.25%;backgorund:#fff;} .zh-dt-img img{ position: absolute; left: 0; top: 0; width: 100%; height: auto; } .zh-dt-bottom{ background: #fff; height: 85px; padding:10px 18px; } .zh-dt-bottom p{ font-size: 18px; color: #333; text-align: justify; line-height: 30px; height: 60px; overflow:hidden; } .zh-mt-ul li{ float: left; padding:0 23px; width: 33.333333%; margin-bottom: 35px; } .zh-mt-ul{ margin:0 -23px; } .zh-mt-ul li a{ display: block; padding:15px 30px 0 35px; background: url(../images/zh-mt-back.png) center no-repeat; background-size: cover; height: 135px; border-top: solid 1px #9b0400; } .zh-mt-ul li a .zh-ul-tt{ line-height: 35px; height: 70px; } .gy-list li{ float: left; width: 33.333333%; } .gy-list li.lg{ width: 66.666666%; } .gy-list li a.gy-a{ display: block; position: relative; padding-top: 74%; } .gy-list li.lg a.gy-a{ padding-top: 37%; } .gy-list li a.gy-a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .gy-list li.gy-list-one{ height: 369px; padding:0 35px; background: url(../images/gy-back.png) center no-repeat; background-size: cover; border-top: solid 4px #ac1818; } .gy-list li.gy-list-one .zh-title{ margin: 55px 0 0 0; } .gy-list-a a{ display: inline-block; margin:0 25px; } .gy-list-a{ margin-top: 80px; } .gy-list li a.gy-a span{ position: absolute; left: 30px; bottom: 20px; color: #fff; right: 30px; font-size: 20px; } .zh-mt-b li{ float: left; width: 25%; padding:0 15px; } .zh-mt-b li a{ display: block; position: relative; padding-top: 146%; } .zh-mt-b li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .zh-mt-b li a span{ position: absolute; left: 30px; bottom: 30px; color: #fff; right: 30px; font-size: 20px; } .zh-mt-b li:nth-child(2) { width: 50%; } .zh-mt-b li:nth-child(2) a{ padding-top: 70%; } .gy-list{ margin-top: 70px; } .zh-ul-img img{ width: 280px; height: 170px; } .zh-mt-b{ margin:0 -15px; } .zh-title a:hover,.zh-mt-ul li a:hover .zh-ul-tt,.zh-dt-ul li a:hover .zh-dt-bottom p,.zh-ul li a:hover .zh-ul-tt,.zh-left-slick a:hover .zh-left-tt{ color: #9b0400; } .hotnews {} .heightfix{background:url(../images/deco_20221205115616.png) no-repeat;background-size:cover;} .hotnews .heightfix{background-position: center -48px;height:106px;margin:0 -15px;display:none;} .c1357.heightfix{background-position: center -40px;height:114px;display:none;} #hotnews_content_table_u5 > tr:nth-child(2) > td:nth-child(2){padding-top:25px;} .hotnews td{padding:22px 10px 22px 26px;position: relative;border-bottom:1px dashed #ddd;} .hotnews td:first-child{display:none;} .hotnews td a{line-height:25px;max-height:50px;position: relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px!important;} .hotnews td[class^="timestyle"]{display:none;} .hotnews td a::before{display:none;content:"";width:6px;height:6px;background:#af201e;position: absolute;left:0;top:10px;z-index:1;border-radius:50%;transition:all ease .3s;} .hotnews td:hover{border-bottom-color:#af201e;} .hotnews td:hover a::before{background:#af201e;} /*.hotnews tr:last-child td{border-bottom:0;}*/ .hotnews .sidetit{ padding: 18px 0; font-size: 31px; color: #fff; height: 79px; margin: 20px -15px 0; background: #af201e; text-align:center; line-height: 1.3 } #gotop{position:fixed;z-index:90;bottom: 32px;right: 8px;box-sizing:border-box;text-align:center;cursor:pointer;-moz-transition:all .5s;-webkit-transition:all .5s;width: 32px;height: 32px;line-height: 32px;background: #af201e;opacity:1;visibility:visible;overflow:hidden;} #gotop.hide{ height:0; opacity:0; visibility:hidden} #gotop svg{width: 22px;height: 22px;display: inline-block;fill: #fff;vertical-align: middle;margin: -3px 0 0;transition:.6s;} #gotop:hover{ border-radius:50%} @media( max-width: 1599px){ .dt-right { width: 30%; /* padding-left: 50px; */ /* padding-left: 30px; */ box-shadow: 0px 1px 6px 2px rgb(234 234 234); }.dt-center { width: 43%; padding: 0 15px 15px; /* padding-left: 30px; */ box-shadow: 0px 1px 6px 2px rgb(230 230 230 / 73%); } .container{ width: 1230px; } .wrap .container{width:1230px;} .nav-list li{ padding:0 20px; } .img-box{ height: 316px; } .hy-link-img div{ height: 464px; } .dt-list-ul li a{ line-height: 38px; } .yg-ul li{ margin-bottom: 8px; } .dt-back{ padding-bottom: 40px; } .zt-box{ height: 385px; } .zt-box-img div{ height: 383px; } .nav-list{ margin:20px -25px 0 -25px; } .nav-list li:nth-child(5) { margin-left: 288px; } .list-right{ width: 880px; } .jg-ul li a{ padding:0 30px; } .nav-down{ left: 25px; } .nav-list li:nth-child(5) .nav-down{ left:auto; right: 25px; } .nav-list li:nth-child(6) .nav-down{ left: auto; right: 25px; } .nav-list li:nth-child(7) .nav-down{ left: auto; right: 25px; } .nav-list li:nth-child(8) .nav-down{ left: auto; right: 25px; } .zh-ul li a{ height: 140px; } .zh-ul-img img{ width: 231px; height: 140px; } .zh-ul-right{ margin-left:260px; padding-top: 20px; } .gy-list li.gy-list-one{ height: 296px; } .gy-list-a a{ margin:0 9px; } .gy-list-a{ margin-top: 50px; } .zh-mt-b li:nth-child(2) a{ padding-top: 69%; } .yg-ul li:last-child{display:none;} .rmt-top:before,.rmt-top:after{width:400px;} } @media( max-width: 1408px){ .news-bottom-block{overflow:hidden;} .news-bottom-block .little-banner{ float:left; position:static; } } @media( max-width: 1366px){ .banner{ height: auto!important; } .banner div, .banner a, .banner .slick-slide a div{ height: auto; overflow:hidden; } .banner a div{ padding-top: 60%; } .nav-back { opacity: 1; transform: translate(0,0px); } @keyframes mymove { from {transform: translateY(0px);} to {transform: translateY(0px);} } /*Safari 和 Chrome:*/ @-webkit-keyframes mymove { from {transform: translateY(0px);} to {transform: translateY(0px);} } } @media( max-width: 1279px){ .container{ width: 970px; } .wrap .container{width:970px;} .wrap .list-left{width: 260px;} .wrap .list-right{width:calc(100% - 280px);} .c1357.heightfix{height:93px;} .img-box{ height: 275px; } .share-box{display:none!important;} .mt-slick-ul li{ width: 50%; } .hy-link-img div{ height: 390px; } .dt-img{ display: none; } .dt-center{padding-left: 0;width: 58%;} .dt-right{width: 39%;/* padding-left: 30px; */padding:15px 28px 0;} .yg-ul li{ margin-bottom: 26px; } .dt-list-ul li a{ line-height: 52px; } .zt-box{ height: 300px; } .zt-box-img div{ height: 298px; } .zt-tabs li a{ line-height: 50px; padding-left: 30px; font-size: 16px; padding-right: 30px; } .header.active .logo{width:200px;top:22px;} .header.active .logo img.logo_mob{width: 210px;} .nav-list li{padding:0 15px;} .nav-list li a,.nav-list li:before{ font-size: 16px; } .nav-list li:nth-child(5){ margin-left: 238px; } .logo{ width: 180px; margin-left: -90px; } .list-right{ width: 640px; } .lb-ul-right{ margin-left: 340px; } .jg-ul li { width: 50%; } .zh-ul li a{ height: 110px; } .zh-ul-img img{ width: 181px; height: 110px; } .zh-ul-right{ margin-left:200px; padding-top: 10px; } .gy-list li.gy-list-one{ height: 231px; } .gy-list li.gy-list-one .zh-title{ margin-top: 25px; } .gy-list-a a img{ height: 50px; } .zh-mt-b li:nth-child(2) a{ padding-top: 68%; } .news-bottom-block .more{ position:static; margin-left:0; } .linked-img {width:calc(50% - 10px)} .rmt-top:before,.rmt-top:after{width:260px;} } @media( max-width: 991px){ .container{ width: 750px; } .wrap .container{width:750px;} .banner .slick-slide a div{animation: none;} .nav-list li a:hover:before{display:none;} .article p video{width:100% !important;height: auto;} .col-xs-6{ width: 100%; } .img-box{ height: auto; padding-top: 50%; } .img-lg a,.img-ul li{ margin-bottom: 20px; } .mt-slick-ul li{ width: 100%; } .mt-slick-ul li{ padding-top: 20px; } .mt-slick-ul li a:hover { transform: translate(0,-10px);} .article p video{width:100% !important;height: auto;} .wrap .container{width:100%;} .logo-f::before,.logo-f::after { height: 62%; } .logo-f::before{ left: -10%; } .logo-f::after { right: -10%; } .hy-row .col-xs-3{ width: 100%; margin-bottom: 16px; } .dt-list-ul li a{ line-height: 58px; } .gg-ul li{ width: 50%; } .rmt-tt{ font-size: 16px; } .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;} .nav-click.active{ transform: rotate(180deg); } .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; } .nav-down li{ text-align: left; padding:0; } .nav-down li a{ text-align: left; padding:0 15px; font-size: 16px; line-height: 20px; text-align: left; } .nav-list li:hover .nav-down{ display: none; } .nav-down:before{ display: none; } .nav-list{ margin:0!important; display: none; position: fixed; top: 50px; bottom: 0; overflow-y: auto; background: #ac1818; left: 0; right: 0; border-top: solid 1px #ddd; } .nav-list li{ float: none; width: 100%; margin:0; padding:0; } .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #fff!important; text-align: left; font-size: 16px; background: none!important; } .menu-button{ display: block; } .search-box-c{ left: 15px; right: 15px; width: auto; margin-left: 0; } .logo{ top: 5px; left: 0;margin-left:0; width: 200px; } .logo img{ height: 40px; display:none;} .logo img.logo_mob{display:block;} .header.active .logo img.logo_mob{width: 137px;} .header-right{ padding-top: 0; line-height: 50px; margin-right: 40px; } .header .container{ width: 100%; } .nav-list li:nth-child(5){ margin:0; } .nav-list li:before{ display: none; } .row-box{ margin-top: 20px; } .nav-back ul li a{ font-size: 14px; padding:0; } .nav-back ul li.nav-back-a-1,.nav-back ul li.nav-back-a-2,.nav-back ul li.nav-back-a-3,.nav-back ul li.nav-back-a-4,.nav-back ul li.nav-back-a-5{ display:none; } .nav-back ul li{width: 16.6%;} .nav-back{ margin-left:-20px; margin-right: -20px; height: 120px; padding-left: 20px; padding-right: 20px; padding-top: 40px; } .nav-logo{ margin-top: 15px; } .nav-logo img{ width: 180px; } .header-index.header,.header,.header.active { height: 50px; background: #9b0400; } .header.active .header-right,.header .header-right { padding-top: 0px; margin-right: 40px; } .header.active .logo,.header .logo{ width: 143px; top: 5px; margin:0;} .list-right{ width: 420px; } .lb-ul-img img{ width:155px; height: 100px; } .lb-ul-right{ margin-left: 170px; padding-top: 0; } .lb-ul-tt{ font-size: 18px; } .lb-ul-p{ font-size: 14px; margin-top: 0px; } .lb-ul-date{ margin-top: 5px; } .lb-ul li a:before{ width: 120px; height: 100px; } .list-banner{ height: 400px; } .ld-img img{ width: 100px; height: 150px; } .ld-ul li a{ padding-left: 130px; height: 170px; padding-top: 20px; padding-right: 30px; } .ld-ul-p p{ font-size: 16px; } .nav-down{ left: 0; width: 100%; border-radius: 0; padding:0; } .nav-down-back{ padding:0; border-radius: 0; } .nav-img{ display: none; } .nav-down-ul{ padding:0; } .nav-down-ul li{ width: 100%; } .nav-down-ul li a{ color: #333!important; font-size: 14px; line-height: 30px; } .zh-left{ width: 100%; padding:0; } .zh-right{ width: 100%; padding:0; margin-top: 20px; } .zh-ul li a{ height: 140px; } .zh-ul-img img{ width: 231px; height: 140px; } .zh-ul-right{ margin-left:260px; padding-top: 20px; } .gy-list li.gy-list-one{ padding:0 20px; height: 177px; } .gy-list-a a{ margin:0 5px; } .zh-mt-b li:nth-child(2) a{ padding-top: 67%; } .rmt-top:before,.rmt-top:after{width:150px;} } @media( max-width: 768px){ .list-left-nav-con{ padding:0; background:none; } .list-left-nav-con:after{ background:none; } .list-left-nav{ padding:0; background:none; min-height:0; } .c1357.heightfix{display:none;} .list-left-nav:before{display:none;} .list-left-nav li.active a{ background:none; } .little-banner-container .pull-left,.little-banner-container .pull-right{ float:none!important; } .little-banner-container .pull-left{ margin-bottom:10px; } .linked-img{width:auto;} .article img{ height:auto!important; } .wrap .list-right{width:100%;} .wrap .container{width:100%;} .container{ width: 100%;} .banner{ height: auto!important; } .banner a div{ padding-top: 60%; } .banner .slick-dots{bottom:20px;} body{ padding-top: 50px;} .nav-back ul li{ width: 16%; margin:5px 0; } .nav-back{ margin-left: 0; margin-right: 0; margin-top: 15px; padding-top: 15px; height: auto; padding-bottom: 15px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .nav-logo{ display: none; } .img-ul-bottom{ height: auto; padding:10px 15px; } .mt-right-tt{font-size: 15px;} .img-ul-tt{ font-size: 15px; line-height: 25px; height: 50px; } .img-lg a span{ font-size: 15px; padding-left: 20px; padding-top: 60px; padding-right: 20px; } .mt-title{ font-size: 24px; } .mt-img img{ width: 140px; height: 70px; } .mt-right{ margin-left: 135px; padding-top: 0; } .mt-right-date{ margin-top: 5px; } .dt-center{ width: 100%; padding:0 8px; } .hy-title,.dt-title span{ font-size: 24px; } .dt-back{ padding:10px 0 20px 0; } .dt-title a{ margin-top: 15px; } .dt-ul-bottom{ height: auto; padding:10px 15px; } .dt-list-ul li a{ line-height: 50px; font-size: 15px; } .dt-right{ width: 100%; padding:0 8px;margin-top:25px; } .mt-tab-hd{margin-top:0;} .yg-ul .img-ul-tt{line-height:26px;} .gg-ul {margin: 0 -30px;} .yg-ul-bottom{ margin-top: 8px; } .yg-ul-bottom span{ width: auto; padding-right: 10px; } .gg-ul li{ width: 100%; margin-top: 20px; padding:0; } .gg-ul li a{ height: auto; padding:10px 15px 15px 15px; } .rmt-ul li{ width: 50%; } .rmt-ul li.lg{ width: 100%; } .rmt-bottom{ left: 15px; right: 15px; bottom: 15px; } .rmt-bottom:before{ bottom: -15px; } .rmt-ul li.lg .rmt-bottom:before{ left: -15px; } .rmt-back{ padding-bottom: 30px; } .footer{min-height: 230px;padding-top: 0;} .logo-f{ width: 120px; margin-top: 30px;} .footer-list{margin-left: -60px;} .footer-p{margin-right: -60px;margin-top: 50px;} .py-row{ margin-top: 10px; } .gg-box{ margin-top: 30px; } .hy-title{ font-size: 28px; } .mt-back{ margin-top: 30px; padding:30px 0; } .hy-list-top:before, .hy-link-img:before{ left: 15px; } .hy-link-bottom{ padding:10px 15px 15px 15px; height: auto; } .list-banner{ height: 200px; } .wrap .list-left,.list-left{ width: 100%;background:#fff; } .hotnews{display:none!important} .list-right{ width: 100%; padding:0 15px;background:#fff;} .lb-ul li{ margin-top: 20px; } .list-right-tt{ font-size: 24px; padding-bottom: 10px; } .nav-b{ font-size: 14px; margin-top: 10px; } .page-box{ margin-top: 30px; } .list-left-nav li a{ font-size: 16px; line-height: 60px; } .lb-ul-right{ padding-right: 5px; } .tz-ul-right{ margin-left: 150px; padding-top: 20px; } .tz-ul-tt{ font-size: 16px; } .tz-ul-p{ font-size: 14px; margin-top: 10px; } .tz-ul-date span{ height: auto; padding-top: 15px; padding-bottom: 15px; } .tz-ul-date{ height: auto; padding:15px 0; } .lb-ul-list li a{ font-size: 16px; padding-right: 100px; background: url(../images/icon-li.png) 0px center no-repeat; padding-left: 20px; } .lb-ul-list li a span{ font-size: 14px; right: 0; } .lb-ul-list{ margin-top: 10px; } .ls-ul-date{ font-size: 18px; } .ls-ul-p{ font-size: 14px; line-height: 25px; } .ls-ul{ margin-top: 30px; } .ls-ul li{ margin-bottom: 20px; } .ls-ul:before{ bottom: -50px; } .ld-ul-p p{ font-size: 14px; margin-bottom: 5px; } .ld-ul-p p.name{ margin-bottom: 10px; } .ld-ul li a{ height: 140px; margin-top: 50px; } .ld-ul-p p span{ width: 70px; } .jg-ul li { width: 100%; } .jg-ul{ padding-top: 0; } .articleTitle h3{ font-size: 18px; line-height: 25px; } .articleTitle{ padding-bottom: 0; } .article p{ font-size: 14px; line-height: 25px; } .article{ padding-top: 10px; padding-bottom: 0; } .zh-title{ margin:30px 0; font-size: 24px; text-align: left; } .zh-left-tt{ font-size: 18px; } .zh-left-bottom{ margin-top: 10px; } .zh-left-date span{ font-size: 36px; } .zh-left-slick .slick-prev{ bottom: 50px; } .zh-left-slick .slick-next{ bottom: 25px; } .zh-ul li a{ height: 110px; } .zh-ul-img img{ width: 181px; height: 110px; } .zh-ul-right{ margin-left:200px; padding-top: 10px; padding-right: 15px; } .zh-ul-tt{ font-size: 16px; } .zh-dt-back{ margin-top: 0; padding-bottom: 15px; } .zh-dt-ul li{ width: 50%; padding:0 8px; margin-bottom: 15px; } .zh-dt-ul{ margin:0 -8px; } .zh-dt-bottom p{ font-size: 16px; line-height: 25px; height: 50px; } .zh-dt-bottom{ height: auto; } .zh-mt-ul li{ width: 100%; margin-bottom: 20px; } .gy-list li.gy-list-one,.gy-list li.lg,.gy-list li{ width: 100%; } .gy-list{ margin-top: 20px; } .gy-list li a.gy-a span{ font-size: 16px; } .zh-mt-b li{ width: 100%!important; margin-bottom: 15px; } .zh-mt-b li a span{ font-size: 16px; left: 20px; bottom: 15px; } .rmt-top:before,.rmt-top:after{width:100px;} .rmt-list{ text-align: center; display: inline-block; background: #fff; position: relative; z-index: 1; padding: 0 10px; } } @media( max-width: 710px){ .news-bottom-block{overflow:hidden;} .news-bottom-block .little-banner,.news-bottom-block .more{ } .news-bottom-block .little-banner a,.news-bottom-block .little-banner img{ display:block; width:100%; } } @media( max-width: 700px){ .footer .footer-list,.footer .logo-f,.footer .footer-p{ padding: 0; margin: 0; } .footer .logo-f:before,.footer .logo-f:after{ display: none; } .footer .logo-f{ display: none; } .footer-main{ height: auto; } .footer .footer-list{ margin-top: 30px; } .footer .footer-p{ margin-top: 44px; } .footer .footer-list ul{ margin-left: 0; } .footer .footer-list li,.footer-list li a img{ float: none; margin-left:0 ; } } @media( max-width: 486px){ .header.active .logo, .header .logo{ width:143px; } .footer{ background-position: center -75px; } .footer-main{ min-height: auto; margin-top: 0; margin-bottom: 80px; } .footer .footer-list,.footer .logo-f,.footer .footer-p{ float: none!important; width: 100%; } .footer .footer-list{ margin-top: 10px; } .footer .footer-p{ margin-top: 10px; } .footer-p .address{ float: none; } .footer-b a{ display: block; } .footer-b a img{width: 15px;} .rmt-list li{margin:0 1px;float:left;} } @media( max-width: 340px){ .header-right{ font-size: 12px; } } @media( min-width: 991px){ .header-index.header.active{ height:134px; } .header-index.header.active .logo img{ display: block; } .header-index.header.active .logo img.logo_mob{ display: none; } .header-index.header.active .logo { position: absolute; width: 143px; margin-left: -70px; top: 15px; left:50%; transition: 0.3s all; z-index: 100; } .header-index.header.active .nav-list{ float:none; margin-top:20px; } .header-index.header.active .nav-list li:nth-child(5) { margin-left: 238px; } .header-index.header.active .nav-list li:nth-child(4):before{display:none;} .header-index.header.active .header-right{margin-right:60px; } } @media( min-width: 1279px){ .header-index.header.active .nav-list li:nth-child(5) { margin-left: 288px; } } @media( min-width: 1599px){ .header-index.header.active .nav-list li:nth-child(5) { margin-left: 388px; } } /**************侧边导航*************/ .dh-header{ background: url(../images/dh-header.png) center no-repeat; margin-top: 144px; background-size: cover; padding:100px 0 70px 0; } .dh-header-tt{ font-size: 36px; color: #fff; font-weight: bold; line-height: 36px; } .dh-nav li{ display: inline-block; margin:0 40px; margin-top: 70px; } .dh-nav li a{ font-size: 20px; color: #fff; } .dh-nav li.active a,.dh-nav li a:hover{ display: inline-block; font-weight: bold; color: #cfb789; padding-bottom: 10px; background: url(../images/dh-lind.png) center bottom no-repeat; } .dh-title{ font-size: 30px; color: #333; margin:45px 0; } .jj-row p{ font-size: 16px; color: #333; margin-top: 15px; text-align: justify; text-indent: 2em; line-height: 35px; } .sj-back{ background: #cfb789; padding-bottom: 50px; padding-top: 100px; margin-top: 100px; overflow:hidden; position: relative; } .sj-back:before{ display: block; content: ""; width: 1700px; position: absolute; left: 50%; top: 0; margin-left: -850px; height: 1580px; background: url(../images/sj-back.png) center no-repeat; background-size: cover; } .sj-back .container{ position: relative; z-index: 50; } .sj-row{display:flex;flex-wrap:wrap;} .sj-box{ position: relative; padding-left: 135px; min-height: 90px; margin-bottom: 60px; } .sj-box-img{ position: absolute; left: 0; top: 0; } .sj-box-top{ font-size: 48px; line-height: 48px; color: #fff; } .sj-box-p{ font-size: 20px; color: #fff; margin-top: 15px; } .sj-txt p{ text-align: justify; font-size: 16px; color: #fff; text-indent: 2em; line-height: 35px; } .cross-text-box{ position: relative; } .cross-img{ position: absolute; top: 0; bottom: 0; } .cross-img-l{ left: 0; right: 50%; background: url(../images/1671947604712.png) center no-repeat; background-size: auto; background-size: cover; } .cross-img-r{ left: 50%; right: 0; background: url(../images/16719476047121.jpg) center no-repeat; background-size: auto; background-size: cover; } .cross-text{ width: 48%; white-space: normal; } .cross-text p{ word-break: break-word; } .cross-text-l{ float: left; } .cross-text-r{ float: right; } .sj-ul li{ float: left; width: 33.333333%; padding:0 10px; margin-top: 80px; } .sj-ul{ margin:0 -10px; } .txt-p p{ text-align: justify; text-indent: 2em; line-height: 35px; font-size: 16px; } .txt-p{ margin-top: 40px; } .sj-bottom{ position: relative; overflow:hidden; background: url(../images/sj-a.png) left bottom no-repeat; } .sj-bottom.sj-bottom1{ margin-bottom: 0; background-position:right bottom; } .bottom-txt p{ font-size: 16px; color: #333; line-height: 35px; text-align: justify; text-indent: 2em; } .bottom-txt{ width: 46%; padding:30px 0 70px 0; } .bottom-text-r{float: right;} .bottom-l { position: absolute; left: 0; top: 0; bottom: 0; right: 50%; background: url(../images/bottom-r.png) center right no-repeat; background-size: cover; } .bottom-r{ position: absolute; right: 0; top: 0; left: 50%; bottom: 0; background: url(../images/bottom-r.png) center no-repeat; background-size: cover; } @media( max-width: 1599px){ .sj-row .col-xs-3{ width: 33.333333%; } .sj-back:before{ height: 1880px; } .bottom-l{background-size:cover;} } @media( max-width: 1279px){ .sj-row .col-xs-3{ width: 50%; } .sj-back:before{ height: 2740px; } .sj-box-p{ font-size: 18px; } .dh-nav li{ margin:40px 15px 0 15px; } .cross-img{ position: static; width: 100%; padding-top: 56.26%; } .cross-text{width: auto;float: none;} } @media( max-width: 991px){ .dh-header{ margin-top: 49px; } .sj-back:before{ height: 2690px; } } @media( max-width: 768px){ .dh-header{ margin-top: -1px; padding:30px 0; } .dh-header-tt{ font-size: 24px; } .dh-nav li a{ font-size: 12px; } .dh-nav li{ margin:20px 5px 0 5px; } .dh-title{ font-size: 24px; margin:20px 0; } .nav-back ul li a{display:inline-block;width:1em;} .jj-row p,.sj-txt p,.txt-p p{ font-size: 14px; line-height: 25px; color: #fff; } .sj-back{ margin-top: 30px; padding:30px 0; } .sj-box-img{ position: static; text-align: center; } .sj-box{ margin-bottom: 20px; } .sj-box-p{ font-size: 16px; } .sj-box-top{ font-size: 24px; line-height: 24px; } .sj-ul li{ margin-top: 20px; } .sj-back:before{ height: auto; bottom: 0; } .sj-box{ padding-left: 0; text-align: center; } .sj-box-img img{ height: 60px; margin-bottom: 10px; } .bottom-txt{ width: 100%; } .bottom-txt p{ font-size: 14px; line-height: 25px; } .bottom-l,.bottom-r{ position: static; width: 100%; padding-top: 100%; } .bottom-txt{ padding:20px 0; } .jj-row p{ color: #333; } } .footer-btm-mt{ margin-top:70px; } .footer-btm-top-bg{ background: #ac1818 url(../images/qfnu_bg_bg.png) bottom center no-repeat; height: 360px; display: flex; align-items: center; position: relative; } .footer-btm-top-bg:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/qfnu_bg_en.png) top center no-repeat; background-size: 100% auto; } .footer-btm-top-bg:after{ content: ""; position: absolute; left: 33.33%; right: 33.33%; top: 0; bottom: 0; background: url(../images/qfnu_bg_fbg.png) top center no-repeat; background-size: 100% 100%; } .footer-btm-top-bg .container{ position: relative; } .footer-left{ float: left; width: 50%; margin-left: -183px; } .footer-middle{ width: 244px; height: 162px; background: url(../images/icon_btm_.png) center no-repeat; margin: 0 auto; background-size:cover; opacity:.6; } .footer-right{ float: right; width: 50%; margin-right: -183px; } .footer-left,.footer-right{ margin-top: 70px; } .footer-icon-box{ text-align: center; } .footer-icon-box ul{ display: inline-block; } .footer-icon-box ul li{ float: left; margin: 0 10px; position: relative; } .footer-icon-box ul li img{ position: absolute; bottom: 100%; left: 0; max-width: none; width: 120px; display: none; margin-left: -24px; } .footer-icon-box ul li:hover img{ display: block; padding-bottom: 10px; } .footer-icon{ display: block; width: 68px; height: 68px; background-size: 100% 100%!important; opacity:.6; } .footer-icon:hover{ background-size: 100% 100%!important; } .footer-icon a{ display: block; height: 100%; text-indent: -999px; overflow: hidden; } .footer-icon-phone{ background: url(../images/icon_btm_phone.png) center no-repeat; } .footer-icon-phone:hover{ background: url(../images/icon_btm_phone_on.png) center no-repeat; } .footer-icon-qrcode{ background: url(../images/icon_btm_qrcode.png) center no-repeat; } .footer-icon-qrcode:hover{ cursor:pointer; background: url(../images/icon_btm_qrcode_on.png) center no-repeat; } .footer-btm-btm-bg{ padding-top: 7px; background: #ac1818 url(../images/btm_banner.png) center top no-repeat; } .footer-btm-btm-info{ background: #2d2d2d; padding:10px 0; } .footer-btm-btm-info .container{ text-align: center; } .footer-btm-btm-info .container,.footer-btm-btm-info .container a{ color: #8d7e62; font-size: 16px; } .footer-btm-btm-info .container p{ text-align: center; } .footer-btm-btm-info .container p img{ margin: 0 60px; width:30px; } .xs-fix{ display: none; } @media(max-width:1279px){ .xs-fix{display: block;} .footer-btm-top-bg{ height: 300px; } .footer-left{ margin-left: 0; } .footer-right{ margin-right: 0; } .footer-left,.footer-right{ margin-top: 0; } .footer-icon{ height: 51px; width: 51px; } .footer-icon-box ul li img{ margin-left: -34px; } .footer-middle{ width:182px; height: 121px; background-size: cover; } } @media(max-width:768px){ .footer-btm-top-bg{ height: 240px; } .footer-btm-btm-info .container p a{ display: block; } .footer-btm-btm-info .container,.footer-btm-btm-info .container p a{ font-size: 14px; } .footer-btm-btm-info .container p img{ width:10px; } .footer-btm-top-bg:after{ left: 12%; right: 12%; } }