/* ___________________________*/ /* | |*/ /* | Powered By CHECK-WIN |*/ /* | Site:https://www.seoso.cn |*/ /* | Tel:400-677-0510 |*/ /* | Creation:2024.08.22 |*/ /* | Designed by Silence |*/ /* |___________________________|*/ html{height:100%;border:none;font-size:0.875rem;} .html{font-size:0.875rem;} body{height:100%;border:none;padding:0;margin:0;text-align:left;font-size:0.875rem;color:#484848;font-family:Arial,"microsoft yahei";background:#fff} dd,div,dl,dt,img,li,p,ul{padding:0;margin:0;border:none} dl,ul{list-style-type:none} h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:400} a{color:#333;text-decoration:none} a:hover{color:#014ba8;text-decoration:none} .clear{clear:both} .fl{float:left;display:inline} .fr{float:right;display:inline} .container{max-width:1600px;margin:0 auto} @media (min-width:1660px){html{font-size:1rem!important} } @media (min-width:1400px) and (max-width:1660px){html{font-size:0.875rem!important} } @media (max-width:1399px){html{font-size:0.75rem!important} } @media (max-width:767px){html{font-size:0.875rem!important} } @media only screen and (max-width :1919px){.banner img{width:100%;height:auto} } h2 { display: block; margin-block-start: 0em; margin-block-end: 0em;} .fl{float:left} .fr{float:right} .fjsb{justify-content:space-between} .fjsa{justify-content:space-around} .fjfe{justify-content:flex-end} .fjce{justify-content:center} .fafe{align-items:flex-end} .fafs{align-items:flex-start} .fwp{flex-wrap:wrap} .clearfix {zoom: 1;} .clearfix:after { content: "";display: block;height: 0; clear: both;visibility: hidden;font-size: 0px;} .fx,.fxrow{display:flex;flex-direction:row;align-items:center} img{max-width: 100%;} @keyframes fadeInDownSmall { 0% {opacity: 0;transform:translate3d(0, -10px, 0);} 100%{opacity: 1;transform:none;} } @-webkit-keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);} to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);} } @keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translate3d(0, 60px, 0);transform: translate3d(0, 60px, 0);} to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .s-banner .fadeInUp{animation-delay:.3s!important} #header .fadeInDownSmall{animation-delay:1s!important} .s-banner .wrap{transition:all .4s} .top_menu_box .icon{transition:all .4s} body,html{position:relative;height:100%;width:100%;padding:0;margin:0} body{margin:0;overflow-x:hidden} #preload{position:absolute;width:100%;height:100%;left:0;top:0;z-index:200;display:flex;justify-content:center;align-items:center} .preload-bg{position:absolute;width:100%;height:100%;background:#000} #preload .tip{display:inline;color:#fff;font-size:4vw;text-transform:uppercase;font-weight:700;line-height:1;position:relative;overflow:hidden} .tip-bg{position:absolute;width:0;height:100%;background:#fff} /*============================= banner =============================*/ .banner{position:relative} .banner .swiper-pagination-banner{position:absolute;height:10px;bottom:2rem!important;} /*.swiper-pagination-bullet:only-child {display: block !important; }*/ /*.swiper-pagination-bullet{display:block!important;background: #024290;z-index: 99;position: absolute;left: 50%; }*/ .banner img{display:block;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 3rem!important;left: 0;width: 100%;} .swiper-pagination-bullet { width: 0.6rem!important; height: 0.6rem!important; display: inline-block; border-radius: 100%; background: #000; opacity: .2;} /*============================= 导航栏目 =============================*/ .wow{visibility:hidden;animation-name:none} .fadeInDownSmall{-webkit-animation-name:fadeInDownSmall;animation-name:fadeInDownSmall} /*导航栏目*/ .logo{float:left} .logo a{display:table-cell;vertical-align:middle;height:4rem} .logo a img{height:4rem;} .header .nav li:hover a{background-color:none!important;height:5rem} .header{z-index:99999999;position:fixed;width:100%;height:5rem;width:100%;min-width:1400px;z-index:99999;position:fixed;left:0;top:0;} .x-banner{position:relative;height:100vh} .inban-main{height:170px} .inban-main{color:#fff;margin:auto} .inban-tit{font-size:2.9rem;font-weight:600;line-height:1;letter-spacing:5px;text-align:center} .inban-main .p1{line-height:2;padding-top:3rem} .inban-main .p2{font-size:1.5rem;color:#fff;font-weight:400} .index_header .logo img{display:block;height:100%;max-width:100%;object-fit:contain} .index_header .logo{position:relative;z-index:99;width: 21%;background: url(../images/logo.svg) 0 0 no-repeat;} .index_header .logo a{background: url(../images/logo.svg) 0 0 no-repeat;display:inline-block;width:100%;} .nav{width:78%;} .top_menu_box{margin-left:8%} .nav .sub1{float:left} .nav .sub1-name{padding:0 1.8rem;line-height:4.4;color:#fff;font-size:1.125rem;position:relative;display:block} .navXian{width:0;height:2px;background:#024290;position:absolute;left:0;right:0;bottom:20px;margin:auto;transition:.3s ease} .nav .sub1:hover .sub1-name{color:#024290} .nav .sub1:hover .navXian{width:30px} .nav .sub2{display:none;position:absolute;width:100%;left:0;min-width:1400px;box-shadow:0 5px 10px 0 rgba(34,34,34,.1);background-color:#fff;border-top:1px solid #eaeaea;z-index:99999999;padding:2rem 0 1rem 0;min-height:16rem;top: 5rem;} .sub2-pro ul li{float:left;width:18%;padding:.5rem} .sub2-pro ul li h4{font-size:1.125rem;color:#222;font-weight:700;transition:.3s ease} .sub2-pro ul li a:hover h4{color:#024290} .sub2-pro ul li .line{width:100%;height:1px;background-color:#024290;margin:14px auto} .sub2-pro ul li .list{display:inline-block;text-align:left} .sub2-pro ul li .list a{display:block;font-size:1rem;color:#777;height:32px;line-height:32px;transition:.3s ease} .sub2-pro ul li .list a:hover{color:#024290} .sub2-pro ul li .hot{position:relative} .sub2-pro ul li .hot::after{content:"";position:absolute;width:38px;height:30px;top:-16px;margin-left:-6px} .navbtn{display:block;text-align:center;margin:40px auto} .navbtn .more{background-color:#024290;color:#fff!important;margin-right:40px} .navbtn a{display:inline-block;width:195px;padding:8px 0;text-align:center} .swzt{font-size:1rem;line-height:28px;border:1px solid #024290;color:#024290;border-radius:4px;transition:.3s ease} .swzt:hover{color:#024290} .nav .sub2>.content>ul>li{float:left;width:33.333%;float:left;width:31.333%} .nav .sub2>.content>ul>li:last-child{margin-right:0} .nav .sub2 .column li{float:left;width:50%} .nav .sub2 .column li a{display:block;width:135px;color:#777;font-size:1rem;background:url(../images/navlefticon.png) no-repeat center left;padding-left:15px} .nav .sub2 .column li a:hover{background:url(../images/navlefticonh.png) no-repeat center left;color:#024290} .nav .sub2 .nav-right{padding-left:55px} .nav .sub2 .nav-right .line{display:block;width:42px;height:4px;background-color:#024290;margin:15px 0} .nav .sub2 .nav-right p{font-size:1rem;line-height:28px;color:#777} .nav .sub2 .nav-right a{display:block;width:195px;padding:8px 0;text-align:center;margin:15px 0} .nav .sub2 .c-btn{color:#fff!important} .nav .sub2 .b-btn{color:#333} .nav .sub2 .nav-right h2{font-size:1.5rem;color:#222} .top_menu_box p{font-size: 1.5rem;font-family: arial;font-weight: 600;padding-left:0.5rem;padding-right: 1rem;line-height:3.4} .headcontact{z-index:100;position:absolute;width:100%;height:5rem;left: 0;} .headcontact .logo p{color:#fff;border-left:1px solid #ccc} .headcontact .logo .img-box a{background-image:url(../images/logo2.svg)} .headcontact .nav .sub1-name{color:#333} .headcontact .nav .search-icon{background:url(../images/search.png) no-repeat center} .headcontact .header{border-bottom:none;box-shadow:none} .headcontact .user-top{background-color:transparent;border-bottom:1px solid rgba(255,255,255,.2)} .headcontact .language,.headcontact .user-top,.headcontact .user-top .links a,.headcontact .user-top .menu #div_wex em,.headcontact .user-top .menu p,.headcontact .user-top .tel{color:#fff} .headcontact .user-top i{background-color:#fff} .headcontact .user-top .toptel{background:url(../images/top_tel.png) no-repeat left center;padding-left:2rem} .headcontact .user-top .language{background:url(../images/language.png) no-repeat left center} .head-fixed{width:100%;height:140px;position:fixed!important;z-index:100} .nav .active .sub1-name{color:#024290} .nav .active .navXian{width:30px} .nav .active .navXian{display:block} .sub2-pro ul{align-items:flex-start!important} .nav li:nth-child(5) .sub2 .column li{width:100%} .sub1:hover .sub2{display:block} /*1*/ .header .jjfa li{width:24%;margin-bottom: 3rem;height:10rem;} .header .jjfa li a{text-align:center;line-height:3;font-size:0.875rem;color:#333;display:block} .header .sub2 span{display:block;line-height:3;font-size:1.75rem;color:#333} .header .lanmore{display:block; width:100%; font-weight:600;font-size:1.125rem;color:#333;padding-top:1rem;} /*2*/ .header .sub2-pro .left{width:30%} .header .sub2-pro .u1{width:100%} .header .sub2-pro .u1 li{width:32%;border-radius:6px;margin-right:1%;background-color:#fff;line-height:1.6;color:#333;text-align:center;margin-bottom:1rem;font-size:.875rem;border:1px solid #efefef;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .header .sub2-pro .u1 li:nth-child(3n){margin-right:0} .header .sub2-pro .left p{color:#333;line-height:1.6;font-size:1rem;display:block} .header .sub2-pro .u1 li:hover{background-color:#024290;transition:all .3s ease-in} .header .sub2-pro .u1 li:hover a{color:#fff} .header .sub2-pro .right{width:68%} .header .sub2-pro .right li{line-height:2;width:32%} .header .sub2-pro .right li img{display:block;border-radius:0px;height:15rem;object-fit:cover;width:100%;background-color:#fff;margin-bottom:1rem} .header .sub2-pro .right li p{display:block;background-color:#024290;color:#fff;font-size:1rem;text-align:center} .header .about .left{width:60%;} /*3*/ .header .about .left{width:50%} .header .about .right{width:45%} .header .about span{display:block;line-height:3;font-size:1.75rem;color:#333} .header .about{color:#333;line-height:1.6;font-size:1rem;} .header .about ul{margin-top:1rem} .header .about li{color:#333;} .header .about li b{font-size:2.5rem;line-height:1.5} .header .about li em{display:inline-block;font-style:normal;font-size:0.875rem;} .header .about li p{font-size:0.875rem;color:#333;text-align:center; } .header .lxwm li{width:100%;color:#333;font-size:1rem;line-height:2; } .header .lxwm .left{width:50%} .header .lxwm .right{width:45%} .header .htel p{padding-left:0.5rem;font-size:1.5rem;color:#333;font-family:arial;font-weight:600;} /*变色*/ .header.xg{background:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.09);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .header.xg #nav>ul>li>a>h3{color:#333} .header.xg #nav>ul>li>a>h3:before{background:#024290} .header.xg #logo .img01{display:block} .header.xg #logo .img02{display:none} .header.xg .top_menu_box .top_menu svg path{fill:#282828!important} .header.xg .top_menu_box .top_menu span{color:#333} .header.xg .top_menu_box .top_menu:before{background:rgba(0,0,0,.2)} .header.xg .top_menu_box path{fill:#024290!important} .header.xg .top_menu_box p{color:#333} .header:hover{background:#fff;box-shadow:0 1px 0 0 rgba(0,0,0,.09);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .xymob-head {display:none} .header .jjfa ul li img{display:block;height:10rem;width:100%;object-fit:cover} /*内页的头部*/ .nyheader{background: #fff;border-bottom: 1px solid #ededed;} #header .about .right img{width:100%;height:18rem;object-fit:cover} #header .about .fx{align-items:flex-start!important;} .index_header{position: relative;left: 0;} .nyzyywmore{display:block;width:10rem;margin:2rem auto 0;background:linear-gradient(to bottom,#0291fb,#0291fb,#1886d7,#1870ca,#1870ca);color:#fff;line-height:2.6;text-align:center;font-size:1rem;border-radius:50px} .nyzyywmore:hover{background:#024290;color:#fff;transition:all .3s ease-out} /* 5 */ .nyjjfa{padding-bottom:0!important} .blue-font{color:#024290} .mobile-menu{display:none} /*============================= 搜索 =============================*/ .sub2-search button{width:98px;height:3rem;color:#fff;text-align:center;font-size:1rem;line-height:3rem;background-color:#024290;float:right} .sub2-search .pre-link{font-size:.875rem;color:#999;margin:11px auto 0;width:656px} .sub2-search .pre-link .title{float:left;margin-right:18px} .sub2-search .pre-link a{display:block;float:left;color:#222;margin-right:28px} .sub1 .text-center img{display:block;margin-bottom:2rem;height:8rem;object-fit:cover;width:100%} .sub2_left_img{height:15rem;display:block;object-fit:cover} .gc.sub2 .column li{float:left;width:100%} .nav .sub2 .column li a{width:100%;color:#777;font-size:1.125rem;line-height:3rem;background:url(../images/navlefticon.png) no-repeat center left;padding-left:2.5rem;text-align:left!important} .c-btn{font-size:1rem;line-height:2rem;color:#fff;background:#024290;border-radius:4px;border:1px solid #024290;padding:.5rem 2rem;margin-right:1.2rem;display:inline-block;transition:all .3s} .b-btn{margin-top:.5rem;font-size:1rem;line-height:2rem;color:#024290;background:#fff;border-radius:4px;border:1px solid #024290;padding:.5rem 2rem;display:inline-block;transition:all .3s} .c-btn:hover{color:#fff} color：#333 .sub2-search{width:100%;position:absolute;left:0;top:99%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .v-select .select-panel{height:100%;font-size:.875rem;color:#333;width:100%;border-right:1px solid #ebebeb;cursor:pointer;text-align:center;line-height:3} .sub2-search form{height:48.5px;border:2px solid #024290;width:877px;border-radius:4px;margin:2rem auto 0;overflow-x:hidden;overflow:hidden} .sub2-search .v-select{width:88px;height:48px;font-size:.875rem;color:#666} .nav .sub2-search .select-panel{line-height:48px;padding-left:14px} .sub2-search .select-menu{top:3rem} .sub2-search .select-menu li{height:44px;line-height:3rem;padding-left:14px} .v-select{position:relative;height:28px;outline:0} .select-menu{display:none;position:absolute;top:28px;width:100%;z-index:9;max-height:196px} .select-menu li{height:28px;width:100%;line-height:28px;background-color:#fff;border:1px solid #eaeaea;padding-left:14px;margin-top:-1px;cursor:pointer;transition:all .4s;font-size:.875rem} .select-menu li.selected,.select-menu li:hover{background-color:#024290;color:#fff} .v-select .select-panel{height:100%;font-size:.875rem;color:#333;width:100%;border-right:1px solid #ebebeb;cursor:pointer;line-height:3rem} .sub2-search input{text-indent:1rem;float:left;width:672px;height:48px;font-size:.875rem;padding:0} .sub2-search button{width:98px;height:48px;color:#fff;text-align:center;font-size:1rem;line-height:3rem;background-color:#024290;float:right} .sub2-search .pre-link{font-size:.875rem;color:#999;margin:11px auto 0;width:656px} .sub2-search .pre-link .title{float:left;margin-right:18px} .sub2-search .pre-link a{display:block;float:left;color:#222;margin-right:1vw} .sub1 .text-center img{display:block;margin-bottom:2rem;height:8rem;object-fit:cover;width:100%} .sub2_left_img{height:15rem;display:block;object-fit:cover} .gc.sub2 .column li{float:left;width:100%} .nav .sub2 .column li a{width:100%;color:#777;font-size:1.125rem;line-height:3rem;background:url(../images/navlefticon.png) no-repeat center left;padding-left:2.5rem;text-align:left!important} .c-btn{font-size:1rem;line-height:2rem;color:#fff;background:#024290;border-radius:4px;border:1px solid #024290;padding:.5rem 2rem;margin-right:1.2rem;display:inline-block;transition:all .3s} .b-btn{margin-top:.5rem;font-size:1rem;line-height:2rem;color:#024290;background:#fff;border-radius:4px;border:1px solid #024290;padding:.5rem 2rem;display:inline-block;transition:all .3s} .c-btn:hover{color:#fff} .sub1 button{border:none} button{border:none} .button:focus{outline:0} .show{display:block} .hicon2 img{display:block;cursor:pointer} input:focus{outline:0} .subsearech{position:absolute;width:100%;left:0;min-width:1400px;box-shadow:0 5px 10px 0 rgba(34,34,34,.1);background-color:#fff;border-top:1px solid #eaeaea;z-index:99999999;padding:2rem 0 1rem 0;min-height:16rem;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:13rem;display:none; } .subsearech.show{display:block} /*开屏幕颜色*/ .loadbox{position:fixed;z-index:1000;pointer-events:none;left:0;bottom:0;background:#024290;width:100vw;height:100vh;clip-path:inset(0 0 0 0);transition:2s .5s cubic-bezier(.175,.885,.32,1.275)!important} .loadbox.aos-animate{clip-path:inset(0 0 100% 0)} .loadbox img{display:block;margin:15% auto 0} .banner_next{position:absolute;bottom:1.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:12px;color:#fff;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;} .breath1{animation:aniTop 1.2s .6s infinite cubic-bezier(.36,0,.7,1) alternate backwards} @keyframes aniTop{0%{transform:translateY(0)} 100%{transform:translateY(-8px)}} .banner_next span{display:block; padding-top:0.2rem} /*============================= 关于 =============================*/ .index_about{padding: 6.25rem 0;position:relative} .index_about .left{width:100%;text-align:center;} .index_about .right{width:78%;margin:0 auto;} .index_about .left b{font-size: 3rem;color: #024290;display: block;line-height: 1.5;padding-bottom: 0rem;letter-spacing: 3px;text-transform: uppercase;} .index_about .left h6{display:block;font-size:1.5rem;color:#555;font-weight:400;line-height:1.4} .index_about .left span{font-size:1rem;color:#555;line-height: 1.6;} .index_about .left p{font-size:1rem;color:#444;line-height:1.8;width: 62%;margin: 0 auto;} .index_about .nr{align-items:flex-start!important} .index_about .img1{display:block;margin:1rem 0} .index_about .more{width:33rem;height:36rem;display:block;position:absolute;background-size:100%;animation-name:myAnimation;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite} @keyframes myAnimation{0%{transform:rotate(0)} 100%{transform:rotate(360deg)}} .index_about .link{ transform:rotate(-360deg);display:block;background:#024290;font-size:1rem;line-height:1.5;padding-top:1.5rem;text-align:center;color:#fff;width:5rem;height:5rem;border-radius:100px;animation-name:myAnimation1;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite} .index_about .link img{display:block;margin:0.2rem auto 0;} @keyframes myAnimation1{0%{transform:rotate(0)} 100%{transform:rotate(-360deg)}} .nynumblist em{color:#555;font-style:normal;font-size:1rem;line-height:2;display:block;width:100%;text-align:center} .nynumblist span{font-size:3.125rem;color:#024290;line-height:1;font-weight:400;font-family:arial;font-weight:600} .nynumblist li{border-right:1px solid #ddd;padding:0 9rem 0 0;margin:2rem 0;} .nynumblist li:nth-child(4){border-right:none} .nynumblist p{position:relative;margin-top:1rem} .nynumblist i{position:absolute;top:0;color:#222;font-size:1.25rem;font-weight:400;right:-23px;font-style:normal} .nynumblist li:nth-child(3) i{right:-.8rem} .nynumblist li:nth-child(4) i{right:-.8rem} .readmore{display:block;width:9rem;border-radius:50px;border:1px solid #ddd;line-height:2.5;text-align:center;font-size:1rem;color:#666;margin:1rem auto 0;position:relative;z-index:2222} .readmore:hover{transition:all .3s ease-in-out;background:#024290;color:#fff} /*============================= 解决方案 =============================*/ .index_application{height:100vh;height:100vh;margin:6.25rem 0} .index_application .pubtit{display:block;text-align:center} .index_application .swiper-slide{height:100vh;background-size:cover} .index_application{position:relative} .index_application .text-block{color:#222;margin-bottom:1.5rem;position:absolute;left:0;z-index:2222;width:50%;top:6%} .index_application .text-item{cursor:pointer} .index_application .slide-text{display:none} .index_application .slide-text{color:#333} .index_application .slide-text span{font-size:1.125rem;line-height:1.8} .index_application .slide-text h6{font-size:3rem;padding:4% 0 7% 0} .index_application .slide-text p{font-size:1.125rem;line-height:1.8;font-weight:200} .index_application .slide-text ul{padding:2% 0} .index_application .text-item{font-size:1.875rem;color:#024290;position:relative;padding:0 1rem .5rem 1rem;line-height:1;width:100%;background:rgb(255 255 255 / 55%);border-bottom:1px solid rgb(2 66 144 / 15%);padding:3.5rem 2rem} .index_application .text-item.active{border-bottom:2px solid #024290;background:#fbfbfb} .index_application .text-item.active .slide-text{display:block} .index_application .text-item .tit{padding:1rem 0 0 0} .index_application .but i{width:4rem;display:block;height:4rem;border-radius:100px} .index_application .but i img{display:block;margin:0 auto 0} .index_application .but p{display:block;color:#333;font-size:.875rem;padding-top:1rem;height:3.6rem;background:url(../images/newsicon2.png) no-repeat left 4rem center;width: 24%;background-size: 0.625rem 0.8125rem;} .index_application .but p:hover{color:#1870ca;transition:all .3s ease-in} .index_application .but{color:#1870ca} .index_application .hzhblogo{width:100%} .index_application .hzhblogo li{margin-right:1%} .index_application .hzhblogo li img{display:block;height:6.0625rem;width:100%;object-fit:cover;border-radius:10px;overflow:hidden} .index_application .tit p{font-weight:400;font-size:1rem;color:#fff;line-height:1.4;color:#333} .index_application .ysdes{font-size:1rem;color:#666} .index_application .but i:hover img{-webkit-transform:rotate(48deg);transform:rotate(48deg);transition:all .3s ease-in} .index_application .recpro li{margin-right:1rem;border-radius:50px;border:1px solid #ddd;color:#666;width: 21%;padding: 0 1%;} .index_application .recpro li a{color:#666;font-size:.875rem;display:block;line-height:2.5;text-align:center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .index_application .recpro li:hover a{color:#024290;transition:all .3s ease-in} .index_application .jt{font-size:3rem;font-weight:200;border-radius:100px;width:2.5rem;height:2.5rem;border:1px solid #333;text-align:center;background:url(../images/ajia.png) #fff no-repeat top 48% center;background-size:1.8rem 1.8rem} .index_application .text-item.active .jt{border:none;width:2.5rem;height:2.5rem;text-align:center;background:url(../images/ajian.png) #1870ca no-repeat top 48% center;background-size:1.5rem 2rem} /*============================= 新闻 =============================*/ .pubtit{font-size:2.5rem;line-height:2.5;color:#333;display:block} .index_news{margin:6.25rem 0 9.125rem 0} .index_news .newtop .right{width:100%} .index_news .swiper{width:100%;height:100%} .index_news .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center} .index_news .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .index_news .swiper-slide{height:24.0625rem;border-radius:8px;overflow:hidden} .index_news .des{position:absolute;bottom:0;background:#000;width:100%;background:linear-gradient(to bottom,rgb(0 0 0 / 2%) 0,rgb(0 0 0 / 2%) 6%,rgb(0 0 0 / 5%) 9%,rgb(0 0 0 / 39%) 24%);height:28%;padding:3% 3% 0 2%} .index_news .des h6{text-align:left;font-size:1.25rem;line-height:1;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .index_news .des p{display:block;line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:1rem;color:#fff} .index_news .list{margin-top:2%} .index_news .date,.index_news .right li.date{border-radius:50px;color:#fff;background:url(../images/newsicon1.png) no-repeat left center;background-size:7.5625rem 2.125rem;font-size:1rem;margin:1rem 0} .index_news .date .s1,.index_news .right li.date .s1{line-height:2.5;font-size:1rem;padding:0 .8rem} .index_news .date .s2,.index_news .right li.date .s2{line-height:2.5;padding:0 .5rem} .index_news .list ul{align-items:flex-start!important} .index_news .list li{position:relative;height:16rem;width:32%;border:1px solid #ddd;border-radius:8px;padding:1.5rem;} .index_news .list h6,.index_news .right li h6{font-size:1.25rem;color:#222;line-height:1.3;padding-bottom:1.5rem} .index_news .list .more{display:block;line-height:2rem;color:#333;font-size:.875rem;border-top:1px solid #ddd;margin-top:1rem;padding-top:1rem;height:4rem;position:absolute;bottom:0;background:url(../images/newsicon2.png) no-repeat left 4rem center;width:87%;text-align:left} .index_news .list .more:hover,.index_news .right .more:hover{transition:.3s ease-in;color:#024290} .index_news .list p{display:none;line-height:1.5;color:#666;font-size:1rem} .index_news .list li:hover p{display:block;transition:.3s ease-in} .index_news .list li:hover h6{display:none} .index_news .right li{position:relative;height:36rem;border-radius:8px;border:1px solid #ddd;border-radius:8px;padding:1.5rem;width:32%} .index_news .right li p{line-height:1.5;color:#666;font-size:1rem} .index_news .right .more{display:block;line-height:2rem;color:#333;font-size:.875rem;border-top:1px solid #ddd;margin-top:1rem;padding-top:1rem;height:4rem;position:absolute;bottom:0;background:url(../images/newsicon2.png) no-repeat left 4rem center;width:87%;text-align:left} .index_news .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;width:15%;left:85%;right:0} .index_news .swiper-pagination-bullet-active{opacity:1;background:#024290} .index_news .flagnews{display:block} .index_news .des h6:hover{color:#024290;transition:all .3s ease-in} .index_news .tit a{display:block;line-height:1;font-size:1.125rem;color:#666;border-radius:50px;font-weight:600;font-family:arial} .index_news .tit a:hover{color:#024290;transition:all .3s ease-in} .index_news .newtop .right img{height:15rem;width:100%;display:block;object-fit:cover;border-radius:6px} /*============================= footer =============================*/ .footer{background:url(../images/ftbg.jpg) no-repeat top center;height:34.25rem;padding:6.25rem 0} .footer .footer_left{padding:3.125rem 0 6.25rem 0} .footer .footer_left img{height:4.6875rem;display:block;width:100%} .footer .footer_left h6{font-size:1rem;color:#fff;margin-bottom:1rem;margin-top:1rem} .ft_top{width:100%;border-bottom:1px solid #e0e3e7;padding-bottom:1.875rem;margin-bottom:1.875rem} .ft_top .left{margin:3.125rem 0 0 0} .ft_top .right{background:url(../images/fticon1.png) #fff no-repeat left 1.8rem center;background-size:1.875rem 1.875rem;display:block;width:11rem;height:3rem;border-radius:50px} .ft_top .ft_hz{display:block;line-height:3rem;text-align:center;font-size:1rem;text-indent:1.5rem} .footer .ftnav li b,.ftnav .left b,.ftnav .right b{display:block;color:#333;font-weight:600;line-height:2;font-size:1.25rem;position:relative;padding-bottom:1rem} .footer .ftnav li b::after,.ftnav .left b::after,.ftnav .right b::after{width:1.6rem;content:"";position:absolute;height:3px;background:#204c97;left:0;bottom:.8rem} .ftnav li{list-style-type:none} .footer .ftnav ul{align-items:flex-start!important} .footer .part1{align-items:flex-start!important} .footer .ftnav li a{display:block;width:100%;color:#666;line-height:2;font-size:1rem} .footer .ftnav li a:hover{transition:all .3s ease-in;color:#024290} .footer .ftnav li b a{color:#333;font-weight:600;line-height:2;font-size:1.25rem} .ftnav{width:100%} .footer .ftnav .right{width:20%;font-size:1rem} .footer .ftnav .right li{color:#666;line-height:2} .footer .ftnav .right span{background:linear-gradient(to bottom,#2779ce,#1870ca,#024290,#1870ca,#024290);-webkit-background-clip:text;color:transparent;font-size:2.8125rem;font-family:arial;font-weight:600;display:block;padding-bottom:1rem} .footer .ftnav .right li:first-child{background:url(../images/fticon3.png) no-repeat left center;background-size:1.0625rem 1.375rem;padding-left:1.5rem} .footer .ftnav .right li:nth-child(2){background:url(../images/fticon5.png) no-repeat left center;background-size:1.0625rem 1.375rem;padding-left:1.5rem} .footer .ftnav .right li:nth-child(3){background:url(../images/fticon4.png) no-repeat left center;background-size:1.0625rem 1.375rem;padding-left:1.5rem} .footer .ftnav .right li:last-child{margin-top:1rem} .ftcopy{border-top:1px solid #e0e3e7;padding-top:1rem;color:#fff;font-size:1rem} .ftcopy a{color:#fff;font-size:1rem} .ftcopy a:hover{color:#fff;transition:all .3s ease-in} .ftcopy .fx{width:100%} .footer .ewm{margin-top:.5rem} .footer .ewm>div{width:48%} .footer .ewm p{font-size:.875rem;line-height:1.5;text-align:center;color:#666} .footer .ewm img{display:block;height:9rem;width:100%;object-fit:contain} .ftcopy{background:#024290;padding:2rem 0} .ftcontact{padding:6.25rem 0;text-align:center;background:url(../images/fctbg.jpg) no-repeat center center;background-size:cover;width:100%} .ftcontact .p1{color:#fff;font-size:1.875rem} .ftcontact .p2{color:#fff;font-size: 1.875rem;line-height: 1;} .ftcontact .ft_ct{background:#fff;border-radius:100px;color:#1870ca;font-weight:600;font-size:1rem;padding:1rem;margin:1.3rem auto 0;display:block;width:11%} /*============================= 内页主营业务 =============================*/ .nysinglebanner h6{color:#024290;font-size:3rem;font-weight:600;display:block;line-height:2} .nysinglebanner p{color:#fff;font-size:1rem;padding:1.5rem 0} .nysinglebanner .bold{font-size:2.4rem;color:#fff;font-size:2.4rem;line-height:1.2} .nysinglebanner .bold p{font-size:1.875rem;color:#fff;font-size:2.4rem;line-height:1.4;font-weight:600} .nysinglebanner{margin-top:4.5rem;height:calc(100vh - 4.5rem);background-size:cover!important} .nysinglebanner .hqfa{width:9%;background-color:#024290;font-size:1rem;border-radius:50px;color:#fff;text-indent:20%;display:block;line-height:2.5;position:relative} .nysinglebanner .hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite} .nysinglebanner .hqfa img{position:absolute;right:21%;top:27%;width:.6875rem;height:1.0625rem;object-fit:contain} .nysinglebanner .container{padding-top:8%} /*============================= 内页关于我们 =============================*/ .nybanner img{width:100%;display:block;height:100%} .nyabout .wrapper{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);letter-spacing:5px;width:57%} .nyabout h3{color:#fff;font-size:3.75rem;line-height:1.5;padding-top:46%;font-weight:600;display:block;text-align:center} .nyabout h6{text-align:center;color:#fff;font-size:1.5rem;line-height:2;display:block;position:relative;margin:1.5rem 0} .nyabout h6::before{content:"";position:absolute;left:0;top:42%;background:url(../images/line1.png) no-repeat center center;width:6.75rem;height:.625rem;background-size:6.75rem .625rem} .nyabout h6::after{content:"";position:absolute;right:0;top:42%;background:url(../images/line2.png) no-repeat center center;width:6.75rem;height:.625rem;background-size:6.75rem .625rem} h6{display:block;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;font-weight:400} .nyabout .bf{display:block;width:15.6875rem;height:5.3125rem;object-fit:contain;margin:0 auto} .nypart1{margin:10rem 0 0 0;position:relative} .nypart{padding:3rem 0} .nypart1 .left{width:48%} .nypart1 .left img{display:block;margin:2.5rem 0 2rem;width:4.125rem;height:4.125rem;object-fit:contain;cursor:pointer} .nypart1 .right{width:48%;top:6rem;position:absolute;right:0} .nypart1 h3{color:#333;text-transform: uppercase;font-size:2.5rem;line-height:1.5;font-weight:600;padding-bottom:2rem} .nypart1 p{color:#333;line-height:2.2;font-size:1rem} .breath{animation:aniTop 1.2s .6s infinite cubic-bezier(.36,0,.7,1) alternate backwards} @keyframes aniTop{0%{transform:translateY(0)} 100%{transform:translateY(-10px)} } /* 2 */ .nypart2{position:relative;background:#f7f8fa;padding:6rem 0} .nypart1 .nynumblist p{color:#014ba8;font-size:3.75rem;font-family:arial;font-weight:600;line-height:1;text-align:center;width:100%;display:block;position:relative} .nypart1 .nynumblist span{color:#014ba8;font-size:4rem;font-family:arial} .nypart1 .nynumblist em{text-align:center;font-size:1.125rem;color:#222;line-height:2;font-style:normal;display:inline-block;width:100%;text-indent:1em} .nypart1 .nynumblist .ibrand-num li{width:33.3%;padding:1rem 2rem;text-align:center} .nypart1 .nynumblist .ibrand-num li:nth-child(2){border-left:none;border-right:none} .nypart1 .nynumblist .ibrand-num i{font-size:1.5rem;font-style:normal;font-weight:400;position:absolute;top:45%;margin-left:2%} .nypart1 .nynumblist .yingwen{position:relative;margin:2rem 0} .nypart1 .nynumblist .yingwen span{display:block;background:linear-gradient(to right,#024290 31% ,#024290 10%,#0067e7 81% ,#0067e7 26%);border-radius:50px;color:#fff;padding:.2rem 1.5rem;font-weight:600;font-size:2.5rem;font-family:arial;position:relative} .nypart1 .nynumblist .yingwen .fx:nth-child(1) span::after{content:"";bottom:-4.5rem;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);height:3rem;width:2px;background:#024290;position:absolute} .nypart1 .nynumblist .yingwen .fx:nth-child(1) span::before{content:"";bottom:-3rem;left:50%;height:2px;width:23.1rem;background:#024290;position:absolute} .nypart1 .nynumblist .yingwen p{padding-left:1rem;font-size:1.125rem;color:#222} .nypart1 .nynumblist .yingwen .fx{margin-bottom:1rem} .nypart1 .nynumblist .yingwen .fx:nth-child(2){position:absolute;right:0} .scrolling-text{white-space:nowrap;overflow:hidden;text-transform:uppercase;font-family:arial;font-size:9.8rem!important;letter-spacing:2px;color:#014ba8!important;opacity:.05;position:absolute!important;z-index:-1;bottom:-23%!important;width:100%!important} @keyframes scroll{0%{transform:translateX(0)} 100%{transform:translateX(-150%)} } /* 2 客户需求 */ .nypart2 h3{color:#333;font-size:2.5rem;line-height:2;text-align:center;font-weight: 600; } .nypart2 h6{color:#666;font-size:1.125rem;text-align: center;padding-bottom: 4rem; } .nypart2 li{width:49%;margin-bottom:2%;} /* 3 */ .nypart3{padding:0 0 6rem 0} .nypart3 h3{color:#333;font-size:2.5rem;line-height:2;text-align:center;font-weight:600} .nypart3 p{color:#444;line-height:2;font-size:1rem;text-align:left} .nypart3 span{color:#333;font-size:1.5rem;line-height:2;text-align:left;padding-bottom:1rem;display:block} .nypart3 .left{width:50%} .nypart3 .right{width:46%} .nypart3 .left img{display:block;width:100%;object-fit:contain} .nypart3 .fx{align-items:flex-start!important} .nypart3 .whby li{position:relative;text-align:left;padding:4rem 4rem;border:1px solid #efefef;border-right:none;background-color:#f5f8fc;width:33.3333%;overflow:hidden} .nypart3 .whby li:last-child{border-right:1px solid #efefef} .nypart3 .whby li span{display:block;text-align:left;margin:0 auto;padding-bottom:0!important;z-index:2;position:relative} .nypart3 .whby li img{text-align:left} .nypart3 .whby li p{color:#444;font-size:1rem;line-height:2;text-align:left;padding:1rem 0 3rem 0;z-index:2;position:relative} .nypart3 .whby .img2{position:absolute;right:0;bottom:0;opacity:.03;width:42%;z-index:2} .nypart3 li .img1-1{display:none} .nypart3 p{line-height:1.8;font-size:1rem;color:#333} .nypart3 .dszjy{font-size:1.5rem;color:#333;text-align:right} .nypart3 .dszjy b{display:block;text-align:right;color:#024290;font-size:1.5rem} .nypart3 h6{color:#666;font-size:1.125rem;text-align:center;padding-bottom:2rem} .mySwiperlogo2{margin:2rem 0 0 0} .nypart3 .ceng{position:absolute;left:0;bottom:0;width:100%;opacity:0;z-index:1} .nypart3 li:hover .ceng{opacity:.9;transition:all .3s ease-out} .nypart3 li:hover p,.nypart3 li:hover span{color:#fff;transition:all .3s ease-out} .nypart3 li:hover .img1-1{display:block;position:relative;z-index:2;transition:all .3s ease-out} .nypart3 li:hover .img1{display:none;transition:all .3s ease-out} /*数据变化*/ .nyright li{width:23%;text-align:center;color:#1870ca} .nyright .nynumblist i{left:60%;color:#1870ca} .nyright .nynumblist p{position:relative;margin-top:1rem;text-align:center;width:100%;display:block;text-indent:-2rem} .nyright .nynumblist li:nth-child(1) i{left:63%} .nyright .nynumblist span{font-size:3.5rem;color:#1870ca} .nypart1 .nynumblist{padding:1rem 0 0 0;position:relative} /* 地图 */ .nypart4{background-color:#f6f7fa;padding:6.5rem 0} .nypart4 h3{color:#333;font-size:2.5rem;line-height:2;text-align:center;font-weight:600} .nypart4 h6{color:#666;font-size:1.125rem;text-align:center;margin-bottom:2rem} .nypart4 .swiper-slide{text-align:center;font-size:18px;background:#f6f7fa;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition-property:all;height:31rem} .nypart4 .swiper-button-prev{display:block;position:absolute;left:0;top:45%;background:url(../images/icon23.png) no-repeat center center;background-size:3.5rem 3.5rem;z-index:222;width:3.5rem;height:3.5rem} .nypart4 .swiper-button-next{display:block;position:absolute;top:45%;background:url(../images/icon24.png) no-repeat center center;background-size:3.5rem 3.5rem;right:0;width:3.5rem;z-index:222;height:3.5rem} .nypart4 .swiper-button-prev:after,.nypart4 .swiper-container-rtl .swiper-button-next:after{content:''} .nypart4 .swiper-button-next:after,.nypart4 .swiper-container-rtl .swiper-button-prev:after{content:''} /* 合作客户 */ .nypart5{padding:0 0 6rem 0;overflow: hidden;} .nypart5 .indexcase{background-color:#fff;padding:0} .nylogolist li{width:12.5%} .nypart5 .swiper-slide img{max-width:100%;border:1px solid #ddd;height:7rem;width:100%;object-fit:contain;padding:.2rem} .nypart5 h3{color:#333;font-size:2.5rem;line-height:2;text-align:center;font-weight:600} .nypart5 h6{color:#666;font-size:1.125rem;text-align:center;padding-bottom:2rem} .nylogolist .tempWrap{width:100%!important} .sjnylogolist{display:none} /*============================= 联系我们 =============================*/ .nycontact{position:relative;background:url(../images/con_b.jpg) no-repeat center center;margin-top:5rem;padding:8rem 0 0 0;height:calc(80vh - 5rem);background-size:100% auto;width:100%;background-size:cover} .nycontact .container{position:relative} .nycontact .des .b1{font-size:2.5rem;color:#222;line-height:1;display:block} .nycontact .des .p1{font-size:1.125rem;color:#333;line-height:1.5;margin:3rem 0} .nycontact .des .b2{font-size:1.25rem;color:#4e8ff7;line-height:1.8} .nycontact .des .p2{font-size:1.25rem;color:#333} .nycontact .des ul li p{font-size:1.25rem;color:#333} .nycontact .des{width:50%} .nycontact .des .img1{display:block;width:3.6875rem;height:2.9375rem;object-fit:contain;margin-bottom:2rem} .nycontact .des ul li{background:url(../images/icon10.png) no-repeat left center;line-height:2.5;padding-left:4rem} .nycontact .des ul li:nth-child(2){background:url(../images/icon11.png) no-repeat left center;line-height: 1.8;padding: 2rem 0 0 4rem;padding: 0rem 0 0 4rem;margin-top: 2rem} .nycontact .dj{position:relative;width:47%;margin:3rem 0;padding:1rem 0;cursor:pointer} .nycontact .dj::after{opacity:.2;position:absolute;content:"";width:100%;top:0;height:1px;background:url(../images/line3.png) #fff no-repeat center center} .nycontact .dj::before{opacity:.2;position:absolute;content:"";width:100%;bottom:0;height:1px;background:url(../images/line3.png) #fff no-repeat center center} /* 客户服务 */ .nykhmy h3{color:#333;font-size:2.5rem;line-height:2;text-align:left;font-weight:600;} .nykhmy h6{color:#666;font-size:1.125rem;text-align:left;padding-bottom:4rem} .nykhmy ul{align-items:flex-start!important} .nykhmy li{width:32%;background:rgb(7 117 198 / 2.5%);overflow:hidden;background-size:100% auto;border:3px solid #1870ca;height:15rem;margin-bottom:2%;padding:2rem} .nykhmy li span{position:relative;display:block;border-radius:100%;margin:0 auto;background:#024290;width:4rem;height:4rem;margin:0 auto;color:#fff;text-align:center;font-size:1.25rem;line-height:3.2rem} .nykhmy li svg{margin-top:.6rem} .nykhmy li b{display:block;text-align:center;color:#333;font-size:1.25rem} .nykhmy li p{text-align:center;color:#333;line-height:2.2;font-size:1rem} .nykhmy li span::after{position:absolute;content:"";width:2rem;bottom:0;height:1px;background:#024290;left:-90%;top:50%} .nykhmy li span::before{position:absolute;content:"";width:2rem;bottom:0;height:1px;background:#024290;right:-90%;top:50%} .nykhmy{background:#f9f9f9;padding:6.25rem 0} .nywrappercontact{margin:0!important} .nykhmy li:nth-child(5) b,.nykhmy li:nth-child(6) b{font-size:1.125rem;line-height:1.5;padding:0 6%} /* 联系方式 */ .nyconsumm h3{color:#333;font-size:2.5rem;line-height:2;text-align:left;font-weight:600;} .nyconsumm h6{color:#666;font-size:1.125rem;text-align:left;padding-bottom:4rem} .nyconsumm li{background:url(../images/icon13.png) #fff no-repeat right 10% center;background-size:6.25rem 6.25rem} .nyconsumm li:nth-child(2){background:url(../images/icon14.png) #fff no-repeat right 10% center;background-size:6.25rem 6.25rem} .nyconsumm li:nth-child(3){background:url(../images/icon15.png) #fff no-repeat right 10% center;background-size:6.25rem 6.25rem} .nyconsumm li:nth-child(4){margin-bottom:0;background:url(../images/icon16.png) #fff no-repeat right 10% center;background-size:6.25rem 6.25rem} .nyconsumm li{width:100%;margin-bottom:1rem;padding:1.5rem;box-shadow:1px 2px 5px rgb(204 204 204 / 36%)} .nyconsumm li b{font-size:2rem;font-weight:600;font-family:Arial,Helvetica,sans-serif;color:#024290} .nyconsumm li p{color:#666;font-size:1rem} .nyconsumm .left{width:28%;margin:2% 2% 2% 2%} .nyconsumm .right .con{width:70%;margin-left:10%;background-color:#fff} .nyconsumm .right .con p{color:#444;font-size:1rem;line-height:3;border-top:1px solid #ddd;text-align:center} .nyconsumm .right .con img{display:block;width:100%;object-fit:contain;margin:0 auto;height:7.0625rem;padding:14% 0} .nyconsumm .right .zb{width:5%} .nyconsumm .right .zb img{display:block;width:2rem;height:2.5rem;object-fit:contain} .nyconsumm .fx{align-items:flex-start!important;background:url(../images/map.jpg) no-repeat center center;background-size:cover} .nyconsumm{padding:6.25rem 0} /*============================= 新闻中心 =============================*/ .nywrapper{margin:5rem 0 0 0} .news_ul{padding:6rem 0 0 0;} .news_ul li{border-bottom:1px solid #ddd;position:relative;width:23.7%;margin-right:1.5%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #ddd;margin-bottom:1.5%} .news_ul li a{display:block;width:100%;height:100%} .news_ul li .img{overflow: hidden;} .news_ul li .img img{display: block;transition:.5s ease-in;height: 17.5rem;} .news_ul li a:hover .img img { transform:scale(1.1,1.1);} .news_ul li:nth-child(4n){margin-right: 0;} .news_ul li .img img{display:block;height:17.5rem;width: 100%; object-fit: cover; } .news_ul li span{font-size: 0.875rem; color: #666;display: block;margin: 0rem 0 1rem 0; } .news_ul li h3{font-size: 1.25rem;color: #333;line-height: 1.6;display: block;border-bottom: 1px solid #ddd;padding-bottom:1rem;margin-bottom:1rem; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news_ul .des{padding:2rem 1rem;} .news_ul li:hover h3{color:#024290;transition: all 0.3s ease-in-out;} .news_ul li p{opacity: 0;font-size:0.875rem;color: #999; line-height: 1.6; } .news_ul li:hover p{opacity:1;transition: all 0.3s ease-in-out; } .news_ul li:hover h3{ border-bottom: 1px solid #fff; } .news_ul li .micon{display: inline-block;width:2.8rem;height:2.8rem;object-fit: contain;padding-left: 1rem; } .news_ul li em{font-size:0.875rem;color:#024290;line-height: 2; font-style: normal; } .news_ul li:hover em{opacity: 0;transition: all 0.5s ease-in-out; } /* 页码 */ .pglist{margin:1rem 0 6rem 0;text-align:center;font-size:0} .pglist li{display:inline-block} .pglist .pagin-left,.pglist .pagin-mid,.pglist .pagin-right,.pglist .pagin-select{display:inline-block;vertical-align:middle} .pglist span{display:inline-block;font-size:1rem;color:#9296a2;font-family:"Microsoft YaHei",Arial;line-height:26px;border:1px solid #ddd;margin:0 5px;padding:0 8px} .pglist .current,.pglist a{display:inline-block;border:1px solid #f6f7fb;font-size:.875rem;color:#9296a2;font-family:"Microsoft YaHei",Arial;line-height:1.8;margin:0 .5rem;background:#f6f7fb;padding:.5rem 1rem;border-radius:5px} .pglist .current,.pglist a:hover{color:#fff;background:#024290;border:1px solid #fff} .pglist .pagin-mid{font-size:1rem} .pglist .pagin-mid .mob-pagin-mid{display:none} .pglist .pagin-select{font-size:1rem} .pglist .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px} .pglist li.active span{color:#fff;background:#024290;border:1px solid #fff} .pglist a.hover{background:#024290;color:#fff} .nyviewnews{padding:6rem 0 3rem 0} .nyviewnews h6{color:#000;font-size:1.125rem;line-height:3;padding:0 0 0} .nyviewnews .sitepath{font-size:.875rem;color:#ccc;text-align:left;} .nyviewnews .sitepath a{font-size:.875rem;color:#ccc} .nyviewnews .sitepath a:hover{color:#024290;transition:all .3s ease-in-out} .nyviewnews .author{border-radius:10px;padding:1rem 3rem;background:linear-gradient(to right,#f6f6f6 30% ,rgb(246 246 246 / 42%) 47%,rgb(246 246 246 / 14%) 63%)} .nyviewnews .p1{color:#024290;font-size:1.125rem;line-height:1.5;text-align:left} .nyviewnews .p2{color:#999;font-size:1rem;line-height:1.5;text-align:left} .nyviewnews .left img{display:block;margin-right:1rem} .nyviewnews .author .right .s1{color:#aaa;font-size:.875rem;line-height:1.5;display:block} .nyviewnews .author .right .s2{color:#666;font-size:.875rem;line-height:2} .nyviewnews .author .right{border-left:1px solid #ccc;padding:0 0 0 3rem;margin-left:3rem} .newsdetailnav li a:hover{color:#024290;transition:all .3s ease-in-out} .titnav h3{font-size:2rem;color:#333;line-height:1;padding:2.5rem 0} .newsdetailnav{margin-bottom:3rem} .shownews .leftleft{font-size:1rem;width:100%} .shownews .rightright{width:100%} .shownews .rightright .tit{font-size:1.5rem;color:#000;line-height:1.8;margin-bottom:1.5rem;display:block} .shownews .nydetail p{font-size:1rem;color:#666;line-height:2} .shownews .nydetail{padding-bottom:2rem;padding-bottom:3rem} .newspart{align-items:flex-start!important} .newsdetailnav li{line-height:2;position:relative;padding-left:1rem} .newsdetailnav li a{color:#999;font-size:.875rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .newsdetailnav li::after{position:absolute;content:"";width:.3rem;height:.3rem;background-color:#024290;left:0;top:47%;border-radius:50px} .nyviewnews .titnav img{display:block;cursor:pointer} .shownews .right{width:11%;position:relative;text-align:center;border-left:1px solid #f4f4f4;padding-left:1%;} .shownews .right .p1{color:#024290;font-size:2.25rem;line-height:1.5;text-align:center;font-family:arial;border-bottom:1px solid #f4f4f4;padding-bottom:2rem;margin-bottom:2rem} .shownews .imgchat{display:block;margin: 0 auto 2rem;border-bottom:1px solid #f4f4f4;padding-bottom:2rem;cursor:pointer;} .shownews .p2{color:#999;font-size:.875rem;text-align:center} .shownews .back{display:block;padding-bottom:2rem;margin:0 auto;cursor:pointer} .shownews .ewmbox{position:relative} .shownews .ewm{position:absolute;right:101%;width:12.5rem;height:12.5rem;display:block;object-fit:contain;top:38%} .shownews #image{display:none} .shownews #image.show{display:block;transition:all .5s ease-in-out} .shownews .nr{align-items:flex-start!important;width:84%;padding:3rem 0} .nyviewnews .middle{font-size:1rem;line-height:1.6} .nyviewnews .left{width:20%;} .nyviewnews .middle{width:75%;} /* 左下角解决方案 */ .nyjjfalist h6{color:#000;font-size: 1.125rem;line-height: 3;padding: 0 0 0;} .nyjjfalist li a{color:#999;font-size: 0.875rem;line-height: 2.4;} .nyjjfalist li a:hover{ color:#024290;transition: all 0.3s ease-in-out; } /*============================= 技术研发单页 =============================*/ .nyjsyfwrapper{padding:8rem 0 6rem 0} /*工程案例单页*/ .gcalwrapper .fwzc{width:9%;background-color:#024290;font-size:1rem;border-radius:50px;color:#fff;text-indent:20%;display:block;line-height:2.5;position:relative} .gcalwrapper .fwzc:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite} .gcalwrapper .fwzc img{position:absolute;right:19%;top:27%;width:.6875rem;height:1.0625rem;object-fit:contain} .gcalwrapper li.hover a{color:#024290} .gcalwrapper .nytypename{padding:2rem 0;margin-bottom:0;position:fixed;width:100%;height:2.5rem;background:#fff;z-index:2;transition:all .5s;top:5rem;box-shadow:1px 3px 4px rgb(221 221 221 / 26%)} .hqfa:hover img{animation:arr .6s ease-out 0s infinite;animation:arr .6s ease-out 0s infinite} .gcalwrapper .nytypename span{color:#222;font-size:1rem;padding-right:2rem;width:6rem;display:block;border-right:1px solid #ddd;line-height:1;margin-right:1rem;padding-right:1rem} .gcalwrapper .lefttitlist{width:18%} .gcalwrapper .nr{align-items:flex-start!important} .gcalwrapper .right{width:100%} .gcalwrapper{padding:6rem 0} .gcalwrapper .lefttitlist>li{list-style:none} .gcalwrapper .lefttitlist .yiji .first{background-color:#1870ca;color:#fff;font-size:1.25rem;line-height:2.5;display:block;text-align:center} .gcalwrapper .erji{background-color:#fbfbfb;border-bottom:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef} .gcalwrapper .erji a{font-size:1rem!important;line-height:2.2!important;color:#333!important;display:block;text-align:center} .gcalwrapper .erji a:hover{color:#1870ca!important;transition:all .3s ease-out} .gcalwrapper .tit1{background-color:#1870ca;border-bottom:1px solid #efefef38;padding:1.5rem 0} .gcalwrapper .tit1 b{display:block;text-align:center;font-weight:600;color:#fff;font-size:1.875rem;line-height:1.5} .gcalwrapper .tit1 span{color:#fff;text-align:center;display:block;text-transform:uppercase;font-size:1.125rem;opacity:.6;font-family:arial} /*产品中心内页的左侧*/ .nyprodetail .lefttitlist{width:18%} .nyprodetail .lefttitlist>li{list-style:none} .nyprodetail .lefttitlist .yiji .first{background-color:#1870ca;color:#fff;font-size:1.25rem;line-height:2.5;display:block;text-align:center} .nyprodetail .erji{background-color:#fbfbfb;border-bottom:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef} .nyprodetail .erji a{font-size:1rem!important;line-height:2.2!important;color:#333!important;display:block;text-align:center} .nyprodetail .erji a:hover{color:#1870ca!important;transition:all .3s ease-out} .nyprodetail .tit1{background-color:#1870ca;border-bottom:1px solid #efefef38;padding:1.5rem 0} .nyprodetail .tit1 b{display:block;text-align:center;font-weight:600;color:#fff;font-size:1.875rem;line-height:1.5} .nyprodetail .tit1 span{color:#fff;text-align:center;display:block;text-transform:uppercase;font-size:1.125rem;opacity:.6;font-family:arial} .proDetailsSection{width:76%;} .proDetailsSection .mainCon{border:1px solid #e4e4e4;padding-bottom:0} .proDetailsIntro{width:100%;overflow: hidden;height:384px;border-bottom:1px solid #e4e4e4} .proDetailsIntro .conL{width:45%;float:left;position:relative;height:384px;background: #fff;border-right:1px solid #e4e4e4} .proDetailsIntro .conL i{display:block;width:44px;height:44px;position:absolute;z-index:9;cursor:pointer;overflow:hidden;top:50%;margin-top:-22px} .proDetailsIntro .conL i.prev{left:-1px} .proDetailsIntro .conL i.next{right:-1px} .proDetailsIntro .conL .btnList{width:100%;height:10px;text-align:center;position:absolute;bottom:18px} .proDetailsIntro .conL .btnList span{display:inline-block;width:9px;height:9px;overflow:hidden;position:relative;background:url(../images/prodetailsintro_icon01.png) no-repeat left top;margin-left:14px;cursor:pointer;background:#f9a50e;border-radius:100px} .proDetailsIntro .conL .btnList span.cur{background-position:left bottom} .proDetailsIntro .conL .btnList span:first-child{margin-left:0} .proDetailsIntro .conL .conBox{width:100%;height:384px;position:relative;overflow:hidden} .proDetailsIntro .conL .conBox ul{position:absolute;top:0;left:0;width: 100%;} .proDetailsIntro .conL .conBox li{float:left;width:100%} .proDetailsIntro .conL .conBox li img{display:block;width:100%;height:383.95px;object-fit: contain;} .proDetailsIntro .conR{float:right;padding-top:40px;width:48%;height:350px;position:relative;margin-right:20px} .proDetailsIntro .conR h3{font-size:20px;color:#333;font-weight:700;height:23px;overflow:hidden} .proDetailsIntro .conR h1{font-size:20px;color:#333;font-weight:700;height:23px;overflow:hidden} .proDetailsIntro .conR i{display:block;height:1px;margin:15px 0 18px 0;background:#e4e4e4} .proDetailsIntro .conR p{font-size:14px;color:#666;line-height: 1.5;height:176px;display:inline-block;overflow:hidden} .proDetailsIntro .conR .box{width:100%;position:absolute;bottom:0;left:0} .proDetailsIntro .conR .box .zx{display:block;width:172px;height:53px;float:left;font-size:20px;color:#fff;line-height:53px;background:url(../images/prodetailsintrobg01.png) no-repeat center;text-align:center;text-decoration:none;background:#1870ca;border-radius:50px} .proDetailsIntro .conR .box .zx img{position:relative;top:4px;margin-left:12px} .proDetailsIntro .conR .box .phone{float:left;padding-left:42px;background:url(../images/prodetailsintro_phone.png) no-repeat left center;margin-left:18px;margin-top:6px} .proDetailsIntro .conR .box .phone span{display:block;font-size:0.875rem;color:#666} .proDetailsIntro .conR .box .phone em{display:block;font-size:2rem;color:#024290;font-weight:600;font-family:arial;font-style:normal} .proDetailsCanS .menu{width:100%;height:54px;margin-bottom:20px;border-bottom:1px solid #e4e4e4} .proDetailsCanS .menu li{float:left;width:148px;border:1px solid #e4e4e4;height:53px;line-height:53px;text-align:center;font-size:1.125rem;color:#000;border-left:none;border-bottom:none;cursor:pointer} .proDetailsCanS .menu li:first-child{border-left:1px solid #e4e4e4} .proDetailsCanS .menu li.status_on{background:#024290;border-color:#024290;color:#fff} .proDetailsCanS .conBox{width:100%;background:#fff;line-height:22px} .proDetailsCanS .conBox .box{width:100%;height:100%;background:#fff} .proDetailsCanS .conBox .box div,.proDetailsCanS .conBox .box p{padding-top:7px;line-height:27px} .proDetailsLy{width:870px;margin:30px auto 0} .proDetailsLy .conBox .box1{width:100%;margin-top:33px} .proDetailsLy .conBox .box1 .Input{width:427px;height:58px;border:1px solid #e4e4e4;float:left;margin-bottom:10px;margin-left:12px} .proDetailsLy .conBox .box1 input{width:354px;padding-left:22px;padding-right:51px;font-size:16px;color:#999;line-height:58px;outline:0;border:none} .proDetailsLy .conBox .box1 .Input1{margin-left:0} .proDetailsLy .conBox .box1 .Input1 input{background:url(../images/prodetailsly_icon01.png) no-repeat 386px center} .proDetailsLy .conBox .box1 .Input2 input{background:url(../images/prodetailsly_icon02.png) no-repeat 386px center} .proDetailsLy .conBox .box1 textarea{padding-left:22px;width:795px;height:150px;border:1px solid #e0e0e0;padding-top:18px;font-size:16px;color:#999;outline:0;resize:none;background:url(../images/prodetailsly_icon03.png) no-repeat 828px 18px;padding-right:51px} .proDetailsLy .conBox .box1 .yzmtj{margin-top:20px} .proDetailsLy .conBox .box1 .yzmtj img{margin:10px 0 15px 15px} .proDetailsLy .conBox .box1 .yzmtj .sr{width:250px;float:left;border:1px solid #e0e0e0} .proDetailsLy .conBox .box1 .yzmtj .sr span{display:block;font-size:16px;color:#999;display:block;height:58px;line-height:58px;float:left;border-right:1px solid #e0e0e0;width:100px;text-align:center} .proDetailsLy .conBox .box1 .yzmtj .sr input{padding:0 10px;width:127px;float:left;display:block;border:none;line-height:58px;font-size:16px;color:#999;height:58px;outline:0} .proDetailsLy .conBox .box1 .yzmtj #spVerCode img{display:block;margin-top:14px;margin-left:10px;float:left;width:105px;height:38px} .proDetailsLy .conBox .box1 .yzmtj a.p{line-height:86px;margin-left:10px} .proDetailsLy .conBox .box1 .yzmtj .tj{display:block;width:410px;height:60px;line-height:60px;font-size:22px;color:#fff;text-decoration:none;text-align:center;background:#024290;float:left} .proList{width:100%} .proListSection{width:910px;float:right} .proListSection .mainCon{border:1px solid #e4e4e4;padding-top:28px;width:908px} .proListSection .mainCon .conBox{width:870px;margin:20px auto 0;padding-bottom:30px} .proListSection .mainCon .conBox ul{width:104%} .proListSection .mainCon .conBox li{float:left;width:280px;margin-right:15px;margin-bottom:20px} .proListSection .mainCon .conBox li.noMl{margin-right:0} .proListSection .mainCon .conBox li .Pic{width:278px;height:233.05px;border:1px solid #e4e4e4;overflow:hidden;display:block} .proListSection .mainCon .conBox li .Pic img{display:block;width:278px;height:233.05px;transform:scale(1);transition:all 1s ease-out;object-fit:cover} .proListSection .mainCon .conBox li .intro{width:280px;height:100px;text-align:center;padding-top:14px;position:relative} .proListSection .mainCon .conBox li .intro h3{font-size:16px;color:#333;font-weight:700;margin-bottom:12px;width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .proListSection .mainCon .conBox li .intro_sgxc{height:29px} .proListSection .mainCon .conBox li .Pic_sgxc{width:278px;height:330px;border:1px solid #e4e4e4;overflow:hidden;display:block} .proListSection .mainCon .conBox li .Pic_sgxc img{display:block;width:278px;height:330px;transform:scale(1);transition:all 1s ease-out;object-fit:cover} .proListSection .mainCon .conBox li .intro h3 a{color:#333;text-decoration:none} .proListSection .mainCon .conBox li .intro p{line-height:20px;color:#666;font-size:14px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:62px;text-align:left} .proListSection .mainCon .conBox li .intro .btn{overflow:hidden;width:241px;height:42px;background:url(../images/prolistbg01.png) no-repeat center;position:absolute;bottom:0;left:20px} .proListSection .mainCon .conBox li .intro .btn a{display:block;width:120px;height:42px;line-height:42px;text-align:center;float:left;font-size:14px;color:#777;text-decoration:none} .proListSection .mainCon .conBox li .intro .btn a i{display:inline-block;width:7px;height:12px;background:url(../images/mub02_jt03.png) no-repeat center;margin-left:8px;position:relative;top:2px} .proListSection .mainCon .conBox li .intro .btn a:first-child{border-right:1px solid #eaeaea} .proListSection .mainCon .conBox li .intro .btn a:hover{color:#fff} .proListSection .mainCon .conBox li .intro h3 a{color:#024290} .proListSection .mainCon .conBox li .intro .btn a.more:hover{background:url(../images/prolistbg02.png) no-repeat center} .proListSection .mainCon .conBox li .intro .btn a.more:hover i{background:url(../images/mub02_jt02.png) no-repeat center} .proListSection .mainCon .conBox li .intro .btn a.zx:hover{background:url(../images/prolistbg03.png) no-repeat center} .proListSection .mainCon .conBox li .intro .btn a.zx:hover i{background:url(../images/mub02_jt02.png) no-repeat center} .proListSection .mainCon .conBox li:hover .Pic img{transform:scale(1.2)} .mub02address{width:100%;border-bottom:1px solid #e4e4e4;margin-bottom:20px} .mub02address .con{width:100%;height:43px} .mub02address .homePage{display:block;width:43px;height:43px;background:url(../images/mub02address_homepage.png) no-repeat center;float:left;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea} .mub02address p{height:43px;width:84%;line-height:43px;font-size:13px;color:#999;float:left;margin-left:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .mub02address p a{color:#999;padding:0 4px} .mub02address .backList{display:block;width:117px;height:43px;line-height:43px;text-align:center;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;float:right;font-size:13px;color:#999;text-decoration:none;cursor:pointer} .mub02address .backList img{display:inline-block;margin-right:10px;position:relative;top:2px} .mub02tjcp{padding:1rem 1rem;margin-top:20px} .mub02tjcp .conBox{width:100%;margin-top:20px} .mub02tjcp .conBox li{width:280px;float:left;margin-left:14px;text-align:center} .mub02tjcp .conBox li:first-child{margin-left:0} .mub02tjcp .conBox li span{display:block;width:278px;height:233px;overflow:hidden;border:1px solid #e4e4e4} .mub02tjcp .conBox li .img{overflow:hidden} .mub02tjcp .conBox li img{display:block;transform:scale(1);transition:all 1s ease-out;width:278px;height:233px} .mub02tjcp .conBox li:hover img{transform:scale(1.2)} .mub02tjcp .conBox li em{display:block;font-size:14px;color:#333;margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .mub02tjcp .conBox li a{display:block;text-decoration:none} .mub02tjcp .conBox li p{font-size:1rem;line-height:2;text-align:center} .mub02xgyd{padding:1rem;margin-top:20px;margin-bottom:2rem} .mub02xgyd .conBox{width:100%;margin-top:22px;overflow:hidden} .mub02xgyd .conBox ul{width:106%} .mub02xgyd .conBox li{width:45%;overflow:hidden;margin-right:38px;float:left;margin-bottom:13px} .mub02xgyd .conBox li a{display:block;font-size:1rem;color:#333;float:left;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mub02xgyd .conBox li a:hover{color:#024290} .mub02xgyd .conBox li span{display:block;font-size:14px;color:#999;font-family:arial;float:right} .mub02Ad{background:#f5f5f5;border:1px solid #e4e4e4;position:relative;height:228px;margin-top:20px;margin-bottom:20px} .mub02Ad .figure{width:165px;height:213px;position:absolute;left:70px;bottom:0} .mub02Ad .figure img{display:block;width:165px;height:213px} .mub02Ad .conBox{margin-left:308px;padding-top:48px;margin-right:24px} .mub02Ad .conBox h3{font-size:22px;color:#024290;font-weight:400} .mub02Ad .conBox p{font-size:15px;color:#333;margin-top:6px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px} .mub02Ad .conBox .box{margin-top:20px} .mub02Ad .conBox .box .zxzx{display:block;width:160px;height:50px;overflow:hidden;background:#024290;text-decoration:none;float:left} .mub02Ad .conBox .box .zxzx span{display:block;width:50px;height:50px;float:left;border-right:1px solid #fff;background:url(../images/zxzx_icon01.png) no-repeat center} .mub02Ad .conBox .box .zxzx em{display:block;width:109px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;float:left} .mub02Ad .conBox .box .zxzx em img{display:inline-block;position:relative;top:2px;margin-left:8px} .mub02Ad .conBox .box .phone{float:left;margin-left:56px;background:url(../images/mub02ad_phone.png) no-repeat left center;padding-left:44px;margin-top:4px} .mub02Ad .conBox .box .phone span{display:block;font-size:13px;color:#666} .mub02Ad .conBox .box .phone em{display:block;font-size:24px;color:#024290;font-family:arial} .InpageSearch .mainCon .paging{border:1px solid #e4e4e4} .mub02Top h2 {font-size: 1.125rem;color: #253783;font-weight: 400;height: 40px;border-bottom: 1px solid #e4e4e4;} .proDetailsCanS {margin:1rem 0} .breath{animation:aniTop 1.2s .6s infinite cubic-bezier(.36,0,.7,1) alternate backwards} @keyframes aniTop{0%{transform:translateY(0)} 100%{transform:translateY(-10px)} } .proDetailsSection .tit2 span{display: inline-block;width: 100%;text-align: center;font-size: 0.875rem} .proDetailsSection .tit2 img{display: block;margin:0 auto 0.3rem;} .nytypename ul{width:95%} .nygcal li{margin-bottom:3rem} .nygcal .zyyw_4slideBox{background-color:#fff} .zyyw_4slideBox .bd li{background-color:#f7f8fa;border-radius:20px} .nygcal{padding-bottom:0} .nygcal .zyyw_4slideBox .bd li{zoom:1;vertical-align:middle;padding:3rem 3rem 3rem 3rem} .nyhzhblist h6,.xmmc_clgy h6{color:#333;font-size:2.5rem;line-height:2;text-align:center;display:block;font-weight:600;} .xmmc_clgy li{width:50%;border:1px solid #ddd;border-right:none;border-bottom:none} .xmmc_clgy li:nth-child(2n){border-right:1px solid #ddd} .xmmc_clgy li:nth-last-child(1),.xmmc_clgy li:nth-last-child(2){border-bottom:1px solid #ddd} .xmmc_clgy li .p1{background-color:#024290;line-height:2.5;text-align:center;font-size:1rem;color:#fff} .xmmc_clgy li .p2{background-color:#fff;line-height:1.5;text-align:center;font-size:1rem;color:#333;padding:1rem} .nyhzhblist{padding:3rem 0} .nyhzhblist img{display:inline-block;border:1px solid #efefef;} .nyprodesc{font-size:1.125rem;line-height:2;color:#333} .nyprodesc p{padding: 0px 18%;text-align: center} .nyhzhblist li{width: 23%;margin: 0 2% 2% 0;border: 1px solid #ddd;} .nyhzhblist li:nth-child(4n){margin-right:0} .nyhzhblist li img{display:block;width:100%;object-fit:cover;} .nyhzhblist ul{margin-bottom:0rem} .xypg-case-list{margin:0 0} .xypg-case-list li h3{color:#333;line-height:3;font-size:1rem;display:block;text-align:center;} .xypg-case-list li:hover h3 {color:#1870ca} .xypg-case-list li .img{overflow:hidden} .xypg-case-list li .img img{display: block;height: 22rem;object-fit: contain;} .gcalbanner{height:48.125rem;margin-top:5rem;height: calc(100vh - 5rem);} .gcalbanner .top-text{top:45%} .nytop_nav{position:relative;height:28rem} .nytop_nav .top-text{position:absolute;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);top:30%;text-shadow:1px 1px 2px #555} .nytop_nav .top-text h1{text-align:center;font-size:2.5rem;line-height:2;color:#fff;font-weight:600;letter-spacing:3px} .nytop_nav .top-text p{text-align:center;font-size:1.125rem;color:#fff;line-height:2;letter-spacing:1.8px} /*备注*/ .footer .left img{display:block;object-fit: contain;width:79%;height:100%} .nysinglebanner{position:relative} .nysinglebanner .ceng{background-color:#eee;position:absolute;left:0;bottom:0;height:100%;width:50%} .nysinglebanner .nr{padding:5rem 5% 7% 26%} .nysinglebanner .wz{font-size:1rem;color:#333} .nysinglebanner .ceng h3{font-size:2.5rem;color:#222;font-weight:600} .nysinglebanner .ceng p{line-height:1.8;font-size:1rem} .nygcalsort li:hover .ceng{opacity:1;transition:all .3s ease-in} .nyjsyfwrapper .part5 li{width:20%} .nyjsyfwrapper .part5 li:nth-child(3n){border-right:none} .nyjsyfwrapper .part5 li:nth-child(10){border-right:1px solid #ddd} .nyjsyfwrapper .part5 li:nth-child(10),.nyjsyfwrapper .part5 li:nth-child(6),.nyjsyfwrapper .part5 li:nth-child(7),.nyjsyfwrapper .part5 li:nth-child(8),.nyjsyfwrapper .part5 li:nth-child(9){border-bottom:1px solid #ddd} .nyjsyfwrapper .part5 p{text-align:center;line-height:2;font-size:1.125rem} .nyjsyfwrapper .part6 .left,.nyjsyfwrapper .part6 .right{padding:2rem;height:21rem} .nyjsyfwrapper .part7 li{width:49%;border:none;height:auto;background:#fff;margin-bottom:2%} .nyjsyfwrapper .part7 ul{margin:2rem 0 0 0} .nyjsyfwrapper .part7 .right h6{font-size:1.125rem;line-height:2} .nyjsyfwrapper .part7 .left{width:87%} .nyjsyfwrapper .part7 .right{width:55%;padding-left:2rem} .nyjsyfwrapper .part7 .left img{display:block;object-fit:cover;width:100%;height:18rem} .nyjsyfwrapper .part7 .right b{font-size:1rem;color:#024290;line-height:2;text-align:left} .nyjsyfwrapper .part7 li p{font-size:1rem;color:#333;text-align:left;font-weight:400;line-height:1.5} .nyjsyfwrapper .part7 .right h6{text-align:left} .nyjsyfwrapper .part7 .s1{text-align:center;line-height:2;font-size:1.125rem;color:#333} .nyjsyfwrapper .part8 .left b{display:block;font-size:1.125rem;line-height:1;padding-bottom:2rem} .nyjsyfwrapper .part8 .left li{width:48%;font-size:1rem;color:#333;display:block;background:url(../images/icon6.png) no-repeat left center;padding:0 0 0 3.5rem;height:auto;border:none;line-height:1.5;margin-bottom:2rem} .mobile-menu{display:none} .phonebox{display:none} .nyryzz{display:none} .nycase_ul li{border-bottom:1px solid #ddd;position:relative;width:23.5%;margin-right:1.5%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #efefef;margin:0 2% 2% 0} .nycase_ul li:nth-child(4n){margin-right:0} .nycase_ul li .img img{display:block;height:20.5rem;width:85%;object-fit:contain;margin:0 auto} .nycase_ul li p{font-size:1rem;background-color:#1870ca;color:#fff;border-radius:50px 0 0 50px;line-height:2;width:22%;text-align:center;display:block;border-top:1px solid #1870ca;position:absolute;right:0;top:0} .nycase_ul li h6{font-size:1rem;color:#333;line-height:1.6;display:block;display:block;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background:#f5f5f5} .nycase_ul li .img{display:block;border-radius:0!important;border-bottom:1px solid #efefef} .relateNews .n-tit h3{color:#202945;font-weight:600;font-size:1.875rem;display:block;border-left:5px solid #1870ca;line-height:1;padding-left:2rem;margin:0 0 2rem 0} .relateNews li{background:#fff;box-shadow:1px 2px 6px rgb(221 221 221 / 65%);margin-bottom:3rem;width:96%;margin:0 auto 2rem;border-radius:10px;list-style:none;overflow:hidden} .relateNews li a{display:block;width:100%} .relateNews li p{color:#222;font-size:1rem;line-height:3;text-align:center;list-style:none;background:#eee} .relateNews li .img{background-color:#f8f8f8;overflow:hidden} .relateNews li:hover .img{background-color:#fff;transition:all .3s ease-in-out} .relateNews li:hover{background-color:#1870ca} .relateNews li:hover p{color:#fff;background:#1870ca} .relateNews .n-tit{margin-bottom:3rem;padding-top:4rem;border-top:1px solid #ddd;position:relative} .relateNews .n-tit::after{content:"";width:8.15rem;height:1px;background-color:#ddd;position:absolute;transform:rotate(-30deg);top:1.9675rem;left:-7.6rem} .nydesc .ksxy b{display:block;font-size:2.25rem;color:#1870ca;text-align:center;line-height:1.6} .nyprodetail .left{width:60%;background:#fff;padding:2rem} .nyprodetail .right{width:18%} .nyprodetail .nr{align-items:flex-start!important;padding:3rem 0 0 0} .relateNews h2{font-size:1.875rem;color:#333;display:block;line-height:1;font-weight:600;border-left:4px solid #1870ca;padding-left:1rem;margin-bottom:1rem} .xypg-detail-info-bar .detail-info-time{padding-left:0} .xypg-detail-info-bar .detail-info-time svg{margin-right:.6rem} .nyprodetail{background:#f9f9f9} /*页码*/ .xypg-pagination li:hover a{background:#1870ca} .xypg-pagination li:hover a{color:#fff;background:#1870ca;border:1px solid #1870ca} .xypg-pagination li.active a{color:#fff;background:#1870ca;border:1px solid #1870ca;transition:0s!important} .nybannererji{background:#f9f9f9;box-shadow:1px 1px 6px #f3f3f3} .nybannererji li{list-style:none;margin-right:2rem} .nybannererji li a{font-size:1rem;display:block;line-height:2;padding:.5rem 0} .nybannererji li.cur a{color:#1870ca;font-weight:600} .nybannererji li.cur{border-bottom:2px solid #1870ca} .nybannererji-about{background:#f9f9f9;box-shadow:1px 1px 6px #f3f3f3;margin:5rem 0 0 0;position:fixed;left:0;top:0;width:100%;z-index:2222} /*内页技术支持*/ .nyjszcpart ul li{width:46%;line-height:2;border-bottom:1px dashed #e3e1e1;margin-bottom:.5%;margin-right:8%} .nyjszcpart ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nyjszcpart ul li:nth-child(2n){margin-right:0} .nyjszcpart ul li h3{display:block;position:relative;padding-left:1.2rem;font-size:1rem} .nyjszcpart ul li h3::after{position:absolute;content:"";width:.4rem;height:.4rem;background:#1870ca;left:0;top:42%} .nyjszcpart ul{padding:3rem 0 0 0} .nyviewnews .shownews{align-items:flex-start!important} /*内页职位招聘*/ .nyjoinus{margin:0 0 6rem 0} .nyjoinus h3{color:#333;font-size:2.5rem;line-height:2;text-align:left;font-weight:600} .nyjoinus h6{color:#666;font-size:1.125rem;text-align:left;padding-bottom:4rem} .nydesc .left{width:55%;border-radius:5px;padding:2rem 2rem;background:#e9f1f9;height:17rem;} .nydesc .left b{font-size:1.875rem;color:#222;line-height:3} .nydesc .left p{font-size:1rem;color:#222;line-height:2} .nydesc .right{width:42%;background:#e9f1f9;padding:4rem 2rem;border-radius:5px;height:17rem;} .nydesc .right span{color:#222;font-size:1.6rem;line-height:2.2} .nydesc .right p{font-size:1rem;color:#222;line-height:2} .accordion{width:100%;margin:30px auto 20px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} .accordion li i{position:absolute;font-size:18px;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;background:url(../images/upjt.png) no-repeat center;background-size:100%;width:2.125rem;height:2.125rem} .accordion li i.fa-chevron-down{left:auto;font-size:16px;right:2rem;top:2rem} .accordion li.open .link{color:#b63b4d} .accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .accordion .link{cursor:pointer;display:block;padding:1rem 2rem;font-weight:700;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;padding-right:2rem;margin-bottom:2rem;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;font-size:1.4rem;color:#222;line-height:2;background:#f8f9fb} .accordion li.open .link{background-color:#337ab7;color:#222} .accordion .link:hover,.accordion li.open .link{background:#f8f9fb} .descjob{font-size:1rem;color:#666;font-weight:400} .descjob li{margin-right:3rem;font-size:1rem} .accordion .submenu{display:none;padding:0 2rem;border-bottom:1px solid #ededed;margin-bottom:2rem} .accordion .submenu li{border-bottom:1px solid #4b4a5e} .accordion .submenu .shenqing{display:block;text-decoration:none;color:#fff;border-radius:50px;line-height:2.5;font-size:1.5rem;text-align:center;width:14%;margin:0 auto 2rem;background:linear-gradient(to bottom,#44b74a 32%,#44b74a 10%,#1870ca 75%)} .accordion .submenu b{color:#1870ca;font-size:1.3rem;line-height:2} .accordion .submenu p{color:#444;font-size:1rem;line-height:1.8} .accordion .submenu p span{color:#444;font-size:1rem;line-height:1.8} .nypart5sj{display:none} .product-list{display:none} .nyprosearch,.pbox,.pbox2{border:1px solid #efefef;cursor:pointer;position:relative;margin-right:2%;margin:0 2% 3rem 0;width:34%;background:#f5f5f5;border-radius:5px} .pronr,.pronr2{display:none;position:absolute;background:#fff;border:1px solid #efefef;top:100%;left:0;z-index:1000;width:100%} .pbox svg,.pbox2 svg{margin-right:1rem} .pronr li,.pronr2 li{width:100%;list-style:none} .pbox h3,.pbox2 h3{padding:0 15px;line-height:3.5;color:#333} .pronr li a{font-size:1rem;width:100%;padding:.5rem 0 .2rem 1rem;display:block;line-height:2} .pronr li:hover{background:#1870ca;transition:all .3s ease-in-out} .pronr li:hover a{color:#fff} .pronr2 li a{font-size:1rem;width:100%;padding:.5rem 0 .2rem 1rem;display:block;line-height:2} .pronr2 li:hover{background:#1870ca;transition:all .3s ease-in-out} .pronr2 li:hover a{color:#fff} .nyprosearch input{padding:0 15px;background:#efefef;font-size:1rem;line-height:3.5;color:#333} .nyprosearch{background:#fff;border:none;width:43%;margin-right:0} .nyprosearch #keywords{color:#333;width:75%;border-radius:5px 0 0 5px} .nyprosearch form{width:100%} .nyprosearch button{background:#1870ca;width:20%;border-radius:0 5px 5px 0;height:3.375rem} .nyprosearch svg{line-height:3.54} .nysearch{padding:9rem 0} .searchpage li{border-bottom:1px solid #ddd;position:relative;width:23.5%;margin-right:1.5%;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #efefef;margin:0 2% 2% 0} .searchpage li h6{font-size:1rem;color:#333;line-height:1.6;display:block;display:block;padding:.5rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background:#f5f5f5} .searchpage{padding:3rem 0} .searchpage li:nth-child(4n){margin-right:0} .sitepath {font-size:1.875rem;color:#333;text-align:center;} .sitepath span{font-size:1.875rem;font-weight:600;color:#204c97;} .nyprodetail .titlist{flex-wrap:wrap;width:21%;flex-wrap:wrap;width:21%;position:sticky;position:-webkit-sticky;position:sticky;top:10%;left:0;} .nyprodetail .nyprosearch, .nyprodetail .pbox, .nyprodetail .pbox2 {margin: 0 0% 2rem 0;width: 100%;} .nyprodetail .nyprosearch {background: #f9f9f9;} .nyprodetail .pronr2 li a {font-size: 0.875rem;padding: .3rem 0 .2rem 1rem;display: block;line-height: 1.5;} .nyprodetail .pronr2 b{display:block;line-height:2;background:#efefef;font-size:0.875rem;padding: .3rem 0 .2rem 1rem;} .nyprodetail .pronr2{height:35rem;overflow-x:hidden;overflow-y: scroll;} .header .about .right img{display:block;height:20rem;width:100%;object-fit:cover;} .header .lxwm .right img{display:block;height:20rem;width:100%;object-fit:cover;} .nygcal_ul{margin:11rem 0 0 0} .pglist li.active a{background: #024290;color:#fff} .nycase_ul_en li h6 { line-height: 1.4; display: block; white-space: wrap; overflow:visible; text-overflow:unset; height: 4.5rem; padding: 4% 0%;} @media (max-width:1800px){ .zyyw_4list .prev {left:-4%;} .zyyw_4list .next {right:-4%;} .wrap{width: 85%;} } @media (max-width:1700px){ .container{max-width: 100%;margin:0 auto;width:90%;} .footer {position: relative;height: auto;} .nav .sub1-name {padding: 0 1.45rem;} } @media (max-width:1600px){ .nypubtit h6{font-size:2rem} .nypubtit p{font-size:1rem;color:#333} .zyyw_2 ul li .p2{font-size:.875rem} .zyyw_2 ul li .p1{font-size:1.25rem} .zyyw_1 ul li .p2{font-size:.875rem} .zyyw_1 ul li b,.zyyw_1 ul li strong{font-size:3.5rem} .nysinglebanner .bold p{font-size:1.875rem} .nygcal .zyyw_4slideBox{width:100%!important} .nyhzhblist h6,.xmmc_clgy h6{font-size:2rem} .nykhmy h3{font-size:2rem} .nykhmy{padding:3rem 0 0 0} .nyconsumm h3{font-size:2rem} .footer .ftnav li a {font-size: 0.875rem;} .nyviewnews .middle {font-size: 0.875rem;line-height: 1.8;} .news_ul li h3 {font-size: 1.125rem;} .nypart5 h3 {font-size:2rem;} .nypart4 h3 {font-size:2rem;} .nypart3 h3 {font-size: 2rem} .nyabout h3 {font-size: 3rem;} .nysinglebanner h6 {font-size: 1.5rem;} .nypart1 h3 {font-size: 2rem;padding-bottom: 0rem;} .nypart {padding: 3rem 0;} .nypart1 {margin:6rem 0 0 0;} .nypart3 .whby {margin:3rem 0 3rem 0;} .gcalwrapper .nytypename {padding:1.5rem 0;height: 6rem;} .nycontact .dj{width:67%;} .nyviewnews {padding:3rem 0 3rem 0;} .index_header>.fx{width:100%} .nav .sub1-name {padding: 0 1.5rem;} } @media (max-width:1500px){ .container{width:80%;max-width:auto} .footer .ftnav .right span{font-size:1.875rem} .footer .ftnav .right{width:24%} .index_about .left b{font-size:3rem} .index_about .left h6{line-height:2;background-size:1.625rem 2.25rem} .index_about .left h6{font-size:1.25rem} .nynumblist li:nth-child(1) i{left:36%} .zyyw_4list .prev {left: -7%;} .zyyw_4list .next{right:-7%} .zyyw_4slideBox{max-width:100%;margin:0 auto;width:90%!important} .footer .ftnav li b,.ftnav .left b,.ftnav .right b{font-size:1.125rem} .nyjsyfwrapper .part li{height:10rem} .nyjsyfwrapper .part3 li.tit p{line-height:8} /*间距*/ .nygcalsort{padding:3rem 0} .nygcaltit{padding-top:6rem} .gcalwrapper{margin:3rem 0} .nyhzhblist{padding:0 0} .nyconsumm{padding:3rem 0} .index_application{margin:3rem 0;padding:3rem 0 0 0} .index_news{margin:3rem 0 6rem 0} .nynumblist i{left:100%} .index_about .right {width:100%;} .index_application .recpro li{width: 32%;} .nypart3 .whby li{padding:3rem 2rem;} .nav .sub1-name{padding: 0 1.5rem;} } @media (max-width:1400px){ .container{max-width:100%;margin:0 auto;width:80%;} .nav .sub1-name{padding: 0 1.2rem;font-size: 1rem;} .footer .ftnav .right li:nth-child(3){background:url(../images/fticon4.png) no-repeat left top 12%;background-size:1.0625rem 1.375rem;line-height:1.5;} .ftcontact .ft_ct {width: 17%;} } @media (max-width:1200px){ .navMenu{display: block;} .wrap{width: 90%;margin: 0 auto;} .nav .sub1-name {padding: 0 0.2rem;font-size: 1rem;} .index_application .text-block {top:10%;} .index_application .text-item {padding: 1.5rem 2rem;} .nypart3 .whby li { padding: 2rem 2rem;} .nycontact {padding: 8rem 0 0 0;} .nycontact .des .p1 {margin: 1rem 0;} .nycontact .dj {margin:1rem 0;} } @media (max-width:768px){ body{overflow-x:hidden} .html{overflow-x:hidden} .container{max-width:100%;margin:0 auto;width: 90%;} .header{display:none} .xymob-head{display:block} /*手机端导航*/ .mobile-menu{display:block} .phonebox{display:block} .phonebox{position:fixed;width:100%;z-index:999999;background:#fff;top:0;height:4rem} .ey_top{height:4rem;position:relative} .phonebox{position:fixed;width:100%;z-index:999999;background:#fff;top:0;height:4rem} .ey_top{position:relative} .ey_top .w1400{width:100%;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .ey_top .eytop_main .top_right{width:100%;position:absolute;top:78px;z-index:9999999;background:#fff;height:100vh;border-top:1px solid #ddd;left:100%;transition:all .5s ease;overflow:scroll} .ey_top .eytop_main .top_right.open{left:0} .ey_top .eytop_main .top_right .nav{width:100%;height:auto;float:none;margin:0} .ey_top .eytop_main .top_right .nav li:first-child{width:90%} .ey_top .eytop_main .top_right .nav li{width:90%;margin:0 auto;float:none;background:#fff;border-bottom:1px dashed #ddd} .ey_top .eytop_main .top_right .nav li>a{line-height:55px} .ey_top .eytop_main .top_right .nav li.navon:after,.ey_top .eytop_main .top_right .nav li:hover:after{height:55px} .ey_top .eytop_main .top_right .nav li:after{top:0} .ey_top .eytop_main .top_right .nav li.navon a::before,.ey_top .eytop_main .top_right .nav li::before{height:0} .ey_top .eytop_main .top_right .nav li .hide>a{font-size:18px;line-height:60px} .ey_top .eytop_main .top_right .nav li>a{font-size:16px} .ey_top .eytop_main .top_right .nav li .nav_item2 a{font-size:15px} .ey_top .eytop_main .top_right .nav li i{display:none} .nav_item_open{position:static;width:100%;visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);box-shadow:none;display:none;transition:none} .ey_top .eytop_main .top_right .nav li.on>i{transform:rotate(180deg)} .ey_top .eytop_main .top_right .nav li .nav_item2{background-color:#f7f7f7;margin-bottom:1px} .ey_top .eytop_main .top_search{width:100%;height:auto;float:none;margin-left:0} .ey_top .eytop_main .top_search em{display:none} .ey_top .eytop_main .top_search .search_con2{opacity:1;transform:none;position:static;width:80%;margin:40px auto 0} .top_search .search_con2 .search-input{width:100%} .top_search .search_con2 .moblie-search-close{display:none} .ey_top .nav_menu{position:absolute;right:3%;height:25px;transition:all .5s ease} .ey_top .nav_menu span{display:block;width:26px;height:2px;background:#666;margin-top:7px} .ey_top .nav_menu:after,.ey_top .nav_menu:before{content:"";display:block;width:26px;height:2px;background:#666} .ey_top .nav_menu:after{margin-top:7px} .ey_top .nav_menu.open span{background:0 0;transform:translate(-50%,-50%) rotate(180deg)} .ey_top .nav_menu.open:before{margin-top:10px;transform:rotate(45deg);width:23px} .ey_top .nav_menu.open::after{margin-top:-11px;transform:rotate(-45deg);width:23px} /*手机端按钮*/ .menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem} .menu-item.open img{transform:rotate(90deg)} .mobile-menu{position:fixed;width:100%;z-index:9999999999;top:0;display:block} .menu-icon{position:fixed;top:2.5%;right:5%;display:flex;flex-direction:column;justify-content:space-between;width:2.2rem;height:1.3rem;cursor:pointer;z-index:99} .menu-icon span{display:block;width:2.2rem;height:3px;background-color:#fff;margin-bottom:5px} .menu-list{text-align:center;z-index:1;transition:opacity .3s;padding-top:20%;display:none} .menu-list.open{display:block} .menu-item .menu-iconimg-1{display:inline-block;width:1rem;height:1rem;background:url(../images/rightjt.png) left center no-repeat;background-repeat:no-repeat;background-position:center;transition:transform .3s;position:absolute;right:11%;top:35%} .menu-item .menu-iconimg-1.rotate{background:url(../images/rightjh.png) left center no-repeat;width:1rem;height:1rem;background-size:contain} .submenu-list{display:none} .submenu-list.open{display:block} .menu-item{text-align:center;position:relative} .menu-item>a{font-size:1.125rem;color:#333;line-height:3;display:block;width:100%;position:relative;border-bottom:1px solid #f7f7f7} .submenu-list{display:none} .menu-item.open .submenu-list{display:block} .close-menu{position:absolute;top:10px;right:5%;width:30px;height:30px;cursor:pointer;z-index:9999} .close-menu:after,.close-menu:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background-color:#000;transform:translate(-50%,-50%) rotate(45deg)} .submenu-list li a{display:block;line-height:2.5;font-size:1rem;color: #888;} .submenu-list li a:hover{background:linear-gradient(to bottom,#024290,#024290,#024290,#024290,#024290);-webkit-background-clip:text;color:transparent;transform:translateX(0)} .menu-item img{display:block;position:absolute;right:11%;top:33%;width:.625rem;height:1.0625rem} .menu-item.open img{transform:rotate(90deg)} .header_wrap2 .menu-icon span{background-color:#333} .mlink a{font-size:1.125rem;color:#333} .mlink{border-bottom:1px solid rgb(247 247 247 / 90%);position:relative;padding:1rem 0} .mobile-menu.open .menu-icon span{background:linear-gradient(to bottom,#024290 32%,#024290 10%,#024290 75%)} .mobile-menu .menu-icon{position:absolute;top:1.1rem;right:20px;cursor:pointer;z-index:2} .mobile-menu .menu-icon span{display:block;width:2.2rem;height:2px;background:linear-gradient(to bottom,#024290 32%,#024290 10%,#024290 75%);margin-bottom:-3px;transition:transform .3s;opacity:1} .mobile-menu.open span:first-of-type{transform:rotate(45deg) translate(13px,13px)} .mobile-menu.open span:nth-child(2){opacity:0} .mobile-menu.open span:last-of-type{transform:rotate(-45deg) translate(1px,-1px)} .mobile-menu.open{position:fixed;width:100%;height:100%;top:0;background:#fff;z-index:99999999999} .header_message_item{margin:0 auto;width:100%} .header_message_ul{flex-wrap:wrap!important} .close-menu:after{transform:translate(-50%,-50%) rotate(-45deg)} .ey_top .nav_menu{display:none!important} .ey_top{position:relative;height:4rem;box-shadow: 1px 2px 2px #ebebeb;} .nyconactdes .twoicon a i{width:45%;} .nyconactdes .twoicon{width: 90%;position:absolute;top:76%;} .toplogo img{display: block;width:65%;padding:0.8rem 0 0} .nypart1 .right{position:sticky;width:100%;} .nypart1 .left{width:100%;} .nypart1 .fx{flex-wrap:wrap;} .nypart1 h3{font-size:1.5rem;} /*banner*/ .banner{position:relative;margin-top:3rem} .news_ul{padding:3rem 0 0 0} .nyviewnews{padding:1rem 0 3rem 0} .nykhmy li svg{margin-top:.6rem;width:24px;height:25px} /*首页 */ .index_zyyw .fx{flex-wrap:wrap} .index_zyyw .part{padding:1rem;width:100%;margin-bottom:1rem} .index_zyyw .part h2{font-size:1.25rem;text-align:center} .index_zyyw .part p{line-height:1.6;padding:.3rem 15% 0 15%;text-align:center} .index_about .right{width:100%} .index_about .middle{width:100%;position:relative;display:none} .index_about .left{width:100%} .index_about .nr{flex-wrap:wrap} .index_about{margin:3rem 0;padding: 0 0 0 0;} .index_about .left b{font-size:1.5rem; line-height: 1;padding: 0 0 2rem 0;} .index_about .left img{width:54%} .index_about .left p {width: 100%;text-align: left;padding:0;} .nynumblist li{border-right:none} .index_about .right .container{width:100%} .index_about .nynumblist{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center} .nynumblist li{margin-bottom:1rem;width:50%} .nynumblist em{padding:1rem 0;line-height:1.6;padding-bottom:1rem;width:83%} .index_application{margin:3rem 0;padding:3rem 0 0 0;height: 49vh;} .nynumblist li:nth-child(3),.nynumblist li:nth-child(4){margin-bottom:0} .nynumblist i {left: 69%;} .nynumblist span {font-size: 1.875rem;display: block;text-align: center;width: 100%;} .index_application .tit p{font-size:1.25rem} .index_application .but i{width:3rem;display:block;height:3rem} .index_application .slide-text p{line-height:1.5;font-weight:200;padding: 0rem 0;height: 1.6rem;} .index_application .hzhblogo li img{display:block;height:4.0625rem;width:95%} .index_application .swiper-slide{height:29.125rem;background-size:cover} .index_news{margin: 5rem 0 3rem 0;} .index_news .newtop{display:none} .index_news .newtop .right{width:100%} .index_news .newtop .left{width:100%;margin-left:0} .index_news .list ul{align-items:flex-start!important;flex-wrap:wrap} .index_news .list li{position:relative;height:16rem;width:100%;padding:1rem;margin-bottom:2rem} .index_news .list h6,.index_news .right li h6{font-size:1.125rem;line-height:1.5;padding-bottom:0} .index_application .slide-text{width:100%;left:5%} .index_application .recpro li:nth-child(2n){margin-right:0} .index_news .list{margin-top:0} .index_zyyw{margin-top:5rem} .pubtit{font-size:1.5rem;line-height:1;padding:0 0 2rem 0} .nybannererji-about{margin:4rem 0 0 0} .index_news .tit a{margin:0 0 2rem 0} .nyjszcpart ul li{width:100%} .nyjszcpart ul{padding:0} /*工程案例*/ .nygcaltit{padding-top:6rem} .nygcaltit h3{font-size:1.5rem} .nygcalsort{padding:3rem 0} .nygcalsort li{width:100%;height:17rem;margin-bottom:1rem} .nygcalsort .ceng h3{padding-top:23%;font-size:1.125rem} .nygcalsort li:nth-last-child{margin-bottom:0} .nygcalsort .icon svg{margin:9% auto 0} .nyhzhblist li{width:48%} .nyhzhblist li:nth-child(2n){margin-right:0} .xypg-case-list li .img img { height: 14rem;} .xypg-case-list li h3 {line-height: 2;} .gcalwrapper{margin:3rem 0} .nyhzhblist h6,.xmmc_clgy h6{font-size:1.5rem} .xmmc_clgy li{width:100%} .xmmc_clgy li .p1{line-height:1.6;padding: .5rem 0.5rem;} .nygcal .zyyw_4slideBox .bd li{padding:1rem} .nytop_nav .top-text{width:90%} .nytop_nav .top-text h1{font-size:1.5rem;line-height:2} .nytop_nav .top-text p{font-size:1rem;line-height:1.4;padding: 0 14%;} .gcalwrapper .nytypename span{display:none} .gcalwrapper li a{font-size:.875rem;line-height:1.5} .gcalwrapper .nytypename{padding:1rem 0 0 0;height:10rem} .gcalwrapper .nytypename{top:4rem} .gcalbanner{height: 9rem!important;margin: 4rem 0 0 0;} .nyjsyfwrapper h6{text-align:left;font-size:1.5rem;padding-left:5%;line-height:1.5} .nyjsyfwrapper .part li.tit p{text-align:center;line-height:1.3} .nyjsyfwrapper .part .line1{line-height:3;height:3rem} .nyjsyfwrapper .part li b{line-height:3!important;font-size:1rem} .nyjsyfwrapper .part2 .left,.nyjsyfwrapper .part2 .right{width:100%;padding:1.5rem;height:27rem;margin:1rem 0 0 0} .nyjsyfwrapper .part2 .fx{flex-wrap:wrap} .nyjsyfwrapper .part li{padding:.2rem} .nyjsyfwrapper .part li:nth-child(7),.nyjsyfwrapper .part li:nth-child(8),.nyjsyfwrapper .part li:nth-child(9){height:14rem} .nyjsyfwrapper .part1 li:nth-child(10),.nyjsyfwrapper .part1 li:nth-child(11),.nyjsyfwrapper .part1 li:nth-child(12){height:17rem} .nyjsyfwrapper .part .btit::before{width:1rem;height:1rem;left:.5rem;top:.8rem} .nyjsyfwrapper .part .btit::after{width:1rem;height:1rem} .nyjsyfwrapper .part .btit{font-size:1.125rem;margin-bottom:0;line-height:2.2;padding-left:2rem} .nyjsyfwrapper .part3 .line1{padding:0 0} .nyjsyfwrapper .part3 li:nth-child(10),.nyjsyfwrapper .part3 li:nth-child(11),.nyjsyfwrapper .part3 li:nth-child(12),.nyjsyfwrapper .part3 li:nth-child(5),.nyjsyfwrapper .part3 li:nth-child(6),.nyjsyfwrapper .part3 li:nth-child(7),.nyjsyfwrapper .part3 li:nth-child(8),.nyjsyfwrapper .part3 li:nth-child(9){height:30rem} .nyjsyfwrapper .part3 li:nth-child(13),.nyjsyfwrapper .part3 li:nth-child(14),.nyjsyfwrapper .part3 li:nth-child(15),.nyjsyfwrapper .part3 li:nth-child(16){height:16rem} .nyjsyfwrapper .part3 li:nth-child(17),.nyjsyfwrapper .part3 li:nth-child(18),.nyjsyfwrapper .part3 li:nth-child(19),.nyjsyfwrapper .part3 li:nth-child(20){height:14rem} .nyjsyfwrapper .part3 li:nth-child(21),.nyjsyfwrapper .part3 li:nth-child(22),.nyjsyfwrapper .part3 li:nth-child(23),.nyjsyfwrapper .part3 li:nth-child(24){height:14rem} .nyjsyfwrapper .part5 p{line-height:1.5;font-size:1rem;padding:0 5%;text-align:left} .nyjsyfwrapper .part5 .line1{padding:0} .nyjsyfwrapper .part5 li:nth-child(10),.nyjsyfwrapper .part5 li:nth-child(6),.nyjsyfwrapper .part5 li:nth-child(7),.nyjsyfwrapper .part5 li:nth-child(8),.nyjsyfwrapper .part5 li:nth-child(9){height:6rem} .nyjsyfwrapper .part6 h6{padding-left:0;line-height:1.5} .nyjsyfwrapper .part2 .s1{text-align:center;line-height:1.6;font-size:1rem} .nyjsyfwrapper .part2 .right{width:100%;padding:1rem;height:27rem;margin-bottom:2rem} .nyjsyfwrapper .part6 .left{width:100%;padding:1rem;height:21rem;margin-top:.5rem} .nyjsyfwrapper .part6 .right{height:12rem;text-align:left} .nyjsyfwrapper .part7 .s1{line-height:1.5;font-size:1rem;text-align:left} .nyjsyfwrapper .part7 h6{padding-left:0;line-height:1.5} .nyjsyfwrapper .part7 li{width:100%;margin-bottom:2rem} .nyjsyfwrapper .part7 .right h6{line-height:1.5} .nyjsyfwrapper .part7 .right{width:55%;padding-left:1rem} .nyjsyfwrapper .part7 li{flex-wrap:wrap} .nyjsyfwrapper .part7 .left,.nyjsyfwrapper .part7 .right{width:100%} .nyjsyfwrapper .part7 li{height:auto!important} .nyjsyfwrapper .part7 .right{padding:1rem} .nyjsyfwrapper .part8 .fx{flex-wrap:wrap} .nyjsyfwrapper .part4 .left{width:100%} .nyjsyfwrapper .part4 .middle{width:100%} .nyjsyfwrapper .part4 .right{width:100%} .nyjsyfwrapper .part8 .left li:last-child{width:100%;margin-bottom:.5rem} .nyjsyfwrapper .part7 li{margin-bottom:2rem} .nyjsyfwrapper .part7 li:last-child{margin-bottom:0} .nyjsyfwrapper .part8 li:nth-child(7),.nyjsyfwrapper .part8 li:nth-child(8),.nyjsyfwrapper .part8 li:nth-child(9){height:auto} .nyjsyfwrapper .part4 .right p{width:100%;margin-bottom:.5rem} .nyjsyfwrapper .part8 h6{padding-left:0} .nyjsyfwrapper .part4 .fx{flex-wrap:wrap} .nyjsyfwrapper .part4 .middle{width:60%;margin:0 auto} .nyjsyfwrapper .part8 .middle{width:100%;margin:1rem auto} .nyjsyfwrapper .part7 ul{margin:1rem 0 0 0} .nyjsyfwrapper .part7 .right b{line-height:2!important} .nyjsyfwrapper .part8 .left li{width:100%;margin-bottom:.5rem} .nyjsyfwrapper .part li{height:6rem} .nyjsyfwrapper .part2 .s2{line-height:1.4} .nyjsyfwrapper .part{padding:3rem 0 0 0} .nyjsyfwrapper .part8 .left b{padding:1rem 0} .nyjsyfwrapper{padding:4rem 0 3rem 0} .nyjsyfwrapper .part2 b{font-size:1rem} /*关于*/ .rytit li{width:50%} .nypart3 .whby li{padding:1rem 1rem;width:100%} .rytit li b{font-size:1rem;line-height:1.3;padding-top:30%} .nyright .nynumblist span{font-size:1.875rem} .nyright .nynumblist li:nth-child(1) i{left:34%;top:0} .nyright .nynumblist p{margin-top:0} .nypart1 .nynumblist em{text-align:center;font-size:1rem;color:#222;line-height:1.5;font-style:normal;display:inline-block;width:100%;text-indent:1em;padding:.5rem 5%} .nynumblist li{margin:0;width:45%;padding:0} .nyright .nynumblist i{left:30%;color:#1870ca;font-size:1rem;top:0} .rytit{padding:1rem 0 0 0} .nypart3{overflow:hidden} .nypart3 h3{font-size:1.5rem} .nypart3 h6{color:#666;font-size:1rem;padding-bottom:2rem;line-height:1.5;padding:0 5%} .nypart4 h3{font-size:1.5rem} .nypart4 .swiper-button-prev{background-size:2rem 2rem} .nypart4 .swiper-button-next{background-size:2rem 2rem} .nypart3 span{font-size:1.125rem} .nypart1{margin:8rem 0 0 0;padding:0} .nypart3 .whby{margin:1rem 0 0 0;flex-wrap:wrap} .nypart1 .left img{margin:.5rem 0 .5rem 0;width:3.125rem;height:3.125rem;cursor:pointer} .nypart4 .swiper-container{display:none} .nypart4 .swiper-slide{height:12rem} .nyryzz{display:block;height:12rem} .nypart3{overflow-x:hidden} .nypart5 h3{font-size:1.5rem} .nypart5pc{display:none} .nypart5sj{display:block} /*新闻*/ .news_ul li{width:100%;margin-right:0;margin-bottom:2rem} .news_ul .des{padding:1rem .5rem} .newsslideBox .des{width:100%;padding:0 2%} .newsslideBox .bd li{flex-wrap:wrap} .newsslideBox .des b{font-size:1.25rem;margin:1rem 0} .newslist{padding:6rem 0 3rem 0} .newsslideBox .img{width:100%;height:13rem} .newsslideBox .img img{height:13rem} .newsslideBox .more{padding-bottom:1rem} .newsslideBox .hd{bottom:10%} .news_ul li p{display:none} .news_ul li .img img{height:12.5rem} /*联系我们*/ .nyjoinus h3{font-size: 1.5rem;} .nyjoinus h6 {font-size: 1rem;padding-bottom: 2rem;} .nydesc .left b {font-size: 1.25rem;line-height: 2;} .nydesc .right span {font-size: 1.25rem;} .nyjoinus {margin: 0 0 3rem 0;} .nykhmy li span{width:3rem;height:3rem;} .accordion .link{font-size: 1.125rem;} .nycontact{margin-top:0;height:36rem;} .nycontact .des{width:100%} .nycontact .des .p1{font-size:1rem;line-height:1.5;margin:1rem 0} .nycontact .des .img1{width:2rem;height:1rem;margin-bottom:1rem} .nybanner img{width:55%} .nycontact .des .b2{font-size:1.125rem} .nycontact .des .p2{font-size:1rem} .nycontact .des ul li{line-height:2.5;padding-left:2.5rem;background-size:2rem 2rem} .nycontact .des ul li p{font-size:1rem} .nycontact .des ul li:nth-child(2){padding-left:2.5rem;line-height:1.2;background-size:2rem 2rem} .nykhmy li{width: 49%;margin-bottom: 1rem;padding: 10% 1%;height: 11rem;border: 1px solid #1870ca;} .nykhmy li svg {margin-top: .6rem;width: 24px;height: 25px;} .nykhmy li:nth-child(2n){margin-top:0} .nykhmy h6{padding-bottom:1rem} .nykhmy li p{line-height:1.5;font-size:.875rem} .nykhmy li b{line-height: 1;font-size: 1rem;word-break: break-all;padding: 0 5%;display: block; } .nykhmy li:nth-child(5) , .nykhmy li:nth-child(6){height: 13rem;} .nykhmy li:nth-child(5) b, .nykhmy li:nth-child(6) b {line-height: 1.2;padding: 0 5%;} .nykhmy ul{flex-wrap:wrap} .nycontact .des .b1{font-size:1.5rem} .nycontact .dj{width:100%;margin:0 0;padding:.5rem 0} .nykhmy h3{font-size:1.5rem;} .nyconsumm h3{font-size:1.5rem;} .nyconsumm{padding:3rem 0} .nyconsumm .left{width:84%;margin:2% 2% 2% 2%} .nyconsumm li b{font-size:1.5rem} .nyconsumm li,.nyconsumm li:nth-child(2),.nyconsumm li:nth-child(3),.nyconsumm li:nth-child(4){background-size:3.25rem 3.25rem} .nyconsumm li{padding:.5rem} .nyconsumm h6{padding-bottom:1rem} .nykhmy h6{font-size:1rem;line-height:1.5} .nyconsumm h6{font-size:1rem;line-height:1.5;padding-bottom:1rem} .pglist .current,.pglist a{margin:0 .2rem;padding:.5rem .5rem} .nygcalsort li:last-child{display:none} .nycase_ul {padding: 4rem 0 0 0;} /*footer*/ .footer .ftnav ul .left{display:none} .footer .ftnav .right{width:100%} .footer .ftnav li a{display:none} .footer .ftnav li b,.ftnav .left b,.ftnav .right b{font-size:1.125rem} .ftcopy .fx{width:100%;flex-wrap:wrap;text-align:center;line-height:1.5} .ftzc{text-align:center;width:100%} .footer{height:37rem} .footer .top{left:44.2%} .ft_top .right{display:none} .nybannererji li{margin-right:1rem} .nycase_ul li{width:48%;margin:0 4% 4% 0} .nycase_ul li:nth-child(2n){margin-right:0} .nycase_ul li .img img{height:7rem} .index_application .text-block{color:#222;margin-bottom:1.5rem;position:absolute;right:0;top:24%;z-index:2222;width:88%} .index_application .tit p{padding:0 0;font-size:1rem} .index_application .slide-text ul{padding:2% 0;flex-wrap:wrap} .index_application .recpro li{width:42%;margin-bottom:.5rem} .index_application .text-item.active{padding:1rem 1rem} .index_application .text-item.active .jt{border:none;width:1.8rem;height:1.8rem;background-size:1rem 1.5rem} .index_application .jt{width:1.8rem;height:1.8rem;background-size:1rem 1rem} .index_application .text-item{font-size:1.25rem;padding:1rem 1rem} .ftcontact{padding:2rem 0} .ftcontact .p1{font-size:1.25rem;padding:0 11%;line-height:1.5;font-weight:600} .ftcontact .ft_ct{width:36%;padding:.6rem 0} .footer .left img{width:14.25rem;height:3.6875rem;width:100%} .footer{padding:3rem 0;height:auto} .footer .item ul li{width:50%} .footer .item ul li a{color:#8c8c8c;font-size:.875rem;line-height:2} .footer .item ul li:hover a{color:#1870ca;transition:.3s all ease-in} .footer .footer-bottom{color:#888;font-size:.875rem;line-height:4rem;text-align:center} .footer .footer-bottom a{color:#888} .footer .footer-bottom a:hover{color:#fff} .footer-bottom .left{width:100%;color:#888} .footer-con h1{color:#fff;font-size:1.5rem;margin-bottom:20px;position:relative;z-index:99} .footer-con h1::after{position:absolute;content:"";width:3rem;height:.2rem;background:#1870ca;left:0;bottom:-1rem} .footer-con p{font-size:.875rem;color:#ababab;line-height:2;position:relative;z-index:99} .footer-con .p1{font-weight:600;color:#1870ca;font-size:1.25rem} .footer-con .fbg2{display:inline-block;height:100%;max-width:100%} .footer-con .cbg{display:inline-block;position:absolute;right:13%;top:9%} .footer-top-fl{align-items:flex-start!important} .footer-top-fl .left{width:60%;align-items:flex-start!important} .footer-top-fl .footer-con{width:40%;border:1px dashed rgb(255 255 255 / 23%);padding:2rem 3.5rem;border-radius:10px;border-left:none;border-right:none} .footer .fnav{width:250%} .footer .fnav .tit{font-size:1.5rem;color:#fff;margin-bottom:20px;font-weight:600;display:block;position:relative} .footer .fnav .tit::after{position:absolute;content:"";width:3rem;height:.2rem;background:#1870ca;left:0;bottom:-1rem} .footer .fnav a{font-size:.875rem;color:#ababab;display:block;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .footer .fnav a:hover{color:#1870ca} .footer .fcon{width:380px;float:right} .footer .fcon .tit{font-size:1.25rem;color:#fff;margin-bottom:20px;text-align:right} .footer .cop{margin:5rem 0 0 0;font-size:1rem} .footer .cop a{display:inline-block;line-height:2} .footer .cop p{line-height:2} .footer-con .right img{display:block;width:9rem;height:9rem} /*新闻详情页*/ .shownews .nr{flex-wrap:wrap;align-items:flex-start!important;width:100%;padding:1rem 0} .titnav h3{font-size:1.25rem;line-height:1.5;padding:2.5rem 0} .nyviewnews .titnav img{width:14%;margin-left:2rem} .nyviewnews .author{border-radius:10px;padding:.2rem .2rem} .shownews .right{display:none} .nyjjfalist .list{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap} .nyjjfalist li a{padding-right:1rem} .newsdetailnav{margin-bottom:0} .nyviewnews .middle{margin-top:2rem} .footer .ewm>div{width:33%;margin-right: 3%;} .footer .ewm{justify-content:left;margin-top: 0rem;} .footer .ewm img {height:9rem; } .newslist .img img {height: 15rem;} .newslist .img {width:100%; height:15rem;} .newslist .des {width:100%;padding:3% 6%;} .nywrapper .newslist .swiper-slide .fx{flex-wrap:wrap;} .newslist .des b{font-size:1.25rem;margin: 1rem 0} .newslist .swiper-pagination{position: absolute;width:31%;right:4%;bottom:2%;} .newslist {padding: 6rem 0 0rem 0;} .index_news .list li:nth-child(4),.index_news .list li:nth-child(5),.index_news .list li:nth-child(6){display:none} .nyjoinus .nydesc{flex-wrap:wrap} .nydesc .left{width:100%;padding:1rem 1rem} .nydesc .right{width:100%;padding:1rem 1rem;margin-top:2rem} .descjob ul{flex-wrap:wrap} .accordion .link{padding:1rem 1rem} .nyprodetail .left{width:100%} .nyprodetail .right{width:100%} .nyprodetail .nr{flex-wrap:wrap} .relateNews li{width:48%;margin:0 auto 2rem;float:left;margin-right:2%} .relateNews h2{font-size:1.5rem;margin-top:2rem} .nywrapper{margin:4rem 0 0 0} .nyprodetail .nr{padding:1rem 0 0 0;flex-wrap: wrap;} .submenu-list.active{display:block} .menu-list li:nth-child(5) .menu-iconimg-1{display:none} .nyprodetail .lefttitlist {display: none;} .proDetailsSection {width: 100%;} .mub02xgyd .conBox li{width:100%} .mub02xgyd .conBox li a{width:75%} .proDetailsIntro .conL .conBox{width:100%;height:20rem} .proDetailsIntro .conL .conBox li img{height:20rem} .proDetailsIntro .conL{width:100%;height:20rem} .proDetailsIntro .conR{padding-top:1rem;width:95%;height:auto;margin-right:0} .proDetailsIntro .conR .box{width:100%;position:static} .proDetailsIntro .conR .box .zx{width:9rem;font-size:1rem;line-height:3;height:auto} .proDetailsIntro{width:100%;overflow:hidden;height:auto;padding:0 0 1rem 0} .mub02tjcp .conBox li{width:47%} .mub02tjcp .conBox li img{display:block;transform:scale(1);transition:all 1s ease-out;width:100%;height:12rem;object-fit:contain} .mub02tjcp .conBox li{margin-left:0;margin-right:9px} .proDetailsIntro .conR .box .phone{margin-left:0;margin-top:17px} .gcalwrapper .lefttitlist{display:none} .gcalwrapper{margin:0 0;padding:0} .gcalwrapper .right{width:100%} /*.nycase_ul li:nth-child(3n){margin:0 4% 4% 0}*/ .nycase_ul li .img img{height:16rem} .nycase_ul {padding: 2rem 0 0 0;} .gcalwrapper .titlist{flex-wrap:wrap;margin:3rem 0 0 0} .nyprosearch, .pbox, .pbox2 {margin: 0 0% 1rem 0;width: 100%;} .nyprosearch {width: 100%;} .nyprodetail .titlist {position:relative;width: 100%;} .proDetailsIntro .tit2 .breath{margin-right: 1rem;} .nyviewnews .left{width:100%;} .nyviewnews .middle{width:100%;} }