宝塔Linux面板 ©2014-2022 广东堡塔安全技术有限公司 (bt.cn)求助|建议请上宝塔论坛在线 客服 在线文本编辑器 保存全部保存刷新搜索替换跳转行字体主题设置快捷键目录:/www/wwwroot/jiangchao上一级 搜索 新建 刷新 datacache error interface js public static css animate.min.css base.css common.css layer.css style.css swiper.min.css font img js anime.min.js html5.js jquery-sliding-menu.js jquery.min.js layer.js main.js polyfill.js swiper.animate1.0.3.min.js swiper.min.js wow.min.js watermark templates upload webadm .htaccess .user.ini 404.html index.html index.php index.html head.html main.js style.css /*字体*/ @font-face { font-family: 'iconfont'; /* Project id 2618187 */ src: url('//at.alicdn.com/t/font_2618187_br0iyrxedgv.woff2?t=1652338964463') format('woff2'), url('//at.alicdn.com/t/font_2618187_br0iyrxedgv.woff?t=1652338964463') format('woff'), url('//at.alicdn.com/t/font_2618187_br0iyrxedgv.ttf?t=1652338964463') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*通用*/ a{display: inline-block;} img{display: block;max-width: 100%;height: auto;outline: none;} .w1500{width: 1500px;margin: 0 auto;} .mflex_center{display: flex;justify-content: center;align-items: center;} .m-content a{display: inline-block;} .m-content p{font-size: 16px;line-height: 30px;text-align: justify;text-indent: 2em;color: #555;} .m-content img{display: block;margin: 1em auto;max-width: 100%;height: auto;} .phoneshow{display: none;} .anchorBL{display: none!important;} .font70{font-size: 60px;} .font45{font-size: 45px;} .font35{font-size: 35px;} .font30{font-size: 30px;} .font28{font-size: 28px;} .font26{font-size: 26px;} .font24{font-size: 24px;} .font22{font-size: 22px;} .font20{font-size: 20px;} .font18{font-size: 18px;} .font16{font-size: 16px;} /*鼠标效果*/ .mhover {position: relative;overflow: hidden;-webkit-transition: all 0.3s;transition: all 0.3s;transform: translate(0,0);} .mhover::before,.mhover::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: 0;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .mhover::before {background: #7fa9d4;} .mhover::after {background: #0054aa;} .mhover:hover {color: #fff;} .mhover:hover::before,.mhover:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .mhover:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;} .mhover span,.mhover i,.mhover img {position: relative;z-index: 1;} /*定位*/ .dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);} .dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);} /*头部*/ .header{position: fixed;left: 0;top: 0;width: 100%;border-bottom: 1px solid #e5e5e5;background: #fff; z-index: 9999;} .header .head-mn{justify-content: space-between;align-items: center;padding: 0 40px;} .header .head-nav li{position: relative; margin-right: 70px;} .header .head-nav li:before{position: absolute;left: 0;bottom: -1px;width: 0px;height: 3px;background: #0054aa;transition: all .5s;content: "";} .header .head-nav li:last-child{margin-right: 50px;} .header .head-nav .nav{position: relative;line-height: 92px;color: #333;} .header .head-nav li.active:before{width: 100%;} .header .head-nav li.active .nav{color: #0054aa;} .header .head-nav li:hover:before{width: 100%;} .header .head-nav li:hover .nav{color: #0054aa;} .header .head-nav li .nav-main{position: fixed;top: 97px;left: 0;justify-content: center;padding: 42px 0; width: 100%;background: #fff;opacity: 0;pointer-events: none;} .header .head-nav li .nav-main .ernav{padding: 0 31px;text-align: center;line-height: 1em; color: #333;} .header .head-nav li .nav-main .ernav .bigimg{border-radius: 10px;margin-bottom: 18px;} .header .head-nav li .nav-main.show{top: 93px;opacity: 1;pointer-events: auto;} .header .head-nav .head-mes{border-left: 1px solid #e5e5e5;align-items: center;} .header .head-nav .head-mes .lang{position: relative;padding: 0 36px 0 46px;height: 100%; color: #333;} .header .head-nav .head-mes .lang .top{height: 100%;align-items: center;cursor: pointer;} .header .head-nav .head-mes .lang .bot{top: 75px;width: 80px;box-shadow: 0px 0px 10px rgba(0,0,0,.2); background: #fff;opacity: 0;pointer-events: none;} .header .head-nav .head-mes .lang .bot a{display: block;line-height: 40px;text-align: center;color: #666;} .header .head-nav .head-mes .lang .bot a:hover{background: #0054aa;color: #fff;} .header .head-nav .head-mes .lang .sj{margin-left: 8px;border-top:6px solid #666;border-left: 4.5px solid transparent;border-right: 4.5px solid transparent;} .header .head-nav .head-mes .lang:hover .bot{top: 70px;opacity: 1;pointer-events: auto;} .header .head-nav .head-mes .search{cursor: pointer;} .header-box{height: 92px;} .header.index{border-color:rgba(255,255,255,.2);background: none;} .header.index .head-nav .nav{color: #fff;} .header.index .head-nav li:before{background: #fff;} .header.index .head-nav li.active .nav{color: #fff;} .header.index .head-nav li:hover .nav{color: #fff;} .header.index .head-nav .head-mes{border-color:rgba(255,255,255,.2);} .header.index .head-nav .head-mes .lang{color: #fff;} .header.index .head-nav .head-mes .lang .sj{border-top:6px solid #fff;} .header.index .head-nav .head-mes .search .iconfont{color: #fff;} .header.indexoth.index{border-color:#e5e5e5;background: #fff;} .header.indexoth.index .head-nav .nav{color: #333;} .header.indexoth.index .head-nav li:before{background: #0054aa;} .header.indexoth.index .head-nav li.active .nav{color: #0054aa;} .header.indexoth.index .head-nav li:hover .nav{color: #0054aa;} .header.indexoth.index .head-nav .head-mes{border-color:#e5e5e5;} .header.indexoth.index .head-nav .head-mes .lang{color: #333;} .header.indexoth.index .head-nav .head-mes .lang .sj{border-top:6px solid #666;} .header.indexoth.index .head-nav .head-mes .search .iconfont{color: #666;} .header.header-small .head-nav .nav{line-height: 80px;} .header.header-small .head-nav .nav-main.show{top: 81px;} .search-main .ant-input{width: calc(100% - 50px);} .search-main .tj{width: 50px;height: 50px;border: none;cursor: pointer; background: #0054aa;} .search-main .tj span{color: #fff;} .header .head-menu{right: 0;display: none;} .head-menu .line{display: block;width: 30px;height: 2px;margin: 6px 0;background: #0054aa;transition: opacity .2s,margin-top .2s,background-color .2s,-webkit-transform .2s .1s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s;transition: opacity .2s,margin-top .2s,transform .2s .1s,background-color .2s,-webkit-transform .2s .1s;} .head-menu-close .line:nth-child(1){-webkit-transform: translateY(8px)rotate(45deg);transform: translateY(8px)rotate(45deg);} .head-menu-close .line:nth-child(2){opacity: 0;} .head-menu-close .line:nth-child(3){-webkit-transform: translateY(-8px)rotate(-45deg);transform: translateY(-8px)rotate(-45deg);} .header .mhead-main{position: fixed;top: 60px;right: -100%;width: 100%;height: calc(100vh - 60px);padding-bottom: 30px;background: #0054aa;overflow-y: scroll;transition: all .5s;box-sizing: border-box;} .head-open .mhead-main{right: 0;} .mhead-main .phead-nav .item{border-bottom: 1px solid rgba(222,222,222,.2);} .mhead-main .phead-nav .item .item-link{position: relative;display: block; padding: 0 3%;line-height: 60px;overflow: hidden;color: #fff;} .mhead-main .phead-nav .item .item-link .jt{right: 3%;transform:translateY(-50%) rotate(-90deg); font-size: 20px;font-weight: bold;transition: all .5s;} .mhead-main .phead-nav .item .item-link .jt svg{display: block;} .mhead-main .phead-nav .subnav-box{display: none;padding: 0 6% 20px;} .mhead-main .phead-nav .subnav-box .subnav .sublink{display: block;line-height: 40px;font-size: 14px;color: #fff; text-align: left;} .mhead-main .phead-nav .item-link .jt.jt-rotate{transform:translateY(-50%) rotate(0deg);} .mhead-main .head-tool{display: flex;justify-content: space-between;width: 100%;margin-top: 50px;padding: 20px 40% 20px 3%;background: #fff;box-sizing: border-box;} .mhead-main .head-mes{padding: 30px 3%;align-items: center; font-size: 14px;line-height: 40px;color: #fff;} .mhead-main .head-mes a{display: block;margin-right: 20px;padding-right: 20px;border-right: 1px solid rgba(222,222,222,.2);font-size: 18px;line-height: 1em;color: #fff;} .mhead-main .head-mes .search{cursor: pointer;} .index-banner{position: relative;} .index-banner .swiper-container{height: 100vh;} .index-banner .swiper-slide .bimg{width: 100%;height: 100%;object-fit: cover;object-position: center;} .index-banner .swiper-slide-active .bimg{animation: bigimg 9.8s linear infinite;} .index-banner .swiper-slide .mes{top: 350px;color: #fff;} .index-banner .swiper-slide .mes .tit{line-height: 1.5em;} .index-banner .swiper-slide .mes .sum{margin:10px 0 90px; line-height: 1.5em;letter-spacing: 2px;} .index-banner .swiper-slide .mes .scroll{width: 50px;height: 50px;box-sizing: border-box;border-radius: 100%;border: 1px solid rgba(255,255,255,.5);} .index-banner .swiper-slide .mes .scroll span{font-size: 20px;line-height: 1em;color: #fff;} .index-banner .swiper-slide .mes .scroll:hover{border-color: #0054aa;} .index-banner .i-page{bottom: 110px; z-index: 2;} .index-banner .i-page .pagem{width: 288px;justify-content: space-between;align-items: flex-end;margin-bottom: 16px;} .index-banner .i-page .page-mn{display: block;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 10px solid #fff;} .index-banner .i-page .page-mn.page-r{transform: rotate(180deg);} .index-banner .i-page .zanting{margin: 0 16px;width: 18px;display: flex;justify-content: center;} .index-banner .i-page .zanting span{width: 5px;height: 15px;display: block;margin: 0 2px;background: #fff;} .index-banner .i-page .zanting.bofang span{display: none;} .index-banner .i-page .zanting.bofang span:first-child{display: block; width: 0;height: 0;margin: 0; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 10px solid #fff;transform: rotate(180deg);background: none;} .index-banner .swiper-pagination{position: static;height: 26px;align-items: flex-end;text-align: center;font-size: 18px;line-height: .8em;color: #fff;} .index-banner .swiper-pagination .total{text-indent: 12px;} .index-banner .swiper-pagination ul{position: relative;width: 40px;height: 26px;overflow: hidden;} .index-banner .swiper-pagination ul li{position: absolute;left: 0px;bottom: 0;font-size: 30px;line-height: .8em;font-weight: bold; } .index-banner .i-page .line{position: relative;width: 288px;height: 1px;background: #fff;} .index-banner .i-page .line .colorline{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #e70012;content: "";} .index-banner .i-page .line.on .colorline{animation: scroll 5s linear infinite;} .index-banner .video-btn{position: absolute;right: 0;bottom: -40px; border: 1px solid #fff;cursor: pointer;} .index-banner .video-btn .bf{width: 48px;height: 48px;border-radius: 100%;background: rgba(255,255,255,.8);} .index-banner .video-btn .bf span{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 10px solid #d6000f;} .index-banner .video-btn .bf:hover span{border-left-color:#fff;} @-webkit-keyframes scroll {0% {width: 0;}100% {width: 100%}} @keyframes scroll {0% {width: 0;}100% {width: 100%}} @-webkit-keyframes bigimg {0% {transform: scale(1.1);}100% {transform: scale(1);}} @keyframes bigimg {0% {transform: scale(1.1);} 100% {transform: scale(1);}} .indextit{text-align: center;line-height: 1em;color: #000;} .proqiu{border-radius: 100%;box-sizing: border-box;background: #fff;} .proqiu img{max-width: 80%;max-height: 80%;} #pro{top: -10px;} .index-pro{padding: 90px 0 0;background: url(/static/img/iprobg.png) no-repeat center / cover;} .index-pro .inpro-wapr1{position: relative;padding-bottom: 25px;} .index-pro .inpro-wapr1 .inpro-more{position: absolute;right: 0;bottom: 0;font-size: 26px;line-height: 1em;color: #cacaca;} .index-pro .inpro-wapr1 .inpro-more:hover {color: #0054aa;} .inpro-wapr2 .main{position: relative; padding: 32px 0 38px;} .inpro-wapr2 .main .tit{left: 0; max-width: 30%;padding: 22px 0;line-height: 1em;color: #333;} .inpro-wapr2 .main .tit:after{position: absolute;left: 0;bottom: 0;width: 44px;height: 3px;background: #0054aa;content:"";} .inpro-wapr2 .main .proqiu{width: 456px;height: 456px;border: 16px solid #0054aa;margin: 0 auto;} .inpro-wapr2 .main .promore{align-items: center;right: 0;} .inpro-wapr2 .main .promore .xtit{margin-right: 26px;color: #333;} .inpro-wapr2 .main .promore .tb{transform: rotate(-90deg);display: block; width: 90px;height: 90px;border-radius: 100%;line-height: 90px;text-align: center;font-size: 24px;color: #fff;background: #0054aa;} .inpro-wapr2 .main .promore:hover .xtit{margin-right: 15px;color: #0054aa;} .inpro-wapr3{position: relative; padding: 33px 0 20px;border-top: 1px solid #e5e5e5;background: #eee;} .inpro-wapr3 .main{position: relative;} .inpro-wapr3 .page{cursor: pointer;outline: none;} .inpro-wapr3 .page .img2{position: absolute;left: 0;top: 0;opacity: 0;z-index: 2;} .inpro-wapr3 .page.prev{left: 0;} .inpro-wapr3 .page.next{right: 0;transform:translateY(-50%) rotate(180deg) ;} .inpro-wapr3 .page:hover .img2{opacity: 1;} .inpro-wapr3 .main .swiper-container{width: calc(100% - 300px);padding: 0 5px;} .inpro-wapr3 .main .swiper-container .swiper-slide{cursor: pointer;} .inpro-wapr3 .main .proqiu{width: 173px;height: 173px;border: 4px solid #eee;margin: 0 auto 15px;} .inpro-wapr3 .main .swiper-container .swiper-slide-active .proqiu{border-color: #0054aa;} .inpro-wapr3 .main .protit{text-align: center;line-height: 1.5em;} .index-application{padding: 86px 0 76px;background: url(/static/img/iapplicabg.png) no-repeat center;} .index-application .indextit{margin-bottom: 78px;} .index-application .main{position: relative;} .iapplica-swiper1{position: relative;margin-bottom: 43px; width: 68%;padding-left: 74px;} .iapplica-swiper1 .swiper-slide{width: 75.36679536679537%;} .iapplica-swiper1 .bigimg{border-radius: 12px;height: 514px;background: #0054aa;} .iapplica-swiper1 .bigimg img{width: 100%;height: 100%;object-position: center;object-fit: cover;} .iapplica-swiper1 .pagemn{position: absolute;left:0;bottom: 8.171206225680934%;border-radius: 100px;overflow: hidden; z-index: 2;} .iapplica-swiper1 .pagemn .page{width: 74px;height: 50px; background: #fff;} .iapplica-swiper1 .pagemn .page span{font-size: 24px;color: #0054aa;} .iapplica-swiper1 .pagemn .page.prev span{transform: rotate(90deg);} .iapplica-swiper1 .pagemn .page.next span{transform: rotate(-90deg);} .iapplica-swiper1 .pagemn .page:hover{background: none;} .iapplica-swiper1 .pagemn .page:hover span{color: #fff;} .iapplica-swiper2{top: 48px;z-index: 2;} .iapplica-swiper2 .line{width: 60px;height: 5px;margin-top: 120px;background: #0054aa;} .iapplica-swiper2 .swiper-container{padding: 0!important;margin: 0;width: 625px;} .iapplica-swiper2 .box{width: 625px;height: 347px;box-sizing: border-box;padding: 52px 108px 10px 132px; background: url(/static/img/iapplica2.png) no-repeat center / cover;} .iapplica-swiper2 .box .entit{line-height: .8em;font-weight: bold; color: #333;} .iapplica-swiper2 .box .tit1{margin: 56px 0 14px; line-height: 1em;color: #0054aa;} .iapplica-swiper2 .box .tit2{margin-bottom: 38px; line-height: 1em;font-weight: bold; color: #0054aa;} .iapplica-swiper2 .box .sum{line-height: 28px;} .iapplica-swiperqh .mn{width: 109px;height: 109px;margin: 0 50px;border-radius: 100%;box-sizing: border-box;box-shadow: 0 0px 20px -4px rgba(0,0,0,.1);text-align: center; background: #fff;} .iapplica-swiperqh .mn .iconfont{display: block;margin: 31px 0 8px; line-height: 34px;font-size: 34px; color: #0054aa;} .iapplica-swiperqh .mn span{display: block;font-size: 14px;line-height: 20px; color: #333;} .iapplica-swiperqh .mn:hover{background: none;} .iapplica-swiperqh .mn:hover .iconfont,.iapplica-swiperqh .mn:hover span{color: #fff;} .iapplica-swiperqh .mn.on{box-shadow: unset; background: #0054aa;} .iapplica-swiperqh .mn.on .iconfont,.iapplica-swiperqh .mn.on span{color: #fff;} .index-about{padding:112px 0 180px;background: url(/static/img/iaboutbg.png) no-repeat center / cover;} .index-about .index-title{margin-bottom: 80px;text-align: center;color: #fff;} .index-about .index-title .indextit{color: #fff;} .index-about .index-title .sum{margin-top: 22px;line-height: 1em;} .index-about .box{width: 61.26666666666667%;padding: 75px 78px 78px 75px;box-sizing: border-box; background: #fff;} .index-about .box .tit{line-height: 1em;color: #0054aa;} .index-about .box .m-content{padding: 38px 0 31px;} .index-about .box .m-content p{text-indent: 0;} .index-about .box .aboutmore{width: 150px;height: 50px;border-radius: 100px;color: #fff; background: #0054aa;} .index-news{padding: 126px 0 0;} .inews-qh{justify-content: flex-end;padding: 44px 0 49px;} .inews-qh a{position: relative;align-items: center;padding-bottom: 15px;margin-left: 36px;color: #333;} .inews-qh a span{display: block;padding: 0 22px 0 4px;line-height: 1em;} .inews-qh a .iconfont{font-size: 14px;line-height: 1em;font-weight: bold;} .inews-qh a:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #333;content: "";transition: all .5s;} .inews-qh a:hover{color: #0054aa;} .inews-qh a:hover:before{background: #0054aa;} .inews-qh a.on{color: #0054aa;} .inews-qh a.on:before{background: #0054aa;} .inews-swipermain .heightau{height:auto!important;} .inews-swiperzi .bigimg{display: block;border-radius: 16px;} .inews-swiperzi .bigimg img{width: 100%;height: 100%;} .inews-swiperzi .mes{display: block;line-height: 1em; color: #999;} .inews-swiperzi .mes .tit{height: 68px;margin: 18px 0;line-height: 34px;color: #333;} .inews-swiperzi .mes .sum{width: 100%;height: 1em;} .inews-swiperzi .mes .line{margin: 18px 0 13px;width: 100%;height: 1px;background: rgba(0,0,0,.1);} .inews-swiperzi .mes .bot{justify-content: space-between;align-items: center;} .inews-swiperzi .mes .bot .more{align-items: center;} .inews-swiperzi .mes .bot .more .iconfont{transform: scale(.5);} .inews-swiperzi .mes .bot .iconfont{line-height: 1em;} .inews-swiperzi .swiper-slide:hover .mes{color: #0054aa;} .inews-swiperzi .swiper-slide:hover .mes .tit{color: #0054aa;} .inews-page{padding: 72px 0 121px;} .inews-page .mhover{width: 50px;height: 50px;background: #0054aa;cursor: pointer;outline: none;} .inews-page .mhover span{color: #fff;} .inews-page .mhover.prev span{transform: rotate(180deg);} .inews-page .swiper-pagination{position: static;padding: 0 56px; height: 16px;align-items: center;text-align: center;font-size: 16px;line-height: .8em;color: #000;} .inews-page .swiper-pagination .total{width: 16px;line-height: 1em;text-align: left;} .inews-page .swiper-pagination ul{position: relative;width: 16px;height: 1em;text-align: right; overflow: hidden;} .inews-page .swiper-pagination ul li{position: absolute;left: 0px;bottom: 0;width: 100%;font-size: 16px;line-height: 1em; } .index-service{padding:82px 0 0;background: #f5f5f5;} .index-service .main{padding: 90px 0 122px; justify-content: space-between;} .index-service .main .mn{text-align: center;} .index-service .main .mn .proqiu{width: 105px;height: 105px;margin: 0 auto} .index-service .main .mn .proqiu span{font-size: 34px;color: #000;} .index-service .main .mn .proqiu .img2{display: none;} .index-service .main .mn .proqiu:hover .img2{display: block;} .index-service .main .mn .proqiu:hover .img1{display: none;} .index-service .main .mn .proqiu:hover span{color: #fff;} .index-service .main .mn .tit{display: block; margin: 24px 0 18px; line-height: 1em;color: #333;} .index-service .main .mn .sum{display: block;line-height: 1em;color: #999;} .index-service .main .mn:hover .sum,.index-service .main .mn:hover .tit{color: #0054aa;} .footer{background: #252c33;} .footer .footer-top{padding: 33px 0 14px;} .footer .footer-top .proqiu{width: 34px;height: 34px;margin-left: 20px;} .footer .footer-top .proqiu span{display: block;line-height: 1em; font-size: 22px;color: #252c33;} .footer .footer-top .proqiu:hover{background: none;} .footer .footer-top .proqiu:hover span{color: #fff;} .footer .footer-cen{position: relative;} .footer .footer-cen .line1{width: 34px;height: 3px;margin: 0 auto;background: #fff;} .footer .footer-cen .line2{position: absolute;top: 1px;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,.1);} .footer-nav{padding: 45px 0 98px; justify-content: space-between;} .footer-nav dt a{display: block;margin-bottom:26px; line-height: 1em;color: #fff;} .footer-nav dd a{display:inline-block; line-height: 34px;color: #dbdbdb;} .footer-bot a,.footer-bot p{line-height: 1em;color: #dbdbdb;} .footer-bot a:hover{color: #fff;} .footer-bot .footer-bott{text-align: right;} .footer-bot .line{width: 100%;height: 1px;margin: 15px 0;background: rgba(255,255,255,.1);} .footer-bot .footer-botb{justify-content: space-between;padding-bottom: 16px;} .fix-top{position: fixed;right: 5%;bottom: min(calc(5vw + 16px),80px);display: none;opacity: .8;writing-mode: vertical-lr;letter-spacing: .05em;line-height: 1.25rem;text-transform: uppercase;font-size: .875rem;font-weight: 600; z-index: 99;} .fix-top .line{width: 1px;height: 5rem;display: block;align-items: center;margin:0 auto 1.25rem;background-image: linear-gradient(to bottom,#999 50%,transparent 50%); background-size: 100% 200%; -webkit-animation: elastic-up 2.5s infinite cubic-bezier(0.85,0,0.15,1) both;animation: elastic-up 2.5s infinite cubic-bezier(0.85,0,0.15,1) both} @-webkit-keyframes elastic-up {0% {background-position: center 0}to {background-position: center 200%}} @keyframes elastic-up {0% {background-position: center 0}to {background-position: center 200%}} .fix-top.on{display: flex;} .fix-top:hover{opacity: 1;} .n-banner{position: relative;height: 608px;} .n-banner .bimg{width: 100%;height: 100%;object-position: center;object-fit: cover;} .n-banner .mes{top: 196px;text-align: center;color: #fff;} .n-banner .mes .entit{position: relative;display: inline-block;margin-bottom: 22px;text-transform: uppercase;line-height: 30px;font-weight: bold;} .n-banner .mes .entit:after{position: absolute;left: -5px;bottom: 0;width: calc(100% + 10px);height: 1px;background: rgba(255,255,255,.5);content: "";} .n-banner .mes .cntit{line-height: 1em;} .n-banner .enav{bottom: 0;background-image: linear-gradient(to bottom,rgba(255,255,255,.8),rgba(255,255,255,1));} .n-banner .enav .enav-top{padding: 22px 26px 0;align-items: center;} .n-banner .enav .enav-top .text{display: block;margin: 0 10px;line-height: 1em;color: #555;} .n-banner .enav .enav-top a.text:hover{color: #0054aa;} .n-banner .enav .enav-top .iconfont{line-height: 1em;color: #0054aa;} .n-banner .enav .enav-top .iconfont.jt{transform: scale(.8);color: #a5a6a6;} .n-banner .enav .enav-main.enav-main4 .mn{width: 25%;} .n-banner .enav .enav-main .mn{position: relative;} .n-banner .enav .enav-main .mn:before{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #dcdcdc;content: "";} .n-banner .enav .enav-main .mn:last-child:before{display: none;} .n-banner .enav .enav-main .mn a{position: relative;align-items: center;justify-content: center;padding: 44px 0 37px;line-height: 1em;color: #999;} .n-banner .enav .enav-main .mn a .iconfont{margin-right: 20px; font-size: 24px;} .n-banner .enav .enav-main .mn a:before{position: absolute;left: -10px;bottom: 0;width: 0;height: 2px;background: #0054aa;transition: all .5s;content: "";} .n-banner .enav .enav-main .mn.on a,.n-banner .enav .enav-main .mn a:hover{color: #0054aa;} .n-banner .enav .enav-main .mn.on a:before,.n-banner .enav .enav-main .mn a:hover:before{width: calc(100% + 20px);} .n-banner .enav .enav-main.oth{justify-content: center;} .n-banner .enav .enav-main.oth a{color: #000;pointer-events: none;} .n-banner .enav .enav-main.oth .mn a .iconfont{color: #0054aa;} .n-banner .enav .enav-main.oth .mn a:before{left: 50%;transform: translateX(-50%);width: 530px;} .n-banner .enav .enav-main.enav-main2 .mn{width: 50%} .n-banner .enav .enav-main.enav-main2 .mn a:before, .n-banner .enav .enav-main.enav-main2 .mn a:before{left: -76px;} .n-banner .enav .enav-main.enav-main2 .mn.on a:before, .n-banner .enav .enav-main.enav-main2 .mn a:hover:before{width: calc(100% + 152px)} .n-banner .enav .enav-main.enav-main3 .mn{width: 33.333333%} .n-banner .enav .enav-main.enav-main3 .mn a:before, .n-banner .enav .enav-main.enav-main3 .mn a:before{left: -76px;} .n-banner .enav .enav-main.enav-main3 .mn.on a:before, .n-banner .enav .enav-main.enav-main3 .mn a:hover:before{width: calc(100% + 152px)} /*澳门新葡萄新京6663*/ .about-profile .indextit{padding: 72px 0 52px;} .about-profile .m-content p{margin-bottom: 10px;} .about-profile .video-btn{position: relative;height: 400px;margin-top: 60px;} .about-profile .video-btn .img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .about-profile .video-btn .mes{top: 157px;} .about-profile .video-btn .proqiu{width: 83px;height: 83px;margin:0 auto 16px;cursor: pointer;transition-delay: 0.175s;} .about-profile .video-btn .proqiu span{border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid #0054aa;} .about-profile .video-btn .proqiu:hover{background: transparent;} .about-profile .video-btn .proqiu:hover span{border-left: 20px solid #fff;;} .about-profile .video-btn .tit{line-height: 1em;color: #fff;} .about-main{padding: 66px 0 87px; background: url(/static/img/about2.jpg) no-repeat top center;} .about-culture .main{padding: 71px 0 134px;justify-content: center;display: flex;} .about-culture .main .mn{width: 398px;height: 398px;border-radius: 100%;box-sizing: border-box;border: 1px solid rgba(126,168,212,.3);margin-left: -31px;padding: 108px 0 0;text-align: center;} .about-culture .main .mn:first-child{margin: 0;} .about-culture .main .mn .iconfont{display: block;margin: 0 auto;font-size: 75px;line-height: 1em;color: #0054aa;} .about-culture .main .mn .tit{position: relative;display: inline-block;padding:0 16px;margin: 30px 0 28px;line-height: 1em;color: #000;} .about-culture .main .mn .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 100%;background: #0054aa; content: "";} .about-culture .main .mn .tit:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;border-radius: 100%;background: #0054aa; content: "";} .about-culture .main .mn .sum{line-height: 28px;color: #777;} .about-culture .main .mn:hover{z-index: 2;} .about-culture .main .mn:hover .iconfont,.about-culture .main .mn:hover .tit,.about-culture .main .mn:hover .sum{color: #fff;} .about-culture .main .mn:hover .tit:before,.about-culture .main .mn:hover .tit:after{background: #fff;} .about-events{position: relative; border: 3px solid #0054aa;border-radius: 10px;padding: 80px 0 58px;background: #fff;} .about-events .line{position: absolute;top: 299px;left: 0;width: 100%;height: 1px;background: rgba(0,84,170,.1);} .about-events .swiper-container{padding:90px 0 42px;width: calc(100% - 184px) } .about-events .year{font-weight: bold;text-align: center;line-height: .8em; color: #0054aa;} .about-events .dian{position: relative;margin: 38px auto 30px;width: 38px;height: 38px;border-radius: 100%;background: rgba(0,84,170,.3);} .about-events .dian:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;border-radius: 100%;background: #0054aa;content: "";} .about-events .sum{height: 305px;border-radius: 10px;box-sizing: border-box;padding:65px 24px 24px; background: #f6f6f6;transition: all .5s;} .about-events .sum p{line-height: 28px;text-align: justify; color: #777; transition: all .5s;} .about-events .sum:hover{background: #0054aa;} .about-events .sum:hover p{color: #fff;} .about-events .inews-page{padding: 0;} .about-events .inews-page .proqiu{margin: 0 60px;} .honor-list .indextit{padding: 86px 0 56px;} .honor-list .honor-type{margin-bottom: 40px;justify-content: center;} .honor-list .honor-type a{position: relative;padding: 0 28px;line-height: 1em;color: #999;} .honor-list .honor-type a:before{position: absolute;left: 3px;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;border-radius: 100%;background: #0054aa;transition: all .5s;content: "";opacity: 0;} .honor-list .honor-type a:hover,.honor-list .honor-type a.on{color: #333;} .honor-list .honor-type a:hover:before,.honor-list .honor-type a.on:before{left: 0px;opacity: 1;} .honor-events .top{padding: 0 52px;line-height: 70px;color: #fff;background: #0054aa;} .honor-events .top .iconfont{font-size: 28px;} .honor-events .top .timez{margin-left: 22px; font-weight: bold;} .honor-events .bottom{position: relative;padding: 59px 0 202px;} .honor-events .bottom li{position: relative;padding: 66.5px 102px;box-sizing: border-box;align-items: center;} .honor-events .bottom li .time{width: 16.53333333333333%;line-height: 1em;font-weight: bold; color: #999;} .honor-events .bottom li .sum{max-width: 83.46666666666667%;line-height: 2em;color: #777;} .honor-events .bottom li .tbyuan{left: calc(102px + 10%);width: 28px;height: 28px;box-sizing: border-box;} .honor-events .bottom li .tbyuan:before{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 14px;height: 14px;border-radius: 100%;background: #999;content: "";} .honor-events .bottom li .tbyuan:after{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;box-sizing: border-box; border-radius: 100%;border: 1px solid #999;content: "";transition: all .5s;} .honor-events .bottom li .tbyuan .line{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); width: 2px;height: 400px;background: #eee;z-index: -1;} .honor-events .bottom li:first-child,.honor-events .bottom li:last-child{overflow: inherit;} .honor-events .bottom li:last-child .tbyuan .line{top: -100px;transform: translate(-50%,0);height: 302px;} .honor-events .bottom li:last-child .tbyuan .line:after{position: absolute;bottom: 0;left: -5px;width: 12px;height: 12px;border-radius: 100%;background: #0054aa;content: "";} .honor-events .bottom li .tbyuan .iconfont{font-size: 28px;line-height: 1em;color: #fff;opacity: 0;} .honor-events .bottom li:hover {background: #f8f8f8;} .honor-events .bottom li:hover .time,.honor-events .bottom li:hover .sum{color: #0054aa;} .honor-events .bottom li:hover .tbyuan{} .honor-events .bottom li:hover .tbyuan:after{width: 44px;height: 44px;border-color: #0054aa;background: #0054aa;} .honor-events .bottom li:hover .tbyuan:before{opacity: 0;} .honor-events .bottom li:hover .tbyuan .iconfont{opacity: 1;} .honor-pic{padding-bottom: 20px;} .honor-pic li{width: 19.29032258064516%;margin-right: 7.612903225806452%;margin-bottom: 86px;box-shadow: 0 0px 20px -4px rgba(0,0,0,.1);} .honor-pic li:nth-child(4n){margin-right: 0;} .honor-pic li .bigimg{height: 220px;background: url(/static/img/honor1.png) no-repeat center / cover;} .honor-pic li .bigimg img{max-width: calc(100% - 80px);max-height: calc(100% - 20px);} .honor-pic li .mes{position: relative;height: 78px; background: #fff;} .honor-pic li .mes span{ color: #555;} .honor-pic li:hover .mes span{color: #fff;} .honor-pic li .mes .line{position: absolute;left: 0;top:31px;width: 3px;height: 16px;background: #0054aa;} .honor-pic li:hover .mes .line{top: 0;height: 100%;width: 100%;} /*产品列表*/ .pro-list{padding: 80px 0 120px;} .pro-type{position: relative;width: 250px;} .pro-type .top{height: 50px;padding: 0 20px;justify-content: space-between;align-items: center;background: #f5f5f5;cursor: pointer;} .pro-type .top span{color: #999;} .pro-type .top .jia{position: relative;width: 15px;height: 15px;} .pro-type .top .jia .line{position: absolute; background: #0054aa;} .pro-type .top .jia .line.line1{left: 6px;top: 0;width: 3px;height: 15px;} .pro-type .top .jia .line.line2{left: 0;top: 6px; width: 15px;height: 3px;} .pro-type .top .jia.on .line1{transform: rotate(90deg);} .pro-type .bottom{position:absolute;top: 100%;left: 0px;width: 100%;display: none; } .pro-type .bottom li{border-top: 1px solid #e5e5e5;} .pro-type .bottom li a{padding: 0 20px;width: 100%;box-sizing: border-box; line-height: 40px;color: #666;background: #f5f5f5;} .pro-type .bottom li:hover a{color: #fff;background: #0054aa;} .pro-main{width: 100%;padding: 53px 0 16px;} .pro-main li{width: 30.6%;margin-right: 4.1%;box-sizing: border-box;border: 1px solid #dcdcdc;margin-bottom: 59px;} .pro-main li:nth-child(3n){margin-right: 0;} .pro-main li .bigimg{height: 288px;box-sizing: border-box;border-bottom:1px solid #dcdcdc; } .pro-main li .bigimg img{max-width: 80%;max-height: 80%;} .pro-main li .mes{height: 94px;padding: 0 30px;align-items: center;justify-content: space-between;} .pro-main li .mes .tit{color: #333;max-width: calc(100% - 120px);} .pro-main li .mes .promore{align-items: center; font-size: 14px;color: #555;} .pro-main li .mes .promore .iconfont{display: block;padding-top: 16px;font-size: 18px;transform: rotate(-90deg);} .pro-main li:hover {border-color: #0054aa;} .pro-main li:hover .tit,.pro-main li:hover .promore{color: #fff;} .pro-main li:hover .mhover::before,.pro-main li:hover .mhover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .pro-main li:hover .mhover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;} .pro-page{width: 100%;justify-content: center;} .pro-page a,.pro-page span{display: block;width: 40px;height: 40px;border-radius: 5px;font-size: 0;margin: 0 2px; background: #f5f5f5;color: #999;} .pro-page a:hover,.pro-page span:hover,.pro-page span.now{background: #0054aa;color: #fff;} .pro-page .sxpage{position: relative;} .pro-page .sxpage .iconfont{font-size: 12px;pointer-events: none;color: #818181} .pro-page .sxpage:hover .iconfont{color: #fff;} .pro-page .sxpage.prev .iconfont{transform:translate(-50%,-50%) rotate(180deg);} .pro-page .numpage a,.pro-page .numpage span{font-size: 16px;line-height: 40px;text-align: center;} .pr-wrap{padding: 86px 0 0;} .pr-top{position: relative; margin-bottom: 28px;padding-bottom: 24px;border-bottom: 1px solid #dadada;flex-flow: row-reverse;justify-content: space-between;} .pr-top .picslide{position: relative;max-height: 400px;width: 40%;border-radius: 10px; box-shadow: 0px 0px 15px rgba(0,0,0,.1)} .pr-top .picslide .bigimg{height: 100%;} .pr-top .picslide .swiper-container{height: 100%;} .pr-top .picslide .page{position: absolute;width: 50px;height: 50px;background: #0054aa;color: #fff;cursor: pointer;z-index: 2;outline: none;} .pr-top .picslide .page span{font-size: 24px;} .pr-top .picslide .page.prev{left: 0;} .pr-top .picslide .page.prev span{transform: rotate(180deg);} .pr-top .picslide .page.next{right: 0;} .pr-top .pictext{width: 56%;} .pr-top .pictext .tx-title{margin: 20px 0 18px;line-height: 1em;color: #333;} .pr-top .tx-summary{border-top: 1px solid #dadada;padding: 16px 0;margin-bottom: 50px;} .pr-top .tx-summary p{text-indent: 0;} .pr-con .pr-con-type{margin-bottom: 30px;padding-bottom: 5px;font-size: 0;border-bottom: 1px solid #0054aa;} .pr-con-type li{margin-right: 5px;padding: 0 43px;height: 50px;border-radius: 5px;line-height: 50px;text-align: center;color: #666;background: #f4f4f4;cursor: pointer;} .pr-con-type li.on{color: #fff;background: #0054aa;} .pr-con-type li:hover{color: #fff;background: #0054aa;} .m-content table td{padding:10px;line-height:1.5em;} .m-content table p{margin-bottom:0;} /*.m-content table{width: 100%;} .m-content table tr{} .m-content table tr td{height: 46px;} .m-content table tr td:nth-child(1){width: 200px;padding:0 20px;box-sizing: border-box;font-size: 16px;text-align: center; color: #fff !important;} .m-content table tr td:nth-child(2),.m-content table tr td:nth-child(3),.m-content table tr td:nth-child(4){font-size: 16px;color: #777 !important;text-align: center;} .m-content table tr:nth-child(2n+1) td:nth-child(1){background: #0054aa;} .m-content table tr:nth-child(2n) td:nth-child(1){background: rgba(0 ,84, 170,.7);;} .m-content table tr:nth-child(2n+1) td:nth-child(2),.m-content table tr:nth-child(2n+1) td:nth-child(3),.m-content table tr:nth-child(2n+1) td:nth-child(4), .m-content table tr:nth-child(2n+1) td:nth-child(5){background: #f4f4f4;} .m-content table tr.f4bg td{background: #f4f4f4 !important;color: #777 !important;} .m-content table tr.ffbg td{background: #fff !important;color: #777 !important;} .m-content table tr:nth-child(2n) td:nth-child(2){background: #fff;}*/ .go-back{margin: 70px auto 130px;border: 1px solid #0054aa;width: 150px;height: 50px;box-sizing: border-box;border-radius: 100px; color: #0054aa;} /*应用领域*/ .app-list{padding: 113px 0 40px;} .app-top{position: relative;border: 15px solid #cdddee;margin-bottom: 89px;} .app-top .tit{position: absolute;left: 4.761904761904762%;line-height: 1em;color: #0054aa;background: url(/static/img/app2.jpg) repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .app-top .tit.tit1{top: 30.18867924528302%; animation: fn 6s linear infinite;} .app-top .tit.tit2{top: 58.49056603773585%; animation: fn 8s linear infinite;} @keyframes fn{0%{background-position:0px center;} 100%{background-position:777px center;}} .app-list .pro-main{padding: 0} .app-list .pro-main li{margin-bottom: 64px;} .app-list .pro-main li .bigimg{height: auto;border: none;} .app-list .pro-main li .bigimg img{max-width: unset;max-height: unset;width: 100%;height: auto;} .app-list .pro-main li .mes{height: 101px;justify-content: center;background: #f5f5f5;} .app-list .pro-main li .mes .tit{max-width: 100%;text-align: center;} .app-list .pro-main li .mes:hover .tit{color: #fff;} .newsmain{padding:106px 0 75px; } .newsmain .tit{margin-bottom: 44px;line-height: 66px;text-align: center;color: #000;} .newsmain .newsmain-sum{justify-content: center;align-items: center;margin-bottom: 10px;color: #333;} .newsmain .newsmain-sum .line{width: 1px;height: 12px;margin: 0 50px;background: #ccc;} .newsmain .m-content{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 30px 0;} .newsmain .m-content p{margin-bottom: 1em;text-indent: 2em;} .newsmain .return{width: 160px;height: 50px;border-radius: 100px;box-sizing: border-box;padding: 0 28px;display: block;margin: 0 auto;background: #0054aa;text-align: center;line-height: 50px;} .newsmain .return span{color: #fff;} .sx-page{justify-content: space-between;padding: 20px 0;margin-bottom: 30px;} .sx-page .page{width: 48%;} .sx-page .page a{line-height: 2em; color: #0054aa;} .sx-page .page.next span{width: 100%;text-align: right;line-height: 2em;} /*研发技术支持*/ .tech-warp1{position: relative;} .tech-warp1 .bg{top: 216px} .tech-warp1 .img1{max-width:100%;height:auto;margin:0 auto;} .tech-warp1 .indextit1{padding: 124px 0 114px;} .tech-warp1 .indextit2{padding: 154px 0 45px;} .tech-warp1 .sum{text-align: center;line-height: 2em;} .tech-warp1 .swiper-container{position: relative;width: calc(100% - 100px);padding: 40px 10px 46px;margin-bottom: 155px;} .tech-warp1 .swiper-slide{width: 1150px;pointer-events: none;} .tech-warp1 .swiper-slide .bigimg{position: relative; border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);background: #f5f5f5;} .tech-warp1 .swiper-slide .mengc{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.35);opacity: 1;} .tech-warp1 .swiper-slide.swiper-slide{pointer-events: auto;} .tech-warp1 .swiper-slide.swiper-slide-active .mengc{opacity: 0;} .tech-warp1 .picul{justify-content:space-around;padding-bottom:100px} .tech-warp1 .picul li{width:26%;margin-bottom:50px;border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,.2);} .tech-warp1 .page{cursor: pointer;outline: none;} .tech-warp1 .page .img2{position: absolute;left: 0;top: 0;opacity: 0;z-index: 2;} .tech-warp1 .page.prev{left: 0;} .tech-warp1 .page.next{right: 0;transform:translateY(-50%) rotate(180deg) ;} .tech-warp1 .page:hover .img2{opacity: 1;} .tech-warp1 .swiper-pagination{bottom: 0!important;} .tech-warp1 .swiper-pagination span{display: block;margin: 0 10px!important;width: 10px;height: 10px;border: 1px solid #0054aa;box-sizing: border-box;background: none;opacity: 1;} .tech-warp1 .swiper-pagination span.swiper-pagination-bullet-active{background: #0054aa;} .tech-warp2{padding: 115px 0 178px; background: url(/static/img/tech3.jpg) no-repeat center / cover;} .tech-warp2 .indextit{margin-bottom: 108px;color: #fff;} .tech-warp2 .main{position: relative;} .tech-warp2 .swiper-slide {width: 560px;} .tech-warp2 .swiper-slide .tbbox{height: 68px;align-items: center;padding: 0 89px;} .tech-warp2 .swiper-slide .mes{position: relative;padding: 0 89px;color: #fff;} .tech-warp2 .swiper-slide .mes:before{position: absolute;top: 0;left: 0;width: 1px;height: 142px;background: rgba(255,255,255,.35);content: "";} .tech-warp2 .swiper-slide .mes:after{position: absolute;top: 0;right: 0;width: 1px;height: 142px;background: rgba(255,255,255,.35);content: "";} .tech-warp2 .swiper-slide .mes .tit{margin:36px 0 30px;line-height: 1em;} .tech-warp2 .swiper-slide .mes .sum{line-height: 28px;text-align: justify;} .tech-warp2 .iconfont{display: none;font-size: 45px;color: #fff;z-index: 2;} .tech-warp2 .iconfont.prev{left: -110px;transform:translateY(-50%) rotate(180deg);} .tech-warp2 .iconfont.next{right: -110px;} .tech-warp2 .iconfont:hover{color: #0054aa;} .down-list{padding: 128px 0 147px;} .down-list .indextit{margin-bottom: 79px;} .down-list li{margin-bottom: 26px;} .down-list li .tb1{display: none;font-size: 88px;line-height: 1em;color: #f26666;} .down-list li .mes{width: calc(100% - 88px);box-sizing: border-box;padding: 20px 33px 0; background: #f5f5f5;} .down-list li .mes span{display: block;} .down-list li .mes .tit{margin-bottom: 12px; line-height: 1em; color: #333;} .down-list li .mes .size{line-height: 1em; color: #999;} .down-list li .tb2{width: 88px;height: 88px;box-sizing: border-box;border-left: 1px solid #f5f5f5;background: #d2d2d2;} .down-list li .tb2 span{font-size: 36px;color: #fff;} .down-list li:hover .mhover span{color: #fff!important;} .down-list li:hover .mhover::before,.down-list li:hover .mhover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .down-list li:hover .mhover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;} .down-list li:hover .tb2{border-color: #fff;} /*媒体聚焦*/ .news-list{padding: 85px 0 113px;} .news-list a{display: block;} .news-list .indextit{margin-bottom: 84px;} .news-list .main .top{padding:36px 30px;box-sizing: border-box;border: 1px solid #e5e5e5;justify-content: center;align-items: center; margin-bottom: 84px;} .news-list .main .top .bigimg{width:39.58333333333333%;} .news-list .main .top .mes{width: 60.41666666666667%;box-sizing: border-box;padding: 18px 80px;} .news-list .main .mes .time{font-size: 14px;line-height: .8em;font-weight: bold;color: #999;} .news-list .main .top .mes .tit{margin: 36px 0 32px; line-height: 1em;color: #333;} .news-list .main .top .mes .sum{margin-bottom:64px;line-height: 30px;color: #555;} .news-list .main .mes .newsmore{display: flex; line-height: 1em;font-size: 14px;color: #555;} .news-list .main .mes .newsmore .iconfont{margin-left: 16px;font-size: 18px;line-height: 14px;color: #b2b2b2;transform: rotate(-90deg);} .news-list .main .top:hover .mes a{color: #0054aa!important;} .news-list .main .top:hover .mes .newsmore .iconfont{margin-left: 20px; color: #0054aa;} .news-list .main .bottom li{width:29%;margin-right:6.5%;margin-bottom: 108px;} .news-list .main .bottom li:nth-child(3n){margin-right: 0;} .news-list .main .bottom li .bigimg img{width: 100%;} .news-list .main .bottom li .mes .tit{margin: 24px 0;height: 68px;line-height: 34px;color: #333;} .news-list .main .bottom li .mes .bot{justify-content: space-between;align-items: center;} .news-list .main .bottom li .mes .bot .time{padding-top: 2px;} .news-list .main .bottom li:hover .mes a{color: #0054aa!important;} .news-list .main .bottom li:hover .mes .newsmore .iconfont{margin-left: 20px; color: #0054aa;} .news-list .main .pro-page{position: relative;top: -14px;} /*投资者关系*/ .down-list.notice{padding: 86px 0 102px;} .down-list.notice .indextit{margin-bottom: 74px;} .down-list.notice li .mes{padding: 0 30px 0 37px;justify-content: space-between;align-items: center;} .down-list.notice li .mes .tit{width:calc(100% - 160px); margin-bottom: 0;} .down-list.notice li .mes .time{color: #999;} .down-list.notice .pro-page{padding-top: 45px;} .notice .top{padding: 10px 20px;background: #0054aa!important;color: #fff;} .notice .mn1{width: 20%;display: none;} .notice .mn2{width: calc(100% - 32px);padding: 0 20px 0 0;box-sizing: border-box;} .notice .mn3{width: 32px;text-align: center;} .notice .mn{box-sizing: border-box;} .notice li{margin: 0!important;justify-content: space-between;box-sizing: border-box;} .notice li a{width: 100%;box-sizing: border-box;padding: 10px 20px;line-height: 30px;color: #666;} .notice li:nth-child(2n - 1){background: #f2f2f2;} .notice li:hover a{color: #0054aa;} .visit .contact-way{padding: 0!important;} .visit .visitbox{padding: 30px 0 50px;} .visit.contact-feedback .mmn.three{margin-bottom: 0;} .visit.contact-feedback .tj.downfile{width: 220px;display: flex;} .visit.contact-feedback .tj.downfile .iconfont{display: block;margin-right: 10px;} /*联系我们*/ .contact-way{padding: 86px 0 119px;} .contact-way .indextit{margin-bottom: 69px;} .contact-way .main{margin-bottom: 93px;} .contact-way .main .le{width: 377px;} .contact-way .main .le .top{box-sizing: border-box;border: 1px solid #d9d9d9;margin-bottom: 30px;} .contact-way .main .le .top li{position: relative;height: 92px;align-items: center;justify-content: space-between;padding: 0 30px 0 24px; color: #999;cursor: pointer;} .contact-way .main .le .top li:last-child{border-bottom: none;} .contact-way .main .le .top li .line{left: 0;margin-top: 10px;width: 3px;height: 22px;background: #c80c21;opacity: 0;} .contact-way .main .le .top li .iconfont{padding-right: 5px;opacity: 0;color: #0054aa;} .contact-way .main .le .top li:hover,.contact-way .main .le .top li.on{color: #fff;background: #0054aa;} .contact-way .main .le .top li:hover .iconfont,.contact-way .main .le .top li.on .iconfont{color: #fff;} .contact-way .main .le .top li:hover .line,.contact-way .main .le .top li.on .line{margin-top: 0;opacity: 1;} .contact-way .main .le .top li:hover .iconfont,.contact-way .main .le .top li.on .iconfont{padding-right: 0;opacity: 1;} .contact-way .main .le .bigimg{position: relative;display: block;} .contact-way .main .le .bigimg .mes{position: absolute;left: 24px;bottom: 27px;} .contact-way .main .le .bigimg .mes .line{margin-bottom: 15px;width: 30px;height: 3px;background: #fff;} .contact-way .main .le .bigimg .mes .tit{line-height: 1em;color: #fff;} .contact-way .main .ri{width: calc(100% - 425px);} .contact-way .main .ri .top{height: 94px;padding: 0 40px;justify-content: space-between;align-items: center; background: #f5f5f5;color: #333;} .contact-way .main .ri .top .line{width: 30px;height: 3px;background: #0054aa;} .contact-way .main .ri .bot{position: relative; padding: 37px 40px;} .contact-way .main .ri .bot p{text-indent: 0;color: #777;} .contact-way .main .ri .bot p .iconfont{display: inline-block;font-size: 18px;margin-right: 10px;} .contact-way .main .ri .bot p strong{color: #333;} .contact-way .main .ri .bot .ewm{position: absolute;top: 40px;right: 40px;} .contact-way .map{height: 550px;width: 100%;opacity: 0;transition: all .5s;} .contact-way .map.on{position: absolute!important;top: 0;left: 0;opacity: 1;z-index: 2;} .contact-feedback{padding: 85px 0 115px;} .contact-feedback .indextit{margin-bottom: 69px;} .contact-feedback .inputmn{position: relative; } .contact-feedback .inputmn .tb{left: 10px; width: 53px;} .contact-feedback .inputmn .tb .iconfont{font-size: 24px;color: #777;} .contact-feedback .input-box{box-sizing: border-box;border: 1px solid #dcdcdc;height: 80px;width: 100%;box-sizing: border-box;padding: 0 10px 0 65px;font-size: 18px;color: #666;} .contact-feedback .mmn.three{justify-content: space-between;margin-bottom: 68px;} .contact-feedback .mmn.three .mn{width: 30%;} .contact-feedback .inputmn.mess{position: relative;height: 430px;resize: none;margin-bottom: 56px;} .contact-feedback .inputmn.mess .tb{position: absolute;top: 30px;left: 10px;line-height: 1em;} .contact-feedback .inputmn.mess .input-box{width: 100%;height: 100%;box-sizing: border-box; padding: 24px 12px;text-indent: 53px;line-height: 30px;resize: none;} .contact-feedback .tj{display: block;width: 150px;height: 50px;margin: 0 auto;border: none;border-radius: 100px; text-align: center;color: #fff;background: #0054aa;cursor: pointer;} .contact-feedback .input-box::-webkit-input-placeholder{color: #777;} .contact-feedback .input-box::-moz-placeholder {color: #777;opacity: 1;} .contact-feedback .input-box:-ms-input-placeholder {color: #777;} .contact-feedback .input-box::-webkit-input-placeholder {color: #777;} .contact-job{padding: 86px 0 70px;} .contact-job .sum{padding: 48px 0 46px;justify-content: center;line-height: 30px;color: #777;} .contact-job .sum span{color: #0054aa;} .contact-job .main .mn{margin-bottom: 58px;} .contact-job .main .mn .top{min-height: 80px;justify-content: space-between;align-items: center;padding: 10px 50px 10px 55px;box-sizing: border-box;background: #0054aa;color: #fff;} .contact-job .main .mn .top .tit{max-width: calc(100% - 200px);} .contact-job .main .mn .bot{position: relative;border: 1px solid #eee;padding: 40px 50px 85px 55px;} .contact-job .main .mn .bot.m-content p{text-indent: 0;color: #777;} .contact-job .main .mn .bot .dj-jianli{position: absolute;bottom: 92px;right: 50px;display: flex;width: 150px;height: 50px;border-radius: 100px;background: #0054aa;color: #fff;} .contact-job .main .mn .bot .dj-jianli .iconfont{margin-right: 14px;font-size: 20px;} .contact-jobform{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none; z-index: 9999999;} .contact-jobform .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.45);} .contact-jobform .jobform{width: 94%;max-width: 1000px;padding: 80px 100px;box-sizing: border-box;background: #fff;z-index: 2;} .contact-jobform .jobform .close{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 3;} .sq-form .row{margin-bottom: 15px;} .sq-form .row .descr{height: 80px;resize: none;} .sq-form .file-info{font-size: 16px;line-height: 30px;color: #666;} .sq-form .row-submit{display: flex;justify-content: space-between;padding-top: 10px;} .sq-form .row-submit .file-box{position: relative;} .sq-form .row-submit .file-box input{position: absolute;left: 0;top: 0;width: 155px;height: 50px;opacity: 0;cursor: pointer;} .sq-form .row-submit .file-box span{display: block;width: 155px;height: 50px;border-radius: 100px;background: #0054aa;font-size: 18px;color: #fff;line-height: 50px;text-align: center;cursor: pointer;} .sq-form .row-submit .submit{width: 185px;height: 50px;border-radius: 100px;border: none;outline: none; font-size: 18px;color: #fff;line-height: 50px;text-align: center;background: #0054aa;cursor: pointer;transition: all .5s;} .sq-form .row-submit .submit:hover span{color: #fff;} .ant-input {position: relative;display: inline-block; width: 100%;height: 50px;padding: 4px 11px;box-sizing: border-box;margin: 0; border: 1px solid #E5E5E5; font-variant: tabular-nums;list-style: none;font-feature-settings: 'tnum';font-size: 14px;line-height: 1.5; color: #595959;background-color: #FFFFFF;background-image: none;transition: all 0.3s;} .ant-input:hover {border-color: #0054aa;border-right-width: 1px !important;} .ant-input:focus {border-color: #0054aa;border-right-width: 1px !important;outline: 0;box-shadow: 0 0 0 2px rgba(158, 158, 158, 0.2);} .ant-input::-moz-placeholder {color: #999;opacity: 1;} .ant-input:-ms-input-placeholder {color: #999;} .ant-input::-webkit-input-placeholder {color: #999;} .ant-input:placeholder-shown {text-overflow: ellipsis;} /*搜索页*/ .com-wrap{padding: 120px 0;} .nopic-list li{border-bottom: 1px dashed #cacaca;} .nopic-list li a{display: block;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;} .nopic-list li time{margin-left: 20px;line-height: 40px;} .nopic-list li a::before{display:inline-block; content:''; margin-top: -4px;margin-right:5px; vertical-align:middle; border:5px solid transparent; border-left-color:#004572;} .nopic-list li a:hover{color: #0054aa} /*404*/ .message{padding:170px 0 130px 0 } .message-box{border:1px solid #ccc;} .message-box .title{height:32px;line-height:32px; background:#eee;color:#666;font-weight:bold;padding-left:20px;font-size:14px} .tips{padding:20px 0;text-align:center;font-size:16px;color:#0054aa} .infos{box-sizing: border-box;padding: 0 10px;text-align:center} .btn{padding:20px 0;text-align:center} .btn .button{cursor:pointer;display:inline-block;padding:5px 20px;background:#0054aa;color:#fff;font-size:14px;border:none;outline:none} @media (max-width: 1720px){ .font70{font-size: 50px;} .font45{font-size: 40px;} .font35{font-size: 30px;} .font30{font-size: 28px;} .font28{font-size: 26px;} .font26{font-size: 24px;} .w1500{width: 90%;} .header .head-mn{width: 94%;margin: 0 auto;padding: 0;} .header .head-nav li{margin-right: 50px;} .header .head-nav li:last-child{margin-right: 30px;} .header .head-nav .head-mes .lang{padding: 0 20px 0 30px;} .inpro-wapr2 .main .promore .tb{width: 60px;height: 60px;line-height: 60px;font-size: 20px;} .about-culture .main{justify-content: center;display: flex;} .about-culture .main .mn{width: 300px;height: 300px;display: flex;flex-flow: column;align-items: center;justify-content: center;padding: 0;} .about-events .line{top: 291px;} .tech-warp2 .iconfont.next{right: -50px;} .tech-warp2 .iconfont.prev{left: -50px;} .tech-warp2 .swiper-slide .mes{padding: 0 40px;box-sizing: border-box;} .tech-warp2 .swiper-slide .mes:before,.tech-warp2 .swiper-slide .mes:after{display: none;} .tech-warp2 .swiper-slide .tbbox{padding: 0 40px;} } @media (max-width: 1550px){ .header .head-nav li{margin-right: 30px;} .header .head-nav li:last-child{margin-right: 20px;} .header .head-nav .head-mes .lang{padding: 0 10px 0 20px;} .index-pro{padding: 70px 0 0;} .inpro-wapr2 .main{padding: 10px 0 30px;} .inpro-wapr2 .main .proqiu{width: 350px;height: 350px;border: 10px solid #0054aa;} .inpro-wapr3{padding: 30px 0 24px;} .inpro-wapr3 .main .proqiu{width: 150px;height: 150px;} .index-application{padding: 70px 0;} .index-application .indextit{margin-bottom: 50px} .index-about{padding: 70px 0 100px;} .index-about .index-title{margin-bottom: 50px;} .index-about .box{width: 80%;} .index-news{padding: 80px 0 0;} .inews-qh{padding: 30px 0;} .inews-page{padding:50px 0 80px;} .inews-swiperzi .mes .tit{margin: 10px 0;height: 3em;line-height: 1.5em;} .inews-swiperzi .mes .line{margin: 10px 0;} .index-service{padding: 70px 0 0;} .index-service .main{padding: 50px 0 70px;} .n-banner .enav .enav-top{padding: 20px 20px 0;} .n-banner .enav .enav-main .mn a{padding: 30px 0 20px;} .n-banner .enav .enav-main .mn a .iconfont{margin-right: 10px;} .about-profile .indextit{padding: 60px 0 40px;} .about-profile .video-btn{margin-top: 40px;} .about-main{padding: 60px 0 ;} .about-culture .main{padding: 50px 0;} .about-events{padding: 70px 0 50px;} .about-events .swiper-container{padding: 50px 0 40px;} .about-events .line{top: 241px;} .honor-list .indextit{padding: 70px 0 50px;} .honor-list .honor-type{margin-bottom: 30px;} .honor-events .bottom{padding: 50px 0 120px;} .honor-events .bottom li:last-child .tbyuan .line{height: 230px;} .honor-events .bottom li{padding: 30px 60px;} .honor-events .bottom li .tbyuan{left: calc(10% + 62px)} .honor-pic li{width: 22%;margin-right: 4%;margin-bottom: 50px;} .honor-pic li .mes{height: 60px;} .honor-pic li .mes .line{top: 50%;transform: translateY(-50%);} .honor-pic li:hover .mes .line{top: 50%;} .pro-main li,.news-list .main .bottom li{width: 32%;margin-right: 2%;margin-bottom: 30px;} .pr-wrap{padding: 70px 0 0;} .go-back{margin: 60px auto;} .app-list{padding: 70px 0 30px;} .app-top{margin-bottom: 50px;} .app-list .pro-main li{margin-bottom: 30px;} .newsmain{padding: 70px 0 50px;} .newsmain .tit{margin-bottom: 30px; line-height: 1.5em;} .tech-warp1 .indextit1{padding: 70px 0 60px;} .tech-warp1 .indextit2{padding: 70px 0 50px;} .tech-warp1 .swiper-container{margin-bottom: 70px;} .tech-warp2 .iconfont.next{right: 0px;} .tech-warp2 .iconfont.prev{left: 0px;} .tech-warp2 .iconfont,.tech-warp1 .iconfont{font-size: 30px;} .tech-warp2{padding: 70px 0 80px;} .tech-warp2 .indextit{margin-bottom: 70px;} .tech-warp1 .swiper-slide{width: 900px;} .tech-warp1 .iconfont.prev{left: 20px;} .tech-warp1 .iconfont.next{right: 20px;} .down-list,.down-list.notice{padding: 70px 0 80px;} .down-list .indextit,.down-list.notice .indextit{margin-bottom: 50px;} .news-list{padding: 70px 0 80px;} .news-list .indextit{margin-bottom: 50px;} .news-list .main .top{padding: 26px 20px;margin-bottom: 50px;} .news-list .main .top .mes{padding:10px 40px;} .news-list .main .pro-page{position: static;padding-top: 10px;} .contact-job{padding: 70px 0 60px;} .contact-job .sum{padding: 30px 0;} .contact-job .main .mn .top{min-height: 60px;} .contact-job .main .mn{margin-bottom: 30px;} .contact-feedback{padding: 70px 0 80px;} .contact-feedback .indextit,.contact-feedback .mmn.three,.contact-feedback .inputmn.mess{margin-bottom: 50px;} .contact-feedback .mmn.three .mn{width: 32%;} .contact-way{padding: 70px 0 80px;} .contact-way .indextit{margin-bottom: 50px;} .contact-way .main{margin-bottom: 60px;} .contact-way .main .ri .bot{padding: 20px;} .contact-way .main .ri .bot .ewm{right: 20px;} .contact-way .main .ri .top{padding: 0 20px;} .contact-way .map{height: 400px;} .com-wrap{padding: 70px 0;} } @media (max-width: 1440px){ .font70{font-size: 50px;} .font45{font-size: 35px;} .font35{font-size: 26px;} .font30,.font28,.font26{font-size: 24px;} .font24{font-size: 20px;} .about-events .line{top: 232px;} } @media (max-width: 1240px){ body,button,input,select,textarea{ font: 14px/1.5 Arial,'思源黑体',PingFang SC,Microsoft Yahei,Arial,sans-serif } .font70{font-size: 40px;} .font45{font-size: 30px;} .font35{font-size: 24px;} .font30,.font28,.font26{font-size: 24px;} .font24,.font22{font-size: 18px;} .font20,.font18{font-size: 16px;} .font16{font-size: 14px;} .w1500{width: 94%;} .m-content p{font-size: 14px;line-height:2em;} .header{border-bottom: 1px solid #dedede;box-shadow: 0 0 10px rgb(0 0 0 / 20%);box-sizing: border-box; background: #fff!important;} .header .head-mn{position: relative;height: 59px;width: 96%;} .header .head-mn .logo img{height: 40px;width: auto;} .header .head-nav{display: none;} .header .head-menu{display: block;} .header-box{height: 60px;} .index-banner{margin-top: 60px;} .index-banner .swiper-container{height: auto;} .index-banner .swiper-slide .bimg{min-height: 500px;} .index-banner .swiper-slide .mes{top: 150px;} .index-banner .swiper-slide .mes .sum{margin: 10px 0 50px;} .index-banner .i-page{bottom: 50px;} .index-banner .video-btn{bottom: 0;} #pro{top: -60px;} .index-pro{padding: 50px 0 0;} .proqiu img{max-width: 70%;max-height: 70%;} .inpro-wapr2 .main{display: block;} .inpro-wapr2 .main .proqiu{width: 200px;height: 200px;border: 5px solid #0054aa;} .inpro-wapr2 .main .tit,.inpro-wapr2 .main .promore{position: static;max-width: unset;transform: translate(0,0);} .inpro-wapr2 .main .tit{padding: 15px 0;margin-bottom: 15px; text-align: center;} .inpro-wapr2 .main .tit:after{left: 50%;transform: translateX(-50%);} .inpro-wapr2 .main .promore{justify-content: center;} .inpro-wapr2 .main .promore .tb{width: 40px;height: 40px;font-size: 16px;line-height: 40px;} .inpro-wapr3 .main .swiper-container{width: calc(100% - 60px)} .inpro-wapr3 .main .proqiu{width: 120px;height: 120px;border: 2px solid #eee;} .inpro-wapr3 .page img{max-width: 15px;height: auto;} .index-application{padding: 50px 0;} .index-application .indextit{margin-bottom: 30px;} .iapplica-swiper1{width: 75%;margin-bottom: 30px;} .iapplica-swiper1 .swiper-slide{width: 80%;} .iapplica-swiper1 .bigimg{height: 450px;} .iapplica-swiper2 .swiper-container{width: 530px;} .iapplica-swiper2 .line{width: 30px;height: 3px;margin-top: 80px;} .iapplica-swiper2 .box{width: 500px;height: 300px;border-radius: 10px;padding: 30px 30px 30px 100px; overflow: hidden;} .iapplica-swiper2 .box .tit1{margin: 40px 0 10px;} .iapplica-swiper2 .box .tit2{margin-bottom: 20px;} .iapplica-swiperqh .mn{margin: 0 35px;} .index-about{padding: 50px 0 70px;} .index-about .index-title .sum{margin-top: 10px;} .index-about .index-title{margin-bottom: 30px;} .index-about .box{width: 100%;padding: 50px 30px;} .index-about .box .m-content{padding: 20px 0;} .index-news{padding: 50px 0;} .inews-page{padding: 30px 0 0;} .inews-qh{justify-content: center;} .inews-qh a{margin: 0 10px;padding-bottom: 10px;} .inews-qh a:before{height: 2px;} .inews-page .swiper-pagination{height: 14px;line-height: 14px;font-size: 14px;} .inews-page .swiper-pagination ul li{font-size: 14px;} .inews-page .mhover{width: 40px;height: 40px;} .index-service{padding: 50px 0 0;} .index-service .main{padding: 30px 0 50px;} .footer .footer-top{padding: 10px 0;} .footer .footer-top img.left{height: 40px;width: auto;} .footer .footer-top .proqiu{width: 30px;height: 30px;margin-top: 5px;} .footer .footer-top .proqiu span{font-size: 16px;} .footer-bot .footer-bott{padding-top: 15px;text-align: center;} .footer-bot .footer-botb{justify-content: center;} .footer-bot p{margin: 0 10px;} .footer-bot a, .footer-bot p{line-height: 1.5em;text-align: center;} .n-banner{height: auto;} .n-banner .mes{top: 100px;} .n-banner .bimg{min-height: 380px;} .n-banner .mes .entit{margin-bottom: 10px;} .n-banner .enav .enav-main .mn{padding: 0 10px;box-sizing: border-box;} .n-banner .enav .enav-main .mn a{font-size: 16px;} .n-banner .enav .enav-main .mn a .iconfont{font-size: 18px;} .n-banner .enav .enav-main.enav-main1 .mn.on a:before, .n-banner .enav .enav-main.enav-main1 .mn a:hover:before{left: 0;width: 100%;} .about-profile .indextit{padding: 50px 0 30px;} .about-profile .video-btn{margin-top: 30px;height: 250px;} .about-profile .video-btn .mes{top: 50%;transform: translate(-50%,-50%);} .about-profile .video-btn .proqiu{width: 50px;height: 50px;} .about-profile .video-btn .proqiu span{border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 12px solid #0054aa;} .about-profile .video-btn .proqiu:hover span{border-left: 12px solid #fff;;} .layui-layer{width: 80%!important;height: 80%!important;} .about-main{padding: 50px 0;} .about-culture .main{padding: 30px 0 50px;} .about-culture .main .mn{width: 220px;height: 220px;} .about-culture .main .mn .iconfont{font-size: 40px;} .about-culture .main .mn .tit{margin: 25px 0 15px;} .about-events .line{top: 162px;} .about-events{padding: 50px 0 30px;} .about-events .dian{margin: 20px auto;width: 26px;height: 26px;} .about-events .dian:before{width: 10px;height: 10px;} .about-events .swiper-container{padding: 30px 0;width: calc(100% - 50px)} .about-events .sum{height: 250px;padding: 30px 15px;} .honor-list .indextit{padding: 50px 0 30px;} .honor-events .bottom{padding: 30px 0 120px;} .honor-events .bottom li{padding: 20px 10px;} .honor-events .bottom li .time{width: 150px;} .honor-events .bottom li .tbyuan{left: 110px;} .honor-events .bottom li .sum{max-width: calc(100% - 200px)} .honor-pic li{width: 32%;margin-right: 2%;margin-bottom: 20px;} .honor-pic li:nth-child(4n){margin-right: 2%;} .honor-pic li:nth-child(3n){margin-right: 0;} .honor-pic li .mes{height: 40px;} .honor-pic{padding-bottom: 50px;} .pro-list{padding: 50px 0 70px;} .pro-main{padding: 50px 0 0;} .pr-wrap{padding: 50px 0 0;} .pr-con-type li{width: 120px;height: 40px;padding: 0; line-height: 40px;} .go-back{margin: 50px auto;width: 120px;height: 40px;} .app-list{padding: 50px 0 50px;} .app-top{margin-bottom: 30px;border: 5px solid #cdddee;min-height: 150px;box-sizing: border-box;padding: 10px;display: flex;flex-flow: column;justify-content: center;} .app-top img{position: absolute;top: 0;left: 0; min-height: 140px;width: 100%;height: 100%;object-fit: cover;object-position: right;} .app-top .tit{position: relative;top: auto;left: auto; font-size: 16px;line-height: 24px;z-index: 2;} .n-banner .enav .enav-main.enav-main2 .mn.on a:before, .n-banner .enav .enav-main.enav-main2 .mn a:hover:before{left: -25px;width: calc(100% + 50px);} .newsmain{padding: 50px 0 40px;} .newsmain .tit{margin-bottom: 20px;} .newsmain .return{width: 120px;height: 40px;line-height: 40px;} .sx-page{margin-bottom: 0;} .tech-warp1 .indextit1{padding: 50px 0 30px;} .tech-warp1 .indextit2{padding: 50px 0 30px;} .tech-warp1 .swiper-container{width: calc(100% - 50px); padding: 20px 5px 30px;margin-bottom: 50px;} .tech-warp1 .page img{max-width: 15px;height: auto;} .tech-warp2{padding: 50px 0 60px;} .tech-warp2 .indextit{margin-bottom: 50px;} .tech-warp1 .swiper-slide{width: 850px;} .tech-warp2 .iconfont{display: block;} .phone-picul{display:block!important;} .picul{display:none;} .down-list,.down-list.notice {padding: 50px 0 60px;} .down-list .indextit,.down-list.notice .indextit{margin-bottom: 30px;} .down-list li{margin-bottom: 10px;} .down-list li .tb1{font-size: 50px;} .down-list li .mes{padding: 0 20px;width: calc(100% - 50px);display: flex;flex-flow: column;justify-content: center;} .down-list li .mes .tit{margin-bottom: 5px;} .down-list li .tb2{width: 50px;height: 50px;} .down-list li .tb2 span{font-size: 20px;} .down-list.notice .pro-page{padding-top: 20px;} .down-list.notice li .mes .tit{width: calc(100% - 100px)} .down-list.notice li .mes{padding: 0 20px;flex-flow: unset;} .notice .top{padding: 5px 10px;} .notice li a{padding: 5px 10px;} .notice .mn1{width: 100px;} .notice .mn2{width: calc(100% - 30px);} .notice .mn3{width: 30px;} #visitmap{margin-bottom: 30px;} .news-list{padding: 50px 0 60px;} .news-list .indextit{margin-bottom: 30px;} .news-list .main .top{margin-bottom: 30px;} .news-list .main .bottom li .mes .tit{margin: 10px 0;height: 3em; line-height: 1.5em;} .n-banner .enav .enav-main.enav-main3 .mn a:before, .n-banner .enav .enav-main.enav-main3 .mn a:before{left: -20px;} .n-banner .enav .enav-main.enav-main3 .mn.on a:before, .n-banner .enav .enav-main.enav-main3 .mn a:hover:before{width: calc(100% + 40px);} .contact-job{padding: 50px 0 40px;} .contact-job .sum{padding-top: 20px 0;} .contact-job .main .mn .top{padding: 10px 20px;} .contact-job .main .mn .bot{padding: 20px 20px 80px 20px;} .contact-job .main .mn .bot .dj-jianli{bottom: 20px;right: 20px; width: 120px;height: 40px;} .contact-feedback{padding: 50px 0 50px;} .contact-feedback .indextit,.contact-feedback .mmn.three,.contact-feedback .inputmn.mess{margin-bottom: 30px;} .contact-feedback .input-box{height: 50px;padding: 0 10px 0 50px;font-size: 16px;line-height: 50px;} .contact-feedback .inputmn .tb{width: 40px;} .contact-feedback .inputmn .tb .iconfont{font-size: 20px;} .contact-feedback .inputmn.mess{height: 250px;} .contact-feedback .inputmn.mess .input-box{text-indent: 35px;padding: 10px;} .contact-feedback .inputmn.mess .tb{top: 18px;} .contact-way{padding: 50px 0 60px;} .contact-way .indextit{margin-bottom: 30px;} .contact-way .main{margin-bottom: 40px;} .contact-way .main .le .top li{height: 60px;} .contact-way .main .le .top{margin-bottom: 20px;} .contact-way .main .ri .top{height: 60px;} .contact-way .map{height: 250px;} } @media (max-width: 940px){ .iapplica-swiperqh{display: none;} .iapplica-swiper1{width: 94%;padding: 0;margin: 0 auto 20px;float: none;display: block;} .iapplica-swiper1 .bigimg{height: 250px;} .iapplica-swiper2{position: static;transform: translate(0,0);} .iapplica-swiper2 .line{display: none;} .iapplica-swiper2 .swiper-container{width: 100%;} .iapplica-swiper2 .box{width: 100%;height: auto;background-position: left center;} .iapplica-swiper1 .pagemn{bottom: 10px;left: 50%;transform: translate(-50%,0);} .iapplica-swiper1 .pagemn .page{width: 50px;height: 30px;} .iapplica-swiper1 .pagemn .page span{font-size: 18px;} .footer-nav{padding: 30px 0 3px;} .footer-nav dt a{margin-bottom: 15px;} .footer-nav dl dd{display: none;} .footer-nav .ewm{width: 100%;} .footer-nav .ewm img{margin: 0 auto;width: 100px;height: auto;} .about-culture .main{flex-wrap: wrap;} .about-culture .main .mn{width: 170px;height: 170px;margin-left:5px;} .about-culture .main .mn .iconfont{font-size: 30px;} .about-culture .main .mn .tit{margin: 15px 0 10px;} .honor-pic li{width: 49%;margin-right: 2%;margin-bottom: 10px;} .honor-pic li:nth-child(3n){margin-right: 2%;} .honor-pic li:nth-child(2n){margin-right: 0;} .n-banner .enav .enav-main.oth .mn a:before{max-width: calc(100% + 100px)} .pro-main li,.news-list .main .bottom li{width: 48%;margin-right: 4%;} .pro-main li:nth-child(3n),.news-list .main .bottom li:nth-child(3n){margin-right: 4%;} .pro-main li:nth-child(2n),.news-list .main .bottom li:nth-child(2n){margin-right: 0;} .pro-main li .bigimg{height: 200px;} .pro-main li .mes{height: 60px;padding: 0 15px;} .pr-top{flex-wrap: wrap;} .pr-top .pictext,.pr-top .picslide{width: 100%;display: block;} .pr-top .tx-summary{margin-bottom: 0;} .app-list .pro-main li .mes{height: 80px;} .tech-warp1 .iconfont.prev{left: 0;} .tech-warp1 .iconfont.next{right: 0;} .tech-warp1 .swiper-pagination span{margin: 0 5px!important} .news-list .main .top{padding:20px 10px;display: none;} .news-list .main .top .bigimg,.news-list .main .top .mes{width: 100%;} .news-list .main .top .bigimg{margin-bottom: 10px;} .news-list .main .top .mes{padding:10px;} .news-list .main .top .mes .tit{margin: 20px 0 15px;} .news-list .main .top .mes .sum{margin-bottom: 30px;} .contact-way .main .le,.contact-way .main .ri{width: 100%;} .contact-way .main .le .bigimg{display: none;} .contact-way .main{margin-bottom: 20px;} } @media (max-width: 768px){ .font70{font-size: 32px;} .font45{font-size: 26px;} .font35{font-size: 22px;} .font30,.font28,.font26{font-size: 20px;} .phoneshow{display: block;} .phonehide{display: none!important;} .index-banner .video-btn{display: none;} .index-banner .swiper-slide .mes .sum{margin: 10px 0 30px;letter-spacing: 0;} .index-banner .swiper-slide .mes .scroll{width: 30px;height: 30px;} .index-banner .swiper-slide .mes .scroll span{font-size: 12px;} .index-banner .i-page .pagem,.index-banner .i-page .line{width: 200px;} .index-banner .swiper-pagination ul{width: 30px;} .index-banner .swiper-pagination .total{text-indent: 6px;} .index-banner .swiper-pagination ul li{font-size: 22px;} .iapplica-swiper1 .bigimg{height: 200px;} .iapplica-swiper2 .box .tit1{margin: 30px 0 10px;} .iapplica-swiper2 .box .tit2{margin-bottom: 20px;} .iapplica-swiper2 .box .sum{line-height: 1.5em;} .index-about .box{padding: 30px 20px;} .index-about .box .tit{line-height: 1.5em;} .index-about .box .aboutmore{width: 120px;height: 40px;} .index-service .main{padding-bottom: 30px;} .index-service .main .mn{margin-bottom: 15px;} .index-service .main .mn .proqiu{width: 80px;height: 80px;} .index-service .main .mn .tit{margin: 15px 0 0;font-size: 14px;} .index-service .main .mn .sum{display: none;} .inews-swiperzi .mes .tit{height: auto;} .inews-swiperzi {margin-bottom: 15px;} .inews-qh a span{padding:0 10px 0 0;} .n-banner .enav .enav-main .mn a{padding: 20px 0 10px;} .n-banner .enav .enav-main .mn a .iconfont{margin: 0 0 10px 0;width: 100%;text-align: center;} .n-banner .enav .enav-main.enav-main4 .mn a{font-size: 14px;} .n-banner .enav .enav-main .mn{padding: 0 5px;} .n-banner .enav .enav-main .mn a:before{left: 0;} .n-banner .enav .enav-main .mn.on a:before, .n-banner .enav .enav-main .mn a:hover:before{width: 100%;} .about-culture .main .mn{width: 200px;height: 200px;margin-bottom: 10px;} .about-culture .main .mn:nth-child(3){margin-left: 0;} .about-events .line{top: 156px;} .about-events .inews-page .proqiu{margin: 0 30px;} .layui-layer{width:94%!important} .layui-layer,.layui-layer-page .layui-layer-content{height: auto!important;} .honor-list .honor-type{margin-bottom: 20px;} .honor-list .honor-type a{padding: 10px 15px;} .honor-events .top{padding: 0 30px;line-height: 50px;} .honor-events .top .iconfont{font-size: 24px;} .honor-events .bottom li{padding: 20px 10px 20px 70px;display: block;} .honor-events .bottom li .time{margin-bottom: 10px;} .honor-events .bottom li .tbyuan{left: 20px;} .honor-events .bottom li .sum{max-width: unset;line-height: 1.5em;font-size: 14px;} .honor-pic li{width: 100%;margin-right: 0!important} .pro-type{float: none;display: block;margin: 0 auto;} .pro-main{padding: 30px 0 0;} .pro-main li,.news-list .main .bottom li{width: 100%;margin-right: 0!important;margin-bottom: 10px;} .pro-page{padding-top: 20px;} .pro-page a, .pro-page span{width: 30px;height: 30px;line-height: 30px;} .pro-page .numpage a, .pro-page .numpage span{font-size: 14px;line-height: 30px;} .pr-top .picslide .page{width: 40px;height: 40px;line-height: 40px;} .pr-top .picslide .page span{font-size: 20px;} .pr-con-main .pr-table-box table tr td:nth-child(1){width: 30%;padding: 0 2%;} .app-list .pro-main li{margin-bottom: 10px;} .app-list .pro-main li .mes{height: 60px;} .tech-warp2 .indextit{margin-bottom: 30px;} .tech-warp2 .swiper-slide .tbbox{height: 40px;} .tech-warp2 .swiper-slide .tbbox img{height: 100%;width: auto;} .tech-warp2 .swiper-slide .mes .tit{margin: 20px 0 14px;} .news-list .main .bottom li{margin-bottom: 20px;} .contact-jobform .jobform{padding:50px 10px 40px;height: 80%;display: flex;align-items: center;} .contact-jobform .jobform .sq-form{max-height: 100%;padding: 0 10px;} .contact-jobform .jobform .close img{width: 40px;height: auto;} .sq-form .row-submit .file-box input{width: 120px;height: 40px;line-height: 40px;} .sq-form .row-submit .file-box span{width: 120px;height: 40px; font-size: 16px;line-height: 40px;} .sq-form .row-submit .submit{width: 120px;height: 40px;line-height: 40px;} .sq-form .file-info{font-size: 14px;line-height: 20px;} .ant-input{height: 40px;display: block;} .sq-form .row{margin-bottom: 10px} .contact-job .main .mn .top{padding:0 10px;min-height: 50px;} .contact-job .main .mn .top .tit{max-width: calc(100% - 100px)} .contact-job .main .mn .bot{padding: 20px 10px 80px;} .contact-job .main .mn .bot .dj-jianli{right: 10px;} .contact-job .main .mn{margin-bottom: 10px;} .contact-feedback .mmn.three .mn{width: 100%;margin-bottom: 10px;} .contact-feedback .mmn.three{margin-bottom: 0;} .contact-feedback .inputmn .tb{left: 0px;} .contact-feedback .input-box{padding: 0 10px 0 40px;} .contact-feedback .inputmn.mess .tb{left: 0;} .contact-feedback .inputmn.mess .input-box{text-indent: 30px;} .contact-feedback .tj{width: 120px;height: 40px;} .contact-way .main .le .top li{height: 50px;padding: 0 15px;} .contact-way .main .ri .top{height: 50px;padding: 0 15px;} .contact-way .main .ri .bot{padding: 10px 15px;} .contact-way .main .ri .bot .ewm{position: static;transform: translate(0,0);margin: 20px 0 0 34px;} .visit .visitbox{padding: 10px 0 30px;} .visit.contact-feedback .tj.downfile{width: 170px;} .search-main.contact-jobform .jobform{height: auto;} .search-main.contact-jobform .jobform form{width: 100%;} .search-main .ant-input{width:calc(100% - 40px);} .search-main .tj{width: 40px;height: 40px;} .com-wrap{padding: 50px 0;} .fix-top{display:none!important;} } @media (max-width: 440px){ .about-culture .main .mn{width: 160px;height: 160px;} .about-culture .main .mn .sum{line-height: 20px;} } @media (max-width: 350px){ .about-culture .main .mn{width: 140px;height: 140px;} } @media screen and (min-width:0\0){ body,button,input,select,textarea{ font: 16px/1.5em "Arial,"Source Han Sans","\u82f9\u65b9\u000d\u000a" , "\5FAE\8F6F\96C5\9ED1""; } .header .head-nav li .nav-main{display: none;} .header .head-nav li .nav-main.show{display: flex;} .n-banner{overflow: hidden;} .app-list .pro-main li .bigimg img{max-height: 100%;max-width: 100%;} .app-top .tit{background: none} .tech-warp1{overflow: hidden;} .contact-job .main .mn .top{display: table;width: 100%;} .contact-job .main .mn .top .tit,.contact-job .main .mn .top .time{display: table-cell;vertical-align: middle;} .contact-job .main .mn .top .time{text-align: right;} }