@charset "utf-8"; /* =====================内页样式======================== */ /* 分页 */ .paging{width: 100%;font-size: 0;text-align: center;user-select: none;} .paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;} .paging-menu a{width: 50px;height: 50px;line-height: 50px;border: 1px solid #e1e1e1;margin: 6px;font-size: 14px;color: #555;transition: all .6s ease;border-radius: 5px;background-color: #fff;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #ce1313;background-color: #ce1313;color: #fff;} .paging-skip{margin-left: 8px;} .paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;} .paging-hint:first-of-type{margin: 0;} .paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .6s ease;} .paging-skip input:focus{border-color: #ce1313;} .paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .6s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;} .paging-skip button:hover{background-color: #ce1313;color: #fff;border-color: #ce1313;} .paging-hint span{color: #ce1313;} .paging-menu a span{font-size: 12px;} .paging-menu a:last-child span{transform: rotate(180deg);display: block;} @media all and (max-width:1000px) { .paging-skip{width: 100%;margin-left: 0;} .paging-menu a:first-child, .paging-menu a:last-child{width: 40px;} .paging-menu a {width: 40px;height: 40px;line-height: 40px;} } /* 搜索页面 */ .search{width: 100%;} .search-result{font-size: 14px;color: #ce1313;line-height: 1.1;} .search-result span{margin-left: 6px;} .search-info{width: 100%;line-height: 1.1;color: #333;} .search-info span{color: #ce1313;font-weight: 700;flex: 1;} .search-list{width: 100%;} .search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;} .search-link:not(:first-child){margin-top: 16px;} .search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .6s ease;} .search-link p{width: 100%;color: #666;} .search-link .highlightRow span{color: #ce1313 !important;} .search-link:hover h2{color: #ce1313;} @media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}} /* 隐私协议 */ .privacy{width: 100%;} .privacy-title{width: 100%;color: #333;line-height: 1.1;} .privacy-content{width: 100%;color: #666;} /* 网站地图 */ .webmap{width: 100%;} .webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;} .webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #ce1313;} .webmap-list{width: 100%;} .webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;} .webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;} .webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;} .webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;} .webmap-list>ul>li a:hover{color: #ce1313;} .webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;} .webmap-list>ul>li>.drop{margin-top: 16px;} .webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;} .webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;} .webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;} @media all and (max-width:1270px) { .webmap-list>ul{margin: -24px 0 0 -24px;} .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;} .webmap-list>ul>li>.menu {font-size: 18px;} .webmap-list>ul>li>.drop a {font-size: 16px;} .webmap-list>ul>li>.drop .drop a{font-size: 14px;} .webmap-list>ul>li>.drop .drop a::before{top: 11px;} } @media all and (max-width: 680px) { .webmap-title {padding-bottom: 16px;} .webmap-title::after {width: 44px;height: 3px;} .webmap-list>ul{margin: -14px 0 0;} .webmap-list>ul>li{width: 100%;margin: 14px 0 0;} .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;} .webmap-list>ul>li>.drop{margin-top: 10px;} .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;} .webmap-list>ul>li>.drop .drop a{padding-left: 12px;} } /* */ .CommonBanner > img{width: 100%;animation: CommonBannerTitle 6s ease-in-out both;transform: scale(1.2);} @keyframes CommonBannerTitle {0%{transform: scale(1.2);}100%{transform: scale(1);}} .CommonBanner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;animation: CommonBanner .8s ease-out both;} @keyframes CommonBanner {0%{transform: translateX(240px);opacity: 0;}100%{transform: translateX(0px);opacity: 1;}} .newslb-muen{width: 100%;justify-content: center;border-bottom: 1px solid #f3f3f3;} .newslb-muen a{margin: 0px 25px;padding-bottom: 10px;position: relative;} .newslb-muen a.active{color: #ce1313;} .newslb-muen a:hover{color: #ce1313;} .newslb-muen a::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);height: 1px;background-color: #ce1313;width: 0%;transition: all .6s ease;} .newslb-muen a.active::before{width: 100%;} .newslb-muen a:hover::before{width: 100%;} .newslb-list{} .newslb-list .list-muen a{padding: 30px 0px;} .newslb-list .list-muen .img{width: 410px;border-radius: 10px;overflow: hidden;} .newslb-list .list-muen .img img{width: 100%;height: 100%;transition: all .6s ease;} .newslb-list .list-muen:hover .img img{transform: scale(1.04);} .newslb-list .list-muen .cont{width: calc(100% - 410px);padding-left: 60px;display: flex;flex-direction: column;justify-content: center;transition: all .6s ease;position: relative;} .newslb-list .list-muen .cont::before{content: "";position: absolute;left: 60px;top: 50%;height: 1px;background-color: #ce1313;width: 0px;transition: all .6s ease;} .newslb-list .list-muen .cont .data{display: flex;align-items: center;} .newslb-list .list-muen .cont .data img{margin-right: 10px;} .newslb-list .list-muen .cont .btn{display: flex;align-items: center;color: #003399;transition: all .4s ease;} .newslb-list .list-muen:hover .cont .btn{color: #ce1313;} .newslb-list .list-muen .cont .btn span{font-size: 8px;transform: rotate(180deg);display: block;width: fit-content;margin-left: 10px;} .newslb-list .list-muen .cont .btn span i{font-size: 12px;} .newslb-list .list-muen:hover .cont{padding-left: 140px;} .newslb-list .list-muen .cont .title{transition: all .6s ease;} .newslb-list .list-muen:hover .cont .title{color: #ce1313;} .newslb-list .list-muen:hover .cont::before{width: 50px;} .newslb-list .list-muen{border-bottom: 1px solid #f3f3f3;} .newslb-list .list-muen:last-child{border-bottom: 0px solid #000;} .newsxq-title{} .newsxq{background-color: #fafafa;} .newsxq-title .data{display: flex;align-items: center;} .newsxq-title .data img{margin-right: 10px;} .newsxq-content img{display: block;margin: 0px auto;width: 100%;} .newsxq-btn{display: flex;align-items: center;justify-content: center;} .newsxq-btn a{width: 234px;height: 45px;border-style: solid;border-width: 1px;border-color: #003399;color: #003399;border-radius: 10px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;} .newsxq-btn a .img{display: flex;justify-content: center;align-items: center;position: relative;margin-right: 10px;} .newsxq-btn a .img img{transition: all .4s ease;} .newsxq-btn a .img img:nth-child(1){opacity: 1;} .newsxq-btn a .img img:nth-child(2){opacity: 0;position: absolute;} .newsxq-btn a:hover .img img:nth-child(2){opacity: 1;} .newsxq-btn a:hover .img img:nth-child(1){opacity: 0;} .newsxq-btn a:hover {border-color: #ce1313;color: #ce1313;} .newsxq-btn a:hover img{transform: rotate(90deg);} .newsxq-list a{height: 60px;display: flex;align-items: center;padding: 0px 30px;border-radius: 10px;background-color: rgb(239, 239, 243);margin-bottom: 10px;transition: all .6s ease;} .newsxq-list a:last-child{margin-bottom: 0px;} .newsxq-list a:hover{background-color: #ce1313;color: #fff;} .banner-list li{display: flex;align-items: center;margin-right: 20px;} .banner-list li .img{margin-right: 5px;transition: all .4s ease;width: 25px;} .banner-list li a{display: flex;align-items: center;} .banner-list li:hover .img{transform: rotate(-45deg);} .banner-list li .text{transition: all .4s ease;} .banner-list li:hover .text{color: #ce1313;} .procp-list{justify-content: space-between;} .procp-list > .list:nth-child(1){width: calc(33.333% - 10px);border-radius: 10px;background-color: rgb(246, 246, 246);position: relative;overflow: hidden;} .procp-list > .list:nth-child(2){width: calc(66.666% - 10px);} .procp-list .list .cont{padding: 0px 15px;height: 110px;position: absolute;bottom: 0px;width: 100%;text-align: center;} .procp-muen {margin-right: -20px;margin-bottom: -20px;} .procp-muen li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;position: relative;} .procp-muen li:nth-child(2) .cont div{color:#fff !important;} .procp-muen li:nth-child(3) .cont div{color:#fff !important;} .procp-list > .list:nth-child(2) li{border-radius: 10px;background-color: rgb(246, 246, 246);overflow: hidden;} .procp-list > .list:nth-child(2) li img {height: 320px;} .prodp{background-size: cover;height: 830px;} .prodp .contain{position: relative;z-index: 2;} .prodp .prodp-bg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 1;transform: scale(1.2);} .prodp .prodp-bg.active{animation: prodpBg 6s ease-in-out both;} @keyframes prodpBg {0%{transform: scale(1.2);}100%{transform: scale(1);}} .muen-title{display: flex;} .muen-title > div{width: calc(100%/2);} .muen-title .title{padding-right: 70px;} .muen-img{height: 600px;border-radius: 10px;overflow: hidden;position: relative;} .muen-img > img{width: 100%;} .muen-img .cont{position: absolute;right: 140px;top: 50%;margin-top:-80px;width: 310px;} .muen-img .icon {position: absolute;top: 56px;left: 60px;} .provd-list{} .provd-list li{margin-bottom: 90px;} .provd-list li:nth-child(even){flex-direction: row-reverse;} .provd-list .cont{width: 53%;display: flex;flex-direction: column;justify-content: center;} .provd-list .img{width: 47%;position: relative;} .provd-list .img .icon{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 30px;} .provd-list li:nth-child(even) .cont{padding-left: 66px;} .provd-list li:nth-child(odd) .cont{padding-right: 195px;} .provd-list li:last-child{margin-bottom: 0px;} /* .profv{background-color: #1b1d22;} */ .profv > img{width: 100%;} .profv-box{width:100%;position:relative} .profv-cont{position:absolute;top:0;left:0;z-index:4;bottom:0;width:100%;display:flex;align-items:center} .profv-box > img{width: 100%;} .profv-cont .cont{width: 43%;} .profv-cont .cont > .text{color: #bababa;} .profv-cont .img{width: 57%;display: flex;justify-content: flex-end;} .profv-list li{margin-right: 70px;} .proup {background-color: #f7f7f7;} .proup .CommonTitle .title{width: 760px;} .prosc-muen{border-radius: 10px;overflow: hidden;} .prosc-muen > div{display: none;} .prosc-muen > div.active{display: block;} .prosc-muen > div img{transition: all 2.8s ease;} .prosc-muen > div img:hover{transform: scale(1.04);} .prosc-btn{display: flex;justify-content: center;} .prosc-btn a:last-child{margin-right: 0px;} .prosc-btn > div{border-bottom: 1px solid #ebebeb;display: flex;} .prosc-btn a{margin-right: 30px;padding-bottom: 14px;display: flex;position: relative;transition: all .6s ease;} .prosc-btn a::before{content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;height: 3px;background-color: #ce1313;opacity: 0;transition: all .6s ease;} .prosc-btn a.active::before{opacity: 1;} .prosc-btn a.active {color: #ce1313;} .propt-list{margin-right: -20px;margin-bottom: -20px;} .propt-list li{width: calc(100%/4 - 20px);margin-right: 20px;margin-bottom: 20px;border: 1px solid #eeeeee;border-radius: 10px;background-color: rgb(246, 246, 246);padding: 30px;} .proxz-list{margin-right: -20px;margin-bottom: -20px;} .proxz-list li{width: calc(100%/4 - 20px);margin-right: 20px;margin-bottom: 20px;border-style: solid;border-width: 1px;border-color: rgb(238, 238, 238);border-radius: 10px; padding: 27px 25px 38px 25px;} .proxz-list li .btn{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border: 1px solid #bfbfbf;border-radius: 100px;transform: rotate(-90deg);transition: all .6s ease;} .proxz-list li .btn i{font-size: 16px;color: #000;transition: all .6s ease;} .proxz-list li:hover .btn{background-color: #ce1313;} .proxz-list li:hover .btn i{color: #fff;} .proup-list {margin-right: -20px;margin-bottom: -20px;overflow: hidden;} .proup-list li{position: relative;margin-right: 20px;margin-bottom: 20px;float: left;width: calc(100%/2 - 20px);border-radius: 10px;overflow: hidden;} .proup-list li .title{position: absolute;top: 30px;left: 35px;z-index: 2;} .proup-list li img{height: 346px;transition: all .6s ease;} .proup-list li:hover img{transform: scale(1.04);} .proup-list li:nth-child(1) img{height: calc(346px * 2 + 20px);} .porlb-list {margin-right: -17px;margin-bottom: -20px;} .porlb-list li{width: calc(100%/4 - 17px);margin-right: 17px;margin-bottom: 20px;border-radius: 10px;background-color: rgb(246, 246, 246);} .porlb-list li a{width: 100%;padding: 40px 0px;} .porlb-list li .img{width: 100%;display: flex;justify-content: center;align-items: center;height: 183px;} .porlb-list li .img img{max-height: 100%;transition: all .6s ease;} .porlb-list li:hover .img img{transform: scale(.9);} .porlb-list li .title{width: 100%;padding: 0px 10px;text-align: center;transition: all .6s ease;} .porlb-list li .title span{font-size: 14px;color: #e50000;margin-left: 10px;} .porlb-list li .text{width: 100%;padding: 0px 10px;text-align: center;} .porlb-list li:hover .title{color: #ce1313;} /* .porline{background-color: #3b3b3b;} */ .serfs-list{margin-right: -17px;} .serfs-list li{width: calc(100%/4 - 17px);margin-right: 17px;position: relative;height: 385px;overflow: hidden;border-radius: 6px;} .serfs-list li img{width: 100%;height: 100%;} .serfs-list li .show{position: absolute;width: 100%;bottom: 0px;left: 0px;padding: 0px 20px;padding-bottom: 26px;transition: all .6s ease;} .serfs-list li .hide{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;transition: all .6s ease;padding: 0px 30px;padding-top: 130px;background-color: rgba(0, 51, 153, .8);} .serfs-list li:hover .show{opacity: 0;} .serfs-list li:hover .hide{opacity: 1;} .serrd-btn {display: flex;justify-content: center;} .serrd-btn a{margin: 0px 10px;transition: all .6s ease;position: relative;padding-bottom: 10px;transition: all .6s ease;} .serrd-btn a::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);height: 2px;background-color: #e1e5ed;width: 100%;transition: all .6s ease;} .serrd-btn a.active {color: #ce1313;} .serrd-btn a.active::before {background-color: #ce1313;} .serrd-lun{background-color: #f6f6f6;overflow: hidden;border-radius: 10px;} .serrd-lun .img{height: 300px;overflow: hidden;} .serrd-lun .img img{width: 100%;height: 100%;transition: all 2.8s ease;} .serrd-lun:hover .img img{transform: scale(1.04);} .serrd-lun .cont{padding: 34px 30px;} .serrd-lun .cont .icon{display: flex;align-items: center;} .serrd-lun .cont .icon img{margin-right: 10px;} .serrd-svp .pages{} .serrd-svp .pages .swiper-pagination{position: relative;} .serrd-svp .pages .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 5px;background: #a4a4a4;opacity: 1;transition: all .6s ease;margin: 0px 5px;} .serrd-svp .pages .swiper-pagination-bullet-active {width: 24px;height: 8px;opacity: 1;background: #ce1313;border-radius: 15px;} .serrd-muen > div{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;} .serrd-muen > div.active{visibility: visible;height: auto;pointer-events: auto;} .indcc{background: url(../images/index/indcc_bg.jpg)center no-repeat;background-size: cover;} .indcc-lun{height: 100px;border-radius: 10px;background-color: rgb(255, 255, 255);display: flex;justify-content: center;align-items: center;padding: 20px;filter: grayscale(100%); transition: all .6s ease;} .indcc-svp .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;} .indcc-svp:hover .indcc-lun{filter: grayscale(0%);} .serrd-list {margin-right: -20px;margin-bottom: -20px;} .serrd-list .list-muen{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;padding: 36px 38px;background-color: #fbfbfb;border-style: solid;border-width: 1px;border-color: rgb(237, 237, 237);border-radius: 10px;} .serrd-list .list-muen .line{width: 100%;height: 1px;background-color: #e7e7e7;} .serrd-list .list-muen li {display: flex;flex-wrap: wrap;margin-bottom: 4px;} .serrd-list .list-muen li .icon {width: 20px;display: flex;align-items: flex-start;padding-top: 2px;} .serrd-list .list-muen li .text {width: calc(100% - 20px);padding-left: 20px;} .sernav-btn {border-bottom: 1px solid #f3f3f3;display: flex;justify-content: center;} .sernav-btn a{margin: 0px 15px;position: relative;padding-bottom: 22px;transition: all .6s ease;} .sernav-btn a::before{content: "";position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);height: 1px;width: 0%;background-color: #ce1313;transition: all .6s ease;} .sernav-btn a.active::before{width: 100%;} .sernav-btn a.active{color: #ce1313;} .serlb-list {margin-right: -20px;margin-bottom: -40px;} .serlb-list li {width: calc(100%/4 - 20px);margin-right: 20px;margin-bottom: 40px;} .serlb-list li .img{height: 280px;position: relative;border-radius: 10px;overflow: hidden;} .serlb-list li .img img{width: 100%;height: 100%;} .serlb-list li .img .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;transition: all .6s ease;opacity: 0; background-color: rgba(0, 0, 0, .5);} .serlb-list li .text{width: 100%;padding: 0px 10px;} .serlb-list li .img .show > div{width: 54px;height: 54px;border-radius: 100px;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;transform: rotate(180deg);} .serlb-list li .img .show i{color: #fff;font-size: 20px;} .serlb-list li:hover .img .show{opacity: 1;} /* 新增 */ /* 新闻-视频 */ .newsVideo-list{justify-content: space-between;} .newsVideo-list li{width: 49%;cursor: pointer;} .newsVideo-img{border-radius: 8px;overflow: hidden;} .newsVideo-img .img{position: relative;} .newsVideo-img .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);opacity: 0;transition: all .6s ease;} .newsVideo-img .img img{width: 100%;height: 400px;transition: all .6s ease;} .newsVideo-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .newsVideo-text{padding-left: 20px;} .newsVideo-list li:hover .newsVideo-img .img::after{opacity: 1;} /* 解决方案 */ .faBan-bg{overflow: hidden;} .faBan-bg img{width: 100%;animation: CommonBannerTitle 4s ease-in-out both;transform: scale(1.5);} /* @keyframes CommonBannerTitle {0%{transform: scale(1.5);}100%{transform: scale(1);}} */ .faBan-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;} .faBan-text .title{opacity: 0;animation: faBan 1.5s ease forwards;} .faBan-text .text{width: 410px;opacity: 0;animation: faBan 1.5s .2s ease forwards;} @keyframes faBan {0%{opacity: 0;transform: translateX(150px);}100%{opacity: 1;transform: translateX(0);}} .faIntro-con{justify-content: space-between;align-items: center;} .faIntro-img{width: 45%;} .faIntro-img img{width: 100%;} .faIntro-list{width: 45%;} .faIntro-list li{position: relative;line-height: inherit;padding-left: 30px;} .faIntro-list li::after{content: "";position: absolute;left: 0;top: 13px;width: 10px;height: 10px;border-radius: 50%;background: #ce1313;} .faVant{background: #ebf0f4 url('../images/pages/faVant-bg.png') no-repeat right bottom/100% auto;} .faVant-list{margin-left: -20px;} .faVant-list li{overflow: hidden; margin: 20px 0 0 20px;width: calc((100% / 3) - 20px);border-radius: 5px;position: relative;} .faVant-list li::after{content: "";border-radius: 5px; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../images/pages/faVant-img.png') no-repeat center/cover;} .faVant-item{position: relative;height: 100%; z-index: 2;transition: all .6s ease; background: #fff;padding: 40px 30px;flex-direction: column;align-items: center; text-align: center;} .faVant-icon{position: relative;height: 40px;} .faVant-icon img{transition: all .6s ease;max-height: 100%;} .faVant-icon .h{position: absolute;left: 0;top: 0;opacity: 0;} .faVant-text{transition: all .6s ease;} .faVant-list li:hover .faVant-item{background: transparent;} .faVant-list li:hover .faVant-icon .h{opacity: 1;} .faVant-list li:hover .faVant-icon .s{opacity: 0;} .faVant-list li:hover .faVant-title,.faVant-list li:hover .faVant-text{color: #fff;} .faCen-list{justify-content: space-between;} .faCen-list::after{content: "";width: 32%;} .faCen-list li{width: 32%;position: relative;border-radius: 5px;overflow: hidden;} .faCen-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 51, 153, .52);} .faCen-img img{width: 100%;height: 246px;transition: all .6s ease;} .faCen-img:hover img{transform: scale(1.04);} .faCen-text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 0 15px;width: 100%;} /* 关于我们 */ .abIntro-list{justify-content: space-between;} .abIntro-num{line-height: 1;align-items: center;} .abCul-nav ul{border-bottom: 1px solid #ebebeb;} .abCul-nav li{position: relative; padding: 0 25px 10px;user-select: none;cursor: pointer;} .abCul-nav li.active{color: #ce1313;} .abCul-nav li::after{content: "";transition: all .6s ease;position: absolute;left: 50%;bottom: -1px;width: 0;height: 3px;background: #ce1313;transform: translateX(-50%);} .abCul-nav li:hover,.abCul-nav li.active{color: #ce1313;} .abCul-nav li.active::after{width: 100%;} .abCul-con{display: none;border-radius: 10px;overflow: hidden;} .abCul-con:first-child{display: block;} .abCul-img img{width: 100%;height: 100%;} .abCul-list{position: absolute;left: 0;bottom: 20px;width: 100%;padding: 25px 90px;background: rgba(0, 0, 0, .5);} .abCul-list li:first-child{margin-top: 0;} .abCul-list .text{margin-top: 5px;color: #ccc;} .abFale-map{height: 300px;border-radius: 10px;overflow: hidden;} .amap-info-content{padding: 15px 30px !important;background: rgba(255, 255, 255, .95) !important;} .amap-copyright,.amap-logo,.amap-info-close{display: none !important;} .abFale-list{justify-content: space-between;} .abFale-list li{align-items: center;padding-right: 10px;} .abFale-list li:last-child{width: 60%;} .abFale-icon{width: 75px;height: 75px;border-radius: 50%;background: #003399;} .abFale-text{flex: 1;padding-left: 30px;} .ab-history{background: url('../images/pages/abHis-bg.jpg') no-repeat center/cover;} .abHis-nav li{margin-left: 50px;user-select: none;cursor: pointer;padding-bottom: 12px;} .abHis-nav li .title{padding-bottom: 5px;} .abHis-nav li .text{color: rgba(255, 255, 255, .8);font-size: 14px;font-weight: 300;} .abHis-nav li:first-child{margin-left: 0;} .abHis-nav li::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;transition: all .6s ease;height: 2px;background: rgba(255, 255, 255, 1);transform: translateX(-50%);} .abHis-nav li.active::after{width: 100%;} .abHis-thumbs{position: relative;} /* .abHis-thumbs::after{content: "";position: absolute;left: 50%;top: -24px;width: 100vw;height: 24px;transform: translateX(-50%);background: url('../images/pages/abHis-line.png') no-repeat center/100% auto;} */ .abHis-thumbs .swiper-wrapper{display: flex;} .abHis-thumbs .swiper-slide{width: 25%;} .abHis-thumbs .thumbs-year{transition: all .6s ease; flex-direction: column;position: relative;} .abHis-thumbs .thumbs-year::before,.abHis-thumbs .thumbs-year::after{opacity: 0;transition: all .6s ease; content: "";width: 14px;height: 8px;border: 6px solid transparent;border-top-color: #2970d6;} .abHis-thumbs .thumbs-year::after{transform: rotate(180deg);margin-bottom: 6px;} .thumbs-year.active,.abHis-thumbs .thumbs-year:hover{color: #2970d6;} .thumbs-year.active::before,.thumbs-year.active::after{opacity: 1;} .abHis-gallery .swiper-slide{transition: all .6s ease;height: auto;} .abHis-gallery .gallery-more{border-radius: 10px;display: flex;height: 100%;flex-direction: column; border: 1px solid rgba(255, 255, 255, .17);padding: 25px;width: 100%;transition: all .6s ease;} .abHis-gallery .gallery-title{line-height: 1;} .abHis-gallery .gallery-text{margin-top: 15px;overflow-y: auto;} .abHis-gallery .swiper-slide.swiper-slide:hover .gallery-more{border-color: #fff;} .abHis-gallery .gallery-more .title{line-height: 1;} .abHis-gallery .gallery-more .text{margin-top: 20px;} .abHis-gallery .gallery-btn{border-radius: 50%;user-select: none;cursor: pointer; border: 2px solid transparent; position: absolute;left: -60px;top: 50%;transform: translateY(-50%);z-index: 2;width: 40px;height: 40px;font-weight: 7;transition: all .6s ease;} .abHis-gallery .gallery-btn.gallery-next{transform: translateY(-50%) rotate(180deg);left: auto;right: -60px;} .abHis-gallery .gallery-btn:hover{border-color: rgba(255, 255, 255, .5);} .amap-icon img{transform: scale(.8) translateX(-100px);} /* 补页面 */ .ChXiwh-muen {border-bottom: 1px solid #f3f3f3;justify-content: center;} .ChXiwh-muen a{margin: 0px 15px;padding: 0px 25px;padding-bottom: 20px;transition: all .4s ease;position: relative;margin-bottom: -1px;} .ChXiwh-muen a:hover{color: #ce1313;} .ChXiwh-muen a.active{color: #ce1313;border-bottom: 1px solid #ce1313;} .ChXiwh-cont .img{overflow: hidden;border-radius: 10px;} .ChXiwh-cont .img img{width: 100%;height: 100%;transition: all 2.8s ease;;} .ChXiwh-cont .img:hover img{transform: scale(1.04);} .ChXiwh-cont .content h1{font-size: 18px;color: #333;font-weight: 500;} .ChXiwh-fw {margin-right: -28px;} .ChXiwh-fw .list{width: calc(100%/2 - 28px);margin-right: 28px;} .ChXiwh-fw .list .img{position: relative;border-radius: 10px;height: 228px;overflow: hidden;} .ChXiwh-fw .list .img > img{width: 100%;height: 100%;} .ChXiwh-fw .list .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;padding-left: 60px;} .ChXiwh-jb > .title{color: #003399;} .ChXiwh-jb-list {margin-right: -20px;margin-bottom: -20px;} .ChXiwh-jb-list .list{width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 20px;border-radius: 10px;box-shadow: 0px 12px 46px 0px rgba(89, 137, 233, 0.09);padding: 35px;} .ChXiwh-jb-list .list .img{width: 65px;display: flex;align-items: center;} .ChXiwh-jb-list .list .img > div{width: 65px;height: 65px;border-radius: 100px;display: flex;justify-content: center;align-items: center;background-color: #003399;padding: 10px;} .ChXiwh-jb-list .list .img img{max-height: 100%;} .ChXiwh-jb-list .list .cont{width: calc(100% - 65px);padding-left: 35px;} .ChXiwh-jb-list .list .cont .btn{width: 140px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 10px;border: 1px solid #ce1313;color: #ce1313;transition: all .4s ease;} .ChXiwh-jb-list .list .cont .btn:hover{background-color: #ce1313;color: #fff;} .ChXiwh-jb-list .list:nth-child(1){width: calc(100%/2 - 20px);} .ChXiwh-jb-list .list:nth-child(2){width: calc(100%/2 - 20px);} .ChXiwh-cx-from {display: flex;justify-content: center;} .ChXiwh-cx-from > div{width: 587px;} .ChXiwh-cx-from .list {margin-bottom: 14px;} .ChXiwh-cx-from .list input{width: 100%;height: 50px;background-color: #f7f7f7;border-radius: 10px;padding: 0px 15px;} .ChXiwh-cx-from .btn{width: 100%;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 10px;background-color: #ce1313;transition: all .4s ease;} .ChXiwh-cx-from .btn:hover{background-color: transparent;border: 1px solid #ce1313;color: #ce1313;} .ChXiwh-sm {display: flex;justify-content: center;} .ChXiwh-sm a{width: 138px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 10px;background-color: #f7f7f7;margin: 0px 10px;transition: all .4s ease;} .ChXiwh-sm a.active{background-color: #ce1313;color: #fff;} .ChXiwh-sm a:hover{color: #ce1313;} .ChXiwh-sm a.active:hover{color: #fff;} .ChXiwh-xx-title {padding-left: 14px;position: relative;} .ChXiwh-xx-title::before{content: "";width: 3px;height: 20px;background-color: #ce1313;left: 0px;top: 50%;transform: translateY(-50%);position: absolute;} .ChXiwh-xx .list{margin-right: -25px;margin-bottom: -15px;} .ChXiwh-xx .list > li{width: calc(100%/2 - 25px);margin-right: 25px;margin-bottom: 15px;} .ChXiwh-xx .list > li input{width: 100%;height: 50px;background-color: #f7f7f7;border-radius: 10px;padding: 0px 15px;} .ChXiwh-xx .customSelect{display: block;width: 100%;position: relative;user-select: none;} .ChXiwh-xx .customSelect-name{display: flex;align-items: center;height: 50px;position: relative;background-color: #f7f7f7;border-radius: 10px;padding: 0px 15px;font-size: 14px;color: #000;cursor: pointer;} .ChXiwh-xx .customSelect-name::after{content: "";position: absolute;width: 16px;height: 16px;right: 14px;top: 50%;margin-top: -8px;background: url('https://js.szmynet.net/file/arrD.svg') no-repeat;} .ChXiwh-xx .customSelect-drop{display: none;position: absolute;z-index: 10;width: 100%;top: 50px;max-height: 200px;border: 2px solid #f7f7f7;border-top: none;overflow-x: hidden;overflow-y: auto;left: 0;background: #f2f2f2;cursor: pointer;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .ChXiwh-xx .customSelect-drop li{padding: 0 14px;height: 40px;position: relative;display: flex;align-items: center;width: 100%;font-size: 14px;color: #000;transition: all .4s ease;} .ChXiwh-xx .customSelect-drop li::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #fff;} .ChXiwh-xx .customSelect-drop li:last-child::after{display: none;} .ChXiwh-xx .customSelect-drop li:hover,.ChXiwh-xx .customSelect-drop li.active{background: #dadfe5;color: #000;} .ChXiwh-xx .customSelect-drop::-webkit-scrollbar {width: 2px;height: 4px;} .ChXiwh-xx .customSelect-drop::-webkit-scrollbar-thumb {background: #7a8896;} .ChXiwh-xx .customSelect-drop::-webkit-scrollbar-track {background: #fff;} .ChXiwh-xx .customSelect-name.noRadius{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .ChXiwh-xx .customSelect-name.noRadius::after{transform: rotate(180deg);} .ChXiwh-xx .list > li textarea{width: 100%;height: 265px;background-color: #f7f7f7;border-radius: 10px;padding: 15px;} .ChXiwh-xx .list > li.lin{position: relative;} .ChXiwh-xx .list > li.lin input{padding-right: 100px;} .ChXiwh-xx .list > li.lin img{position: absolute;right: 5px;bottom: 10px;width: 80px;height: 30px;border: 1px solid #fff;} .ChXiwh-xx-Cailiao {background-color: #f7f7f7;border-radius: 10px;padding: 55px;} .ChXiwh-xx-Cailiao .from{position: relative;width: 710px;border-radius: 10px;overflow: hidden;} .ChXiwh-xx-Cailiao .from input{width: calc(100% - 95px);padding: 0px 15px;} .ChXiwh-xx-Cailiao .from .btn{width: 95px;height: 50px;display: flex;justify-content: center;align-items: center;background-color: #ce1313;color: #fff;transition: all .4s ease;} .ChXiwh-xx-Cailiao .from .btn:hover{background-color: #ff0000;} .ChXiwh-xx-Cailiao .from input.not{position: absolute;top: 0px;left: 0px;width: calc(100% - 95px);height: 100%;opacity: 0;} .ChXiwh-xx-yuedu a{display: flex;align-items: center;transition:all .4s ease;margin-right:10px;} .ChXiwh-xx-yuedu a:nth-child(1){color: #ce1313;} .ChXiwh-xx-yuedu a span{width: 14px;height: 14px;border-radius: 3px;border: 1px solid #eaeaea;display: block;margin-right: 10px;} .ChXiwh-xx-yuedu a.active span{background-color: #ce1313;} .ChXiwh-xx-btn{width: 217px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 10px;background-color: #ce1313;transition: all .4s ease;} .ChXiwh-xx-btn:hover{background-color: transparent;color: #ce1313;border: 1px solid #ce1313;} .ChXiwh-muen-show > .muen{display: none;} .ChXiwh-muen-show > .muen.active{display: block;animation: ChXiwh-muen-show .4s ease;} @keyframes ChXiwh-muen-show {0%{opacity: 0;}100%{opacity: 1;}} .ChXiwh-cx-xz1 .li{margin-bottom: 10px;} .ChXiwh-cx-xz1 .li .cont-l{width: 185px;} .ChXiwh-cx-xz1 .li .cont-r{width: calc(100% - 185px);} .ChXiwh-cx-xz1 .li .cont-r span{color: #003399;} .ChXiwh-cx-xz1 .li:last-child{margin-bottom: 0px;} .ChXiwh-cx-from2 {display: flex;justify-content: center;} .ChXiwh-cx-from2 > div{width: 745px;} .ChXiwh-cx-xz2 {display: flex;flex-direction: column;align-items: center;text-align: center;} .ChXiwh-cx-xz2 .img{width: 75px;height: 75px;display: flex;justify-content: center;align-items: center;border-radius: 100px;background-color: #e50000;} .ChXiwh-cx-xz2 .emi{color: #e50000;} .not-not.nothide > li:nth-child(1){display: none;} .not-not.nothide > li:nth-child(2){display: none;} .not-not.nothide > li:nth-child(3){display: none;} .map-img img{width: 140px;height: 40px;object-fit: contain;} /* -------------------------4k端 S=50% Y*2--------------------------- */ @media all and (min-width:3000px) and (max-width:5000px) { .serfs-list li .hide {padding-top: 40px;} } /* -------------------------2k端 S=75% Y*1.5--------------------------- */ @media all and (min-width:2000px) and (max-width:3000px) { .serfs-list li .hide {padding-top: 40px;} } /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900) */ } @media all and (max-width:1590px) { /* 1440 × (700) */ .muen-img .icon {top: 40px;left: 0px;} .muen-img .cont{right: 80px;} .serfs-list li{height: 345px;} .serfs-list li .hide{padding-top: 90px;} .serrd-lun .img{height: 270px;} .serlb-list li .img{height: 250px;} /* 新增 */ .newsVideo-img .img img{height: 360px;} .faVant-item{padding: 30px 20px;} .faCen-img img{height: 220px;} .abCul-list{padding: 25px 75px;} .abHis-gallery .gallery-more{padding: 20px;} .abHis-gallery .swiper-slide.swiper-slide-active .gallery-more{padding: 35px;} } @media all and (max-width:1430px) { /* 1360 */ } @media all and (max-width:1350px) { /* 1280 */ } @media all and (max-width:1270px) { /* 1152 × (700) */ /* 新增 */ .abFale-list li:last-child{width: 70%;} .abCul-img img{height: 450px;} /* 补页面 */ .ChXiwh-fw .list .img{height: 166px;} .ChXiwh-jb-list .list {width: calc(100%/2 - 20px);} .propt-list li {width: calc(100%/3 - 20px);} } /* ------------------------平板端-------------------------- */ @media all and (max-width:1100px) { /* 1024 横屏 */ } @media all and (max-width:1000px) { /* 720 竖屏 */ .newslb-list .list-muen .img{width: 100%;} .newslb-list .list-muen .cont{width: 100%;padding-left: 0px;margin-top: 16px;padding: 15px;} .newslb-list .list-muen:hover .cont {padding-left: 0px;} .newslb-list .list-muen:hover .cont::before{display: none;} .newslb-list .list-muen a{padding: 15px 0px;} .newslb-muen a{width: calc(100%/3);margin: 0px;text-align: center;padding-bottom: 10px;} .CommonBanner > img{min-height: 400px;} .procp-list > .list:nth-child(1){width: 100%;margin-bottom: 20px;} .procp-list > .list:nth-child(2){width: 100%;} .procp-list > .list:nth-child(1) .img{display: flex;justify-content: center;align-items: center;} .prodp {height: 550px;} .muen-title .title{padding-right: 0px;} .muen-title > div{width: 100%;} .muen-title{flex-wrap: wrap;} .muen-img .icon{height: 490px;top: 30px;left: 0px;} .muen-img .icon img{max-height: 100%;} .muen-img{height: 490px;} .muen-img .cont{right: 30px;} .porlb-list {margin-right: -15px;margin-bottom: -15px;} .porlb-list li{width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;} .serfs-list {margin-right: -15px;margin-bottom: -15px;} .serfs-list li {width: calc(100%/2 - 15px);margin-right: 15px;margin-bottom: 15px;} .serrd-lun .img{height: 175px;} .serfs-list li{height: 460px;} .serlb-list {margin-right: -10px;margin-bottom: -20px;} .serlb-list li {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 20px;} .serlb-list li .img{height: 340px;} /* 补页面 */ .ChXiwh-xx-Cailiao .from{width: 100%;} .propt-list li {width: calc(100%/2 - 20px);} } /* ------------------------手机端-------------------------- */ @media all and (max-width:680px) { /* 移动终端 360 适配 */ .CommonBanner > img{height: calc(80vh - 60px);} .CommonBanner.porinfo > img{height: calc(100vh - 130px);} .faBan{display: flex;align-items: center;} .Header-lang-menu span{display: none;} .newsxq-list a{padding: 15px;} .procp-muen {margin-right: 0px;} .procp-muen li{width: 100%;margin-right: 0px;} .procp-list .list .cont{height: 80px;} .prodp {height: 470px;} .muen-img .icon{position: static;display: flex;justify-content: center;} .muen-img .cont{position: static;margin-top:20px;transform: translateY(0px);padding-right: 0px;display: flex;flex-direction: column;align-items: center;width: 100%;} .muen-img .cont .title{color:#333} .muen-img .cont .bg{width: 100%;} .muen-img .cont .bg img{width: 100%;} .muen-img{height: auto;} .provd-list li:nth-child(odd) .cont{padding-right: 0px;} .provd-list li:nth-child(even) .cont{padding-left: 0px;} .provd-list .cont{width: 100%;margin-bottom: 25px;} .provd-list .img{width: 100%;} .provd-list li{margin-bottom: 20px;} .profv-cont .cont{width: 100%;padding-top: 0px;} .profv-cont .img{width: 100%;} .proup-list {margin-right: 0px;} .proup-list li{width: 100%;margin-right: 0px;} .propt-list li{width: calc(100%/2 - 20px);padding: 15px;} .proxz-list {margin-right: 0px;margin-bottom: -15px;} .proxz-list li{width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 15px;} .prosc-btn a{width: 140px;margin-right: 0px;} .prosc-btn{overflow-x: auto;justify-content: inherit;} .prosc-btn a{display: flex;justify-content: center;padding: 6px;} .prosc-btn a::before{height:2px;} .propt-list {margin-right: -10px;margin-bottom: -10px;} .propt-list li {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;border-radius: 5px;} .proxz-list {margin-right: 0px;margin-bottom: -10px;} .proxz-list li {margin-right: 0px;margin-bottom: 10px;border-radius: 5px;} .porlb-list li .img {height: 130px;} .porlb-list li a {padding: 15px 0px;} .porline .text br{display: none;} .serfs-list{margin-right: 0px;} .serfs-list li {width: 100%;margin-right: 0px;margin-bottom: 15px;height: 200px;border-radius: 5px;} .serfs-list li .hide{padding: 20px;display: flex;justify-content: center;flex-direction: column;} .serrd-lun .cont{padding: 20px;} .indcc-lun{height: 60px;} .serrd-list {margin-right: 0px;margin-bottom: -15px;} .serrd-list .list-muen {width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 20px;border-radius: 5px;} .serrd-list .list-muen li .text{padding-left: 10px;padding-top: 2px;} .serlb-list {margin-right: 0px;margin-bottom: -10px;} .serlb-list li {width: 100%;margin-right: 0px;margin-bottom: 10px;} .sernav .contain{overflow-x: auto;} .sernav-btn a{margin: 0px;display: flex;width: 140px;justify-content: center;padding-bottom: 10px;} .serlb-list li .img{border-radius: 5px;} /* 新增 */ .newsVideo-list li{width: 100%;} .newsVideo-img .img img{height: 240px;} .newsVideo-img .btn{width: 48px;} .newsVideo-text{padding-left: 10px;} .faBan-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .faBan-bg img{width: 100%;height: 100%;} .faBan-text{position: relative;left: auto;top: auto;padding: 50px 0;align-items: flex-start;} .faBan-text .text{width: 100%;} .faIntro-img{width: 100%;} .faIntro-list{width: 100%;margin-top: 30px;} .faIntro-list li{padding-left: 20px;} .faIntro-list li::after{top: 10px;width: 7px;height: 7px;} .faVant-list{margin-left: 0;} .faVant-list li{width: 100%;margin: 15px 0 0;} .faVant-item{padding: 30px 15px;} .faCen-list{margin-top: 0;} .faCen-list li{width: 100%;margin: 15px 0 0;} .abIntro-list{margin-top: 10px;} .abIntro-list li{width: 48%;margin: 20px 0 0;} .abCul-nav{justify-content: flex-start;overflow-x: auto;} .abCul-nav ul{flex-wrap: nowrap;white-space: nowrap;} .abCul-nav li{padding: 0 15px 10px;} .abCul-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .abCul-list{position: relative;left: auto;bottom: auto;padding: 50px 15px;} .abCul-img img{height: 100%;} .abFale-map{height: 250px;} .amap-icon img{width: 26px;} .abFale-list li,.abFale-list li:last-child{width: 100%;} .abFale-icon{width: 60px;height: 60px;} .abFale-icon img{max-width: 25px;max-height: 25px;} .abFale-text{padding-left: 15px;} .abHis-nav{flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;justify-content: flex-start;} .abHis-nav li{margin-left: 0;padding: 0 15px 10px;} .abHis-gallery .swiper-slide.swiper-slide-active .gallery-more,.abHis-gallery .swiper-slide.swiper-slide .gallery-more{padding: 20px 15px;} .abCul-con{height: 70vh;} .abCul-list{height: 100%;} .procp-muen{margin-right: -20px;margin-bottom: -20px;} .procp-list > .list:nth-child(2) li{width: calc(100%/2 - 20px);margin-right: 20px;margin-bottom: 20px;height: 180px;} .procp-list > .list:nth-child(1) .img {height: 100%;} .procp-list > .list:nth-child(1) .img img{width: 100%;height: 100%;} .procp-list > .list:nth-child(1) {height: 340px;} .procp-list > .list:nth-child(2) .img{height: 100%;} .procp-list > .list:nth-child(2) .img img{height: 100%;} .procp-list .list .cont {height: 76px;} .procp-list .list .cont .title{font-size: 14px;line-height: 20px;} .procp-list .list .cont .text{font-size: 12px;} .proup-list{margin-right: -10px;margin-bottom: -10px;} .proup-list li{width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;} .proup-list li:nth-child(1) img {height: calc(150px * 2 + 10px);} .proup-list li img{height: 150px;} .proup-list li .title {top: 15px;left: 15px;font-size: 14px;} .indcc-lun{padding: 5px;} .indcc-lun img{max-height: 100%;} /* .faBan-text .contain > div {text-align: center;} */ .CommonBanner .content{align-items: flex-end;text-align: center;padding-bottom: 50px;} @keyframes CommonBanner {0%{opacity: 0;}100%{opacity: 1;}} .faBan-bg{height: calc(80vh - 60px);} .faBan{flex-wrap: wrap;} .faBan-text {padding: 22px 0;padding-bottom: 400px;} .CommonBanner > img{animation: none;transform: scale(1);} .CommonBanner.porlist .content{position: static;padding-bottom: 0px;} .CommonBanner.porlist > img{height: 200px;min-height: 200px;} .CommonBanner.porlist .content .title{position: absolute;top: 90px;left: 4%;} .CommonBanner.porlist .content .text{text-align: left;margin-top: 10px;} .CommonBanner.porlist .content .text br{display: none;} .banner-list{justify-content: center;} .prosc-btn > div{flex-wrap: wrap;border-bottom: 0px;} .prosc-btn a{width: calc(100%/2);border-bottom: 1px solid #ebebeb;} .faBan{flex-direction: column-reverse;} .porline{background-color: #fff;padding: 0px !important;} .porline .contain{width: 100%;} .porline .title{background-color: #3b3b3b;width: 100%;padding: 0px 4%;height: 200px;color: #333;display: flex;align-items: center;font-size: 20px;} .porline .text{width: 100%;padding: 0px 4%;color: #333;margin-top: 15px;} .faBan-bg{height: auto;position: relative;height: 200px;} .faBan{flex-direction: column;display: flex;flex-wrap: wrap;} .faBan-text{padding: 0px;position: static;} .faBan-text .title{position: absolute;top: 90px;left: 4%;} .newslb-list .list-muen .cont .btn{display: none;} .newslb-list .list-muen a{padding-bottom: 0px;} .proup .CommonTitle .title{width:100%} .profv {padding:0} .profv-cont {position: static;padding:0 0 20px;} .profv-cont *{color:#666} .profv-cont *.title{color:#333} .profv-cont *.number{color:#333} /* 补页面 */ .ChXiwh-muen a{flex: 1;margin: 0px;display: flex;justify-content: center;align-items: center;padding: 0px 10px;padding-bottom: 8px;} .ChXiwh-cont .img{border-radius: 5px;} .ChXiwh-cont .content h1 {font-size: 16px;} .ChXiwh-fw {margin-right: 0px;margin-bottom: -16px;} .ChXiwh-fw .list {width: 100%;margin-right: 0px;margin-bottom: 16px;} .ChXiwh-fw .list .img{height: 129px;border-radius: 5px;} .ChXiwh-fw .list .show{padding: 20px;align-items: center;} .ChXiwh-jb-list {margin-right: 0px;margin-bottom: -16px;} .ChXiwh-jb-list .list {width: 100% !important;margin-right: 0px;margin-bottom: 16px;padding: 15px;} .ChXiwh-jb-list .list .img > div {width: 45px;height: 45px;padding: 13px;} .ChXiwh-jb-list .list .img {width: 45px;} .ChXiwh-jb-list .list .cont {width: calc(100% - 45px);padding-left: 35px;} .ChXiwh-jb-list .list .cont .btn {width: 110px;height: 35px;} .ChXiwh-cx-from .list input {height: 45px;border-radius: 5px;} .ChXiwh-xx .list {margin-right: 0px;margin-bottom: -15px;} .ChXiwh-xx .list > li {width: 100%;margin-right: 0px;margin-bottom: 15px;} .ChXiwh-xx .list > li input {height: 45px;} .ChXiwh-xx .customSelect-name {height: 45px;} .ChXiwh-xx .customSelect-drop {top: 45px;} .ChXiwh-xx .list > li textarea {height: 150px;} .ChXiwh-xx-Cailiao{padding: 15px;} .ChXiwh-xx .list > li.lin img {bottom: 7px;} .ChXiwh-xx-Cailiao .from .btn {width: 65px;height: 45px;} .ChXiwh-xx-Cailiao .from input {width: calc(100% - 65px);} .ChXiwh-xx-Cailiao .from input.not {width: calc(100% - 65px);} .ChXiwh-sm a {width: 130px;height: 45px;} .ChXiwh-xx-btn {width: 135px;height: 45px;} }