@import url(base.css); /*Top s*/ body{padding-top:0.9rem;} .header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;background-color: #fff;box-shadow:0 0 10px rgba(0,0,0,0.1);} .header .auto-inner{position:static;height: 0.9rem;} .header .logo{position: relative;z-index: 1001;} .header .logo img{height: 0.51rem;} .header .logo .sj{display: none;} .header .website{position: relative;margin-right: 0.3rem;} .header .website aside{line-height: 0.9rem;cursor: pointer;} .header .website aside:after{display: inline-block;vertical-align: middle;content: "";width: 7px;height: 7px;margin-left: 0.1rem;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(135deg);margin-bottom:0.07rem;} .header .website ul{position: absolute;width: max-content;right: 0;top: 120%;background-color: #fff;border-radius: 0.05rem;padding: 0.1rem;box-shadow: 0 0 15px rgba(0,0,0,0.1);pointer-events: none;transition: all 0.5s;opacity: 0;visibility: hidden;} .header .website li a{display: block;padding: 0.065rem;} .header .website li:not(:last-child) a{border-bottom: 1px solid rgba(0,0,0,0.05);} .header .website:hover ul{visibility: visible;pointer-events: auto;opacity: 1;top: 100%;} .top_search .ico{ cursor:pointer;position: relative;z-index: 10;border-radius: 50%;width: 0.35rem;height: 0.35rem;background:#c12128;} .top_search .ico i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-position: center center;background-repeat: no-repeat;background-size: 50%;width: 100%;height: 100%;} .top_search .ico .iconso{background-image: url(../images/soso.svg);} .top_search .ico .iconso:hover{opacity: 0.8;} .top_search .ico .icongb{ display:none;background-image: url(../images/close.svg);} .top_search .ico.on .icongb{ display:block;} .top_search .ico.on .iconso{ display:none;} .top_search .searchbox {display:none;position: absolute;left: 0;top: 100%;width: 100%;background-color: #f5f8fa;padding: 2.604vw;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .top_search .searchbox .inner{max-width: 7rem;margin: 0px auto;position: relative;} .top_search .searchbox input{width: 100%;height: 0.6rem;border-radius: 5px;background-color: #fff;border: 0;padding: 0 0.8rem 0 0.65rem;background: #fff url(../images/soso2.svg) no-repeat 0.2rem center/0.2rem 0.2rem;} .top_search .searchbox input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .top_search .searchbox .btn{position: absolute;right: 0;top: 0;width: 1.06rem;text-align:center;height:0.6rem;line-height:0.6rem;border-radius: 0 5px 5px 0;color: #fff;font-weight: 700;background-color:#c12128;} .top_search .searchbox .btn:hover{opacity: 0.9;} .top_search .searchbox .keyword{padding-top: 0.18rem;color: #666666;} .top_search .searchbox .keyword span{margin: 0 0.15rem 0 0.2rem;} .top_search .searchbox .keyword a:not(:last-child){margin-right: 0.32rem;} .top_search .searchbox .keyword a{color: #666666;} .top_search .searchbox .keyword a:hover{color:#c12128;} .mainNav{padding-right: 0.25rem;} .mainNav li{padding:0 0.22rem;position: relative;} .mainNav span a{ position:relative; z-index:100;display:block;line-height: 0.9rem;transition: all 0.3s;font-weight:bold;} .mainNav span a:after{position: absolute;width: 0;height: 0.03rem;content: "";left: 50%;transform: translateX(-50%);bottom: 0;transition: all .5s;background-color: rgba(var(--orange-color),1);} .mainNav .arr{ display:none;} .mainNav li.active span a,.mainNav li.aon span a{color: #c12128;} .mainNav li:hover span a:after,.mainNav li.active span a:after,.mainNav li.aon span a:after{width: 100%;} .mainNav .sub{background: #fff;} .open-menu{width: 0.4rem;height: 0.4rem;display: none;cursor: pointer; margin-left: 0.2rem;background-color: #c12128;border-radius: 3px;position: relative;z-index: 1001;align-items: center;justify-content: center;} .open-menu span{margin-right: 0.1rem;color: #fff;} .open-menu:hover{opacity: 0.9;} .open-menu i{display: block;width: 0.24rem;background-color: #fff;height: 2px;transition: all 0.5s;} .open-menu i:not(:last-child){margin-bottom: 0.06rem;} .menu-show .open-menu i:nth-child(1) { -webkit-transform: translate(0, 8px) rotate(45deg) !important; -moz-transform: translate(0, 8px) rotate(45deg) !important; -ms-transform: translate(0, 8px) rotate(45deg) !important; -o-transform: translate(0, 8px) rotate(45deg) !important; transform: translate(0, 8px) rotate(45deg) !important;} .menu-show .open-menu i:nth-child(2) { -webkit-transform: translate(0, 0) rotate(-45deg) !important; -moz-transform: translate(0, 0) rotate(-45deg) !important; -ms-transform: translate(0, 0) rotate(-45deg) !important; -o-transform: translate(0, 0) rotate(-45deg) !important; transform: translate(0, 0) rotate(-45deg) !important;} .menu-show .open-menu i:nth-child(3) {width: 0;} /* 头部滑过 */ /*.header.fix, .header.on{background-color: rgba(0,0,0,0.5);}*/ @media (min-width:1025px) { /* 下拉 */ .header .website:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 0.17rem;content: "";background-color: #fff;} /*.mainNav span a{ color: #fff;}*/ .mainNav .sub{position: absolute;left: 50%;transform: translateX(-50%) scale(0.9);top: 100%;opacity: 0;visibility: hidden;z-index: -100; transition: all 0.3s ease-out 0s;pointer-events: none;padding:0;border-radius: 0 0 0.1rem 0.1rem;width: 1.8rem;text-align: center;} .mainNav .sub dl{flex: 1;line-height: 0.32rem;} .mainNav .sub dl dd{font-size:.16rem; padding:0.05rem 0;} .mainNav .sub dl dd:not(:last-child){border-bottom: 1px dashed #ddd;} .mainNav .sub dl dt{margin-bottom: 0.15rem;} .mainNav .active .sub{z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;} } @media(max-width:1024px){ .header .website{padding-left: 0;margin-right: 0.15rem;position: static;} .header .website ul{width: 100%;} .header .logo .pc{display: none;} .header .logo .sj{display: block;} .open-menu{display: flex;} .mainNav{position: fixed;left: 0;top:0.9rem; padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);height: calc(100vh - 0.9rem);background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} .menu-show .mainNav{visibility: visible; opacity: 1; transform: translateX(0);} .mainNav ul{height: 100%; overflow: auto;line-height: 2;} .mainNav li{padding: 0;} .mainNav .sub dd a, .mainNav span a{line-height: 3;padding: 0 0.3rem;border-bottom: 1px solid rgba(0,0,0,0.08);display: block;} .mainNav .sub dd a{font-size: 0.2rem;} .mainNav .sub dd:last-child a{border-bottom: 0;} .mainNav li span{display: block;position: relative;font-size: 0.23rem;line-height: 2;} .wap-dd-op, .wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../images/arr_xjt_gray.svg) no-repeat center center; background-size: 30% auto; top: 0;z-index: 101; transition: 0.3s;} .mainNav .sub dd.wap-active .wap-dd-op, span.on .wap-op{transform: rotate(180deg);} .mainNav .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;} .mainNav .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;font-size: 0.2rem;} .mainNav .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;} .mainNav .sub dd.wap-active dl{display: block;}Nav{position: fixed;right: 0;top: 0.9rem;width: 80%;height: calc(100% - 0.9rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;text-align: center;margin-right: 0;} } @media(max-width:480px){ .header .logo img{height: 0.3rem;} .mainNav{top:0.5rem; height: calc(100vh - 0.5rem);} .header .website aside{line-height: 0.5rem;} .header .auto-inner{height: 0.5rem;width: 95%;} body{padding-top:0.5rem;} } /*Top end*/ /*Bottom s*/ .footer{ position:relative;background: #e5e8e9 url(../images/footerbg.jpg) no-repeat center bottom/cover;z-index: 2;padding: 0.45rem 0;border-top: 2px solid #c12128;} .footer .auto-inner{padding-right: 1.59rem;} .footer .auto{width: 100%;} .footer .blank{position: absolute;left: 0;top: -100vh;height: 100vh;z-index: -2;width: 100%;visibility: hidden;} .footer .logo{padding: 0.05rem 0 0.18rem 0;} .footer .logo img{height: 0.45rem;} .footer .contact dd:not(:last-child){margin-bottom: 0.05rem;} .footer .contact dd span:not(:last-child){margin-right: 0.14rem;display: inline-block;} .footer .nav{padding-bottom: 0.15rem;border-bottom: 1px solid #dddddd;} .footer .nav a:not(:last-child){margin-right: 0.58rem;position: relative;} .footer .fllowus{position: absolute;top: 0.04rem;right: 0;text-align: center;} .footer .fllowus img{width: 1rem;height: 1rem;padding: 0.07rem;margin: 0px auto 0.17rem;background-color: #fff;box-shadow: 0 3px 5px rgba(168,3,3,0.12);display: block;} .totop{position: fixed;right: 0.15rem;bottom: 0;cursor: pointer;z-index: 100;visibility: hidden; opacity: 0;cursor:pointer;} .totop em{display: none;} .totop:after{background: #e9161d url(../images/top.svg) no-repeat center center/0.2rem;width: 0.45rem;height: 0.45rem;content: "";display: inline-block;vertical-align: middle;border-radius: 0.05rem;transition: all 0.5s;} .totop.cd-is-visible {visibility: visible;opacity: 1;bottom: 5%;} .totop:hover{opacity: 0.9 !important;} .totop.fix{position: absolute;bottom:auto;top: -0.25rem;} .totop.fix em{display: inline-block;vertical-align: middle;margin-right: 8px;} .fixNav{width: 0.8rem;top: 50%;transform: translateY(-50%);right: -50%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: fixed;z-index: 100;text-align: center;font-size: 0.14rem;transition: all 0.8s;visibility: hidden;opacity: 0;} .fixNav.show{right: 0.08rem;visibility: visible;opacity: 1;} .fixNav .item:first-child .btn{border-top: 0;border-radius: 6px 6px 0 0;} .fixNav .item{position: relative;} .fixNav .item .btn{color: #999;cursor: pointer;background-color: rgba(255,255,255,0.9);position: relative;z-index: 10;border-top: rgba(204,204,204,0.2) 1px solid;height: 0.79rem;} .fixNav .item figure{width: 0.3rem;height: 0.3rem;} .fixNav .item:hover .btn{background-color: rgba(var(--main-color),1);color: #fff;} .fixNav .item:last-child .btn{border-radius: 0 0 6px 6px;} .fixNav .item .ewm {width: 1.6rem;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 0.1rem;position: absolute;pointer-events: none;transition: all 0.5s;visibility: hidden;right: 50%;opacity: 0;top: 0;z-index: -1;min-height: 0.79rem;} .fixNav .item:hover .ewm {pointer-events:auto;right: 105%;opacity: 1;visibility: visible;z-index: 10;} .fixNav .item .ewm img{width: 100%;display: block;margin-bottom: 0.05rem;} .fixNav .item:nth-child(4) .ewm{font-size: 0.2rem;width: 2rem;} @media(max-width:1024px){ .fixNav{left: auto !important;right: 0.05rem !important;width: 0.58rem;display: none;} .fixNav .item .btn{padding: 0.1rem 0.05rem;} .fixNav .item .ewm{left: auto;right: 50%;} .fixNav .item:hover .ewm{left: auto;right: 105%;} .fixNav .item.totop p{display: none;} } @media(max-width:768px){ .footer{padding: 0.3rem 0;} .footer .auto-inner{padding-right: 0;} .footer .fllowus{position: static;} .footer .nav, .footer .logo {display: none;} } /*Bottom end*/ /* button s*/ .moreBtn{display: inline-block;text-align: center;min-width: 2.6rem;padding: 0 0.15rem;line-height: 0.6rem;color: #fff;border-radius: 1.406vw 0 1.406vw 0;background-color: #c12128;} .moreBtn:after{margin-left: 1.51vw;width: 0.2rem;height: 0.2rem;background: url(../images/more.png) no-repeat center center/contain;content: "";display: inline-block;vertical-align: middle;transition: all 0.5s;} .moreBtn:hover{opacity: 0.8;} .moreBtn:hover:After{transform: translateX(-0.521vw);} @media(max-width:768px){ .moreBtn{min-width: 1.4rem;line-height: 0.4rem;} } /* button end*/ /* 首页 s*/ .home-content{background-color: #fff;position: relative;z-index: 1;margin-top: 6rem;} .home-content.showdiv {top: 0;} .titHead{margin-bottom: 0.17rem;width: 100%;background-color: #f9f9f9;} .titHead h2{line-height: 0.52rem;color: #fff;font-size: 0.26rem;padding: 0 0.59rem 0 0.19rem;background: url(../images/titbg.png) no-repeat right center/cover;} .titHead .more{margin-right: 0.09rem;padding-right: 0.2rem;color: #999999;background: url(../images/arr_more_gray.svg) no-repeat right center/11px 10px;transition: all 0.5s;} .titHead .more:hover{color:#c12128;} .titHead .more:hover{background-image: url(../images/arr_more_red.svg);padding-right: 0.15rem;} /* home-ban */ .home-ban{background-color: #fff;z-index: 1;position: fixed;left: 0;top: 0.9rem;width: 100%;height: 6rem;overflow: hidden;transition: all 0.5s;} .home-ban .auto-inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 0.24rem;padding-top: 0;} .home-ban .auto-inner img{height: 1.47rem;} .home-ban .ispic{padding-top: 6rem;background-color: #fff;} .home-ban .wap{display: none;} .home-ban .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;} .home-ban h2{font-size: 0.56rem;} .home-ban h3{font-size: 0.34rem;} .home-ban .video-inner{padding-top: 100vh;} .home-ban .video-inner video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;object-fit: cover;} /*.home-ban .swiper-slide-active .ispic{animation:fadeInscale 7s .4s ease both;-webkit-animation:fadeInscale 7s .4s ease both;-moz-animation:fadeInscale 7s .4s ease both;}*/ .home-ban .swiper-slide-active .auto-inner h2 {animation:fadeInUpSmall 0.5s 0.5s ease both;-webkit-animation:fadeInUpSmall 0.5s 0.5s ease both;-moz-animation:fadeInUpSmall 0.5s 0.5s ease both;} .home-ban .swiper-slide-active .auto-inner h3 {animation:fadeInUpSmall 0.6s 0.7s ease both;-webkit-animation:fadeInUpSmall 0.6s 0.7s ease both;-moz-animation:fadeInUpSmall 0.6s 0.7s ease both;} .home-ban .swiper-button-prev,.home-ban .swiper-button-next{transition: all 0.5s;} .home-ban .swiper-button-prev{left: -1rem;} .home-ban .swiper-button-next{right: -1rem;} .home-ban .swiper-pagination-bullet{background-color: #fff;position: relative;margin: 0 0.07rem !important;} .home-ban .swiper-pagination-bullet:After{width: 0;} .home-ban .swiper-pagination-bullet-active:after{animation-name: width100; animation-duration: 6000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms} .home-ban .controls-page {width: 100%;left: 0;bottom: 0.3rem;z-index: 10;text-align: center;position: absolute;} .home-ban:hover .swiper-button-prev{left: 2%;} .home-ban:hover .swiper-button-next{right: 2%;} .home-ban .swiper-pagination{bottom: 0.25rem;} .home-ban .swiper-slide.on .auto-inner{bottom: auto;top: 35%;text-align: center;} @media(max-width:1024px){ .home-ban .pc{display: none;} .home-ban .wap{display: block;} .home-ban .arrow{display: none !important;} } @media(max-width:768px){ .titHead h2{font-size: 0.22rem;line-height: 0.4rem;} .home-ban h2{font-size: 0.28rem;} .home-ban h3{font-size: 0.2rem;} } @media(max-width:480px){ .home-ban{top:0.5rem;} } /* home-content */ .page{padding: 0.6rem 0;} .weather{background-color: #f9f9f9;padding: 0.15rem 0;margin-bottom: -0.1rem;} .weather .daytime{background: url(../images/ico_date.svg) no-repeat 0 center/0.17rem 0.17rem;padding-left: 0.27rem;} .weather .searchbox input{width: 2.2rem;height: 0.4rem;border-radius:0.4rem 0 0 0.4rem;border: 0;padding: 0 0.2rem;} .weather .searchbox input:focus{box-shadow: 0 0 10px rgba(0,0,0,.1);} .weather .searchbox .btn{width: 0.8rem;height: 0.4rem;border-radius: 0 0.4rem 0.4rem 0; background:#c12128;color: #fff;cursor: pointer;} .weather .searchbox .btn:hover{opacity: 0.8;} .weather .searchbox .btn:after{width: 14px;height: 14px;background: url(../images/soso.svg) no-repeat center center/contain;margin-left: 0.08rem;content: "";} .home-news{background: url(../images/homenews_bg.jpg) no-repeat center bottom/cover;padding-top:0.3rem;} .home-news .topNews{margin-bottom: 0.3rem;background: url(../images/topnewbg.png) no-repeat center center/100% 100%;padding: 0.45rem 2.1rem;position: relative;width: 100%;} .home-news .topNews .thead{position: absolute;left: 0.3rem;width: 0.86rem;} .home-news .topNews .tit{font-weight: 700;font-size: 0.38rem;margin-bottom: 0.11rem;text-align: center;color: #c12128;} .home-news .topNews:hover .tit{color: #9a0200;} .home-news .topNews .newsico{justify-content: center;} .home-news .topNews .swiper-pagination{width: 0.46rem;left: auto;right: 0;height: 100%;bottom: 0;} .home-news .topNews .swiper-pagination-bullet{margin: 0.05rem 0 !important;width: 6px !important;height: 6px !important;background-color: #d8d3d3;} .home-news .focusNews{width: 37.5%;margin: 0;} .home-news .focusNews .ispic{padding-top: 72.5%;} .home-news .focusNews .ispic:before{height: 0.5rem;left: 0;bottom: 0;width: 100%;content: "";position: absolute;z-index: 1;background-color: rgba(0,0,0,0.4);} .home-news .focusNews .tit{line-height: 0.5rem;position: absolute;left: 0.28rem;bottom: 0;z-index: 2;width: 70%;color: #fff;} .home-news .focusNews:hover .tit{color: #ffcc00;} .home-news .focusNews .swiper-pagination{left: auto;right: 0;width: 1.45rem;bottom: 0.14rem;} .home-news .focusNews .swiper-button-prev{left: -1rem;} .home-news .focusNews .swiper-button-next{right: -1rem;} .home-news .focusNews:hover .swiper-button-prev{left: 3%;} .home-news .focusNews:hover .swiper-button-next{right: 3%;} .home-news .qyNews{width: 32.5%;} .home-news .qyNews .listWz .li{height: 0.38rem;line-height: 0.38rem;} .home-news .notice{width: 25%;} .listWz .top{border-bottom: 1px dashed #e7e4e4;padding-bottom: 0.24rem;margin-bottom: 0.19rem;} .listWz .top .title{margin: 0.04rem 0 0.05rem;line-height: 0.37rem;color:#c12128;} .listWz .top .news-desc{line-height: 1.75;} .listWz .top:hover .title{color: #9a0200;} .listWz .li{height: 0.41rem;line-height: 0.41rem;overflow: hidden;} .listWz .li .tit{padding-left: 0.13rem;position: relative;transition: all 0.5s;} .listWz .li .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-color: #c12128;width: 0.04rem;height: 0.04rem;content: "";} .listWz .date{font-size: 0.14rem;color: #999999;padding-left: 0.2rem;} .listWz .li:hover .tit{padding-left: 0.09rem;} .home-pro{background: url(../images/homepro_bg.jpg) no-repeat center center/cover;} .home-pro .titHead {margin-bottom: 0.3rem;} .home-pro .txt{line-height: 1.75;} .home-pro .ispic{border-radius: 0.1rem;padding-top: 83%;} .home-pro .tit{margin: 0.23rem 0 0.09rem;} .home-pro .tit span{position: relative;z-index: 1;} .home-pro .tit span:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.05rem;content: "";background-color: #f6d3d4;z-index: -1;transition: all 0.5s;} .home-pro .swiper-slide:hover .tit span:after{opacity: 0.4;height: calc(100% - 0.02rem);} .home-pro .state{margin-top: 0.5rem;height: 0.52rem;position: relative;} .home-pro .state .swiper-info{position: relative;z-index: 10;top: -0.15rem;padding-left: 3.646vw;} .home-pro .state .current{color: #c12128;font-size: 0.24rem;} .home-pro .state .arrow{background-color: transparent;border: 1px solid #c12128;top: auto;transform: translateY(0);bottom: 0;} .home-pro .state .swiper-button-prev{left: auto;right: 0.62rem;background-image: url(../images/arr_l_red.svg);} .home-pro .state .swiper-button-next{right: 0;background-image: url(../images/arr_r_red.svg);} .home-pro .swiper-scrollbar{height: 3px;background-color: #e6e6e6;position: absolute;top: 50%;transform: translateY(-50%);width: calc(100% - 1.34rem);} .home-col{background: url(../images/homecol_bg.jpg) no-repeat 0 bottom/cover;} .home-col .col{width: 34.37%;} .home-col .col{width: 34.37%;} .home-col .col .listWz .li{height: 0.39rem;line-height: 0.39rem;} .home-col .fast{width: 25%;} .home-col .fast li:not(:last-child){margin-bottom: 0.3rem;} .home-col .fast a{border-radius: 0.1rem;overflow: hidden;position: relative;color: #fff;display: block;} .home-col .fast .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.25);z-index: 1;font-size: 0.38rem;font-weight: 700;} .home-col .fast .info img{width: 0.45rem;margin-right: 0.19rem;} .home-col .fast .ispic{padding-top: 55%;} @media(max-width:1024px){ .weather{display: none;} .home-news .focusNews{width: 100%;} .home-news .qyNews{width: 100%;margin: 0.25rem 0;} .home-news .notice{width: 100%;} .home-col .col{width: 100%;margin-bottom: 0.25rem;} .home-col .fast{width: 100%;display: flex;justify-content: space-between;} .home-col .fast li{width: 49%;margin-bottom: 0 !important;} } @media(max-width:768px){ .page{padding: 0.4rem 0;} .home-news .topNews{padding: 0.25rem 0.3rem;} .home-news .topNews .thead{left: -0.1rem;top: -0.22rem;width: 0.55rem;} .home-news .topNews .tit{font-size: 0.24rem;} .home-pro .state{height: 0.4rem;} .home-col .fast .info{font-size: 0.22rem;} .home-col .fast .info img{width: 0.35rem;} } /* 首页 end*/ /*common s*/ .subPage{position: relative;background: #ffffff;z-index: 1;height: auto !important;height: 4rem;min-height: 4rem;clear: both;padding: 5.208vw 0;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;} .pt60{padding-top: 0.6rem;} .pageBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;} .pageBan .auto-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center;} .pageBan h1{font-size: 0.46rem;font-weight: 700;color: #fff;position: relative;z-index: 1;} .pageBan h1:After{position:absolute;left:50%;bottom:0;width: 2.67rem;height: 0.51rem;content: "";z-index: -1;background: url(../images/ban_h1_bg.svg) no-repeat center center/contain;transform: translateX(-50%);} .pageBan .ispic{overflow: hidden;position: relative;height: 6rem;} .pageBan .ispic img{width: 100%;transform: scale(1.1);transition: all 5s;object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;} .pageBan.on .ispic img{transform: scale(1) !important;} .pageBan:hover:before{opacity: 0.85;} .colName{display: none;background-color:#c12128;border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.4;margin-bottom: 0.1rem;} .colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/arr_xjt_white.svg) no-repeat center center/0.16rem 0.15rem;height: 100%;width: 20px;transition: all 0.3s;} .colName.on:after{transform: translateY(-50%) rotate(-180deg);} .subMenu{border-bottom: 1px solid #f2f2f2;margin-bottom: 4.688vw;} .subMenu li{position: relative;overflow: hidden;} .subMenu li:not(:last-child){margin-right: 3.75vw;} .subMenu li span{display: block;position: relative;} .subMenu li span a{color: #555555;display: block;line-height: 0.89rem;} .subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:0;height: 0.02rem;content: "";background: #c12128; transition: all 0.5s;} .subMenu li.onli a,.subMenu li:hover a{color: #c12128;} .subMenu li.onli:before,.subMenu li:hover:before{width: 100%;} .place{color: #999999;text-align: right;} .place:before{width: 16px;height: 16px;content: "";background: url(../images/ico_home.png) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: -3px 0.07rem 0 0;} .place a{color: #999999;margin-right: 0.22rem;position: relative;display:inline-block}.place a:hover{color: #c12128;} .place span{ color: #c12128;display: inline-block;} .place a:after{position: absolute;width: 0.2rem;right: -0.2rem;top: 43%;height:100%;content: " / ";text-align: center;transform: translateY(-50%);} .singlePage{ word-wrap:break-word;word-break:normal;text-align:justify;position: relative;line-height: 2;} .singlePage p *{text-wrap:none !important; white-space: pre-wrap !important; } .singlePage p {text-indent: 2em;} .singlePage h2{font-size: 0.18rem;font-weight: 700;} .singlePage table{width: 100%;border-collapse: collapse;border: 1px solid #ddd;} .singlePage table thead th{background-color: #c12128;padding: 1.042vw;} .singlePage table thead th:first-child{border-radius: 0.2rem 0 0 0.2rem;} .singlePage table th:not(:last-child), .singlePage table td:not(:last-child){border-right: 1px solid #eee;} .singlePage table td{padding: 0.625vw 1.042vw;font-weight: 500;} .singlePage table tr:nth-child(even) td{background-color: #f5f4f4;} .singlePage table tr:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} @media(max-width:1024px){ .pageBan .ispic{height: auto;} .pageBan .ispic img{position: static;} } @media(max-width:768px){ .subPage{padding: 0.4rem 0;} .pageBan .auto-inner{display: none;} .singlePage .tc img{width: 100% !important;height: auto !important;} /* 二级菜单 */ .subMenu{padding: 0.2rem 0;} .subMenu .colName{display: block;} .subMenu ul{margin-bottom: 0.15rem;display: none;} .subMenu li{margin-right: 0 !important;} .subMenu li span a{line-height: 2.5;border:0;border-bottom: 1px solid #eee;text-align: left;border-radius: 0;padding-left: 0.2rem;} .subMenu li span a:before{position: absolute;left: 0;top: 0.24rem;width: 0.06rem;height: 1px;background-color: #c12128;content: "";} .subMenu li.onli a, .subMenu li:hover a{color: #c12128;} .subMenu li.onli:before, .subMenu li:hover:before{display: none;} } /*common end*/ /*pages*/ .Pages .Pages{padding: 0;} .Pages{ padding:0.2rem 0 0; line-height:0.65rem; zoom:1; overflow:hidden;text-align: center;} .Pages span{ padding:0px 0.05rem; display:inline-block;} .Pages a{ display:inline-block; margin:0px 0.05rem;width: 0.65rem;height: 0.65rem;vertical-align: middle;border: 1px solid #f3f3f3;border-radius: 50%;font-weight: 500;} .Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display: none;} .Pages .p_page em a.a_cur,.Pages .p_page em a:hover{ color:#fff; border-color: #fff;background: #c12128;} .Pages .p_page b{ font-weight:normal;} .Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;} .Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none;} .Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{font-size: 0;position: relative;background-color: #f8f9fb;border: 0;} .Pages .a_first:After,.Pages .a_prev:After,.Pages .a_next:After,.Pages .a_end:After{left:0;top:0;width:100%;height:100%;background-position: center center;background-repeat: no-repeat;background-size: 0.18rem 0.12rem;position: absolute;content: "";} .Pages .a_prev:hover,.Pages .a_prev:hover,.Pages .a_next:hover,.Pages .a_end:hover{background: #c12128;} .Pages .a_prev:After{background-image: url(../images/page/prev.svg);} .Pages .a_prev:hover:After{background-image: url(../images/page/prev-on.svg) !important;border-color: #c12128;} .Pages .a_next:After{background-image: url(../images/page/next.svg);} .Pages .a_next:hover:After{background-image: url(../images/page/next-on.svg) !important;border-color: #c12128;} @media ( max-width:480px){ .Pages a{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;} } /*pages end*/ /* 关于我们 */ .about-info .ispic{width: 100%;margin-top: 5.729vw;} .about-info .numList .item{width: 50%;padding-top: 1.979vw;} .about-info .numList .title{font-size: 0.48rem;padding-bottom: 3.5vw;color: #000000;} .about-info .numList .num {height: 0.76rem;line-height: 0.76rem;} .about-info .numList .num span{font-size: 0.6rem;font-family: "BarlowB";color: #c12128;margin-right: 0.15rem;vertical-align: top;} .about-info .numList .num sup{position: relative;top: -0.1rem;} .about-history{padding-top: 0.62rem;} .about-history:before{left: 50%;transform: translateX(-50%);top: 0;content: "";position: absolute;width: 0.19rem;height: 0.29rem;background: url(../images/history_ico.svg) no-repeat center center/contain;} .about-history:after{left: 50%;transform: translateX(-50%);top: 0.29rem;height: calc(100% - 0.29rem);position: absolute;content: "";background-color: #e6e9f1;width: 0.07rem;} .about-history .item{padding: 0 3.646vw 0.5rem 5.521vw;position: relative;z-index: 10;} .about-history .item .title{position: relative;font-size: 0.32rem;margin-bottom: 0.13rem;z-index: 2;} .about-history .item .title span{position: absolute;width: 4.427vw;top: 50%;border-bottom: 1px dashed #c12128;left: -5.1vw;} .about-history .item .title span:before{position: absolute;width: 0.16rem;height: 0.16rem;content: "";left: -0.16rem;top: 50%;transform: translateY(-50%);border: 0.06rem solid #c12128;border-radius: 50%;} .about-history .item .desc{margin-bottom: 1.563vw;text-align: left;position: relative;} .about-history .item .desc .more{color: #c12128;cursor: pointer;position: absolute;bottom: 0;right: 0;background-color: #fff;padding-left: 3px;} .showMorehandle{clear: both;text-align: center;background-color: #fff;position: relative;z-index: 2;padding-top: 0.5rem;cursor: pointer;width: 3rem;margin: 0px auto;} .showMorehandle:before{display: block;margin: 0px auto 0.08rem;width: 0.32rem;height: 0.32rem;content: "";background: url(../images/loading.gif) no-repeat center center/contain;} .showMorehandle.no:before{display: none;} @media(min-width:1025px){ .about-info .numList{width: 33.75%;} .about-info .singlePage{width: 58.43%;} } @media(min-width:769px){ .about-history .item{width: 50%;float: right;} .about-history .item .ispic{width: 4.5rem;} .about-history .item:nth-child(2n+2){clear: both;float: left;text-align: right;margin-top: -13%;} .about-history .item:nth-child(2n+2){padding: 0 5.521vw 0 3.646vw;} .about-history .item:nth-child(2n+2) .title span{left: auto;right: -5.1vw;} .about-history .item:nth-child(2n+2) .title span:before{left: auto;right: -0.16rem;} .about-history .item:nth-child(2n+2) .ispic{float: right;} } @media(max-width:1024px){ .about-info .numList{padding-bottom: 0.25rem;} .about-info .numList .title br{display: contents;} } @media(max-width:768px){ .about-info .numList .title{font-size: 0.28rem;} .about-info .numList .num{height: 0.5rem;line-height: 0.5rem;} .about-info .numList .num span{font-size: 0.4rem;} .about-history:before{left: -0.05rem;} .about-history:after{left: -0.05rem;} .about-history .item .title{font-size: 0.24rem;} } /* 新闻中心 */ .news-rec{margin-bottom: 6.25vw;} .news-rec .ispic{padding-top: 26.563vw;width: 50%;border-radius: 3.021vw 0 0 0;} .news-rec .info{width: 50%;padding: 3.125vw;background-color: #f8f9fb;border-radius: 0 0 3.021vw 0;} .news-rec .tit{font-weight: 500;margin: 2.656vw 0 1.302vw;} .news-rec .desc{line-height:1.77;color: #333;margin: 0 0 3.75vw;} .news-rec .swiper-pagination{left: auto;width: 50%;text-align: right;right: 3.125vw;bottom: 4.51vw;} .news-rec .swiper-pagination-bullet{background-color: #c6c7c9;} .news-rec .swiper-pagination-bullet-active{background-color: rgba(var(--orange2-color));} .news-rec .swiper-button-prev{left: -1rem;} .news-rec .swiper-button-next{right: -1rem;} .news-rec:hover .swiper-button-prev{left: 2%;} .news-rec:hover .swiper-button-next{right: 2%;} .news-list .item{position: relative;padding-bottom: 3.125vw;margin-bottom: 3.125vw;border-bottom: 1px solid #ebebeb;} .news-list .date{width: 1.36rem;border-right: 1px solid #e0e0e0;position: relative;margin-right: 3.125vw;} .news-list .date:after{position: absolute;right: -1px;top: 0;height: 0;transition: all 0.5s;content: "";background-color: #c12128;z-index: 1;width: 1px;} .news-list .date b{display: block;font-size: 0.5rem;color: #333333;} .news-list .info{padding: 0.99vw 0;} .news-list .desc{line-height: 1.77;margin: 1.042vw 0 2.604vw;} .news-list .ispic{width: 24%;padding-top: 13.333vw;border-radius: 0.1rem;margin-left: 3.125vw;} .news-list .detail:after{width: 0.21rem;height: 0.21rem;content: "";background: url(../images/more2.png) no-repeat center center/contain;display: inline-block;vertical-align: middle;margin: 0 0 0 0.833vw;transition: all 0.5s;} .news-list .item:hover .date:after{height: 100%;} .news-list .item:hover .detail:after{transform: rotate(45deg);} .news-list.notice .detail{text-align: right;width: 16.75%;padding-top: 0.25rem;} .news-list.notice .desc{margin-bottom: 0;} .news-pro{padding-bottom: 1.042vw;} .news-pro .item{width: 48.125%;margin-bottom: 2.188vw;} .news-pro .item a{border-radius: 0.1rem;background-color: #f8f9fb;padding: 1.823vw;} .news-pro .tit{line-height: 1.33;height: 2.66em;} .news-pro .date{width: 1.52rem;border-left: 1px solid #e0e0e0;position: relative;padding-left: 0.32rem;text-align: center;margin-left: 3.385vw;} .news-pro .date:before{position: absolute;left: -1px;top: 50%;height: 1.6rem;transition: all 0.5s;content: "";background-color: #e0e0e0;z-index: 1;width: 1px;transform: translateY(-50%);} .news-pro .date:after{position: absolute;left: -1px;top: 50%;height: 0;transition: all 0.5s;content: "";background-color: #c12128;z-index: 1;width: 1px;transform: translateY(-50%);} .news-pro .date b{display: block;font-size: 0.5rem;color: #333333;} .news-pro .desc{margin-top: 1.146vw;line-height: 1.77;height: 3.54em;overflow: hidden;} .news-pro .item:hover .date:after{height: 1.6rem;} .title-info{text-align: center;padding-bottom: 0.21rem;margin-bottom: 2.604vw;border-bottom: 2px solid #f6f6f6;} .title-info .title{font-size: 0.24rem;font-weight: 500;margin-bottom: 0.19rem;} .title-info .other time{margin-right: 1.51vw;background: url(../images/ico_date2.png) no-repeat 0 center;padding-left: 22px;} .title-info .other span{display: inline-block;margin-right: 1.51vw;} .title-info .other span:last-child{margin-right: 0;} .PrevNextInfo{padding: 2.292vw 0;border-top: 2px solid #f7f7f7;border-bottom: 2px solid #f7f7f7;margin: 5.729vw 0 2.76vw;position: relative;} .PrevNextInfo dl{width: 45%;} .PrevNextInfo dl dt{color: #999;padding-right: 5px;} .back{width: 1.3rem;margin: 0px auto; text-align: center;line-height: 0.45rem;color: #c12128;border-radius: 0.45rem;border: 1px solid #c12128;display: block;} .back:After{margin: -0.156vw 0 0 0.1rem;width: 0.16rem;height: 0.14rem;background: url(../images/arr_r_red.svg) no-repeat center center/contain;display: inline-block;content: "";transition: all 0.5s;vertical-align: middle;} .back:hover{opacity: 0.8;} .back:hover:After{transform: translateX(0.1rem);} .newsInfo .singlePage img{max-width: 10rem;} @media(min-width:769px){ .PrevNextInfo dl+dl{text-align: right;} .PrevNextInfo dl+dl dt{display: inline-block;vertical-align: middle;} .PrevNextInfo dl+dl dd{max-width: 80%;display: inline-block;vertical-align: middle;} } @media(max-width:768px){ .news-rec .ispic{padding-top: 64%;width: 100%;} .news-rec .info{width: 100%;padding: 0.25rem;} .news-list .date{width: 0.85rem;} .news-list .date b{font-size: 0.3rem;} .news-list .ispic{width: 100%;padding-top: 58%;margin-top: 0.15rem;} .news-list.notice .detail{display: none;} .news-pro .item{width: 100%;} .news-pro .date:before{height: 1rem;} .news-pro .date{width: 1.12rem;padding-left: 0;} .news-pro .item a{padding: 0.18rem;} .news-pro .date b{font-size: 0.4rem;} .PrevNextInfo dl{width: 100%;display: flex;} .PrevNextInfo dl:not(:last-child){margin-bottom: 0.1rem;} } /* 产品与服务 */ .right-content{width: 71.625%;} .subTit{border-bottom: 1px solid #f2f2f2;margin-bottom: 2.813vw;} .subTit h2{line-height: 0.74rem;position: relative;color: #c12128;} .subTit h2:After{position: absolute;left: 0;bottom: -1px;width: 100%;height: 2px;content: "";background-color:#c12128;} .proMenu{width: 22.5%;} .proMenu h2{color: #fff;padding: 1.146vw 0.3rem;border-radius: 0.1rem;background:#c12128 url(../images/ico_fl.png) no-repeat right 0.18rem center/0.3rem 0.32rem;font-weight: 500;} .proMenu li a{display: block;padding: 1.25vw 0.3rem 1.25vw 1.563vw;border-bottom: 2px solid #f0f4fa;position: relative;} .proMenu li a:after{position: absolute;right: 1.458vw;top: 50%;transform: translateY(-50%);width: 8px;height: 12px;background: url(../images/arr_r_gray.svg) no-repeat center center/contain;content: "";} .proMenu li.onli a{color: #c12128;} .proMenu li.onli a:after{background-image: url(../images/arr_r_red.svg);} .pro-list{margin-left: -0.23rem;padding-bottom: 1.042vw;} .pro-list .item{width: 33.333%;padding: 0 0 0.23rem 0.23rem;} .pro-list a{display: block;overflow: hidden;border-radius: 0.1rem;box-shadow:0 0.15rem 0.36rem rgba(56,56,56,0.17);} .pro-list .ispic{padding-top: 74%;} .pro-list .info{padding: 0.24rem;text-align: center;} .pro-list .tit{height: 3em;} @media(max-width:768px){ .proMenu{width: 100%;} .proMenu ul{display: none;} .subTit{padding: 0.1rem 0;} .subTit h2{font-size: 0.2rem;margin-bottom: 0.2rem;line-height: 0.45rem;} .right-content{width: 100%;} .pro-list .item{width: 100%;} .pro-list .info{padding: 0.15rem;} } /* 资讯中心 */ .notice-rec{margin-bottom: 5.208vw;} .notice-rec .ispic{padding-top: 65.9%;border-radius: 0.1rem 0.1rem 0 0;} .notice-rec .info{background-color: #f8f9fb;padding: 0.33rem;background-color: #f8f9fb;} .notice-rec .tit{margin: 1.406vw 0 0.781vw;color: #1a1a1a;} .notice-rec a{display: block;} .notice-rec a:hover .tit{color: #c12128;} .notice-rec .desc{line-height: 1.77;} .notice-rec .swiper-pagination{position:static;margin-top: 1.823vw;} .notice-rec .swiper-pagination-bullet{background-color: #cccccc;} .notice-rec .arrow{transform: translateY(0);top: 25%;} @media(max-width:640px){ .notice-rec .info{padding: 0.15rem;} } /* 联系我们 */ .contact-us{margin-bottom: 2.604vw;} .contact-us .title{margin-bottom: 0.2rem;} .contact-us .info{flex: 1;margin-left: 0.4rem;padding-left: 0.4rem;position: relative;} .contact-us .info:before{position: absolute;left: 0;top: 0.08rem;height: calc(100% - 0.16rem);width: 1px;content: "";background-color: #e6e6e6;} .contact-us .info p:not(:last-child){margin-bottom: 0.2rem;} #map{height: 6.45rem;}