:root{ --main: #de0010; } @font-face{ font-family:"GB";; src: url("./gilroy-bold-4.otf") format("opentype"); } @font-face{ font-family:"GM"; src: url("./Gilroy-Medium-2.otf") format("opentype"); } @font-face{ font-family:"GR"; src: url("./gilroy-regular-3.otf") format("opentype"); } *{font-family:思源黑体 CN Regular,Microsoft YaHei,Arial,Source Han Sans Regular,MiSans,PingFangSC-Regular;} @-webkit-keyframes warn_map{ 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_map{ 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);} } #header {position: fixed;z-index: 20;left: 0;width: 100%;top:0; /*transition: all .5s ease-in;*/ background: rgba(255,255,255,0.85); height:110px;} /* #header.cur, #header:hover, #header.w-head{background: #fff;} */ #header .left{width: 14.44%;} #header .left .logo{width: 180px; height: 53px;} #header .left .shares{margin-left: 1.33%; font-size: 14px; color: #666666; line-height: 18px;} #header .left .shares .p1{padding-top: 9px;} #header .left .shares .p2{letter-spacing: 1px;} #header .point {width: 57%;position: relative;} #header .point .dd {margin-right: 2.778%;} #header .point .dd:nth-child(9){margin-right: 0;} #header .point .dd .li{display: block;font-size: 18px; color: #333; line-height: 110px; display: flex; justify-content: center; align-items: center; transition: all .5s ease-in; /*line-height: 50px;*/} #header .point .dd.on .li, #header .point .dd:hover .li{color: var(--main);font-weight: bold;} #header .point .line1{/*width: 32px;*/height: 4px; bottom: 0;left: 0;background: var(--main); z-index: 2; pointer-events: none;} #header .point .dd .menu {width: 100%; height: 0; background: rgba(255,255,255,0.9); left: 0; top: 110px; box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, .05); overflow: hidden;} #header .point .dd .menu .two{align-items: flex-start;} #header .point .dd .menu .mm {padding: 35px 0; display: block; font-size: 18px; color: #737373; line-height: 100px; text-align: center; margin-right: 4.286%;} #header .point .dd .menu .mm:hover {color: var(--main);} /* 页面滚动，导航收起，高度变小 */ #header.cur , #header.none{height: 80px; } #header.cur .point .line1, #header.none .point .line1{bottom: -15px;} /* #header.cur .point .dd .li, #header.none .point .dd .li #header.cur .point .dd .menu{line-height: 80px;} */ #header.cur .point .dd .menu, #header.none .point .dd .menu{top: 80px;} #header .point .dd .menu .pro-two{padding: 90px 0 98px;} #header .point .dd .menu .pro-two .cate-one{width: 100%; margin-bottom: 80px;} #header .point .dd .menu .pro-two .cate-one .li{font-size: 18px; color: #333; height: auto; line-height: 48px; /*border-bottom: 2px solid transparent;*/ margin-right: 4.429%; font-weight: inherit;} #header .point .dd .menu .pro-two .cate-one .li.cur{color: var(--main); /*border-color: var(--main);font-weight: bold;*/ } #header .point .dd .menu .pro-two .cate-one .li:hover{color: var(--main);} #header .point .dd .menu .pro-two .content{height: 360px; overflow: hidden;} #header .point .dd .menu .pro-two .content .list{height: 100%; overflow: hidden;} #header .point .dd .menu .pro-two .content .list .brand{width: 13.643%; overflow-y: auto;} #header .point .dd .menu .pro-two .content .list .brand .li{width: 100%; font-size: 18px; color: #333; height: auto; line-height: 1; /*border-bottom: 1px solid #d9d9d9;*/ padding-bottom: 25px; margin-bottom: 25px; display: block; font-weight: inherit;} #header .point .dd .menu .pro-two .content .list .brand .li:last-child{margin-bottom: 0; padding-bottom: 0;} #header .point .dd .menu .pro-two .content .list .brand .li.cur, #header .point .dd .menu .pro-two .content .list .brand .li:hover{color: var(--main);} #header .point .dd .menu .pro-two .content .list .cate-pic{width: 82.21%;} #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list{width: 19.72%;overflow-y: auto; } #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list .li{width: 100%; font-size: 18px; color: #333; height: inherit; line-height: inherit; padding-bottom: 20px; margin-bottom: 20px; display: block; font-weight: inherit; transition: inherit;} #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list .li.r-txt {font-size: 30px; font-weight: bold;} #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list .li:last-child{margin-bottom: 0;}s /* #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list .li.cur, */ #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list .li:hover{color: var(--main);/* font-size: 18px; border-bottom: 1px solid var(--main); */} #header .point .dd .menu .pro-two .content .list .cate-pic .nav .pic{width: 77.625%; height: 100%;} #header .point .dd .menu .pro-two .content .list .brand::-webkit-scrollbar, #header .point .dd .menu .pro-two .content .list .cate-pic .nav .name-list::-webkit-scrollbar {width: 1px;} #header .head .icon{width: 16.056%; height: 110px; } #header .head .icon .btn{width: 45px; height: 45px; border-radius: 50%;} #header .head .icon .sear{background: #989898; margin-right: 8.11%;} #header .head .icon .sear .pc-search{width: 100%; display: inline-block;} #header .head .icon .sear .mb-search{width: 100%; display: none;} #header .head .icon .shop{background: var(--main); margin-right: 7.44%;} #header .head .icon .lang {margin-right: 7%; height: 100%; line-height: 110px;} #header .head .icon .lang .top .txt{font-size: 16px; color: #373737; margin-right: 5px; display: flex; justify-content: center; align-items: center;} #header .head .icon .lang .two{height: 0; overflow: hidden; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; background: #fff; border-radius: 10px; font-size: 16px; line-height: 40px;} #header .head .icon .language{font-size: 16px; color: #333; line-height: 40px;} #header .head .icon .language .top .txt{font-size: 16px; color: #373737; margin-right: 5px; display: flex; justify-content: center; align-items: center;} #header .head .icon .language .two{height: 0; overflow: hidden; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; background: #fff; border-radius: 5px; font-size: 16px; line-height: 40px;} #header .head .icon .lang .txt:hover, #header .head .icon .language .txt:hover{color: var(--main);} #header.cur .head .icon .lang .top .txt, #header.none .head .icon .lang .top .txt, #header.cur .head .icon, #header.none .head .icon, #heade.cur .head .icon .lang .top .txt, #heade.none .head .icon .lang .top .txt, #header.cur .head .icon .language .top .txt, #header.none .head .icon .language .top .txt, #heade.cur .head .icon .language .top .txt, #heade.none .head .icon .language .top .txt, #header.cur .head .icon .lang, #header.none .head .icon .lang{height: 80px; line-height: 80px} /* 移动端按钮 */ #header .mb-btn, #m-nav, #m-header, #search-box, .m-header-blank{display: none;} /* 全球站点 */ #site-list{width: 100%; height: 0; background: rgba(255,255,255,0.9); left: 0; top: 110px; box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, .05); overflow: hidden;} #header.cur #site-list, #header.none #site-list{top: 80px; } #site-list .two-box{overflow-x: auto; position: relative;} #site-list .jt{ position: absolute; bottom: 30px; left: 50%; z-index: 1; transform: translateX(-50%); animation: moveRight 1.5s ease-out .1s infinite;} #site-list .jt .svg{width: 32px; height: 32px; fill: #999;} #site-list .jt:hover .svg{fill: var(--main);} #site-list .two-box .content{ width: max-content; overflow-x: auto; padding: 106px 0 106px 80px;} #site-list .two-box .content .item{ margin-right: 135px;} #site-list .two-box .content .item:last-child{margin-right: 0;} #site-list .two-box .content .item .title{margin-bottom: 22px; font-size: 18px; color: #333; font-weight: bold; line-height: 28px;} #site-list .two-box .content .item .ul{width: 160px;} #site-list .two-box .content .item .ul .li{margin-bottom: 21px;font-size: 18px; color: #666; line-height: 27px;} #site-list .two-box .content .item .ul .li:hover{font-size: 24px; font-weight: bold; color: var(--main);} #site-list .two-box .content .item:first-child{width: 365px;} #site-list .two-box .content .item:first-child .ul{width: 100%;} #site-list .two-box .content .item.more{width: 550px;} #site-list .two-box .content .item.more .ul{width: 100%; display: flex; justify-content: space-between;} #site-list .two-box .content .item.more .ul .si-li{width: 23.636%;} @keyframes moveRight { 0% {transform: translateX(-50%);} 50% {transform: translateX(-80%);} 100% {transform: translateX(-50%);} } @media (max-width: 1880px) { #header .head .icon{width: 17.056%;} } @media (max-width: 1680px) { #header .left{ width: 16.44%;} #header .head .icon{width: 19.056%;} } @media (max-width: 1550px) { #header .left{ width: 17.44%;} #header .head .icon{width: 20.056%;} } @media (max-width: 1500px) { #header .left{width: 18.44%;} #header .point{width: 59%;} #header .head .icon{width: 21%;} #header .head .icon .shop{margin-right: 10%;} } @media (max-width: 1440px) { #header .left{width: 18.44%;} #header .point{width: 58%;} #header .point .dd{margin-right: 1.178%;} #header .head .icon{width: 19.9%;} #header .head .icon .sear{margin-right: 4.11%;} #header .head .icon .shop{margin-right: 4.44%;} #site-list .two-box .content .item{margin-right: 100px;} } @media (max-width: 1366px) { #header .left{width: 19.44%;} #header .point{width: 57%;} #header .point .dd{margin-right: 1%;} #header .point .dd .li{font-size: 16px;} #header .head .icon{width: 20.9%;} #site-list .two-box .content{padding: 106px 0 106px 40px;} #site-list .two-box .content .item{margin-right: 70px;} } @media (max-width:1280px) { #header .left{width: 20.44%;} #header .head .icon .lang{margin-right: 5%;} #header .head .icon .lang .top .txt, #header .head .icon .language{font-size: 14px;} #header .point .dd .menu .mm {padding: 20px 0; font-size: 16px;} } @media (max-width: 1200px) { #header .left{width: 22.44%; } #header .head .icon .sear{margin-right: 8px;} #header .head .icon .shop{margin-right: 10px;} #header .head .icon .lang{margin-right: 1%;} } @media (max-width: 1024px) { #site-list, #header .point{display: none;} #header .left{width: 27.44%;} #header .head .icon{width: 16.5%;} #header .head .icon .lang{display: none;} #header .head .icon .sear .pc-search{display: none;} #header .head .icon .sear .mb-search{display: inline-block;} #header .head .icon .language{display: none;} #header .left .shares .p1{padding: 0;} #header .head .icon .icon-btn{margin-right: 15px;} #header .mb-btn{display: inline-block; width: 32px; zoom: 1.2;} #header .mb-btn .i1{display: inline-block;} #header .mb-btn .i2{display: none;} #header .mb-btn.cur .i1{display: none;} #header .mb-btn.cur .i2{display: inline-block;} #header{background: #fff;} #header .head, #header.cur, #header.none{height: 108px} #header .head .icon .lang .top .txt{line-height: 108px;} #header.cur .head .icon .lang .top .txt, #header.none .head .icon .lang .top .txt{height: 108px;line-height: 108px;} .m-header-blank{display: block;} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 108px;width: 100%;background: #fff;overflow-y: auto;} #m-nav.cur{height: calc(100vh - 108px);} #m-nav .nav{border-top: 1px solid #ebebeb;} #m-nav .nav .one-nav{line-height: 60px;} #m-nav .nav .one-nav .one{margin: 0 30px;border-bottom: 1px solid #ebebeb;} #m-nav .nav .one-nav .one .down{height: auto;width: 60px;} #m-nav .nav .one-nav .one .down svg{fill: #ccc;} #m-nav .nav .one-nav.cur .one .down{transform: rotate(180deg);} #m-nav .nav .one-nav .one-a{width: 50%; font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #dcdcdc;} #m-nav .nav .one-nav .two-nav .two-a{display: inline-block;width: 100%; height: 100%; font-size: 16px;} #m-nav .bot-box{margin-top: 60px;} #m-nav .bot-box .item{} #m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #333;font-size: 18px;color: #333;border-radius: 100%;margin: 0 auto;} #m-nav .bot-box .item .tit{font-size: 18px;color: #333;margin-top: 10px;} #m-nav .lang-nav{padding: 20px 0;} #m-nav .lang-nav a{line-height: 40px; font-size: 18px; color: #222; font-weight: 700;} #m-nav .lang-nav a.cur{color: var(--main);} /* 搜索框 */ #search-box{border-top: 1px solid #ebebeb; display: block;width: 100%;z-index: 50;left: 0;right: 0;top: 100px;width: 100%;background: #fff;display: none;flex-direction: column;justify-content: center;} #search-box .form-box{width: 92%;margin: 60px auto;height: 70px;border: 1px solid #d1d1d1;border-radius: 45px;} #search-box .form-box .input{width: calc(100% - 100px);padding-left: 45px;} #search-box .form-box .input input{width: 100%;height: 100%;font-size: 18px;color: #333;} #search-box .form-box .submit{width: 70px;height: 100%;background: url(/images/search-b.png) no-repeat center;} } @media (max-width: 750px) { #header.cur, #header:hover, #header.w-head{background: #fff;} #header .left{width: 44.44%;} #header .left .shares{font-size: 26px; line-height: 1.5;} #header .head .icon{width: 33%; justify-content: space-between;} #header .head .icon .btn{width: 60px; height: 60px;} #header .head .icon .btn img{transform: scale(1.5);} #header .mb-btn{width: 47px; height: 60px;; text-align: center;} #header .mb-btn img{transform: scale(1.5);} #header .head .icon .language{font-size: 26px;} #m-nav .nav .one-nav{line-height: 100px;} #m-nav .nav .one-nav .one-a{font-size: 32px;} #m-nav .nav .one-nav .one-a .down{width: 100px; height: 100px;} #m-nav .nav .one-nav .one .down img{transform: scale(1.5);} #m-nav .nav .one-nav .two-nav .two-a{font-size: 28px;} } /* banner */ #banner, #i-banner, #i-banner .container, #i-banner .container .slide, #i-banner .container .slide a{height: 100%;} #i-banner .container .slide.hide, #i-banner .container .swiper-slide.hide{display: none;} #i-banner .circle-page{width: max-content; bottom: 60px; left: auto; right: 60px;} #i-banner .circle-page .circle{position: relative;} #i-banner .circle-page .circle::before{content: ""; display: block; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #o-banner{margin-top: 110px;} @media (max-width: 1024px) { #i-banner, #o-banner{margin-top: 108px;} } /* footer */ #footer{padding: 108px 0 57px; background: #e6e6e6 url(/images/foot-pic1.png) no-repeat top 33% center;; position: relative;} #footer .nav{padding-bottom: 132px; border-bottom: 1px solid #d9d9d9;} #footer .nav .li{width: auto;} #footer .nav .li .word {margin-bottom: 29px; font-size: 20px; color: #333; font-weight: bold; line-height: 40px;} #footer .nav .li .word .down{display: none;} #footer .nav .li .two-nav .two .item{margin-bottom: 13px; font-size: 16px; color: #737373; line-height: 35px;} #footer .nav .li .two-nav .two .item:hover{color: var(--main);} #footer .nav .li .two-nav .two .item:last-child{margin-bottom: 0;} #footer .part2{margin-top: 33px;} #footer .part2 .left{width: 52.857%;} #footer .part2 .left .p1{font-size: 36px; color: var(--main); line-height: 66px; /*font-family:"GB";*/ font-weight: bold;} #footer .part2 .left .p2 .icon{width: 16px; margin-right: 12px;} #footer .part2 .left .p2 .txt{font-size: 16px; color: #737373; line-height: 39px; } #footer .part2 .right{width: 35.714%;} /* #footer .part2 .right .logo{margin-bottom: 27px;} */ #footer .part2 .right .logo{margin-bottom: 10px;} #footer .part2 .right .logo img{width: 180px; height: 53px;} #footer .part2 .right .share{margin-bottom: 10px; width: 100%; justify-content: flex-end;} #footer .part2 .right .share .btn .icon{width: 40px; height: 40px; border-radius: 50%; background: #dedede;} #footer .part2 .right .share .btn .icon:hover{background: var(--main)} #footer .part2 .right .share .weixin {margin-right: 20px;} #footer .part2 .right .share .weixin .code{display: none; position: absolute; bottom: 55px; lefT: 50%; transform: translateX( -50%); z-index: 2; width: 150px; height: 150px; background: #fff; padding: 10px;} #footer .part2 .right .share .weixin:hover .code{display: inline-block;} #footer .part2 .right .copyright, #footer .part2 .right .copyright>*{text-align: right; font-size: 16px; color: #737373; line-height: 25px;} @media (max-width: 1500px) { #footer{padding-top: 80px;} } @media (max-width: 1440px) { #footer .part2 .left{width: 56.857%;} #footer .part2 .right {width: 38.714%;} } @media (max-width: 1366px) { #footer{background-size: 86%; padding: 100px 0 57px;} #footer .nav{margin-bottom: 40px; padding-bottom: 50px;} #footer .nav .li .word{margin-bottom: 10px;} #footer .nav .li .two-nav .two .item{line-height: 25px;} #footer .part2 .right{width: 34.714%;} } @media (max-width: 1280px) { #footer .nav{padding-bottom: 40px;} #footer .part2 .left{width: 43%;} #footer .part2 .left .p2 .icon{width: 30px; height: 30px; padding-top: 10px;} #footer .part2 .left .p2 .txt{width: calc(100% - 30px);} } @media (max-width: 1024px) { #footer .nav{flex-direction: column; margin-bottom: 40px;} #footer .nav{width: 100%; flex-wrap: wrap;} #footer .nav .li{width: 100%; border-bottom: 1px solid rgba(102,102,102,0.3);} #footer .nav .li:first-child{border-top: 1px solid rgba(102,102,102,0.3);} #footer .nav .li .word{margin: 0; height: 60px; justify-content: space-between; align-items: center; line-height: 60px;} #footer .nav .li .word .down{display: block;width: 60px; height: auto;} #footer .nav .li.cur .word .down{transform: rotate(180deg);} #footer .nav .li .two-nav{height: 0; overflow: hidden;} #footer .nav .li .two-nav .two .word1{ padding: 0 20px; font-size: 16px; line-height: 60px;} #footer .nav .li .two-nav .two {padding-bottom: 20px;} #footer .nav .li .two-nav .two .word1{line-height: 45px; } #footer .part2 .left{width: 54%;} #footer .part2 .right{width: 45%;} } @media (max-width: 750px) { #footer{padding: 80px 0;} #footer .nav{margin-bottom: 0; border-bottom: 0;} #footer .nav .li .word{height: 100px; line-height: 100px; font-size: 32px;} #footer .nav .li .word .down img{transform: scale(1.5);} #footer .nav .li .two-nav .two .item{font-size: 28px; line-height: 80px;} #footer .part2{flex-direction: column; margin-top: 0;} #footer .part2 .left{width: 100%;} #footer .part2 .left .p1{font-size: 42px; line-height: 1.6;} #footer .part2 .left .p2 .icon img{transform: scale(1.3);} #footer .part2 .left .p2 .txt{font-size: 26px; line-height: 1.8;} #footer .part2 .right{width: 100%; margin-top: 40px;} #footer .part2 .right .logo{text-align: left; margin-bottom: 35px;} #footer .part2 .right .share{justify-content: flex-start; margin-bottom: 35px;} #footer .part2 .right .share .btn .icon{width: 60px; height: 60px; background: var(--main);} #footer .part2 .right .share .btn .icon img{transform: scale(1.3);} #footer .part2 .right .share .weixin .code{width: 170px; height: 170px; bottom: 65px; left: 0; transform: inherit;} #footer .part2 .right .copyright, #footer .part2 .right .copyright>*{text-align: left; font-size: 26px; line-height: 1.8;} } #top{width: 60px; height: 60px; background: var(--main); position: fixed; bottom: 0; right: 2.08%; z-index: 10;} #top:hover{opacity: 0.9;} #top img{transition: all 0.3s ease;} #top:hover img{transform: translateY(-5px);} @media (max-width: 750px) { #top{width: 80px; height: 80px;} #top img{transform: scale(1.5);} } /* 首页 */ #index_pro {padding: 113px 0 63px;} #index_pro .title{margin-bottom: 25px; font-size: 42px; color: #333; font-weight: bold; line-height: 61px; } #index_pro .title:hover{color: var(--main);} #index_pro .cate-list{margin-bottom: 40px;} #index_pro .cate-list .li{margin: 0 2.142%; width: max-content; padding-bottom: 4px; border-bottom: 3px solid transparent; font-size: 16px; color: #737373; line-height: 27px; position: relative; } #index_pro .cate-list .li::before{content: ""; display: block; width: 2px; height: 17px; background: #e9e9e9; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); } #index_pro .cate-list .li:first-child:before{display: none;} #index_pro .cate-list .li.cur{font-weight: bold; color: var(--main);border-color: var(--main);} #index_pro .content{margin-bottom: 65px;} #index_pro .content .list .li{width: 23.571%; margin-right: 1.857%;} #index_pro .content .list .li:nth-child(4n){margin-right: 0;} #index_pro .content .list .li .pic{min-height: 329px;} #index_pro .content .list .li .info{padding: 27px 8.48%;border: 1px solid #f2f2f2;} #index_pro .content .list .li .info .name{margin-bottom: 12px; line-height: 29px; font-size: 24px; color: #333; /*font-family:"GB";*/ font-weight: bold;} #index_pro .content .list .li .info .brief{font-size: 16px; color: #999; line-height: 26px; height: calc(26px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #index_pro .content .list .li:hover{box-shadow: 0 30px 30px rgba(0,0,0,0.05);} #index_pro .content .list .li:hover .info{border-color: #fff;} #index_pro .content .list .li:hover .info .name{color: var(--main);} #index_pro .content .list .li:hover .info .brief{color: #1a1a1a;} #index_pro .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #999;} #index_pro .more:hover{border-color: var(--main); background: var(--main); color: #fff;} @media (max-width: 1680px) { #index_pro{padding: 90px 0 0;} #index_pro .title{margin-bottom: 45px;} } @media (max-width: 1500px) { #index_pro{padding: 90px 0 0;} } @media (max-width: 1440px) { #index_pro .title{margin-bottom: 10px;} #index_pro .cate-list{margin-bottom: 10px;} #index_pro .content{margin-bottom: 35px;} } @media (max-width: 1366px) { #index_pro{padding: 90px 0;} } @media (max-width: 1024px) { #index_pro .title, #index_pro .cate-list{margin-bottom: 40px;} #index_pro .cate-list .li{margin: 0 1.3%;} #index_pro .cate-list .li::before{left: -14px;} } @media (max-width: 750px) { #index_pro{padding: 80px 0;} #index_pro .title{font-size: 42px; font-weight: 700; line-height: 1.6;} /* #index_pro .cate-list{justify-content: space-between;} */ #index_pro .cate-list .li{width: auto; text-align: center; font-size: 30px; line-height: 1.6; margin-right: 30px;} #index_pro .cate-list .li::before{display: none;} #index_pro .content{max-height: 1170px; overflow: hidden; } #index_pro .content .list {flex-wrap: wrap;} #index_pro .content .list .li{width: 47%; margin: 0 40px 40px 0; box-shadow: 0 30px 30px rgba(0,0,0,0.05);} #index_pro .content .list .li:nth-child(2n){margin-right: 0;} #index_pro .content .list .li .info{padding: 30px 7%;} #index_pro .content .list .li .info .name{font-size: 36px; line-height: 1.6;} #index_pro .content .list .li .info .brief{font-size: 30px; line-height: 1.6; height: calc(45px * 2);} #index_pro .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } #index_intelligence{} #index_intelligence .back{height: 100%; position: relative;} #index_intelligence .back::before{content:""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.3s ease;} #index_intelligence.swiper-slide-active .back::before{display: none;} #index_intelligence .info{height: max-content; top: 50%; transform: translateY(-50%); z-index: 3;} #index_intelligence .info .box .title{margin-bottom: 25px; font-size: 42px; color: #fff; font-weight: bold; line-height: 61px;} #index_intelligence .info .box .title:hover{color: var(--main);} #index_intelligence .info .box .brief{margin-bottom: 43px; font-size: 18px; color: #fff; line-height: 27px; min-height: calc( 27px * 3);} #index_intelligence .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #fff; font-size: 16px; color: #fff;} #index_intelligence .more:hover{border-color: var(--main); background: var(--main); color: #fff;} @media (max-width: 750px) { #index_intelligence .info .box .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_intelligence .info .box .brief{font-size: 36px; font-weight: 500; line-height: 1.6;} #index_intelligence .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } #index_solve{padding: 110px 0 0;} #index_solve .box{margin-bottom: 50px; } #index_solve .box .title{margin-bottom: 25px; font-size: 42px; color: #333; font-weight: bold; line-height: 61px;} #index_solve .box .title:hover{color: var(--main);} #index_solve .box .brief{font-size: 18px; color: #737373; line-height: 27px; } #index_solve .container{width: 100%; overflow: visible !important;} #index_solve .container .slide{width: 62.5% !important;} #index_solve .container .slide::before{content:""; display: block; position: absolute; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.7);} #index_solve .container .slide .info{ bottom: 0; left: 0; z-index: 2; opacity: 0; padding: 30px 8.33%; width: 100%; background: rgba(0,0,0,0.7);} #index_solve .container .slide .info .model{font-size: 36px; color: var(--main); line-height: 37px; /*font-family:"GB";*/ font-weight: bold;} #index_solve .container .slide .info .name{margin-bottom: 6px; font-size: 24px; color: #fff; line-height: 36px; font-weight: bold;} #index_solve .container .slide .info .brief{font-size: 16px; color: rgba(255,255,255,0.8); line-height: 28px; min-height: calc( 28px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #index_solve .container .slide.swiper-slide-active::before{display: none;} #index_solve .container .slide.swiper-slide-active .info{opacity: 1;} #index_solve .container .btn{ bottom: 80px; z-index: 5; opacity: 0.6;} #index_solve .container .btn.prev{left: 20.31%;} #index_solve .container .btn.next{right: 20.31%;} #index_solve .container .btn:hover{opacity: 1;} @media (max-width: 1680px) { #index_solve{padding: 90px 0 0;} #index_solve .box{margin-bottom: 100px; } } @media (max-width: 1500px) { #index_solve{padding: 90px 0 0;} } @media (max-width: 1440px) { #index_solve .box{margin-bottom: 60px;} } @media (max-width: 1366px) { #index_solve{padding: 100px 0 0;} #index_solve .box{margin-bottom: 74px;} } @media (max-width: 1280px) { #index_solve{padding: 130px 0 0;} } @media (max-width: 1024px) { #index_solve .container .slide{width: 85% !important;} #index_solve .container .btn.prev{left: 9%;} #index_solve .container .btn.next{right: 9%;} } @media (max-width: 750px) { #index_solve{padding: 80px 0 0;} #index_solve .box .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_solve .box .brief{font-size: 30px; font-weight: 500; line-height: 1.6;} #index_solve .container .slide{width: 100% !important;} #index_solve .container .slide .info .name{font-size: 36px; line-height: 1.6; font-weight: 500;} #index_solve .container .slide .info .brief{font-size: 30px; line-height: 1.6; font-weight:400;} #index_solve .container .btn.prev{left: 3%; opacity: 1;} #index_solve .container .btn.next{right: 3%; opacity: 1;} } #index_about{padding: 120px 0 0;} #index_about .top_box{margin-bottom: 55px; } #index_about .top_box .title{margin-bottom: 25px; font-size: 42px; color: #333; font-weight: bold; line-height: 61px;} #index_about .top_box .title:hover{color: var(--main);} #index_about .top_box .brief{font-size: 18px; color: #737373; line-height: 27px; } #index_about .main{} #index_about .main .content{height: max-content; top: inherit; bottom: 0; left: 0; z-index: 3;} #index_about .main .content .box .top .li{width: 25.071%; padding: 30px 2.85% 35px;} #index_about .main .content .box .top .li.box1{background: #fff;} #index_about .main .content .box .top .li.box2{background: var(--main);} #index_about .main .content .box .top .box1 .p1{margin-bottom: 26px; font-size: 24px; color: #333; font-weight: bold; line-height: 44px; transition: all 0.3s ease;} #index_about .main .content .box .top .box1 .p2{margin-bottom: 33px; font-size: 16px; color: #737373; line-height: 25px; height: calc(25px * 3); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical;} #index_about .main .content .box .top .li.box1 .icon{transition: all 0.3s ease;} #index_about .main .content .box .top .li.box1:hover .p1{color: var(--main);} #index_about .main .content .box .top .li.box1:hover .icon{transform: translateX(10px);} #index_about .main .content .box .top .box2 .p1 {margin-bottom: 26px; align-items: baseline;} #index_about .main .content .box .top .box2 .p1 .l1{font-size: 36px; color: #fff; /*font-family:"GM";*/ font-weight: 500;} #index_about .main .content .box .top .box2 .p1 .l1 span{font-size: 16px; color: #fff;} #index_about .main .content .box .top .box2 .p1 .l2{margin: 0 20px; font-size: 16px; color: #fff; /*font-family:"GM";*/ font-weight: 500;} #index_about .main .content .box .top .box2 .p2{ font-size: 16px; color: #fff; line-height: 25px; height: calc(25px * 1); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; line-clamp: 1; box-orient: vertical;} #index_about .main .content .box .top .box2 .p3{margin-top: 63px;} #index_about .main .content .box .top .box2 .p3 .time{font-size: 14px; color: #fff;} #index_about .main .content .box .top .box2 .icon{transition: all 0.4s ease;} #index_about .main .content .box .top .box2:hover .icon{transform: rotate(180deg);} #index_about .main .content .box .bot .box{padding: 35px 2.85% 48px;} #index_about .main .content .box .bot .box1{width: 24.857%; background: #262626; display: flex;justify-content: center;align-items: center;} #index_about .main .content .box .bot .box1 .in{position: relative;} #index_about .main .content .box .bot .box1 .in::before{content:""; display: block; width: 31px; height: 48px; position: absolute; top: -57px; left: 50%; transform: translateX(-50%); z-index: 3; background: url(/images/index/icon3.png) no-repeat center center;} #index_about .main .content .box .bot .box1 .in::after{content:""; display: block; width: 1px; height: 30px; position: absolute; bottom: -47px; left: 50%; transform: translateX(-50%); z-index: 3; background: #515151;} #index_about .main .content .box .bot .box1 .in .p1{margin-bottom: 6px; font-size: 24px; font-weight: bold; color: #fff; line-height: 36px;} #index_about .main .content .box .bot .box1 .in .p2{font-size: 16px; color: #737373; line-height: 25px;} #index_about .main .content .box .bot .box2{width: 50.143%; background: url(/images/index/pic7.jpg) no-repeat center center/cover;} #index_about .main .content .box .bot .box2 .p1{margin-bottom: 107px;font-size: 24px; color: #fff; font-weight: bold; line-height: 36px;} #index_about .main .content .box .bot .box2 .p2 .info{width: 75%; font-size: 16px; line-height: 25px; color: #fff; height: calc(25px * 3); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical;} #index_about .main .content .box .bot .box2 .p2 .jt{width: 47px;} #index_about .main .content .box .bot .box3{width: 25%; background: #f5f5f5;} #index_about .main .content .box .bot .box3 .p1{margin-bottom: 33px;font-size: 24px; color: #333; font-weight: bold; line-height: 36px;} #index_about .main .content .box .bot .box3 .p2{margin-bottom: 17px; font-size: 16px; color: #737373; line-height: 25px;} #index_about .main .content .box .bot .box1 .in .p1, #index_about .main .content .box .bot .box2, #index_about .main .content .box .bot .box2 .p1, #index_about .main .content .box .bot .box3 .p1, #index_about .main .content .box .bot .box3 .jt{transition: all 0.3s ease;} #index_about .main .content .box .bot .box1:hover .in .p1, #index_about .main .content .box .bot .box2:hover .p1, #index_about .main .content .box .bot .box3:hover .p1{color: var(--main);} #index_about .main .content .box .bot .box2:hover{background-size: 130%;} #index_about .main .content .box .bot .box3:hover .jt{transform: translateX(10px);} @media (max-width: 1680px) { #index_about{padding: 90px 0 0;} #index_about .top_box{margin-bottom: 64px; } #index_about .back{height: 630px;} #index_about .main .content .box .bot .box2 .p1{margin-bottom: 70px;} } @media (max-width: 1500px) { #index_about{padding: 90px 0 0;} #index_about .main .content .box .bot .box2 .p1{margin-bottom: 60px;} } @media (max-width: 1440px) { #index_about{padding: 81px 0 0;} #index_about .top_box{margin-bottom: 35px; } #index_about .back{height: 540px;} #index_about .main .content .box .top .li{padding: 25px 2.85%;} #index_about .main .content .box .bot .box{padding: 25px 2.85%;} } @media (max-width: 1366px) { #index_about .back{height: 540px;} #index_about .main .content .box .top .li{padding: 25px 2.85%;} #index_about .main .content .box .top .box1 .p1{margin-bottom: 15px;} #index_about .main .content .box .top .box1 .p2{margin-bottom: 20px;} #index_about .main .content .box .top .box2 .p1{margin-bottom: 15px;} #index_about .main .content .box .top .box2 .p3{margin-top: 35px;} #index_about .main .content .box .bot .box{padding: 25px 2.85%;} #index_about .main .content .box .bot .box2 .p1{margin-bottom: 45px;} } @media (max-width: 1024px) { #index_about{padding: 90px 0 0;} #index_about .back{height: 550px;} } @media (max-width: 750px) { #index_about{padding: 80px 0 00;} #index_about .top_box .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #index_about .top_box .brief{font-size: 30px; font-weight: 500; line-height: 1.6;} #index_about .back{display: none;} #index_about .main .content{position: inherit; bottom: inherit; left: inherit; right: inherit;} #index_about .main .content .box .top{flex-wrap: wrap;} #index_about .main .content .box .top .li{width: 100%; padding: 80px 30px;} #index_about .main .content .box .top .box1{border: 1px solid #dedede;} #index_about .main .content .box .top .box1 .p1{font-size: 36px; line-height: 1.6;} #index_about .main .content .box .top .box1 .p2{font-size: 30px; line-height: 1.6; height: calc(50px * 3);} #index_about .main .content .box .top .box2 .p1 .l1{font-size: 40px;} #index_about .main .content .box .top .box2 .p1 .l1 span, #index_about .main .content .box .top .box2 .p1 .l2{font-size: 26px;} #index_about .main .content .box .top .box2 .p2{font-size: 26px; line-height: 1.6; height: calc(50px * 1)} #index_about .main .content .box .top .box2 .p3{align-items: center;} #index_about .main .content .box .top .box2 .p3 .time{font-size: 26px;} #index_about .main .content .box .bot{flex-wrap: wrap;} #index_about .main .content .box .bot .box{width: 100%; padding: 80px 30px;} #index_about .main .content .box .bot .box1{padding: 115px 0;} #index_about .main .content .box .bot .box1 .in .p1, #index_about .main .content .box .bot .box2 .p1, #index_about .main .content .box .bot .box3 .p1{font-size: 36px; line-height: 1.6; font-weight: 500;} #index_about .main .content .box .bot .box1 .in .p2, #index_about .main .content .box .bot .box2 .p2 .info, #index_about .main .content .box .bot .box3 .p2{font-size: 30px; line-height: 1.6;} #index_about .main .content .box .bot .box2 .p2{align-items: flex-end;} #index_about .main .content .box .bot .box2 .p2 .info{height: calc( 50px * 4); -webkit-line-clamp: 4;} } #index_news{padding: 120px 0 0;} #index_news .box .title{margin-bottom: 25px; font-size: 42px; color: rgb(46, 19, 19); font-weight: bold; line-height: 61px;} #index_news .box .title:hover{color: var(--main);} #index_news .box .brief{margin-bottom: 60px; font-size: 18px; color: #737373; line-height: 27px; } #index_news .list{margin-bottom: 50px; border-top: 1px solid #e6e6e6;} #index_news .list .li{padding: 23px 0; border-bottom: 1px solid #e6e6e6;} #index_news .list .li .left{width: 11.67%;} #index_news .list .li .left .day{margin-bottom: 7px; font-size: 58px; color: #ccc; /*font-family:"GB";*/ font-weight: bold;} #index_news .list .li .left .year{line-height: 21px; font-size: 16px; color: #ccc; /*font-family:"GB";*/ font-weight: bold;} #index_news .list .li .cen{width: 63.67%;} #index_news .list .li .cen .name{margin-bottom: 5px; font-size: 22px; color: #333; line-height: 38px; height: 38px; overflow: hidden; font-weight: bold;} #index_news .list .li .cen .brief{font-size: 16px; color: #999; line-height: 27px; height: 27px; overflow: hidden;} #index_news .list .li .right{width: 14.167%; height: 112px;} #index_news .list .li:hover{border-color: #333333;} #index_news .list .li:hover .day, #index_news .list .li:hover .year, #index_news .list .li:hover .cen .name{ color: var(--main);} #index_news .list .li:hover .cen .brief{color: #1a1a1a;} #index_news .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #999;} #index_news .more:hover{border-color: var(--main); background: var(--main); color: #fff;} @media (max-width: 1680px) { #index_news{padding: 90px 0 0;} } @media (max-width:1500px) { #index_news{padding: 90px 0 0;} } @media (max-width: 1440px) { #index_news{padding: 90px 0;} #index_news .box .title{margin-bottom: 10px;} #index_news .box .brief{margin-bottom: 15px;} #index_news .list{margin-bottom: 20px;} } @media (max-width: 1366px) { #index_news{padding: 90px 0;} #index_news .box .brief{margin-bottom: 25px;} #index_news .list{margin-bottom: 40px;} #index_news .list .li{padding: 15px 0;} #index_news .list .li .right{width: 18.167%; height: 120px;} } @media (max-width: 1024px) { #index_news{padding: 105px 0;} #index_news .box .title{margin-bottom: 5px;} } @media (max-width: 750px) { #index_news{padding: 80px 0;} #index_news .box .title{font-size: 42px; font-weight: 700; line-height: 1.6; margin-bottom: 30px;} #index_news .box .brief{font-size: 30px; font-weight: 500; line-height: 1.6;} #index_news .list{margin-bottom: 40px;border-color: #333333;} #index_news .list .li {flex-wrap: wrap;border-color: #333333; padding: 30px 0;} #index_news .list .li .left{width: 22%;} #index_news .list .li .left .year{font-size: 30px; line-height: 1.6;} #index_news .list .li .cen{width: 75%;} #index_news .list .li .cen .name{font-size: 36px; line-height: 1.6; height: 52px;} #index_news .list .li .cen .brief{font-size: 30px; line-height: 1.6; height: 48px; } #index_news .list .li .right{margin-top: 40px; width: 100%; height: auto;} #index_news .list .li{} #index_news .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } #right_list{height: max-content; position: fixed; top: inherit !important; right: inherit !important; bottom: 69px; left: 3.33%; z-index: 5; } #right_list .slide .item{position: relative; margin-bottom: 32px;} #right_list .slide .item::before{content:""; display: block; width: 1px; height: 26px; background: #d5d5d5; position: absolute; bottom: -30px; left: 7px; z-index: 5;} #right_list .slide:last-child .item{margin-bottom: 0;} #right_list .slide:last-child .item::before{display: none;} #right_list .slide .item .icon{ margin-right: 18px; width: 17px; height: 17px; border-radius:50%; border: 1px solid transparent; text-align: center; display: flex; justify-content: center; align-items: center;} #right_list .slide .item .icon span{display: block;width: 7px; height: 7px; border-radius: 50%; background: #747474;} #right_list .slide .item .txt{font-size: 16px; color: #737373;} #right_list.color_w .slide .item::before{background: #fff;} #right_list.color_w .slide .item .icon span{background: #fff} #right_list.color_w .slide .item .txt{color: #fff; transition: all 0.3s ease;} #right_list .slide.swiper-slide-thumb-active .item .icon{border-color: var(--main);} #right_list .slide.swiper-slide-thumb-active .item .icon span{background: var(--main);} #right_list .slide.swiper-slide-thumb-active .item .txt, #right_list .slide:hover .item .txt{color: var(--main);} #right_list .slide:hover .item .icon span{background: var(--main);} @media (max-width: 1680px) { #right_list{left: 1.33%;} } @media (max-width: 1400px) { #right_list{display: none;} } @media (max-width: 1366px) { #right_list .slide .item .txt{display: none;} } @media (max-width: 1024px) { #right_list{display: none;} } /* 面包屑 */ #crumbs{font-size:16px; color:#1a1a1a; padding: 26px 0;} #crumbs .home{height: 15px; padding-right: 16px;} #crumbs .select-box{width: 190px;background: url(/images/pro-icon1.png) no-repeat center right 20px #fff; position: relative;} #crumbs .select-box.box1::before{content:"";display: block;width: 1px; height: 13px; background: #e5e5e5;position: absolute;top: 50%; left: 0; transform: translateY(-50%);} #crumbs .select-box.box1::after{content:"";display: block;width: 1px; height: 13px; background: #e5e5e5;position: absolute;top: 50%; right: 0; transform: translateY(-50%);} #crumbs .select-box .tit{width: 100%;height: 100%;font-size: 16px;color: #1a1a1a;padding: 0 40px 0 20px;overflow: hidden; position: relative; z-index: 2;} #crumbs .select-box .two-box{width: 100%;background: #fff; padding: 15px;position: absolute;top: 47px; left: 0;z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,0.08);} #crumbs .select-box .two-box .cont{height: 100%;/*overflow: auto;*/} #crumbs .select-box .two-box .cont::-webkit-scrollbar{width: 4px;background: rgba(0, 0, 0, 0);} #crumbs .select-box .two-box .cont::-webkit-scrollbar:hover{background: transparent;} #crumbs .select-box .two-box .cont::-webkit-scrollbar-thumb{background: #1a1a1a;border-radius: 6px;} #crumbs .select-box .two-box .cont::-webkit-scrollbar-thumb:hover{box-shadow: #1a1a1a 1px 1px 1px inset; background-color: #000;} #crumbs .select-box .two-box .li{margin-bottom: 12px;font-size: 16px;color: #1a1a1a; line-height: 30px;} #crumbs .select-box .two-box .li:hover, #crumbs .select-box .two-box .li.on{color: var(--main);} @media (max-width: 750px) { #crumbs .home{width: 40px; height: 40px; } #crumbs .home img{transform: scale(1.5);} #crumbs .select-box{width: 216px;} #crumbs.pro_crumbs .select-box{width: 240px;} #crumbs .select-box .tit{font-size: 26px;} /* #crumbs .select-box .two-box .cont{height: 180px;} */ #crumbs .select-box .two-box .li{font-size: 26px; line-height: 55px;} } /* 产品中心 */ #products{} #products .part1{border-top: 1px solid #f0f0f0; box-shadow: 0 10px 20px rgba(0,0,0,0.03);} #products .part1 .cate_two{margin-bottom: 70px;} #products .part1 .cate_two .slide{width: max-content; margin: 0 1.927%; font-size: 24px; color: #333; line-height: 97px; border-bottom: 3px solid transparent; position: relative;} #products .part1 .cate_two .slide.cur{/*font-weight: bold; */color: var(--main); border-color: var(--main);} #products .part1 .cate_two .slide:hover{color: var(--main);} #products .part1 .cate_two .slide::before{content: ""; display: block; width: 1px; height: 17px; background: #dedede; position: absolute; top: 51%; left: -28px; transform: translateY(-50%); z-index: 1;} #products .part1 .cate_two .slide:first-child::before{display: none;} #products .part2{} #products .part2 .btn{width: 50px; height: 50px; background: #f1f1f1;} #products .part2 .btn .i1{display: inline-block;} #products .part2 .btn .i2{display: none;} #products .part2 .btn:hover .i1{display: none;} #products .part2 .btn:hover .i2{display: inline-block;} #products .part2 .cen{width: 86.857%; margin-bottom: 50px;} #products .part2 .cen .container{width: 100%;} #products .part2 .cen .container .slide{font-size: 18px; color: #333; line-height: 50px; background: #f1f1f1;} #products .part2 .cen .container .slide:hover, #products .part2 .cen .container .slide.cur{background: var(--main); color: #fff;} #products .pro_list{margin-bottom: 76px;} #products .list{margin-bottom: 60px;} #products .list .item{width: 23.543%; margin-top: 25px; margin-right: 1.857%; background: #fff;} #products .list .item:nth-child(4n){margin-right: 0;} #products .list .item:nth-child(-n+4){margin-top: 0;} #products .list .item .pic{border: 1px solid #f3f3f3; min-height: 327px; border-bottom: 0;} #products .list .item .info{padding: 28px 10.57% 30px; border: 1px solid #f3f3f3;} #products .list .item .info .name{margin-bottom: 5px; font-size: 24px; color: #333; /*font-family: "GB";*/ font-weight: bold; line-height: 39px;} #products .list .item .info .brief{/*margin-bottom: 24px;*/ font-size: 16px; color: #666; line-height: 25px; height: calc(25px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #products .list .item .info .back{width: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 0.8) 0%,#ffffff 100%); padding: 35px 10.57%; bottom: -200px; left: 0; z-index: 1;} #products .list .item .info .btn {display: flex; width: 155px; height: 52px; padding:0 20px;background: transparent;transition: all .5s; justify-content: space-between; border: 1px solid #f3f3f3;} #products .list .item .info .btn .text {font-size: 16px;color:#666; } #products .list .item .info .btn .icon .i1{display: inline-block;} #products .list .item .info .btn .icon .i2{display: none;} #products .list .item:hover{/*box-shadow: 0 10px 30px rgba(0,0,0,0.1);box-shadow: 10px 0px 30px rgba(0,0,0,0.1);*/box-shadow: 0px 0 30px rgba(0,0,0,0.1); } #products .list .item:hover .pic{border-color: transparent;} #products .list .item:hover .info .back{bottom: 0;} #products .list .item:hover .info .btn{background: var(--main);} #products .list .item:hover .info .btn .text{color: #fff;} #products .list .item:hover .info .btn .icon .i1{display: none;} #products .list .item:hover .info .btn .icon .i2{display: inline-block;} #products .pro_list .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #products .pro_list .more:hover{border-color: var(--main); background: var(--main); color: #fff;} #products .pro_list .more.isend{display: none;} @media (max-width: 750px) { #products .part1 .cate_two .slide{font-size: 30px;} #products .part2 .cen{width: 80%;} #products .part2 .cen .container .slide{font-size: 30px;} #products .list .item{width: 47%; margin-top: 40px; margin-right: 40px; /*box-shadow: 10px 0px 30px rgba(0,0,0,0.1);*/box-shadow: 0px 0 30px rgb(0 0 0 / 10%);} #products .list .item:nth-child(4n){margin-right: 40px;} #products .list .item:nth-child(-n+4){margin-top: 40px;} #products .list .item:nth-child(2n){margin-right: 0;} #products .list .item:nth-child(-n+2){margin-top: 0;} #products .list .item .info{padding: 30px 20px;} #products .list .item .info .name{font-size: 32px;} #products .list .item .info .brief{font-size: 26px; line-height: 1.6; height: calc(40px * 2);} #products .list .item .pic{border-color: transparent;} #products .list .item .info .btn{width: 200px; height: 60px; background: var(--main);} #products .list .item .info .btn .text{color: #fff; font-size: 26px;} #products .list .item .info .btn .icon{width: 30px; height: 30px; transform:scale(1.5)} #products .list .item .info .btn .icon .i1{display: none;} #products .list .item .info .btn .icon .i2{display: inline-block;} #products .list .item .info .back{padding: 35px 0 0 0;position: inherit; bottom: inherit; left: inherit;} #products .pro_list .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } /* 产品详情 */ .pro_detail{margin-top: 110px; border-top: 1px solid #f0f0f0} #pro_detail_banner{height: 774px; background: url(/images/products/pro-pic12.jpg) no-repeat center center/100% 100%;} #pro_detail_banner .cont{width: 100%; height: 100%; padding: 80px 1.56%;} #pro_detail_banner .cont .left_pic{width: 6.77%; height: 100%; padding: 32px 0;} #pro_detail_banner .cont .left_pic .container{height: 550px;} #pro_detail_banner .cont .left_pic .slide{background: #fff; opacity: 0.5;} #pro_detail_banner .cont .left_pic .slide.swiper-slide-thumb-active{opacity: 1;} #pro_detail_banner .cen_pic{width: 44.792%; height: 100%;} #pro_detail_banner .cen_pic .container{height: 100%;} #pro_detail_banner .cen_pic .container .slide{display: flex; align-items: flex-end; justify-content: center;} #pro_detail_banner .cen_pic .circle-page{width: max-content; bottom: 0; left: auto; right: 0;} #pro_detail_banner .cen_pic .circle-page .circle{position: relative;} #pro_detail_banner .cen_pic .circle-page .circle::before{content: ""; display: block; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #pro_detail_banner .cont .right_info{width: 40.625%; height: 100%; padding: 60px 3.35% 68px; background: #fff;} #pro_detail_banner .cont .right_info .top {margin-bottom: 28px; padding-bottom: 9px; border-bottom: 1px solid #eceff0;} #pro_detail_banner .cont .right_info .top .number{font-size: 60px; color: var(--main); line-height: 63px; font-family:"GR";} #pro_detail_banner .cont .right_info .top .name{margin-bottom: 16px; font-size: 24px; color: #333; line-height: 41px;} #pro_detail_banner .cont .right_info .top .brief{font-size: 16px; color: #666; line-height: 25px; height: calc(25px * 3); overflow-y: auto;} #pro_detail_banner .cont .right_info .icon_list {margin-bottom: 46px;} #pro_detail_banner .cont .right_info .icon_list .tit{margin-bottom: 20px; font-size: 18px; color: #333; line-height: 30px;} #pro_detail_banner .cont .right_info .icon_list .list .li .icon{padding-top: 10px; margin-bottom: 18px; transition: all 0.3s ease;} #pro_detail_banner .cont .right_info .icon_list .list .li:hover .icon{transform: translateY(-10px);} #pro_detail_banner .cont .right_info .icon_list .list .li .txt{font-size: 16px; color: #999; line-height: 27px;} #pro_detail_banner .cont .right_info .btn_list .btn{width: 50%; font-size: 20px; color: #fff; line-height:72px; } #pro_detail_banner .cont .right_info .btn_list .btn:hover{opacity:0.75;} #pro_detail_banner .cont .right_info .btn_list .offer{background: var(--main);} #pro_detail_banner .cont .right_info .btn_list .consult{background: #333;} #products_info{display: none;} #pro_detail_nav{border-top: 1px solid #e1e1e1; border-bottom: 1px solid #f0f0f0;} #pro_detail_nav .left{width: 51.786%;} #pro_detail_nav .left .li{ margin: 0 36px; font-size: 18px; color: #1a1a1a; line-height: 70px; position: relative;} #pro_detail_nav .left .li:first-child{margin-left: 0;} #pro_detail_nav .left .li:last-child{margin-right: 0;} #pro_detail_nav .left .li::after{content:"";display: block; width: 1px; height: 18px; background: #dedede; position: absolute; top: 50%; left: -36px; z-index: 1; transform: translateY(-50%);} #pro_detail_nav .left .li:first-child::after{display: none;} #pro_detail_nav .left .li:hover, #pro_detail_nav .left .li.cur{color: var(--main);} #pro_detail_nav .left .li.cur::before{content:""; display: block; width: 100%; height: 3px; background: var(--main); position: absolute; left: 50%; bottom: -2px; z-index: 1; transform: translateX(-50%);} #pro_detail_nav .right{width: 33.214%;} #pro_detail_nav .right .down{margin-lefT: 9%;} #pro_detail_nav .right .down:first-child{margin-left: 0;} #pro_detail_nav .right .down .icon{margin-right: 10px;} #pro_detail_nav .right .down .txt{font-size: 14px; color: #1a1a1a; line-height: 70px;} #pro_detail_nav .right .down .txt:hover{color: var(--main);} #pro_parameter{padding: 50px 0 94px;} #pro_parameter .title{margin-bottom: 27px; font-size: 30px; color: #333; font-weight: bold; line-height: 50px;} #pro_parameter .content{position: relative;} #pro_parameter .content::after{content:""; display: block;width: 100%; height: 400px; background:url(/images/products/shadow.png) no-repeat bottom left; position: absolute; bottom: 0; left: 0; z-index: 2;} #pro_parameter .cont{ height: 697px; overflow: hidden; } #pro_parameter .list{border: 1px solid #f1f1f1;} #pro_parameter .list .li{width: 50%; font-size: 16px; border-top: 1px solid #f1f1f1;} #pro_parameter .list .li:nth-child(-n+2){border-top: 0;} #pro_parameter .list .li .left{width: 42.143%; padding: 27px 5.22% 24px; background: #f9f9f9; color: #333; border-right: 1px solid #f1f1f1; line-height: 35px;} #pro_parameter .list .li .right{width: calc(100% - 42.143%); padding: 27px 15.51% 24px; line-height: 35px; color: #999;} #pro_parameter .more{margin-top: 46px; position: relative; z-index: 5;} #pro_parameter .more .txt{margin-right: 9px; font-size: 16px; color: #999; line-height: 31px;} #pro_parameter .content.cur::after{display:none;} #pro_parameter .content.cur .more .jt{transform: rotate(180deg);} #pro_parts{padding: 90px 0 95px; background: #f7f7f7;} #pro_parts .top {margin-bottom: 43px;} #pro_parts .top .title{font-size: 30px; color: #333; font-weight: bold; line-height: 51px;} #pro_parts .top .btn-list .btn{width: 51px; height: 51px; background: #fff;} #pro_parts .top .btn-list .btn.prev{margin-right: 1px;} #pro_parts .top .btn-list .btn .i1{display: inline-block;} #pro_parts .top .btn-list .btn .i2{display: none;} #pro_parts .top .btn-list .btn:hover .i1{display: none;} #pro_parts .top .btn-list .btn:hover .i2{display: inline-block;} #pro_parts .slide .pic{height: 288px; background: #fff;} #pro_parts .slide .txt{margin-top: 25px; font-size: 16px; color: #333; line-height: 28px;;} #pro_optional{padding: 90px 0 95px; background: #ffffff;} #pro_optional .top {margin-bottom: 43px;} #pro_optional .top .title{font-size: 30px; color: #333; font-weight: bold; line-height: 51px;} #pro_optional .top .btn-list .btn{width: 51px; height: 51px; background: #f2f2f2;} #pro_optional .top .btn-list .btn.prev{margin-right: 1px;} #pro_optional .top .btn-list .btn .i1{display: inline-block;} #pro_optional .top .btn-list .btn .i2{display: none;} #pro_optional .top .btn-list .btn:hover .i1{display: none;} #pro_optional .top .btn-list .btn:hover .i2{display: inline-block;} #pro_optional .slide{padding: 32px 2.357%;} #pro_optional .slide .pic{width: 40.603%;background: #fff; /*border: 1px solid #e6e6e6;*/} #pro_optional .slide .info{width: 51.78%;} #pro_optional .slide .info .name{margin-bottom: 20px; padding: 10px 0 17px; font-size: 24px; color: #333; font-weight: bold; line-height: 43px; border-bottom: 1px solid #dedede;} #pro_optional .slide .info .brief{margin-bottom: 32px; font-size: 16px; color: #666; line-height: 25px; height: calc(25px * 3); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical;} #pro_optional .slide .info .btn {display: flex; width: 155px; height: 52px; padding:0 20px;background: transparent;transition: all .5s; justify-content: space-between; border: 1px solid #f3f3f3;} #pro_optional .slide .info .btn .text {font-size: 16px;color:#666; } #pro_optional .slide .info .btn .icon .i1{display: inline-block;} #pro_optional .slide .info .btn .icon .i2{display: none;} #pro_optional .slide:hover{background: #f7f7f7;} #pro_optional .slide:hover .info .btn{background: var(--main);} #pro_optional .slide:hover .info .btn .text{color: #fff;} #pro_optional .slide:hover .info .btn .icon .i1{display: none;} #pro_optional .slide:hover .info .btn .icon .i2{display: inline-block;} #pro_show{padding: 90px 0 100px; background: #f2f2f2;} #pro_show .top {margin-bottom: 43px;} #pro_show .top .title{font-size: 30px; color: #333; font-weight: bold; line-height: 51px;} #pro_show .top .btn-list .btn{width: 51px; height: 51px; background: #fff;} #pro_show .top .btn-list .btn.prev{margin-right: 1px;} #pro_show .top .btn-list .btn .i1{display: inline-block;} #pro_show .top .btn-list .btn .i2{display: none;} #pro_show .top .btn-list .btn:hover .i1{display: none;} #pro_show .top .btn-list .btn:hover .i2{display: inline-block;} #pro_show .txt{width: 100%; bottom: 0;left: 0; z-index: 2; background: rgba(0,0,0,0.8); font-size: 16px; color: #fff; line-height: 60px;} #pro_show .play{width: 51px; height: 51px; bottom: 80px; right: 4.514%; z-index: 2;} #pro_video{padding: 95px 0 100px; background: #fff;} #pro_video .top {margin-bottom: 45px;} #pro_video .top .title{font-size: 30px; color: #333; font-weight: bold; line-height: 51px;} #pro_video .top .btn-list .btn{width: 51px; height: 51px; background: #f2f2f2;} #pro_video .top .btn-list .btn.prev{margin-right: 1px;} #pro_video .top .btn-list .btn .i1{display: inline-block;} #pro_video .top .btn-list .btn .i2{display: none;} #pro_video .top .btn-list .btn:hover .i1{display: none;} #pro_video .top .btn-list .btn:hover .i2{display: inline-block;} #pro_video .txt{width: 100%; bottom: 0;left: 0; z-index: 2; background: rgba(0,0,0,0.8); font-size: 16px; color: #fff; line-height: 60px;} #pro_video .play{width: 51px; height: 51px; bottom: 80px; right: 4.514%; z-index: 2;} @media (max-width: 1680px) { #pro_detail_banner .cont .left_pic{width: 8%;} #pro_detail_banner .cen_pic{width: 41%;} #pro_detail_banner .cont .right_info{width: 43%; padding: 60px 2.35% 68px;} } @media (max-width: 1440px) { #pro_detail_banner{height: 760px;} #pro_detail_banner .cont .right_info{width: 46%; padding: 45px 2.35% 40px;} #pro_detail_nav .left{width: 53.786%;} #pro_detail_nav .right{width: 35%;} #pro_parameter .list .li .left{padding: 24px 4.22% } #pro_parameter .list .li .right{padding: 24px 10.51%;} } @media (max-width: 1366px) { #pro_detail_nav .left .li{margin: 0 30px;} #pro_detail_nav .right .down{margin-left: 7%;} #pro_parameter .cont{height: 750px;} #pro_parameter .list .li .left{padding: 24px 3.22%;} } @media (max-width: 1280px) { #pro_detail_banner .cont .left_pic{width: 9%;} #pro_detail_nav .left{width: 55%;} #pro_detail_nav .right{width: 36%;} #pro_parameter .list .li .left{padding: 24px 2.22%;} } @media (max-width: 1200px) { #pro_detail_banner{height: 700px;} #pro_detail_banner .cont{padding: 60px 1.56%;} } @media (max-width: 1024px) { #pro_detail_nav .left{width: 57%; } #pro_detail_nav .left .li{margin: 0 15px;} #pro_detail_nav .right{width: 40%;} #pro_detail_nav .right .down{margin-left: 3%;} #pro_optional .slide .info .brief{height: calc(25px * 1); -webkit-line-clamp: 1;} } @media (max-width: 750px) { #pro_detail_banner .cont{padding: 80px 30px;} #pro_detail_banner .cont .left_pic{width: 18%; padding: 0;} #pro_detail_banner .cen_pic{width: 75%;} #pro_detail_banner .cont .right_info{display: none;} #products_info{display: block; padding: 80px 0; } #products_info .top {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eceff0;} #products_info .top .number{font-size: 52px; color: var(--main); line-height: 1.6; font-weight: 700; font-family:"GR";} #products_info .top .name{margin-bottom: 16px; font-size: 30px; font-weight: 500; color: #333; line-height: 41px;} #products_info .top .brief{font-size: 26px; color: #666; line-height: 1.6;} #products_info .icon_list {margin-bottom: 46px;} #products_info .icon_list .tit{margin-bottom: 30px; font-size: 30px; color: #333; line-height: 1.6;} #products_info .icon_list .list .li .icon{margin-bottom: 18px; height: 40px;} #products_info .icon_list .list .li .icon img{transform: scale(1.5);} #products_info .icon_list .list .li .txt{font-size: 26px; color: #999; line-height: 1.6;} #products_info .btn_list .btn{width: 50%; font-size: 26px; color: #fff; height: 80px; line-height: 80px;} #products_info .btn_list .btn:hover{opacity:0.75;} #products_info .btn_list .offer{background: var(--main);} #products_info .btn_list .consult{background: #333;} #pro_detail_nav .left{display: none;} #pro_detail_nav .right{width: 100%; justify-content: center;} #pro_detail_nav .right .down{margin-left: 5%;} #pro_detail_nav .right .down .icon{width: 30px; height: 30px;} #pro_detail_nav .right .down .icon img{transform: scale(1.5);} #pro_detail_nav .right .down .txt{font-size: 26px; line-height: 90px;} #pro_parameter{padding: 80px 0;} #pro_parameter .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #pro_parameter .list .li{width: 100%; font-size: 30px;} #pro_parameter .list .li:nth-child(-n+2){border-top: 1px solid #f1f1f1;} #pro_parameter .list .li:first-child{border-top: 0;} #pro_parameter .list .li .left{width: 45%;} #pro_parameter .list .li .right{width: 55%;} #pro_parameter .more .txt{font-size: 30px;} #pro_parameter .more .jt{width: 30px; height: 30px;} #pro_parameter .more .jt img{transform: scale(1.5);} #pro_parts{padding: 80px 0;} #pro_parts .top .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #pro_parts .top .btn-list .btn{width: 60px; height: 60px;} #pro_parts .top .btn-list .btn img{transform: scale(1.5);} #pro_parts .slide .txt{font-size: 30px; line-height: 1.6;} #pro_optional{padding: 80px 0;} #pro_optional .top .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #pro_optional .top .btn-list .btn{width: 60px; height: 60px;} #pro_optional .top .btn-list .btn img{transform: scale(1.5);} #pro_optional .slide{ background: #f7f7f7;} #pro_optional .slide .info .name{font-size: 36px; line-height: 1.6;} #pro_optional .slide .info .brief{font-size: 30px; line-height: 1.6; height: calc(52px * 1);} #pro_optional .slide .info .btn{background: var(--main); width: 200px; height: 60px;} #pro_optional .slide .info .btn .text{color: #fff; font-size: 26px;} #pro_optional .slide .info .btn .icon .i1{display: none;} #pro_optional .slide .info .btn .icon .i2{display: inline-block;} #pro_show{padding: 80px 0;} #pro_show .top .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #pro_show .top .btn-list .btn{width: 60px; height: 60px;} #pro_show .top .btn-list .btn img{transform: scale(1.5);} #pro_show .container .slide .pic{width: 100%;} #pro_show .txt{font-size: 30px; line-height: 75px;} #pro_show .play{width: 60px; height: 60px; bottom: 100px;} #pro_video{padding: 80px 0;} #pro_video .top .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #pro_video .top .btn-list .btn{width: 60px; height: 60px;} #pro_video .top .btn-list .btn img{transform: scale(1.5);} #pro_video .txt{font-size: 30px; line-height: 75px;} #pro_video .play{width: 60px; height: 60px; bottom: 100px} } /* 核心技术 */ #technology{padding: 90px 0 110px; background: #f7f7f7;} #technology .list{margin-top: 90px;} #technology .list.first_list{margin-top: 0;} #technology .list .title{margin-bottom: 67px;} #technology .list .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #technology .list .title .tit:hover{color: var(--main);} #technology .list .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #technology .list .cont{background: #fff;} #technology .list .cont .pic-box{width: 50%;} #technology .list .cont .text-box{width: 50%; } #technology .list .cont .text-box .item{padding: 72px 5.857% 50px; width: 100%;} #technology .list .cont .text-box .item .name{margin-bottom: 30px; padding-bottom: 26px; font-size: 30px; color: #333; font-weight: bold; line-height: 49px; /*border-bottom: 1px solid #ededed;*/} #technology .list .cont .text-box .item .brief{font-size: 16px; color: #333; line-height: 29px; height: calc(29px * 4); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical;} #technology .list .cont .text-box .item:hover .name{color: var(--main);} #technology .list .cont .text-box .bot{width: 86%;bottom: 50px; left: 5.857%; z-index: 3;} #technology .list .cont .text-box .bot .page .swiper-pagination-bullet{margin: 0 6px;width: 10px; height: 10px; opacity: 1; background: #dedede; transition: all 0.3s ease;} #technology .list .cont .text-box .bot .page .swiper-pagination-bullet.swiper-pagination-bullet-active, #technology .list .cont .text-box .bot .page .swiper-pagination-bullet:hover{background: var(--main);} #technology .list .cont .text-box .bot .btn-list{} #technology .list .cont .text-box .bot .btn-list .btn{width: 9px; height: 18px; } #technology .list .cont .text-box .bot .btn-list .btn.prev{margin-right: 34px;} #technology .list .cont .text-box .bot .btn-list .btn .i1{display: inline-block;} #technology .list .cont .text-box .bot .btn-list .btn .i2{display: none;} #technology .list .cont .text-box .bot .btn-list .btn:hover .i1{display: none;} #technology .list .cont .text-box .bot .btn-list .btn:hover .i2{display: inline-block;} @media (max-width: 1024px) { #technology .list .cont .text-box .item{padding: 20px 5.857% 50px;} #technology .list .cont .text-box .bot{bottom: 20px;} } @media (max-width: 750px) { #technology{padding: 80px 0;} #technology .list{margin-top: 80px;} #technology .list .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #technology .list .cont{flex-direction: column;} #technology .list .cont .pic-box{width: 100%;} #technology .list .cont .text-box{width: 100%; } #technology .list .cont .text-box .item{padding: 50px 5.857% 100px;} #technology .list .cont .text-box .item .name{font-size: 36px; font-weight: 700; line-height: 1.6;} #technology .list .cont .text-box .item .brief{font-size: 30px; font-weight: 500; line-height: 1.6; min-height: calc(48px * 4);} #technology .list .cont .text-box .bot{bottom: 45px; align-items: center;} #technology .list .cont .text-box .bot .btn-list .btn{width: 30px; height: 30px;} #technology .list .cont .text-box .bot .btn-list .btn img{transform: scale(1.5);} } /* 技术详情 */ #tech-detail1{padding: 76px 0 70px; border-top: 1px solid #f0f1f5;} #tech-detail1 .name{margin-bottom: 24px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;} #tech-detail1 .brief{font-size: 16px; color: #333; line-height: 26px;} #tech-detail2{padding: 85px 0 110px; background: #f7f7f7;} #tech-detail2 .name{margin-bottom: 27px; font-size: 24px; color: #333; font-weight: bold; line-height: 36px;} #tech-detail2 .brief{margin-bottom: 50px; font-size: 16px; color: #333; line-height: 26px;} #tech-detail2 .container{} #tech-detail2 .container .btn-list{top: 50%; left: 0; transform: translateY(-50%); z-index: 2; height: max-content;} #tech-detail2 .container .btn-list .btn{width: 60px; height: 60px; background: rgba(0,0,0,0.5);} #tech-detail2 .container .btn-list .btn:hover{background: var(--main)} #tech-detail3{padding: 85px 0 110px;} #tech-detail3 .name{margin-bottom: 27px; font-size: 24px; color: #333; font-weight: bold; line-height: 36px;} #tech-detail3 .brief{margin-bottom: 50px; font-size: 16px; color: #333; line-height: 26px;} #tech-detail3 .container{} #tech-detail3 .container .btn-list{top: 50%; left: 0; transform: translateY(-50%); z-index: 2; height: max-content;} #tech-detail3 .container .btn-list .btn{width: 60px; height: 60px; background: rgba(0,0,0,0.5);} #tech-detail3 .container .btn-list .btn:hover{background: var(--main)} #tech-detail4{} #tech-detail4 .top{padding-top: 88px; background: #fff url(/images/technology/tel-pic7.png) no-repeat center center/100% 100%;} #tech-detail4 .top .info{margin-bottom: 48px;} #tech-detail4 .top .info .name{font-size: 24px; color: #333; font-weight: bold; line-height: 44px;} #tech-detail4 .top .info .btn-list {width: 12.571%;} #tech-detail4 .top .info .btn-list .btn{width: 33%;} #tech-detail4 .top .info .btn-list .btn .i1{display: inline-block;} #tech-detail4 .top .info .btn-list .btn .i2{display: none;} #tech-detail4 .top .info .btn-list .btn:hover .i1{display: none;} #tech-detail4 .top .info .btn-list .btn:hover .i2{display: inline-block;} #tech-detail4 .top .info .btn-list .page{width: 33%; line-height: 44px; font-size: 26px; color: #333; font-family:"GR";} #tech-detail4 .top .container .slide{padding: 24px 21px; background: #fff;} #tech-detail4 .bot{height: 36px; border: 1px solid #ededed; background: #fff;} #tech-detail5{padding: 78px 0 94px; background: #f7f7f7; box-shadow: 0 10px 30px rgba(0,0,0,0.06) inset;} #tech-detail5 .name{margin-bottom: 41px; font-size: 24px; color: #333; font-weight: bold; line-height: 36px;} #tech-detail5 .list .item{width: 30.714%; margin-top: 55px; margin-right: 3.928%; background: #fff; border: 1px solid #f3f3f3;} #tech-detail5 .list .item:nth-child(3n){margin-right: 0;} #tech-detail5 .list .item:nth-child(-n+3){margin-top: 0;} #tech-detail5 .list .item .info{padding: 34px 7.91% 26px;border-top: 1px solid #f1f1f1;} #tech-detail5 .list .item .info .name{margin-bottom: 8px; font-size: 24px; color: #333; font-weight: bold; line-height: 33px; /*font-family: "GB";*/ font-weight: bold;} #tech-detail5 .list .item .info .brief{margin-bottom: 25px; font-size: 16px; color: #999; line-height: 25px; height: calc(25px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #tech-detail5 .list .item .info .btn {display: flex; width: 153px; height: 50px; padding:0 20px;background: transparent;transition: all .5s; justify-content: space-between; border: 1px solid #e6e6e6;} #tech-detail5 .list .item .info .btn .text {font-size: 16px;color:#999; } #tech-detail5 .list .item .info .btn .icon .i1{display: inline-block;} #tech-detail5 .list .item .info .btn .icon .i2{display: none;} #tech-detail5 .list .item:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.06);} #tech-detail5 .list .item:hover .info .brief{color: #333;} #tech-detail5 .list .item:hover .info .name{color: var(--main);} #tech-detail5 .list .item:hover .info .btn{background: var(--main);} #tech-detail5 .list .item:hover .info .btn .text{color: #fff;} #tech-detail5 .list .item:hover .info .btn .icon .i1{display: none;} #tech-detail5 .list .item:hover .info .btn .icon .i2{display: inline-block;} @media (max-width: 1440px) { #tech-detail4 .top .info .btn-list{width: 17%;} } @media (max-width: 1024px) { #tech-detail4 .top .info .btn-list{width: 20%;} } @media (max-width: 750px) { #tech-detail1{padding: 80px 0;} #tech-detail1 .name{font-size: 48px; font-weight: 700; line-height: 1.6;} #tech-detail1 .brief{font-size: 30px; line-height: 1.6;} #tech-detail2{padding: 80px 0;} #tech-detail2 .name{font-size: 42px; font-weight: 700; line-height: 1.6;} #tech-detail2 .brief{font-size: 30px; line-height: 1.6} #tech-detail2 .container .btn-list .btn{background: var(--main)} #tech-detail3{padding: 80px 0;} #tech-detail3 .name{font-size: 42px; font-weight: 700; line-height: 1.6;} #tech-detail3 .brief{font-size: 30px; line-height: 1.6} #tech-detail3 .container .btn-list .btn{background: var(--main)} #tech-detail3 .container .btn-list .btn img{transform: scale(1.5);} #tech-detail4 .top{padding-top: 80px;} #tech-detail4 .top .info .name{font-size: 42px; font-weight: 700; line-height: 1.6;} #tech-detail4 .top .info .btn-list{width: 30%;} #tech-detail4 .top .info .btn-list .btn{height: 40px;} #tech-detail5{padding: 80px 0;} #tech-detail5 .name{font-size: 42px; font-weight: 700; line-height: 1.6;} #tech-detail5 .list{flex-wrap: wrap;} #tech-detail5 .list .item{margin-top: 40px; width: 100%; display: flex; margin-right: 0;} #tech-detail5 .list .item:nth-child(-n+3){margin-top: 40px;} #tech-detail5 .list .item:first-child{margin-top: 0;} #tech-detail5 .list .item .pic{width: 50%;} #tech-detail5 .list .item .info{width: 50%; padding: 40px 4.5%; border-left: 1px solid #685c5c;} #tech-detail5 .list .item .info .name{font-size: 36px; line-height: 1.6;} #tech-detail5 .list .item .info .brief{font-size: 30px; line-height: 1.6; height: calc(50px * 2);} #tech-detail5 .list .item .info .btn{width: 200px; height: 60px; line-height: 58px; border-color: var(--main); background: var(--main);} #tech-detail5 .list .item{box-shadow: 0 10px 30px rgba(0,0,0,0.06);} #tech-detail5 .list .item .info .brief{color: #333;} #tech-detail5 .list .item .info .name{color: var(--main);} #tech-detail5 .list .item .info .btn{background: var(--main);} #tech-detail5 .list .item .info .btn .text{color: #fff; font-size: 26px;} #tech-detail5 .list .item .info .btn .icon .i1{display: none;} #tech-detail5 .list .item .info .btn .icon .i2{display: inline-block;} } /* 关于我们 */ #about_info{padding: 90px 0 112px; border-top: 1px solid #f0f1f5; background: #fff url(/images/about/about-pic1.png) no-repeat bottom left;} #about_info .name{width: 25%; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #about_info .name:hover{color: var(--main);} #about_info .brief{width: 60%; font-size: 16px; color: #333; line-height: 31px;} @media (max-width: 1024px) { #about_info .brief{width: 70%;} } @media (max-width: 750px) { #about_info{padding: 80px 0;} #about_info .box{flex-wrap: wrap;} #about_info .name{width: 100%; font-size: 42px; font-weight: 700; line-height: 1.6; margin-bottom: 40px;} #about_info .brief{width: 100%; font-size: 30px; line-height: 1.6;} } #about_culture{padding: 100px 0 110px; background: url(/images/about/about-pic2.jpg) no-repeat center center/100% 100%;} #about_culture .title{margin-bottom: 49px; font-size: 42px; color: #fff; font-weight: bold; line-height: 60px; transition: all 0.3s ease;} #about_culture .title:hover{color: var(--main);} #about_culture .bot{height: 500px;} #about_culture .bot .container{height: 100%;} #about_culture .bot .container .item{height: 100%; } #about_culture .bot .container .item .in{padding: 39px 10% 35px;width: 100%; height: 50%; bottom: 0; left: 0; border: 1px solid rgba(255,255,255,0.2);} #about_culture .bot .container .item:nth-child(2n) .in{bottom: inherit; top: 0;} #about_culture .bot .container .item .in .l1{margin-bottom: 39px; } #about_culture .bot .container .item .in .l1 .name{font-size: 24px; color: #fff; font-weight: bold; line-height: 39px;} #about_culture .bot .container .item .in .l1 .icon .i1{display: inline-block;} #about_culture .bot .container .item .in .l1 .icon .i2{display: none;} #about_culture .bot .container .item .in .l2{margin-bottom: 4px; font-size: 16px; color: #fff; line-height: 23px; height: calc(23px * 3); overflow-y: auto; } #about_culture .bot .container .item .in .l3{font-size: 24px; color: #fff; /*font-family: "GB";*/ font-weight: bold; line-height: 28px;} #about_culture .bot .container .item .in:hover{border-color: #fff; background: #fff;} #about_culture .bot .container .item .in:hover .l1 .name{color: var(--main);} #about_culture .bot .container .item .in:hover .l1 .icon {transform: translateY(-5px);} #about_culture .bot .container .item .in:hover .l1 .icon .i1{display: none;} #about_culture .bot .container .item .in:hover .l1 .icon .i2{display: inline-block;} #about_culture .bot .container .item .in:hover .l2, #about_culture .bot .container .item .in:hover .l3{color: #333;} #about_culture .bot .btn-list{bottom: 0; right: 0; z-index: 4;} #about_culture .bot .btn-list .btn{width: 50px; height: 50px; border: 1px solid #fff; background: transparent;} #about_culture .bot .btn-list .btn.prev{margin-right: 1px;} #about_culture .bot .btn-list .btn .i1{display: inline-block;} #about_culture .bot .btn-list .btn .i2{display: none;} #about_culture .bot .btn-list .btn:hover{background: #fff;} #about_culture .bot .btn-list .btn:hover .i1{display: none;} #about_culture .bot .btn-list .btn:hover .i2{display: inline-block;} @media (max-width: 1024px) { #about_culture{padding: 80px 0; background: url(/images/about-pic2-mb.png) no-repeat center center/100% 100%;} } @media (max-width: 750px) { #about_culture{background: url(/images/about-pic2-mb.png) no-repeat center center/100% 100%;} #about_culture .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_culture .bot{height: 640px;} #about_culture .bot .container .item .in{border-color: #fff; background: #fff;} #about_culture .bot .container .item .in .l1 .name{font-size: 32px; line-height: 1.6; color: var(--main);} #about_culture .bot .container .item .in .l2{font-size: 26px; line-height: 1.6; height: calc(40px * 3);} #about_culture .bot .container .item .in .l3{font-size: 26px;} #about_culture .bot .container .item .in .l1 .icon .i1{display: none;} #about_culture .bot .container .item .in .l1 .icon .i2{display: inline-block;} #about_culture .bot .container .item .in .l2, #about_culture .bot .container .item .in .l3{color: #333;} #about_culture .bot .btn-list .btn{width: 60px; height: 60px; background: #fff;} #about_culture .bot .btn-list .btn img{transform: scale(1.5);} #about_culture .bot .btn-list .btn.prev{margin-right: 5px;} #about_culture .bot .btn-list .btn .i1{display: none;} #about_culture .bot .btn-list .btn .i2{display: inline-block;} } #about_speech{padding: 100px 0 50px; align-items: flex-start;} #about_speech .pic{width: 46.354%;} #about_speech .right{width: 47.24%;} #about_speech .right .in{width: 60.419%;} #about_speech .right .in .title{margin-bottom: 32px; font-size: 36px; color: #333; font-weight: bold; line-height: 45px; transition: all 0.3s ease;} #about_speech .right .in .title:hover{color: var(--main);} @media (max-width: 1680px) { #about_speech .right .in{width: 73.419%} } @media (max-width: 1500px) { #about_speech .right .in{width: 81.419%} } @media (max-width: 1440px) { #about_speech .right .in{width: 85%;} } @media (max-width: 1200px) { #about_speech .right{width: 50%;} } @media (max-width: 750px) { #about_speech{padding: 80px 0; flex-direction: column-reverse;} #about_speech .pic{width: 100%; margin-top: 40px;} #about_speech .right{width: 92%; margin: 0 auto;} #about_speech .right .in{width: 100%;} #about_speech .right .in .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_speech .right .in .detail *{font-size: 30px !important; line-height: 1.6 !important;} } #about_history{padding: 137px 0 97px; background: #fff url(/images/about/about-pic10.png) no-repeat center center/100% 100%;} #about_history .title{margin-bottom: 61px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #about_history .title:hover{color: var(--main);} #about_history .main .year-list{width: 96.17%; margin: 0 auto;} #about_history .main .year-list .year{padding: 0 0 18px; width: 15.833%; font-size: 30px; color: #999; /*font-family: "GB";*/ font-weight: bold; line-height: 43px;} #about_history .main .year-list .year:hover{color: var(--main);} #about_history .main .year-list .year.swiper-slide-thumb-active{color: var(--main); position: relative; font-size: 32px;} #about_history .main .year-list .year.swiper-slide-thumb-active:before{content:''; display: block; width: 10px; height: 10px; background: var(--main); position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); z-index: 4; border-radius: 50%;} #about_history .main .top .line-box{width: 100%;left: 0;bottom: 3px;z-index: 1;} #about_history .main .top .line-box .line1{width: 100%;} #about_history .main .top .line-box .line2{width: 120px; overflow: hidden;} #about_history .main .top .btn{width: 20px; top: 50%; transform: translateY(-50%);} #about_history .main .top .btn.prev{left: 0;} #about_history .main .top .btn.next{right: 0;} #about_history .main .top .btn .i1{display: inline-block;} #about_history .main .top .btn .i2{display: none;} #about_history .main .top .btn:hover .i1{display: none;} #about_history .main .top .btn:hover .i2{display: inline-block;} #about_history .main .info-list{margin-top: 73px;} #about_history .main .info-list .year{margin-bottom: 19px; font-size: 72px; color: var(--main); /*font-family: "GB";*/ font-weight: bold; line-height: 83px;} #about_history .main .info-list .ul{padding: 50px;background: #fff;} #about_history .main .info-list .ul .li{margin-top: 20px; line-height: 31px; font-size: 16px; color: #333;} #about_history .main .info-list .ul .li:first-child{margin-top: 0; } #about_history .main .info-list .ul .li .month{width: 6.667%; font-weight: bold;} #about_history .main .info-list .ul .li .info{width: calc(100% - 7.667%);} @media (max-width: 1200px) { #about_history{padding-top: 100px;} } @media (max-width: 750px) { #about_history .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_history .main .top .line-box .line2{display: none;} #about_history .main .year-list{width: 85%;} #about_history .main .year-list .year{font-size: 32px;} #about_history .main .info-list .ul{padding: 50px 40px;} #about_history .main .info-list .ul .li{font-size: 30px; flex-wrap: wrap; margin-top: 40px;} #about_history .main .info-list .ul .li .month{width: 100%; margin-bottom: 20px;} #about_history .main .info-list .ul .li .info{width: 100%;} #about_history .main .top .btn{width: 60px; height: 60px; top: 17px;} } #about_team{padding: 90px 0 97px; background: #fff url(/images/about/about-pic16.png) no-repeat center center/100% 100%;} #about_team .title{margin-bottom: 43px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #about_team .title:hover{color: var(--main);} #about_team .list{} #about_team .list .item{width: 33.3%;} #about_team .list .item .info{opacity: 0; bottom: -100%; left: 0; z-index: 2; width: 100%; padding: 25px 6.25%; background: var(--main); color: #fff;} #about_team .list .item .info .left{width: 75%;} #about_team .list .item .info .name{margin-bottom: 3px; font-size: 24px; font-weight: bold; line-height: 35px;} #about_team .list .item .info .brief{font-size: 16px; line-height: 23px; height: calc(23px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #about_team .list .item:hover .info{opacity: 1; bottom: 0;} #team{background: rgba(0,0,0,.5);} #team .content{max-width: 1200px;background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3;} #team .content .close{width: 24px; height: 24px; background: url(/images/about/close.png) no-repeat center; border: 1px solid #303434; border-radius: 50%; top: 30px; right: 30px;} #team .content .pic{width: 37.5%;} #team .content .right{width: calc(100% - 37.5%); padding: 47px 4.16% 30px;} #team .content .right .title{margin-bottom: 6px; font-size: 24px; color: var(--main); font-weight: bold; line-height: 49px;} #team .content .right .brief{padding-bottom: 26px; margin-bottom: 24px; border-bottom: 1px solid #f1f1f1; font-size: 16px; color: #333; line-height: 24px;} #team .content .right .text{font-size: 16px; color: #666; line-height: 24px; height: calc(24px * 7); overflow-y: auto;} @media (max-width: 1024px) { #team .content .right{padding: 30px 4.16%;} #team .content .right .text{height: calc(24px * 5);-webkit-line-clamp: 5;} } @media (max-width: 750px) { #about_team{padding: 80px 0;} #about_team .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_team .list .item{width: 50%;} #about_team .list .item .info{opacity: 1; bottom: 0;} #about_team .list .item .info .name{font-size: 36px; line-height: 1.6;} #about_team .list .item .info .brief{display: none;} #team .content{flex-direction: column;} #team .content .pic{width: 100%;} #team .content .right{width: 100%; } #team .content .right .title{font-size: 32px; line-height: 1.6;} #team .content .right .brief, #team .content .right .text{font-size: 26px; line-height: 1.6;} #team .content .right .text{height: calc(40px * 5);} #team .content .close{width: 40px; height: 40px; background-size: 18px;} } #about_compete{padding: 90px 0 98px; background: #fff;} #about_compete .title{margin-bottom: 43px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #about_compete .title:hover{color: var(--main);} #about_compete .list .item{width: 50%;} #about_compete .list .item .info{z-index: 2; background: rgba(51,51,51,0.7);} #about_compete .list .item .info .in{padding-top: 80px;} #about_compete .list .item .info .in .name{margin-bottom: 14px; font-size: 24px; color: #fff; line-height: 43px; } #about_compete .list .item .info .in .brief{width: 71.5%;margin: 0 auto 50px; font-size: 16px; color: #f0f1f5; line-height: 27px; height: calc(27px * 3); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp:3; box-orient: vertical;} #about_compete .list .item .info .btn {margin: 0 auto;display: flex; width: 120px; height: 40px; padding:0 17px;background: #fff;transition: all .5s; justify-content: space-between;} #about_compete .list .item .info .btn .text {font-size: 16px;color:#333; } #about_compete .list .item .info .btn .icon .i1{display: inline-block;} #about_compete .list .item .info .btn .icon .i2{display: none;} #about_compete .list .item:hover .info{background: rgba(222,0,16,0.9);} #about_compete .list .item:hover .info .btn .text{color: var(--main);} #about_compete .list .item:hover .info .btn .icon .i1{display: none;} #about_compete .list .item:hover .info .btn .icon .i2{display: inline-block;} @media (max-width: 1024px) { #about_compete .list .item .info .in{padding-top: 40px;} } @media (max-width: 750px) { #about_compete{padding: 80px 0;} #about_compete .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_compete .list .item{width: 100%;} #about_compete .list .item .info, #about_compete .list .item:hover .info{/*background: rgba(222,0,16,0.9);*/ background: rgba(51,51,51,0.7); display: flex; justify-content: center; align-items: center;} #about_compete .list .item .info .in {padding-top: 0;} #about_compete .list .item .info .in .name{font-size: 36px; line-height: 1.6; font-weight: 500;} #about_compete .list .item .info .in .brief{font-size: 30px; line-height: 1.6;height: calc(45px * 3);} #about_compete .list .item .info .btn{width: 200px; height: 60px; } #about_compete .list .item .info .btn .text{color: #333; font-size: 26px;} #about_compete .list .item .info .btn .icon{width: 30px; height: 30px;} #about_compete .list .item .info .btn .icon img{transform: scale(1.5);} } #about_honor{padding: 110px 0 0; background: #fff url(/images/about/honor-bg.png) no-repeat center center/100% 100%;} #about_honor .title{margin-bottom: 70px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #about_honor .title:hover{color: var(--main);} #about_honor .box .top{margin-bottom: 48px;} #about_honor .box .top .name{font-size: 24px; color: #333; font-weight: bold; line-height: 44px;} #about_honor .box .top .btn-list {width: 19.571%;} #about_honor .box .top .btn-list .btn{width: 33%;} #about_honor .box .top .btn-list .btn .i1{display: inline-block;} #about_honor .box .top .btn-list .btn .i2{display: none;} #about_honor .box .top .btn-list .btn:hover .i1{display: none;} #about_honor .box .top .btn-list .btn:hover .i2{display: inline-block;} #about_honor .box .top .btn-list .page{width: 33%; line-height: 44px; font-size: 26px; color: #333; font-family:"GR";} #about_honor .honor{width: 66.67%; display: flex; justify-content: flex-end; position: relative;} #about_honor .honor::after{content: " "; display: block; width: 100%; height: 111px; background: url(/images/about/honor-bg1.png) no-repeat center left /100% 100%; position: absolute; bottom: -111px; left: 0; z-index: 1;} #about_honor .honor .box{width: 71.875%;} #about_honor .honor .box .wrapper{align-items: end;} #about_honor .patent{margin: 150px 0 0; position: relative;} #about_honor .patent::after{content: " "; display: block; width: 100%; height: 111px; background: url(/images/about/honor-bg2.png) no-repeat center left /100% 100%; position: absolute; bottom: -111px; left: 0; z-index: 1;} @media (max-width: 1680px) { #about_honor .box .top .btn-list{width: 22.571%;} #about_honor .honor .box{width: 78%;} } @media (max-width: 1440px) { #about_honor .honor .box{width: 88%;} } @media (max-width: 1366px) { #about_honor .honor .box{width: 92%;} } @media (max-width: 1280px) { #about_honor .honor .box{width: 95%;} } @media (max-width: 1200px) { #about_honor .honor{width: 70%;} #about_honor .honor .box{width: 94%;} } @media (max-width: 1024px) { #about_honor .honor{width: 100%; justify-content: center;} #about_honor .honor::after{height: 60px; bottom: -60px;} #about_honor .honor .box{width: 92%;} } @media (max-width: 750px) { #about_honor{padding: 80px 0 0;} #about_honor .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #about_honor .box .top .name{font-size: 30px; line-height: 1.6;} #about_honor .box .top .btn-list{width: 30%;} } /* 新闻 */ #news{padding: 100px 0 90px;background: #fafafa;} #news .hot{background: #fff; margin-bottom: 60px;} #news .hot .pic-box{width: 65.5%;} #news .hot .text-box{width: calc(100% - 65.5%); } #news .hot .text-box .item{padding: 96px 9%;} #news .hot .text-box .item .time{margin-bottom: 21px; font-size: 16px; color: #999; line-height: 21px;} #news .hot .text-box .item .name{margin-bottom: 30px; padding-bottom: 26px; font-size: 30px; color: #333; font-weight: bold; line-height: 35px; height: calc(35px * 2);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #news .hot .text-box .item .name:hover{color: var(--main);} #news .hot .text-box .item .brief{font-size: 16px; color: #333; line-height: 25px; min-height: calc(25px * 3); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; box-orient: vertical;} #news .hot .text-box .bot{width: 80%;bottom: 50px; left: 9%; z-index: 3;} #news .hot .text-box .bot .page .swiper-pagination-bullet{margin: 0 6px;width: 10px; height: 10px; opacity: 1; background: #dedede; transition: all 0.3s ease;} #news .hot .text-box .bot .page .swiper-pagination-bullet.swiper-pagination-bullet-active, #news .hot .text-box .bot .page .swiper-pagination-bullet:hover{background: var(--main); } #news .hot .text-box .bot .btn-list{} #news .hot .text-box .bot .btn-list .btn{width: 9px; height: 18px; } #news .hot .text-box .bot .btn-list .btn.prev{margin-right: 34px;} #news .hot .text-box .bot .btn-list .btn .i1{display: inline-block;} #news .hot .text-box .bot .btn-list .btn .i2{display: none;} #news .hot .text-box .bot .btn-list .btn:hover .i1{display: none;} #news .hot .text-box .bot .btn-list .btn:hover .i2{display: inline-block;} #news .list{margin-bottom: 90px;} #news .list .item{width: 31.21%; margin-top: 55px; margin-right: 3.143%; background: #fff;} #news .list .item:nth-child(3n){margin-right: 0;} #news .list .item:nth-child(-n+3){margin-top: 0;} #news .list .item .pic{height: 245px;} #news .list .item .info{padding: 35px 7.91% 30px;} #news .list .item .info .time{margin-bottom: 4px; font-size: 16px; color: #737373; line-height:22px;} #news .list .item .info .name{margin-bottom: 12px; font-size: 20px; color: #1a1a1a; font-weight: bold; line-height: 38px;} #news .list .item .info .brief{/*margin-bottom: 65px;*/ font-size: 16px; color: #737373; line-height: 26px; height: calc(26px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #news .list .item .info .back{width: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 0.8) 0%,#ffffff 100%); padding: 35px 7.91%; bottom: -200px; left: 0; z-index: 1;} #news .list .item .info .btn {display: flex; width: 155px; height: 52px; padding:0 20px;background: transparent;transition: all .5s; justify-content: space-between; border: 1px solid #f3f3f3;} #news .list .item .info .btn .text {font-size: 16px;color:#333; } #news .list .item .info .btn .icon .i1{display: inline-block;} #news .list .item .info .btn .icon .i2{display: none;} #news .list .item:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.1);} #news .list .item:hover .info .brief{color: #1a1a1a;} #news .list .item:hover .info .name{color: var(--main);} #news .list .item:hover .info .back{bottom: 0;} #news .list .item:hover .info .btn{background: var(--main);} #news .list .item:hover .info .btn .text{color: #fff;} #news .list .item:hover .info .btn .icon .i1{display: none;} #news .list .item:hover .info .btn .icon .i2{display: inline-block;} #news .news-list .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #news .news-list .more:hover{border-color: var(--main); background: var(--main); color: #fff;} #news .news-list .more.isend{display: none;} @media (max-width: 1024px) { #news .hot .pic-box{width: 57.5%;} #news .hot .text-box{width: calc(100% - 57.5%);} #news .hot .text-box .item{padding: 50px 9%;} #news .hot .text-box .item .time{margin-bottom: 10px;} #news .hot .text-box .bot{bottom: 20px;} #news .list .item{width: 32%; margin-right: 2%;} #news .list .item .info .brief{margin-bottom: 25px;} } @media (max-width: 750px) { #news{padding: 80px 0;} #news .hot{flex-direction: column;} #news .hot .pic-box{width: 100%;} #news .hot .text-box{width: 100%;} #news .hot .text-box .item{padding: 45px 5% 100px;} #news .hot .text-box .item .time{font-size: 26px; line-height: 1.6;} #news .hot .text-box .item .name{font-size: 32px; line-height: 1.6; padding: 0; height: calc(48px * 1); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; line-clamp:1; box-orient: vertical;} #news .hot .text-box .item .brief{font-size: 30px; line-height: 1.6;} #news .hot .text-box .bot{width: 86%; bottom: 40px; left: 5%; align-items: center;} #news .hot .text-box .bot .btn-list .btn{width:30px; height: 30px;} #news .hot .text-box .bot .btn-list .btn img{transform: scale(1.5);} #news .list .item{width: 100%; margin-top: 40px; margin-right: 0;} #news .list .item:nth-child(-n+3){margin-top: 40px;} #news .list .item:first-child{margin-top: 0;} #news .list .item .info{padding: 40px 5%;} #news .list .item .info .time{font-size: 26px; line-height: 1.6;} #news .list .item .info .name{font-size: 36px; line-height: 1.6;} #news .list .item .info .brief{font-size: 30px; line-height: 1.6; height: calc(50px * 2);} #news .list .item .info .back{padding: 35px 0 0 0;position: inherit; bottom: inherit; left: inherit;} #news .list .item .info .btn{width: 200px; height: 60px;} #news .list .item .info .btn .text{font-size: 26px;} #news .list .item .info .btn{background: var(--main);} #news .list .item .info .btn .text{color: #fff;} #news .list .item .info .btn .icon .i1{display: none;} #news .list .item .info .btn .icon .i2{display: inline-block;} #news .news-list .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } /* 新闻详情 */ #news_detail{padding: 90px 0 110px; background: #fafafa;} #news_detail .title{font-size: 45px;color: #1a1a1a;font-weight: bold;margin-bottom: 27px; line-height: 64px;} #news_detail .time{margin-right: 34px;} #news_detail .time, #news_detail .views{font-size: 16px;color: #999; line-height: 25px;} #news_detail .content{margin-top: 45px; padding: 50px 0 135px; line-height: 29px; border-top: 1px solid #d9d9dd; border-bottom: 1px solid #d9d9dd;} #news_detail .bot{padding: 45px 0 50px; border-bottom: 1px solid #d9d9dd;} #news_detail .page{width: calc(100% - 200px);} #news_detail .page .prev{margin-bottom: 15px;} #news_detail .page span{font-size: 16px;color: #000;} #news_detail .page a{font-size: 16px;color: #000;opacity: .5;} #news_detail .page a:hover{opacity: 1;color: var(--main);} #news_detail .back{width: 170px;height: 50px;line-height: 50px;background: var(--main);font-size: 16px;color: #fff;} #news_detail .back:hover {opacity: .75;} #rel_news{padding: 50px 0 100px;} #rel_news .title{margin-bottom: 30px; font-size: 24px; color: #1a1a1a; font-weight: bold; line-height: 44px;} #rel_news .list .item{width: 31.214%; margin-right: 3.143%; background: #f0f1f5;} #rel_news .list .item:nth-child(3n){margin-right: 0;} #rel_news .list .item .info{padding: 29px 6.86% 40px;} #rel_news .list .item .time{font-size: 16px; color: #737373; font-family: "Arial";} #rel_news .list .item .name{font-size: 18px; color: #333;} #rel_news .list .item:hover .name{color: var(--main);} @media (max-width: 750px){ #news_detail{padding: 80px 0;} #news_detail .title{font-size: 56px; font-weight: 800; line-height:1.6;} #news_detail .time, #news_detail .views{font-size: 30px;} #news_detail .time .svg{width: 26px;height: 26px;} #news_detail .views .svg{width: 36px;height: 36px;} #news_detail .content *{font-size: 30px !important; line-height: 1.6 !important;} #news_detail .page{width: 100%;} #news_detail .page span{font-size: 30px;} #news_detail .page a{font-size: 30px;} #news_detail .back{width: 200px;height: 80px;line-height: 80px;font-size: 30px;margin-top: 20px;} #news_detail .bot{flex-wrap: wrap;} #rel_news{padding: 80px 0;} #rel_news .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #rel_news .list{flex-wrap: wrap;} #rel_news .list .item{width: 100%; margin-top: 40px; margin-right: 0;} #rel_news .list .item:first-child{margin-top:0;} #rel_news .list .item .info{padding: 40px 5%;} #rel_news .list .item .time{font-size: 30px; line-height: 1.6;} #rel_news .list .item .name{font-size: 36px; line-height: 1.6; color: var(--main);} } /* 视频中心 */ #video{padding: 100px 0 95px; background: #f7f7f7;} #video .list {margin-bottom: 80px;} #video .list .li{width: 31.214%; margin-top: 44px; margin-right: 3.143%; background: #fff;} #video .list .li:nth-child(3n){margin-right: 0;} #video .list .li:nth-child(-n+3){margin-top: 0;} #video .list .li .pic .play{background: rgba(0,0,0,0.6) url(/images/products/play.png) no-repeat bottom 20px right 20px; } #video .list .li .info{padding: 30px 6.864% 43px;} #video .list .li .info .name{margin-bottom: 6px; font-size: 20px; color: #1a1a1a; font-weight: bold; line-height: 40px;;} #video .list .li .info .brief{font-size: 16px; color: #999; line-height: 26px; height: calc(26px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} #video .list .li:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.1);} #video .list .li:hover .pic .play{background: transparent url(/images/news/play-r.png) no-repeat bottom 20px right 20px;} #video .list .li:hover .name{color: var(--main);} #video .list .li:hover .brief{color: #1a1a1a;} #video .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #video .more:hover{border-color: var(--main); background: var(--main); color: #fff;} #video .more.isend{display: none;} @media (max-width: 750px) { #video{padding: 80px 0;} #video .list .li{width: 100%; margin-top: 40px; margin-right: 0; } #video .list .li:nth-child(-n+3){margin-top: 40px;} #video .list .li:first-child{margin-top:0;} #video .list .li .info .name{font-size: 36px; line-height: 1.6;} #video .list .li .info .brief{font-size:30px; line-height: 1.6; height: calc(50px * 2);} #video .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } /* 招标信息 */ #bidding{padding: 90px 0 100px; background: #fafafa;} #bidding .title{margin-bottom: 60px;} #bidding .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #bidding .title .tit:hover{color: var(--main);} #bidding .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #bidding .cont{margin-bottom: 78px; } #bidding .cont .p1{width: 50%; border-right: 1px solid #ebebeb; padding: 27px 6.28%;} #bidding .cont .p2{width: 16.5%; border-right: 1px solid #ebebeb; padding: 27px 0;} #bidding .cont .p3{width: 12.35%; border-right: 1px solid #ebebeb; padding: 27px 0;} #bidding .cont .p4{width: 21%; padding: 27px 0;} #bidding .cont .top{background: #e6e6e6; font-size: 18px; color: #333; font-weight: bold;} #bidding .cont .list .li{border-top: 1px solid #fafafa; background: #fff; font-size: 16px; color: #333;} #bidding .cont .list .li:first-child{border-top: 0;} #bidding .cont .list .li .p4{color: #737373;} #bidding .cont .list .li:hover .p1{color: var(--main);} #bidding .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #bidding .more:hover{border-color: var(--main); background: var(--main); color: #fff;} #bidding .more.isend{display: none;} @media (max-width: 750px) { #bidding{padding: 80px 0;} #bidding .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #bidding .cont .top, #bidding .cont .list .li{font-size: 30px;} #bidding .cont .p1, #bidding .cont .p1{width: 68%;} #bidding .cont .p2, #bidding .cont .p3{display: none;} #bidding .cont .p4, #bidding .cont .list .li .p4{width: 32%;} #bidding .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } /* 服务网点 */ .service_box{margin-top: 110px;} .service_box #crumbs{background: #f6f6f6;} .service_box #crumbs .select-box{background-color: #f6f6f6;} #service{} #service .map{height: 950px; position: relative; z-index: 1;} #service .network_box{width: 44.792%; height: 100%; background: rgba(255,255,255,0.9); top: 0; left: 0; z-index: 5; display: flex; justify-content: flex-end;} #service .network_box .network{width: 69.767%; padding: 60px 0 70px;} #service .network_box .network .network_title{margin-bottom: 49px; font-size: 30px; color: #333; font-weight: bold; line-height: 28px; transition: all 0.3s ease;} #service .network_box .network .network_title:hover{color: var(--main);} #service .network_box .network .select_box{width: 83.333%; margin-bottom: 17px; } #service .network_box .network .select_box .sel{width: 49%; padding: 0 1.67%; height: 40px; border: 1px solid #ccc; background: url(/images/pro-icon1.png) no-repeat center right 20px #fff; position: relative; font-size: 16px; color: #1a1a1a; line-height: 40px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/service/train-icon5.png) no-repeat center right 17px;} #service .network_box .network .network_result{width: 83.333%;} #service .network_box .network .network_result .p1{margin-bottom: 11px; font-size: 16px; color: #333;} #service .network_box .network .network_result .p1 span{ color: var(--main); font-weight: bold;} #service .network_box .network .network_result .network_list{height: 643px; overflow-y: auto; border: 1px solid #e6e6e6;} #service .network_box .network .network_result .network_list .network_item{padding: 26px 4.6%; border-bottom: 1px solid #e7e7e7} #service .network_box .network .network_result .network_list .network_item:last-child{border-bottom: 0;} #service .network_box .network .network_result .network_list .network_item .name{margin-bottom: 6px; font-size: 16px; color: #333; font-weight: bold; line-height: 26px;} #service .network_box .network .network_result .network_list .network_item .info{line-height: 25px; font-size: 16px; color: #737373;} #service .network_box .network .network_result .network_list::-webkit-scrollbar, #service .network_box .network .network_result .network_list ::-webkit-scrollbar {height: 5px; width: 3px;background: rgba(0, 0, 0, 0); background: #ededed;} #service .network_box .network .network_result .network_list::-webkit-scrollbar-thumb, #service .network_box .network .network_result .network_list ::-webkit-scrollbar-thumb{background: var(--main);} /* #service .network_box .network .network_result .network_list::-webkit-scrollbar-thumb:hover, #service .network_box .network .network_result .network_list ::-webkit-scrollbar-thumb:hover{width: 5px;box-shadow: var(--main) 1px 1px 1px inset; background-color: var(--main);} */ #service .network_box .network .network_result .network_list .network_item:hover{background: #f7f7f7;} #service .network_box .network .network_result .network_list .network_item:hover .name{color: var(--main);} #service .network_box .network .network_result .network_list .network_item:hover .info{color: #000;} @media (max-width: 1440px) { #service .network_box .network{width: 89.767%;} } @media (max-width: 750px) { #service{display: flex; flex-direction: column-reverse;} #service .network_box{position: inherit; top: inherit; left: inherit; width: 92%; margin: 0 auto;} #service .network_box .network{width: 100%; padding: 80px 0;} #service .network_box .network .network_title{font-size: 42px; font-weight: 700; line-height:1.6; margin-bottom: 40px;} #service .network_box .network .select_box{width: 100%;} #service .network_box .network .select_box .sel{height: 60px; line-height: 60px; font-size: 30px;} #service .network_box .network .network_result{width: 100%;} #service .network_box .network .network_result .p1{font-size: 30px;} #service .network_box .network .network_result .network_list .network_item .name, #service .network_box .network .network_result .network_list .network_item .info{font-size: 30px; line-height: 1.6; } #service .network_box .network .network_result .network_list .network_item .name{margin-bottom: 15px;} } /* 资料下载 */ #download{} #download .part1{border-top: 1px solid #f0f0f0; box-shadow: 0 10px 20px rgba(0,0,0,0.03);} #download .part1 .cate_two .slide{width: auto; margin: 0 1.927%; font-size: 24px; color: #333; line-height: 97px; border-bottom: 3px solid transparent; position: relative;} #download .part1 .cate_two .slide.cur{font-weight: bold; color: var(--main); border-color: var(--main);} #download .part1 .cate_two .slide:hover{color: var(--main);} #download .part1 .cate_two .slide::before{content: ""; display: block; width: 1px; height: 17px; background: #dedede; position: absolute; top: 51%; left: -28px; transform: translateY(-50%); z-index: 1;} #download .part1 .cate_two .slide:first-child::before{display: none;} #download .part2{padding: 100px 0 85px;background: #f7f7f7;} #download .part2 .select_box{margin-bottom: 20px;} #download .part2 .select_box .sel{width: 32.357%; position: relative;} #download .part2 .select_box .sel::before{content:"";display: block; width: 1px; height: 58px; background: #e7e7e7; position: absolute; top:50%; right: 60px; transform: translateY(-50%); z-index: 3;} #download .part2 .select_box .select{width: 100%; padding-left: 24px; height: 60px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/service/train-icon5.png) no-repeat center right 24px #fff; position: relative; border: 1px solid #e7e7e7; line-height: 58px;font-size: 16px;} #download .part2 .select_box .select option{width:100%;} #download .part2 .select_box .select:hover{border-color:var(--main);} /* #download .part2 .select_box .sel .tit{width: 100%;height: 60px;color: #999;padding: 0 40px 0 20px;overflow: hidden;padding-left: 24px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/service/train-icon5.png) no-repeat center right 24px #fff; position: relative; border: 1px solid #e7e7e7; line-height: 58px;font-size: 16px;} */ /* #download .part2 .select_box .sel .tit.cur{border: 1px solid var(--main); color: #333;} */ #download .part2 .select_box .sel .tit .input{width: 100%;height: 60px;color: #999;padding: 0 40px 0 20px;overflow: hidden;padding-left: 24px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/service/train-icon5.png) no-repeat center right 24px #fff; position: relative; line-height: 58px;font-size: 16px; border: 1px solid #e7e7e7;} #download .part2 .select_box .sel .tit.cur .input{border: 1px solid var(--main); color: #333;} #download .part2 .select_box .sel .tit.HasId .input::placeholder{color: #333;} #download .part2 .select_box .sel .two-box{width: 100%;background: #fff;border-radius: 10px;padding: 20px 15px 5px 20px;position: absolute;top: calc(100% + 5px);left: 0;z-index: 2;} #download .part2 .select_box .sel .two-box .cont{height: 250px;overflow-y: auto;} #download .part2 .select_box .sel .two-box .cont::-webkit-scrollbar{width: 4px;background: rgba(0, 0, 0, 0);} #download .part2 .select_box .sel .two-box .cont::-webkit-scrollbar:hover{background: transparent;} #download .part2 .select_box .sel .two-box .cont::-webkit-scrollbar-thumb{background: #000;border-radius: 6px;} #download .part2 .select_box .sel .two-box .cont::-webkit-scrollbar-thumb:hover{box-shadow: #000 1px 1px 1px inset; background-color: #000;} #download .part2 .select_box .sel .two-box .li{margin-bottom: 12px;font-size: 18px;color: #222;} #download .part2 .select_box .sel .two-box .li:hover, #download .part2 .select_box .sel .two-box .li.on{color: var(--main);} #download .part2 .select_box .sel .two-box .li.hide {display: none !important;} #download .part2 .select_box .sel .btn {position: absolute;width: 60px;height: 60px;right: 60px;top: 0;z-index: 10;background: var(--main);} #download .part2 .list{margin-bottom: 72px;} #download .part2 .list .item{margin-top: 20px; padding: 17px 1.214%; background: #fff; border: 1px solid #ededed;} #download .part2 .list .item:first-child{margin-top: 0;} #download .part2 .list .item .pic{width: 20.714%; height: 170px; background: #f0f1f5;} #download .part2 .list .item .info{width: 68.929%; padding: 0 4.6428%;} #download .part2 .list .item .info .name{font-size: 18px; color: #1a1a1a; line-height: 39px;} #download .part2 .list .item .info .time{font-size: 16px; color: #999; line-height: 29px;} #download .part2 .list .item .down {width: 50px; height: 50px; background: #f1f1f1;} #download .part2 .list .item .down .i1{display: inline-block;} #download .part2 .list .item .down .i2{display: none;} #download .part2 .list .item:hover{box-shadow: 10px 0 30px rgba(0,0,0,0.1); border-color: transparent;} #download .part2 .list .item:hover .pic img{transform: scale(1.1);} #download .part2 .list .item:hover .info .name, #download .part2 .list .item:hover .info .time{color: var(--main);} #download .part2 .list .item:hover .down{background: var(--main);} #download .part2 .list .item:hover .down .i1{display: none;} #download .part2 .list .item:hover .down .i2{display: inline-block;} #download .more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #download .more:hover{border-color: var(--main); background: var(--main); color: #fff;} #download .more.isend{display: none;} @media (max-width: 750px) { #download .part1 .cate_two .slide{font-size: 32px;} #download .part2{padding: 80px 0;} #download .part2 .select_box{flex-wrap: wrap;} #download .part2 .select_box .sel{width: 100%; margin-top: 30px; } #download .part2 .select_box .sel::before{right: 80px; height: 78px;} #download .part2 .select_box .sel:first-child{margin-top: 0;} #download .part2 .select_box .sel .tit .input{height: 80px; line-height: 80px; font-size: 30px; padding: 0 80px 0 20px; background: url(/images/service/train-icon5.png) no-repeat center right 26px #fff; background-size: 25px;} #download .part2 .select_box .sel .two-box .li{font-size: 26px; line-height: 1.6;} #download .part2 .list .item{flex-wrap: wrap; padding: 20px 3.214%;} #download .part2 .list .item .pic{width: 100%; height: 290px; margin-bottom: 30px;} #download .part2 .list .item .info{width: 85%; padding: 0 2.6428%;} #download .part2 .list .item .info .name{font-size: 32px; line-height: 1.6; margin-bottom: 15px;} #download .part2 .list .item .info .time{font-size: 26px;} #download .part2 .list .item:hover .info .time{color: #333;} #download .part2 .list .item .down{width: 80px; height: 80px;background: var(--main);} #download .part2 .list .item .down img{transform: scale(1.5);} #download .part2 .list .item .down .i1{display: none;} #download .part2 .list .item .down .i2{display: inline-block;} #download .more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} #download .part2 .select_box .sel .btn {display: block;background: var(--main);} #download .part2 .select_box .sel .btn {position: absolute;width: 80px;height: 80px;right: 80px;top: 0;z-index: 10;background: var(--main);} } /* 培训学院-聚合页 */ #train{padding: 90px 0 130px; background: #fafafa;} #train .title{margin-bottom: 67px;} #train .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px; transition: all 0.3s ease;} #train .title .tit:hover{color: var(--main);} #train .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #train .content .li{width: 49.286%; margin-top: 20px;} #train .content .li:nth-child(-n+2){margin-top: 0; } #train .content .li .back{transition: transform 0.3s ease;} #train .content .li .info{width: 100%; height: 100%; flex-direction: column; justify-content: center;} #train .content .li .info .icon{margin: 0 auto 18px; width: 120px; height: 120px; background:#fff; border-radius: 50%; } #train .content .li .info .icon .i1{display: inline-block;} #train .content .li .info .icon .i2{display: none;} #train .content .li .info .name{font-size: 24px; font-weight: bold; color: #fff; line-height: 44px;} #train .content .li:hover .back{transform: scale(1.1);} #train .content .li:hover .info .icon{background: var(--main);} #train .content .li:hover .info .icon .i1{display: none;} #train .content .li:hover .info .icon .i2{display: inline-block;} @media (max-width: 750px) { #train{padding: 80px 0;} #train .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #train .content .li{width: 100%; margin-top: 40px;} #train .content .li:nth-child(-n+2){margin-top: 40px; } #train .content .li:first-child{margin-top: 0;} #train .content .li .info .name{font-size: 32px;} } /* 培训学院-培训需求表 */ #demand{padding: 90px 0 80px; background: #fafafa;} #demand .title{margin-bottom: 67px;} #demand .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #demand .title .tit:hover{color: var(--main);} #demand .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #demand .content{background: #fff; padding: 72px 0 78px;} #demand form{width: 56.786%; margin: 0 auto;} #demand form .input_text{width:100%; margin-top: 10px; display: flex; align-items: center;} #demand form .input_text:first-child{margin-top: 0;} #demand form .input_text .txt{width: 12.192%;font-size: 16px; color:#333;} #demand form .input_text .txt span{color: #ff0000; display: inline-block; margin-left: 7px;} #demand form .input_text .input{width: calc(100% - 12.192%); border: 1px solid #e3e3e3; padding: 0 1.67%; height: 50px; line-height: 48px; font-size: 16px;} #demand form .select_box .select{width: calc(100% - 12.192%); border: 1px solid #e3e3e3; position: relative;} #demand form .select_box .select select{width:100%; padding: 0 1.67%; height: 50px; line-height: 48px; font-size: 16px; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/service/train-icon5.png) no-repeat center right 17px;} #demand form .select_box .select select option{width:100%;} #demand form .select_box .select select option:first-child{color: #ccc;} #demand form .select_box .select::before, #demand form .time::before{content:"";display: block; width: 1px; height: 48px; background: #e3e3e3; position: absolute; top:50%; right: 50px; transform: translateY(-50%); z-index: 1;} #demand form .time{background: url(/images/service/train-icon5.png) no-repeat center right 17px; position: relative;} #demand form .time input::placeholder{color: #999;} #demand form .time input::-webkit-input-placeholder, #demand form .time input:-moz-placeholder, #demand form .time input::-moz-placeholder, #demand form .time input::-ms-input-placeholder{color: #999;} #demand form .textarea{align-items: flex-start;} #demand form .textarea .txt{margin-top: 18px;} #demand form .textarea textarea{width: calc(100% - 12.192%); border: 1px solid #e3e3e3; padding: 13px 1.67%; height: 215px; line-height: 28px; font-size: 16px;} #demand form .in_code{margin-bottom: 40px;} #demand form .in_code .input{margin-right: 15px; width: 150px; height: 50px; line-height: 50px; border: 1px solid #e3e3e3; padding: 0 1.67%; font-size: 16px; } #demand form .in_code .code{width: 152px; height: 50px; border: 1px solid #ccc; } #demand form .in_code .change{margin-left: 16px; font-size: 16px; color: #999;} #demand form .input_text .input:hover, #demand form .select_box .select:hover, #demand form .textarea textarea:hover, #demand form .in_code .input:hover{border-color: var(--main);} #demand form .submit{margin-left: 12.192%;width: 150px; height: 50px; line-height: 50px; background: var(--main); font-size: 16px; color: #fff; border-radius: 3px;} #demand form .submit:hover{opacity: 0.75;} @media (max-width: 750px) { #demand{padding: 80px 0;} #demand .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #demand .content{padding: 60px 0;} #demand form{width: 86%;} #demand form .input_text .txt{width: 30%;font-size: 30px;} #demand form .input_text .input, #demand form .select_box .select, #demand form .textarea textarea{width: calc(100% - 30%); font-size: 30px;} #demand form .input_text .input, #demand form .select_box .select select{height: 60px; line-height: 60px;font-size: 30px;} #demand form .time input::placeholder, #demand form .time input::-webkit-input-placeholder, #demand form .time input:-moz-placeholder, #demand form .time input::-moz-placeholder, #demand form .time input::-ms-input-placeholder{font-size: 30px;} #demand form .textarea textarea{line-height: 1.6;} #demand form .in_code .change{display: none;} #demand form .in_code{flex-wrap: wrap;} #demand form .in_code .txt{margin-bottom: 15px; width: 100%;} #demand form .in_code input{width: 67% !important;} #demand form .in_code .code{width: 30%; height: 60px;} #demand form .submit{width: 100%; margin: 0; font-size: 26px; height: 60px; line-height: 60px;} } /* 培训学院-知识课堂 */ #classroom_problem{padding: 90px 0 110px; background: #fafafa;} #classroom_problem .title{margin-bottom: 77px;} #classroom_problem .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #classroom_problem .title .tit:hover{color: var(--main);} #classroom_problem .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #classroom_problem .content{height: 430px;} #classroom_problem .container{margin-bottom: 32px; padding-bottom: 40px;} #classroom_problem .slide{padding: 0 15px;} #classroom_problem .item{background: #fff; } #classroom_problem .item .name{padding: 33px 2%; font-size: 16px; color: #333;} #classroom_problem .item:hover{box-shadow: 10px 0 30px rgba(0,0,0,0.06);} #classroom_problem .item:hover .name{color: var(--main);} #classroom_problem .bot_page{} #classroom_problem .bot_page .btn{width: 35px; height:16px; } #classroom_problem .bot_page .prev{margin-right: 24px;} #classroom_problem .bot_page .next{margin-left: 24px;} #classroom_problem .bot_page .btn .i1{display: inline-block;} #classroom_problem .bot_page .btn .i2{display: none;} #classroom_problem .bot_page .btn:hover .i1{display: none;} #classroom_problem .bot_page .btn:hover .i2{display: inline-block;} #classroom_problem .bot_page .swiper-pagination-bullet{margin: 0 6px; width: 10px; height: 10px; background: #dedede; opacity: 1; transition: all 0.3s ease;} #classroom_problem .bot_page .swiper-pagination-bullet.swiper-pagination-bullet-active, #classroom_problem .bot_page .swiper-pagination-bullet:hover{background: var(--main);} #classroom_welding{padding: 90px 0 100px;} #classroom_welding .title{margin-bottom: 64px;} #classroom_welding .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #classroom_welding .title .tit:hover{color: var(--main);} #classroom_welding .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #classroom_welding .list .item{width: 31.786%; margin-right: 2.2%; margin-top: 33px;} #classroom_welding .list .item:nth-child(3n){margin-right: 0;} #classroom_welding .list .item:nth-child(-n+3){margin-top: 0;} #classroom_welding .list .item .name{padding: 22px 10px; border-bottom: 1px solid #f0f1f5; font-size: 16px; color: #333;} #classroom_welding .list .item:hover .name{color: var(--main);} @media (max-width: 1366px) { #classroom_problem .container{margin-bottom: 0;} } @media (max-width: 1280px) { #classroom_problem .content{height: 355px;} } @media (max-width: 1024px) { #classroom_problem .content{height: 505px;} } @media (max-width: 750px) { #classroom_problem{padding: 80px 0;} #classroom_problem .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #classroom_problem .content{height: 700px;} #classroom_problem .item .name{font-size: 30px;} #classroom_problem .bot_page .btn img{transform: scale(1.5);} #classroom_welding{padding: 80px 0;} #classroom_welding .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #classroom_welding .list .item{width: 48%; margin-top: 40px;} #classroom_welding .list .item:nth-child(3n){margin-right: 2.2%;} #classroom_welding .list .item:nth-child(-n+3){margin-top: 40px;} #classroom_welding .list .item:nth-child(2n){margin-right: 0;} #classroom_welding .list .item:nth-child(-n+2){margin-top: 0;} #classroom_welding .list .item .name{font-size: 30px; line-height: 1.6;} } /* 培训学院-焊接指南 */ #guide{padding: 90px 0 130px; background: #fafafa;} #guide .title{margin-bottom: 67px;} #guide .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;} #guide .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #guide .list{} #guide .list .li{padding: 25px 0; background: #fff; border: 2px solid #fff;} #guide .list .li .name{width: 83.214%; padding-left: 7.285%;} #guide .list .li .time{width: calc(100% - 83.214%);} #guide .list .top{margin-bottom: 20px; padding: 29px 0; background: #e6e6e6; border: 2px solid #e6e6e6; font-size: 18px; color: #333; font-weight: bold; line-height: 28px;} #guide .list .item{margin-top: 10px;} #guide .list .item .name{font-size: 18px; color: #333; line-height: 28px; background: url(/images/service/train-pic16.png) no-repeat center left 50px;} #guide .list .item .time{font-size: 16px; color: #999; line-height: 28px;} #guide .list .item:hover{border-color: var(--main);} #guide .list .item:hover .name{color: var(--main);} #guide .list .item:hover .time{color: #333;} @media (max-width: 1200px) { #guide .list .item .name{background: url(/images/service/train-pic16.png) no-repeat center left 30px;} } @media (max-width: 1024px) { #guide .list .li .name{padding-left: 9.285%;} } @media (max-width: 750px) { #guide{padding: 80px 0;} #guide .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #guide .list .top{font-size: 30px;} #guide .list .li .name{width: 65.214%;} #guide .list .li .time{width: calc(100% - 76.214%);} #guide .list .item{align-items: center;} #guide .list .item .name{width: 71.214%; font-size: 30px; line-height: 1.6; background: url(/images/service/train-pic16.png) no-repeat center left 18px;} #guide .list .item .time{width: calc( 100% - 71.214%);font-size: 26px;} } /* 培训学院-培训列表 */ #train_list{padding: 90px 0 110px; background: #fafafa;} #train_list .title{margin-bottom: 67px;} #train_list .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;} #train_list .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #train_list .content{} #train_list .content .year_list{width: 7.71%;} #train_list .content .year_list .year_item{margin-top: 34px;} #train_list .content .year_list .year_item:first-child{margin-top: 0;} #train_list .content .year_list .year_item .year{margin-bottom: 34px; width: 100%; font-size: 30px; color: #fff; line-height: 50px; background: #c0c0c0; /*font-family: "GB";*/ font-weight: bold;} #train_list .content .year_list .year_item .year.cur{background: var(--main);} #train_list .content .year_list .year_item .month_list{margin-left: 11.926%; border-left: 1px solid #dddddd;} #train_list .content .year_list .year_item .month_list .month{ padding-left: 21px; height: max-content; font-size: 16px; color: #999; margin-bottom: 34px;} #train_list .content .year_list .year_item .month_list .month:last-child{margin-bottom: 0;} #train_list .content .year_list .year_item .month_list .month:hover{color: var(--main);} #train_list .content .year_list .year_item .month_list .month.cur{color:var(--main); font-weight: bold; position: relative;} #train_list .content .year_list .year_item .month_list .month.cur::after{content:""; display: block; width: 2px; height: 100%; background: var(--main); position: absolute; top: 0; left: -1px; z-index: 1;} #train_list .content .ajax_box{width: 88.214%;} #train_list .content .list .train_item{margin-top: 10px; padding: 35px 5.66%; background: #fff;} #train_list .content .list .train_item:first-child{margin-top: 0;} #train_list .content .list .train_item .name{margin-bottom: 6px; font-size: 20px; color: #333; font-weight: bold; line-height: 36px;} #train_list .content .list .train_item .brief{line-height: 25px; font-size: 16px; color: #737373; height: calc(25px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; line-clamp:2; box-orient: vertical;} #train_list .content .list .train_item:hover .name{color: var(--main);} @media (max-width: 750px) { #train_list .content .year_list{width: 14.71%;} #train_list .content .year_list .year_item .year{font-size: 32px;} #train_list .content .year_list .year_item .month_list .month{font-size: 26px;} #train_list .content .ajax_box{width: 80.214%;} #train_list .content .list .train_item .name{font-size: 36px; line-height: 1.6;} #train_list .content .list .train_item .brief{font-size: 26px; line-height: 1.6; height: calc(40px * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical;} } /* 员工 */ #staff_view{padding: 100px 0; border-top: 1px solid #f0f1f5; } #staff_view .list .item{margin-top: 100px;} #staff_view .list .item:first-child{margin-top: 0;justify-content: flex-end;} #staff_view .list .item:nth-child(2n){justify-content: flex-start;} #staff_view .list .item .pic{width: 93.57%;} #staff_view .list .item .info{width: 42.5%; padding: 85px 3.76% 40px; background: #fbfbfb; top: 50%; left: 0; transform: translateY(-50%); z-index: 3;} #staff_view .list .item:nth-child(2n) .info{left: inherit; right: 0;} #staff_view .list .item .info .p1{margin-bottom: 28px; font-size: 24px; color: #333; font-weight: bold; line-height: 47px;} #staff_view .list .item .info .p2{margin-bottom: 11px; font-size: 24px; color: var(--main); font-weight: bold; line-height: 37px; } #staff_view .list .item .info .p3{font-size: 16px; color: #666; line-height: 26px; height: calc(26px * 6); overflow-y: auto;} #staff_environment{padding: 90px 0 100px; background: #fbfbfb;} #staff_environment .title{margin-bottom: 50px;} #staff_environment .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #staff_environment .title .tit:hover{color: var(--main);} #staff_environment .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #staff_environment .cont .item{width: 48.571%;} #staff_environment .cont .item .info{padding-top: 35px;} #staff_environment .cont .item .info .p1{margin-bottom: 14px; font-size: 24px; color: #333; font-weight: bold; line-height: 43px;} #staff_environment .cont .item .info .p2{font-size: 16px; color: #737373; line-height: 27px;} #staff_activity{padding: 90px 0 120px; background: #ffffff;} #staff_activity .title{margin-bottom: 50px;} #staff_activity .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #staff_activity .title .tit:hover{color: var(--main);} #staff_activity .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #staff_activity .cont .li {width: 35.857%;} #staff_activity .cont .li:nth-child(2){width: 23.928%;} #staff_activity .cont .li .pic:nth-child(2){margin-top: 30px;} #staff_join{padding-bottom: 80px;} #staff_join .info{height: max-content; padding: 0 6.428%; bottom: inherit; top: 50%; transform: translateY(-50%); } #staff_join .info .p1{margin-bottom: 10px; font-size: 36px; color: #0a0a0a; font-weight: bold; line-height: 55px;} #staff_join .info .p2{} #staff_join .info .p2 .txt{font-size: 24px; color: var(--main); font-weight: bold; line-height: 39px;} #staff_join .info .p2 .jt{margin-left: 20px; } #staff_join .info .p2:hover .jt{animation: move 1s;} @keyframes move { 0% {transform: translateX(0);} 50% {transform: translateX(15px);} 100% {transform: translateX(0);} } @media (max-width: 1366px) { #staff_view .list .item .info{width: 45.5%;} } @media (max-width: 1024px) { #staff_view .list .item .info{width: 49.5%; padding: 40px 3.76%;} } @media (max-width: 750px) { #staff_view{padding: 80px 0;} #staff_view .list .item{flex-direction: column; margin-top: 40px;} #staff_view .list .item .pic{width: 100%;} #staff_view .list .item .info{width: 100%; padding: 40px 5.76%; position: inherit; top: inherit; left:inherit; transform: translate(0);} #staff_view .list .item .info .p1{font-size: 42px; line-height: 1.6; font-weight: 700;} #staff_view .list .item .info .p2{font-size: 36px; line-height: 1.6; font-weight: 500;} #staff_view .list .item .info .p3{font-size: 30px; line-height: 1.6; font-weight: 500; height: calc(40px * 6); padding-right: 5px;} #staff_environment{padding: 80px 0;} #staff_environment .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #staff_environment .cont{flex-wrap: wrap;} #staff_environment .cont .item{width: 100%; margin-top: 40px;} #staff_environment .cont .item:first-child{margin-top: 0;} #staff_environment .cont .item .info .p1{font-size: 36px; line-height: 1.6; font-weight: 700;} #staff_environment .cont .item .info .p2{font-size: 30px; line-height: 1.6; font-weight: 500;} #staff_activity{padding: 80px 0;} #staff_activity .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #staff_activity .cont{flex-wrap: wrap;} #staff_activity .cont .li, #staff_activity .cont .li:nth-child(2){width: 100%;} #staff_activity .cont .li:nth-child(2){margin: 30px 0;} #staff_join .info .p1{margin-bottom: 15px;} #staff_join .info .p2 .txt{font-size: 26px;} } /* 加入我们 */ #join{padding: 100px 0 80px; background: #fafafa;} #join .item{ margin-top: 10px; border: 1px solid #f2f2f2;padding: 0 5.642%; height: 80px; cursor: pointer;} #join .item .txt{width: 19.5%; font-size: 16px; color: #737373;} #join .item .txt:last-child{width: auto;} #join .item .tit{font-size: 18px; color: #333;} #join .item .date img{ margin-right: 15px;} #join .tbody .btn{ width:27px; height: 27px; background: url(/images/staff/staff-pic12.png) no-repeat center center;} #join .tbody.cur {background-color: #fbfcfd; border-color: hsl(0, 0%, 90%);} #join .tbody.cur .tit{font-weight: bold;} #join .tbody.cur .btn{ background: url(/images/staff/staff-pic13.png) no-repeat center center;} #join .con{background: #fff;} #join .con .description{ padding: 44px calc(60px + 240px) 113px 80px;border: 1px solid #e5e5e5; border-top: 0;} #join .con .description .content .caption {margin-bottom: 6px;font-size: 18px;color:#333;transition: all 0.3s ease;} #join .con .description .content .caption:hover{color: var(--main); font-weight: bold;} #join .con .description .content .text {margin-bottom: 46px; color: #999;line-height: 31px;font-size: 16px;} #join .con .description .content .text:nth-child(4){margin-bottom: 0;} #join .con .email{font-size: 18px; color: var(--main); font-weight: bold; left: 80px; bottom: 80px;} #join .con .pop-btn{right: 100px; bottom: 80px; overflow:hidden; z-index: 4; width:173px; height:52px; background: var(--main);line-height: 52px; font-size: 18px; color:#fff; text-align: center;} #join .con .pop-btn:hover {opacity: .75;} @media screen and (max-width: 750px){ #join .con .description .content .text {font-size: 30px; line-height: 1.6;} #join .item{height: 90px;} #join .item .num, #join .item .date{ display: none;} #join .item .tit, #join .item .add{ font-size: 30px;} #join .item .txt{width: 47%;} #join .tbody .btn:before{ height: 30px; } #join .tbody .btn:after{ width: 30px;} #join .con .description{padding: 40px 40px calc(60px + 66px) 40px;} #join .con .description .subText {padding-bottom: 60px;display: block;font-weight: 400;font-size: 30px;} #join .con .description *{ line-height: 1.8; font-size: 30px;} #join .con .description .content .caption {font-size: 36px;} #join .con .pop-btn{ height:80px;width:160px;bottom: 30px; right: 42px; width: 200px; line-height: 80px; font-size: 26px;} #join .con .email{font-size: 26px; bottom: 30px; lefT: 40px;} } /* 投资者关系 */ #investor{padding: 100px 0 80px; background: #f7f7f7;} #investor .list .li{width: 31.429%; margin-top: 40px; margin-right: 2.857%;} #investor .list .li:nth-child(-n+3){margin-top: 0; } #investor .list .li:nth-child(3n){margin-right: 0; } #investor .list .li1{background: url(/images/investment/inv-pic1.png) no-repeat center right; display: flex; align-content: center;justify-content: flex-start; flex-wrap: wrap;} #investor .list .li1 .p1{width: 100%; height: max-content; font-size: 42px; color: #333; font-weight: bold; line-height: 55px; position: relative; transition: all 0.3s ease;} #investor .list .li1 .p1:hover{color: var(--main);} #investor .list .li1 .p2{width: 100%; height: max-content; font-size: 24px; color: #999; line-height: 35px;} #investor .list .li1 .p1::before{content:"";display: block; width: 67px; height: 66px; background: url(/images/investment/inv-pic12.png) no-repeat center center; position: absolute; top: -32px; left: 55%; display: none;} #investor .list .li2{background: #fff; padding: 48px 3.571% 30px;} #investor .list .li2 .icon{margin-bottom: 23px;} #investor .list .li2 .icon .i1{display: inline-block;} #investor .list .li2 .icon .i2{display: none;} #investor .list .li2 .name_cn{font-size: 24px; color: #333; font-weight: bold; line-height: 39px;} #investor .list .li2 .name_en{font-size: 18px; color: #999; line-height: 28px; margin-bottom: 37px;} #investor .list .li2 .add{width: 35px; height: 35px; background: #f0f1f5 url(/images/products/pro-pic2.png) no-repeat center center;} #investor .list .li2:hover{background: var(--main);} #investor .list .li2:hover .icon{transform: translateY(-5px);} #investor .list .li2:hover .icon .i1{display: none;} #investor .list .li2:hover .icon .i2{display: inline-block;} #investor .list .li2:hover .name_cn{color: #fff;} #investor .list .li2:hover .name_en{color: rgba(255,255,255,0.8);} #investor .list .li2:hover .add{background-color: #fff;} @media (max-width: 1280px) { #investor .list .li1 .p1::before{left: 62%;} } @media (max-width: 1024px) { #investor .list .li1 .p1::before{left: 74%;} } @media (max-width: 750px) { #investor{padding-top: 0;} #investor .list .li{width: 48.429%;} #investor .list .li:nth-child(-n+3){margin-top: 40px;} #investor .list .li:nth-child(3n){margin-right: 2.857%;} #investor .list .li2:nth-of-type(2n){margin-right: 0;} #investor .list .li1{width:100%; margin-top: 0; padding: 84px 0;} #investor .list .li1 .p1::before{left: 40%;} #investor .list .li1 .p2{font-size: 26px;} #investor .list .li2{background: var(--main);} #investor .list .li2 .icon .i1{display: none;} #investor .list .li2 .icon .i2{display: inline-block;} #investor .list .li2 .name_cn{font-size: 36px; line-height: 1.6; color: #fff;} #investor .list .li2 .name_en{font-size: 26px; line-height: 1.6; color: rgba(255,255,255,0.8);} #investor .list .li2 .add{background-color: #fff;} } /* 旗下企业 */ #enterprises{padding: 90px 0 80px; background: #fafafa;} #enterprises .title{margin-bottom: 43px;} #enterprises .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #enterprises .title .tit:hover{color: var(--main);} #enterprises .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #enterprises .content{padding-bottom: 95px; display: flex; justify-content: flex-end;} #enterprises .content .map{width: 83.357%;} #enterprises .content .i1{width: 15px; height: 15px;} #enterprises .content .map-icon{ width:15px;height: 15px; padding: 4px; background:rgba(222,0,16,.3); border-radius:50%; margin:auto;} #enterprises .content .map-icon::before{ width:100%; height:100%; opacity:0; border-radius: 50%; box-shadow:inset var(--main) 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #enterprises .content .map-icon span{ width:7px; height: 7px; overflow:visible; background: var(--main); position:relative; border-radius:100%;line-height: normal;} #enterprises .content .map-icon span::before{content:''; width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset var(--main) 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; } #enterprises .content .map-icon::before, #enterprises .content .map-icon span::before{ animation:warn_map 2s ease-out .1s infinite; -webkit-animation:warn_map 2s ease-out .1s infinite;} #enterprises .content .map-icon.cur{width: 30px; height: 30px; background: transparent;} #enterprises .content .map-icon.cur span, #enterprises .content .map-icon.cur span::before, #enterprises .content .map-icon.cur::before, #enterprises .content .map-icon.cur span::before{display: none;} #enterprises .content .map-icon.cur img{display: block;width: 100%; height: 100%; transform: translate(10px, -15px);} /* #enterprises .content .i1{top: 49.048%; right: 21.843%;}1 #enterprises .content .map-icon0{top: 23.64%; right: 26.785%;}2 #enterprises .content .map-icon1{top: 55.048%; right: 24.843%;}3 #enterprises .content .map-icon2{top: 78%; right: 14.943%;}4 #enterprises .content .map-icon3{top: 49.048%; right: 30.93%;}5 #enterprises .content .map-icon4{top: 50.048%; right: 40.93%;}6 #enterprises .content .map-icon5{top: 75.352%; right: 45.83%;}7 #enterprises .content .map-icon6{top: 31.148%; right: 49.5%;}8 #enterprises .content .map-icon7{top: 23.148%; right: 84.5%;}9 #enterprises .content .map-icon8{top: 39.148%; right: 79.5%;}10 #enterprises .content .map-icon9{top: 49.148%; right: 81%;}11 #enterprises .content .map-icon10{top: 71.852%; right: 65.5%;} */ #enterprises .content .info {width: 40.214%; padding: 28px 2.29% 43px; background: var(--main); bottom: 0; left: 0; z-index: 3;} #enterprises .content .info .tit{font-size: 20px; color: #fff; font-weight: bold; line-height: 40px;;} #enterprises .content .info .ul{width: 100%;} #enterprises .content .info .ul .li{margin-top: 13px; align-items: baseline;} #enterprises .content .info .ul .li .icon{width: 20px; margin-right: 22px;} #enterprises .content .info .ul .li .txt{width: calc(100% - 42px);font-size: 16px; color: #fff; line-height: 29px;} #enterprises .content .info .ul .li .txt span{color: #fff;} #enterprises .content .info .ul .li .txt .l1{margin-right: 10px; } #enterprises .content .info .ul .li .txt .l1:nth-child(2){margin-right: 0;} @media (max-width: 1366px) { #enterprises .content{padding-bottom: 140px;} } @media (max-width: 1280px) { #enterprises .content{padding-bottom: 200px;} } @media (max-width: 1024px) { #enterprises .content{padding-bottom: 0; flex-direction: column;} #enterprises .content .map{width: 100%;} #enterprises .content .info{position: inherit; bottom: inherit; left: inherit; width: 100%; margin-top: 40px;} } @media (max-width: 750px) { #enterprises{padding: 80px 0;} #enterprises .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #enterprises .content .info{padding: 40px;} #enterprises .content .info .tit{font-size: 36px; font-weight: 500; line-height: 1.6;} #enterprises .content .info .ul .li{align-items: flex-start;} #enterprises .content .info .ul .li .icon{width: 30px; height: 30px; margin-top: 12px;} #enterprises .content .info .ul .li .icon img{transform: scale(1.5);} #enterprises .content .info .ul .li .txt{width: calc(100% - 55px);font-size: 30px; line-height: 1.6;} } /* 信息披露 */ #information{padding: 90px 0 80px; background: #fafafa;} #information .title{margin-bottom: 72px;} #information .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #information .title .tit:hover{color: var(--main);} #information .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #information .content{} #information .content .left_nav{width: 6.5%; height: max-content; /*border-left: 1px solid #cccccc;*/ position: sticky; top: 110px;} #information .content .left_nav::before{content:""; display: block; width: 2px; height: 130%; background: linear-gradient(to bottom, var(--main),transparent); position: absolute; top: 0; left: -1px; z-index: 1;} #information .content .left_nav .li{margin-top: 50px; font-size: 24px; color: #666; font-family: "GR";} #information .content .left_nav .li:first-child{margin-top: 0;} #information .content .left_nav .li:hover{color: var(--main);} #information .content .left_nav .li.cur{/*font-family: "GB";*/ font-weight: bold; color: var(--main); position: relative;} #information .content .left_nav .li.cur::before{content: ""; display: block; width: 4px; height: 100%; background: linear-gradient(to bottom, var(--main),transparent); position: absolute; left: -1px; top: 0; z-index: 1;} #information .content .right_cont{width: 89.643%;} #information .content .right_cont .item{margin-bottom: 34px;padding-bottom: 40px; border-bottom: 1px solid #e6e6e6;} #information .content .right_cont .item:last-of-type{margin-bottom: 0; border-bottom: 0;} #information .content .right_cont .item .year{width: 8.42%; font-size: 36px; color: #333; /*font-family: "GB";*/ font-weight: bold;} #information .content .right_cont .item.cur .year{/*font-family: "GB";*/ font-weight: bold; color: var(--main); position: relative;} #information .content .right_cont .item .info_list{width: 79.143%;} #information .content .right_cont .item .info_list .info_li{margin-top: 6px; padding: 7px 1.428% 12px 2.5%;} #information .content .right_cont .item .info_list .info_li:first-child{margin-top:0;} #information .content .right_cont .item .info_list .info_li .left_info{width: 90%;} #information .content .right_cont .item .info_list .info_li .left_info .name{font-size: 16px; color: #333; line-height: 35px; height: 35px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #information .content .right_cont .item .info_list .info_li .left_info .time{font-size: 16px; color: #999; line-height: 26px;} #information .content .right_cont .item .info_list .info_li .down{width: 50px; height: 50px; background: #f1f1f1;} #information .content .right_cont .item .info_list .info_li .down .i1{display: inline-block;} #information .content .right_cont .item .info_list .info_li .down .i2{display: none;} #information .content .right_cont .item .info_list .info_li:hover{background: #fff;} #information .content .right_cont .item .info_list .info_li:hover .left_info .name{color: var(--main);} #information .content .right_cont .item .info_list .info_li:hover .left_info .time{color: #333;} #information .content .right_cont .item .info_list .info_li:hover .down{background: var(--main);} #information .content .right_cont .item .info_list .info_li:hover .down .i1{display: none;} #information .content .right_cont .item .info_list .info_li:hover .down .i2{display: inline-block;} @media (max-width: 1024px) { #information .content .left_nav{display: none;} #information .content .right_cont{width: 100%;} } @media (max-width: 750px) { #information{padding: 80px 0;} #information .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #information .content .right_cont .item .year{width: 13.42%; font-size: 42px;} #information .content .right_cont .item .info_list{width: 83%;} #information .content .right_cont .item .info_list .info_li{background: #fff; margin-top: 40px; padding: 20px;} #information .content .right_cont .item .info_list .info_li .left_info .name{font-size: 30px; margin-bottom: 20px; line-height: 40px; height: calc(40px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #information .content .right_cont .item .info_list .info_li .left_info .time{font-size: 26px; color: #333;} #information .content .right_cont .item .info_list .info_li .down{background: var(--main);} #information .content .right_cont .item .info_list .info_li .down .i1{display: none;} #information .content .right_cont .item .info_list .info_li .down .i2{display: inline-block;} } /* 股票信息 */ #stock{padding: 90px 0 80px; background: #fafafa;} #stock .title{margin-bottom: 72px;} #stock .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #stock .title .tit:hover{color: var(--main);} #stock .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} @media (max-width: 750px) { #stock{padding: 80px 0;} #stock .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} } /* 投资者保护 */ #protection{padding: 90px 0 64px; background: #fafafa;} #protection .title{margin-bottom: 58px;} #protection .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #protection .title .tit:hover{color: var(--main);} #protection .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #protection .detail{width: 64.571%; margin: 0 auto; font-size: 16px; color: #333; line-height: 29px;} #protection .down{margin-top: 60px;} #protection .down .icon{margin: 0 auto 14px; width: 90px; height: 90px; background: #fff; border-radius: 50%; box-shadow: 10px 0 30px rgba(0,0,0,0.05);} #protection .down .txt{font-size: 16px; color: #333; font-weight: bold; line-height: 28px;} #protection .down:hover .icon{box-shadow: 10px 0 30px rgba(222,0,16,0.1);} @media (max-width: 750px) { #protection{padding: 80px 0;} #protection .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #protection .detail{width: 100%;} #protection .detail *{font-size: 30px !important; line-height: 1.6 !important;} #protection .down .icon{width: 120px; height: 120px; box-shadow: 10px 0 30px rgba(222,0,16,0.1);} #protection .down .icon img{transform: scale(1.5);} #protection .down .txt{font-size: 30px; line-height: 1.6;} } /* 公司治理 */ #governance{padding: 90px 0 64px; background: #f9f9f9;} #governance .title{margin-bottom: 69px;} #governance .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #governance .title .tit:hover{color: var(--main);} #governance .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} @media (max-width: 750px) { #governance{padding: 80px 0;} #governance .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #governance .detail *{font-size: 30px !important; line-height: 1.6 !important;} } /* 年度报告 */ #report{padding: 90px 0 80px; background: #fafafa;} #report .title{margin-bottom: 72px;} #report .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #report .title .tit:hover{color: var(--main);} #report .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #report .content{} /* #report .content .left_nav{width: 6.5%; height: max-content; border-left: 1px solid #cccccc; position: sticky; top: 110px;} */ #report .content .left_nav{width: 6.5%; height: max-content; /*border-left: 1px solid #cccccc;*/ position: sticky; top: 110px;} #report .content .left_nav::before{content:""; display: block; width: 1px; height: 100%; background: linear-gradient(to bottom, var(--main),transparent); position: absolute; top: 0; left: -1px; z-index: 1;} #report .content .left_nav .li{margin-top: 50px; font-size: 24px; color: #666; font-family: "GR";} #report .content .left_nav .li:first-child{margin-top: 0;} #report .content .left_nav .li:hover{color: var(--main);} #report .content .left_nav .li.cur{/*font-family: "GB";*/ font-weight: bold; color: var(--main); position: relative;} #report .content .left_nav .li.cur::before{content: ""; display: block; width: 2px; height: 100%; background: var(--main); position: absolute; left: -1px; top: 0; z-index: 1;} #report .content .right_cont{width: 89.643%;} #report .content .right_cont .item{margin-bottom: 76px;} #report .content .right_cont .item:last-of-type{margin-bottom: 0;} #report .content .right_cont .item .year{width: 8.42%; font-size: 36px; color: #333; /*font-family: "GB";*/ font-weight: bold;} #report .content .right_cont .item.cur .year{color: var(--main);} #report .content .right_cont .item .info_list{width: 79.143%;} /* #report .content .right_cont .item .info_list .info_li{width: 45.442%; margin-right: 5.204%; margin-top: 40px;} #report .content .right_cont .item .info_list .info_li:nth-child(-n+2){margin-top: 0;} #report .content .right_cont .item .info_list .info_li:nth-child(2n){margin-right: 0;} #report .content .right_cont .item .info_list .info_li .pic{background: #fff; padding: 52px 0;} */ #report .content .right_cont .item .info_list .info_li .name{margin-top: 35px;font-size: 16px; color: #333; line-height: 25px;} #report .content .right_cont .item .info_list .info_li:hover .pic{box-shadow: 10px 0 30px rgba(0,0,0,0.08);} #report .content .right_cont .item .info_list .info_li{width: 30.442%;margin-right: 4.204%;margin-top: 40px;} #report .content .right_cont .item .info_list .info_li:nth-child(-n+3){margin-top: 0;} #report .content .right_cont .item .info_list .info_li:nth-child(3n){margin-right: 0;} #report .content .right_cont .item .info_list .info_li .pic{background: #fff; padding: 25px 10px;} #report .content .right_cont .item .info_list .info_li .pic img{transform: scale(0.85); transition: all 0.3s ease;} #report .content .right_cont .item .info_list .info_li:hover .pic img{transform: scale(0.9);} #news_detail.report .content{padding-bottom: 40px; border-bottom: 0;} #news_detail.report .down{padding-bottom: 60px; border-bottom: 1px solid #d9d9dd;} #news_detail.report .down .icon{margin: 0 auto 14px; width: 90px; height: 90px; background: #fff; border-radius: 50%; box-shadow: 10px 0 30px rgba(0,0,0,0.05);} #news_detail.report .down .txt{font-size: 16px; color: #333; font-weight: bold; line-height: 28px;} #news_detail.report .down:hover .icon{box-shadow: 10px 0 30px rgba(222,0,16,0.1);} @media (max-width: 1024px) { #report .content .left_nav{display: none;} #report .content .right_cont{width: 100%;} } @media (max-width: 750px) { #report{padding: 80px 0;} #report .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #report .content .right_cont .item .year{width: 13.42%; font-size: 42px;} #report .content .right_cont .item .info_list{width: 84%;} /* #report .content .right_cont .item .info_list .info_li{width: 46.442%;} */ #report .content .right_cont .item .info_list .info_li{width: 30.442%;} /* #report .content .right_cont .item .info_list .info_li .pic{padding: 40px 20px;} */ #report .content .right_cont .item .info_list .info_li .name{font-size: 26px; line-height: 1.6;} #news_detail.report .down .icon{width: 120px; height: 120px; box-shadow: 10px 0 30px rgba(222,0,16,0.1);} #news_detail.report .down .icon img{transform: scale(1.5);} #news_detail.report .down .txt{font-size: 30px; line-height: 1.6;} } /* 年度报告 */ #dividend{padding: 90px 0 80px; background: #ffffff; border-top: 1px solid #f0f0f0;} #dividend .title{margin-bottom: 72px;} #dividend .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #dividend .title .tit:hover{color: var(--main);} #dividend .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #dividend .content{} /* #dividend .content .left_nav{width: 6.5%; height: max-content; border-left: 1px solid #cccccc; position: sticky; top: 110px;} */ #dividend .content .left_nav{width: 6.5%; height: max-content; /*border-left: 1px solid #cccccc;*/ position: sticky; top: 110px;} #dividend .content .left_nav::before{content:""; display: block; width: 1px; height: 100%; background: linear-gradient(to bottom, var(--main),transparent); position: absolute; top: 0; left: -1px; z-index: 1;} #dividend .content .left_nav .li{margin-top: 50px; font-size: 24px; color: #666; font-family: "GR";} #dividend .content .left_nav .li:first-child{margin-top: 0;} #dividend .content .left_nav .li:hover{color: var(--main);} #dividend .content .left_nav .li.cur{/*font-family: "GB";*/ font-weight: bold; color: var(--main); position: relative;} #dividend .content .left_nav .li.cur::before{content: ""; display: block; width: 2px; height: 100%; background: var(--main); position: absolute; left: -1px; top: 0; z-index: 1;} #dividend .content .right_cont{width: 85.643%;} #dividend .content .right_cont .item{margin-bottom: 42px; padding-bottom: 40px; border-bottom: 1px solid #e6e6e6;} #dividend .content .right_cont .item:last-of-type{margin-bottom: 0;} #dividend .content .right_cont .item .year{width: 8.42%; font-size: 36px; color: #333; /*font-family: "GB";*/ font-weight: bold;} #dividend .content .right_cont .item.cur .year{color: var(--main);} #dividend .content .right_cont .item .info_list{width: 85.143%;} #dividend .content .right_cont .item .info_list .info_li{margin-top: 40px;} #dividend .content .right_cont .item .info_list .info_li:first-child{margin-top: 0;} #dividend .content .right_cont .item .info_list .info_li .detail{font-size: 16px; color: #333; line-height: 25px;} @media (max-width: 1024px) { #dividend .content .left_nav{display: none;} #dividend .content .right_cont{width: 100%;} } @media (max-width: 750px) { #dividend{padding: 80px 0;} #dividend .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #dividend .content .right_cont .item .year{width: 13.42%; font-size: 42px;} #dividend .content .right_cont .item .info_list{width: 83%;} #dividend .content .right_cont .item .info_list .info_li .detail *{font-size: 30px !important; line-height: 1.6 !important;} } /* 改版---分红情况 */ #Newdividend{padding: 90px 0 80px; background: #ffffff; border-top: 1px solid #f0f0f0;} #Newdividend .title{margin-bottom: 72px;} #Newdividend .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #Newdividend .title .tit:hover{color: var(--main);} #Newdividend .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #Newdividend .list{margin-bottom: 60px;} #Newdividend .list .li{padding: 30px 0; background: #f8f9fa; font-size: 16px; line-height: 25px; color: #333; font-family: "GR";} #Newdividend .list .li:nth-child(2n){background: #fff;} #Newdividend .list .li .time{width: 15%; padding: 0 30px;} #Newdividend .list .li .name{width: 65%; padding: 0 30px;} #Newdividend .list .li .more{width: 10%;} #Newdividend .list .li:hover .name, #Newdividend .list .li:hover .more{color: var(--main);} #Newdividend .cont .page_more{margin: 0 auto; width: 180px; height: 55px; line-height: 53px; border: 1px solid #ccc; font-size: 16px; color: #737373;} #Newdividend .cont .page_more:hover{border-color: var(--main); background: var(--main); color: #fff;} #Newdividend .cont .page_more.isend{display: none;} @media (max-width: 1280px) { #Newdividend .list .li .time{padding: 0 20px;} } @media (max-width: 750px) { #Newdividend{padding: 80px 0;} #Newdividend .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #Newdividend .list .li{font-size: 26px; line-height: 1.5; flex-wrap: wrap;} #Newdividend .list .li .time{width: 100%; margin-bottom: 20px; padding: 0 30px;} #Newdividend .list .li .name{width: 75%; font-size: 30px; font-weight: bold;} #Newdividend .list .li .more{width: 23%; font-size: 30px;} #Newdividend .cont .page_more{width: 200px; height: 60px; line-height: 58px; font-size: 26px; border-color: var(--main); background: var(--main); color: #fff;} } /* 互动交流 */ #interactive{padding: 90px 0 80px; background: #f7f7f7;} #interactive .title{margin-bottom: 62px;} #interactive .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #interactive .title .tit:hover{color: var(--main);} #interactive .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #interactive .content{background: #fff;} #interactive .content .info{padding: 47px 5.143% 41px; border-bottom: 2px solid #f7f7f7; font-size: 16px; color: #333; line-height: 29px;} #interactive .content .form-box{padding: 51px 5.143% 62px;} #interactive .content .form-box form .l1{margin-bottom: 38px;} #interactive .content .form-box form .l1 input{padding: 0 1.67%;width: 32.167%; height: 50px; line-height: 48px; border: 1px solid #e3e3e3; background: #fff; font-size: 16px;} #interactive .content .form-box textarea{margin-bottom: 28px; padding: 10px 1.67%; width: 100%; height: 285px; line-height: 28px; border: 1px solid #e3e3e3; background: #fff; font-size: 16px;} #interactive .content .form-box form .l1 input:hover, #interactive .content .form-box form textarea:hover{border-color: var(--main);} #interactive .content .form-box .submit{margin: 0 auto;width: 200px; height: 60px; line-height: 60px; background: var(--main); font-size: 20px; color: #fff; border-radius: 3px;} #interactive .content .form-box .submit:hover{opacity: 0.75;} @media (max-width: 750px) { #interactive{padding: 80px 0;} #interactive .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #interactive .content .info{font-size: 30px; line-height: 1.6;} #interactive .content .form-box textarea{font-size: 26px; line-height: 1.6;} #interactive .content .form-box form .l1{flex-direction: column;} #interactive .content .form-box form .l1 input{width: 100%; margin-top: 20px; font-size: 26px; height: 70px; line-height: 70px;} #interactive .content .form-box form .l1 input:first-child{margin-top: 0;} #interactive .content .form-box .submit{font-size: 26px;} #interactive .content .form-box .submit:hover{opacity: 1;} #interactive .info *{font-size: 30px !important; line-height: 1.5 !important;}; } /* 联系我们 */ #contact_global{padding: 85px 0 50px; background: #f7f7f7;} #contact_global .title{margin-bottom: 34px;} #contact_global .title .tit{margin-bottom: 10px; font-size: 36px; color: #333; font-weight: bold; line-height: 55px;transition: all 0.3s ease;} #contact_global .title .tit:hover{color: var(--main);} #contact_global .title i {margin: 0 auto;display: block; width: 37px; height: 3px; background: var(--main);} #contact_global .brief{width: 91%; margin: 0 auto; font-size: 16px; color: #1a1a1a; line-height: 29px;} #contact_list{padding-bottom: 65px; background: #f7f7f7; } #contact_list .list .item{width: 48.714%; margin-bottom: 35px; margin-right: 2.5%; padding: 33px 2.714% 53px; background: #fff;} #contact_list .list .item:nth-child(2n){margin-right: 0;} #contact_list .list .item .p1{margin-bottom: 19px; font-size: 20px; color: #333; font-weight: bold; line-height: 40px;} #contact_list .list .item .ul .li{margin-top: 13px; align-items: baseline;} #contact_list .list .item .ul .li .icon{width: 20px; margin-right: 22px;} #contact_list .list .item .ul .li .txt{width: calc(100% - 42px);font-size: 16px; color: #333; line-height: 29px;} #contact_list .list .item .ul .li .txt span{color: #999;} #contact_list .list .item .ul .li .txt .l1{margin-right: 30px; } #contact_list .email{width: 100%; background: #fff; padding: 33px 2.714% 53px;} #contact_list .email .p1{margin-bottom: 19px; font-size: 20px; color: #333; font-weight: bold; line-height: 40px;} #contact_list .email .p2 .icon{width: 20px; margin-right: 22px;} #contact_list .email .p2 .txt{width: calc(100% - 42px);font-size: 16px; color: #333; line-height: 29px;} #contact_list .email .p2 .txt span{color: #999;} #map{height: 580px;} #contact_feedback{padding: 55px 0 100px; background: #f7f7f7;} #contact_feedback .top{margin-bottom: 46px;} #contact_feedback .top .li{padding: 0 29px;font-size: 30px; color: #999; line-height: 49px;transition: all 0.3s ease;} #contact_feedback .top .li.cur{color: #333; font-weight: bold;color: var(--main) ;} #contact_feedback .top .li:hover{color: var(--main);} #contact_feedback .top .li:nth-child(2){position: relative;} #contact_feedback .top .li:nth-child(2)::before{content:""; display: block; width: 1px; height:29px; background: #dedede; position: absolute; top: 50%; left: 0; transform: translateY(-50%);} #contact_feedback .list {height: 388px; overflow: hidden;} #contact_feedback .list .item form .l1{margin-bottom: 20px;} #contact_feedback .list .item form .l1 input{padding: 0 1.67%;width: 32.167%; height: 50px; line-height: 48px; border: 1px solid #e6e6e6; background: #fff; font-size: 16px;} #contact_feedback .list .item textarea{margin-bottom: 58px; padding: 0 1.67%; width: 100%; height: 200px; line-height: 48px; border: 1px solid #e6e6e6; background: #fff; font-size: 16px;} #contact_feedback .list .item form .l1 input:hover, #contact_feedback .list .item textarea:hover{border-color: var(--main);} #contact_feedback .list .item .submit{margin: 0 auto;width: 200px; height: 60px; line-height: 60px; background: var(--main); font-size: 20px; color: #fff;} #contact_feedback .list .item .submit:hover{opacity: 0.75;} @media (max-width: 750px) { #contact_global{padding: 80px 0;} #contact_global .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #contact_global .brief{width: 100%; font-size: 30px; font-weight: 400; line-height: 1.6;} #contact_list .list .item, #contact_list .email{width: 100%; margin-right: 0; padding: 50px 8%;} #contact_list .list .item:first-child{margin-top: 0;} #contact_list .list .item .p1, #contact_list .email .p1{font-size: 36px; font-weight: 500; line-height: 1.6;} #contact_list .list .item .ul .li, #contact_list .email .p2{align-items: flex-start;} #contact_list .list .item .ul .li .icon, #contact_list .email .p2 .icon{width: 30px; height: 30px; margin-top: 12px;} #contact_list .list .item .ul .li .icon img, #contact_list .email .p2 .icon img{transform: scale(1.5);} #contact_list .list .item .ul .li .txt, #contact_list .email .p2 .txt{width: calc(100% - 55px);font-size: 30px; line-height: 1.6;} .BMap_bubble_title, .BMap_bubble_content{font-size: 26px; line-height: 1.6;} .BMap_bubble_title{padding: 15px 0;} #contact_feedback{padding: 80px 0; } #contact_feedback .top .li{font-size: 42px; font-weight: 700; line-height: 1.6;} #contact_feedback .list{height: 587px;} #contact_feedback .list .item form .l1{flex-wrap: wrap;} #contact_feedback .list .item form .l1 input{width: 100%; margin-top: 20px; font-size: 26px; height: 70px; line-height: 70px;} #contact_feedback .list .item form .l1 input:first-child{margin-top: 0;} #contact_feedback .list .item textarea{font-size: 26px;} #contact_feedback .list .item .submit{font-size: 26px;} } /* 搜索 */ #search{width:100%; margin-top: 140px; padding:40px 0; position: relative; background: #f7f7f7;} #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: var(--main) url(/images/search.png) no-repeat center center;color: rgb(119, 101, 101);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 li{border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info a{padding:20px 0; } #search .list .info .title{margin-right:16px; line-height:22px; color: #333; font-size:16px; font-weight:bold;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px; line-height: 62px;} #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} #search .list .info li:hover a{color: var(--main);} #search .tip{font-size: 24px; font-weight: bold; color: var(--main); margin-top: 50px;} @media (max-width: 750px){ #search{margin-top: 0; border-top:0;} #search .form{margin-bottom: 40px;} #search .form .text{font-size: 26px; height: 80px;line-height: 80px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;} #search .form .submit{width: 75px;font-size: 26px; height: 80px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-size: 40%;} #search .list .info .title{font-size: 28px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 86px;} }