@charset "UTF-8"; /*通用*/ @font-face { font-family: 'bnp-sreg'; src: url('https://www.hcforklift.com/static/fonts/Bebas-Neue-Pro-SemiExpanded-Regular.eot'); src: local('☺'), url('https://www.hcforklift.com/static/fonts/Bebas-Neue-Pro-SemiExpanded-Regular.woff') format('woff'), url('https://www.hcforklift.com/static/fonts/Bebas-Neue-Pro-SemiExpanded-Regular.otf') format('opentype'), url('https://www.hcforklift.com/static/fonts/Bebas-Neue-Pro-SemiExpanded-Regular.ttf') format('truetype'), url('https://www.hcforklift.com/static/fonts/Bebas-Neue-Pro-SemiExpanded-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bnp-sbold'; src: url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Bold.eot'); src: local('☺'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Bold.woff') format('woff'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Bold.otf') format('opentype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Bold.ttf') format('truetype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bnp-sbook'; src: url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Book.eot'); src: local('☺'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Book.woff') format('woff'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Book.otf') format('opentype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Book.ttf') format('truetype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Book.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bnp-smiddle'; src: url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Middle.eot'); src: local('☺'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Middle.woff') format('woff'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Middle.otf') format('opentype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Middle.ttf') format('truetype'), url('https://www.hcforklift.com/static/fonts/Bebas Neue Pro SemiExpanded Middle.svg') format('svg'); font-weight: normal; font-style: normal; } .bnp-sreg{font-family:"bnp-sreg"; } .bnp-sbook{font-family:"bnp-sbook"; } .bnp-sbold{font-family:"bnp-sbold"; } .bnp-smiddle{font-family:"bnp-smiddle"; } a{display: block;color: #fff;} img{display: block;outline: none;} .w1285{width: 1285px;margin: 0 auto;} .mengc{/*background-image: linear-gradient(to right,rgba(0,0,0,.3),transparent);*/position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: rgba(39,39,39,.6); z-index: 1;} .mengc000{position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,.25); z-index: 1;} .jianborder{border: 1px solid;border-image: linear-gradient(to right, #c70405,#1392e9) 1;} .ovhidden{overflow: hidden;} .cz{position: relative; z-index: 22;} .tj.disabled{opacity:.3;pointer-events:none;overflow:hidden;} .dwcenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .dwzycenter{position: absolute;left: 50%;transform: translateX(-50%);} .dwsxcenter{position: absolute;top: 50%;transform: translateY(-50%);} .mflex{display: flex;flex-wrap: wrap;} .font128{font-size: 128px;line-height: 108px;color: #fff;} .font118{font-size: 118px;line-height: 112px;color: #fff;} .font76{font-size: 76px;line-height: .8em;color: #333;} .font75{font-size: 75px;line-height: .8em;color: #fff;} .font73{font-size: 73px;line-height: .8em;text-transform: uppercase; color: #333;} .font68{font-size: 68px;line-height: 1em;} .font60{font-size: 60px;line-height: .8em;text-transform: uppercase;color: #333;} .font38{font-size: 38px;line-height: .8em;} .font31{font-size: 31px;line-height: 1em;} .font30{font-size: 30px;line-height: 1em;color: #333;} .font24{font-size: 24px;line-height: 30px;color: #333;} .font21{font-size: 21px;line-height: 30px; color: #333;} .mb10{margin-bottom: 10px;} .m-content a{display: inline-block;color: #333;} .m-content p{/*margin-bottom: 26px;*/font-size: 21px;line-height:26px;color: #333;} .m-content img{display: inline-block;max-width: 100%;height: auto!important;} .m-content video,.m-content embed{max-width:100%;} .m-content.manypic{align-items: center;} .m-content.manypic img{max-width: 49%;} .color333399{color: #333399;} /*单行超出省略*/ .m-sl{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .m-thsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .m-twosl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /*边框效果*/ .biank{box-sizing: border-box;width:calc(100% - 128px);height:calc(100% - 128px);} .biank .mline{position: absolute;background: #fff;transition: all 1s;} .biank .mline.mline1{left: 0px;top: 0px; width:0;height: 1px; } .biank .mline.mline2{right: 0px;top: 00px; width:1px;height: 0; } .biank .mline.mline3{right: 0px;bottom: 0px; width:0;height: 1px; } .biank .mline.mline4{left: 0px;bottom: 0px; width:1px;height: 0; } header{position: fixed;top: 0;left: 0;width: 100%;height: 93px;z-index: 222;background: #fefefe;} .head-mn{position: relative;height: 100%;justify-content: space-between;} .head-mn .headl{padding: 16px 0 17px;} .head-mn .headl.logo img{height:60px;width:auto;} .head-mn .headr{position: relative; justify-content: space-between;} .head-mn .headr .headnav li{position: relative; margin-right: 43px;} .head-mn .headr .headnav li:before{position: absolute;left: 50%;transform: translateX(-50%); bottom: 20px;width: 0;height: 1px;background: #313131;transition: all .5s;content: "";} .head-mn .headr .headnav li:hover:before{width: 100%;} .head-mn .headr .headnav li.on:before{width: 100%;} .head-mn .headr .headnav li.on .nav{color: #333399;} .head-mn .headr .headnav .nav{padding: 48px 0 23px;font-size: 22px;color: #000;} .head-mn .headr .headnav .child{position: absolute;top: 100%;left: 0;width: 300px;background: #fff;} .head-mn .headr .headnav .child .child-main{display: none;padding: 12px 0 62px; } .head-mn .headr .headnav .child .child-bg{position: absolute;width: 10000px;height: 100%;top: 0;left: -4000px;background: #fff;pointer-events: none;} /*.head-mn .headr .headnav .child:before{}*/ .head-mn .headr .headnav .child a{position: relative; font-size: 20px;line-height: 35px; color: #666;z-index: 2;} .head-mn .headr .headnav .child a.color{font-family: "bnp-sreg";color: #333399;} .head-mn .headr .headnav .child a:hover{font-family: "bnp-sreg"; color: #333399;} .head-mn .headr .headsearch{height: 100%;box-sizing: border-box;padding: 46px 24px 0 12px;cursor: pointer;} .head-mn .headr .headlang{position: relative;margin-top: 43px;width: 105px;height: 30px;box-sizing: border-box;border-radius: 5px;border: 1px solid #b0b0b0;align-items: center;justify-content: space-between;padding: 0 8px;color:#666;cursor: pointer;} .head-mn .headr .headlang.on{border-bottom-left-radius:0;border-bottom-right-radius:0;} .head-mn .headr .headlang p{font-size: 16px;line-height: 30px;} .head-mn .headr .headlang .bottom{position: absolute;top:100%;left: -1px;width: 100%;border: 1px solid #b0b0b0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;display: none;overflow: hidden; } .head-mn .headr .headlang .bottom li{padding: 0 8px;border-bottom:1px solid #b0b0b0; background: #fefefe;} .head-mn .headr .headlang .bottom li:last-child{border-bottom: none;} .head-mn .headr .headlang .bottom li a{line-height: 30px; color: #666;} .head-mn .headr .search-main{position: absolute;width: 100%;height: 100%;box-sizing: border-box;padding-bottom: 26px;align-items: flex-end;justify-content: space-between;background: #fefefe;opacity: 0;pointer-events: none;} .head-mn .headr .search-main.on{opacity: 1;pointer-events: auto;} .head-mn .headr .search-main .sxform{width: calc(100% - 60px);} .head-mn .headr .search-main .sxform form img{cursor: pointer;} .head-mn .headr .search-main .sxform form{display: flex;justify-content: space-between;height: 100%;} .head-mn .headr .search-main .sxform form .sr{width: calc(100% - 60px);box-sizing: border-box;padding: 0 10px;height: 100%;list-style: none;border:none;border-bottom: 1px solid #b0b0b0; outline: none;background: none;font-size: 24px;line-height: 30px;} .head-mn .headr .search-main .sxform form .sr::-webkit-input-placeholder{color: #666;} .head-mn .headr .search-main .r{cursor: pointer;} .head-mn .headr .search-main .r .icon{display: block;width: 24px;height: 24px;} .pro-child{position: absolute;top: 100%;width: 100%;padding-top: 46px;display: none;background: #fff;} .pro-child:hover{display: block!important;} .pro-child .pro-childnav{width:14.28571428571429%;height: 175px;margin-bottom:45px;box-sizing: border-box;padding: 0 10px; background: #fefefe;} .pro-child .pro-childnav .bigimg{height: 124px;align-items: center;justify-content: center;} .pro-child .pro-childnav .tit{font-size: 20px;line-height:22px;text-align: center;color: #666;} .pro-child .pro-childnav:hover .tit{color: #333399;} .head-box{height: 93px;} .phone-nav{position: absolute;top: 50%;right: 0;transform: translateY(-50%);display: none; z-index: 9999999;cursor: pointer;} .phone-nav .line{position: relative;top: 0;border-radius: 3px;width: 30px;display: block;height: 2px;transition: all .3s; background: #333;transform-origin: center center;} .phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);} .phone-nav .line:nth-child(2){margin: 8px 0; } .phone-nav.active .line:nth-child(2){opacity: 0;} .phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);} .phone-nav-mn{position: absolute;top: 80px;left: 0;pointer-events: none; padding: 30px 0 100px; width: 100%;height: calc(100vh - 80px); box-sizing: border-box;background-color: #282a2c; z-index: 99;overflow: scroll;opacity: 0;transition: all .5s;} .phone-nav-mn.on{opacity: 1;pointer-events: auto;} .sliding-menu {position: relative;overflow: hidden;} .sliding-menu ul {float: left;} .sliding-menu li {padding: 0 3%;} .sliding-menu a { display: block;margin: 0!important;padding: 1em;font-size: 18px;color: #fff;} .sliding-menu li:hover {background: #333;} .sliding-menu li:hover a{color: #fff;} .sliding-menu a.nav:before {content: '\3009';float: right;margin-left: 1em} .sliding-menu a.back {background: #555;color: #fff} .sliding-menu a.back:before {content: '\3008';float: left;margin-right: 1em} /*首页*/ .learnmore{justify-content: center;align-items: flex-end;font-size: 24px;line-height: .8em;} .learnmore .moreimg{margin-left: 12px;} .i-page{cursor: pointer;z-index: 2;} .i-page.prev{left: 53px;} .i-page.next{right: 53px;} .i-page.next img{transform: rotate(180deg);} .i-banner{position: relative; margin: 93px 0 10px;} .i-banner .bimg{width: 100%;height: 757px;} .i-banner .bimg .bannerimg{width:100%;height: 100%;object-fit: cover;object-position: center;} .i-banner .mes{top: 220px;} .i-banner .font128{margin-bottom: 46px;} .i-banner .learnmore{width: 205px;height: 54px;line-height: 54px;background: #2222ac;} .i-banner .learnmore .moreimg{padding-bottom: 18px;} .i-warp1 .main{justify-content: space-between;} .i-warp1 .mn{position: relative; width: calc(50% - 5px);color: #fff;} .i-warp1 .mn .bigimg img{width: 100%;height: auto;} .i-warp1 .mn .mes{top: 48px;width: 100%;text-align: center; z-index: 2;} .i-warp1 .mn .mes .font31{margin: 10px 0 32px;} .i-warp2{position: relative; height:757px;background: url(../img/iimg3.jpg) no-repeat center / cover fixed;} .i-warp2 .mes{top: 134px;z-index: 2;} .i-warp2 .mes .font118{margin: 20px 0 40px} .i-warp2 .learnmore{width: 205px;height: 54px;line-height: 54px;background: #2222ac;} .i-warp2 .learnmore .moreimg{padding-bottom: 18px;} .i-warp3 .swiper-slide{width: 64.21875%;pointer-events: none;} .i-warp3 .swiper-slide .img{width: 100%;height: auto} .i-warp3 .swiper-slide .videobf{cursor: pointer;} .i-warp3 .swiper-slide-active{pointer-events: auto;} .i-warp3 .swiper-pagination{bottom: 62px!important;justify-content: center;} .i-warp3 .swiper-pagination-bullet{display: block;width: 18px!important;height: 2px!important;border-radius: 0!important;margin: 0 2.5px!important; background: #fff!important;opacity: .65!important;} .i-warp3 .swiper-pagination-bullet-active{opacity: 1!important;} .i-warp3 .i-page{display: none;} .i-warp3 .i-page.prev{right: 20.833%;left: auto; } .i-warp3 .i-page.next{left: 20.833%;right: auto;} .i-warp4{padding: 104px 0 186px;text-align: center;} .i-warp4 .font38{margin: 20px 0 75px;color: #666;} .i-warp4 .main{justify-content: space-between;} .i-warp4 .main .mn{position: relative;width:32.7626%; } .i-warp4 .main .mn .mes{position: absolute;bottom: 46px;width: 100%;z-index: 2;} .i-warp4 .main .mn .mes .font38{margin: 0 0 18px;letter-spacing: 3px;text-transform: uppercase; color: #fff;transition: all .5s; } .i-warp4 .main .mn:hover .mes .font38{color: #2222ac;} .foot-top{background: #f5f5f5;} .foot-top .main{height:110px;align-items: center;justify-content: space-between;} .foot-top .main .mn{align-items: center;justify-content: center;} .foot-top .main .mn.one{width: 32.99610894941634%;} .foot-top .main .mn.two{width: 34.55252918287938%;} .foot-top .main .mn.three{width: 32.45136186770428%} .foot-top .main .mn .tit{margin-left: 18px; font-size: 25px;color: #333;} .foot-top .main .mn:hover .tit{color: #2222ac;} .foot-top .main .mn:hover .img1{display: none;} .foot-top .main .mn:hover .img2.hide{display: block;} .foot-bottom{background: #272727;} .foot-bottom .foott{padding: 78px 0 0;justify-content: space-between;border-bottom: 1px solid #fff;} .foot-bottom .foot-nav dl{width: 234px;} .foot-bottom .foot-nav dl.oth{width: 220px;} .foot-bottom .foot-nav dl:last-child{width: auto!important;} .foot-bottom .foot-nav dl .mb{margin-bottom: 45px;} .foot-bottom .foot-nav .tit{margin-bottom: 26px; font-size: 25px;line-height: .8em;} .foot-bottom .foot-nav .sum{display: inline-block;font-family: "bnp-sbook"; font-size: 15px;line-height: 21px;color: #ccc;} .foot-bottom .foot-con{padding-right: 44px;} .foot-bottom .foot-con .tit{margin-bottom: 32px;font-size: 25px;line-height: .8em;color: #fff;} .foot-bottom .foot-con .foot-form{width: 300px;height: 40px;margin-bottom: 8px;} .foot-bottom .foot-con .foot-form .sr{width: calc(100% - 40px);height: 100%;border: none;box-sizing: border-box;padding: 0 13px;font-size: 17px;color: #666;background: #fff;} .foot-bottom .foot-con .foot-form .sr::-webkit-input-placeholder{color: #666;} .foot-bottom .foot-con .foot-form .tj{width: 40px;display: flex;height: 100%;align-items: center;justify-content: center; background: #2222ac;cursor: pointer;} .foot-bottom .foot-con .sum{margin-bottom: 34px; font-size: 13px;line-height: 19px;color: #999;} .foot-bottom .foot-con .xx{font-size: 16px;line-height: 22px;color: #fff;} .footshare{padding: 47px 0 28px; align-items: center;} .footshare p{font-size: 21px;line-height: .8em;color: #ccc;} .footshare .main{margin-left: 10px;} .footshare .main .share-mn{width: 26px;height: 26px;margin-left: 14px;} .footshare .main .share-mn.share-you{background: url(https://www.hcforklift.com/static/img/youtube.svg) no-repeat center;} .footshare .main .share-mn.share-face{background: url(https://www.hcforklift.com/static/img/facebook.svg) no-repeat center;} .footshare .main .share-mn.share-xj{background: url(https://www.hcforklift.com/static/img/instagram.svg) no-repeat center;} .footshare .main .share-mn.share-ly{background: url(https://www.hcforklift.com/static/img/twitter.svg) no-repeat center;} .footb p{padding: 12px 0 27px;font-size: 13px;line-height: .8em;letter-spacing: 1px; color: #ccc;} .fixright{position: fixed;right: 0;bottom: 100px;z-index: 999;} .fixright .mn{width: 56px;height: 56px;margin: 5px 0;align-items: center;justify-content: center; background: #2222ac;} /*.fhtop{position: fixed;bottom: 40px;right: 20px;width: 48px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 4px; z-index: 99999;outline: none;background-color: rgba(51,51,153,.5);transition: all .5s;} .fhtop:hover{background: rgba(51,51,153,1);} .fhtop svg{display: block;width: 20px;}*/ .fix-caeers.success{} .fix-caeers.success .main{min-height: 600px;display: flex;flex-flow: column;align-items: center;justify-content: center;} .fix-caeers.success .main .titn {margin: 40px 0;font-size: 83px;line-height: 60px;color: #333;} /*解决方案*/ .n-banner{position: relative;margin-top: 93px;} .n-banner .bantit{font-size: 67px;text-align: center;text-transform: uppercase;color: #fff;z-index: 2;} .n-banner .bimg{width: 100%;height: auto;} .ind{padding: 105px 0 186px; text-align: center;} .ind .indsum{max-width: 950px;width: 100%;margin: 49px auto 104px;} .ind .main{justify-content: space-between;} .ind .main li{float: left; margin-bottom: 81px;width:31.82879377431907%;margin-right:2.256809338521401%;} .ind .main li:nth-child(3n){margin-right: 0;} .ind .main .mn{position: relative;} .ind .main .mn .tit{padding: 10px;width: 100%;box-sizing: border-box; font-size: 30px;color: #fff;z-index: 2;} .ind .main .mn img{width: 100%;height: auto;} .ind .ind-con{padding: 38px 0 0; text-align: center;} .ind .ind-con .sum{margin: 25px 0 78px;} .ind .ind-con .more{width: 292px;height: 64px;margin: 0 auto;font-size: 33px;line-height: 64px;color: #fff;background: #2222ac;} .indcontent{text-align: center;} .indcontent-warp1{padding: 105px 0 102px;} .indcontent-warp1 .sum{width: 100%;max-width: 1000px;margin: 48px auto 0;} .indcontent-warp2{padding:80px 0; background: #f5f5f5;} .indcontent-warp2 .sum{/*max-width: 1100px;*/width: 100%;margin: 40px auto 70px;line-height: 42px;color: #333;} .indcontent-warp3 {position: relative; padding: 104px 0 186px;} .indcontent-warp3 .page{} .indcontent-warp3 .page{position: absolute;top: 534px;cursor: pointer;} .indcontent-warp3 .page.prev{left:-80px;} .indcontent-warp3 .page.next{right:-80px;} .indcontent-warp3 .page.next img{transform: rotate(180deg);} .indcontent-warp3 .sum{margin: 56px 0 81px;font-size: 21px;line-height:.8em;} .indcontent-warp3 .main{padding:0 1px 70px 0;} .indcontent-warp3 .main .swiper-pagination{bottom: 0;display: block;justify-content: center;left: 50%;transform: translateX(-50%);white-space: nowrap;} .indcontent-warp3 .main .swiper-pagination-bullet{/*display: block;*/width: 11px;height: 11px;margin: 0 5.5px!important;background: #bcbcbc;opacity: 1!important;transition: all .5s;} .indcontent-warp3 .main .swiper-pagination-bullet-active{background: #666666;} .pro-box{padding: 20px 23px;box-sizing: border-box;border: 1px solid #bfbfbf;border-right: none;} .pro-box .bigimg{align-items: center;justify-content: center;height: 260px;} .pro-box .bigimg img{max-width: 100%;max-height: 100%;height: auto;width: auto;} .pro-box .mes1{height: 65px;box-sizing: border-box;padding-bottom: 18px; align-items: flex-end;} .pro-box .mes1 .tit{max-height: 46px;padding-right: 30px;font-size: 22px;line-height: 23px;color: #000;text-align: left;} .pro-box .mes2{box-sizing: border-box;border-top:1px solid #bfbfbf;height: 48px;align-items: center; text-align: left; } .pro-box .mes2 .canshu{width: calc(100% - 124px); font-size: 18px;color: #000;} .pro-box .mes2 .bq{width: 124px;font-size: 16px;color: #666;} .pro-box .learnmore{height: 36px;width: 100%;margin-top: 15px;box-sizing: border-box;line-height: 36px;font-size: 18px; background: #2222ac;} .pro-box .learnmore img{padding-bottom: 10px;width: 8px;height: auto;} .indcontent-warp3 .pro-box:last-child{border-right: 1px solid #bfbfbf;} .mvideo{position: relative;display: inline-block;} .mvideo img{max-width: 100%;height: auto;} .mvideo .bf{z-index: 9;cursor: pointer;} .mvideo iframe{/*position: absolute;top: 0;left: 0; */width: 100%;height: 100%;display: none;z-index: 2;/*object-fit: cover;object-position: center;*/} .mvideo iframe.on{display: block;} .mvideo .videomain{position: absolute;top: 0;left: 0; width: 100%;height: 100%;display: none;z-index: 2;} .mvideo .videomain iframe{ width: 100%;height: 100%;display: block;/*object-fit: cover;object-position: center*/} .mvideo .videomain.on{display: block;} /*service*/ .service{text-align: center;} .ser-warp1{padding: 105px 0 110px;} .ser-warp1 .sum{margin: 45px 0 100px; line-height: 35px;color: #666;} .ser-warp1 .img{max-width: 100%;height: auto;margin: 0 auto;} .ser-warp2{padding:75px 0 0 ; background: #f5f5f5;} .ser-warp2 .sum{margin: 48px 0 74px;} .ser-warp2 .main li{display: inline-block;width: 33.3333333%;} .ser-warp2 .main li.oth{margin-bottom: 27px;} /*.tbyuan{margin: 0 auto 26px;}*/ .tbyuan img{margin: 0 auto 26px;opacity: 1;transition: all .5s;} .tbyuan .mes{height: 135px;} .tbyuan:hover img{opacity: .5;} .ser-warp3{padding: 102px 0 0;} .ser-warp3 .sum{margin: 48px auto 76px;max-width: 1020px;width: 100%;} .ser-warp3 .main li{width: 25%;} .ser-warp4 {padding: 76px 0 81px;background: #f5f5f5;} .ser-warp4 .sum{margin: 48px auto 72px;max-width: 1080px;width: 100%;} .ser-warp4 .main{justify-content: space-between;} .ser-warp4 .main li{width: 32.60700389105058%;} .ser-warp4 .main li img{width: 100%;height: auto;} .ser-warp5{padding: 100px 0 68px;} .ser-warp5 .sum{margin: 48px auto 73px;max-width: 1020px;width: 100%;} .ser-warp5 .main li{ width: 33.3333%;} .sergou{position: relative;display: flex;align-items: flex-start;margin-bottom: 42px;} .sergou .sergou-tit{width: calc(100% -28px);padding-left: 14px;box-sizing: border-box;line-height: 28px;font-size: 21px;color: #333;} .ser-warp6{padding: 75px 0 81px;background: #f5f5f5;} .ser-warp6 .sum{margin: 48px auto 74px;max-width: 1080px;width: 100%;} .ser-warp6 .main{justify-content: space-between;align-items: center; padding-left: 100px;box-sizing: border-box;} .ser-warp6 .main .bigimg{ width: 58.48101265822785%;} .ser-warp6 .main .bigimg img{width: 100%;height: auto;} .ser-warp6 .main .r{width: 36.20253164556962%;box-sizing: border-box;padding-right: 75px;text-align: left} .ser-warp6 .main .r .sergou{margin-bottom: 43px;} .ser-warp6 .main .r .sergou:last-child{margin-bottom: 0;} .ser-warp7{padding: 103px 0 0;} .ser-warp7 .sum{margin: 48px auto 74px;max-width: 1020px;width: 100%;} .ser-warp7 .wzmain{justify-content: space-between;align-items: center; padding-left: 100px;box-sizing: border-box;margin-bottom: 87px;} .ser-warp7 .wzmain .bigimg{ width: 58.48101265822785%;} .ser-warp7 .wzmain .bigimg img{width: 100%;height: auto;} .ser-warp7 .wzmain .r{width: 36.20253164556962%;box-sizing: border-box;padding-right: 90px;text-align: left} .ser-warp7 .wzmain .r .mb{margin-bottom: 9px;} .ser-warp7 .main{justify-content: space-between;} .ser-warp7 .main li{width: 33.333333%;} .ser-warp7 .main li .tbyuan img{margin-bottom: 20px;} .ser-warp8 {padding: 74px 0 183px;background: #f5f5f5;} .ser-warp8 .sum{margin: 48px auto 74px;} .ser-warp8 .main{justify-content: space-between;} .ser-warp8 .main li{width: 32.60700389105058%;} .ser-warp8 .main li img{width: 100%;height: auto;} .spare{text-align: center;} .spareoth .sum{margin: 48px 0 74px;} .spareoth .summ{margin: 69px 0 53px;font-size: 27px;line-height: 33px;color: #333;} .spareoth .summ a{color: #333399;} .spare-warp1{padding:104px 0 110px; } .spare-warp1 .sum{margin: 46px 0 76px; line-height: 35px;color: #666;} .spare-warp1 .picmain{align-items: flex-end; justify-content: space-between;margin-bottom: 81px;} .spare-warp1 .picmain li{width: 18.36575875486381%;} .spare-warp1 .picmain li img{width: 100%;height: auto;} .spare-warp2{padding:76px 0 82px;background: #f5f5f5;} /*.spare-warp2 .sum{margin: 48px 0 74px;}*/ .spare-warp3{padding: 104px 0 110px;} .othpromain{display: flex;justify-content: space-between;} .othpromain .bigimg{display: flex;justify-content: center;align-items: center;width: 23.73540856031128%;height: 201px;background: #f5f5f5;} .othpromain .bigimg{max-width: 94%;max-height: 94%;} .spare-warp3 .downmain{justify-content: center;} .spare-warp3 .downmain .downwj{margin: 0 8.5px;} .downwj{display: flex;justify-content: center;align-items: center;width: 293px;height: 64px;background: #2222ac;} .downwj p{margin-left: 13px;text-transform: uppercase; color: #fff;} .spare-warp4{padding: 76px 0 83px;background: #f5f5f5;} .spare-warp4 .downmain{justify-content: center;margin-bottom: 81px;} .spare-warp4 .m-content{align-items: center;} .spare-warp5{padding: 104px 0 185px;} .spare-warp5 .othpromain{margin-bottom: 81px;} .spare-warp5 .othpromain .bigimg{width:31.82879377431907%;height: 271px;} /*news*/ .news-nav .mn{width: 50%;background: #444;} .news-nav .mn:hover{background: #272727;} .news-nav .mn.on{background: #272727;} .news-nav .mn .tit{font-size: 47px;line-height:134px;text-align: center;color: #fff;} .news{padding-bottom: 186px;} .news-list{background: #f5f5f5;} .news-list li{padding: 36px 54px 36px 36px;justify-content: space-between;} .news-list li:nth-child(2n){background: #ececec;} .news-list li .bigimg{width:438px;} .news-list li .mes{width: calc(100% - 470px);padding-top: 28px; color: #333;} .news-list li .mes .time{font-size: 19px;line-height: .8em;color: #666;} .news-list li .mes .tit{margin: 15px 0 13px;} .news-list li .mes .sum{padding-right: 10px;font-size: 19px;line-height: 26px;} .news-list li:hover .mes{color: #2222ac;} .news .learnmore{width: 367px;height: 46px;margin: 110px auto 0;text-align: center;line-height: 46px; background: #2222ac;} .news-content{margin-top: 93px;padding: 98px 0 186px;background: #ececec;} .news-content .main{background: #fff;} .news-content .main .top{padding: 54px 76px 110px;border-bottom: 1px solid #bfbfbf;} /*.news-content .main .top .m-content img{margin-bottom: 35px;}*/ .news-content .main .top .titn{width: 100%;max-width: 890px; font-size: 54px;line-height:65px;color:#333;} .news-content .main .top .time{margin: 20px 0 40px;line-height: .8em;color: #666;} .news-content .main .bottom{padding: 80px 60px 103px;} .news-content .main .bottom .tit{margin-bottom: 39px;font-size: 40px;line-height: .8em;color: #333;} .news-content .main .bottom .lastmain{justify-content: space-between;} .news-content .main .bottom .mn{width: 32.36051502145923%;} .news-content .main .bottom .mn .bigimg{height: 235px;} .news-content .main .bottom .mn .bigimg img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .news-content .main .bottom .mn .mes{height: 147px;padding: 16px 41px 0px 24px; box-sizing: border-box; background: #f8f8f8;} .news-content .main .bottom .mn .mes .titt{margin-bottom: 10px;line-height: 26px;} .news-content .main .bottom .mn .mes .time{font-size: 19px;line-height: .8em;color: #666;} .news-content .main .bottom .mn:hover .mes .titt{color: #2222ac;} .events{padding: 95px 0 122px;} .events .tit{margin-bottom: 60px;font-size: 53px;line-height: .8em;color: #333;} .events .bigimg{width: 100%;} .events .bigimg img{width: 100%;height: auto;} .events-nav{padding: 77px 0 36px;} .events-nav .mn{margin-right: 40px;font-size: 40px;line-height: .8em;color: #666;} .events-nav .mn.on{color: #333399;} .events-nav .mn:hover{color: #333399;} .events-mn{box-sizing: border-box;border: 1px solid #999;margin-bottom: 64px;} .events-mn .evebt{padding:7px 0 0 40px; font-size: 33px;line-height: 70px; font-family:"bnp-sbold"; text-transform: uppercase; color: #333399;} .events-mn dd{display: flex;align-items: flex-start; padding:0 30px 0 40px;min-height: 60px; background: #fff;} .events-mn dd:nth-child(2n){background: #f5f5f5;} .events-mn dd .box{padding:20px 10px 11px 0;box-sizing: border-box;} .events-mn dd .font21{color: #666;line-height: 24px;} .events-mn dd .p1{width: 24.40230832646331%;} .events-mn dd .p2{width: 34.21269579554823%;} .events-mn dd .p3{width: 27.86479802143446%;} .events-mn dd .p4{width: 13.520197856554%;} .media-nav{padding: 82px 0 37px;border-bottom: 1px solid #666;} .media-nav .mn{position: relative;width: 25%;box-sizing: border-box;padding: 0 10px;font-size: 27px;line-height: 61px;text-align: center; color: #999;} .media-nav .mn:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0px;height: 4px;background: #2227ae;content: "";transition: all .5s;} .media-nav .mn.on{color: #333;} .media-nav .mn:hover{color: #333;} .media-nav .mn.on:after{width: 100px;} .media-nav .mn:hover:after{width: 100px;} .media-main{padding: 56px 0 186px;} .media-main .learnmore{margin: 78px auto 0;} .media-main .top{justify-content: space-between;} .media-main .top .l{width: 65.87548638132295%;} .media-main .bottom .media-mn{width: 31.75097276264591%;margin-right: 2.373540856031128%;float: left;} .media-main .bottom .media-mn:nth-child(3n){margin-right: 0;} .media-mn{position: relative;margin-bottom: 32px;height: 345px;} .media-mn.bigimg img{width: 100%;height: 100%;object-fit: cover;object-position: center;} .media-mn .mes{position: absolute;left: 0;bottom: 0;align-items: center; width: 100%;height: 84px;background: rgba(39,39,39,.85);} .media-mn .mes .tb{display: flex;justify-content: center;align-items: center; width: 84px;height: 84px;background: #2323ac;} .media-mn .mes .tb svg{display: block;width: 33px;height: 21px;} .media-mn .mes .tit{width: calc(100% - 84px);box-sizing: border-box;padding: 0 28px;font-size: 22px;line-height: 26px;} .mediavideo{display: none;width: 100%;height: 100%;} .layui-layer-content iframe{display: block;width: 100%;height: 100%;/*object-fit: cover;object-position: center;*/} /*contact*/ .contact{padding: 104px 0 170px; text-align: center;} .contact .titn{margin-bottom: 48px;} .contact .sumn{color: #666;} .contact .con-form{padding: 42px 0 0;} .contact .form-box{justify-content: space-between;} .contact .form-box .mn{width: calc(50% - 21px);text-align: left;} .contact .form-box .mn .tit{padding:18px 0 13px; color: #666;} .contact .form-box .mn .input-box{width: 100%;height: 40px;border: 1px solid #999;border-radius: 3px;padding: 0 30px 0 10px;font-size: 21px;line-height: 40px;color: #999;} .contact .form-box.textarea .mn{width: 100%;} .contact .form-box.textarea .mn .input-box{width: 100%;height: 220px;resize: none;} select.input-box{background:url(../img/tb11.png) no-repeat right center;background-position-x:calc(100% - 6px); -webkit-appearance :none;appearance:none;} select.input-box option{font-size: 18px;} .contact .form-box .tj{position: relative; width:237px;height: 64px;border: none;margin-top: 60px;font-size: 28px;line-height: 64px;text-align: center;color: #fff;background: #2222ac;cursor: pointer; } .con-map{padding: 100px 0 0;overflow: hidden;} .con-map .tit{margin-bottom: 31px;} .con-map .mn{justify-content: space-between;align-items:flex-start;padding: 62px 0 18px;box-shadow: 0px 5px 7px 0px rgba(0,0,0,.05)} .con-map .mn .mes{padding-top: 59px;text-align: left;} .con-map .mn .mes .titt{margin-bottom: 8px;font-size: 29px;line-height:1em;color: #333;} .con-map .mn .mes p{font-size: 24px;font-family: "bnp-smiddle";line-height: 30px;color: #333;} .con-map .mn .map{width: 490px;height: 266px;} .gmnoprint,.gm-style-cc{display: none;} .con-map #map1{background: url(../img/conmap1.jpg) no-repeat center / cover;} .con-map #map2{background: url(../img/conmap2.jpg) no-repeat center / cover;} .con-map #map3{background: url(../img/conmap3.jpg) no-repeat center / cover;} .con-map #map4{background: url(../img/conmap4.jpg) no-repeat center / cover;} .con-map #map5{background: url(../img/conmap5.jpg) no-repeat center / cover;} /*company*/ .company{text-align: center;} .company .spare-warp1 .tit{text-transform: uppercase;} .company .spare-warp1 .sum{padding: 0 20px;} .company .spare-warp1 .sum p{/*margin-bottom: 30px;*/line-height: 30px;} .company .spare-warp1 .picmain li{width: 19.29961089494163%;} .company-warp2{position: relative;display: flex;align-items: center; height: 658px;background: url(../img/company7.jpg) no-repeat center / cover fixed;color: #fff;} .company-warp2 .mes{position: relative; margin-left: 62px;width: 550px;text-align: left;z-index: 22;} .company-warp2 .tit{font-size: 65px;line-height: 57px;color: #fff;} .company-warp2 .sum{margin: 33px 0 66px; line-height: 32px;color: #fff;} .company-warp2 .line{width: 148px;height: 9px;background: #e60012;} .company-warp3{padding: 104px 0 185px;} .company-warp3 .sum{padding: 48px 137px 74px} .company.culture .spare-warp1{padding-bottom: 0;} .cul-warp2 .mn{position: relative;width: 50%;color: #fff;} .cul-warp2 .mn img{width: 100%;height: auto;} .cul-warp2 .mn .mes{width: 100%;box-sizing: border-box;padding: 0 10px; z-index: 22;} .cul-warp2 .mn .mes .tit{margin-bottom: 9px;font-size: 47px;line-height: .8em;} .cul-warp2 .mn .mes .sum{color: #fff;font-family: "bnp-smiddle";} .cul-warp3{padding: 81px 0 178px;} .cul-warp3 .mn{width: 25%;} .cul-warp3 .mn .tit{margin-bottom: 14px;} .historynavbox{} .historynavbox.on{height: 155px;} .history .spare-warp1{padding: 104px 0 39px;} .history .historynav.fix{position: fixed;top: 93px;left:0;width: 100%; z-index: 9;background: #fff;} .history .historynav.fix .mox{margin-bottom: 10px;} .history .historynav .mox{border: 1px solid #e7e7e7;border-right: none;background: #fff;} .history .historynav .navmn{width: 33.3333333%;height: 133px;justify-content: center;align-items: center;padding: 0 30px;box-sizing: border-box;border-right: 1px solid #e7e7e7;cursor: pointer;} .history .historynav .navmn .tit{font-size: 35px;line-height: 36px;text-align: center; color: #999;} .history .historynav .navmn.on .tit{color: #000;} .history .historynav .navmn:hover .tit{color: #000;} .history .main{position: relative;margin-top: 236px;padding-bottom: 154px;text-align: left;} /*.history .main:before{position: absolute;top: 22px;left: 0; width: 1px;height: calc(100% - 306px);background: #2323ac; content: "";}*/ .history .mn{position: relative;} .history .mn:before{position: absolute;width: 1px;height: 100%;background:#2323ac;content: "";} .history .mn:first-child:before{top: 30px;} .history .mn:last-child:before{top: 0; height: 30px;} .history .mn .mes{width: 782px;box-sizing: border-box;padding:0 0 0 18px;min-height: 330px;} .history .mn .year{position: relative;line-height: .8em;color: #2323ac;} .history .mn .year:before{position: absolute;top: 30px;left: -18px;width: 11px;height: 1px;background: #2323ac;content: "";} .history .mn .tit{margin:15px 0 5px;font-size: 27px;line-height: 30px;font-family: "bnp-sbold"; color: #333;} .history .mn .sum{line-height: 24px;color: #333;} .history .mn:nth-child(2n) .mes{padding: 0 0 0px 110px;} .history .mn:nth-child(2n) .year:before{left: -110px; width: 104px;} .history .mn .bigimg{position: absolute;right: 0;top: 6px!important;width:436px;} .history .mn .bigimg img{width: 100%;height: auto;} .history .mn.m2016 .bigimg{top: -35px;} .history .mn.m2018 .bigimg{top: -14px;} .history .mn.m2019 .bigimg{top: 30px;} .history .mn.m2021 .bigimg{top: 30px;} .case .spare-warp1{padding: 104px 0 30px;} .case-main li{width: 31.75097276264591%;margin-right: 2.373540856031128%;margin-bottom: 31px;float: left;} .case-main li:nth-child(3n){margin-right: 0;} .case-main li .mes{height: 84px;align-items: flex-start;padding: 13px 90px 0 26px;box-sizing: border-box;background: #2323ac;} .case-main li .mes .tit{height: 52px;font-size: 22px;line-height: 26px;text-align: left;} .case.news .learnmore{margin: 78px auto 0;} .case.news-content .main .top .titn{margin-bottom: 68px;} .certificate .spare-warp1{padding: 104px 0 31px;} .certificate .cer-page{justify-content: flex-end;margin-bottom: 65px;} .certificate .cer-page .page{width: 50px;height: 42px;display: flex;justify-content: center;align-items: center;cursor: pointer; background: #333;} .certificate .cer-page .page:hover{background: #2222ac;} .certificate .cer-page .page-l.page{transform: rotateY(-180deg);} .certificate .main {padding-bottom: 179px;} .certificate .main .swiper-slide{padding: 0 10px;box-sizing: border-box;cursor: pointer;} .certificate .main .bigimg{height: 366px;display: flex;justify-content: center;align-items: center;} .certificate .main .bigimg img{max-width: 100%;max-height: 100%;width: auto;height: auto;} .certificate .main .tit{padding: 21px 0 0;} .fiximg{position: fixed;top: 93px;left: 0;display: none; width: 100%;height: calc(100% - 93px);text-align: center; background: rgba(0,0,0,.7);z-index: 2222;} .fiximg .main{display: flex;align-items: center;margin: 0 auto;height: 100%;} .fiximg .main .swiper-container{max-height: 94%;} .fiximg .swiper-slide{justify-content: center;align-items: center;text-align: center;} .fiximg .swiper-slide .bimg img{max-height: 94%;max-width: 94%;width: auto;height: auto;margin: 0 auto;} .fiximg .swiper-slide .bigimg img{max-height: 94%;max-width: 94%;width: auto;height: auto;margin: 0 auto;} .fiximg .img{position: relative; display: inline-block; background: #fff;} .fiximg .close{position: absolute;top: 0;right: 0;cursor: pointer;z-index: 99;} .fiximg .jtqh{width: 12px;height: 18px;z-index: 222;cursor: pointer;} .fiximg .jtqh.prev{left: 0px;} .fiximg .jtqh.prev img{transform: rotateY(-180deg);} .fiximg .jtqh.next{right: 0px;} .quality .spare-warp1,.quality-con .spare-warp1{padding: 104px 0 31px;} .quality .main{padding-bottom: 106px;} .quality .main .mn{float: left;width:49%;margin-right:2%;margin-bottom: 44px;} .quality .main .mn:nth-child(2n){margin-right: 0;} .quality .main .mn .tit{padding: 20px 0 0;height: 60px;text-align: left;} .quality-con{padding-bottom: 117px;} .quality-con .main {/*display: flex;justify-content: space-between;flex-wrap: wrap;*/} .quality-con .main .mn{width: 49.33852140077821%;float: left;margin-right: 1.32295719844358%; margin-bottom: 32px;} .quality-con .main .mn:nth-child(2n){margin-right:0; } .quality-con .main .mn .tit{padding: 18px 0 0;height: 60px;text-align: left;} .quality-con.comteam .spare-warp1 .sum{margin-bottom: 110px;} .company.conteam .spare-warp1 .sum{padding-bottom: 31px;} .logomain{margin-bottom: 69px;} .logomain .mn{position: relative; display: flex;justify-content: center;align-items: center;padding: 10px;height: 140px;box-sizing: border-box;} .logomain .mn:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5); content: "";opacity: 0;transition: all .5s;} .logomain .mn:hover:before{opacity: 1;} .logomain .mn img{max-width: 100%;max-height: 100%;width: auto;height: auto;} .logomain .top .mn{width: 20%;} .logomain .bottom .mn{width: 16.66666666666667%;} .quality-con.digital .picmain li{width: 24.3579766536965%;} .quality-con.digital .spare-warp1{padding-bottom: 0;} .strong .spare-warp1 .sum{margin: 49px 0 75px;line-height: 30px;} .strong.quality-con{padding-bottom: 154px;} .caeers .spare-warp1{padding-bottom: 23px;} .caeers .spare-warp1 .sum{margin: 49px 0 75px;line-height: 30px;} .caeers .picmain{position: relative;} .caeers .picmain .timg{width: calc(50% - 8px)} .caeers .picmain .timg img{width: 100%;height: auto;} .caeers .picmain .timg.imgr{position: absolute;right: 0;top: 0;height: 100%;flex-flow: column;justify-content: space-between;} .caeers-main .sum{margin:47px 0 92px;} .caeers-main .box{padding-bottom: 87px;text-align: left;} .caeers-main .tit{margin-bottom: 20px;color: #333399;} .caeers-main .main{margin-bottom: 99px;} .caeers-main .main .t{height: 56px;border-top-right-radius: 5px;border-top-left-radius: 5px;border-bottom: 1px solid #aaa;align-items: center; background: #f5f5f5;} .caeers-main .main .mn{width: calc(100% - 125px);height: 100%;} .caeers-main .main .mes{ padding-left: 27px;box-sizing: border-box;display: flex;align-items: center;} .caeers-main .main .mes p{max-width: 500px;line-height: 26px;color: #666;} .caeers-main .main .mes.mes1{width: 59.6551724137931%;box-sizing: border-box;padding-right: 30px;} .caeers-main .main .mes.mes1 a{position: relative;color: #333399;} .caeers-main .main .mes.mes1 a:before{right: -30px;top: 50%;transform: translateY(-50%); position: absolute;width: 16px;height: 18px;background: url(../img/tb19.png) no-repeat center; content: "";} .caeers-main .main .mes.mes2{width: 19.82758620689655%;} .caeers-main .main .mes.mes3{width: 20.51724137931034%;} .caeers-main .main .b{box-sizing: border-box;border-bottom: 1px solid #aaa;min-height: 89px;display: flex;align-items: center;} .caeers-main .main .b .learnmore{width: 124px;height: 41px;align-items: center;font-size: 19px; background: #2323ac;} .fix-caeers{position: fixed;top:0;left: 0;width: 100%;height: 100%;display: none;background: rgba(25,25,25,.9); z-index: 9999;} .fix-caeers .main{width: 805px;padding: 51px 90px 40px;box-sizing: border-box; max-width: 94%;border-radius: 10px;text-align: center; background: #fff;} .fix-caeers .main .titn{font-size: 58px;line-height: .8em; color: #333;} .fix-caeers .main .sumn{margin: 19px 0 10px; color: #666;} .fix-caeers .main .contact{padding: 0;} .fix-caeers .main .contact .form-box .mn{width: 48%;} .fix-caeers .main .contact .form-box .mn .tit{padding: 18px 0 6px;} .fix-caeers .main .contact .form-box .mn.oth{width:100%;} .fix-caeers .main .contact .form-box .mn.oth .input-box{height:120px;resize: none;line-height:30px;} .fix-caeers .main .contact .form-box .tj{margin-top: 36px;width: 194px;font-size: 29px;font-family: "bnp-smiddle";} .fix-caeers .main .close{position: absolute;top: -39px;right: -63px;cursor: pointer;} /*.rightfix.fix-caeers .main{transform: translate(-50%,-50%) scale(.7);}*/ .rightfix.fix-caeers .main .contact .form-box .mn{width: calc(50% - 10px);} .rightfix.fix-caeers .main .contact .form-box .mn .input-box{height: 30px;line-height: 30px;} .rightfix.fix-caeers .main .contact .form-box.textarea .mn{width: 100%;} .rightfix.fix-caeers .main .contact .form-box.textarea .mn .input-box{height: 100px;} .rightfix.fix-caeers .main .contact .form-box .tj{margin: 17px auto 0;height: 50px;line-height: 50px;} .rightfix.fix-caeers .main .contact .form-box .mn .tit{padding: 10px 0 0;} .rightfix.fix-caeers .main{padding: 40px 90px 40px;} /*产品*/ .mduibi.fix{position: fixed; top: 93px;left: 50%;transform: translateX(-50%);width: 1297px;padding: 30px 0; background: #fff; z-index: 12;} .pro-duibi{padding-bottom: 110px;} .pro-duibi .titn{font-size: 47px;line-height: .8em;color: #000;} .pro-duibi .sum{margin: 10px 0 42px; color: #666;} .pro-duibi .main .more{width: 314px;height: 49px;margin-right: 10px;display: flex;align-items: center;justify-content: center;background: #2222ac;} .pro-duibi .main .more .num{margin-left: 12px; width: 24px;height: 24px;border-radius: 100%;line-height: 24px;text-align: center;background: #fff;color: #2222ac;} .pro-duibi .main .more.disabled{opacity: .5;pointer-events: none;} .prolist-duibi{padding-bottom: 186px;} .prolist-duibi .main{margin-bottom: 153px;} .prolist-duibi .pro-box{width: 33.333333%;} .prolist-duibi .pro-box:last-child{border-right: 1px solid #bfbfbf;} .prolist-duibi .spare-warp1 {padding: 104px 0;} .prolist-duibi .spare-warp1 .sum{margin: 22px 0 0; font-size: 38px;line-height: .8em;} .prolist-duibi .pro-box{border: none!important;padding: 0px 30px;} .prolist-duibi .pro-box:nth-child(2){border-left: 1px solid #bfbfbf!important;border-right: 1px solid #bfbfbf!important;} .prolist-duibi .pro-box .bigimg{height: 346px;} .prolist-duibi .pro-box .mes1{padding-bottom: 26px;height: 90px;} .prolist-duibi .pro-box .mes1 .tit{max-height: 64px;font-size: 27px;line-height: 32px;} .prolist-duibi .pro-box .mes2{height: auto;min-height: 64px;padding: 16px 0;} .prolist-duibi .pro-box .canshu{font-size: 20px;line-height: 30px;width: calc(100% - 140px);} .prolist-duibi .pro-box .bq{font-size: 20px;width: 140px;} .prolist-duibi .pro-box .learnmore{margin-top: 67px;height: 46px;line-height: 46px;} .prolist-duibi .pro-box .learnmore img{padding-bottom: 15px;} .prolist-duibi .pro-more{position: relative;display: inline-block; font-size: 36px;line-height: 40px;color: #333;} .prolist-duibi .pro-more:before{position: absolute;bottom: 0;left: 0; width: 100%;height: 3px;background: #474747;content: "";} .prolist-duibi .pro-more:hover{color: #2222ac;} .prolist-duibi .pro-more:hover:before{background: #2222ac;} .profind{position: relative; padding: 22px 0 38px;z-index: 7;} .profind .contact{padding: 0;} .profind .titn{margin-bottom: 39px;} .profind .contact .form-box {justify-content: space-between;align-items: flex-end; margin-bottom: 36px;} .profind .contact .form-box .mn{position: relative; width: 23.73540856031128%;z-index: 1;} .profind .contact .form-box .mn.on{z-index: 22;} .profind .contact .form-box .mn .input-box{position: relative;height: 49px;border: 1px solid #616161;display: flex;padding: 0 12px;border-radius: 0;justify-content: space-between;align-items: center; color: #000;cursor: pointer;} .profind .contact .form-box .mn .input-box .img.on{transform: rotate(180deg);} .profind .contact .form-box .mn .findnum{position: absolute;right: -10px;top: -10px;width: 20px;height: 20px;display: none;border-radius: 100%;font-size: 18px;text-align: center;line-height: 20px;color: #fff;background: #2222ac;} .profind .contact .form-box .mn .findnum.on{display: block;} .profind .contact .form-box .mn .findtj{display: flex;justify-content: center;align-items: center;height: 49px;color: #fff; background: #2222ac;} .profind .contact .form-box .mn .findtj p{color: #fff;} .profind .contact .form-box .mn .findtj img{margin-left: 13px;} .profind .contact .form-box .mn .mfindtit{margin-bottom: 10px;} .profind .contact .form-box .mn .msum{color: #999;} .profind .contact .form-box .mn .msumon{white-space: nowrap;max-width: calc(100% - 20px);} .profind .contact .form-box .mn .msumon.gdt::-webkit-scrollbar{height: 6px;} .xl-main{position: absolute;top: 100%;left: 0;width: 100%;box-sizing: border-box;border: 1px solid #616161;border-top: none;display: none;padding: 17px 10px 15px 12px;background: #fff;} .inCheckbox{margin-bottom: 4px;} .inCheckbox label {position: relative;display: block;background: url(../img/tb15.png) no-repeat left 5px;padding-left: 26px;font-size: 21px;line-height: 30px;color: #000;font-family: "bnp-smiddle";cursor: pointer;} .inCheckbox label.checked {background-image: url(../img/tb16.png);} .inCheckbox label input{position: absolute;opacity: 0;} .prolistfind{position: relative;} .prolistfind .prolist-main .top{max-width: 321px;} .prolistfind .page{position: absolute;top: 290px;cursor: pointer;} .prolistfind .page.prev{left:12.91666666666667%;} .prolistfind .page.next{right:12.91666666666667%;} .prolistfind .page.next img{transform: rotate(180deg);} .prolistfind .swiper-pagination{bottom: 0px!important;display: none;justify-content: center;left: 50%;transform: translateX(-50%);white-space: nowrap;} .prolistfind .swiper-pagination-bullet{/*display: block;*/width: 11px;height: 11px;margin: 0 5.5px;background: #bcbcbc;opacity: 1!important;transition: all .5s;} .prolistfind .swiper-pagination-bullet-active{background: #666;} .prolist{padding: 74px 0 106px;} .prolist-main{margin-bottom: 80px;} .prolist-main .top{max-width: 524px;padding:0 23px;box-sizing: border-box;background: #2222ac;} .prolist-main .top .titn{line-height: 39px;color: #fff;} .prolist-main .bottom .pro-box{position: relative; width: 25%;float: left;} .prolist-main .bottom .pro-box.on:before{position: absolute;top: 15px;right: 15px;width:20px;height: 20px;background: url(../img/tb13.png) no-repeat center;content: "";} .prolist-main .bottom .pro-box:nth-child(4n){border-right: 1px solid #bfbfbf;} .prolist-main .bottom .pro-box:last-child{border-right: 1px solid #bfbfbf;} .prolist-main .bottom .pro-box .learnmore{display: none; margin-top: 9px;font-size: 18px;} .prolist-main .bottom .pro-box .learnmore.on{display: flex;} .prolist-main .bottom .pro-box .learnmore.disabled{pointer-events: none;opacity: .5;} .procon{text-align: center;} .procon-warp1 {background: #333;} .procon-warp1 .main{align-items: center;} .procon-warp1 .main .mn{width:33.333333%;box-sizing: border-box;padding: 22px 10px 30px;color: #fff;} .procon-warp1 .main .mn .canshu{margin-bottom: 10px; font-size: 51px;line-height: 1em;} .procon-warp1 .main .mn .bq{font-size: 24px;line-height: .8em;} .procon-warp2{padding: 104px 0 74px;} .procon-warp2 .titn{margin-bottom: 46px;} .procon-warp2 .m-content p{font-size: 24px;line-height: 35px;color: #666;} .procon-warp3{position: relative;padding: 110px 0 103px;} .procon-warp3 .mpage{justify-content: flex-end;margin-bottom: 25px;} .procon-warp3 .mpage .page{width: 50px;height: 43px;justify-content: center;align-items: center;background: #333;cursor: pointer;transition: all .5s;} .procon-warp3 .mpage .page:hover{background: #2222ac;} .procon-warp3 .mpage .page.page-l img{transform: rotateY(180deg);} .procon-warp3 .main .sum{margin-top: 19px;line-height: 27px;text-align: left;} .procon-warp3 .main .bigimg img{width:100%;height:auto;} .procon-warp3 .swiper-slide{cursor: pointer;} .procon-warp4{padding: 76px 0 56px; background: #f5f5f5;} .procon-warp4 .titn{margin-bottom: 81px;} .procon-warp4 .main{justify-content: space-between;} .procon-warp4 .main .box{width: calc(50% - 25px);} .procon-warp4 .main .box li{position: relative; box-sizing: border-box;border: 1px solid #b5b5b5;min-height: 75px;padding: 24px 10px 0px 37px;margin-bottom: 25px;text-align: left;background: #fff;} .procon-warp4 .main .box li .tit{margin-bottom: 9px;padding:0 37px 0 0;} .procon-warp4 .main .box li .m-content{display: none;} .procon-warp4 .main .box li .m-content p{margin-bottom: 28px;font-size: 21px;line-height: 27px;color: #333; } .procon-warp4 .main .box li .jia{position: absolute;right: 24px;top: 33px;width: 14px;height: 14px;cursor: pointer;} .procon-warp4 .main .box li .jia .line{width: 14px;height: 2px;background: #333;transition: all .5s;} .procon-warp4 .main .box li .jia .line1{height: 14px;width: 2px;} .procon-warp4 .main .box li.on .jia .line1{opacity: 0;} .procon-warp5{height:658px;} .procon-warp6{padding: 110px 0; background: #f5f5f5;} .procon-warp6 .titn{margin-bottom: 81px;} .procon-warp6 .swiper-container{padding-bottom: 70px;} .procon-warp6 .swiper-container .swiper-slide{cursor: pointer;} .procon-warp6 .bigimg{height: 415px;display: flex;justify-content: center;align-items: center;} .procon-warp6 .bigimg img{max-width: 100%;max-height: 100%;width: auto;height: auto;} .procon-warp6 .swiper-pagination{bottom: 0px!important;} .procon-warp6 .swiper-pagination-bullet{display: inline-block;width: 11px;height: 11px;margin: 0 5.5px!important;background: #bcbcbc;opacity: 1!important;} .procon-warp6 .swiper-pagination-bullet-active{background: #666;} .procon-warp7{position: relative;} .procon-warp7 .mvideo{position: absolute;top: 0;left: 0; width: 50%;height: 540px;} .procon-warp7 .mvideo .bimg{width: 100%;height: 100%;object-fit: cover;object-position: center;} .procon-warp7 .main{justify-content: flex-end;display: flex;padding: 74px 0 187px;box-sizing: border-box;min-height: 726px} .procon-warp7 .main.oth{padding: 100px 0 170px;min-height: unset;} .procon-warp7 .main.oth .mes{width: 100%;display: flex;justify-content: center;} .procon-warp7 .mes{width: 43.42412451361868%;text-align: left;} .procon-warp7 .mes .tit{margin-bottom: 37px;} .procon-warp7 .mes .m-content{padding-bottom: 20px;} .procon-warp7 .mes .m-content p{margin-bottom: 30px;font-size: 21px;line-height: 30px;color: #333;} .procon-warp7 .mes .downwj p{margin-left: 0;} .agv-warp1{padding: 106px 0 103px;} .agv-warp1 .titn{margin-bottom: 80px;} .agv-warp1 .main{justify-content: space-between;} .agv-warp1 .main li{width: 14.78599221789883%;text-align: left;} .agv-warp1 .main li .bigimg img{width: 100%;height: auto;} .agv-warp1 .main li .sum{padding-top: 10px;} .agv-warp2{padding: 76px 0 0; background: #f5f5f5;} .agv-warp2 .titn{margin-bottom: 48px;} .agv-warp2 .main p{margin-bottom: 30px;} .agv-warp2 .main .font32{padding: 2px 0 76px;margin-bottom: 0; font-size: 32px;color: #333399;} .agv-warp3{padding: 104px 0 0;} .agv-warp3 .mn{padding: 82px 0;} .agv-warp3 .mn .w1285{position: relative;} .agv-warp3 .mn .mvideo{float: left;width: calc(50% - 4.5px);} .agv-warp3 .mn .mes{position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 50%;padding: 10px 43px;box-sizing: border-box; color: #333} .agv-warp3 .mn .mes .tit{margin-bottom: 14px;font-size: 33px;line-height: 44px;} .agv-warp3 .mn.bg{background: #f5f5f5;} .agv-warp3 .mn.bg .mvideo{float: right;} .agv-warp3 .mn.bg .mes{left: 0;right: auto;} .agv-warp4.procon-warp6{padding: 106px 0 188px;background: #fff;} /*2021.08.31补充*/ .sergou .sergou-tit{text-align: left;} .news-list li .bigimg img,.quality .main .mn .bigimg img,.quality-con .main .mn .bigimg img{width: 100%;height: auto;} .media-main .top .r{width: 31.75097276264591%;} .con-map .mn .mes{width: calc(100% - 520px)} .case-main li .bigimg img{width: 100%;height: auto;} .fiximg .main .swiper-container{height: 94%;} .fiximg .swiper-slide{height: 100%!important;} .fiximg .swiper-slide .bimg{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .procon-warp3 .bigimg img{width: 100%;height: auto;} /*Hangcha Club*/ .m-twsl{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .clubline{width: 100%;height: 5px!important;background: #d6d6d6;} .clubhead{padding: 92px 0 75px;} .clubhead .titn{margin-bottom: 95px;font-size: 50.5px;line-height: 58px;text-transform: uppercase;color: #434242;} .clubhead .clubnav .box{position: relative;display: flex;justify-content: space-between;align-items: center;height: 50px;padding-left: 16px;border: 1px solid #626262;box-sizing: border-box;color: #434242;cursor: pointer;} .clubhead .clubnav .box:before{position: absolute;top: -1px;left: -1px;display: none;width: calc(100% + 2px);height: calc(100% + 2px);box-sizing: border-box;border: 2px solid #626262;content: "";} .clubhead .clubnav .box:hover:before,.clubhead .clubnav .box.on:before{display: block;} .clubhead .clubnav .top{margin-bottom: 22px;display:none;} .clubhead .clubnav .top .box{width: 273px;padding-right: 12px;} .clubhead .clubnav .top .box .tb{position: relative;} .clubhead .clubnav .top .box .tb .line{background: #666;} .clubhead .clubnav .top .box .tb .line1{width: 16px;height: 2px;} .clubhead .clubnav .top .box .tb .line2{height: 16px;width: 2px;} .clubhead .clubnav .top.show .box .tb .line2{display: none;} .clubhead .clubnav .bot{display:flex;flex-wrap: wrap;} .clubhead .clubnav .bot.show{display: flex;} .clubhead .clubnav .bot .box{margin-right: 18px;margin-bottom: 16px;} .clubhead .clubnav .bot .club-search{width: 210px;} .clubhead .clubnav .bot .club-search form{display: flex;align-items: center;justify-content: space-between;padding-right: 12px;} .clubhead .clubnav .bot .club-search .input-box{border: none;width: calc(100% - 25px);color: #666;} .clubhead .clubnav .bot .club-search .input-box::-moz-placeholder {color: #666;opacity: 1;} .clubhead .clubnav .bot .club-search .input-box:-ms-input-placeholder {color: #666;} .clubhead .clubnav .bot .club-search .input-box::-webkit-input-placeholder {color: #666;} .clubhead .clubnav .bot .club-bq{padding-right: 66px;} .clubhead .clubnav .bot .club-bq .tit{color: #434242} .clubhead .clubnav .bot .club-bq:after{position: absolute;top: 50%;transform: translateY(-50%);right: 8px;display: none;width: 24px;height: 24px;background: url(https://www.hcforklift.com/static/img/clubtb2.svg) no-repeat center / cover; content: "";} .clubhead .clubnav .bot .club-bq.on:after,.clubhead .clubnav .bot .club-bq:hover:after{display: block;} .clubhead .clubnav .bot .club-see{padding-right: 80px;} .clubhead .clubnav .bot .club-email{padding-right: 86px;background: #2322ac;border: none;} .clubhead .clubnav .bot .club-email .tit{color: #fff;} .clubhead .clubnav .bot .club-email:before{display: none!important;} .clubfh{align-items:center;color:#434242;} .clubfh svg{display:block;margin-right:6px;} .xztsbox{position:relative;} .xztsbox .ts{top:102%;margin-top:15px;width:120%;box-sizing:border-box;justify-content:center;align-items:center;padding:10px;text-align:center;box-shadow:0px 0px 5px rgba(0,0,0,.2);background:#2322ac;opacity:0;} .xztsbox .ts span{display:block;line-height:1.5em;color:#fff;} .xztsbox .ts:before{position:absolute;top:-8px;left:50%;transform:translateX(-50%) rotate(45deg);width:15px;height:15px;box-shadow:0px 0px 5px rgba(0,0,0,.2);background:#2322ac;content:"";} .xztsbox:hover .ts{top:100%;opacity:1;} .xztsbox.oth .ts{top:0;left:auto;transform:unset;right:70px;width:230px;height:100%;margin:0;padding:0;} .xztsbox.oth .ts:before{top:50%;transform:translateY(-50%) rotate(45deg);left:auto;right:-8px;} .clubhead .clubnav .bot .club-see .tb,.clubhead .clubnav .bot .club-email .tb{right: 46px;} .clubmain{padding-bottom: 212px;display:flex;flex-wrap:wrap;} .clubmain .mn{float: left; width: calc((100% - 22px) / 3);margin-right: 11px;margin-bottom: 60px;color: #666;} .clubmain .mn:nth-child(4n){margin-right: 0;} .clubmain .mn .bigimg{width: 100%;height: 283px;} .clubmain .mn .bigimg img{width: 100%;height: 100%;object-position: center;object-fit: cover;} .clubmain .mn .mes{} .clubmain .mn .mes .mes1{padding: 24px 0 8px;display: flex;align-items: center;flex-wrap: wrap;height: 16px;} .clubmain .mn .mes .mes1 .line{width: 1px;height: 12px;margin: 0 8px;background: #666;} .clubmain .mn .mes .mes1 .num{margin-left: 4px;} .clubmain .mn .mes .mes2 {display: flex;height: 20px;align-items: center;margin-bottom: 24px;} .clubmain .mn .mes .mes2 .dj-level{width: 20px;height: 20px; margin-left: 6px;} .clubmain .mn .mes .mes3 .tit{margin-bottom: 15px;height: 70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 30px;line-height: 35px;color: #434242;} .clubmain .mn .mes .mes3 .sum{line-height: 22px;color: #434242;} .clubmain .mn.big{width: 100%;margin-right: 0!important;display: flex;margin-bottom: 34px;align-items: center;} .clubmain .mn.big .bigimg{width: calc(((100% - 22px) / 1.5) + 11px);height: 571px;} .clubmain .mn.big .mes{padding-left: 20px;box-sizing: border-box;width: calc(100% - (((100% - 22px) / 1.5) + 11px))} .clubmain .mn.big .mes3 .tit{font-size: 32px;line-height: 38px;height:76px; display: block;} .clubmain .mn.big.picright{flex-flow: row-reverse;} .clubmain .mn.big.picright .mes{padding-right: 20px;padding-left: 0;} .clubmain .mn.dj-video{cursor: pointer;} .clubmain .mn.dj-video .bigimg{position: relative;} .clubmain .mn.dj-video .bigimg .mengc{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(51,51,51,.4);} .clubmain .mn.dj-video .bigimg .bf{width: 68px;height: auto;z-index: 2;} .clubmain .mn.dj-video .bigimg:hover .bf{transform: translate(-50%,-50%);} .dj-level{cursor: pointer;} .levelmain .main{width: auto;padding: 0;height: 80%;background: none;} .levelmain .main .img{max-height: 100%;max-width: 100%;width: auto;height: auto;} .news-content .main .top .mes1{padding: 20px 0 8px;align-items: center;flex-wrap: wrap;} .news-content .main .top .mes1 .line{width: 1px;height: 12px;margin: 0 8px;background: #666;} .news-content .main .top .mes1 .num{margin-left: 4px;} .news-content .main .top .mes1 .time{margin: 0;} .news-content .main .top .mes2 {align-items: center;margin-bottom: 40px;} .news-content .main .top .mes2 .dj-level{width: 20px;height: 20px; margin-left: 6px;} @media (max-width: 1720px){ .prolistfind .page.prev{left: 30px;} .prolistfind .page.next{right: 30px;} } @media (max-width: 1440px){ html, body{min-width: unset!important;} .w1285{width: 90%;} .font128{font-size: 90px;line-height: .8em;} .font118{font-size: 80px;line-height: 1em;} .font75,.font76,.font73{font-size: 60px;} .font68,.n-banner .bantit,.company-warp2 .tit{font-size: 50px;} .font60,.fix-caeers .main .titn{font-size: 44px;} .font38{font-size: 30px;} .font31,.con-map .mn .mes .titt{font-size: 24px;} .head-mn .headr .headnav li{margin-right: 30px;} .i-page.prev{left: 2%;} .i-page.next{right: 2%;} .i-warp4 .main .mn .bigimg img{width: 100%;height: auto;} .foot-bottom .foot-nav dl{width: auto!important;margin-right: 50px;} .foot-bottom .foot-nav dl:last-child{margin-right: 0;} .indcontent-warp3 .page{display: none;} .m-content{flex-wrap: wrap;} .spare-warp5 .mvideo{width: 49%;} .news-content .main .top .titn,.events .tit,.pro-duibi .titn{font-size: 40px;line-height: 1em;} .news-content .main .bottom .mn .mes{padding: 15px 20px 10px;height: auto;min-height: 160px} .news-content .main .bottom .mn .bigimg{height: auto;} .news-content .main .bottom .tit{font-size: 28px;} .cul-warp2 .mn .mes .tit{font-size: 36px;} .history .mn .mes{width: calc(100% - 500px);} .con-map .mn .mes p{font-size: 20px;line-height: 1.3em;} .procon-warp1 .main .mn .canshu{font-size: 42px;} .mduibi.fix{width: 100%;padding: 30px 5%;box-sizing: border-box;} .clubhead .titn{margin-bottom: 70px; font-size: 40px;line-height: 1.1em;} .clubmain .mn .mes .mes3 .tit{height: 2em;line-height: 1em;font-size: 24px;} .clubmain .mn.big .mes3 .tit{height: 2em;line-height: 1em;font-size: 26px;} } @media (max-width: 1240px){ .head-mn .headr .headnav,.head-mn .headr .headlang{display: none;} .head-mn .headr{width: auto;align-items: center;padding: 0 50px 0 0;transition: all .5s;} .head-mn .headr.on{width: calc(100% - 200px);} .head-mn .headr .headsearch{height: auto;padding: 0;} .head-mn .headr .search-main{align-items: center;padding:0 60px 0 0;} .phone-nav{display: block;} .i-banner .bimg,.i-warp2{height: 600px;} .i-banner .mes,.i-warp2 .mes{top: 50%;transform: translate(-50%,-50%);} .i-warp2{background-position-y: 100px;} .foot-bottom .foot-nav dl{margin-right: 10px;} .foot-bottom .foot-con{padding-right: 0;} .ser-warp6 .main{align-items: flex-start;padding-left: 0;} .ser-warp6 .main .r{padding-right: 10px;} .news-list li .bigimg{width: 40%;} .news-list li .mes{width: 55%;} .news-nav .mn .tit{font-size: 30px;line-height: 70px;} .news-content .main .bottom .mn .mes .titt{font-size: 16px;line-height: 1.3em;} .news-content .main .bottom .mn .mes .time{font-size: 16px;} .company-warp3 .sum{padding: 40px 0 50px;} .history .historynav .navmn .tit{font-size: 24px;line-height: 1.3em;} .history .mn:before{height: calc(100% + 100px)} .history .mn:last-child{background: #fff;z-index: 2;} .history .mn .mes{width: 100%;padding-bottom: 30px!important;min-height: unset;} .history .mn .bigimg{position: static;margin: 0 0 50px 18px;max-width: 100%;width: auto;} .history .mn .year{font-size: 36px;} .caeers-main .main .b{justify-content: space-between;} .caeers-main .main .b .learnmore{width: 100px;} .con-map .mn .map{width: 300px;} .con-map .mn .mes{width: calc(100% - 330px);} .prolist-main .bottom .pro-box{width: 33.3333333%;} .profind .contact .form-box .mn{width: 24.5%;} .prolist-main{padding-bottom: 50px!important;} .prolistfind .page{display: none;} .prolistfind .swiper-pagination{/*left: 50%;transform: translateX(-50%); display: flex;*//*width: 100%!important;*/ display: block;} } @media (max-width: 940px){ .i-banner .bimg,.i-banner .bimg, .i-warp2{height: 300px;} .i-banner .i-page img{width: 20px;height: auto;} .i-banner .bimg .bannerimg{object-position: center;} .font128{font-size: 60px;} .font118{font-size: 50px;} .font75,.font76,.font73{font-size: 40px;} .font68,.n-banner .bantit,.company-warp2 .tit{font-size: 30px;} .font60,.fix-caeers .main .titn{font-size: 28px;} .font38,.news-content .main .bottom .tit,.prolist-duibi .pro-more{font-size: 24px;} .font31,.con-map .mn .mes .titt,.font30{font-size: 18px;} .font24,.font21{font-size: 16px;line-height: 1.3em;} .i-warp1 .mn{width: 100%;margin-bottom: 10px;} .i-warp2 .mes .font118{margin: 10px 0 20px;} .i-warp2{background-attachment: unset!important;} .i-warp3 .swiper-slide{width: 94%;} .i-warp3 .i-page.prev{right: 6%;} .i-warp3 .i-page.next{left: 6%;} .i-warp3 .swiper-pagination{bottom: 15px!important} .i-warp3 .swiper-slide .videobf{width: 40px;height: auto;} .foot-top .main .mn{flex-flow: column;width: 33.33333333%!important;} .foot-top .main .mn .tit{margin-left: 0;font-size: 16px;text-align: center;} .foot-top .main .mn img{height: 40px;width: auto;margin-bottom: 5px;} .foot-bottom .foot-nav{display: none;} .foot-bottom .foott{padding: 40px 0 0;justify-content: center;text-align: center;} .foot-bottom .foot-con .tit{margin-bottom: 20px;font-size: 18px;} .foot-bottom .foot-con .sum{margin-bottom: 20px;} .footshare{padding: 30px 0 20px;justify-content: space-between;} .foot-bottom .foot-con .foot-form{max-width: 100%;} .footshare .main .share-mn{margin-left: 5px;} .footb p{text-align: center;} body{padding-bottom: 56px;} .fixright{top: auto;transform: translate(0,0);bottom: 0;width: 100%;display: flex;} .fixright .mn{width: 25%;margin: 0;box-sizing: border-box;} .fixright .mn:nth-child(2){border-left: 1px solid #fff;border-right: 1px solid #fff;} .fixright .mn.fhtop{border-left: 1px solid #fff;} .fix-caeers .main .contact{height: 300px;padding: 0 10px; overflow: auto;} .n-banner{height: 250px;} .n-banner .bimg{height: 100%;object-position: center;object-fit: cover;} .ind .indsum{margin: 20px auto 50px;} .ind .main li{width: 49%;margin-right: 2%;margin-bottom: 20px;} .ind .main li:nth-child(3n){margin-right: 2%;} .ind .main li:nth-child(2n){margin-right: 0;} .ind .main .mn .tit{font-size: 24px;} .indcontent-warp1 .sum{margin:25px auto 0; } .indcontent-warp2 .sum{margin: 25px auto 40px;line-height: 1.3em;} .indcontent-warp3 .sum{margin: 15px auto 40px;font-size: 16px;} .indcontent-warp3 .page{display: none;} .mvideo .bf{width: 50px;height: auto;} .spare-warp1{padding: 50px 0;} .spare-warp1 .sum{margin: 25px auto 30px; line-height: 1.3em;} .spare-warp1 .picmain{margin-bottom: 30px;justify-content: center;} .spare-warp1 .picmain li{width: 30%;margin: 0 1.66667% 10px;} .spare-warp2{padding: 50px 0;} .spareoth .sum{margin: 25px auto 30px;} .spare-warp3,.spare-warp4{padding: 50px 0 60px;} .othpromain .bigimg{width: 24%;height: 150px;} .spareoth .summ{margin: 25px auto 30px;font-size: 20px;line-height: 1.3em;} .spare-warp5{padding: 50px 0 70px;} .spare-warp5 .othpromain .bigimg{height: 200px;} .spare-warp5 .othpromain .bigimg img{max-width: 94%;max-height: 94%;width: auto;height: auto;} .spare-warp5 .othpromain{margin-bottom: 30px;} .ser-warp1 .sum,.ser-warp2 .sum,.ser-warp3 .sum,.ser-warp4 .sum,.ser-warp5 .sum,.ser-warp6 .sum,.ser-warp7 .sum,.ser-warp8 .sum,.procon-warp2 .m-content p{margin: 25px auto 30px;line-height: 1.3em;} .tbyuan img{max-width: 90%;height: auto;} .sergou{margin-bottom: 25px;} .sergou .sergou-tit{font-size: 16px;line-height: 1.3em;} .sergou img{height: 20px;width: auto;} .ser-warp7 .wzmain,.ser-warp7 .wzmain .r{padding: 0;} .news-list li{padding: 20px 20px 30px;} .news-list li .bigimg,.news-list li .mes{width: 100%;} .news-list li .mes{padding-top: 15px;} .news-list li .mes .tit{margin: 10px 0;} .news-list li .mes .time{font-size: 16px;} .news-list li .mes .sum{font-size: 16px;line-height: 1.3em;} .news-nav .mn .tit{line-height: 50px;font-size: 20px;} .news-content .main .top .titn,.events .tit,.pro-duibi .titn{font-size: 26px;} .news-content .main .top .time{margin: 15px 0 30px;} .m-content p{/*margin-bottom: 20px;*/font-size: 16px;line-height: 1.3em;} .events .tit{margin-bottom: 30px;} .events-nav{padding: 50px 0 20px;} .events-nav .mn{margin-right: 20px; font-size: 24px;} .events-mn .evebt{font-size: 20px;padding: 7px 0 0 20px;line-height: 40px;} .events-mn dd{padding: 0 20px;min-height: unset;} .events-mn dd .box{padding: 15px 20px 15px 0;} .events-mn dd .font21{line-height: 1.3em;} .events-mn{margin-bottom: 30px;} .media-mn{height: 250px;} .media-main .top .l,.media-main .top .r{width: 49%;} .media-main .bottom .media-mn{width: 49%;margin-right: 2%;} .media-main .bottom .media-mn:nth-child(3n){margin-right: 2%;} .media-main .bottom .media-mn:nth-child(2n){margin-right: 0;} .company .spare-warp1 .sum{padding: 0;} .company .spare-warp1 .sum p{margin-bottom: 20px;line-height: 1.3em;} .company .spare-warp1 .picmain li{width: 30%;} .company-warp2 .mes{max-width: 100%;margin-left: 0;} .company-warp2 .tit{line-height: 1.2em;} .company-warp2 .sum{line-height: 1.3em;} .company-warp3 .sum{padding: 25px 0 40px;} .cul-warp2 .mn .mes .tit{font-size: 24px;} .history .mn .year{font-size: 30px;} .history .mn .tit{margin: 0 0 5px; font-size: 22px;} .history .mn .sum{line-height: 1.3em;} .history .mn:nth-child(2n) .mes{padding-left: 30px;} .history .mn:nth-child(2n) .year:before{width: 25px;left: -31px;} .history .main{padding-bottom: 50px;margin-top: 50px;} .case-main li,.quality .main .mn{width: 49%;margin-right: 2%;} .case-main li:nth-child(3n),.quality .main .mn:nth-child(3n){margin-right: 2%;} .case-main li:nth-child(2n),.quality .main .mn:nth-child(2n){margin-right: 0;} .quality-con.digital .picmain{justify-content: space-between;} .quality-con.digital .picmain li{width:49%;margin: 0 0 10px 0;box-sizing: border-box;} .company.comteam .spare-warp1 .sum{margin-bottom: 30px;} .strong .spare-warp1 .sum,.caeers .spare-warp1 .sum,.caeers-main .sum{margin: 25px auto 40px;line-height: 1.3em;} .caeers-main .main .mes p{line-height: 1.3em;} .caeers-main .main .b .learnmore{height: 30px;line-height: 30px;font-size: 16px;} .fix-caeers .main{width: 90%;max-width: unset;padding: 30px 20px;} .fix-caeers .main .close{right: 0;top: -60px;} .fix-caeers .main .contact .form-box .tj{width: 250px;height: 50px;margin-top: 20px;line-height: 50px;font-size: 18px;} .contact .titn{margin-bottom: 25px;} .contact .con-form{padding: 25px 0 0;} .con-map .mn .mes p{font-size: 16px;} .profind .contact.pc{display:none;} .profind .contact.hide{display:block} .prolist-main .bottom .pro-box{width: 50%;margin-bottom: 10px;} .prolist-main .bottom .pro-box:nth-child(2n){border-right: 1px solid #bfbfbf;} .prolist-duibi .spare-warp1 .sum{margin: 25px auto 30px;font-size: 16px;} .prolist-duibi .pro-box{padding: 0 10px;} .prolist-duibi .pro-box .bigimg{height: 260px;} .prolist-duibi .pro-box .mes1{height: 60px;padding-bottom: 14px;} .prolist-duibi .pro-box .mes1 .tit{font-size: 18px;line-height: 23px;} .procon-warp1 .main .mn .canshu{font-size: 30px;} .procon-warp1 .main .mn .bq{font-size: 20px;} .procon-warp2 .titn{margin-bottom: 0;} .procon-warp2 .m-content p{font-size: 16px;} .procon-warp5,.mpro.n-banner{height: 200px;} .procon-warp6 .titn{margin-bottom: 30px;} .procon-warp7{padding: 50px 0 0;} .procon-warp7 .mvideo{position: relative;width: 100%;height: 300px;} .procon-warp7 .mes{width: 100%;} .profind{padding: 0;} .profind .titn{margin-bottom: 20px;} .profind .contact .form-box{margin-bottom: 0px;} .profind .contact .form-box .mn{width: 49%;margin-bottom: 10px;} .profind .contact .form-box .mn .input-box{height: 40px;padding: 0 10px;line-height: 40px;} .xl-main{padding: 10px;} .inCheckbox label{font-size: 16px;} .profind .contact .form-box .mn .findtj{height: 40px;line-height: 40px;} .profind .contact .form-box .mn .findnum{top: -8px;right: -8px; width: 16px;height: 16px;line-height: 16px;font-size: 14px;} .agv-warp3 .mn .mes .tit{font-size: 20px;line-height: 1.2em;} .rightfix.fix-caeers .main{padding: 40px;} .rightfix.fix-caeers .main .contact .form-box .mn{width: calc(50% - 5px);} .fix-caeers.success .main{height: auto;} .fix-caeers.success .main .titn{margin: 20px 0; font-size: 40px;line-height: 1em;} .fix-caeers.success .main img{width: 130px;height: auto;} .clubhead{padding: 50px 0;} .clubhead .titn{margin-bottom: 30px;} .clubhead .clubnav .box{max-width: 100%;height: 30px;padding-left: 10px;margin-bottom: 10px!important;} .clubhead .clubnav .box .tit{font-size: 14px!important} .xztsbox.oth .ts{display:none;} /*.xztsbox.oth .ts{top:-80px;left:0;width:100%;height:auto;padding:5px;}*/ /*.xztsbox.oth .ts:before{top:auto;transform: rotate(45deg);bottom:-8px;right:auto;}*/ .clubhead .clubnav .top{margin-bottom: 0;} .clubhead .clubnav .top .box{width: 200px;padding-right: 10px;} .clubhead .clubnav .top .box .tb{transform: scale(.8);} .clubhead .clubnav .bot .club-search{width: 200px;padding-right: 0!important;} .clubhead .clubnav .bot .club-search form{width: 100%;padding-right: 10px;} .clubhead .clubnav .bot .box{margin-right: 10px;padding-right: 40px;} .clubhead .clubnav .bot .club-bq:after{width: 18px;height: 18px;} .clubhead .clubnav .bot .club-see .tb, .clubhead .clubnav .bot .club-email .tb{right: 10px;max-width: 18px;height: auto;} .clubmain{padding-bottom: 50px;} .clubmain .mn,.clubmain .mn.big{width: 48%;margin-right: 2%!important;margin-bottom: 30px;} .clubmain .mn.big{display: block;} .clubmain .mn .bigimg{height: 200px;} .clubmain .mn.big .bigimg{height: 200px;width: 100%;} .clubmain .mn.big .mes{padding: 0;width: 100%;} .clubmain .mn .mes .mes1{padding: 15px 0 5px;} .clubmain .mn .mes .mes2{margin-bottom: 10px;} .clubmain .mn .mes .mes3 .tit{margin-bottom: 10px;font-size: 20px;} .clubmain .mn .mes .mes3 .sum{font-size: 14px;line-height: 1.2em;} } @media (max-width: 768px){ .w1285{width: 94%;} .font118{font-size: 30px;} .font75,.font76,.font73{font-size: 26px;} .font60,.fix-caeers .main .titn{font-size: 22px;line-height: 1em;} .learnmore{font-size: 18px;} header{height: 80px;} .fiximg{top: 80px;height: calc(100% - 80px)} .head-mn .headl{height: auto;padding: 20px 0;} .head-mn .headl.logo img{height: 40px;width: auto;} .head-mn .headr.on{width: calc(100% - 150px)} .i-banner .bimg, .i-banner .bimg, .i-warp2{height: 210px;} .i-banner{margin: 80px 0 10px;} .i-banner .mes{padding: 0 30px;box-sizing: border-box;} .i-banner .font128{margin-bottom: 10px;font-size: 30px;} .i-banner .learnmore,.i-warp2 .learnmore{height: 30px;align-items: center;font-size: 18px; line-height: 30px;} .i-banner .learnmore .moreimg,.i-warp2 .learnmore .moreimg{padding: 0;} .i-page.prev{left: 3%;} .i-page.next{right: 3%;} .i-warp1 .mn .mes .font31{margin: 5px 0 15px;} .i-warp3 .swiper-slide{width: 100%;} .i-warp2 .mes .font118{margin: 10px 0; font-size: 24px;line-height: 1em;} .i-warp4{padding: 50px 0;} .i-warp4 .font38{margin: 15px 0 40px;} .i-warp4 .main .mn .mes .font38{margin-bottom: 10px;} .i-warp4 .main .mn{width: 100%;max-height: 300px;margin-bottom: 10px;} .i-warp4 .main .mn .bigimg{height: 100%;} .i-warp4 .main .mn .bigimg img{height: 100%;object-fit:cover;object-position: center;} .n-banner{margin-top: 80px;} .ind{padding: 50px 0 80px;} .ind .main li{width: 100%;margin-right: 0!important;margin-bottom: 10px;} .ind .main .mn .tit{font-size: 18px;} .ind .ind-con .sum{margin: 20px 0 30px;} .ind .ind-con .more{width: 250px;height: 50px;font-size: 20px;line-height: 50px;} .indcontent-warp1{padding: 50px 0;} .indcontent-warp3{padding: 50px 0 80px;} .indcontent-warp2{padding: 50px 0;} .pro-box .mes1 .tit{max-height: 36px;font-size: 18px;line-height: 1em;} .pro-box .mes2 .canshu,.pro-box .mes2 .bq{width: 50%;font-size: 14px;line-height: 20px;} .prolist-duibi .pro-box .bq{padding-left: 10px;box-sizing: border-box;} .indcontent-warp3 .main{padding-bottom: 40px;} .othpromain{flex-wrap: wrap;} .othpromain .bigimg{width: 49%;margin-bottom: 10px;} .spare-warp3 .downmain{justify-content: center;} .spare-warp3 .downmain .downwj{margin: 0 0 10px 0;} .downwj{width: 250px;margin-bottom:10px;height: 50px;} .spare-warp4 .downmain{margin-bottom: 20px;} .spare-warp5 .mvideo{width:100%;display:block;margin-bottom:10px; } .ser-warp1,.ser-warp2,.ser-warp4,.ser-warp5,.ser-warp6,.ser-warp8{padding: 50px 0 60px;} .ser-warp2 .main li{width: 48%;} .tbyuan .mes{height: 80px;} .tbyuan img{margin-bottom: 10px;} .ser-warp3{padding: 50px 0 0;} .ser-warp3 .main li{width: 48%;} .ser-warp4 .main li,.ser-warp8 .main li{width: 100%;margin-bottom: 10px;} .ser-warp5 .main li{width: 50%;box-sizing: border-box;padding-right: 10px;} .ser-warp6 .main .bigimg{margin-bottom: 20px;} .ser-warp6 .main .bigimg,.ser-warp6 .main .r{width: 100%;} .ser-warp6 .main .r .sergou{margin-bottom: 10px;} .ser-warp7{padding: 50px 0 0;} .ser-warp7 .wzmain{margin-bottom: 40px;} .ser-warp7 .wzmain .bigimg{width: 100%;margin-bottom: 10px;} .ser-warp7 .wzmain .r{width: 100%;} .news{padding-bottom: 70px;} .news .learnmore{width: 250px;margin: 40px auto 0;} .news-content{padding: 50px 0 70px;} .news-content .main .top,.news-content .main .bottom{padding: 30px 20px;} .news-content .main .bottom .tit{margin-bottom: 25px;} .news-content .main .bottom .mn{width: 100%;margin-bottom: 10px;} .news-content .main .bottom .mn .mes{min-height: unset;height: auto;padding: 20px 15px} .events{padding: 50px 0;} .events-mn dd .box{padding-right: 5px;} .media-nav{padding: 50px 0 30px;} .media-nav .mn{padding: 0 2px; font-size: 20px;line-height: 40px;} .media-nav .mn:after{height: 2px;} .media-nav .mn.on:after,.media-nav .mn:hover:after{width: 90%;} .media-main{padding: 30px 0 70px;} .media-main .top .l, .media-main .top .r,.media-main .bottom .media-mn{width: 100%;margin-right: 0!important;} .media-mn{height: 250px; margin-bottom: 10px;} .media-mn .mes{height: 50px;} .media-mn .mes .tit{width: calc(100% - 50px);padding: 0 10px; font-size: 16px;line-height: 1.3em;} .media-mn .mes .tb{height: 50px;width: 50px;} .media-mn .mes .tb svg{width: 20px;height: 13px;} .media-mn .mes .tb svg image{width: 100%;height: auto;} .company-warp2{height: 400px;} .company-warp2 .sum{margin: 25px 0 40px;} .company-warp2 .line{height: 4px;} .company-warp3,.cul-warp3{padding: 50px 0 70px;} .cul-warp2 .mn{width: 100%;} .cul-warp3 .mn{width: 50%;margin-bottom: 10px;} .cul-warp3 .mn .tit{margin-bottom: 10px;} .history .historynav.fix{top: 80px;} .history .historynav .navmn{padding: 10px;} .history .historynav .navmn .tit{font-size: 18px;line-height: 1em;} .history .spare-warp1{padding: 50px 0 30px;} .case .spare-warp1{padding: 50px 0 30px;} .case-main li{margin-bottom: 10px;} .case-main li .mes .tit{height: 40px;font-size: 16px;line-height: 1.3em;} .case-main li .mes{height: 50px;padding: 5px 10px;} .case.news .learnmore{margin-top: 30px;} .certificate .spare-warp1,.quality .spare-warp1,.quality-con .spare-warp1{padding: 50px 0 10px;} .certificate .cer-page{margin-bottom: 30px;} .certificate .main .tit{padding: 10px 0 0;} .certificate .main{padding-bottom: 70px;} .quality .main,.quality-con{padding-bottom: 50px;} .quality .main .mn,.quality-con .main .mn{margin-bottom: 10px;} .quality .main .mn .tit,.quality-con .main .mn .tit{padding: 10px 0 0;height: 40px;} .company.conteam .spare-warp1 .sum{padding-bottom: 0;} .logomain{margin-bottom: 20px;} .logomain .top .mn,.logomain .bottom .mn{width: 50%;padding: 5px;} .strong.quality-con{padding-bottom: 70px;} .caeers .picmain .timg{width: 100%;margin-bottom: 10px;} .caeers .picmain .timg.imgr{position: static;width: 100%;} .caeers .picmain .timg img{margin-bottom: 10px;} .caeers-main .main{margin-bottom: 30px;} .caeers-main .main .mes{padding-left: 10px;} .caeers-main .box{padding-bottom: 50px;} .caeers-main .main .mn{width:calc(100% - 110px);} .caeers-main .main .mes.mes1{width:40%;} .caeers-main .main .mes.mes2{width:30%;} .caeers-main .main .mes.mes3{width:30%;} .caeers-main .main .mes p{word-break:break-all;} .fix-caeers .main .sumn{margin: 10px 0;} .fix-caeers .main .contact .form-box .mn.oth .input-box{height:90px;padding:0 10px;} .contact{padding: 50px 0 70px;} .contact .form-box .mn .tit{padding: 10px 0;} .contact .form-box .mn .input-box{font-size: 16px;} .contact .form-box .tj{margin-top: 20px;width: 250px;height: 50px;line-height: 50px;font-size: 18px;} .contact .form-box .mn{width: 100%;} .con-map{padding: 50px 0 0;} .con-map .mn{padding: 30px 0 10px;} .con-map .mn .mes{margin-bottom: 15px;padding-top: 0;} .con-map .mn .mes,.con-map .mn .map{width: 100%;} .prolist,.prolist-duibi .spare-warp1{padding: 50px 0;} .pro-duibi{padding-bottom: 50px;} .pro-duibi .sum{margin: 5px 0 30px;} .pro-duibi .main{justify-content: space-between;} .pro-duibi .main .more{width: 49%;height:40px;margin: 0; line-height: 40px; } .pro-duibi .main .more .num{width: 16px;height: 16px;line-height: 16px;} .pro-box{padding: 10px;} .pro-box .bigimg{height: 200px;} .prolist-main .bottom .pro-box .learnmore{font-size: 16px;} .pro-box .learnmore{align-items: center;} .pro-box .learnmore img{padding-bottom: 0;} .prolist-main .top{padding: 0 10px;} .prolist-main{margin-bottom: 30px;padding-bottom: 20px!important} .prolist-main .bottom .pro-box.on:before{top: 10px;right: 10px;} .prolist-duibi{padding-bottom: 70px;} .prolist-duibi .pro-box .mes2{padding: 10px 0;min-height: 52px;} .prolist-duibi .pro-box .learnmore{margin-top: 20px;align-items: center;height: 40px;font-size: 16px;line-height: 40px;} .prolist-duibi .pro-box .learnmore img{padding-bottom: 0;} .prolist-duibi .main{min-width: 600px;margin-bottom: 30px;} .prolist-duibi .pro-more{margin-top: 30px; font-size: 20px;} .mduibi.fix{top: 80px;padding: 15px 3%;} .procon-warp1 .main .mn{padding: 15px 10px;} .procon-warp1 .main .mn .canshu{ margin-bottom: 5px;font-size: 24px;} .procon-warp1 .main .mn .bq{font-size: 16px;} .procon-warp2{padding: 50px 0 30px;} .procon-warp3{padding: 10px 0 50px;} .procon-warp3 .main .sum{margin-top: 10px;font-size: 16px;line-height: 1.3em;} .procon-warp4{padding: 50px 0 40px;} .procon-warp4 .titn{margin-bottom: 30px;} .procon-warp4 .main .box{width: 100%} .procon-warp4 .main .box li{padding:0 10px;min-height: 60px;margin-bottom: 10px;display: flex;justify-content: center;flex-flow: column;} .procon-warp4 .main .box li .tit{margin: 0;padding: 10px 20px 10px 0;} .procon-warp4 .main .box li .jia{right: 10px;top: 23px;} .procon-warp4 .main .box li .m-content p{margin-bottom: 20px; font-size: 16px;line-height: 1.3em;} .procon-warp6{padding: 50px 0;} .procon-warp6 .swiper-container{padding-bottom: 30px;} .procon-warp6 .swiper-container .swiper-slide{background: #fff;} .procon-warp7 .main{padding: 30px 0 70px;min-height: unset;} .procon-warp7 .mes .tit{margin-bottom: 10px;} .procon-warp7 .mes .m-content p{margin-bottom: 20px;font-size: 16px;line-height: 1.3em;} .prolistfind .page img{width: 20px;height: auto;} .prolistfind .page.prev{left: 5px;} .prolistfind .page.next{right: 5px;} .agv-warp1{padding: 50px 0;} .agv-warp1 .titn{margin-bottom: 30px;} .agv-warp1 .main li{width: 32%;margin-bottom: 15px;} .agv-warp2{padding: 50px 0 0;} .agv-warp2 .titn{margin-bottom: 30px;} .agv-warp2 .main p{margin-bottom: 1.3em;} .agv-warp2 .main .font32{font-size: 20px;padding-bottom: 40px;} .agv-warp3{padding: 70px 0 0;} .agv-warp3 .mn{padding: 30px 0;} .agv-warp3 .mn .mes{position: static;margin-bottom: 15px;width: 100%;transform: unset;padding: 0;} .agv-warp3 .mn .mvideo{float: none!important;width: 100%;} .agv-warp3 .mn .mvideo .bimg{width: 100%;height: auto;} .agv-warp3 .mn .mes .tit{margin: 10px;} .agv-warp4.procon-warp6{padding: 70px 0;} .rightfix.fix-caeers .main .contact .form-box .mn{width: 100%;} .rightfix.fix-caeers .main{width: 94%;padding: 30px 10px;} .rightfix.fix-caeers .main .contact .form-box .mn .input-box{height: 30px;line-height: 30px;} .fix-caeers .main .close{top: -40px;} .fix-caeers .main .close img{width: 30px;height: auto;} select.input-box{background-size: 15px;} .fhtop{bottom: 70px;} } @media (max-width: 500px){ .foot-bottom .foott{justify-content: center;} .case-main li,.case-main li, .quality .main .mn,.quality-con .main .mn{width: 100%;margin-right: 0!important;} .certificate .main .bigimg{height: 300px;} .clubmain .mn,.clubmain .mn.big{width: 100%;margin-right: 0!important;} .clubmain .mn .mes .mes3 .tit{display: block;height: auto;} }