.talent-list1{ padding: 1.625rem 0; text-align: center; } .talent1-title{ text-align: center; } .cl44{ color:#444; } .cl77{ color:#777; } .cl88{ color:#888; } .talent1-title{ font-size: 1rem; font-weight: bold; line-height: 1.15rem; } .talent1-line{ width: 50px; height: 3px; background: rgb(0,175,98); display: block; margin: 0 auto; margin-top: .75rem; margin-bottom: 1rem; } .talent1-text p{ font-size: .45rem; line-height: .7rem; } .talent-list2{ padding: 2.25rem 0 2rem 0; background: #fafafa; } .talent2-list{ width: 32.86%; } .talent2-list img{ width: 100%; } .talent2-content{ border:1px solid #dfdfdf; border-top:none; box-sizing: border-box; padding: .875rem .75rem; } .talent2-title{ font-size: .6rem; line-height: .75rem } .tech2-lb .swiper-slide img{ width: 100%; } .talent2-text{ font-size: .4rem; line-height: .55rem; height: 1.65rem; margin: .5rem 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .talent-list2 .view{ font-size: 0; } .talent2-list{ display: inline-block; } .talent2-list:nth-child(2){ margin: 0 .7%; } /* 閹锋稖浠掑畝妞剧秴 */ .recu-list1{ padding: 1.625rem 0; background: #f2f2f2; } .recu1-all .select{ box-sizing: border-box; width: 30%; height: 55px; font-size: .4rem; background-color: #fff; position: relative; border:1px solid #dbdbdb; display: inline-block; margin-right: 1.67%; } .recu1-all .select:after{ content:''; display:block; width: 0; height: 0; border-width:7px; border-style: solid; border-color: #999999 transparent transparent transparent; position:absolute; top:23px; right: .5rem; transform-origin: 50% 0; /* transition: transfrom .3s ease-in,top .3s ease-out; */ } .recu1-all{ position: relative; z-index: 25; } .recu1-all .select p{ font-size: .4rem; padding: 0 .5rem; line-height: 55px; cursor: pointer; color:#888; } .recu1-all{ display: flex; } .recu1-all .select ul{ list-style-type:none; background-color: #fff; width: 100%; overflow-y:auto; position: absolute;; top: 49px; left: -1px; max-height: 0; z-index: 20; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; } .recu1-all .select ul li{ padding: 0 .5rem; line-height: 40px; cursor: pointer; color:#888; transition: all .3s ease 0s; } .recu1-all .select ul li:last-child{ border-bottom:1px solid #d4d4d4; } .recu1-all .select ul li:hover{ background-color:rgb(0,175,98); color: #fff; } .join-lb{ margin-top: 10px; } .recu1-all .select ul li.selected{ background-color: rgb(0,175,98); color: #fff; } @-webkit-keyframes slide-down{ 0%{transform: scale(1,0);} 25%{transform: scale(1,1.2);} 50%{transform: scale(1,0.85);} 75%{transform: scale(1,1.05);} 100%{transform: scale(1,1);} } .recu1-all .select.open ul{ max-height: 250px; transform-origin: 50% 0; /* -webkit-animation:slide-down .5s ease-in; */ transition: max-height .5s ease-out; } .recu1-all .select.open:after{ transform: rotate(-180deg); top: 28px; transition: all .3s ease-in; } .recu1-ss{ display: inline-block; } .recu1-all{ font-size: 0; } .recu1-ss{ width: 38.33%; height: 55px; } .recu1-ad{ width:calc(100% - 65px); height: 55px; display: inline-block; vertical-align: top; border:1px solid #dbdbdb; border-right: none; box-sizing: border-box; position: relative; } .recu1-ssk{ width: 100%; height: 100%; font-size: .4rem; color:#444; padding-left: 1.35rem; box-sizing: border-box; } .recu1-tj{ width: 65px; height: 55px; font-size: .4rem; color:#fff; background: rgb(0,175,98); } .w1200{ width: 1200px; margin: 0 auto; } .recu1-ss input{ display: inline-block; vertical-align: top; } .recu1-ad img{ position: absolute; top:50%; transform: translateY(-50%); left: .62rem; } .recu1-ssk::-webkit-input-placeholder { color: #888; font-size: .4rem; } .recu2-all ul li:first-child{ background: #777777; padding: .625rem 0; margin-top: .75rem; } .recu2-all ul li:first-child div{ color:#fff; } .recu2-all ul li{ font-size: 0; cursor: pointer; } .recu2-all ul li:first-child div{ width: 16.667%; font-size: .4rem; line-height: .45rem; text-align: center; display: inline-block; } .recu2-all ul li:nth-child(n+2) .recu2-xx-top{ background: #f9f9fa; padding: .625rem 0; border-bottom: 1px solid #ebebeb; } .recu2-all ul li:nth-child(n+2) .recu2-xx-top div{ width: 16.667%; font-size: .4rem; line-height: .45rem; text-align: center; display: inline-block; color:#666; } .recu2-mtitle6{ position: relative; } .recu2-i2{ position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; } .recu2-xx-bot{ background: #fff; padding: 1.25rem 0 1.875rem 0; display: none; } .recu2-bot-all{ width: 93.75%; padding: 0 .625rem; margin: 0 auto; box-sizing: border-box; } .recu2-bot-title{ font-size: .4rem; color:#666; line-height: .9rem; } .recu2-bot-txt p{ font-size: .4rem; color:#666; line-height: .9rem; } .recu2-bot-all{ padding-bottom: .75rem; border-bottom:1px solid #f2f2f2; } .recu2-bot-all:nth-child(2){ margin-top: .75rem; } .recu2-bot-all:last-child{ border-bottom: none; padding-bottom: none; margin-top: 1.375rem; } .recu2-bot-all2{ display: flex; justify-content: space-between; align-items: center; } .recu2-bot-all a{ width: 155px; height: 45px; text-align: center; line-height: 45px; background: rgb(0,175,98); font-size: .4rem; color:#fff; display: block; } .recu2-yx{ font-size: .45rem; color:#666; } .down-list1{ padding:1.625rem 0 1.375rem 0; } .down1-all{ font-size: 0; margin-top: 2rem; } .down1-list{ width: 23.57%; text-align: center; display: inline-block; vertical-align: top; margin-bottom: 2rem; margin-right: 1.9%; } .down1-list:nth-child(4n){ margin-right: 0; } .down1-title{ font-size: .6rem; color:#555; line-height: .7rem; margin: 1rem 0 .875rem 0; } .down1-list a{ width: 36.4%; height: 33px; border:1px solid #a8a8a8; text-align: center; line-height: 33px; font-size: .35rem; color:#444; display: block; margin: 0 auto; transition: all .4s ease; } .pro1-list{ margin-bottom: 20px; } .down1-list a:hover{ background: rgb(0,175,98); border:1px solid rgb(0,175,98); color:#fff; } .pro1-top-title{ font-size: .45rem; color:#666; line-height: .55rem; margin-left: .5rem; transition: all .4s ease; } .pro1-li-top{ padding: .75rem 1rem; box-sizing: border-box; background: #ffffff; display: flex; cursor: pointer; align-items: center; justify-content: space-between; transition: all .4s ease; } .pro-top-all{ display: flex; align-items: center; } .pro-top-all b{ width: 27px; height: 27px; background: url(../img/images/7.png) center center no-repeat; background-size:27px 27px; display: inline-block; transition: all .4s ease; } .pro1-li-top span{ width: 19px; height: 11px; background: url(../img/images/10.png) center center no-repeat; background-size:19px 11px; display: inline-block; margin-top: 5px; transition: all .4s ease; } .pro-lists{ background: #f2f2f2; } .pro1-li-top:hover{ background: rgb(0,175,98); } .pro1-li-top:hover .pro1-top-title{ color:#fff; } .pro1-li-top:hover b{ background: url(../img/images/8.png) center center no-repeat; } .pro1-li-top:hover span{ background: url(../img/images/20.png) center center no-repeat; } .pro1-li-top.on-pro { background: rgb(0,175,98); } .pro1-li-top.on-pro .pro1-top-title{ color:#fff; } .pro1-li-top.on-pro b{ background: url(../img/images/8.png) center center no-repeat; } .pro1-li-top.on-pro span{ background: url(../img/images/11.png) center center no-repeat; } .pro1-li-bot{ padding: .5rem 1rem 1.2rem 1rem; background: #fff; font-size: 0; display: none; } .pro1-li-bot div{ display: inline-block; vertical-align: top; } .pro1-bot-text{ width: 76.86%; margin-left: .4rem; } .pro1-bot-text p{ font-size: .4rem; color:#888; line-height: .75rem; } .tech-all{ background: #f5f5f5; } .cl66{ color:#666; } .talent1-text{ text-align: center; } .tech1-list{ width: 31.667%; box-sizing: border-box; border-radius: 8px; box-shadow: 0 2px 3px rgba(0,0,0,.1); background: #fff; padding: .375rem .875rem .8rem .875rem; } .tech-list1{ margin-top: 1.375rem; } .tech1-img{ text-align: right; } .tech1-title{ font-size: .6rem; color:#555; line-height: .7rem; margin: .5rem 0; } .tech1-txt{ font-size: .35rem; color:#666; line-height: .6rem; } .tech-list1{ display: flex; justify-content: space-between; flex-flow: row wrap; } .tech1-a{ font-size: .4rem; color:#fff; text-align: center; display: block; margin: 0 auto; background: rgb(0,175,98); width: 200px; height: 55px; line-height: 55px; margin-top: 1.5rem; } .tech-list2{ padding: 2rem 0; } .tech2-lb .swiper-slide div{ font-size: .6rem; color:#444; text-align: center; background: #fff; } .tech2-lb{ width: 1200px; margin: 0 auto; overflow: hidden; } .tech2-lb .swiper-slide { width: 518px; } .pre{ position: relative; } .swiper-button-prev1,.swiper-button-next1{ width: 53px !important; height: 53px !important; border:1px solid rgba(189,119,76,.2); border-radius: 50% !important; background: unset !important; text-align: center; transition: all .4s ease; } .swiper-button-prev1 div,.swiper-button-next1 div{ width: 10px; height: 18px; background-size:10px 18px; margin: 0 auto; position: relative; top:50%; transform: translateY(-50%); transition: all .4s ease; } .swiper-button-prev1 div{ background: url(../img/images/2icon.png) center center no-repeat; } .swiper-button-next1 div{ background: url(../img/images/3icon2.png) center center no-repeat; } .swiper-button-prev1:hover div{ background: url(../img/images/2icon2.png) center center no-repeat; } .swiper-button-next1:hover div{ background: url(../img/images/3icon.png) center center no-repeat; } .tech2-sec{ width: 83.33%; margin: 0 auto; } .swiper-button-prev1:hover,.swiper-button-next1:hover{ background-color: rgb(0,175,98) !important; border:1px solid rgb(0,175,98); } .store-lb .swiper-slide{ width: 390px !important; } .store-lb .swiper-slide .store-lb-wq{ width: 100%; border:1px solid #cccccc; padding: .85rem 0; text-align: center; background: #fff; } .store-lb .swiper-slide img{ max-width: 100%; } .w1200{ overflow: hidden; } .w1150{ width: 1150px; margin: 0 auto ; overflow: hidden; } .store-lb-title{ text-align: center; font-size: .45rem; line-height: .55rem; color:#444; margin-top: .9rem; } .store-lb{ margin-top: 1.875rem; } .store-list2{ background: #f5f5f5; padding: 3.5rem 0; } .store2-wd{ width: 83.333%; margin: 0 auto; display: flex; justify-content: space-between; } .store2-ct-title{ font-size: 1rem; color:#333; line-height: 1.1rem; } .store2-content span{ width: 50px; height: 3px; background: rgb(0,175,98); display: block; margin: .75rem 0; } .store2-ct-txt1{ font-size: .6rem; color:#666; line-height: .7rem; } .store2-ct-txt2{ font-size: .45rem; color:#888; line-height: .75rem; margin-top: .25rem; } .store2-img{ width: 74.5%; } .store2-img img{ width: 100%; } .sol-list1{ background: #fcfcfc; } .sol-list1 .talent1-line{ margin-bottom: .6rem; } .sol1-content{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 1rem; box-sizing: border-box; transition: all .4s ease; } .sol1-list{ width: 31.78%; display: inline-block; overflow: hidden; margin-right: 2.33%; margin-bottom: .62rem; } .sol1-list:nth-child(3n){ margin-right: 0; } .sol1-list .sol1-img{ width: 100%; transition: all .4s ease; } .sol1-lists{ font-size: 0; margin-top: 1.2rem; } .sol1-title{ font-size: .55rem; color:#fff; line-height: .65rem; } .sol1-txt{ font-size: .4rem; color:#fff; height: 1.5rem; line-height: .75rem; margin: .25rem 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform: uppercase; } .sol1-btn{ width: 135px; height: 35px; border-radius: 20px; background: rgb(0,175,98); color:#fff !important; text-align: center; line-height: 35px; margin-top: 10px; opacity: 0; font-size: .4rem; transition: all .4s ease; } .sol1-list:hover .sol1-content{ bottom: 1.2rem; } .sol1-list:hover .sol1-btn{ opacity: 1; } .sol1-list:hover .sol1-img{ transform: scale(1.05); } .jisu-list3{ background: #f4f4f4; } .jisu3-all{ font-size: 0; } .jisu3-list{ width: 49.28%; background: #fff; padding: .875rem .5rem .75rem .5rem; box-sizing: border-box; cursor: pointer; display: inline-block; margin-right: 1.44%; margin-bottom: .5rem; transition: all .4s ease; } .jisu3-list:nth-child(2n){ margin-right: 0; } .jisu3-title{ font-size: .5rem; color:#666; line-height: .6rem; transition: all .4s ease; } .jisu3-txt{ font-size: .35rem; color:#777; line-height: .55rem; margin-top: 10px; transition: all .4s ease; height: 1.15rem; overflow: hidden; } .jisu3-list:hover { background: #555555; } .jisu3-list:hover .jisu3-title{ color:#fff; } .jisu3-list:hover .jisu3-txt{ color:#a8a8a8; } .jisu2-lists ul li{ background: #f8f8f8; padding: .75rem 0; font-size: 0; } .jisu2-lists ul li:nth-child(2n){ background: #fff; } .jisu2-lists ul li div{ font-size: .4rem; display: inline-block; line-height: .5rem; color:#666; text-align: center; } .jisu1-title{ font-size: .7rem; line-height: .8rem; color:#444; } .jisu1-txt{ font-size: .35rem; line-height: .6rem; color:#888; } .jisu1-all{ font-size: 0; height: 100%; display: flex; flex-flow: row wrap; margin-top: 1.4rem; } .jisu1-img img{ width: 100%; } .jisu1-img{ width: 50%; display: inline-block; vertical-align: top; } .jisu1-content{ width: 50%; padding: 0 1rem ; box-sizing: border-box; display: inline-block; background: #fff; vertical-align: top; } .jisu1-title{ margin-bottom: .52rem; } .jisu1-scroll{ height: 10.6rem; position: relative; top: 50%; transform: translateY(-50%); overflow-y: scroll; } .zhizun-list1{ padding: 2.1rem 0 2rem 0; } .zhizun-list1 .zhizun1-lb{ overflow: hidden; margin-top: 1.5rem; } .zhizun1-content{ position: absolute; bottom: 1.125rem; left: 0; padding-left: .75rem; box-sizing: border-box; } .zhizun1-title{ font-size: .6rem; color:#fff; line-height: .7rem; } .zhizun1-btn{ font-size: .4rem; color:#fff; line-height: .5rem; background: url(../img/images/bs1.png) right center no-repeat; display: inline-block; padding-right: 25px; margin-top: .25rem; transition: all .4s ease; } .zhizun1-lb .swiper-slide{ overflow: hidden; } .zhizun1-lb .swiper-slide img{ width: 100%; transition: all .4s ease; } .zhizun1-lb .swiper-slide:hover img{ transform: scale(1.05); } .zhizun1-lb .swiper-slide:hover .zhizun1-btn{ padding-right: 30px; } .swiper-paginationzhizun1{ width: 100%; bottom: -1.2rem; } .swiper-paginationzhizun1 span{ width: 11px !important; height: 11px !important; border-radius: 50%; background: #d7d7d7 !important; } .swiper-paginationzhizun1 span:last-child{ margin-right: 0 !important; } .swiper-paginationzhizun1 .swiper-pagination-bullet-active{ background: rgb(0,175,98) !important; } .zhizun-fh{ width: 200px; height: 55px; background: rgb(0,175,98); text-align: center; line-height: 55px; color:#fff; font-size: .45rem; display: block;margin: 0 auto; margin-top: 2.2rem; } .bac{ background-repeat: no-repeat; background-position: center; background-size: cover; } .zhizun-list2{ padding: 2rem 0 2.25rem 0; } .zhizun2-main-title,.zhizun2-main-txt{ color:#fff; } .zhizun2-main-txt{ margin: .5rem 0 1.5rem 0; } .zhizun2-content{ background: rgba(255,255,255,0.95); padding: 0 1.3rem; box-sizing: border-box; } .zhizun2-title{ font-size: .45rem; color:#666; line-height: .75rem; } .zhizun2-img,.zhizun2-content{ width: 50%; display: inline-block; vertical-align: top; } .zhizun2-img{ border:1px solid #fff; border-right: none; box-sizing: border-box; } .zhizun2-img img{ width: 100%; } .zhizun2-lists{ font-size: 0; height: 100%; display: flex; flex-flow: row wrap; margin-top: 1.4rem; } .zhizun2-scroll{ height: 10.6rem; position: relative; top: 50%; transform: translateY(-50%); overflow-y: scroll; } .zhizun2-scroll p{ padding: .5rem 0; border-bottom: 1px solid #fff; font-size: .35rem; color:#888; line-height: .55rem; } .zhizun2-scroll::-webkit-scrollbar-thumb {/*濠婃艾濮╅弶锟犲櫡闂堛垹鐨弬鐟版健*/ background: transparent; transition: all .4s ease !important; } .zhizun2-scroll::-webkit-scrollbar-track {/*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ background: transparent; transition: all .4s ease !important; } .zhizun2-scroll:hover::-webkit-scrollbar-thumb{ background:#b47147; } .zhizun2-scroll:hover::-webkit-scrollbar-track {/*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ background: #fff; } .jisu1-scroll::-webkit-scrollbar-thumb {/*濠婃艾濮╅弶锟犲櫡闂堛垹鐨弬鐟版健*/ background: transparent; transition: all .4s ease !important; } .jisu1-scroll::-webkit-scrollbar-track {/*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ background: transparent; transition: all .4s ease !important; } .jisu1-scroll:hover::-webkit-scrollbar-thumb{ background:#b47147; } .jisu1-scroll:hover::-webkit-scrollbar-track {/*濠婃艾濮╅弶锟犲櫡闂堛垼寤洪柆锟?/ background: #fff; } /* 娣囶喗鏁糲ss1 */ .tech-box{ overflow: hidden; } .pro-list1,.recu2-all{ margin-bottom: 2rem; } .f-right .share-box .item:nth-child(4) .icon{ background-image: url(../img/cxw.png); width: .9rem; height: .9rem; } .inputbox { width: 10rem; /* height: 140px; */ position: absolute; left: 50%; top: 50%; margin: auto; border-radius: 5px; overflow: hidden; padding: 1rem; box-sizing: border-box; background: #ffffff; transform: translate(-50%,-50%); } .fixed-form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 100; display: none; } .fixed-form .inputbox .li { height: 50px; line-height: 50px; position: relative; font-size: 16px; color: #ffffff; border-radius: 3px; overflow: hidden; } .fixed-form .inputbox input[type=text] { border: 1px solid #ccc; padding: 0 .5rem; color: #333; box-sizing: border-box; } .fixed-form .inputbox input { border: none; background: none; outline: none; height: 100%; width: 100%; } .fixed-form .inputbox input[type = submit] { background: rgb(0,175,98); } .fixed-form .inputbox .li:nth-child(n+2) { margin-top: 10px; } .inputbox .li:first-child input{ width: 100%; } .inputbox .li:first-child img{ width: 35%; } /* 閺傛澘顤 */ .solution-btns .view{ text-align: left; } .solution-btns a{ text-align: center;; } .res-title{ font-size: 1rem; font-weight: bold; line-height: 1.15rem; color:#333; text-align: left; margin-bottom: .5rem; } .tab-btns .view .de-d{ margin: 0 .45rem 0 0; } .result-all .view{ font-size: 0; } .result-all{ min-height: 350px; } .row center{ font-size: 14px; } .talent2-list .talent2-img { overflow: hidden; } .talent2-list .talent2-img img{ transition: all .4s ease; } .talent2-list:hover .talent2-img img{ transform: scale(1.05); } @media (max-width: 767px){ .inputbox{ width: 90%; padding: .3rem; } }