body{background: #ffffff;} /* 字体 */ /* @font-face{ font-family:"MiM"; src: url("/static/font/MiSans-Medium.ttf") format("opentype"); } @font-face{ font-family:"Reg"; src: url("/static/font/MiSans-Regular.ttf") format("opentype"); } @font-face{ font-family:"Dbo"; src: url("/static/font/MiSans-Demibold.ttf") format("opentype"); } @font-face{ font-family:"BOld"; src: url("/static/font/MiSans-Bold.ttf") format("opentype"); } @font-face{ font-family:"Sed"; src: url("/static/font/MiSans-Semibold.ttf") format("opentype"); } @font-face{ font-family:"Tin"; src: url("/static/font/MiSans-Thin.ttf") format("opentype"); } */ .ovfHiden{overflow: hidden;height: 100%;} @-webkit-keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1;} to{opacity:0;-webkit-transform:scale(2);transform:scale(2);} } @keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(2);transform:scale(2);} } .cw1740{max-width:1740px;width:92%;margin:auto;} .unable{position: fixed; top: 0; left: 0;} .no-more{font-size: 26px; text-align: center; font-weight: bold;color: #0a63bf;} .paging{margin-bottom: 100px;} .paging[type='default'] .a{font-size: 14px !important; min-width: 45px !important; height: 45px !important; line-height: 45px !important; border-radius: 3px !important; color: #999999 !important; } .paging[type='default'] .a.cur{background: #0a63bf !important; border-color: #0a63bf !important; color: #ffffff !important; } .paging[type='default'] .a .btn{padding: 0 26px; display: flex; align-items: center;} .paging[type='default'] .a .btn .txt{font-size: 14px; color: #999999;} .paging[type='default'] .a .btn.b-prev .txt{margin-left: 10px;} .paging[type='default'] .a .btn.b-next .txt{margin-right: 10px;} @media screen and (max-width: 750px) { .paging[type='default'] .a{font-size: 24px !important; min-width: 60px !important; height: 60px !important; line-height: 60px !important; border-radius: 5px !important; } .paging[type='default'] .a .btn img{zoom: 1.3;} .paging[type='default'] .a .btn .txt{font-size: 24px; } .editor, .detail, .editor *, .detail *{font-size: 26px !important; line-height: 1.8 !important;} } /*全站搜索*/ #search{width:100%; margin-top: 84px; padding:40px 0;} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{width: 600px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ccc;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #0a63bf url(/images/search.png) no-repeat center center;color: #fff;font-size: 16px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info a{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info a:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:var(--background); font-size:16px; font-weight:bold;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .text1{height: 24px; margin: 0 20px;} #search .list .info a .text1 .i1{display: inline-block} #search .list .info a .text1 .i2{display: none} #search .list .info a:hover .text1 .i1{display: none} #search .list .info a:hover .text1 .i2{display: inline-block} @media (max-width: 750px){ #search .form .text{font-size: 26px;} #search .form .submit{width: 75px;font-size: 26px;} #search .list .info .title{font-size: 28px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} } /* 头部 */ #header{width: 100%; z-index: 15; transition: all linear .3s;} #header .box .logo{height: 90px; } #header .box .logo img:nth-child(1){display: inline-block;} #header .box .logo img:nth-child(2){display: none;} /* 中间 */ #header .box .word{color: #ffffff;font-size: 16px; font-family: "Reg";} #header .box .word{height: 90px;} #header .box .word .word1 .nav{display: block; margin-right: 0; padding: 0 34px; line-height: 90px;} /* #header .box .word .word1.on, */ #header .box .word .word1:hover{color: #0a63bf;} #header .box .word .word1:first-child{padding-left: 0;} #header .box .word .word1:nth-child(8){margin-right: 0px;} #header .box .word .line1{width: 100px;height: 2px; bottom: 0px;left: 0;background: #0a63bf;z-index: 2; pointer-events: none;} /* 下拉 */ #header .word .word1{position: relative;} #header .word .word1 .subnav-box{width: 100%; height: 0; overflow: hidden; background: #fff; position: absolute; top: 90px; left: 50%; transform: translateX(-50%);} #header .word .word1 .two .subnav{color: #333; width: 100%; line-height: 30px; padding: 10px 0;} #header .word .word1 .two .subnav:hover{color: #0a63bf;} #header .box .icon .icon1{height: 90px; margin-left:34px; cursor: pointer;} #header .box .icon .icon1:first-child{margin-left:0px;} #header .icon .icon1 img:nth-child(1){display: inline-block;} #header .icon .icon1 img:nth-child(2){display: none;} /* 语言 */ #header .box .icon .lang .pic{height: 100%; width: max-content;} #header .box .icon .icon1 .two{display: none; overflow: hidden;width: 135%;background: #fff; border-radius: 5px; position: absolute;top: 89px;left: 50%;transform: translateX(-50%); padding-top: 10px; border: 1px solid #dedede;} #header .box .icon .icon1 .two.open{display: block;} #header .box .icon .icon1 a, #header .box .icon .icon1{ font-family: "Reg"; font-size: 14px; color: #ffffff;} #header .box .icon .icon1 span{display: block; margin: 0 5px;} /* 下拉框 */ #header .word .word1 .two-nav-box{height: 0; overflow: hidden; width: 100vw;left: 0; top: 90px;;} #header .word .word1 .two-nav-box.bt{border-top: 1px solid #f5f5f5;} #header .word .word1 .two-nav-box .two-in{ height: 75vh; padding-bottom: 40px; overflow: auto; background: #fff} #header .word .word1 .two-nav-box .content{height: 100% !important;padding: 55px 0 40px 0;} #header .word .word1 .two-nav-box .content .li{line-height: 36px; width: 9%; margin-right: 5%; padding-left: 10px; border-left: 1px solid #dedede; min-height: 200px;} #header .word .word1 .two-nav-box .content .li:last-child{margin-right: 0;} #header .word .word1 .two-nav-box .content .li .tit{cursor: pointer; font-family: "Dbo"; font-size: 16px; color: #333333;} #header .word .word1 .two-nav-box .content .li .con{font-family: "Reg"; font-size: 14px; color: #666666; line-height: 33px;} #header .word .word1 .two-nav-box .content .li .con a:hover{ color: #2172c5;} /* 二级导航背景 */ #colorBox{position:fixed; left:0; right:0; bottom:0; top:90px; z-index:8; background:rgba(0,0,0,0.5); opacity: 0; pointer-events: none;} #colorBox.open{opacity:1;} /* on 为浅色banner, cur为导航向下滚动 */ #header.on{border-bottom: 1px solid #dedede;} #header.mb-top, #header.cur, #header.wintop, #header:hover{background: #fff;} #header.mb-top .logo img:nth-child(1){display: none !important;} #header.mb-top .icon .icon1 img:nth-child(1), #header.on .logo img:nth-child(1), #header:hover .logo img:nth-child(1), #header:hover .icon .icon1 img:nth-child(1), #header.wintop .logo img:nth-child(1), #header.wintop .icon .icon1 img:nth-child(1), #header.on .icon .icon1 img:nth-child(1){display: none;} #header.mb-top .icon .icon1 img:nth-child(2){display: inline-block !important;} #header.mb-top .logo img:nth-child(2), #header.wintop .logo img:nth-child(2), #header:hover .icon .icon1 img:nth-child(2), #header:hover .logo img:nth-child(2), #header.on .logo img:nth-child(2), #header.wintop .icon .icon1 img:nth-child(2), #header.on .icon .icon1 img:nth-child(2){display: inline-block;} #header.mb-top .box .icon .icon1 , #header:hover .box .icon .icon1 , #header.wintop .box .icon .icon1 , #header.on .box .icon .icon1 , #header.wintop .box .icon .icon1 a, #header:hover .box .icon .icon1 a, #header.mb-top .box .icon .icon1 a, #header.on .box .icon .icon1 a, #header.mb-top .word, #header:hover .word, #header.wintop .word, #header.on .word{color: #333;} #header.none{transform:translateY(-100%);} .header-blank{height: 90px;} #header .box .icon .icon1 a:hover, #header .box .icon .icon1 a.cur{color: #0a63bf; font-weight: bold;} /* 移动端箭头 */ #header .box .icon .mb-btn{display: none;background: url('/images/tou2.png')no-repeat center;width: 50px;height: 50px;} #header.mb-top .box .icon .mb-btn, #header.on .box .icon .mb-btn, #header.wintop .box .icon .mb-btn, #header:hover .box .icon .mb-btn{background: url('/images/tou4.png')no-repeat center;} #header .box .mb :nth-child(1){display: none;} #header .box .mb :nth-child(2){display: inline-block;} #header .box .icon .icon1 {padding: 0 18px;margin-left: 0px;margin-right: 10px;} #header .box .icon .lang{margin-right: 0;} #header .box .icon .lang{padding-right: 0;} #header .box .icon .mb-btn.cur{background: url('/images/tou3.png')no-repeat center;} .header-mb .top-box{height: 0;} .header-mb .middle-box{height: calc(100% - 0px - 0px);} .header-mb .middle-box .content .nav-box{width: 100%; text-align: center;} .header-mb .bottom-box{height: 0;} /* 移动端导航 */ .header-mb{width: 100%;height: calc(100vh - 90px);overflow: hidden;position: absolute;top: var(--navHight);left: 100%;background: #ffffff;display: flex;flex-direction: column;} .header-mb .content .word1{padding: 15px 0;line-height: 60px; border-bottom: 1px solid #dedede;} .header-mb .content .word1 .nav{ padding: 0 20px; justify-content: space-between;} .header-mb .content .word1 .nav span{display: block; width: 80%; font-size: 16px;} .header-mb .content .word1 .nav .jt{width: 80px; height: 60px;} .header-mb .content .word1.cur .nav .jt img{transform: rotate(180deg);} .header-mb .content .word1 .subnav-box {height: 0; overflow: hidden;} .header-mb .content .word1 .subnav-box .two{ padding: 0 40px 30px;} .header-mb .content .word1 .subnav-box .two .subnav{margin-top: 10px;font-size: 16px; line-height: 40px;} @media (max-width: 1560px) { #header .box .word .word1 .nav{padding: 0 25px;} } @media (max-width:1440px) { #header .box .word .word1{margin-right: 30px;} #header .box .word .word1 .nav{padding: 0 10px;} } @media (max-width:1366px) { #header .box .word .word1{margin-right: 22px;} #header .box .icon .icon1{padding: 0 10px;} } @media (max-width:1280px) { #header .box .word .word1{margin-right: 15px;} #header .word .word1 .two-nav-box .content .li{width: 14%; margin: 0 0 15px 0;} } @media screen and (max-width: 1200px) { #header .box .icon .icon1{padding: 0 5px;} } @media (max-width: 1160px) { #header .box .word .word1{margin-right: 10px;} } @media screen and (min-width: 750px) { #pop-right .list .whatsapp{width: 55px;height: 55px;} } @media (max-width: 1024px){ #header .word .line1{display: none;} #header .box .word{display: none;} #header .icon{align-items: center;} #header .box .icon .mb-btn{display: block; margin-left: 15px;} .header .right-box .search{padding: 0 25px;} .header .right-box .search>svg{transform: scale(1.5);} .header .right-box .language-box .lang{padding: 0 25px;font-size: 26px;} .header .right-box .member-box .login{width: 100px;font-size: 26px;} .header .right-box .mb-btn{width: 80px;} .header .right-box .mb-btn>div{width: 25px;height: 3px;} .header .right-box .mb-btn>div:before{transform: translateY(-9px);} .header .right-box .mb-btn>div:after{transform: translateY(9px);} .header-mb{width: 100%;} .header-mb.cur{left: 0;} .header-mb .nav-box .nav{height: 80px;line-height: 80px;font-size: 30px;} .header-mb .nav-box .subnav-box .subnav{line-height: 70px;font-size: 26px;} .header-mb .nav-box.cur .subnav-box .subnav{height: 70px;} .header-mb.open{left: 0;} #pop-right .list .whatsapp{width: 55px;height: 55px;} } @media screen and (max-width: 750px){ #header{top: 0 !important;} #header .box .icon .mb-btn{display: block; margin-left: 15px; background-size: 85% !important;} #header .box .icon .icon1{margin-right: 5px; padding: 0 25px;} /* #header .box .icon .icon1 .two{width: 100%; } */ #header .box .icon .icon1 .two a, #header .box .icon .icon1 a, #header .box .icon .icon1{font-size: 24px;} #header .box .icon .icon1 span{margin: 0 15px;} #header .box .icon .icon1 img{zoom: 1.5;} .header-mb .content .word1 .nav span{font-size: 26px;} .header-mb .content .word1 .subnav-box .two .subnav{font-size: 26px; line-height: 1.8;} } /* 右侧浮窗 */ #pop-right{top: 50%; right: 15px; transform: translateY(-50%); z-index: 9;width: 50px;} #pop-right .list{margin-bottom: 6px;cursor: pointer;} #pop-right .list .arc8{ border-radius: 8px;} #pop-right .list .tel{background: url(/images/qr-icon2.png) no-repeat center #f5f5f5;width: 55px;height: 55px;overflow: hidden;transition: .3s;} #pop-right .list span{padding-left: 60px;white-space: nowrap;line-height: 55px;color: #f5f5f5;font-weight: 700;font-family:"Reg";font-size: 28px;} #pop-right .list .lx{background: url(/images/qr-icon4.png) no-repeat center #f5f5f5;width: 55px;height: 55px;overflow: hidden;transition: .3s;} #pop-right .list .qr{background: url(/images/qr-icon6.png) no-repeat center #f5f5f5;width: 55px;height: 55px;overflow: hidden;transition: .3s;overflow: visible;} #pop-right .list .qr .qr-box{width: 130px;height: 130px;background: #fff;top: 5px;left: -140px;display: none;} #pop-right .list .top{background: url(/images/qr-icon8.png) no-repeat center #f5f5f5;width: 55px;height: 55px;overflow: hidden;transition: .3s;} #pop-right .list .qq{background: url(/images/qr-icon12.png) no-repeat center #f5f5f5;width: 55px;height: 55px;overflow: hidden;transition: .3s;} #pop-right .tel:hover{width: 280px;background: url(/images/qr-icon3.png) no-repeat 20px #2172c5;} #pop-right .lx:hover{background: url(/images/qr-icon5.png) no-repeat center #2172c5;} #pop-right .qr:hover{background: url(/images/qr-icon7.png) no-repeat center #2172c5;} #pop-right .qr:hover .qr-box{display: block;} #pop-right .top:hover{background: url(/images/qr-icon9.png) no-repeat center #2172c5;} #pop-right .qq:hover{background: url(/images/qr-icon13.png) no-repeat center #2172c5;} #pop-right .list .skype{width: 55px; height: 55px; background: url(/images/float/skype.png) no-repeat center #f5f5f5;overflow: hidden;transition: .3s;overflow: visible;} #pop-right .list .skype:hover {background: url(/images/float/skype_1.png) no-repeat center #2172c5;} #pop-right .list .whatsapp{background: url(/images/float/whatsapp.png) no-repeat center #f5f5f5;overflow: hidden;transition: .3s;overflow: visible;} #pop-right .list .whatsapp:hover {background: url(/images/float/whatsapp_1.png) no-repeat center #2172c5;} /* #mobile-pop, */ #pop-right .all{display: none;} @media screen and (max-width: 750px) { #pop-right{top: 85%; right: 30px; width: 85px;} /* #pop-right .pop-in{height: 0; overflow: hidden; position: absolute; bottom: 95px;left: 0;} */ #pop-right .pop-in{position: absolute; bottom: 95px;left: 0;z-index: 14;} #pop-right .pop-in.of{overflow: inherit;} #pop-right .list .qr .qr-box{width: 180px;height: 180px; left: -190px;} #pop-right .list .qr .qr-box img{width: 170px; height: 180px;} #pop-right .tel:hover{width: 85px;background: url(/images/qr-icon3.png) no-repeat center #2172c5;} #pop-right .all{display: block; width: 100%; height: 85px; border-radius: 50%; background: #2172c5} #pop-right .all {display: none;} #pop-right .list .tel, #pop-right .list .qq, #pop-right .list .qr, #pop-right .list .top{background-size: 40%;width: 85px; height: 85px;} /* #pop-right .list:first-child, #pop-right .list .skype {display: none !important;} */ /* #pop-right .all .svg{background: #fff;} */ /* #mobile-pop{display:flex;} #mobile-pop{position:fixed; bottom:0%; left:0; z-index:9; width:100%;} #mobile-pop .list{cursor: pointer; width:25%; height: 116px; text-align:center; background-color: #f5f5f5; font-size: 24px;} #mobile-pop .list .tel{background: url(/images/qr-icon2.png) no-repeat center;width: 100%;height: 65px;overflow: hidden;transition: .3s;} #mobile-pop .list .lx{background: url(/images/qr-icon10.png) no-repeat center;width: 100%;height: 65px;overflow: hidden;transition: .3s;} #mobile-pop .list .qr{background: url(/images/qr-icon6.png) no-repeat center;width: 100%;height: 65px;overflow: hidden;transition: .3s;overflow: visible;} #mobile-pop .list .top{background: url(/images/qr-icon8.png) no-repeat center;width: 100%;height: 65px;overflow: hidden;transition: .3s;} #mobile-pop .list .qr .qr-box{width: 180px;height: 180px;background: #fff;top: -185px;left: 0;display: none;} #mobile-pop .qr:hover .qr-box{display: block;} */ #pop-right .list .whatsapp{width: 85px;height: 85px;} } /* 面包屑 */ #crumbs{width: 50%;height: 45px;line-height: 45px;} #crumbs.pro-crumbs{width: 100%;} #crumbs a{font-size: 16px;color: #666;} #crumbs a.jt{margin: 0 20px;} #crumbs a.title{width: 40.8%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #crumbs a:last-child{color: #222;} #crumbs span{font-size: 16px;color: #666;margin: 0 5px;} #crumbs a:hover{color: #222;} @media screen and (max-width: 1440px) { #crumbs{width: 53%;} } @media screen and (max-width: 1280px) { #crumbs{width: 60%;} } @media screen and (max-width: 1200px) { #crumbs{width: 64%;} } @media screen and (max-width: 1024px) { #crumbs{display: none;} } /* banner */ #banner .swiper-pagination{bottom: 49px;} #banner .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; background: #fff;} #video1 .voice .icon{top: 50%; left: 50%; transform: translate(-50%,-50%);cursor: pointer;} #video1 .voice .icon .img img{margin-left: 5px;} #video1 .voice .icon .img{margin-bottom: 13px; width: 90px; height: 90px; line-height: 90px;border-radius: 50%;border: 2px solid #ffffff;} #video1 .voice .icon .img::before {width: 100%;height: 100%;opacity: 0;border-radius: 50%;box-shadow: inset 0 0 5px #7696bd;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;margin: auto;content: '';animation: warn 2s ease-out .1s infinite;-webkit-animation: warn 2s ease-out .1s infinite;} #video1 .voice .icon .pin, #video1 .csa{font-size: 18px; font-family: Reg; color: #ffffff;} #video1 .voice .icon1{top: 45%; left: 47%; cursor: pointer;} #video1 .voice .icon1 .img::before {width: 100%;height: 100%;opacity: 0;border-radius: 100%;box-shadow: inset 0 0 5px #7696bd;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;margin: auto;content: '';animation: warn 2s ease-out .1s infinite;-webkit-animation: warn 2s ease-out .1s infinite;} #video1 .voice .icon .csa{bottom: -60%; left: 50%; transform: translateX(-50%);} #video1 .voice .pic-csa {top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 35px; font-weight: bold;} #o-banner{margin-top: 90px;} #o-banner .box .nox {left: 14%; top: 50%; transform: translateY(-50%);} #o-banner .box .nox .word .bun{margin-bottom: 15px;} #o-banner .box .nox .word .text{font-family: Reg; font-size: 14px; color: #999999; margin-bottom: 26px;} #o-banner .box .nox .word .text1{color: #333333; font-size: 48px;font-family: Reg;} #o-banner .box .nox .bos{margin-top: 110px;} #o-banner .box .nox .bos .bos1{width: 150px; height: 50px; border: 1px solid #cccccc; background-color: #ffffff;line-height: 50px; font-family: Reg;border-radius: 10px;font-size: 16px;margin-right: 10px;cursor: pointer;} #o-banner .box .nox .bos .bos1.on, #o-banner .box .nox .bos .bos1:hover{background-color: #0a63bf; border-color: #0a63bf; color: #ffffff;} #o-banner .box .nox .bos{text-align: center;} #o-banner .box .nox .bos .inp, #o-banner .box .nox .bos .select-one .select-box .select{width:250px; height:50px; line-height: 50px; padding: 0 22px ; margin-right: 10px; background: url('/images/xiala.png')no-repeat center right 36px #fff; border:1px solid #ccc;border-radius:5px; color: #999999; font-family: Reg; font-size: 16px;} #o-banner .box .nox .bos .select-one .select-box {margin-right: 10px;} #o-banner .box .nox .bos .select-one .select-box .select{margin: 0;} #o-banner .box .nox .bos .inp{margin-right: 10px;} #o-banner .box .nox .bos .inp1{width: 250px;height: 50px;padding: 0 22px;background: url(/images/xiala.png)no-repeat center right 36px #fff;border: 1px solid #ccc;border-radius: 5px;} #o-banner .box .nox .bos .inp:hover, #o-banner .box .nox .bos .inp1:hover{border-color: #0a63bf;} #o-banner .box .nox .bos .inp input, #o-banner .box .nox .bos .inp .sel{width: 100%; height: 100%; color: #999999; font-family: Reg; font-size: 16px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-khtml-border-radius: 0; display: flex; align-items: center;} #o-banner .box .nox .bos .inp.last-inp{background: #fff; } #o-banner .box .nox .bos .inp.last-inp input::placeholder{color: #999999;} #o-banner .box .nox .bos .bos1{width: 160px; height: 50px; line-height: 50px; padding: 0; border: 1px solid #cccccc; background-color: #ffffff; font-family: Reg;border-radius: 5px;font-size: 16px;margin-right: 10px;cursor: pointer; color: #999;} #o-banner .box .nox .bos .bos1:hover{background-color: #0a63bf; color: #ffffff;} #o-banner .box .nox .bos .option-box{width: 100%; height: 300px; overflow: auto; top: 50px; left: 0; background: #fff; z-index: 5; text-align: left;} #o-banner .box .nox .bos .dd:hover span{color: #0a63bf;} #o-banner .box .nox .bos .inp1, #o-banner .box .nox .bos .dd span{color: #999999; font-family: Reg; font-size: 16px; line-height: 30px; padding: 5px;} .jxtipfor{max-height: 300px !important; height: 300px !important; overflow: auto;z-index: 10 !important;} @media screen and (max-width: 1680px) { #o-banner .box .nox{left: 4%; width: 92%} } @media screen and (max-width: 1366px){ #o-banner .box .nox .bos{margin-top: 50px;} } @media screen and (max-width: 750px) { #i-banner, #video1{margin-top: 91px;} #video1 .voice .icon .pin{font-size: 26px;} #o-banner .box .nox .word .text{font-size: 24px;} #o-banner .box .nox .bos{margin-top: 50px;} #o-banner .box .nox .bos form{flex-wrap: wrap;} #o-banner .box .nox .bos label, #o-banner .box .nox .bos .inp{width: 48%;height: 60px; margin-bottom: 15px; margin-right:10px} #o-banner .box .nox .bos .inp-sel .inp{width: 100%;} #o-banner .box .nox .bos .inp:first-child{margin-right:10px} #o-banner .box .nox .bos .inp-sel .inp, #o-banner .box .nox .bos .inp-sel .inp .dd{font-size: 24px;} #o-banner .box .nox .bos .in, #o-banner .box .nox .bos .inp1{width: 100%; height: 100%; margin: 0;} #o-banner .box .nox .bos label input, #o-banner .box .nox .bos label .sel, #o-banner .box .nox .bos .inp1, .jxtipfor.select dl dd, #o-banner .box .nox .bos .dd span{font-size: 24px !important;} .jxtipfor.select dl dd{line-height: 30px;} #o-banner .box .nox .bos .btn_box{width: 48%;} #o-banner .box .nox .bos .bos1{width: 100%; height: 60px; line-height: 60px; font-size: 26px;} #o-banner .box .nox .new-bos{flex-wrap: wrap;} #o-banner .box .nox .new-bos .bos1{width: 31.5%; margin-bottom: 15px;} #o-banner .box .nox .new-bos form{width: 100%;} #o-banner .box .nox .new-bos label{width: 48%;} #o-banner .box .nox .new-bos form .bos1{width: 100%; margin: 0;} } /* 底部 */ #footer{background: #f5f7fa;} /* #footer .box{border-bottom: 1px solid #cccccc;} */ #footer .box .top{padding-top: 73px; border-bottom:1px solid #cccccc ;} #footer .box .top .left .nav .wen1{margin-right: 70px;} #footer .box .top .left .nav .wen1:last-child{margin-right: 0px;} #footer .box .top .left .nav{margin-bottom: 100px;} #footer .box .top .left .nav .wen1 .word{color:#333333; font-size: 18px; font-family: MiM; margin-bottom: 38px;} #footer .box .top .left .nav .wen1 .word1{font-size:16px; color: #666666; font-family: Reg; margin-bottom: 23px;} #footer .box .top .left .nav .wen1 .word .jt{display: none;} #footer .box .top .left .nav .wen1 .word1:last-child{margin-bottom: 0px;} #footer .box .top .left .nav .wen1 .word1:hover{color: #0a63bf;} #footer .box .top .left .iphone{width: 100%; margin-bottom: 50px;} #footer .box .top .right .box1 .row:hover{border: 1px solid #095cb2;} #footer .box .top .right .box1 .row1:hover{border: 1px solid #095cb2;} #footer .box .top .right .box1 .row{width: 100%; padding: 0 16px; height: 44px; border: 1px solid #cccccc; border-radius: 3px; margin-bottom: 10px;} #footer .box .top .right .box1 .row .txt{margin-right:12px; font-size: 14px; font-family: Reg;} #footer .box .top .right .box1 .row input{font-size: 14px; } #footer .box .top .right .box1 .work{margin-bottom: 31px; font-family: MiM; font-size: 20px;} #footer .box .top .right .box1 .row1{width: 100%; height: 145px; border: 1px solid #cccccc; border-radius: 5px; padding: 13px 16px; margin-bottom: 10px;justify-content: space-between;} #footer .box .top .right .box1 .row1 .txt1{width: 14%; margin-right:12px; font-size: 14px; font-family: Reg;} #footer .box .top .right .box1 .row1 textarea{width: 78%; height: 100%; font-size: 14px; font-family: Reg;} #footer .box .top .iphone .dh{color: #0a63bf; font-size: 24px; font-family: MiM;} #footer .box .top .iphone .img{margin-right: 12px;} #footer .box .top .right .btn_box{width: 100%; height: 45px; background: #2172c5; border: 1px solid #2172c5; cursor: pointer; margin-bottom: 43px; border-radius: 3px;} #footer .box .top .right .btn_box input[type="submit"]{width: 100%; line-height: 45px; font-size: 14px; font-family: MiM; color: #fff;} #footer .box .top .right .btn_box:hover{background: transparent;} #footer .box .top .right .btn_box:hover input[type="submit"]{color: #2172c5;} #footer .box .centent{padding: 24px 0px;border-bottom: 1px solid #cccccc;} #footer .box .centent .bon{width: 100%;} #footer .box .centent .bon .container{width:85.071%; margin: 0; margin-right: 4%;} #footer .box .centent .bon .container .wrapper{ font-size: 14px; height: auto;} #footer .box .centent .bon .wz1 {width: 5.428%; font-size: 14px; font-family: "Dbo"; color: #999999;} #footer .box .centent .bon .container .wrapper .slide{width: auto;margin-right: 18px;} #footer .box .centent .bon .container .wrapper .slide .wz2{ color: #999999;} #footer .box .centent .bon .container .wrapper .slide .wz2:hover{color: #0a63bf;} #footer .box .centent .bon .ww{ font-size: 16px; width: 3.714%;} #footer .box .centent .bon .ww .jt .i1{display: inline-block} #footer .box .centent .bon .ww .jt .i2{display: none;} #footer .box .centent .bon .ww .jt:hover .i1{display: none;} #footer .box .centent .bon .ww .jt:hover .i2{display: inline-block;} #footer .box .centent .bon .ww .dayu{cursor: pointer;transition: all linear .3s;} #footer .box .centent .bon .ww .dayu:hover{color: #0a63bf;} #footer .box .centent .bon .ww .xiaoyu{cursor: pointer;transition: all linear .3s; margin-left: 20px;} #footer .box .centent .bon .ww .xiaoyu:hover{color: #0a63bf;} #footer .box .buttom .bom{padding: 30px 0px;} #footer .box .buttom .bom .left .box9{margin-bottom: 10px;} #footer .box .buttom .bom .left .box9 .qw{font-size: 14px; font-family: Reg; color: #999999; margin-right: 20px;} #footer .box .buttom .bom .left .box9 .qw a:hover{color: #0a63bf;} #footer .box .buttom .bom .left .box9 .qw:last-child{margin-right: 0px;} #footer .box .buttom .bom .left .zuidi{font-family: Reg; font-size: 14px; color: #999999;} #footer .box .buttom .bom .left .zuidi a:hover{color: #0a63bf;} #footer .box .buttom .bom .right .box7 .share{width: 38px;height: 38px; border-radius: 25px; background-color: #e2e3e6; margin-left: 15px;} #footer .box .buttom .bom .right .box7 .share:first-child{margin-left: 0;} @media (max-width:1440px) { #footer .box .centent .bon .container .wrapper .slide .wz .wz2{margin-right: 14px;} } @media (max-width:1366px) { #footer .box .centent .bon .container .wrapper .slide .wz .wz2{margin-right: 10px;} #footer .box .top .left .nav .wen1 {margin-right: 60px;} } @media (max-width:1280px) { #footer .box .centent .bon .container .wrapper .slide .wz .wz2{margin-right: 6px;} #footer .box .top .left .nav .wen1 {margin-right: 40px;} } @media (max-width:1200px) { #footer .box .top .left .nav .wen1 {margin-right: 30px;} #footer .box .centent .bon .wz1{width: 7.428%;} } @media (max-width:1024px) { #footer .box .top{display: flex; flex-direction: column;} #footer .box .top .left{width:100%; margin-bottom: 30px; float: inherit;} #footer .box .top .left .nav{width: 100%; margin-bottom: 40px; flex-wrap: wrap;} #footer .box .top .left .nav .wen1{width: 100%; margin: 0; border-bottom: 1px solid #dedede;} #footer .box .top .left .nav .wen1 .word {display: flex; height: 60px; align-items: center; justify-content: space-between; margin-bottom: 0;} #footer .box .top .left .nav .wen1 .word span{display: block; width: calc(100% - 60px);} #footer .box .top .left .nav .wen1 .word .jt{width: 60px; height: 60px; display: block;} #footer .box .top .left .nav .wen1 .two-nav{height: 0; overflow: hidden;} #footer .box .top .left .nav .wen1 .two-nav .two{ padding: 0 30px 30px;} #footer .box .top .left .iphone{justify-content: center; margin-bottom:0} #footer .box .top .right{width:100%; margin-bottom: 30px; float: inherit;} #footer .box .top .right .box1 .work{font-size: 28px;} #footer .box .top .right .box1 .row{width: 100%;} #footer .box .top .right .box1 .row1{width: 100%;} #footer .box .top .right .btn_box{margin-bottom: 0;} #footer .box .top .right .box1 .row1 .txt1{width: 4%;} #footer .box .top .right .box1 .row1 textarea{width: 96%;} } @media screen and (max-width: 750px) { #footer .box{padding: 60px 0 116px;} #footer .box .top{display: none;} #footer .box .top .left .nav .wen1 .word span, #footer .box .top .left .nav .wen1 .word1{font-size: 26px;} #footer .box .top .iphone .img{zoom: 1.3;} #footer .box .top .iphone .dh{font-size: 30px;} #footer .box .top .right .box1 .work{font-size: 30px;} #footer .box .top .right .box1 .row{height: 75px;} #footer .box .top .right .box1 .row .txt, #footer .box .top .right .box1 .row input, #footer .box .top .right .box1 .row1 .txt1, #footer .box .top .right .box1 .row1 textarea{font-size: 26px;;} #footer .box .top .right .box1 .row1{height: 200px;} #footer .box .top .right .box1 .row1 textarea{width: 89%;} #footer .box .top .right .btn_box{height: 75px;} #footer .box .top .right .btn_box input[type="submit"]{line-height: 75px; font-size: 26px;} #footer .box .centent .bon .wz1{width: 23%; font-size: 26px;} #footer .box .centent .bon .container .wrapper .slide .wz2{font-size: 26px;} #footer .box .centent .bon .ww{width: 12%;} #footer .box .centent .bon .ww .dayu, #footer .box .centent .bon .ww .xiaoyu{display: block !important;zoom: 1.5;} #footer .box .buttom .bom{flex-direction: column-reverse;} #footer .box .buttom .bom .left .box9{flex-wrap: wrap; margin-bottom: 0;} #footer .box .buttom .bom .left .qw, #footer .box .buttom .bom .left .box9 .qw{font-size: 26px; margin: 0 0 20px 0; width: 100%; text-align: center; color: #999999;} #footer .box .buttom .bom .left .box9 .qw:nth-child(2n){display: none;} #footer .box .buttom .bom .left .zuidi{font-size: 26px; text-align: center; margin-bottom: 20px;} #footer .box .buttom .bom .right .box7{justify-content: center; margin-bottom: 30px;} #footer .box .buttom .bom .right .box7 .share{width: 50px; height: 50px;margin-left: 30px;} #footer .box .buttom .bom .right .box7 .share img{zoom: 1.5;} #footer .box .centent .bon .ww .jt{height: 17px; zoom: 2;} } /* box */ #index-part1{margin-top: 100px;} /* #index-part1 .box1{margin-bottom: 100px;} */ #index-part1 .box1 .top{margin-bottom: 40px;} #index-part1 .box1 .top .word{font-family: "Dbo"; font-size: 32px; color: #333; } #index-part1 .box1 .top .word1{font-family: "BOld";font-size: 50px; color: #fafafa; top: -62%;left: 50%;transform: translateX(-50%); z-index: -10;} #index-part1 .box1 .centent{margin-bottom: 50px;} #index-part1 .box1 .centent .sampling{} #index-part1 .box1 .centent .sampling .wena li{margin-right: 53px; font-size: 16px; font-family: MiM;} #index-part1 .box1 .centent .sampling .wena li.cur{ color: #0a63bf; position: relative;} #index-part1 .box1 .centent .sampling .wena li.cur::before{content:""; width: 100%; height: 2px; background: #0a63bf; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);} #index-part1 .box1 .centent .big {width: 32px;height: 32px; background: #0a65c0;text-align: center; border-radius: 5px; opacity: 0.8;} #index-part1 .box1 .centent .big:hover{opacity: 1;} #index-part1 .box1 .pro-list .about.on, #index-part1 .box1 .pro-list .about.cur{display: flex !important;} #index-part1 .box1 .pro-list .about:not(.absolute){display:none;} #index-part1 .box1 .about .lun{width: 48.571%;} #index-part1 .box1 .about .tup{width: 48.571%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide{background: url('/images/img.png') no-repeat;background-size: cover;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .keji{font-size: 12px; font-family: 'Reg'; color: #666666; margin-bottom: 15px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .ds{font-size: 23px; font-family: 'Dbo'; color: #333333;margin-bottom: 25px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .chanpin{font-size: 12px; font-family: 'Reg'; color: #666666;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi{padding-top: 9.677%; padding-left: 6.451%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .img{width: 66.5%; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} #index-part1 .box1 .about .lun .bo .container .swiper-pagination{bottom: 30px;} #index-part1 .box1 .about .lun .bo .container .swiper-pagination-bullet-active{background: #0a63bf;} #index-part1 .box1 .about .lun .bo .container .jt{width: 60px;height: 60px; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #cccccc; z-index: 5; display: block !important;} #index-part1 .box1 .about .lun .bo .container .jt.dayu{left: 2%;} #index-part1 .box1 .about .lun .bo .container .jt.xiaoyu{right: 2%;} #index-part1 .box1 .about .lun .bo .container .jt img:nth-child(1){display: inline-block;} #index-part1 .box1 .about .lun .bo .container .jt img:nth-child(2){display: none;} #index-part1 .box1 .about .lun .bo .container .jt:hover{background: #095cb2; border-color: #095cb2;} #index-part1 .box1 .about .lun .bo .container .jt:hover img:nth-child(1){display: none;} #index-part1 .box1 .about .lun .bo .container .jt:hover img:nth-child(2){display: inline-block;} #index-part1 .box1 .about .wenzi1 .keji1{font-size: 16px; font-family: 'Reg'; color: #666666; margin-bottom: 13px;} #index-part1 .box1 .about .lun .slide .relative{width: 100%;padding-top: 91.176%;background: url('/images/img.png') no-repeat;background-size: cover;} #index-part1 .box1 .about .tup .top1{width: 100%; height: 46.8%; border-radius: 5px; background: url('/images/img5.png') no-repeat center/cover; margin-bottom: 40px; padding: 55px 6.451%;} #index-part1 .box1 .about .tup .top1:hover{box-shadow:0 0 20px rgb(0 0 0 / 20%);} #index-part1 .box1 .about .tup .top1:last-child{margin-bottom:0;} #index-part1 .box1 .about .tup .top1 .left{width: 43.63%;} #index-part1 .box1 .about .tup .top1 .left .p1{font-size: 12px; line-height: 25px; font-family: 'Reg'; color: #666666;} #index-part1 .box1 .about .tup .top1 .left .p2{font-size: 23px; line-height: 45px; font-family: 'Dbo'; color: #333; margin-bottom: 14px;} #index-part1 .box1 .about .tup .top1 .left .p3{font-size: 12px; line-height: 25px; font-family: 'Reg'; color: #666666;} #index-part1 .box1 .about .tup .top1 .right{width: 50%;} @media screen and (max-width: 1440px) { #index-part1 .box1 .about .tup .top1{padding: 41px 6.451%;} } @media screen and (max-width: 1366px) { #index-part1 .box1 .about .tup .top1{margin-bottom: 31px;} #index-part1 .box1 .about .tup .top1 .left .p1, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .keji{font-size: 16px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .ds, #index-part1 .box1 .about .tup .top1 .left .p2{font-size: 26px;} #index-part1 .box1 .about .tup .top1 .left .p3, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .chanpin{font-size: 16px;} } @media (max-width:1280px) { #index-part1 .box1 .about .tup .top1{padding: 31px 6.451%;} } @media (max-width: 1260px) { #index-part1 .box1 .about .tup .top1{padding: 27px 6.451%;} } @media (max-width: 1200px) { #index-part1 .box1 .about .lun .slide .relative{padding-top: 95.176%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .ds{margin-bottom: 14px;} } @media (max-width: 1160px) { #index-part1 .box1 .about .lun .slide .relative{padding-top: 100%;} } @media (max-width:1080px) { #index-part1 .box1 .about .lun .slide .relative{padding-top: 100%;} #index-part1 .box1 .about .tup .top1{padding: 25px 6.451%; margin-bottom: 23px;} } @media (max-width:1024px) { #index-part1 .box1 .centent .sampling .wena li{font-size: 20px;} #index-part1 .box1 .about .tup .top1{height: auto; padding: 60px 6.451%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide{height: 640px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi {padding-top: 50px;padding-left: 7.451%;} #index-part1 .box1 .about .tup .top1 .left .p1, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .keji, #index-part1 .box1 .about .tup .top1 .left .p3, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .chanpin{font-size: 20px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .img {top: 55%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .ds {margin-bottom: 15px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .chanpin {margin-bottom: 10px;} #index-part1 .box1 .about .lun .slide .relative{padding-top: 69%;} #index-part1 .box1 .about{flex-wrap: wrap;} #index-part1 .box1 .about .lun{width: 100%; margin-bottom: 40px;} #index-part1 .box1 .about .tup{width: 100%;} } @media (max-width:750px) { #index-part1 .box1 .top .word{font-size: 35px;} #index-part1 .box1 .centent{justify-content: space-between;} #index-part1 .box1 .centent .container{width: 90%; margin: 0;} #index-part1 .box1 .centent .container .slide{width: auto;margin-right: 53px; font-size: 26px; font-family: MiM;} #index-part1 .box1 .centent .container .slide.cur{ color: #0a63bf; position: relative;} #index-part1 .box1 .centent .container .slide.cur::before{content:""; width: 100%; height: 2px; background: #0a63bf; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);} #index-part1 .box1 .centent .big{width: 50px; height: 50px; } #index-part1 .box1 .about .lun .slide .relative{padding-top: 68%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi{width: 93%;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide{display: flex; height: 540px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .img{padding: 0; width: 52%; margin: 0 auto; top: 62%;} #index-part1 .box1 .about .tup .top1 .left .p1, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .keji, #index-part1 .box1 .about .tup .top1 .left .p3, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .chanpin, #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .keji{font-size: 26px;} #index-part1 .box1 .about .lun .bo .container .wrapper .slide .wenzi .ds{font-size: 30px;} #index-part1 .box1 .about .tup .top1{flex-direction: column; margin-bottom: 40px;} #index-part1 .box1 .about .tup .top1 .left{width: 100%; margin-bottom: 60px;} #index-part1 .box1 .about .tup .top1 .right{width: 59.7%; margin: 0 auto;} #index-part1 .box1 .about .tup .top1 .left .p2{font-size: 30px;;} #index-part1 .box1 .about .tup .top1 .wenzi1 .keji1, #index-part1 .box1 .about .tup .top1 .wenzi1 .chanpin1, #index-part1 .box1 .about .tup .btn1 .wenzi1 .keji1, #index-part1 .box1 .about .tup .btn1 .wenzi1 .chanpin1{font-size: 26px;} #index-part1 .box1 .centent .sampling .wena li{font-size: 25px;margin-right: 30px;} } /* 视频 */ #video .voice{margin-top: 100px;} #video .voice .mega{top: 11.26%; left: 50%; transform: translateX(-50%); font-size: 106.38px; color: #ffffff; font-family: BOld; opacity: .1; } #video .voice .top{width: 56%; top: 16.26%;left: 50%; transform: translateX(-50%);} #video .voice .top .word .word1{color: #ffffff; font-size: 60px;font-family: "BOld";margin-bottom: 25px;} #video .voice .top .word .word2{color: #ffffff; font-size: 42px; font-family: "MiM";margin-bottom: 25px;} #video .voice .top .word .word3{color: #ffffff; font-size: 16px; font-family: "Reg";line-height: 1.875;} #video .voice .icon{top: 50%; left: 50%; transform: translateX(-50%); cursor: pointer;} #video .voice .icon .img img{margin-left: 5px;} #video .voice .icon .img{margin-bottom: 13px; width: 91px; height: 91px; line-height: 90px;border-radius: 100px;border: 2px solid #ffffff;} #video .voice .icon .img::before {width: 100%;height: 100%;opacity: 0;border-radius: 100%;box-shadow: inset 0 0 5px #7696bd;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;margin: auto;content: '';animation: warn 2s ease-out .1s infinite;-webkit-animation: warn 2s ease-out .1s infinite;} #video .voice .icon .pin{font-size: 18px; font-family: Reg; color: #ffffff;} #video .voice .icon1{top: 45%; left: 47%; cursor: pointer;} #video .voice .icon1 .img::before {width: 100%;height: 100%;opacity: 0;border-radius: 100%;box-shadow: inset 0 0 5px #7696bd;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 2;margin: auto;content: '';animation: warn 2s ease-out .1s infinite;-webkit-animation: warn 2s ease-out .1s infinite;} #video .voice .icon .csa{bottom: -60%; left: -6%;} @media screen and (max-width: 1680px) { #video .voice .top{width: 63%;} } @media screen and (max-width: 1440px) { #video .voice .mega{top: 5.26%;} #video .voice .top{width: 74%; top: 12.26%;} #video .voice .icon{top: 55%;} } @media screen and (max-width: 1366px){ #video .voice .top{width: 85%;} } @media (max-width:1280px) { #video .voice .top .word .word3 {font-size: 16px;} #video .voice .top .word .word2 {font-size: 24px;margin-bottom: 15px;} #video .voice .top .word .word1 {font-size: 48px;margin-bottom: 15px;} } @media (max-width:1024px) { #video .voice .mega{top: 0; font-size: 80px;} #video .voice .top .word .word3 {font-size: 16px;} #video .voice .top .word .word2 {font-size: 24px;margin-bottom: 15px;} #video .voice .top {top: 6%;} #video .voice .top .word .word1 {font-size: 48px;margin-bottom: 15px;} #video .voice .icon .img{margin-bottom: 13px; width: 71px; height: 71px; line-height: 71px;border-radius: 100px;border: 2px solid #ffffff;} #video .voice .icon .csa{bottom: -60%; left: -25%;} } @media (max-width:750px) { #video .voice .mega{font-size: 60px; top: 12%;} #video .voice .top{top: 20%;} #video .voice .top .word .word1{font-size: 40px;margin-bottom: 0px;} #video .voice .top .word .word2{margin-bottom: 0;} #video .voice .top .word .word3{display: none;} #video .voice .icon .img{width: 58px; height: 58px; line-height: 56px;} #video .voice .icon .csa {display: none;} } /* 解决方案 */ #every{margin-top: 120px;} #every .box1 .top{margin-bottom: 40px;} #every .box1 .top .word{font-family: Dbo; font-size: 42px; color: #333; } #every .box1 .top .word1{font-family: BOld;font-size: 60px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%); z-index: -10;} #every .box1 .cent .box .back-list .back.on, #every .box1 .cent .box .back-list .back.cur{display: flex !important;} #every .box1 .cent .box .back-list .back:not(.absolute){display:none;} #every .box1 .cent .box .icon{width: 100%; top: 0; left: 0;} #every .box1 .cent .box .icon .icon1{width: 20%; padding-top:43.571%; color: #ffffff;} #every .box1 .cent .box .icon .icon1 .zhe{ padding-top:43.571%;background: #095cb2; opacity: 0; } #every .box1 .cent .box .icon .icon1 .zong{padding: 0px 40px 40px;bottom: 40px;left: 0;right: 0; z-index: 5; transition: all ease .3s; overflow: hidden;} #every .box1 .cent .box .icon .icon1 .zong .word{font-size: 22px; font-family: MiM; margin-bottom: 13px;} #every .box1 .cent .box .icon .icon1 .zong .text{font-size: 16px; color: #ffffff; display: none;} #every .box1 .cent .box .icon .icon1 .zong .jian{bottom: -35%; left: 40px;} #every .box1 .cent .box .icon .icon1 .zong .img{margin-bottom: 22px;} #every .box1 .cent .box .icon .icon1:hover .zong{bottom:105px;} #every .box1 .cent .box .icon .icon1:hover .zong .text{display: block;} #every .box1 .cent .box .icon .icon1:hover .zong .jian{bottom:0;} #every .box1 .cent .box .icon .icon1:hover .zhe{opacity: .9; z-index: 1;} @media screen and (max-width:1440px) { #every .box1 .cent .box .icon .icon1 .zong{ padding: 0 34px 40px;} #every .box1 .cent .box .icon .icon1:hover .zong{bottom: 60px;} #every .box1 .cent .box .icon .icon1 .zong .jian{left: 34px;} } @media screen and (max-width: 1366px) { #every .box1 .cent .box .icon .icon1 .zong{ padding: 0 25px 40px;} #every .box1 .cent .box .icon .icon1 .zong .jian{left: 25px;} } @media screen and (max-width:1024px) { #every{margin: 100px 0;} #every .box1 .cent .box .icon .icon1 .zong{bottom:10px;} } @media screen and (max-width:750px) { #every .box1 .top .word{font-size: 35px;} #every .box1 .cent .mb-box{} #every .box1 .cent .mb-box .icon1{padding: 40px;margin-bottom: 30px;} #every .box1 .cent .mb-box .icon1 .zong .img{zoom: 1.5; margin-bottom: 20px;} #every .box1 .cent .mb-box .icon1 .zong .word{font-size:30px; margin-bottom: 30px; color: #fff;} #every .box1 .cent .mb-box .icon1 .zong .text{font-size: 26px; line-height: 1.8; color: #fff;} } /* 服务支持 */ #ser{background: #f5f7fa; margin-top: 120px;} #ser .box1{ padding:105px 0 120px;} #ser .box1 .top{margin-bottom: 76px;} #ser .box1 .top .word{font-family: "Dbo"; font-size: 32px; color: #333;z-index: 10;position: relative; } #ser .box1 .top .word1{width: 100%;font-family: "BOld";font-size: 50px; color: #fafafa; top: -62%;left: 50%;transform: translateX(-50%); z-index: 0;} #ser .box1 .box .top1 .qun .top2{width: 31.928%; margin: 2.108% 2.108% 0 0;} #ser .box1 .box .top1 .qun .top2:nth-child(-n+3){margin-top: 0;} #ser .box1 .box .top1 .qun .top2:nth-child(3n){margin-right: 0;} #ser .box1 .box .top1 .qun .top2 .relative{padding-top: 64.876%;} #ser .box1 .box .top1 .qun .top2 .bo{background: #ffffff;padding-top: 15.659%;} #ser .box1 .box .top1 .qun .top2 .bo .img{margin-bottom: 36px;} #ser .box1 .box .top1 .qun .top2 .bo .word{font-size: 22px; font-family: MiM;margin-bottom: 15px;} #ser .box1 .box .top1 .qun .top2 .bo .word2{font-size: 16px; font-family: Reg; color: #333333;} #ser .box1 .box .top1 .qun .top2 .bo .img img:nth-child(1){display: inline-block;} #ser .box1 .box .top1 .qun .top2 .bo .img img:nth-child(2){display: none;} #ser .box1 .box .top1 .qun .top2 .bo:hover .word{color: #0a63bf;} #ser .box1 .box .top1 .qun .top2 .bo:hover .img img:nth-child(1){display: none;} #ser .box1 .box .top1 .qun .top2 .bo:hover .img img:nth-child(2){display: inline-block;} @media (max-width:1280px) { #ser .box1 .box .top1 .qun .top2 .bo .img{margin-bottom: 0px;} } @media (max-width:1024px) { #ser .box1{padding: 100px 0;} #ser .box1 .box .top1 .qun .top2{width: 49%; margin: 0 2% 2% 0;} #ser .box1 .box .top1 .qun .top2:nth-child(3n){margin-right: 2%;} #ser .box1 .box .top1 .qun .top2:nth-child(2n){margin-right: 0;} #ser .box1 .box .top1 .qun .top2 .bo{padding: 15.659% 20px 0;} #ser .box1 .box .top1 .qun .top2 .bo .img{margin-bottom: 30px;} #ser .box1 .box .top1 .qun .top2 .bo .word2{font-size: 20px;} } @media (max-width:750px) { #ser .box1 .top .word{font-size: 35px;} #ser .box1 .box .top1 .qun .top2{width: 100%; margin: 15px 0 0;} #ser .box1 .box .top1 .qun .top2:first-child{margin-top: 0;} #ser .box1 .box .top1 .qun .top2:nth-child(-n+3){margin-top:15px;} #ser .box1 .box .top1 .qun .top2:nth-child(3n){margin-right: 0;} #ser .box1 .box .top1 .qun .top2 .relative{padding-top: 43.876%;} #ser .box1 .box .top1 .qun .top2 .bo{padding:9.659% 20px 0;} #ser .box1 .box .top1 .qun .top2 .bo .word{font-size: 30px;} #ser .box1 .box .top1 .qun .top2 .bo .word2{font-size: 26px;} #ser .box1 .box .top1 .qun .top2 .bo .img{margin-bottom: 20px;} } /* 新闻动态 */ #journalism {margin-top: 80px;} #journalism .box1 .top{margin-bottom: 40px;} #journalism .box1 .top .word{font-family: "Dbo"; font-size: 32px; color: #333; } #journalism .box1 .top .word1{width: 100%;font-family: "BOld";font-size: 50px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%);z-index: -10;} #journalism .box1 .centent .sampling{font-size: 16px; font-family: Reg;margin-bottom: 70px;} #journalism .box1 .centent .sampling .wena li{margin-right: 53px; transition: all linear .3s;} #journalism .box1 .centent .sampling .wena li:last-child{margin-right: 0px;} #journalism .box1 .centent .sampling .wena li.cur, #journalism .box1 .centent .sampling .wena li:hover{color: #0a63bf;position: relative;} #journalism .box1 .centent .sampling .wena li.cur::before, #journalism .box1 .centent .sampling .wena li:hover::before {content: ""; width: 100%; height: 2px; background: #0a63bf; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);} #journalism .box1 .centent{justify-content: center } #journalism .box1 .buttom .in .container.on, #journalism .box1 .buttom .in .container.cur{display: flex !important;} #journalism .box1 .buttom .in .container:not(.absolute){display:none;} #journalism .box1 .buttom .slide{width: 50%;} #journalism .box1 .buttom .slide .bon{ padding:50px;} #journalism .box1 .buttom .bon .btn .bi .text2{height: 60px;font-size: 16px;line-height: 30px;margin-bottom: 30px; color: #666666;} #journalism .box1 .buttom .bon .btn .bi .text{font-size: 22px; font-family: Dbo;margin-bottom: 13px;} #journalism .box1 .buttom .bon:hover .btn .bi .text{color: #0a63bf;} #journalism .box1 .buttom .bon .btn .bi .text1{font-size: 16px; font-family: Reg; color: #666666;margin-bottom: 23px;} #journalism .box1 .buttom .bon .btn .bi .pic{margin-bottom: 23px; border-radius: 5px;} #journalism .box1 .buttom .bon .btn .bi .text3{font-size: 16px; color: #666666; font-family: Reg;} #journalism .box1 .buttom .img{width: 70px;height: 70px; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid #cccccc; display: block !important;} #journalism .box1 .buttom .dayu{left: -8%;} #journalism .box1 .buttom .xiaoyu{right: -8%;} #journalism .box1 .buttom .dayu:hover{background: #095cb2;} #journalism .box1 .buttom .xiaoyu:hover{background: #095cb2;} #journalism .box1 .buttom .slide .bon:hover{background: #f5f7fa;} #journalism .box1 .buttom .img img:nth-child(1){display: inline-block;} #journalism .box1 .buttom .img img:nth-child(2){display: none;} #journalism .box1 .buttom .img:hover img:nth-child(1){display: none;} #journalism .box1 .buttom .img:hover img:nth-child(2){display: inline-block;} @media (max-width:1440px) { #journalism .box1 .buttom {width: 90%;margin: 0 auto;} } @media (max-width:1024px) { #journalism .box1 .centent .sampling .wena li { font-size: 20px;} #journalism .box1 .buttom .slide .bon{padding: 30px;} #journalism .box1 .buttom .xiaoyu{right: -9%;} #journalism .box1 .buttom .dayu{left: -9%;} } @media (max-width:750px) { #journalism .box1 .top .word{font-size: 35px;;} #journalism .box1 .buttom {width: 90%;margin: 0 auto;} #journalism .box1 .buttom .slide{width: 100%;} #journalism .box1 .buttom .bon .btn .bi .text{font-size: 30px;} #journalism .box1 .centent .sampling .wena li, #journalism .box1 .buttom .bon .btn .bi .text1, #journalism .box1 .buttom .bon .btn .bi .text3, #journalism .box1 .buttom .bon .btn .bi .text2{font-size: 26px;} #journalism .box1 .buttom .xiaoyu{right: -8%;} #journalism .box1 .buttom .dayu{left: -8%;} } /* 合作 */ #cooperation{margin-top: 100px;background: url(/images/banner5.png);padding:120px 0 ;background-size: cover;} #cooperation .box{} #cooperation .box .li{width: 15%;margin-right: 2%;background: #fff;border-radius: 5px;} #cooperation .box .li:last-child{margin-right: 0;} #cooperation .box .li .pic{width: 100%;padding-top: 57.143%} @media screen and (max-width: 750px) { #cooperation .box{display: flex; flex-wrap: wrap;} #cooperation .box .li{width: 48%; margin-top: 30px;} #cooperation .box .li:nth-child(2n){margin-right: 0;} #cooperation .box .li:nth-child(-n+2){margin-top: 0;} #cooperation .box .li .pic img{zoom: 1.5;} } /* about */ /* 公司 */ #company{margin-top: 80px;} #company .box .left{width: 34.258%; font-size: 42px; color: #333333; font-family: Sed;} #company .box .right{width: 65.742%;} #company .box .right .right1 .word{font-size: 42px; font-family: Reg; color: #333333; margin-bottom: 45px;} #company .box .right .right1 .word1{line-height: 30px; font-size: 16px; font-family: Reg; color: #333333;} #company .box .right .right2 .box1{width: 47.652%;background: #ffffff;box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.11); border-radius: 5px; margin-right: 58px;} #company .box .right .right2 .box1:last-child{margin-right: 0px;} #company .box .right .right2 .box1 .qun{padding:19.047% 0;} #company .box .right .right2 .box1 .qun .img{margin-bottom: 20px;} #company .box .right .right2 .box1 .qun .text1{font-family: Dbo; font-size: 30px; color: #0a63bf;} #company .box .right .right2 .box1 .qun .text2{font-family: Reg; font-size: 12px; color: #999999; margin-bottom: 20px;} #company .box .right .right2 .box1 .qun .text3{font-family: Reg; font-size: 16px; color: #333333;} #company .box .right .right2 .box1 .qun .img img:nth-child(1){display: inline-block;} #company .box .right .right2 .box1 .qun .img img:nth-child(2){display: none;} #company .box .right .right2 .box1 .qun:hover .img img:nth-child(1){display: none;} #company .box .right .right2 .box1 .qun:hover .img img:nth-child(2){display: inline-block;} #company .box .right .right2 .box1:hover{background: #0a63bf;} #company .box .right .right2 .box1:hover .qun .text1{color: #ffffff;} #company .box .right .right2 .box1:hover .qun .text2{color: #ffffff;} #company .box .right .right2 .box1:hover .qun .text3{color: #ffffff;} #company .box .right .right2{transform: translateY(120px);} @media (max-width:1280px) { #company .box .right .right2{transform: translateY(80px);} } @media (max-width:750px) { #company .box{float: inherit;} #company .box .left{width: 100%;margin-bottom: 20px;} #company .box .right{width: 100%;} #company .box .right .right1 .word{font-size: 35px; margin-bottom: 10px;} #company .box .right .right1 .word1{font-size: 26px; line-height: 1.8;} #company .box .right .right2{transform: translateY(35px);} #company .box .right .right2 .box1 .qun{padding: 50px 30px;} #company .box .right .right2 .box1 .qun .text2{font-size: 24px;} #company .box .right .right2 .box1 .qun .text3{font-size: 26px;} } /* tech */ #tech .bg {z-index: -1;} /* 服务内容 */ #content{background: #f5f7fa;} #content .box1{padding: 100px 0;} #content .box1 .top{margin-bottom: 40px;} #content .box1 .top .word{font-family: Dbo; font-size: 42px; color: #333333; } #content .box1 .top .word1{opacity: 0.05; font-family: BOld;font-size: 50px; color: #000000; top: -62%;left: 50%; transform: translateX(-50%); z-index: 0;} #content .box1 .buttom .left{width: 70%; border-radius: 5px; overflow: hidden;} #content .box1 .buttom .right{width: 20.714%;margin: 0 4.643%;} #content .box1 .buttom .right .top1{width: 100%;} #content .box1 .buttom .right .top1 .fz .dian{width: 5px; height: 5px; border-radius: 100px; background-color: #dedede; margin-right: 24px;} #content .box1 .buttom .right .top1 .fz .word{margin-right: 120px; font-family: Reg; font-size: 16px; color: #333333;} #content .box1 .buttom .right .top1 .fz .boss{width: 25px;height: 25px; border-radius: 100px; line-height: 37px;text-align: center;} #content .box1 .buttom .right .top1 .fz {padding: 10px 10px;} #content .box1 .buttom .right .top1 .fz.cur, #content .box1 .buttom .right .top1 .fz:hover{background: #ffffff; border-bottom: 0;} #content .box1 .buttom .right .top1 .fz{border-radius: 5px;border-bottom: 1px solid #cccccc;} #content .box1 .buttom .right .top1 .fz.cur .dian, #content .box1 .buttom .right .top1 .fz:hover .dian{background: #0a63bf;} #content .box1 .buttom .right .top1 .fz.cur .word, #content .box1 .buttom .right .top1 .fz:hover .word{color: #0a63bf;} #content .box1 .buttom .right .top1 .fz.cur .boss, #content .box1 .buttom .right .top1 .fz:hover .boss{background: #0a63bf;} #content .box1 .buttom .right .top1 .fz:last-child{border-bottom: 0;} #content .box1 .btn .bon .bu{width: 100%;background: #ffffff; padding:7.142% 8.571%;} #content .box1 .btn .bon .bu .text{padding-top: 10px; color: #0a63bf; font-size: 30px; font-family: Dbo;margin-bottom: 5px;} #content .box1 .btn .bon .bu .text1{font-family: Dbo; color: #333333; font-size: 18px;margin-bottom: 15px;} #content .box1 .btn .bon .bu .text3{color: #0a63bf; font-size: 16px; font-family: Dbo; } #content .box1 .btn .bon .bu .text4{font-size: 16px; font-family: Dbo; margin-bottom: 10px;} #content .box1 .btn .bon .bu .text2{color: #666666; font-size: 16px; font-family: Reg;margin-bottom: 25px;} #content .box1 .btn{width: 50%; right: 0%;bottom: 10%;} #content .box1 .btn .bon .swiper-pagination-fraction{top: 8%; width: auto;height: max-content;left: 9%;} #content .box1 .btn .bon .swiper-pagination-current{color: #0a63bf; font-size: 30px;font-family: Dbo; font-style: italic;} #content .box1 .btn .bon .swiper-pagination-total{color: #666666;} @media (max-width: 1440px) { #content .box1 .buttom .right{ width: 23.714%; margin: 0 2.643%;} #content .box1 .btn{bottom: 0;} } @media (max-width:1366px) { #content .box1 .buttom .right .top1 .fz .word{margin-right:110px;} } @media (max-width:1280px) { #content .box1 .buttom .right{width: 25.714%;} #content .box1 .buttom .right .top1 .fz{justify-content: space-between;} #content .box1 .buttom .right .top1 .fz .word{margin-right:0; width: 76%;} #content .box1 .btn {width: 55%; bottom: -8%;} } @media (max-width: 1200px) { #content .box1 .btn{bottom: -16%;} } @media (max-width:1160px) { #content .box1 .buttom{flex-wrap: wrap;} #content .box1 .buttom .left{width: 100%;} /* #content .box1 .buttom .right .top1 .fz .word{margin-right:200px;} */ #content .box1 .btn {bottom: 0;} #content .box1 .buttom .right{padding: 50px 0; width: 40.714%; /*margin: 0 4.643%;*/} #content .box1 .btn .bon .swiper-pagination-fraction {left: -35%;} #content .box1 .btn .bon .bu .text4 {padding-top: 0%;} } @media (max-width: 1024px) { #content .box1 .btn .bon .bu{padding: 5.142% 8.571%;} } @media (max-width:750px) { #content .box1 .top .word{font-size: 35px;} #content .box1 .buttom .right{display: none;} #content .box1 .buttom .right .top1 .fz .word{margin-right:400px;font-size: 26px;} #content .box1 .btn {position: inherit; left: auto; top: auto; bottom: auto; width: 100%;} #content .box1 .btn .bon .swiper-pagination-fraction {left: -35%;} #content .box1 .btn .bon .swiper-pagination-fraction, #content .box1 .btn .bon .swiper-pagination-total{font-size: 24px;} #content .box1 .btn .bon .bu .text4 {padding-top: 3.142%;} #content .box1 .btn .bon .bu .text1{font-size: 26px;} #content .box1 .btn .bon .bu .text2{font-size: 26px;} #content .box1 .btn .bon .bu .text3{font-size: 24px;} #content .box1 .buttom .dayu1{ left: 4%; } #content .box1 .buttom .xiaoyu1{right: 4%;} #content .box1 .buttom .dayu1, #content .box1 .buttom .xiaoyu1{height: 20px; zoom: 2;top: 50%; transform: translateY(-50%); z-index: 5; text-align: center;cursor: pointer;} } /* devle */ #devel{background: url(/images/banner8.png);padding:120px 0 ;background-size: cover; margin-bottom: 70px;} #devel .top{margin-bottom: 40px;} #devel .top .word{font-family: Dbo; font-size: 42px; color: #333333; z-index:1;} #devel .top .word1{font-family: BOld;font-size: 50px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%);z-index: 0; opacity: 0.3;} #devel .buttom .swp .dayu1{bottom:0%; left: 0%; text-align: center;cursor: pointer; z-index: 5;} #devel .buttom .swp .xiaoyu1{bottom:0%; right: 0%; text-align: center;cursor: pointer; z-index: 5;} #devel .buttom .swp .bos .bor{background: rgba(0, 0, 0, 0.1); width: 100%;height: 3px;top: 2px;} #devel .buttom .swp .slide .time .dian{width: 9px;height: 9px;background: #0a63bf; border-radius: 100px;} #devel .buttom .swp .slide .time{ width: 100%;} #devel .buttom .swp .slide .time .sa .text{ margin-bottom: 20px; font-family: Sed; font-size: 36px; color: #0a63bf;} #devel .buttom .swp .slide .time .sa{width: 100%;} #devel .buttom .swp .slide .time .dian{margin: 0 auto; margin-bottom: 30px;} #devel .buttom .swp .slide .time .sa .text1{font-family: Reg; font-size: 15px; color: #666666;padding-bottom: 30px;} @media (max-width:750px) { #devel{padding: 120px 0;} #devel .top{margin-bottom: 90px;} #devel .top .word{font-size: 35px;} #devel .buttom .swp .img{zoom: 2; bottom: inherit; top: -8%;} #devel .buttom .swp .slide .time .sa .text1{font-size: 24px; padding: 0;} } /* 资历证书 */ #seniority .box1{margin-bottom: 100px;} #seniority .box1 .top{margin-bottom: 40px;} #seniority .box1 .top .word{font-family: Dbo; font-size: 42px; color: #333333; } #seniority .box1 .top .word1{font-family: BOld;font-size: 50px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%); z-index: -10;} #seniority .buttom .box .container{width: 92.86%; padding-bottom: 70px;} #seniority .buttom .box .container .swiper-pagination .swiper-pagination-bullet{background: #0a63bf;} #seniority .buttom .box .slide{width: 20.38%; margin-right: 5.5%; border: 1px solid #f1f1f1; text-align: center;} #seniority .buttom .box .slide .back{width: 100%; height: 100%; z-index: -1;bottom: -10px; right: -10px;} #seniority .buttom .box .slide .a1{z-index: 5; background-color: #fff;} #seniority .buttom .box .slide .a1 .img{cursor: pointer; border-bottom: 1px solid #f1f1f1; padding:15.384% 20.689% 15.384% 20.689%;} #seniority .buttom .box .slide .a1 .word{font-size: 16px; font-family: Reg; color: #666666;padding: 13px 0;} #seniority .buttom .box .slide:hover .a1 .word{background: #0a63bf; color: #ffffff;} #seniority .buttom .box .dayu{top: 37%; left: 0%; text-align: center;cursor: pointer;} #seniority .buttom .box .xiaoyu{top: 37%; right: 0%; text-align: center;cursor: pointer;} @media (max-width:750px) { #seniority .box1 .top .word{font-size: 35px;} #seniority .buttom .box .slide{width: 47%;} #seniority .buttom .box .slide .a1 .word{font-size: 24px;} #seniority .buttom .box .img{zoom: 1.5;} #seniority .buttom .box .dayu, #seniority .buttom .box .xiaoyu{display: none;} } /* 合作about */ #customer{background: url(/images/banner5.png);padding:120px 0 ;background-size: cover;} #customer .top{margin-bottom: 40px;} #customer .top .word{font-family: Dbo; font-size: 42px; color: #ffffff; } #customer .top .word1{font-family: BOld;font-size: 50px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%);z-index: 1; opacity: 0.05;} #customer .container{padding-bottom: 50px;} #customer .container .slide{width: 15%; height: 90px; margin-right: 2%;background: #fff;border-radius: 5px;} #customer .container .swiper-pagination{bottom: 0;} #customer .container .swiper-pagination-bullet{background-color: #ffffff;} @media screen and (max-width: 750px) { #customer .top .word{font-size: 35px;} #customer .container .slide{width: 49%; height: 120px;} #customer .container .slide img{zoom: 1.3;} } /* new */ /* 新闻动态 */ #news-cate {margin-top: 100px;} #news-cate .box .bos1{width: 160px; height: 50px; line-height: 50px; padding: 0; border: 1px solid #cccccc; background-color: #ffffff; border-radius: 5px;font-size: 16px;margin-right: 10px;cursor: pointer; color: #999;} #news-cate .box .bos1:hover, #news-cate .box .bos1.on{background-color: #0a63bf; color: #ffffff;} #lun {margin-top: 100px;} #lun .box{margin-bottom: 100px; border-radius: 5px; box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15);} #lun .box .left{width: 48.571%; border-radius: 5px; } #lun .box .right{width:51.428%; border-left: 1px solid rgba(0,0,0,0.1);} #lun .box .right .slide .word{padding-left:5.555%; padding-top:8.333%;padding-right: 8.333%;} #lun .box .right .slide .word .word1{color: #0a63bf; font-size: 16px; font-family: Dbo;margin-bottom: 10px;} #lun .box .right .slide .word .word2{color: #333333; font-size: 30px; font-family: Dbo;margin-bottom: 5px;} #lun .box .right .slide .word .word3{color: #999999; font-size: 16px; font-family: Reg;margin-bottom: 35px;} #lun .box .right .slide .word .word4{color: #666666; font-size: 16px; font-family: Reg; line-height: 22px; height: calc(22px * 2);overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #lun .box .right .ww{bottom: 15%; left: 6%; z-index: 10;} #lun .box .right .ww .img{user-select:none; width: 70px;height: 70px; border-radius: 50%; border: 1px solid #cccccc;text-align: center;cursor: pointer; margin-right: 10px;} #lun .box .right .ww .img:hover{background: #095cb2; border-color: #095cb2;} #lun .box .right .ww .slide .bon:hover{background: #f5f7fa;} #lun .box .right .ww .img img:nth-child(1){display: inline-block;} #lun .box .right .ww .img img:nth-child(2){display: none;} #lun .box .right .ww .img:hover img:nth-child(1){display: none;} #lun .box .right .ww .img:hover img:nth-child(2){display: inline-block;} #lun .box .right .swiper-pagination-fraction{bottom: 15%;width: auto; left: auto; right: 8%; font-size: 20px;} #lun .box .right .swiper-pagination-current{color: #0a63bf; font-size: 34px;font-family: Dbo;} #lun .box .right .swiper-pagination-total{color: #666666;} @media screen and (max-width:1366px) { #lun .box .right .ww{bottom: 10%;} #lun .box .right .swiper-pagination-fraction{bottom:11%;} } @media screen and (max-width:1280px) { #lun .box .right .slide .word {padding-left: 3.555%;padding-top: 5.333%;padding-right: 5.333%;} #lun .box .right .slide .word .word3 {margin-bottom: 20px;} } @media screen and (max-width: 1200px) { #lun .box .right .slide .word .word2{font-size: 28px;} #lun .box .right .ww{left: 3%; bottom: 5%;} } @media (max-width:1024px) { #lun .box{flex-wrap: wrap;} #lun .box .left{width: 100%;} #lun .box .right{width: 100%; border: 0;} #lun .box .right .slide .word {padding-left: 3.555%;padding-top: 5.333%;padding-right: 5.333%;padding-bottom: 16.2857%;} } @media (max-width:750px){ #news-cate .box .bos1{ width: 31.5%; margin-bottom: 15px; height: 60px;line-height: 60px;font-size: 26px;} #lun .box .right .slide .word .word1{font-size: 26px;} #lun .box .right .slide .word .word3{font-size: 26px;} #lun .box .right .slide .word .word4{font-size: 24px;line-height: 40px;height: calc(40px * 2);} #lun .box .right .ww{bottom: 7%;} } /* cycle */ #cycle .not{margin: 100px auto; font-size: 30px; font-family: Reg; font-weight: bold; color: #0a63bf;} #cycle .box{display: flex;flex-wrap: wrap; margin-bottom: 100px;} #cycle .box .box1{width: calc( (100% - 80px) / 3); margin-right: 40px;margin-top: 40px; box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.13); } #cycle .box .box1:nth-child(-n+3){margin-top: 0;} #cycle .box .box1:nth-child(3n){margin-right: 0px;} #cycle .box .box1 .img{margin-bottom: 25px; z-index: -10;} #cycle .box .box1 .img .gong{ line-height: 35px; border-radius: 0 20px 20px 0; padding: 0 13px; max-width: 90%; /*width: 90px; */ height: 35px; font-size: 16px; left: 0%;top: 15%; background-color: #b2b2b2; color: #ffffff; z-index: 10; font-family: Reg;} #cycle .box .box1 .word{padding: 0 30px;align-items: center; margin-bottom: 25px;} #cycle .box .box1 .word .word1{ width: 95px; text-align: center; border-right: 1px solid #dedede; padding-right: 30px;margin-right: 30px; } #cycle .box .box1 .word .word1 .time{font-size: 36px; color: #0a63bf;font-family: Dbo;} #cycle .box .box1 .word .word1 .time1{font-size: 14px; color: #333333;font-family: Reg; } #cycle .box .box1 .word .word2{ width: calc(100% - 95px); max-height: calc(24px * 2); font-size: 18px; overflow: hidden; color: #333333; font-family: Dbo;} #cycle .box .box1 .word3{padding: 0 30px;} #cycle .box .box1 .word3 .button{display: inline-block;padding: 11px 48px; font-size: 13px; border: 1px solid #dedede; color: #666666; border-radius: 5px; margin-bottom: 30px;} #cycle .box .box1 .word4{ color: #666666; font-size: 16px; margin-bottom: 30px; } #cycle .box .box1:hover{box-shadow: 0px 0px 10px 0px rgba(10, 99, 191, 0.13);} #cycle .box .box1:hover .img .gong{background: #0a63bf;} #cycle .box .box1:hover .word3 .button{background-color: #0a63bf; border-color: #0a63bf; color: #ffffff;} @media screen and (max-width: 1200px) { #cycle .box .box1{width: calc( (100% - 54px) / 3); margin-right: 25px;} } @media screen and (max-width:1024px) { #cycle .box .box1{width: 47.5%;} #cycle .box .box1:nth-child(3n){margin-right: 25px;} #cycle .box .box1:nth-child(2n){margin-right: 0;} #cycle .box .box1:nth-child(-n+3){margin-top:40px;} #cycle .box .box1:nth-child(-n+2){margin-top: 0;} } @media screen and (max-width:750px) { #cycle .box .box1{width:100%; margin-right: 0px;} #cycle .box .box1:nth-child(3n){margin-right: 0;} #cycle .box .box1:nth-child(2n){margin-right: 0;} #cycle .box .box1:nth-child(-n+2){margin-top:40px;} #cycle .box .box1:first-child{margin-top: 0;} #cycle .box .box1 .img .gong{width: auto; height: auto; border-radius: 0 30px 30px 0; padding: 10px 25px; font-size: 26px;} /* #cycle .box .box1 .word .word1{display: none;} */ #cycle .box .box1 .word{flex-direction: column;} #cycle .box .box1 .word .word1{width: 100%;margin: 0 0 15px 0; padding: 0; border: 0;} #cycle .box .box1 .word .word1 .time1{font-size: 24px;;} #cycle .box .box1 .word .word2{width: 100%;font-size: 30px; max-height: calc(40px * 2);} #cycle .box .box1 .word4{font-size: 26px;} #cycle .box .box1 .word3 .button{font-size: 26px;} } /* 产品中心 */ #products{margin-top: 100px;} #products .not{margin-bottom: 100px; font-size: 30px; font-family: Reg; font-weight: bold; color: #0a63bf;} #products .box{display: flex;flex-wrap: wrap; margin-bottom: 100px;} #products .box .box1{margin-top: 40px; margin-right: 40px; padding-top: 60px; border-radius: 5px; width: calc( (100% - 80px) / 3);text-align: center; cursor: pointer; border: 1px solid #dedede; overflow: hidden;} #products .box .box1:nth-child(3n){margin-right: 0px;} #products .box .box1:nth-child(-n+3){margin-top: 0;} #products .box .box1 .icon{z-index: -1;} #products .box .box1 .img{min-height: 340px;} #products .box .box1 .word{margin-bottom: 10px; color: #333333;font-size: 30px; font-family: Dbo; padding: 0 15px;} #products .box .box1 .word1{font-family: Reg; max-height: calc(21px * 4); overflow: hidden; font-size: 16px; text-align: left; margin-bottom: 55px;padding: 0px 45px; color: #999999;} #products .box .box1 .word2{font-family: Reg; font-size: 16px; color: #999999; margin-bottom: 10px;} /* #products .box .box1:hover{border-bottom: 3px solid #0a63bf;} */ #products .box .box1:hover{position: relative; border-bottom-color: transparent; transition: all 0.3s ease;} #products .box .box1:hover:after{content:""; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; background: #0a63bf; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} #products .box .box1:hover .word{color: #0a63bf; } #products .box .box1:hover .word1{color: #333333; } @media (max-width:1280px) { #products .box .box1 .img {margin-bottom: 30px;} } @media (max-width:1024px) { #products .box .box1 {width: calc( (100% - 42px) / 2);} #products .box .box1:nth-child(3n){margin-right: 40px;} #products .box .box1:nth-child(2n){margin-right: 0;} #products .box .box1:nth-child(-n+3){margin-top: 40px;} #products .box .box1:nth-child(-n+2){margin-top: 0;} } @media (max-width:750px) { #products .box .box1 {width: 100%;margin-right: 0;} #products .box .box1:nth-child(2n){margin-right: 0;} #products .box .box1:nth-child(3n){margin-right: 0;} #products .box .box1:nth-child(-n+3){margin-top: 40px;} #products .box .box1:first-child{margin-top: 0;} #products .box .box1 .icon img{ zoom: 1.5;} #products .box .box1 .word1{font-size: 26px; max-height: calc(36px * 5);} #products .box .box1 .word2{font-size: 24px;} } /* product-detail */ #summary{margin-top: 90px;} #summary .box{background: url('/images/banner1.png')no-repeat;background-size:cover ;} #summary .box .lunbo .box1 .left{width: 50%; padding-bottom: 70px;} /* #summary .box .lunbo .box1 .left .bb{margin-bottom: 70px;} */ #summary .box .lunbo .box1 .left .qun{display: flex;justify-content: center; align-items: center;} #summary .box .lunbo .box1 .left .zuo{margin-right: 55px; cursor: pointer;} #summary .box .lunbo .box1 .left .you{cursor: pointer;} #summary .box .lunbo .box1 .left .aa{width: 40.298%; position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);} #summary .box .lunbo .box1 .left .aa .slide{cursor: pointer; height: 60px;border: 2px solid #dedede;} #summary .box .lunbo .box1 .left .aa .swiper-slide-thumb-active{border-color: #2375c6;} #summary .box .lunbo .box1 .left .img{width: 18px; height: 35px;z-index: 10;} #summary .box .lunbo .box1 .left .img::before {width: 100%;height: 100%;background: transparent;position: absolute;left: 0;top: 0;} #summary .box .lunbo .box1 .left .img.swiper-button-disabled{opacity: 0.5;} #summary .box .lunbo .box1 .left .zuo{left: 19%; bottom: 8%;} #summary .box .lunbo .box1 .left .you{right:19%; bottom: 8%;} #summary .box .lunbo .box1 .left .img img:nth-child(1){display: inline-block;} #summary .box .lunbo .box1 .left .img img:nth-child(2){display: none;} #summary .box .lunbo .box1 .left .img:hover img:nth-child(1){display: none;} #summary .box .lunbo .box1 .left .img:hover img:nth-child(2){display: inline-block;} #summary .box .lunbo .box1 .right{width: 50%;border-left: 1px solid #dedede;} #summary .box .lunbo .box1 .right .word .name{padding: 115px 0 50px 9%; border-bottom: 1px solid #dedede; font-family: "Reg"; font-size: 36px; color: #333333;} #summary .box .lunbo .box1 .right .word .bot{padding: 52px 0 106px 9%;} #summary .box .lunbo .box1 .right .word .bot .text1{margin-bottom: 30px; font-family: "BOld"; font-size: 16px; color: #333333;} #summary .box .lunbo .box1 .right .word .bot .text2{margin-bottom: 15px; font-family: "Reg"; font-size: 16px; color: #333333;} #summary .box .lunbo .box1 .right .word .bot .price{ margin-bottom: 20px; font-size: 16px; color: #2375c6;} #summary .box .lunbo .box1 .right .word .bot .bao {display: flex;} #summary .box .lunbo .box1 .right .word .bot .bao .li{margin-right: 50px;} #summary .box .lunbo .box1 .right .word .bot .bao .li .txt{font-family: "Reg"; font-size: 14px; color: #333333;} #summary .box .lunbo .box1 .right .word .bot .bao .icon{width: 60px;height: 60px; background: #2375c6;text-align: center;border-radius: 100px; cursor: pointer; margin: 0 auto 15px;} #summary .box .lunbo .box1 .right .word .bot .bao .li:last-child{margin-right: 0;} #summary .box .ho {background: rgba(0, 0, 0, 0.1); } #summary .box .ho .hom{background: rgba(0, 0, 0, 0); } #summary .box .ho .hom span{color: #333333; } #summary .box .ho .yf{padding: 20px 0;} @media screen and (max-width: 1200px) { #summary .box .lunbo .box1 .left .aa .slide{width: 60px !important;} } @media (max-width:1024px){ #summary .box .lunbo .box1{flex-wrap: wrap;} #summary .box .lunbo .box1 .left{width: 100%;padding-top: 100px;} #summary .box .lunbo .box1 .right{width: 100%;padding-top: 0;} #summary .box .lunbo .box1 .right{border: 0;} #summary .box .lunbo .box1 .right .word{padding-left: 0;} #summary .box .lunbo .box1 .right .word .name{margin: 50px 0 25px; padding: 0; line-height: 50px; height: calc(50px * 2); overflow: hidden;} #summary .box .lunbo .box1 .right .word .bot{padding: 25px 0;} #summary .box .lunbo .box1 .right .word .bot .text1, #summary .box .lunbo .box1 .right .word .bot .text2{font-size: 22px;} #summary .box .lunbo .box1 .right .word .text{margin-bottom: 20px;} #summary .box .lunbo .box1 .right .word .bao{padding-bottom: 30px;} #summary .box .lunbo .box1 .right .word .bot .bao .li .txt{font-size: 20px;} } @media (max-width:750px){ #summary .box .ho{display: none;} /* #summary .box .lunbo .box1 .left .aa {width: 51%;bottom: 0;} #summary .box .lunbo .box1 .left .zuo{left: 9%;} #summary .box .lunbo .box1 .left .you{right: 11%;} #summary .box .lunbo .box1 .left .aa .slide{width: 80px !important; height: 80px;} */ #summary .box .lunbo .box1 .left .aa {width: 80%;bottom: 0;} #summary .box .lunbo .box1 .left .aa .slide{width: 135px !important; height: 135px;} #summary .box .lunbo .box1 .left .img{width: 50px; height: 104px;bottom: 0; zoom: 1.3;} #summary .box .lunbo .box1 .left .zuo{left: 0;} #summary .box .lunbo .box1 .left .you{right: 0;} #summary .box .lunbo .box1 .right .word .name{font-weight: bold;} #summary .box .lunbo .box1 .right .word .bot .text1, #summary .box .lunbo .box1 .right .word .bot .text2{font-size: 26px;} #summary .box .lunbo .box1 .right .word .bot .price{ font-size: 34px;} #summary .box .lunbo .box1 .right .word .bot .bao .icon img{zoom: 1.3;} #summary .box .lunbo .box1 .right .word .bot .bao .li .txt{font-size: 26px;} } #happen .box{margin-bottom: 90px;} #happen .box .box1{display: flex; justify-content: space-between; border-bottom: 1px solid #f1f1f1;} #happen .box .box1 .left{width: 40.714%; padding: 30px 0; font-family: Reg; font-weight: bold;color: #333333; font-size: 16px; overflow: hidden;} #happen .box .box1 .right{width: 52.286%;} #happen .box .box1 .right .word{height: 82px;} #happen .box .box1 .right .word .word1{width: auto;margin-right: 35px; line-height: 82px; font-family: Reg; color: #999999; font-size: 16px;} #happen .box .box1 .right .word .word1.cur{font-family: 'BOld';color: #2375c6; position: relative;} #happen .box .box1 .right .word .word1.cur:before {content:""; display: block; width: 100%; height: 2px; background: #2375c6; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);} #happen .box .box1 .right .word .word1:last-child{margin-right: 0;} #happen .word .line1{width: 32px;height: 2px;bottom: 0px;left: 0;background: #0a63bf;z-index: 2; pointer-events: none;} @media screen and (max-width: 1440px) { #happen .box .box1 .right{width: 56%;} } @media (max-width:1366px) { #happen .box .box1 .left{width: 35%;} #happen .box .box1 .right{width: 58%;} #happen .box .box1 .right .word .word1 {margin-right: 31px;} } @media (max-width:1280px) { #happen .box .box1 .right .word .word1 {margin-right: 25px;} #gala1 .box .top .word1 {top: -62%;left: 33%;} } @media screen and (max-width: 1200px) { #happen .box .box1 .left{width: 25%;} #happen .box .box1 .right{width: 65%;} } @media (max-width:1024px) { #happen .box .box1{flex-wrap: wrap;} #happen .box .box1 .left{width: 100%;font-size: 24px;} #happen .box .box1 .right{width: 100%;} #happen .box .box1 .right .word{justify-content: space-between;} #happen .box .box1 .right .word .word1 {font-size: 24px;margin-right: 30px;} } @media (max-width:750px){ #happen .box .box1 .left{display: none;} #happen .box .box1 .right .word{flex-wrap: wrap;} #happen .box .box1 .right .word .word1{font-size: 26px; margin-right: 40px;} } /* 产品详情选项卡内容部分 */ #pro-main{} #pro-main .tab-nav .nav.on, #pro-main .tab-nav .nav.cur{display: block !important;} #pro-main .tab-nav .nav:not(.absolute){display:none;} /* 详情 */ #pro-main .tab-nav .editor{padding: 0 0 100px;} /* 型号 */ #lexing .box .qiali{margin-bottom: 100px;} #lexing .box .box1{display: flex;background: #2375c6;} #lexing .box .box1 .box2{padding: 20px 0 20px 80px; width: 20%;font-family: Dbo; font-size: 16px; color: #ffffff;} #lexing .box .box3{display: flex;background: #f5f7fa;} #lexing .box .box3:hover{background: #ffffff;} #lexing .box .box3 .box4{ padding: 20px 0 20px 80px; font-family: Reg; color: #333333; font-size: 16px; width: 20%;} #lexing .box .box3 .box5{ padding: 20px 0 20px 80px; font-family: Reg; color: #2172c5; font-size: 16px; width: 20%;} @media screen and (max-width:1440px){ #lexing .box .box1 .box2 , #lexing .box .box3 .box4 , #lexing .box .box3 .box5 {padding: 20px 0 20px 65px;} } @media screen and (max-width:1366px){ #lexing .box .box1 .box2 , #lexing .box .box3 .box4 , #lexing .box .box3 .box5 {padding: 20px 0 20px 50px;} } @media screen and (max-width:1024px){ #lexing .box .box1 .box2 , #lexing .box .box3 .box4 , #lexing .box .box3 .box5 {padding: 20px 0 20px 20px;} } @media screen and (max-width:750px){ #lexing{overflow: auto;} #lexing .box .qiali{width: max-content;} #lexing .box .box1 .box2, #lexing .box .box3 .box4, #lexing .box .box3 .box5{width: 400px; font-size: 26px;} #lexing .box .box1 .box2, #lexing .box .box3 .box4, #lexing .box .box3 .box5{padding: 20px;} #lexing .box .box3:last-child{margin-bottom: 0;} } /* 比较 */ #com .box .box1{display: flex;margin-bottom: 40px; overflow-x: auto;width: 100%;} #com .box .box1 .word1{min-width: 210px;position: sticky; left: 0; z-index: 3; background: #fff;} #com .box .box1 .word1 tr{display: flex;flex-direction:column; } /* #com .box .box1 .word1{min-width:20.714%;} */ #com .box .box1 .word1 .text1{padding: 20px 0 20px 20px; border-bottom: 2px solid #2375c6;background: #f1f1f1; font-family: Dbo; font-size: 16px; color: #333333;} #com .box .box1 .word1 .text2{padding: 20px 0 20px 20px; font-family: Reg; font-size: 16px; color: #333333; background: #fff;} #com .box .box1 .word1 .text2:nth-child(2n){background: #f5f7fa;} #com .box .box1 .word1:hover{background: rgba(32, 117, 198, 0.1);} #com .box .box1 .word1:hover .text2:nth-child(2n){background: rgba(32, 117, 198, 0.1);} #com .box .box1 tbody{display: flex;} #com .box .box1 .word2{width: 400px; display: flex; flex-direction: column; text-align: center;} #com .box .box1 .word2 .text1{padding: 20px 0 20px 20px; border-bottom: 2px solid #2375c6; background: #f1f1f1; font-family: Dbo; font-size: 16px; color: #333333;} #com .box .box1 .word2 .text2{ padding: 20px 0 20px 20px; font-family: Reg; font-size: 16px; color: #333333;} #com .box .box1 .word2 .text2:nth-child(2n){background: #f5f7fa;} #com .box .box1 .word1:hover, #com .box .box1 .word2:hover{background: rgba(32, 117, 198, 0.1);} #com .box .box1 .word2:hover .text1{color:#095cb2;} #com .box .box1 .word1:hover .text2:nth-child(2n), #com .box .box1 .word2:hover .text2:nth-child(2n){background: rgba(32, 117, 198, 0.1);} #com .box .box1 .word1:hover .text2:nth-child(3n){background: #e9f1f9;} #com .box .zhu{color: #2375c6; font-family: Reg; font-size: 16px;margin-bottom: 100px;} @media (max-width:1024px){ #com .box .zhu{font-size: 26px;} } @media (max-width:750px){ #com .box .box1 thead{min-width: 300px;} #com .box .box1 .word1 .text1, #com .box .box1 .word1 .text2, #com .box .box1 .word2 .text1, #com .box .box1 .word2 .text2{font-size: 26px;} #com .box .zhu{font-size: 26px;} } /* 视频 */ #shiup .box{margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: space-between;} #shiup .box .box1{width: 48%; border: 1px solid #dedede; border-radius: 10px; padding: 25px 10px;margin-bottom: 50px;} #shiup .box .box1 .left{width:33.214%;margin-right: 2.142%;} /* #shiup .box .box1 .left .videl{padding: 70px 0px; text-align: center; cursor: pointer;} */ #shiup .box .box1 .left .videl .play{top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;} #shiup .box .box1 .right{width:64.644%;} #shiup .box .box1 .right .text{font-family: Reg;font-size: 18px; color: #333333;margin-bottom: 30px;} #shiup .box .box1:hover .right .text{color: #2375c6;} #shiup .box .box1 .right .text1{font-family: Reg;font-size: 16px; color: #999999; text-align: justify;} @media (max-width:1440px){ #shiup .box .box1 .right .text {margin-bottom: 10px;padding-top: 20px;} } @media (max-width:1280px){ #shiup .box .box1 .right .text {margin-bottom: 10px;padding-top: 15px;} #shiup .box .box1 .right .text1 {margin-bottom: 15px;} } @media (max-width:1024px){ #shiup .box .box1 .right .text {margin-bottom: 10px;padding-top: 10px;} #shiup .box .box1 .right .text1 {margin-bottom: 10px;} } @media (max-width:750px){ #shiup .box .box1{width: 100%;flex-wrap: wrap;} #shiup .box .box1 .left{width: 100%; margin: 0;} #shiup .box .box1 .right .text{font-size: 30px; margin: 20px 0;padding-top: 0} #shiup .box .box1 .right{width: 100%;} #shiup .box .box1 .right .text1{font-size: 26px; line-height: 1.8;} } /* 手册下载 */ #manual .box{margin-bottom: 100px;} #manual .box .li{width: 49%; margin-top: 20px; border: 1px solid #dedede; align-items: center;justify-content: space-between;padding: 25px 30px; margin-right: 20px;} #manual .box .li:nth-child(-n+2){margin-top: 0;} #manual .box .li:nth-child(2n){margin-right: 0;} #manual .box .li .left{width: 70%;} #manual .box .li .left .text{font-family: Reg; font-size: 18px; color: #333333; margin-bottom: 10px;} #manual .box .li .left .text1{font-family: Reg; font-size: 14px; color: #999999;} #manual .box .li .right{display: flex; align-items: center;} #manual .box .li .right .word{font-family: Reg; font-size: 16px; color: #999999;} #manual .box .li .right .img{margin-left: 20px;margin-top: 5px;} #manual .box .li:hover{border: 1px solid #2375c6;} #manual .box .li:hover .left .text{color: #2172c5;} #manual .box .li .right .img img:nth-child(1){display: inline-block;} #manual .box .li .right .img img:nth-child(2){display: none;} #manual .box .li:hover .right .img img:nth-child(1){display: none;} #manual .box .li:hover .right .img img:nth-child(2){display: inline-block;} @media (max-width:1024px){ #manual .box .li{padding: 15px 5px 16px 5px;} #manual .box .right1{padding: 15px 5px 16px 5px;} } @media (max-width:750px){ #manual .box{flex-wrap: wrap;} #manual .box .li{width: 100%;margin-right: 0; padding: 20px; flex-direction: column;} #manual .box .li:nth-child(-n+2){margin-top: 20px;} #manual .box .li:first-child{margin-top: 0;} #manual .box .li .left{width: 100%;} #manual .box .li .left .text{font-size: 32px;} #manual .box .li .left .text1, #manual .box .li .right .word{font-size: 26px;} #manual .box .right{width: 100%;} #manual .box .li .right .img img{zoom: 1.5;} } /* 标配附件 */ #xiaohez .box{margin-bottom: 100px;} #xiaohez .box .box1{width: 46.785%;margin-right: 6.429%;padding: 50px 0; border-bottom: 1px solid #dedede;} #xiaohez .box .box1:nth-child(2n){margin-right: 0;} #xiaohez .box .box1:nth-child(-n+2){padding-top: 0;} #xiaohez .box .box1 .left{width: 36.92%; padding: 20px 0; border: 1px solid #dedede;} #xiaohez .box .box1 .right{width: calc(100% - 36.92%);padding-left: 25px; padding-right: 100px;} #xiaohez .box .box1 .right .word{margin-bottom: 20px; font-family: Reg; font-size: 18px; color: #333333;} #xiaohez .box .box1 .right .word1{font-family: Reg; font-size: 16px; color: #999999;} @media(max-width:1366px){ #xiaohez .box .box1 .right {padding-left: 25px;padding-right: 20px;} } @media(max-width:1024px){ #xiaohez .box .box1{margin-right: 3.429%;} #xiaohez .box .box1:last-child{margin-right: 0%;} } @media(max-width:1024px){ #xiaohez .box{flex-wrap: wrap;} #xiaohez .box .box1{width: 100%;} } /* 相关产品 */ #gala1{background: #fafafa;} #gala1 .box{padding: 90px 0;} #gala1 .box .top{margin-bottom: 125px;} #gala1 .box .top .word{font-family: Dbo; font-size: 42px; color: #333333; } #gala1 .box .top .word1{text-transform: uppercase; opacity: 0.05; font-family: BOld;font-size: 60px; color: #000000; top: -62%;left: 50%; transform: translateX(-50%);z-index: 0;} #gala1 .box .qun{display: flex;} #gala1 .box .qun .img{ width: 46.017%;margin-right: 4.044%;} #gala1 .box .qun .word{width: 46.017%; } #gala1 .box .qun .word .text{ font-family: Dbo; font-size: 36px; color: #2172c5;} #gala1 .box .qun .word .text2{margin-bottom: 40px; font-family: Dbo; font-size: 36px; color: #2172c5;} #gala1 .box .qun .word .text1{font-family: Reg; font-size: 16px; color: #333333;} #gala1 .box .dayu{user-select:none; cursor: pointer; top: 30%;left: 0%; width: 57px; height: 57px; line-height: 68px; text-align: center; background: #ffffff;box-shadow: 0px 10px 13px 0px rgba(51, 51, 51, 0.15);border-radius: 100px} #gala1 .box .xiaoyu{user-select:none;cursor: pointer; top: 30%;right: 3%; width: 57px; height: 57px; line-height: 68px; text-align: center; background: #ffffff;box-shadow: 0px 10px 13px 0px rgba(51, 51, 51, 0.15);border-radius: 100px} #gala1 .box .container{overflow: visible; width: 83.088%;} #gala1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -40px;} @media (max-width:750px) { #gala1 .box .qun{flex-wrap: wrap;} #gala1 .box .qun .img{width: 100%;} #gala1 .box .qun .word{width: 100%;} #gala1 .box .dayu{left: -2%;} #gala1 .box .xiaoyu{right: 0%;} } /* news-detail */ #detail {border-top: 1px solid #dedede;} #detail .box .box1{padding: 30px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #cccccc;} #detail .fanhui { width: 235px; height: 45px; border-radius:10px; border: 1px solid #dedede;} #detail .fanhui:hover{border-color: #0a63bf;} #detail .fanhui .word{font-size: 16px; font-family: Reg; color: #333333;} #detail .fanhui .img{padding-left: 33px;margin-right: 88px;} #detail .content .qun{} #detail .content .qun .bu{} #detail .content .qun .mb-bu{display: none;} #detail .content .qun .bu .left{width: 33.281%; } #detail .content .qun .bu .left .in{width: 60.15%; padding-top: 72px; border-right: 1px solid #dedede; position: sticky;top:0;} #detail .content .qun .bu .left.down .in{border-top: 1px solid #dedede;} #detail .content .qun .bu .left .wo{border-bottom: 1px solid #cccccc; padding-bottom: 110px; padding-right: 11%; } #detail .content .qun .bu .left .wo .text{margin-bottom: 45px; line-height: 36px; font-size: 24px; font-family: Dbo; color: #333333;} #detail .content .qun .bu .left .wo .text1{line-height: 24px; font-size: 14px; font-family: Reg; color: #999999;} #detail .content .qun .bu .left .wo .text2{ font-size: 14px; font-family: Reg; color: #999999;} #detail .content .qun .bu .left .wo .text2 a:hover{color: #2172c5;} #detail .content .qun .bu .left .wo .text2 span:last-child{display: none;} #detail .content .qun .bu .left .icon{padding: 57px 36% 57px 0; border-bottom: 1px solid #cccccc;} #detail .content .qun .bu .left .icon .share{cursor: pointer; margin-right: 15px; text-align: center; width: 37px; height: 37px; line-height: 37px; border-radius: 50%; background: #eaeaea;} #detail .content .qun .bu .left .re-list{padding: 63px 20% 60px 0; } #detail .content .qun .bu .left .box0{border-bottom: 1px solid #dedede; margin-bottom: 40px;} #detail .content .qun .bu .left .box0:last-child{margin-bottom:0;} #detail .content .qun .bu .left .box0 .img{margin-bottom: 25px; z-index: 10;} #detail .content .qun .bu .left .box0 .img .gong{ line-height: 35px; border-radius: 0 20px 20px 0; width: 90px; height: 35px; font-size: 16px; left: 0%;top: 15%; background: rgba(0, 0, 0, 0.2); color: #ffffff; z-index: 10; font-family: Reg;} #detail .content .qun .bu .left .box0 .img img{position: relative; z-index: 9;} #detail .content .qun .bu .left .box0 .word{align-items: center; margin-bottom: 25px;} #detail .content .qun .bu .left .box0 .word .word1{ width: 90px; text-align: center; border-right: 1px solid #dedede; padding-right: 10px;margin-right: 10px; } #detail .content .qun .bu .left .box0 .word .word1 .time{font-size: 24px; color: #0a63bf;font-family: Dbo;} #detail .content .qun .bu .left .box0 .word .word1 .time1{font-size: 12px; color: #333333;font-family: Reg; } #detail .content .qun .bu .left .box0 .word .word2{font-family: Reg; font-size: 16px; color: #333333; } #detail .content .qun .bu .left .box0 .info{width: calc(100% - 90px);} #detail .content .qun .bu .left .box0 .info, #detail .content .qun .bu .left .box0 .info a, #detail .content .qun .bu .left .box0 .info span{font-family: Reg; font-size: 14px; color: #999999; } #detail .content .qun .bu .left .box0 .info span:last-child{display: none; } #detail .content .qun .bu .left .box0 .info a:hover, #detail .content .qun .bu .left .box0:hover .word .word2{color: #0a63bf;} #detail .content .qun .bu .left .box0:hover .img .gong{background: #0a63bf;} #detail .content .qun .bu .left .xg{font-size: 24px; font-family: Dbo; color: #2172c5; margin-bottom: 30px;} #detail .content .qun .bu .right {width:calc(100% - 33.281%); padding-top: 72px; } #detail .content .qun .bu .right.privacy {width: 100%;padding: 70px 0;} #detail .content .qun .bu .right .in{width: 80.03%;} #detail .content .qun .bu .right .editor{padding-left: 5.4%;} #detail .content .qun .bu .right .buttom{margin-top: 100px; padding: 75px 0 75px 5.4%; border-top: 1px solid #dedede;} #detail .content .qun .bu .right .buttom .btn{font-family: Reg; font-size: 16px; color: #999;} #detail .content .qun .bu .right .buttom .btn .tit{width: 85%;margin-left: 30px;} #detail .content .qun .bu .right .buttom .btn.prev{margin-bottom: 20px; } #detail .content .qun .bu .right .buttom .btn:hover{color: #2172c5; font-weight: bold;} @media screen and (max-width: 1680px) { #detail .content .qun .bu .left .in{width:76.15%;} #detail .content .qun .bu .right .in{width: 88.03%;} } @media screen and (max-width: 1550px) { #detail .content .qun .bu .left .in{width:86.15%;} #detail .content .qun .bu .right .in{width: 93.03%;} } @media screen and (max-width: 1200px){ #detail .content .qun .bu .left .wo{padding-right: 10%;} } @media screen and (max-width: 1024px){ #detail .content .qun .bu{display: none;} #detail .content .qun .bu.other {display: block;} #detail .content .qun .mb-bu{display: block; margin: 60px auto;} #detail .content .qun .mb-bu .part1{padding-bottom: 30px; border-bottom: 1px solid #dedede; } #detail .content .qun .mb-bu .part1 .text{font-size: 35px; font-family: Reg; font-weight: bold; text-align: center; margin-bottom: 30px;} #detail .content .qun .mb-bu .part1 .text1{font-size: 24px; font-family: Reg; text-align: center; margin-bottom: 20px;} #detail .content .qun .mb-bu .part1 .text2{font-size: 24px; font-family: Reg;} #detail .content .qun .mb-bu .part1 .text2 span:last-child{display: none;} #detail .content .qun .mb-bu .part2 .editor{padding: 60px 0; border-bottom: 1px solid #dedede;} #detail .content .qun .mb-bu .part2 .icon{margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #dedede;} #detail .content .qun .mb-bu .part2 .icon .share{width: 60px; height: 60px; margin-right: 15px; border-radius: 50%; background: #eaeaea;} #detail .content .qun .mb-bu .part2 .icon .share:last-child{margin-right:0;} #detail .content .qun .mb-bu .part2 .buttom{padding: 30px 0; border-bottom: 1px solid #dedede;} #detail .content .qun .mb-bu .part2 .buttom .btn span, #detail .content .qun .mb-bu .part2 .buttom .btn .tit{font-size: 22px; line-height: 1.8;} #detail .content .qun .mb-bu .part2 .buttom .btn .tit{margin-left: 30px;} #detail .content .qun .mb-bu .part2 .buttom .next{margin-top: 30px;} #detail .content .qun .mb-bu .part3{padding: 30px 0;} #detail .content .qun .mb-bu .part3 .xg{margin-bottom: 30px; font-size: 26px; font-family: Reg; font-weight: bold; } /* #detail .content .qun .mb-bu .part3 .box0{width: 48.5%; margin-top: 30px; background:#fff; border-bottom: 1px solid #dedede; margin-right: 25px;} #detail .content .qun .mb-bu .part3 .box0:nth-child(-n+2){margin-top:0;} #detail .content .qun .mb-bu .part3 .box0:nth-child(2n){margin-right: 0;} */ #detail .content .qun .mb-bu .part3 .container{padding-bottom: 40px;} #detail .content .qun .mb-bu .part3 .box0 .img{margin-bottom: 25px; z-index: 10;} #detail .content .qun .mb-bu .part3 .box0 .img .gong{padding: 10px 20px; border-radius: 0 20px 20px 0; font-size: 16px; left: 0%;top: 15%; background: rgba(0, 0, 0, 0.2); color: #ffffff; z-index: 10; font-family: Reg;} #detail .content .qun .mb-bu .part3 .box0 .img img{position: relative; z-index: 9;} #detail .content .qun .mb-bu .part3 .box0 .word{margin-bottom: 25px;} #detail .content .qun .mb-bu .part3 .box0 .word .word1{ width: 110px; text-align: center; border-right: 1px solid #dedede; padding-right: 10px;margin-right: 10px; } #detail .content .qun .mb-bu .part3 .box0 .word .word1 .time{font-size: 24px; color: #0a63bf;font-family: Dbo;} #detail .content .qun .mb-bu .part3 .box0 .word .word1 .time1{font-size: 20px; color: #333333;font-family: Reg; } #detail .content .qun .mb-bu .part3 .box0 .word .word2{font-family: Reg; font-size: 20px; color: #333333; margin-bottom: 20px;} #detail .content .qun .mb-bu .part3 .box0 .info{width: calc(100% - 110px);} #detail .content .qun .mb-bu .part3 .box0 .info, #detail .content .qun .mb-bu .part3 .box0 .info a, #detail .content .qun .mb-bu .part3 .box0 .info span{font-family: Reg; font-size: 14px; color: #999999; } #detail .content .qun .mb-bu .part3 .box0 .info span:last-child{display: none; } #detail .content .qun .mb-bu .part3 .btn{user-select:none; cursor: pointer; top: 50%; transform: translateY(-50%); width: 57px; height: 57px; background: #ffffff;box-shadow: 0px 10px 13px 0px rgba(51, 51, 51, 0.15);border-radius: 50%; z-index: 5;} #detail .content .qun .mb-bu .part3 .btn:hover{background: #0a63bf; box-shadow: 0px 10px 13px 0px rgba(10, 99, 191, 0.15);} #detail .content .qun .mb-bu .part3 .btn .i1{display: inline-block;} #detail .content .qun .mb-bu .part3 .btn .i2{display: none;} #detail .content .qun .mb-bu .part3 .btn:hover .i1{display: none;} #detail .content .qun .mb-bu .part3 .btn:hover .i2{display: inline-block;} #detail .content .qun .mb-bu .part3 .dayu{left: 0;} #detail .content .qun .mb-bu .part3 .xiaoyu{right: 0;} } @media screen and (max-width: 750px) { #detail .box .box1{display: none;} #detail .content .qun .mb-bu .part2 .icon .share img{zoom: 1.5;} #detail .content .qun .mb-bu .part2 .buttom .btn span, #detail .content .qun .mb-bu .part2 .buttom .btn .tit{font-size: 26px;} #detail .content .qun .mb-bu .part2 .buttom .btn span{width: 14%;} #detail .content .qun .mb-bu .part2 .buttom .btn .tit{width: calc(100% - 14%);} #detail .content .qun .mb-bu .part3{padding-top: 100px;} #detail .content .qun .mb-bu .part3 .xg{font-size: 42px; text-align: center;} #detail .content .qun .mb-bu .part3 .box0{width: 100%; margin-right: 0; border: 1px solid #dedede; /*box-shadow: 0 0 20px rgb(0 0 0 / 0.07);*/} /* #detail .content .qun .mb-bu .part3 .box0:nth-child(-n+2){margin-top: 25px;} */ #detail .content .qun .mb-bu .part3 .box0 .img{height: 417px;} #detail .content .qun .mb-bu .part3 .box0:first-child{margin-top: 0;} #detail .content .qun .mb-bu .part3 .box0 .word{height: 70px;} #detail .content .qun .mb-bu .part3 .box0 .word .word1 .time1{font-size: 24px;} #detail .content .qun .mb-bu .part3 .box0 .word .word1 .time, #detail .content .qun .mb-bu .part3 .box0 .word .word2, #detail .content .qun .mb-bu .part3 .box0 .info, #detail .content .qun .mb-bu .part3 .box0 .info a, #detail .content .qun .mb-bu .part3 .box0 .info span{font-size: 26px;} #detail .content .qun .mb-bu .part3 .box0 .word .word2{margin-bottom: 0;} #detail .content .qun .mb-bu .part3 .box0 .word .word1{ width: 135px;} #detail .content .qun .mb-bu .part3 .box0 .info{width: calc(100% - 135px);} #detail .content .qun .mb-bu .part3 .box0 .img .gong{ padding: 13px 30px;border-radius: 0 30px 30px 0;font-size: 26px;} } /* 下载中心 */ /* download */ #whole{margin-top: 100px;} #whole .box {display: flex;justify-content: space-between; margin-bottom: 40px;} #whole .box .box1{width: 42.858%; display: flex; text-align: center;} #whole .box .box1 .al{width: 110px; height: 50px;line-height: 50px;border: 1px solid #dedede;border-radius: 10px;margin-right: 10px;font-family: Reg; font-size: 16px;color: #333333;} #whole .box .box1 .al.on{background-color: #0a63bf; color: #ffffff;} #whole .box .box2 {width:57.142% ;} #whole .box .box2 .sou .inp{width: 31.64%; height:50px; padding: 0 22px ; background: url('/images/xiala.png')no-repeat center right 36px #fff; border:1px solid #dedede;border-radius:5px;} #whole .box .box2 .sou .inp .sel, #whole .box .box2 .sou .inp .in, #whole .box .box2 .sou .inp .in .inp1{width: 100%;height: 100%;} #whole .box .box2 .sou .inp .sel{padding: 0 20px;} #whole .box .box2 .sou .inp:first-child, #whole .box .box2 .sou .inp:nth-child(2){padding: 0;border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0;} #whole .box .box2 .sou .inp:first-child:hover, #whole .box .box2 .sou .inp:nth-child(2):hover, #whole .box .box2 .sou .inp:last-child:hover{border-color: #0a63bf;} #whole .box .box2 .sou .inp:nth-child(2){border-radius:0;} #whole .box .box2 .sou .inp input, #whole .box .box2 .sou .inp .sel{width: 100%; height: 100%; color: #999999; font-family: Reg; font-size: 16px;} /* #whole .box .box2 .sou .inp:last-child input{ background: url('/images/suosou2.png')no-repeat center right;} */ #whole .box .box2 .sou .inp:last-child{background: #fff; } #whole .box .box2 .sou .inp:last-child input::placeholder{color: #999999;} #whole .box .box2 .sou .inp:last-child{display: flex; justify-content: space-between;border-top-left-radius: 0; border-bottom-left-radius: 0;} #whole .box .box2 .sou .inp:last-child .btn{width: 18px; height: 100%; transition: all 0.3s ease;} #whole .box .box2 .sou .inp:last-child .btn input[type="submit"]{width: 100%; height: 100%; top: 0; left: 0;} #whole .box .box2 .sou .inp:last-child .btn:hover{transform: scale(1.2);} /* file */ #file .box{margin-bottom: 70px;} #file .box .box1{display: flex;background: #0a63bf;border-radius: 5px 5px 0px 0px;} #file .box .box1 .text{padding-right: 3px; width: 22.857%; color: #ffffff;font-size: 16px; font-family: Dbo;padding: 1.071% 0;} #file .box .box1 .text:first-child{padding-left:2.5%;width: 38%;} #file .box .box1 .text:nth-child(3), #file .box .box1 .text:nth-child(4){width: 15%;} #file .box .box1 .text:last-child{width: 10%;} #file .box .box2{display: flex;border-radius: 5px 5px 0px 0px;border-bottom: 2px solid transparent;} #file .box .box2 .text1{padding-right: 3px; width: 22.857%; color: #333;font-size: 16px; font-family: Reg;padding: 1.071% 0;display: flex;align-items: center; word-break: break-all;} #file .box .box2 .text1.name{padding: 1.071% 2.5%;} #file .box .box2 .text1:first-child{padding-left:2.5%;} #file .box .box2 .text1.name{width: 37.5%;} /* #file .box .box2 .text1:nth-child(4){margin-right:10px;} */ #file .box .box2 .text1:nth-child(5), #file .box .box2 .text1:nth-child(6){width: 15%;} #file .box .box2 .text1:last-child{width: 6.428%; cursor: pointer;} #file .box .box2 .text1.cate img{width: 32px; height: 32px; margin-right: 10px;} #file .box .box2:hover .text1:first-child, #file .box .box2:hover .text1:nth-child(2), #file .box .box2:hover .text1:nth-child(3), #file .box .box2:hover .text1:nth-child(4), #file .box .box2:hover .text1:nth-child(5), #file .box .box2:hover .text1:nth-child(6){color: #0a63bf;} #file .box .box2:hover{border-bottom: 2px solid #2375c6;} #file .box2 .down img:nth-child(1){display: inline-block;} #file .box2 .down img:nth-child(2){display: none;} #file .box2:hover .down img:nth-child(1){display: none;} #file .box2:hover .down img:nth-child(2){display: inline-block;} #file .not-txt{margin: 30px 0; font-size: 30px; font-weight: bold; color: #0a63bf;} /*tanchu*/ #tanchu{display: none;width: 100%;height: 100%;left: 0;top: 0;z-index: 15;} #tanchu .back{top: 0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);} #tanchu .box{} #tanchu .box .qun{border-radius: 10px; transform: translate(-50%,-50%); left: 50%;top: 50%; z-index:20; text-align: center; width: 625px; height: 480px;background: #ffffff;} #tanchu .box .qun .word{padding-top: 55px; margin-bottom: 50px; font-family: Dbo; font-size: 42px;color: #000000;} #tanchu .box .qun .row{border-radius: 10px; line-height: 60px; margin: 0 auto; margin-bottom: 10px;color: #000000;font-family: Reg;font-size: 18px;border: 1px solid #dedede;width: 480px;height: 60px; padding: 0 20px;} #tanchu .box .qun .row .txt1{width: 13%;} #tanchu .box .qun .row input{width: calc(100% - 13%);} #tanchu .box .qun .tj {font-size: 18px;font-family: Reg; color: #ffffff;margin: 0 auto;line-height: 60px; } #tanchu .box .qun .tj input{width: 480px;height: 60px;background: #2172c5; border-radius: 10px; cursor: pointer;} #tanchu .box .qun .row:hover{border:1px solid #0a63bf;} #tanchu .box .qun .img{top: 5%; right: 5%; cursor: pointer;} #tanchu2{display: none;width: 100%;height: 100%;left: 0;top: 0;z-index: 15;} #tanchu2 .back{top: 0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);} #tanchu2 .box{} #tanchu2 .box .qun{border-radius: 10px; transform: translate(-50%,-50%); left: 50%;top: 50%; z-index:20; text-align: center; width: 625px; height: auto;background: #ffffff; padding-bottom: 40px;} #tanchu2 .box .qun .word{padding-top: 55px; margin-bottom: 25px; font-family: Dbo; font-size: 42px;color: #000000;} #tanchu2 .box .qun .row{justify-content: space-between; border-radius: 10px; line-height: 60px; margin: 0 auto; margin-bottom: 10px;color: #000000;font-family: Reg;font-size: 18px;border: 1px solid #dedede;width: 480px;height: 60px; padding: 0 20px;} #tanchu2 .box .qun .row .txt1{width: 13%;} #tanchu2 .box .qun .row input{width: calc(100% - 13%);} #tanchu2 .box .qun .text{height: auto;} #tanchu2 .box .qun .text .txt1{width: 21%;} #tanchu2 .box .qun .text textarea{width: calc(100% - 25%); height: 200px;} #tanchu2 .box .qun .tj {font-size: 18px;font-family: Reg; color: #ffffff;margin: 0 auto;line-height: 60px; } #tanchu2 .box .qun .tj input{width: 480px;height: 60px;background: #2172c5; border-radius: 10px; cursor: pointer;} #tanchu2 .box .qun .row:hover{border:1px solid #0a63bf;} #tanchu2 .box .qun .img{top: 5%; right: 5%; cursor: pointer;} @media (max-width:1440px){ #whole .box .box2 .sou input{width: 240px;} } @media (max-width:1366px){ #whole .box .box2 .sou input{width: 230px;} } @media (max-width:1280px){ #whole .box .box2 .sou input{width: 220px;} } @media (max-width:1024px){ #whole .box{flex-wrap: wrap;} #whole .box .box1{width: 100%;margin-bottom: 20px;} #whole .box .box2{width: 100%;margin-bottom: 20px;} #whole .box .box2 .sou input{margin-right: 80px;} #whole .box .box2 .sou label{width: 33.64%;} } @media (max-width:750px){ #whole .box .box1{flex-wrap: wrap; } #whole .box .box1 .al{width: 162px; height: 60px; line-height: 60px; margin-top: 20px; font-size: 26px;} #whole .box .box1 .al:nth-child(-n+4){margin-top: 0;} #whole .box .box2 .sou {flex-wrap: wrap; justify-content: flex-start;} #whole .box .box2 .sou .inp input, #whole .box .box2 .sou .inp .sel, #whole .box .box2 .sou label input, #whole .box .box2 .sou label .sel{font-size: 24px;} #whole .box .box2 .sou label{height: 60px; line-height: 60px;} #whole .box .box2 .sou label:first-child{width: 50%;} #whole .box .box2 .sou label:nth-child(2){width: 50%;} #whole .box .box2 .sou label:last-child{width: 100%;margin-top: 20px;} #whole .box .box2 .sou .inp{width: 50%; height: 70px;} #file .box .box1 .text{font-size: 26px; padding: 3.071% 0;} #file .box .box2 .text1{font-size: 26px; padding: 6.071% 0;} #file .box .box1 .text:nth-child(3), #file .box .box2 .text1:nth-child(5){display: none;} /* #file .box .box1 .text, #file .box .box2 .text1{width: 36%;} #file .box .box1 .text:last-child, #file .box .box2 .text1:last-child{width: 12%;} #file .box .box1 .text:nth-child(2), #file .box .box2 .text1:nth-child(4){width: 15%;} */ #file .box .box2 .text1:last-child img{zoom: 1.5;} #file .box .box1 .text:first-child{width: 45%;} #file .box .box1 .text:nth-child(2){width: 20%;} #file .box .box1 .text:nth-child(4){width: 22%;} #file .box .box2 .text1.name{width: 44.5%;} #file .box .box2 .text1:nth-child(6){width: 21%;} #file .not-txt{font-size: 36px; margin: 30px 0;} #tanchu .box .qun .row .txt1, #tanchu .box .qun .row input, #tanchu .box .qun .tj input{font-size: 24px;} #tanchu .box .qun .img{display: none;} #tanchu2 .box .qun .row .txt1, #tanchu2 .box .qun .row input, #tanchu2 .box .qun .tj input{font-size: 24px;} #tanchu2 .box .qun .img{display: none;} } /* 网站地图 */ #map {margin-top: 150px;} #map .box{padding: 50px 0 50px 6.1428%; border-bottom: 1px solid #dedede;} #map .box:last-child{border-bottom: 0;} #map .box .text{font-family: Reg;font-size: 30px;margin-bottom: 30px; color: #333333;} #map .box .box1{display: flex;flex-wrap: wrap;padding-bottom: 50px;} #map .box .box1 .word1, #map .pro .pro1 .subnav-box .two .li{width: 22%; margin-bottom: 40px; margin-right: 3%;} #map .box .box1 .word1 .text1, #map .pro .pro1 .subnav-box .two .li .tit{font-family: Dbo;font-size: 16px; color: #333333; line-height: 38px;} #map .box .box1 .subnav-box .two .subnav, #map .pro .pro1 .subnav-box .two .li .con a, #map .pro .pro1 .subnav-box .two .li .more{font-size: 16px; line-height: 24px; color: #999999; font-family: Reg;} #map .pro .pro1 .subnav-box .two .li .more{margin-top: 15px;} #map .pro .pro1 .subnav-box .two .li .con a:hover, #map .box .box1 .subnav-box .two .subnav:hover, #map .pro .pro1 .subnav-box .two .li .more:hover{color: #0a63bf;} #map .pro .pro1 .subnav-box .two .li .con{height: 290px; overflow: hidden;} #map .pro .pro1 .subnav-box .two .li .con .con-in{min-height: 290px;} #map .pro .pro1 .subnav-box .two{width: 100%;} @media screen and (max-width: 750px) { #map{margin-top: 80px;} #map .box{padding-left: 0;} #map .box .text{font-size: 36px; font-weight: 600;} #map .pro .pro1 .subnav-box .two .li .con{height: 744px;} #map .box .box1 .word1{width: 47%;} #map .box.pro .pro1 .subnav-box .two .li{width: 100%;} #map .box .box1 .word1 .text1, #map .pro .pro1 .subnav-box .two .li .tit{font-size: 30px; line-height: 1.6; margin-bottom: 30px; display: block;} #map .box .box1 .subnav-box .two .subnav, #map .pro .pro1 .subnav-box .two .li .con a, #map .pro .pro1 .subnav-box .two .li .more{font-size: 26px; line-height: 1.5; margin-bottom: 20px;} } /* service */ #service {} #service .fnan{display: flex;} #service .cont:nth-child(2n) .fnan{flex-direction: row-reverse;} #service .fnan .left{width: 31.428%;margin-right: 5.806%;} #service .fnan .right{width: 62.714%;} #service .fnan .right .word{padding-top: 8.542%; font-family: "Dbo"; font-size: 30px; color: #333333;margin-bottom: 25px;} #service .fnan .right .word1{font-size: 16px; color: #999999;margin-bottom: 40px;} #service .fnan .right .xq{display: flex; align-items: center;} #service .fnan .right .xq .box{width: 16.876%;} #service .fnan .right .xq .box .img{text-align: center; margin-right: 4.555%;} #service .fnan .right .xq .box .img .word3{font-family: Dbo; font-size: 18px; color: #333333;} #service .fnan .right .xq .box .img .tip{font-family:"Reg"; font-size: 12px; color: #999999;} #service .fnan .right .xq .box .img2{margin-right: 4.555%; width: 25px; height: 25px;background: #dedede;border-radius: 100px; line-height: 25px;text-align: center;} #service .fnan .right .xq .box:last-child .img{margin-right: 0px;} #service .fnan .right .xq .box:last-child .img2{display: none;} #service .fnan .right .chin .in {margin-top:60px; padding-top: 60px; border-top: 1px solid #f1f1f1;} @media (max-width: 1200px) { #service .fnan .right .chin .in{margin-top:25px; padding-top: 25px;} } @media (max-width:750px) { #service .fnan{flex-wrap: wrap; margin-top: 60px;} #service .fnan .left{width: 100%; margin: 0;} #service .fnan .right{width: 100%;} #service .fnan .right .word1{font-size: 26px;} #service .fnan .right .xq .box{width: 22%;} #service .fnan .right .xq .box .img .word3{font-size: 24px;} #service .fnan .right .xq .box .img .tip{font-size: 22px;} #service .fnan .right .chin .in{margin-top: 40px; padding-top: 40px;} } #service1 .box .fnan{display: flex; justify-content: space-between;} #service1 .box .fnan .right{width: 31.428%;} #service1 .box .fnan .left{width: 62.714%;} #service1 .box .fnan .left .word{padding-top: 8.542%; font-family: Dbo; font-size: 30px; color: #333333;margin-bottom: 25px;} #service1 .box .fnan .left .word1{font-size: 16px; color: #999999;margin-bottom: 40px;} #service1 .box .fnan .left .xq{display: flex; align-items: center;} #service1 .box .fnan .left .xq .img2{margin-right: 4.555%; width: 25px; height: 25px;background: #dedede;border-radius: 100px; line-height: 25px;text-align: center;} #service1 .box .fnan .left .xq .img{text-align: center; margin-right: 4.555%;} #service1 .box .fnan .left .xq .img:last-child{margin-right: 0px;} #service1 .box .fnan .left .xq .img .word3{font-family: Dbo; font-size: 18px; color: #333333;} #service1 .box .fnan .left .xq{border-bottom: 1px solid #dedede;padding-bottom: 55px;margin-bottom: 60px;} #service1 .box .fnan .left{padding-left: 70px; margin-right: 88px;} #service1 .box .fnan .left .pin{display: flex;} #service1 .box .fnan .left .pin .left1{width:42.382%;margin-right: 15.235%;} #service1 .box .fnan .left .pin .left1 .text1{ margin-bottom: 20px; font-family: Dbo; font-size: 30px; color: #0a63bf;} #service1 .box .fnan .left .pin .left1 .text2{margin-bottom: 20px; font-family: Reg; font-size: 16px; color: #999999;} #service1 .box .fnan .left .pin .left1 .text3{font-family: Reg; font-size: 16px; color: #999999;} #service1 .box .fnan .left .pin .right1{width:42.382%;} #service1 .box .fnan .left .pin .right1 .text1{ margin-bottom: 20px; font-family: Dbo; font-size: 30px; color: #0a63bf;} #service1 .box .fnan .left .pin .right1 .text2{margin-bottom: 20px; font-family: Reg; font-size: 16px; color: #999999;} @media (max-width:750px) { #service1 .box .fnan{flex-wrap: wrap; flex-direction:column-reverse ;} #service1 .box .fnan .left{width: 100% ;padding-left: 0 ;margin-right: 0;} #service1 .box .fnan .right{width: 100%;} } /* more */ /* #more .box{margin-bottom: 70px;} */ #more .box .box1{padding: 100px 0;} #more .box .box1 .top{margin-bottom: 125px;} #more .box .box1 .top .word{font-family: Dbo; font-size: 42px; color: #333333; } #more .box .box1 .top .word1{width: 100%; font-family: BOld;font-size: 60px; color: #fafafa; top: -62%;left: 50%; transform: translateX(-50%); z-index: -10;} #more .box .box1 .box2{display: flex;text-align: center;} #more .box .box1 .box2 .hz{ width: calc((100% - 166px)/3 );margin-right: 5.928%;} #more .box .box1 .box2 .hz:last-child{margin-right: 0;} #more .box .box1 .box2 .hz .box3{margin-bottom: 40px;} #more .box .box1 .box2 .hz .word{font-family: Reg; font-size: 24px; color: #333333;} #more .box .box1 .box2 .hz .word1{font-family: Reg; font-size: 14px; color: #999999;} @media (max-width: 750px){ #more .box .box1 .top{margin-bottom: 60px;} #more .box .box1 .box2{flex-wrap: wrap; justify-content: center;} #more .box .box1 .box2 .hz{width: 30%; margin: 0 0 0; margin-right: 3.928%;} #more .box .box1 .box2 .hz .word{font-size: 30px;} #more .box .box1 .box2 .hz .word1{font-size: 26px;} } /* contact */ #contact .box{} #contact .box .nox {left: 14%; top: 35%;} #contact .box .nox .word{margin-bottom: 110px;} #contact .box .nox .word .bun{margin-bottom: 15px;} #contact .box .nox .word .text{font-family: Reg; font-size: 14px; color: #999999;} #contact .box .nox .word .text1{color: #333333; font-size: 48px;font-family: Reg;} #contact .box .nox .bos .bos1{width: 150px; height: 50px; border: 1px solid #cccccc; background-color: #ffffff;line-height: 50px; font-family: Reg;border-radius: 10px;font-size: 16px;margin-right: 10px;cursor: pointer;} #contact .box .nox .bos .bos1:hover{background-color: #0a63bf; color: #ffffff;} #contact .box .nox .bos{text-align: center;} /* meijiate */ #meijiate .box{display: flex; align-items: center;margin-bottom: 90px;} #meijiate .box .left{width: 50%;} #meijiate .box .left .left1{height: 486px;} #meijiate .box .left .left1 .map_part {width: 100%;height: 100%;} #meijiate .box .right{width: 50%; padding: 0 4.687%; /*padding-right: 13.541%;*/} #meijiate .box .right .word{/*padding-top: 110px;*/ margin-bottom: 50px; font-family: Dbo; font-size: 42px; color: #2172c5;} #meijiate .box .right .word1{margin-bottom: 35px; padding-bottom: 35px; display: flex;border-bottom: 1px solid #dedede;} #meijiate .box .right .word1 .left1 .iphone{margin-bottom: 10px; font-family: Dbo; font-size: 16px; color: #999999;} #meijiate .box .right .word1 .left1 .suzi{font-family: Reg; font-size: 16px; color: #333333;} #meijiate .box .right .word1 .left1{border-right: 1px solid #dedede;padding-right: 60px; margin-right: 70px;} #meijiate .box .right .word1 .right1 .email{margin-bottom: 10px; font-family: Dbo; font-size: 16px; color: #999999;} #meijiate .box .right .word1 .right1 .yx{font-family: Reg; font-size: 16px; color: #333333;} #meijiate .box .right .word2 .address{margin-bottom: 15px; font-family: Dbo; font-size: 16px; color: #999999;} #meijiate .box .right .word2 .sz{color: #333333; font-size: 16px; font-family: Reg;} @media screen and (max-width: 1280px){ #meijiate .box .right{padding: 0 4.68%;} } @media screen and (max-width:1024px){ #meijiate .box{flex-wrap: wrap;} #meijiate .box .left{width: 100%;} #meijiate .box .right{width: 100%;padding: 40px 4.687%;} #meijiate .box .right .word{text-align: center;} #meijiate .box .right .word1 .left1{width: 50%;} #meijiate .box .right .word1 .right1{width: 50%;} } @media screen and (max-width:750px){ .BMap_bubble_content, #meijiate .box .right .word1 .left1 .iphone, #meijiate .box .right .word1 .left1 .suzi, #meijiate .box .right .word1 .right1 .email, #meijiate .box .right .word1 .right1 .yx, #meijiate .box .right .word2 .address, #meijiate .box .right .word2 .sz{font-size: 26px;} #meijiate .box {margin: 60px 0;} #meijiate .box .right{padding: 40px 50px;} } /* message */ #message .box {padding: 100px 0;} #message .box .top{margin-bottom: 125px;} #message .box .top .word{font-family: Dbo; font-size: 42px; color: #333333; } #message .box .top .word1{width: 100%;opacity: 0.05; text-transform: uppercase; font-family: BOld;font-size: 60px; color: #000000; top: -62%;left: 50%; transform: translateX(-50%); z-index: 0;} #message .box .buttom .box2 .box1:last-child{margin-right: 0;} #message .box .buttom .box2 .box1{margin-right: 40px; padding: 0 20px; line-height: 60px; width: 31.429%; height: 60px; border: 1px solid #dedede; display: flex; align-items: center; border-radius: 5px;} #message .box .buttom .box3 .liuyan:hover, #message .box .buttom .box2 .box1:hover{border-color: #2172c5;} #message .box .buttom .box2 .box1 .name{width: 13.91%; font-family: Reg; font-size: 16px; color: #333333;} #message .box .buttom .box2 .box1 input{width: calc(100% - 13.91%);font-size: 16px; } #message .box .buttom .box2{display: flex; margin-bottom: 30px;} #message .box .buttom .box3{margin-bottom: 40px;} #message .box .buttom .box3 .liuyan{height: 300px; display: flex; padding: 20px; border-radius: 10px; border: 1px solid #dedede;} #message .box .buttom .box3 .liuyan .ly{display: inline-block;font-family: Reg; font-size: 16px; color: #333333;} #message .box .buttom .box3 .liuyan textarea{width: calc(100% - 70px);height: 100%;font-size: 16px; line-height: 22px;} #message .box .buttom .box4 input[type='submit']{margin: 0 auto; cursor: pointer; width: 440px; height: 60px;background: #2172c5; color: #ffffff; font-family: Reg; font-size: 16px; text-align: center; line-height: 60px;} @media screen and (max-width: 1280px) { #message .box .buttom .box2 .box1 .name{width: 17%;} #message .box .top{margin-bottom: 100px;} } @media screen and (max-width: 1024px) { #message .box .buttom .box2 .box1 .name{width: 24%;} } @media (max-width:750px){ #message .box .buttom .box2{flex-wrap: wrap;} #message .box .buttom .box2 .box1{width: 100%; margin-right: 0; margin-top: 30px;} #message .box .buttom .box2 .box1:first-child{margin-top: 0;} #message .box .buttom .box2 .box1 .name{width: 13%;font-size: 26px;} #message .box .buttom .box2 .box1 input, #message .box .buttom .box3 .liuyan textarea, #message .box .buttom .box3 .liuyan .ly{font-size: 26px;} #message .box .buttom .box3{margin-bottom: 30px;} #message .box .buttom .box3 .liuyan textarea{width: calc(100% - 112px); line-height: 32px;} #message .box .buttom .box4 input[type='submit']{width: 100%; font-size: 26px; } } /* solve */ #electronics .csgo{display: none;z-index: 3; position: fixed; top: 50%; left: 0%; transform: translateY(-50%); cursor: pointer; background: #0a63bf;color: #ffffff; width: 40px; height: 150px; padding: 0 10px;font-size: 18px; text-align: center; align-items: center; border-radius: 5px;} #electronics .you{top: 90px; left: 11%; z-index: 5;} #electronics .you .list{} #electronics .you .close{display: none;} #electronics .you .list .box1{width: 100px; border-radius: 10px;color: #333333;border: 1px solid #dedede; text-align: center;margin-bottom: 10px; padding: 10px 0;} #electronics .you .list .box1.cur, #electronics .you .list .box1:hover{background:#0a63bf;color: #ffffff;} #electronics .box .box2{display: flex;} #electronics .box .box2 .left{width: 36.46%;padding-top: 90px;border-right: 1px solid #dedede;position: relative;} #electronics .box .box2 .left .left-in{width: 50%; padding-right: 7.45%;} /* #electronics .box .box2 .left::after{content: ''; position: absolute;width: 100%;height: 1px; top: -100%; background: red;} */ #electronics .box .box2 .left .word{margin-bottom: 50px; font-family: Reg; font-size: 36px; color: #333333;} #electronics .box .box2 .left .word1{margin-bottom: 25px; font-family: Reg;font-size: 16px;color: #666666;} #electronics .box .box2 .left .word2{margin-bottom: 50px; font-family: Reg;font-size: 16px;color: #666666;} #electronics .box .box2 .left .btn{width: 150px; height: 50px; text-align: center; line-height: 50px; background: #0a63bf; color: #ffffff; font-family: Reg; font-size: 16px; border-radius: 10px;} #electronics .box .box2 .right{width: calc(100% - 36.46%); padding-top: 90px;} #electronics .box .box2 .right .in{width: 80.03%; padding-left: 5.4%;} #electronics .box .box2 .right .ying .text{margin-bottom: 20px; font-family: Dbo; font-size: 24px; color: #333333;} #electronics .box .box2 .right .ying .text1{margin-bottom: 20px; font-family: Reg; font-size: 16px; color: #666666;} #electronics .box .box2 .right .title{border-bottom: 1px solid #dedede; padding-bottom:100px;position: relative;} #electronics .box .box2 .right .title::after{content: '';position: absolute;width: 100%;height: 1px;bottom: -1px;right: -100%;background: #dedede;} #electronics .box .box2 .right .ying .img{border-bottom: 1px solid #dedede;padding-bottom: 40px; margin-bottom: 40px;} #electronics .box .box2 .right .ying:nth-child(4) .img{border-bottom: 0;} #electronics .box .box2 .right .box3{display: flex; border-bottom: 1px solid #dedede; padding-bottom: 35px;margin-bottom: 35px;} #electronics .box .box2 .right .box3 .img1{width: 50%;} #electronics .box .box2 .right .box3 .qun{width: 50%; padding-left: 10px;} #electronics .box .box2 .right .box3 .qun .text2{font-size: 24px; color: #333333; font-family: Dbo;margin-bottom: 15px;} #electronics .box .box2 .right .box3 .qun .text3{font-size: 16px; color: #666666; font-family: Reg;} #electronics .box .box2 .right .buttom {margin-top: 100px; padding: 75px 0 75px 5.4%; border-top: 1px solid #dedede;} #electronics .box .box2 .right .buttom .btn{font-family: Reg; font-size: 16px; color: #999;} #electronics .box .box2 .right .buttom .btn .tit{margin-left: 30px;width: 90%;} #electronics .box .box2 .right .buttom .btn.prev{margin-bottom: 20px; } #electronics .box .box2 .right .buttom .btn:hover{color: #2172c5; font-weight: bold;} @media (max-width: 1680px) { #electronics .box .box2 .right .buttom .btn .tit{width: 86%;} } @media (max-width:1440px) { #electronics .you{left: 2%;} #electronics .box .box2 .left {width: 31.642%; padding: 6.617% 1.411% 0 2.044%;} #electronics .box .box2 .left .left-in{width: 70%;} #electronics .box .box2 .right{width: calc(100% - 31.642%);} #electronics .box .box2 .right .in{width: 88%;} } @media screen and (max-width: 1280px) { #electronics .box .box2 .left .left-in{padding: 0;} } @media screen and (max-width: 1200px) { #electronics .box .box2 .left{width: 37%;} #electronics .box .box2 .left .left-in{width: 64%;} #electronics .box .box2 .right{width: 70%;} #electronics .box .box2 .right .in{width: 95%;} } @media screen and (max-width:1024px) { #electronics .csgo{display: flex;} #electronics .you{ transition: all 0.3s ease;width: 100%; height: 100%; position: fixed; top: 0; left: -100%; background: #fff; z-index: 20;} #electronics .you.open{left: 0;} #electronics .you .close{display: flex; justify-content: end; margin: 20px; cursor: pointer;} #electronics .you .list .box1{width: 100%; font-size: 16px; border-top: 0; margin-bottom: 0; border-radius: 0;} #electronics .you .list .box1:first-child{border-top: 1px solid #dedede;} #electronics .box .box2{width: 100%; flex-direction: column;} #electronics .box .box2 .left{width: 100%; padding: 0;} #electronics .box .box2 .left::after{display: none;} #electronics .box .box2 .left .left-in{width: 85%; float: inherit; margin: 0 auto; border-bottom: 1px solid #dedede; padding: 50px 0;} #electronics .box .box2 .right{width: 100%;} #electronics .box .box2 .right .in{width: 85%; margin: 0 auto; padding: 0;} #electronics .box .box2 .right .buttom{padding-left: 0;} } @media screen and (max-width: 750px) { #electronics .csgo{font-size: 24px; width: 50px; height: 200px;} #electronics .box .box2 .left .word1{font-size: 26px; line-height: 1.8;} #electronics .box .box2 .left .btn{display: inline-block;width: auto; height: auto; line-height: inherit; font-size: 24px ;padding: 20px 60px;} #electronics .box .box2 .right .buttom .btn{font-size: 26px;} #electronics .box .box2 .right .buttom .btn .tit{width: 78%;} #electronics .you .list .box1{font-size: 24px;} } /* gala */ #gala{background: #fafafa;} #gala .box{padding: 100px 0 150px;} #gala .box .top{margin-bottom: 85px;} #gala .box .top .word{font-family: Dbo; font-size: 35px; color: #333333; } #gala .box .top .word1{text-transform: uppercase; opacity: 0.05; font-family: BOld;font-size: 50px; color: #000000; top: -62%;left: 50%; transform: translateX(-50%); z-index: 0; width: 100%;} #gala .box .container{overflow: visible; width: 83.088%;} #gala .box .container .qun{width: 100%;display: flex; margin-right: 120px;} #gala .box .container .qun .img{ width: 46.017%;margin-right: 4.044%;} #gala .box .container .qun .word{width: 46.017%; } #gala .box .container .qun .word .text{ font-family: Dbo; font-size: 36px; color: #2375c6; margin-bottom: 40px;} #gala .box .container .qun .word .text1{font-family: Reg; font-size: 16px; color: #333333; max-height: calc(30px * 4); overflow: hidden;} #gala .box .container .qun .word .price{ margin-top: 10px; font-size: 16px; color: #2375c6;} #gala .box .container .swiper-pagination {bottom: -80px;} #gala .box .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0a63bf;} #gala .box .btn{user-select:none; cursor: pointer; top: 50%; transform: translateY(-50%); width: 57px; height: 57px; background: #ffffff;box-shadow: 0px 10px 13px 0px rgba(51, 51, 51, 0.15);border-radius: 50%; z-index: 5;} #gala .box .btn:hover{background: #0a63bf; box-shadow: 0px 10px 13px 0px rgba(10, 99, 191, 0.15);} #gala .box .btn .i1{display: inline-block;} #gala .box .btn .i2{display: none;} #gala .box .btn:hover .i1{display: none;} #gala .box .btn:hover .i2{display: inline-block;} #gala .box .dayu{left: 0;} #gala .box .xiaoyu{right: 0;} @media (max-width:750px) { #gala .box .container .qun{flex-wrap: wrap;} #gala .box .container .qun .img{width: 100%;} #gala .box .container .qun .word{width: 100%;} #gala .box .container .dayu{left: -2%;} #gala .box .container .xiaoyu{right: 0%;} #gala .box .container{width: 80%;} #gala .box .container .qun .word .text1{font-size: 26px; line-height: 40px; max-height: calc(40px * 4);} #gala .box .container .qun .word .price{ font-size: 34px;} #gala .box .btn{width: 80px; height: 80px;} #gala .box .btn img{zoom: 1.3;} } /* recruitment */ #lianxi{margin-top: 100px;} #lianxi .box .box1{margin-bottom: 100px;} #lianxi .box .box1 .word{display: flex;margin-bottom: 10px; } #lianxi .box .box1 .word .text{width: 18.571%;background: #0a63bf; font-family: Reg; color: #ffffff; padding: 20px 40px; font-size: 16px;} #lianxi .box .list .li{margin-bottom: 10px;} #lianxi .box .box1 .word1{ border: 1px solid #dedede;display: flex; align-items: center;} #lianxi .box .box1 .word1 .text1{width: 18.571%; font-family: Reg; color: #1a1a1a; padding: 20px 40px; font-size: 16px;} #lianxi .box .box1 .word1:last-child .text1{padding-right: 0;} #lianxi .box .box1 .word1 .time{padding-left: 40px; width: 18.571%; display: flex; align-items: center;} #lianxi .box .box1 .word1 .time .text2{font-family: Reg; font-size: 16px; color: #1a1a1a;} #lianxi .box .box1 .word1 .time .img1{margin-right: 10px;} #lianxi .box .box1 .word1 .img{width: 18.571%;padding-left: 40px;height: 16px; cursor: pointer; } #lianxi .box .box1 .word1 .img img{transform: rotate(-90deg); transition: all 0.3s ease;} #lianxi .box .list .li.open .img img{transform: rotate(0);} /* #lianxi .box .box1 .word1 .img{width: 16px; } */ /* #lianxi .box .box1 .word1 .img img:nth-child(1){display: inline-block;} #lianxi .box .box1 .word1 .img img:nth-child(2){display: none;} #lianxi .box .box1 .word1.open .img img:nth-child(1){display: none;} #lianxi .box .box1 .word1.open .img img:nth-child(2){display: inline-block;} */ #lianxi .box .box1 .qun{height: 0; overflow: hidden;} #lianxi .box .box1 .qun .two{border-left: 1px solid #dedede;border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; padding-bottom: 80px;} #lianxi .box .box1 .qun.open .word1{background: #dedede;} #lianxi .box .box1 .qun .bos{padding: 3.214% 2.857% 0;} #lianxi .box .box1 .qun .bos .wod{font-family: Reg;font-size: 18px; color: #1a1a1a;margin-bottom: 25px;} #lianxi .box .box1 .qun .bos .wod2{font-family: Reg;font-size: 16px; color: #1a1a1a;} #lianxi .box .box1 .qun .buttom{border-radius: 10px; bottom:20%; right: 5%;width: 180px; height: 65px; background: #0a63bf;line-height: 65px; text-align: center; font-family: Reg; color: #ffffff; font-size: 16px;} @media screen and (max-width: 1200px){ #lianxi .box .box1 .word1 .time{padding-left: 29px;} } @media screen and (max-width:750px){ #lianxi .box .box1 .word .text:nth-child(3), #lianxi .box .box1 .word1 .text1:nth-child(3), #lianxi .box .box1 .word .text:nth-child(5){display: none;} #lianxi .box .box1 .word .text, #lianxi .box .box1 .word1 .text1{padding: 20px 25px;width: 27.571%; font-size: 24px;} #lianxi .box .box1 .word1 .time{display: none;} #lianxi .box .box1 .qun .buttom{bottom: 4%;right: 3%; font-size: 24px;} #lianxi .box .box1 .word1 .img img{zoom: 1.5;} } #searchouter .in .submit{transition: all 0.3s ease;} #searchouter .in .submit:hover{transform: scale(1.2);} #isIE{width: 100%; height: 100%; top: 0; left: 0; z-index: 30;} #isIE .back{width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3;} #isIE .cont{width: 400px; height: 200px; background: #fff; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; padding: 30px 20px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: #333; } #jextalert[s='B'] .at-contents {display: flex;align-items: center;justify-content: center;} /* 是否使用cookie弹窗 */ #cookie_pup {position: fixed;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.5);z-index: 100;display: none;} #cookie_pup .content {background: #fff;border: 1px solid;padding: 20px 26px;box-shadow: 0 -1px 10px 0 #acabab4d;border-radius: 6px;position: absolute;width: 400px;top: 50%;left: 50%;transform: translate(-50%,-50%);} #cookie_pup .content .title {color: #212121;font-weight: 700;font-size: 18px;line-height: 24px;margin: 0 0 12px 0;word-break: break-word;} #cookie_pup .content .brief {color: #212121;font-size: 14px;line-height: 24px;font-weight: 400;margin: 8px 0;} #cookie_pup .content .btn_box {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;gap: 8px;margin-top: 16px;} #cookie_pup .content .btn_box .btn { flex: auto;max-width: 100%;font-size: 14px;font-family: inherit;line-height: 24px;padding: 8px;font-weight: 500;border-radius: 2px;cursor: pointer;text-align: center;text-transform: none;min-height: 0;color: #1863DC;border-color: #1863DC;background-color: transparent;border: 1px solid #1863DC;box-sizing: border-box;} #cookie_pup .content .btn_box .btn.accept {background: #1863dc;color: #fff;border: 2px solid #1863dc;} @media screen and (max-width:750px) { #cookie_pup .content {width: 600px;padding: 30px;} #cookie_pup .content .title {font-size: 36px;line-height: 1.6;} #cookie_pup .content .brief {font-size: 30px;line-height: 1.6;} #cookie_pup .content .btn_box {display: block;} #cookie_pup .content .btn_box .btn {margin-top: 30px;line-height: 60px;font-size: 26px;} #cookie_pup .content .btn_box .btn:first-child {margin-top: 0;} }