:root{ --main: #034424; --color: #94250a; --color2: #94520e; --color3: #3a4941; --color4: #006835 ; } .xd-more{ display: inline-block; padding: 0 26px; border: 1px solid #ccc; border-radius: 22px; line-height: 42px; position: relative; overflow: hidden;} .xd-more span{ font-size: 16px; color: #666; position: relative; z-index: 3; transition: all .3s;} .xd-more span i{ font-size: 15px; margin-left: 6px;} .xd-more::after{ content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #0099e6 !important; left: 0; top: 0; transform: scaleX(0); transform-origin: right; transition: transform .4s ease; z-index: 0; overflow: hidden; border-radius: 25px;} .xd-more:hover{ border-color: transparent !important;} .xd-more:hover span{ color: #fff;} .xd-more:hover::after{ transform: scaleX(1); transform-origin: left; background: #0099e6 !important;} /*body {overflow: auto;overflow-x: hidden;}*/ body.en .en{ display: none;} .cw1160 { max-width: 1160px;width: 92%; margin: auto;} /*banner*/ .scroll-bg{position: relative;width: 100%;margin: 0 auto;overflow: hidden;padding-top: 37.5%;} .scroll-bg .top-bg{position: fixed;width: 100%;min-width: 750px;margin: auto;right: 0;background: #fff;opacity: 1;left: 0;top: 0;} section:not(#contact_map) img{ display: block; max-width: 100%; max-height: 100%;} #banner .slide-inner::before{padding-top: 50%;} #banner .swiper-pagination-bullets{display: flex;flex-direction: column;justify-content: center;left: auto;right: 35px;width: auto;top: 0;bottom: 0;margin: auto;} #banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #fff;margin: 11px 0;} .banner{width: 100%;overflow: hidden;position: relative;background: #030303;} .banner-mix{width: 100%;position: relative;} .banner-img{width: 100%;overflow: hidden;/*position: relative;z-index: 2;*/} .banner-img::before{padding-top: 50%;} .banner-img img{width: 100%;object-fit: cover;} /*.banner-img img.none-pad-mb{height: 100vh;}*/ .banner-img img.none-pc{min-height: 600px;} .banner-cont{position: absolute;width: 100%;color: #fff;height: 100%;top: 0;right: 0;z-index: 2;pointer-events: none;display: flex;align-items: center;justify-content: flex-end;} .banner-cont{width: 100%;text-align: center;} .banner-cont-wrap{width: 100%;} .banner-cont .image{max-width: 330px;} .banner-cont .text{line-height: 1.1;font-family: "MB";opacity: 0.5;} .banner-cont-one .banner-cont-dot{ width: 965px;} .banner-cont-one .banner-cont-dot img{width: 100%;visibility: hidden;} .banner-dot{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .banner-dot #cartoonDot-text{ width: 100% !important;height: 100% !important;} .banner-mix-one .banner-img{opacity: 0;} .banner-cont-one .contain{display: flex;justify-content: end;flex-wrap: wrap;align-items: center;position: relative;padding: 0 3% 0 0; transform: translateY(0);} .banner-one-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;pointer-events: none;} .banner-one-bg img{position: absolute;left: 0;top: 0;} .banner-con{ top: 28.2403%; z-index: 1; padding: 78px 0 0 160px;} .banner-con .icon{ top: 0; left: 0;} .banner-con .banner-tit{ margin-top: 22px; font-size: 60px; color: #fff;} .banner-con .banner-brief{ margin-top: 10px; font-size: 24px; color: #fff; color: rgba(255, 255, 255, .5);} #inner-con{ top: 50%; left: 0; z-index: 1; padding: 55px 0 0 260px; background: url(/images/ban_inner_icon.png) no-repeat top left; transform: translateY(-50%);} #inner-con .cn{ line-height: 60px; font-size: 42px; color: #fff;} #inner-con .en{ margin-top: 14px; line-height: 26px; font-size: 20px; color: #fff; opacity: .5;} .circle-page{ bottom: 50px;} .circle-page .circle{ margin: 0; margin-right: 50px; width: 17px; height: 17px; _box-sizing: unset;} .circle-page .circle .a{ position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; background: #fff; transform: translate(-55%, -55%); border-radius: 50%; opacity: .5;} .circle-page .circle .b{ position: absolute; top: 50%; left: 100%; width: 50px; height: 1px; background: #fff; transform: translateY(-50%);} .circle-page .circle .d{ opacity: 0;} .circle-page .circle.cur{ background: transparent;} .circle-page .circle.cur .a{ opacity: 1; background: #97d43a;} .circle-page .circle.cur .d{ opacity: 1;} /* .circle-page .circle.cur{ opacity: 1;} */ /* .circle-page .circle.cur .a{ background: #97d43a;} */ .circle-page .circle:last-child .b{ display: none;} @media(max-width: 1680px){ .banner-cont-one .banner-cont-dot{ width: 45%;} /*.banner-cont-one .contain{padding: 100px 160px 0 0;}*/ /*.banner-cont-one .contain{ transform: translateY(15vh);}*/ } @media(max-width: 1440px){ /*.banner-cont-one .contain{ transform: translateY(30vh);}*/ /*.banner-cont-one .contain{ transform: translateY(20vh);}*/ .banner-con .banner-tit{ font-size: 50px;} .banner-con .banner-brief{ font-size: 20px;} } @media(max-width: 1280px){ .banner-cont-one .banner-cont-dot{ width: 40%;} /*.banner-cont-one .contain{ transform: translateY(25vh);}*/ } @media screen and (max-width: 1100px){ .banner-cont-one .banner-cont-dot{ width: 30%;} .banner-con .banner-tit{ font-size: 42px;} .banner-con .banner-brief{ font-size: 16px;} /*.banner-cont-one .contain{ transform: translateY(35vh);}*/ } @media(max-width: 750px){ #banner .slide-inner::before, .banner-img::before{padding-top: 128%;} .banner-mix-one .banner-img{opacity: 1; background: #04071d;} .banner-dot, .banner-one-bg{display: none;} .banner-con{ padding-left: 20px;} #inner-con{ padding-left: 130px;} #inner-con .en{ line-height: 1.6; font-size: 26px;} } #inner_banner{ width: 100%;} #inner_banner .pic img{ width: 100%;} #inner_banner.about #location{ top: 80px; left: 0; border: 0;} #inner_banner .pic::before{padding-top: 37.5%;} #inner_banner .text_box{z-index: 2;} #inner_banner .text_box .cont{height: 100%;display: flex;flex-direction: column;padding-bottom: 140px;text-align: left;justify-content: flex-end;} #inner_banner .text_box .cont .title{font-size: 72px;color: #fff;font-family: "MB";} #inner_banner .text_box .cont .brief{font-size: 18px;color: #fff;font-family: "MM";} @media(max-width: 1280px){ #inner_banner .text_box .cont{padding-bottom: 60px;} } @media(max-width: 750px){ #inner_banner .pic::before{padding-top: 96%;} #inner_banner .text_box .cont .brief{font-size: 30px;} #inner_banner.about #location{ top: 0;} } /* 面包屑 */ #location{ left: 0; bottom: 0; z-index: 1; width: 100%; height: 70px; border-top: 1px solid rgba(255, 255, 255, .2);} #location .cw1400{ height: 100%;} #location .parting{ display: block; margin: 0 15px; font-size: 16px; color: rgba(245, 245, 245, .5);} #location .loc_item{ font-size: 16px; color: rgba(245, 245, 245, .5);} #location .loc_item img{ margin-right: 20px;} #location.detail_loc{ border: 0; border-bottom: 1px solid #e6e6e6;} #location.detail_loc .parting{ color: #999;} #location.detail_loc .loc_item{ color: #999;} #location.detail_loc .loc_item img{ filter: invert(.6);} @media(max-width: 1024px){ #location{ display: none;} } @media(max-width: 750px){ #location .loc_item{ font-size: 26px;} #location .loc_item img{ width: 30px;} #location .cw1400{ flex-wrap: wrap;} } /* 面包屑 */ /* banner */ /* 右侧浮窗 */ #float-rig{ top: 80%; right: 45px; z-index: 10; transform: translateY(-50%);} #float-rig .btn{ width: 60px; height: 60px; background: #fff; border-radius: 50%; box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);} #float-rig .btn.top{ margin-top: 20px; background: #0099e6;} /* 右侧浮窗 */ /* 翻页 */ #turn_page .pn, #turn_page .lyui_paging_label, #turn_page .lyui_paging_point, #turn_page .lyui_paging_btn, #turn_page .lyui_paging_prev, #turn_page .lyui_paging_next{ margin-left: 10px; width: 50px; height: 50px; border: 1px solid #ccc; font-size: 16px; color: #333; border-radius: 4px;} #turn_page font.lyui_paging_prev, #turn_page font.lyui_paging_next{ opacity: .5;} #turn_page .lyui_paging_number{ margin-left: 10px;} #turn_page .lyui_paging_prev, #turn_page .pn.start{ transform: rotate(180deg);} #turn_page .lyui_paging_btn:first-child{ margin-left: 0;} #turn_page .pn:hover, #turn_page .lyui_paging_label:hover, #turn_page a.lyui_paging_prev:hover, #turn_page a.lyui_paging_next:hover, #turn_page .lyui_paging_point:hover, #turn_page .lyui_paging_btn:hover, #turn_page .lyui_paging_btn.cur{ background: #0099e6; border-color: #0099e6; color: #fff;} #turn_page font.lyui_paging_prev:hover, #turn_page font.lyui_paging_next:hover{ background-color: unset;} #turn_page .pn.start{ margin-left: 0;} #turn_page .pn:hover svg path, #turn_page a.lyui_paging_prev:hover svg path, #turn_page a.lyui_paging_next:hover svg path{ fill: #fff;} /* 翻页 */ /* about */ /* 公司简介 */ #about-banner { top: 50%; left: 50%; transform: translate(-50%, -50%);} #about-banner .content{ width: 100%;} #about-banner .content .title {font-size: 42px;font-weight: bold;text-align: center;margin-bottom: 22px; color: #fff;} #about-banner .content .text {/*padding: 0px 65px;*/text-align: center;font-size: 16px;line-height: 28px;margin-bottom: 65px; color: #fff;} #about-banner .content .ul {display: flex;justify-content: space-evenly;} #about-banner .content .ul .li {font-size: 18px;min-width: 200px; color: #fff;} #about-banner .content .ul .li .num {font-size: 60px;color: #0099e6;font-family: 'DDB'; font-weight: bold; text-align: center;} #about-banner .content .ul .li .num .unit-data{ font-size: 24px;} #about-banner .content .ul .li:first-child .num .unit-data{ font-size: 48px;} #about-banner .content .ul .li .li_text{ margin-top: 6px; line-height: 30px; font-size: 20px; text-align: center;} @media screen and (max-width:750px) { #about-banner .content .title {margin-bottom: 30px; font-size: 56px;} #about-banner .content .text {padding: 0;font-size: 30px;line-height: 1.8;margin-bottom: 0;} /* #about-banner .content .ul {align-items: center;} */ #about-banner .content .ul .li {margin-top: 30px;text-align: center;font-size: 30px;} #about-banner .content .ul .li .li_text{ font-size: 26px;} } /* 企业文化 */ #culture{padding: 88px 0 140px;} #culture .title{font-size: 42px; color: #333; line-height: 64px; font-weight: 700; text-align: center;} #culture .list{ margin-top: 50px; gap:28px;} #culture .list .li{width:calc((100% - 56px) / 3); border-radius: 10px;} #culture .list .li .cont{padding:13.23% 9.73%;text-align:left;width:100%;height:100%;z-index:2; border-radius: 8px; overflow: hidden;} #culture .list .li .cont .name{font-size:24px;font-weight:500;line-height:30px;} #culture .list .li .cont .brief{font-size:16px;color:#222;line-height:40px;margin-top:14px;} #culture .list .li img{ object-fit: cover;} @media (max-width:750px) { #culture{padding:80px 0;} #culture .list{flex-direction:column;gap:50px 0;} #culture .list .li{width:100%;} #culture .list .li .cont{padding:50px;} #culture .list .li .cont .name{font-size:36px;line-height:1.6;} #culture .list .li .cont .brief{font-size:30px;line-height:1.6;} } /* 发展历程 */ #history {padding: 55px 0 75px; background: url(/images/history_bg.jpg) no-repeat center / cover; overflow: hidden;} #history .title{font-size: 42px; color: #fff; line-height: 64px;} #history .btn-list .btn{ margin-left: 30px; width: 65px; height: 65px; border: 2px solid #fff; border-radius: 50%; opacity: .5;} #history .btn-list .btn:first-child{ margin-left: 0; transform: rotate(180deg);} #history .btn-list .btn:hover{ opacity: 1;} #history .box{ overflow: visible; margin: 50px 0 0;} #history .box .li{padding-top: 43px; padding-right: 60px;} /*#history .box .li:last-child{padding-right: 0;}*/ #history .box .li .icon{width: 20px; height: 20px; border-radius: 50%; background: #0099e6; top: -8px; left:0; z-index: 2;} #history .box .li .line{width: 100%; height: 4px; background: #e5ece9; top: 0; left: 0; z-index: 1; opacity: .5;} #history .box .li .year{font-size: 30px;color: #0099e6;line-height: 33px; font-family: "PPM";} #history .box .li .brief{padding-right: 10px; margin-top: 10px;font-size: 18px;color: #fff;line-height: 27px; height: calc(27px * 3);overflow: auto;font-family: "PPL";} #history .box .li .brief .mCSB_scrollTools{width: 6px;} #history .box .li .brief .mCSB_scrollTools .mCSB_dragger_bar{background-color: var(--main);width: 3px;} #history .box .li .brief .mCSB_scrollTools .mCSB_draggerRail{background: var(--color3);width: 3px;} #history .box .li .pic{margin-top: 30px; width: 100%; border-radius: 8px; overflow: hidden;} #history .box .li .pic img{ min-height: inherit;} #history .box .li .scrollbar::-webkit-scrollbar-thumb{background: var(--main);} #history .box .li .scrollbar::-webkit-scrollbar {background: #fff;width:3px;height:3px;} #history .box .li:hover .icon{background: #97d43a;} #history .box .li:hover .year{ font-size: 36px; color: #97d43a; font-family: "PPM";} @media (max-width: 750px){ #history{padding: 50px 0;} #history .title{font-family: "PPM";} #history .box .li .year{font-size: 36px; line-height: 1.6; font-weight: 700;} #history .box .li .brief{font-size: 30px; line-height: 1.6; height: calc(48px * 4);} #history .box .li.swiper-slide-active .icon{background: #0099e6;} #history .box .li.swiper-slide-active .year{color: #0099e6; font-family: "PPM";} } #group{ padding: 88px 0 100px; background: #f5f7fa;} #group .title .tit{ line-height: 64px; font-size: 42px; color: #333;} #group .title .btn{ padding: 0 30px; height: 60px; background: #fff; font-size: 18px; color: #333; text-align: center; border-radius: 30px; box-shadow: 10px 10px 20px rgba(68, 101, 150, .05); transform: translateY(47px);} #group .title .btn svg{ margin-left: 12px;} #group .title .btn svg path{ transition: all .3s;} #group .img{ margin-top: -60px; pointer-events: none;} #group .title .btn:hover{ background: #0099e6; color: #fff;} #group .title .btn:hover svg path{ fill: #fff;} @media screen and (max-width: 750px){ #group .img{ margin-top: 50px;} #group .title .btn{ padding: 0 50px; width: auto; font-size: 26px; transform: translateY(0);} } #honor {padding: 90px 0 100px;overflow: hidden;} #honor .title{font-size: 42px; color: #333; line-height: 64px;} #honor .content{width: 87.92%; margin: 0 auto; overflow:hidden;} #honor .content .container{padding-top: 60px; width: 400px; height: 560px; margin:0 auto; overflow:visible; border-radius: 7px; margin-bottom: 60px; } #honor .content .container .slide{border-radius: 7px; background: #f5f5fa; padding: 0px 0 40px;} #honor .content .container .slide{ opacity: 0.7; transform: scale(0.6); background: #fafafc;} #honor .content .container .slide[data-number="2"]{transform:translateX(80px) scale(0.6);} #honor .content .container .slide[data-number="-2"]{transform:translateX(-80px) scale(0.6);} #honor .content .container .swiper-slide-prev, #honor .content .container .swiper-slide-next{ transform:scale(0.7); opacity:1; background: #f5f5fa;} #honor .content .container .swiper-slide-active, #honor .content .container .swiper-slide-duplicate-active{transform:scale(1); opacity:1; box-shadow: 0 0 50px rgba(0,0,0,0.1);} #honor .content .container .slide .box {display: flex;height: 100%;flex-direction: column;align-items: center;} #honor .content .container .slide .box .img {width: 100%; height: 433px; padding: 0 50px; display: flex;align-items: center;justify-content: center;} #honor .content .container .slide .box .img img{width: 82%;} #honor .content .container .slide .box .text {font-size: 18px; color: #999; line-height: 28px; font-family:"AB-R"; text-align: center;} #honor .content .container .swiper-slide-active{background: #fff;} #honor .content .container .swiper-slide-active .box .box .img img{width: 100%;} #honor .content .container .swiper-slide-active .box .text, #honor .content .container .swiper-slide-duplicate-active .box .text{font-size: 18px; color: #333;} #honor .content .btn{ margin-left: 30px; width: 65px; height: 65px; border: 2px solid #333; border-radius: 50%; opacity: .2;} #honor .content .btn svg path{ fill: #333;} #honor .content .btn:first-child{ margin-left: 0; transform: rotate(180deg);} #honor .content .btn:hover{ opacity: 1;} /* #honor .content .btn{width: 60px; height: 60px; border-radius: 50%; background: #f5f5fa;} #honor .content .btn .svg{ fill: rgb(26, 26, 26);} #honor .content .prev{margin-right: 63px;} #honor .content .btn:hover{background: var(--color);} #honor .content .btn:hover .svg{ fill: rgb(255, 255, 255);} */ @media (max-width: 1680px) { #honor .content .container{width: 350px; height: 460px;} #honor .content .container .slide .box .img{padding: 0 35px;} #honor .content .container .slide .box .img img{width: 70%;} } @media (max-width: 1440px) { #honor .content .container .slide .box .img img{width: 70%;} } @media (max-width: 1200px) { #honor .content .container .slide{padding: 15px 0 30px;} #honor .content .container .slide .box .img{padding: 15px 35px;height: 400px;} } @media (max-width: 750px) { #honor .title{font-size: 42px;} #honor .content .container{width: 560px; height: 695px} #honor .content .container .swiper-slide-active .box .text, #honor .content .container .swiper-slide-duplicate-active .box .text{font-size: 32px; line-height: 1.6;} #honor .content .container .slide .box .img{height: 550px; padding: 30px;} #honor .content .page{width: 75px; height: 75px;} } #global{ padding: 244px 0 260px;} #global .title{ font-size: 42px; color: #fff; line-height: 64px;} #global .brief{ margin-top: 28px; line-height: 36px; font-size: 18px; color: #fff;} #global .btn{ margin-top: 90px; width: 160px; height: 50px; border: 1px solid #fff; font-size: 16px; color: #fff; border-radius: 25px;} #global .btn svg{ margin-left: 18px;} #global .btn svg path{ fill: #fff; transition: all .3s;} #global .btn:hover{ background: #fff; color: #0099e6;} #global .btn:hover svg path{ fill: #0099e6;} @media screen and (max-width: 750px){ #global .brief{ line-height: 1.6; font-size: 26px;} #global .btn{ margin-top: 60px; width: 320px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} } /* about */ /* join */ /* 加入我们 */ #recruit_cate{padding:140px 0 132px 0;background-color:#f7fbfe;} #recruit_cate .item{width:48.215%; background-color:#fff; border-radius:8px;overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; } #recruit_cate .item:hover{box-shadow:20px 20px 60px rgba(0,116,217,.15);} #recruit_cate .item .recruit-box{padding:40px 36px 60px 36px;} #recruit_cate .item .recruit-box .tit{margin-bottom:15px; color:#1a1a1a; font-size:34px;font-weight:500;} #recruit_cate .item:hover .recruit-box .tit{color:#0099e6;} /* #recruit_cate .item:hover .recruit-box .tit .tc{margin-top:5px;} */ #recruit_cate .item .recruit-box .tit .bg{margin-left:19px;} #recruit_cate .item .recruit-box .tit .bg img{margin-bottom:3px;} #recruit_cate .item .recruit-box .tit .bg .jr2{display:none;} #recruit_cate .item:hover .recruit-box .tit .bg .jr1{display:none;} #recruit_cate .item:hover .recruit-box .tit .bg .jr2{display:block;} #recruit_cate .item .recruit-box .recruit-cont{color:#1a1a1a;line-height:1.8; font-size:18px;} #culture{background-color:#fff;padding:100px 0 145px 0;} #culture .cul-title{font-size:46px;margin-bottom:60px;font-weight:300;} #culture .cul-content .box{align-items:center;} #culture .cul-content .box .cul-img{width:60.715%;border-radius:30px;overflow:hidden;} #culture .cul-content .box .item{width:33%;_padding-left:62px;} #culture .cul-content .box .item .tit{font-weight:700; font-size:42px;margin-bottom:30px;} #culture .cul-content .box .item .cont{font-size:18px;color:#1a1a1a;line-height:36px;} /* #culture .cul-content .box:nth-child(2n) .item{padding:0 70px 0 0;} */ #culture .cul-content .box:nth-child(2n){flex-direction:row-reverse;} #culture .cul-content .box{margin-top:100px;} #culture .cul-content .box:nth-child(1){margin-top:0;} #welfare{padding:70px 0 135px 0;background-color:#f7fbfe;} #welfare .title{font-size:46px;margin-bottom:60px;padding-top:5px;font-weight:300;} #welfare .container .wrapper .slide{height:auto;padding:60px 28px 55px 28px;overflow:hidden; background-color:#fff; border-radius:28px; -webkit-border-radius:28px; -moz-border-radius:28px; -ms-border-radius:28px; -o-border-radius:28px;} #welfare .container .wrapper .slide .img{ width: 90px; height: 90px; background: #89ce1f; border-radius: 50%;} #welfare .container .wrapper .slide .tit{margin-top: 37px; line-height: 36px; font-size:22px; color:#1a1a1a;} #welfare .container .wrapper .slide .brief{ margin-top: 10px; line-height: 30px; font-size: 18px; color:#999;} #welfare .container .welfare-btn{ margin-top: 85px;} #welfare .container .welfare-btn .prev{margin-right:30px;} #welfare .container .welfare-btn .btn-item{width:65px;height:65px;border-radius:50%;border:2px solid #ccc;} #welfare .container .welfare-btn .btn-item:hover{border-color:#333;} #welfare .container .welfare-btn .btn-item:hover .i1{display:none;} #welfare .container .welfare-btn .btn-item:hover .i2{display:inline-block;} #welfare .container .swiper-pagination{display:none;} @media (max-width:1024px) { #culture{padding:80px 0;} #culture .cul-content .box{flex-direction:column !important;} #culture .cul-content .box .item{width:100%;padding:30px 0 !important;} #culture .cul-content .box .item .tit{margin-bottom:20px;} #culture .cul-content .box .cul-img{width:100%;} #culture .cul-content .box{margin-top:30px;} #culture .cul-content .box:nth-child(1){margin-top:0;} #welfare{padding:80px 0 100px 0} #welfare .container .wrapper .slide{padding:30px 28px;} } @media (max-width:750px) { #recruit_cate{padding:50px 0 80px 0;} #recruit_cate .item .recruit-box{padding:30px;} #recruit_cate .recr{flex-direction:column;} #recruit_cate .item{width:100%;} #recruit_cate .item:nth-child(2){margin-top:30px;} #recruit_cate .item .recruit-box .tit{font-size:36px;margin-bottom: 5px;} #recruit_cate .item .recruit-box .recruit-cont{font-size:30px;} #culture{padding:50px 0 80px 0;} #culture .cul-title{margin-bottom:30px;font-size: 42px} #culture .cul-content .box .item .tit{font-size:36px;} #culture .cul-content .box .item .cont{font-size:30px;line-height:1.8;} #welfare{padding:80px 0;} #welfare .title{margin-bottom:30px;font-size:42px} #welfare .container .wrapper .slide{padding:50px 30px;} #welfare .container .wrapper .slide .tit{font-size:36px; margin:30px 0 15px 0;} #welfare .container .wrapper .slide .brief{ line-height: 1.6; font-size: 26px;} #welfare .container .welfare-btn{ margin-top: 50px;} } #enterprise{padding:70px 0 135px 0;} #enterprise .title{font-size:46px;margin-bottom:60px;padding-top:5px;font-weight:300;} #enterprise .container{ padding-bottom: 80px; width: 760px; overflow: visible;} #enterprise .container .wrapper .slide{overflow:hidden; background-color:#fff; border-radius:8px; overflow: hidden;} #enterprise .container .wrapper .slide .img{ width: 100%;} #enterprise .container .wrapper .slide .tit{ bottom: 27px; left: 0; width: 100%; line-height: 27px; font-size: 18px; color: #fff; text-align: center;} #enterprise .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; height: 10px; line-height: 0;} #enterprise .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 10px; height: 10px; border: 2px solid #cecece; background: none; opacity: 1;} #enterprise .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #89ce1f; background: #89ce1f;} @media (max-width:1024px) { #enterprise{padding:80px 0 100px 0} #enterprise .container .wrapper .slide{padding:30px 28px;} } @media (max-width:750px) { #enterprise{padding:80px 0;} #enterprise .title{margin-bottom:0;font-size:42px} #enterprise .container{ padding-bottom: 0;} #enterprise .container .wrapper .slide{padding:50px 30px;} #enterprise .container .wrapper .slide .tit{ bottom: 60px; font-size:36px; margin:30px 0 15px 0;} #enterprise .container .wrapper .slide .brief{font-size:30px;} } /* join */ /* join_list */ /* 加入我们 */ #join_list{padding: 100px 0; background: #f5f7fa;} #join_list .cate .cate_item{ margin-left: 30px; width: 175px; height: 55px; line-height: 55px; background: #fff; font-size: 18px; color: #333; text-align: center; border-radius: 28px;} #join_list .cate .cate_item:first-child{ margin-left: 0;} #join_list .cate .cate_item:hover, #join_list .cate .cate_item.cur{ background: #0099e6; color: #fff;} #join_list .item{ margin-top: 10px; border: 1px solid #e7e8ea;padding: 0 40px; height: 80px; background: #fff; cursor: pointer; border-radius: 8px;} #join_list .item .txt{width: 19.5%; font-size: 16px; color: #999999;} #join_list .item .h-txt {color: #1a1a1a;} #join_list .item .txt:last-child{width: auto;} #join_list .item .tit, #join_list .item .date{color: #1a1a1a;} #join_list .item .date img{ margin-right: 9px;} #join_list .item .header {font-weight: 600;} #join_list .thead{ margin-top: 65px; background: #fafafa;} #join_list .tbody .tit{color: #0099e6;} #join_list .tbody .btn{ width:36px; height: 36px;} #join_list .tbody .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 17px; background: #999; transform: translate(-50%, -50%);} #join_list .tbody .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 1px; background: #999; transform: translate(-50%, -50%);} /* #join_list .tbody:hover .tit{color: #0099e6;} */ #join_list .tbody.cur .item-btn{ background: #e6eaf2;} #join_list .tbody.cur .txt, #join_list .tbody.cur .txt{ color: #fff;} #join_list .tbody.cur .tit{font-weight: bold;} #join_list .tbody.cur .date img{ filter: invert(1);} #join_list .tbody.cur .btn{ transform: rotate(45deg);} #join_list .tbody.cur .btn:before, #join_list .tbody.cur .btn:after{ background: #fff;} #join_list .tbody.cur { background-color: #0099e6; border-radius: 8px 8px 0 0;} /* #join_list .con{ } */ #join_list .con .description{ padding: 40px calc(60px + 180px) 73px 40px;border: 1px solid #e5e5e5; background: #fff; border-radius: 0 0 8px 8px;} #join_list .con .pop-btn{font-size: 18px;right: 40px; bottom: 82px;overflow:hidden;z-index: 4;;width:180px;height:66px;padding:0 20px;background:#89ce1f;line-height: 66px; color:#fff;text-align: center; border-radius: 33px;} #join_list .con .pop-btn:hover .tit{ color: #0099e6;} #join_list .con .content .caption {margin-bottom: 10px;font-size: 18px;color:#1a1a1a;font-weight: bold;line-height: 38px;} #join_list .con .content .text {margin-bottom: 37px;color: #1a1a1a;line-height: 31px;font-size: 16px;} #join_list .con .content .text:nth-child(4){margin-bottom: 0;} #join_list #turn_page{ margin-top: 76px;} @media screen and (max-width: 750px){ #join_list .con .content .text {font-size: 30px;line-height: 1.8;} #join_list .item{height: 117px;} #join_list .item .num, #join_list .item .date{ display: none;} #join_list .item .tit, #join_list .item .add{ font-size: 30px;} #join_list .item .txt{width: 47%;} #join_list .tbody .btn:before{ height: 30px; } #join_list .tbody .btn:after{ width: 30px;} #join_list .con .description{padding: 40px 40px calc(60px + 66px) 40px;} #join_list .con .description .subText {padding-bottom: 60px;display: block;font-weight: 400;font-size: 30px;} #join_list .con .description *{ line-height: 1.8; font-size: 30px;} #join_list .con .pop-btn{ font-size: 30px;height:80px;width:260px;bottom: 42px;} #join_list .con .content .caption {font-size: 36px;} #join_list .con .pop-btn{line-height: 80px;font-size: 30px;} #join_list .cate .cate_item{ padding: 0 50px; width: auto; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} } #society{padding: 180px 0;position: relative;} #society::before{content: '';position: absolute;width: 430px;height: 450px;background: url(Path000/images/bg1.png) no-repeat center / cover;left: 0;top: 470px;z-index: 1;pointer-events: none;z-index: -1;} #society::after{content: '';position: absolute;width: 1424px;height: 710px;background: url(Path000/images/bg2.png) no-repeat center / cover;right: 0;bottom: -70px;z-index: 1;pointer-events: none;z-index: -1;} #society .li{margin-top: 190px;} #society .li:first-child{margin-top: 0;} #society .li .text_box{width: 52.8125%;padding-right: 130px;} #society .li .text_box .tit{font-size: 18px;color: #999;} #society .li .text_box .title{font-size: 40px;color: #333;font-weight: 700;line-height: 1.25;margin: 20px 0 40px;} #society .li .text_box .title span{color: #0099e6;} #society .li .text_box .brief{font-size: 18px;color: #333;line-height: 2;} #society .li .pic_box{width: 47.1429%;} #society .li .pic_box::before{content: '';position: absolute;width: 45.298%;height: 52.98%;border-radius: 12px;background: #2173da;right: -55px;bottom: -55px;} #society .li .pic_box .pic{width: 100%;padding-top: 84.8485%;border-radius: 12px;} #society .li:nth-child(even){ flex-direction: row-reverse;} #society .li:nth-child(even) .text_box{padding-left: 125px;padding-right: 0;} #society .li:nth-child(even) .pic_box::before{ right: inherit; left: -55px;} @media(max-width: 1680px){ #society .li .pic_box::before{right: -30px;bottom: -30px;} #society .li .text_box{padding-right: 80px;} #society .li:nth-child(even) .text_box{padding-left: 80px;padding-right: 0;} } @media(max-width: 1280px){ #society .li .text_box .title{font-size: 36px;} } @media(max-width: 750px){ #society{padding: 80px 0;} #society .li{flex-direction: column;} #society .li .text_box{width: 100%;padding-right: 0;} #society .li .text_box .tit{font-size: 30px;} #society .li .text_box .title{margin: 20px 0 30px;} #society .li .text_box .brief{font-size: 30px;} #society .li:nth-child(even){flex-direction: column;margin-top: 60px;} #society .li:nth-child(even) .text_box{padding-left: 0;padding-right: 0;} #society .li .pic_box{width: 100%;margin-top: 30px;} } #society_bot{ padding: 110px 0 140px; background: #f5f7fa;} #society_bot .title .en{ line-height: 25px; font-size: 18px;color: #999; text-align: center;} #society_bot .title .cn{ margin-top: 15px; line-height: 57px; font-size: 40px; color: #333;font-weight: 700; text-align: center;} #society_bot .title span{color: #0099e6;} #society_bot .list{ margin-top: 60px;} #society_bot .list .item{ margin-left: 3.3571%; width: 31.0714%; background: #fff; border-radius: 12px;} #society_bot .list .item:first-child{ margin-left: 0;} #society_bot .list .item .con{ padding: 34px 32px 50px;} #society_bot .list .item .con .tit{ line-height: 38px; font-size: 28px; color: #333;} #society_bot .list .item .con .brief{ margin-top: 17px; line-height: 30px; font-size: 16px; color: #333;} @media screen and (max-width: 750px){ #society_bot .title .en{ font-size: 26px;} #society_bot .title .cn{ font-size: 42px;} #society_bot .list{ flex-direction: column;} #society_bot .list .item{ margin: 30px 0 0; width: 100%;} #society_bot .list .item .img img{ width: 100%;} #society_bot .list .item .con .tit{ line-height: 1.6; font-size: 36px;} #society_bot .list .item .con .brief{ line-height: 1.6; font-size: 26px;} } /* join_list */ /* 技术创新 */ #technology{ padding: 110px 0 80px;} #technology .top .tit{ line-height: 60px; font-size: 42px; color: #333; text-align: center;} #technology .top .brief{ margin-top: 21px; line-height: 30px; font-size: 18px; color: #333; text-align: center;} #technology .list{ margin-top: 80px; background: #f5f7fa;} #technology .list .li{width: 100%;display: flex;} #technology .list .li .left{width: 50%;} #technology .list .li .left .info {width: 75%;} #technology .list .li .left .info .tit{ line-height: 54px; font-size: 36px; color: #333;font-weight: 700;} #technology .list .li .left .info .brief{ margin-top: 21px; font-size: 16px; color: #999; line-height: 30px;max-width: 514px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #technology .list .li .left .info .btn {margin-top:50px;display: inline-block;width:150px;height:50px;border: 1px solid #121212;line-height: 50px;text-align: center;font-size: 16px; border-radius: 25px;} #technology .list .li .right{width: 50%;} #technology .list .li .right .img{width: 50vw;max-width: 960px;max-height: 560px;} #technology .list .li:nth-child(2n){flex-direction: row-reverse;} #technology .list .li:nth-child(2n) .left{padding-right: 0;justify-content: flex-end;} #technology .list .li:nth-child(2n) .right .img{float: right;} #technology .list .li:hover .left .info .tit {color: #0099e6;} #technology .list .li:hover .left .info .btn {background: #0099e6;color:#fff; border: 1px solid #0099e6;} #technology .more_btn{ margin: 74px auto 0; width: 66px; height: 66px; border: 3px solid #333; border-radius: 50%; cursor: pointer;} #technology .more_btn.isend{ display: none;} @media screen and (max-width:1200px){ #technology .list .li .left{padding-left: 4.4%;} #technology .list .li:nth-child(2n) .left{padding-left: 4.4%;padding-right: 4.4%;} } @media screen and (max-width:1024px){ #technology .list .li .left .info{width: 90.5%;} #technology .list .li .left .info .tit{margin-bottom: 10px;} } @media screen and (max-width:750px) { #technology{padding: 80px 0 80px 0;} #technology .list .li{padding:0 0 30px 0;} #technology .list .li .left .info .tit{font-size: 42px;margin-bottom: 15px;} #technology .list .li .left .info .btn {margin-top: 23px;width:200px;height:80px;line-height: 80px;text-align: center;font-size: 30px;} #technology .list .li{flex-direction: column-reverse;} #technology .list .li:nth-child(2n){flex-direction: column-reverse;} #technology .list .li .left{width: 100%; padding: 0;} #technology .list .li:nth-child(2n) .left{padding: 0;width:100%;} #technology .list .li .left .info{width: 100%; margin: 30px 0 60px 0;} #technology .list .li .left .info .brief{font-size: 30px; line-height: 1.8; max-width: 100%;text-align: justify;} #technology .list .li .right{width: 100%;} #technology .list .li .right .img{width:100%;} #technology .top .brief{ line-height: 1.6; font-size: 26px;} } /* 详细页 */ #technology-detail{ padding: 0 0 130px; background: #f5f7fa;} #technology-detail .box{ margin-top: 95px;} #technology-detail .left{width: 100%;} #technology-detail .left .title{font-size: 30px;color: #333;font-weight: 700;} #technology-detail .left .time{font-size: 16px;color: #999;font-family: 'din';padding-left: 30px;background: url(/images/icon1.png) no-repeat left;line-height: 20px;margin-top: 22px;font-weight: 500;} #technology-detail .left .author{font-size: 16px;color: #999;padding-left: 30px;background: url(/images/icon2.png) no-repeat left;line-height: 20px;margin-top: 22px;margin-left: 36px;} #technology-detail .left .content{margin-top: 52px;} #technology-detail .left .content *{ text-wrap: unset !important;} @media screen and (max-width:1024px){ #technology-detail{padding: 80px 0;} #technology-detail .box{flex-wrap: wrap;} #technology-detail .left{width: 100%;} } @media screen and (max-width:750px){ #technology-detail .left .title{font-size: 42px;} #technology-detail .left .time{font-size: 30px;line-height: 30px;background-size: 26px;} #technology-detail .left .author{font-size: 30px;line-height: 30px;background-size: 26px;} #technology-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important;} #technology-detail .right .page_box .page .txt{font-size: 30px;} #technology-detail .right .page_box .page .tit{font-size: 30px;max-height: 90px;} #technology-detail .right .page_box .page .time{font-size: 26px;} } /* 技术创新 */ /* 新闻 */ #news{padding:150px 0 90px;background-color:#f5f7fa;} #news .top{background-color:#fff;border-radius:12px;overflow:hidden;} #news .top .left{width:calc(100% - 66.786%);padding:4.688% 3.75% 4.688% 4.688%;} #news .top .left .time{font-size:20px;color:#00d1e2;font-weight:bold;line-height:20px;margin-bottom:43px;} #news .top .left .name{font-size:30px;font-weight:500;line-height:42px;color:#1a1a1a;} #news .top .left .brief{font-size:16px;color:#1a1a1a;line-height:28px;margin:24px 0 0;} #news .top .left .more{ margin-top: 50px; width: 160px; height: 50px; line-height: 50px; border: 1px solid #34393d; border-radius: 25px;} #news .top .left .more .txt{font-size:16px;color:#34393d;line-height:28px;margin-right:9px;} #news .top .left .more .svg{width:7px;height:11px;fill:#1a1a1a;} #news .top .left .more:hover{ border-color: #0099e6; background: #0099e6;} #news .top .left .more:hover .txt{ color: #fff;} #news .top .left .more:hover .svg{ fill: #fff;} #news .top .right{width:66.786%;} #news .list .li{width:calc((100% - 60px) / 3);margin:30px 30px 0 0;background-color:#fff;border-radius:12px;} #news .list .li:nth-child(3n){margin-right:0;} #news .list .li .img{padding-top:56.335%;} #news .list .li .cont{padding:30px 7.795% 45px;} #news .list .li .cont .time{font-size:20px;font-weight:bold;line-height:20px;color:#0099e6;} #news .list .li .cont .name{font-size:20px;color:#1a1a1a;line-height:38px;margin-top:10px;} #news .list .li:hover .cont .time{ color:#89ce1f;} #news .list .li:hover .cont .name{ color:#0099e6;} #news #turn_page{ margin-top: 95px;} @media (max-width:1440px) { #news .top .left{padding:3%;} } @media (max-width:1280px) { #news .top .left .time{margin-bottom:30px;} #news .top .left .brief{margin-bottom:50px;} } @media (max-width:1024px) { #news{padding:80px 0;} #news .top .left .time{margin-bottom:10px;} #news .top .left .brief{margin:10px 0 20px;} } @media (max-width:750px) { #news .top{ flex-direction:column-reverse; border-radius: 50px; overflow: hidden;} #news .top .left{width:100%;padding:50px 30px;} #news .top .left .time{font-size:36px;line-height:1.6;} #news .top .left .name{font-size:42px;line-height:1.6;} #news .top .left .brief{font-size:30px;line-height:1.6;} #news .top .left .more{ padding: 20px 50px; box-sizing: unset;} #news .top .left .more .txt{font-size:30px;line-height:1.6;margin-right:20px;} #news .top .left .more .icon{margin-top:5px;} #news .top .left .more .svg{transform:scale(2);} #news .top .right{width:100%;border-radius:50px;overflow:hidden;} #news .list .li{width:100%;margin:50px 0 0;} #news .list .li .cont .time, #news .list .li .cont .name{font-size:36px;line-height:1.6;} } /* 详细页 */ #news-detail{ padding: 0 0 130px; background: #f5f7fa;} #news-detail .box{ margin-top: 95px;} #news-detail .left{width: 68.571%;} #news-detail .left .title{font-size: 30px;color: #333;font-weight: 700;} #news-detail .left .time{font-size: 16px;color: #999;font-family: 'din';padding-left: 30px;background: url(/images/icon1.png) no-repeat left;line-height: 20px;margin-top: 22px;font-weight: 500;} #news-detail .left .author{font-size: 16px;color: #999;padding-left: 30px;background: url(/images/icon2.png) no-repeat left;line-height: 20px;margin-top: 22px;margin-left: 36px;} #news-detail .left .content{margin-top: 52px;} #news-detail .left .content *{ text-wrap: unset !important;} #news-detail .right{ position: sticky; top: 120px; right: 0; width: 27.142%;} #news-detail .right .page_box{background: #fff; border-radius: 40px; overflow: hidden; padding: 40px;} #news-detail .right .page_box .page{} #news-detail .right .page_box .prev{padding-bottom: 45px;border-bottom: 1px solid #ccc;margin-bottom: 45px;} #news-detail .right .page_box .page .txt{font-size: 20px;color: #333;font-weight: 500;} #news-detail .right .page_box .page .tit{font-size: 20px;color: #333;line-height: 1.5;max-height: 60px;margin: 16px 0 20px;} #news-detail .right .page_box .page .time{font-size: 16px;color: #999;font-family: 'din';font-weight: 500;} #news-detail .right .page_box .page:not(.none):hover .tit{color: #07a2e8;font-weight: 700;} @media screen and (max-width:1024px){ #news-detail{padding: 80px 0;} #news-detail .box{flex-wrap: wrap;} #news-detail .left{width: 100%;} #news-detail .right{width: 100%;margin-top: 30px;} } @media screen and (max-width:750px){ #news-detail{ padding: 0;} #news-detail .left .title{font-size: 42px;} #news-detail .left .time{font-size: 30px;line-height: 30px;background-size: 26px;} #news-detail .left .author{font-size: 30px;line-height: 30px;background-size: 26px;} #news-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important; } #news-detail .right .page_box .page .txt{font-size: 30px;} #news-detail .right .page_box .page .tit{font-size: 30px;max-height: 90px;} #news-detail .right .page_box .page .time{font-size: 26px;} } /* 新闻 */ /* 联系我们 */ #contact{margin-top: 90px;} #contact .content .main {display: flex;justify-content: space-between;} #contact .content .main .main_left .title {font-size: 32px;font-weight: bold;margin: 0 0 30px;} #contact .content .main .main_left .info {font-size: 16px;display: flex;margin-bottom: 12px;} #contact .content .main .main_left .info .info_text{width: 100px;} #contact .content .main .main_left .info .text{width: calc(100% - 100px);} #contact .content .main .main_left .info .text a:hover{ color: #0099e6;} #contact .content .main .main_right {width: 35%; border-radius: 8px;} #contact_map .map {margin-top: 85px;height: 480px;width: 100%;} #contact_map .map .map_box{height: 100%;width: 100%;opacity: 1;} #contact_map .map .map_box.none{opacity: 0;} @keyframes rippleAnimation { 0% { width: 0; height: 0; opacity: .5; } 100% { width: 48px; height: 48px; opacity: 0; } } /* @keyframes rippleAnimation2 { 0% { width: 0; height: 0; opacity:0.85; } 100% { width: 88px; height: 88px; opacity: 0; } } */ #layout{ margin-top: 115px; padding: 90px 0; background: #f5f7fa;} #layout .title{ line-height: 60px; font-size: 42px; color: #333; font-weight: 700; text-align: center;} #layout .con{ margin-top: 23px;} #layout .con .list{ top: 0; left: 0; width: 100%; height: 100%;} #layout .con .list .item{ width: 9px; height: 9px;} #layout .con .list .item .drop{content:'';width: 9px;height: 9px;background: #0099e6;border-radius: 50%;position: relative;} #layout .con .list .item .drop::before{ width: 0px;height: 0px;border-radius: 50%;background: #0099e6;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';position: absolute;animation: rippleAnimation 4s linear infinite;animation-delay: 2s;z-index: 1;} #layout .con .list .item .drop::after{ width: 24px;height: 24px;border-radius: 50%;background: #0099e6;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';position: absolute;animation: rippleAnimation 4s linear infinite;z-index: 1;} #layout .con .list .item .text{ line-height: 30px; font-size: 15px; color: #8ea4c2; text-align: center; white-space: nowrap;} #layout .con .list .item .con_item{ padding: 40px 20px;/* width: 100%; height: 100%;*/ top: 50%; left: 100%; z-index: 5; width: 742px;/* height: 420px;*/ background: #fff; border-radius: 12px; box-shadow: 20px 20px 40px rgba(92, 117, 153, .25); transform: translateY(-50%);} #layout .con .list .item .con_item .top{ width: 100%;} #layout .con .list .item .con_item .top .img{ width: 38.604%; border-radius: 12px; overflow: hidden;} #layout .con .list .item .con_item .top .info{ width: 53.1722%;} #layout .con .list .item .con_item .top .info .name{ margin-bottom: 18px; line-height: 32px; font-size: 24px; color: #0099e6; font-weight: 500;} #layout .con .list .item .con_item .top .info .info_item{ line-height: 29px; font-size: 16px; color: #333;} #layout .con .list .item .con_item .top .info .info_item.website .txt{ text-decoration: underline; color: #0099e6;} #layout .con .list .item .con_item .bot{ margin-top: 20px;} #layout .con .list .item .con_item .bot .tit{ line-height: 30px; font-size: 20px; color: #333;} #layout .con .list .item .con_item .bot .brief{ margin-top: 6px; line-height: 30px; font-size: 16px; color: #333;} #layout .con .list .item.top .text{ bottom: 100%; left: 50%; transform: translateX(-50%);} #layout .con .list .item.right .text{ top: 50%; left: 100%; transform: translateY(-50%);} #layout .con .list .item.bottom .text{ top: 100%; left: 50%; transform: translateX(-50%);} #layout .con .list .item.left .text{ top: 50%; right: 100%; transform: translateY(-50%);} #layout .con .list .item.rec .drop, #layout .con .list .item.rec .drop::before, #layout .con .list .item.rec .drop::after{ background: #89ce1f;} /* #layout .con .con_outer{ right: 0; bottom: 15%; z-index: 1; width: 742px; height: 420px; background: #fff; border-radius: 12px; box-shadow: 20px 20px 40px rgba(92, 117, 153, .25); pointer-events: none; opacity: 0;} #layout .con .con_outer .close{ top: 20px; right: 20px;} #layout .con .con_outer .con_list{ width: 100%;} #layout .con .con_outer .con_item{ padding: 40px; width: 100%; height: 100%;} #layout .con .con_outer .con_item .top{ width: 100%;} #layout .con .con_outer .con_item .top .img{ width: 40.9366%;} #layout .con .con_outer .con_item .top .info{ width: 53.1722%;} #layout .con .con_outer .con_item .top .info .name{ margin-bottom: 18px; line-height: 32px; font-size: 24px; color: #0099e6; font-weight: 500;} #layout .con .con_outer .con_item .top .info .info_item{ line-height: 29px; font-size: 16px; color: #333;} #layout .con .con_outer .con_item .top .info .info_item.website .txt{ text-decoration: underline; color: #0099e6;} #layout .con .con_outer .con_item .bot{ margin-top: 20px;} #layout .con .con_outer .con_item .bot .tit{ line-height: 30px; font-size: 20px; color: #333;} #layout .con .con_outer .con_item .bot .brief{ margin-top: 6px; line-height: 30px; font-size: 16px; color: #333;} #layout .con .con_outer.cur{ pointer-events: visible; opacity: 1;} */ #contact_list{padding: 100px 0;} #contact_list .title{ line-height: 60px; font-size: 42px; color: #333; font-weight: 700; text-align: center;} #contact_list .box{ margin-top: 50px;} #contact_list .li{width: 48.214%;padding-bottom: 25px;border-bottom: 1px solid #e5e5e5;margin-bottom: 42px;} #contact_list .li .tit{font-size: 20px;color: #333;font-weight: 700;line-height: 1.6;} #contact_list .li .cont{margin-top: 22px;} #contact_list .li .cont .item{margin-bottom: 10px;font-size: 16px;} #contact_list .li .cont .item .t1{width: 75px;color: #999;} #contact_list .li .cont .item .t2{width: calc(100% - 85px);color: #1a1a1a;padding-left: 10px;} #contact_list .li .cont .item .t2 a:hover{ color: #0099e6;} /* #contact_list .li:hover, #contact_list .li.cur{border-bottom-color: #0099e6;} #contact_list .li:hover .tit{color: #0099e6;} #contact_list .li.cur .tit{padding-left: 40px;color: #0099e6;background: url(/images/contact_address_icon.png) no-repeat left;} */ #contact_list .li:hover{border-bottom-color: #0099e6;} #contact_list .li:hover .tit{color: #0099e6;} @media screen and (max-width:1440px) { #contact_list .son .son_box .site {margin-left: 15%;} } @media screen and (max-width:1366px) { #contact_list .son .son_box .site {width: 70.8%;} } @media screen and (max-width:1280px) { #contact_list .son .son_box .site {width: 85%;margin-left: 0;margin-top: 50px;} #contact_list .son .son_box .son_name {display: block;} } @media screen and (max-width:750px) { #contact {margin-top: 80px;} #contact .content .main {flex-direction:column-reverse;} #contact .content .main .main_right img, #contact .content .main .main_right {width: 100%;} #contact .content .main .main_left .title {font-size: 42px;margin: 30px 0px;} #contact .content .main .main_left .info {font-size: 30px;} #contact .content .main .main_left .info .info_text {min-width: 70px;width: 150px;} #contact .content .main .main_left .info .text{width: calc(100% - 150px);} #contact_map .map {margin-top: 80px;} #contact_list{ padding-bottom: 50px;} #contact_list .li{width: 100%;} #contact_list .li .tit{font-size: 36px;} #contact_list .li .cont .item{font-size: 30px;} #contact_list .li .cont .item .t1{width: 100px;} #contact_list .li .cont .item .t2{width: calc(100% - 110px);line-height: 1.5;} } #feedback{ background: #fff;} #feedback .content { margin-bottom: 125px;} #feedback .content .title {font-size: 42px;font-weight: 700; text-align: center;} #feedback .content .form {padding: 45px 52px 46px;border-radius: 20px;background: #f5f7fa;margin-top: 45px;} #feedback .content .form .one {display: flex;align-items: center;justify-content: space-between;} #feedback .content .form .one .box {width: 22.929%;} #feedback .content .form .text {font-size: 16px;display: flex;align-items: center;} #feedback .content .form .text span {width: 5px;height: 5px;border-radius: 50%;background: #0099e6;margin-left: 5px;} #feedback .content .form .one .box .input {width: 100%;border-radius: 10px;background: #fff;font-size: 16px;border: 1px solid #fff;padding: 0 19px;line-height: 48px;margin-top: 10px;} #feedback .content .form .one .box .input:focus, #feedback .content .form .one .box .input:hover {border-color: #0099e6;} #feedback .content .form .one .box .input::placeholder {opacity: 0;color: #999999;transition: all 0.3s;} #feedback .content .form .one .box .input:focus::placeholder, #feedback .content .form .one .box .input:hover::placeholder {opacity: 1;} #feedback .content .form .two {margin-top: 35px;} #feedback .content .form .two .textarea {width: 100%;margin-top: 10px;height: 226px;border-radius: 10px;background: #fff;padding: 19px;font-size: 16px;border: 1px solid #fff;} #feedback .content .form .two .textarea:focus, #feedback .content .form .two .textarea:hover {border-color: #0099e6;} #feedback .content .form .two .textarea::placeholder {opacity: 0;color: #999999;transition: all 0.3s;} #feedback .content .form .two .textarea:focus::placeholder, #feedback .content .form .two .textarea:hover::placeholder {opacity: 1;} #feedback .content .form .btn { margin: 47px auto 10px; width: 170px; height: 50px; border-radius: 30px;padding: 0 28px;background: #0099e6; font-size: 16px; color: #fff;} #feedback .content .form .btn .icon{width: 4px; height: 7px;} #feedback .content .form .btn:hover{opacity: 0.8;} #feedback .contact {margin-top: 100px;padding-bottom: 60px;position: relative;} #feedback .contact .title {font-size: 42px;font-weight: 500;position: absolute;left: 50%;transform: translateX(-50%);top: 110px;z-index: 3;} #feedback .contact .main {position: relative;} #feedback .contact .main::before {width: 562px;height: 415px;content: '';background: url(Path000/images/top.png) no-repeat;position: absolute;top: 0;left: 0;z-index: 2;} #feedback .contact .main .map {width: 100%;height: 830px; background: #fafafa;} #feedback .contact .son {overflow: hidden; position: absolute;left: 50%;bottom: 0px;transform: translateX(-50%);width: 100%;z-index: 3;padding: 20px 0 76px;} #feedback .contact .son::before {content: '';width: 100%;height: 100%;background-image: linear-gradient(transparent 65%, #fff);position: absolute;left: 0;bottom: 10px;} #feedback .contact .son .container {overflow: visible !important;} #feedback .contact .son .slide {border-radius: 20px; background: #fff; padding: 32px 40px 46px; box-shadow: 10px 17.321px 30px 0px rgba(28, 28, 28, 0.1);} #feedback .contact .son .slide::before {width: 100%;height: 100%;content: '';background: #3063c0;position: absolute;top: 0;left: 0;transform: translateY(4px);border-radius: 20px;z-index: -1;} #feedback .contact .son .slide .name {font-size: 24px;font-weight: 500;} #feedback .contact .son .slide .ul {margin-top: 18px;} #feedback .contact .son .slide .ul .li {margin-top: 20px; line-height: 25px;} #feedback .contact .son .slide .ul .li:first-child {margin-top: 0;} #feedback .contact .son .slide .ul .li .icon {width: 18px; margin-right: 11px; background: url() no-repeat top 3px left;} #feedback .contact .son .slide .ul .li .word {width: calc(100% - 18px); font-size: 16px; color: #333;} #feedback .contact .son .slide .ul .li:nth-child(1) .icon{background-image: url(Path000/images/icon1.png);} #feedback .contact .son .slide .ul .li:nth-child(2) .icon{background-image: url(Path000/images/icon2.png); background-position: top 7px left;} #feedback .contact .son .slide .ul .li:nth-child(3) .icon{background-image: url(Path000/images/icon3.png);} #feedback .contact .son .page {margin-bottom: 42px;} #feedback .contact .son .page .pn {width: 68px;height: 68px;border-radius: 50%;background: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);} #feedback .contact .son .page .pn img:nth-of-type(2) {display: none;} #feedback .contact .son .page .pn.next {transform: rotate(-180deg);} #feedback .contact .son .page .pn:hover {background: #3063c0;} #feedback .contact .son .page .pn:hover img:nth-of-type(1) {display: none;} #feedback .contact .son .page .pn:hover img:nth-of-type(2) {display: inline-block;} #feedback .contact .son .slide.swiper-slide-thumb-active {background: #3063c0;color: #fff;} #feedback .contact .son .slide.swiper-slide-thumb-active .ul .li:nth-child(1) .icon{background-image: url(Path000/images/icon1_1.png);} #feedback .contact .son .slide.swiper-slide-thumb-active .ul .li:nth-child(2) .icon{background-image: url(Path000/images/icon2_2.png);} #feedback .contact .son .slide.swiper-slide-thumb-active .ul .li:nth-child(3) .icon{background-image: url(Path000/images/icon3_3.png);} #feedback .contact .son .slide.swiper-slide-thumb-active .ul .li .word{color: #fff;} @media (max-width: 1680px) { #feedback .contact .main .map{height: 833px;} } @media (max-width: 1536px) { #feedback .contact .main .map{height: 763px;} } @media (max-width: 1440px) { #feedback .contact .main .map{height: 663px;} } @media (max-width: 1366px) { #feedback .contact .title, #feedback .content .title {font-size: 42px; line-height: 1.5;} #feedback .contact .son {bottom: 35px;} #feedback .contact .son .slide {padding: 30px 35px;} #feedback .contact .son .slide .name {font-size: 22px;} #feedback .contact .son .slide .ul .li {margin-top: 10px;} } @media (max-width: 1280px) { #feedback .contact{padding-bottom: 60px;} #feedback .contact .title{top: 60px;} #feedback .contact .main .map{height: 634px;} #feedback .contact .son {bottom: -50px;} } @media (max-width:1024px) { #feedback .content .form .one {flex-wrap: wrap;justify-content: space-between;} #feedback .content .form .one .box {width: 49%;margin-top: 38px;} #feedback .content .form .one .box:nth-child(-n+2) {margin-top: 0;} #feedback .contact .son .slide {padding: 30px 25px;} #feedback .contact .son .slide .ul .li .word {font-size: 14px;line-height: 1.5;} } @media (max-width:750px) { #feedback{padding: 0;} #feedback .contact .title, #feedback .content .title {font-size: 42px;} #feedback .content .tit {font-size: 26px;} #feedback .content .form .one .box:nth-child(-n+2), #feedback .content .form .one .box {width: 100%;margin-top: 38px;} #feedback .content .form .one .box:first-child {margin-top: 0;} #feedback .content .form .text {font-size: 30px;} #feedback .content .form .text span {display: inline-block; margin-left: 10px; width: 10px;height: 10px;} #feedback .content .form .one .box .input {line-height: 65px;font-size: 26px;} #feedback .content .form .two .textarea {font-size: 26px;line-height: 1.5;height: 335px;} #feedback .content .form .btn {font-size: 26px;height: 60px;width: 230px;} #feedback .content .form .btn img {transform: scale(1.5);} #investor_feedback #feedback{ padding: 0;} #investor_feedback #feedback .brief{ line-height: 1.6; font-size: 26px;} #investor_feedback #feedback .content{ margin-bottom: 0;} #feedback .contact{padding-bottom: 280px;} #feedback .contact .main .map{height: 540px;} #feedback .contact .son {position: absolute; left: inherit; top: inherit; bottom: 0; transform: translateX(0) translateY(0);} #feedback .contact .son .slide .name {font-size: 32px;} #feedback .contact .son .slide .ul .li {align-items: flex-start;} #feedback .contact .son .slide .ul .li .icon, #feedback .contact .son .slide .ul .li:nth-child(2) .icon {min-width: auto; width: 40px; height: 40px; background-size: 30px; background-position: center center;} #feedback .contact .son .slide .ul .li .word {width: calc(100% - 60px);font-size: 26px;} #feedback .contact .son .page .pn img{transform: scale(1.8);} } /* 联系我们 */ /* 投资者关系 */ /* 定期报告 */ #investor{padding: 120px 0; background: #fafafa;} #investor .content .left_nav{ width: 80px;} #investor .content .left_nav .in{ position: sticky; top: 100px;} #investor .content .left_nav .line{width: 1px; height: 100%; background: #ccc; position: absolute; top: 0; left:0; z-index:1;} #investor .content .left_nav .li{padding-left: 20px; margin-bottom:50px; font-size: 24px; font-weight:500;color: #ccc; line-height:0.75;position: relative;} #investor .content .left_nav .li:last-child{margin-bottom:0;} #investor .content .left_nav .li::before{content:"";display: block; width:2px; height:100%;background:transparent;position: absolute; top: 50%; left:0; transform: translateY(-50%); z-index: 2;transition: all 0.3s;} #investor .content .left_nav .li:hover, #investor .content .left_nav .li.cur{color:#0099e6;} #investor .content .left_nav .li.cur::before{background: #0099e6;} #investor .content .right_cont{width: calc(100% - 170px);} #investor .content .right_cont .item{margin-top:65px; align-items: flex-start;} #investor .content .right_cont .item:nth-of-type(2){margin-top:0;} #investor .content .right_cont .item .year{width:10%;font-size:40px;color:#333;line-height:1;font-weight:600;} #investor .content .right_cont .item .info_list{width:86.357%;} #investor .content .right_cont .item .info_list .info_li{width: 31.0092%;margin:50px 3.4697% 0 0;} #investor .content .right_cont .item .info_list .info_li:nth-child(-n+3){margin-top: 0;} #investor .content .right_cont .item .info_list .info_li:nth-child(3n){margin-right: 0;} #investor .content .right_cont .item .info_list .info_li .img{width:100%;padding:45px 17.633%;background-color:#fff; border-radius: 8px; overflow: hidden;} #investor .content .right_cont .item .info_list .info_li .img .pic{padding-top:150%;} #investor .content .right_cont .item .info_list .info_li .img .pic img{object-fit:cover;height:100%;} #investor .content .right_cont .item .info_list .info_li .name{font-size:18px; color: #333;text-align:center;margin-top:32px;} #investor .content .right_cont .item .info_list .info_li:hover .name{color:#0099e6;} #investor .content .right_cont .item .info_list .info_li:hover .img{box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);} @media (max-width: 1440px) { #investor .content .right_cont .item .year{font-size: 36px;} } @media (max-width: 1024px) { #investor .content .left_nav {display: none;} #investor .content .right_cont{width: 100%;} } @media (max-width: 750px) { #investor{padding: 80px 0;} #investor .content .right_cont .item{flex-wrap: wrap;} #investor .content .right_cont .item .year{width: 100%; margin-bottom: 20px; font-size: 42px; line-height: 1.5;} #investor .content .right_cont .item .info_list{width: 100%;} #investor .content .right_cont .item .info_list .info_li{width:calc((100% - 50px) / 2);margin:40px 50px 0 0;} #investor .content .right_cont .item .info_list .info_li .img{padding:30px;} #investor .content .right_cont .item .info_list .info_li .name{font-size: 30px; line-height: 1.5;margin-top:20px;} } /* 公司公告 */ #company{padding: 110px 0 120px; background: #fafafa;} #company .content{} #company .content .left_nav{ position: sticky; top: 100px; width: 90px; height: 100%;} #company .content .left_nav .in{ width: 100%; height: max-content; border-left: 1px solid #ccc; } #company .content .left_nav .in.fixed{width: 90px; } #company .content .left_nav .li{margin-top: 50px; text-align: center; font-size: 24px; line-height: 1; color: #ccc;} #company .content .left_nav .li:first-child{margin-top: 0;} #company .content .left_nav .li:hover{color: #0099e6;} #company .content .left_nav .li.cur{font-weight: bold; color: #0099e6; position: relative;} #company .content .left_nav .li.cur::before{content: ""; display: block; width: 4px; height: 100%; background: #0099e6; position: absolute; left: -1px; top: 0; z-index: 1;} #company .content .right_cont{width: 88.21%;} #company .content .right_cont .item{margin-bottom: 40px;padding-bottom: 33px; border-bottom: 1px solid #e6e6e6;} #company .content .right_cont .item:last-of-type{margin-bottom: 0; border-bottom: 0;} #company .content .right_cont .item .year{width: 9.9%; font-size: 42px; color: #333; font-weight: bold;} #company .content .right_cont .item .info_list{width: 88.71%;} #company .content .right_cont .item .info_list .info_li{margin-top: 5px; padding: 8px 2.3% 14px 3%; border-radius: 8px; overflow: hidden;} #company .content .right_cont .item .info_list .info_li:first-child{margin-top:0;} #company .content .right_cont .item .info_list .info_li .left_info{width: 90%;} #company .content .right_cont .item .info_list .info_li .left_info .name{margin-bottom: 5px; font-size: 16px; color: #333; line-height: 31px;} #company .content .right_cont .item .info_list .info_li .left_info .time{font-size: 16px; color: #999; line-height: 22px;} #company .content .right_cont .item .info_list .info_li .down{width: 50px; height: 50px; background: #f1f1f1; border-radius: 8px; overflow: hidden;} #company .content .right_cont .item .info_list .info_li .down .svg{fill: #333;} #company .content .right_cont .item .info_list .info_li:hover{background: #fff;} #company .content .right_cont .item .info_list .info_li:hover .left_info .name{color: #0099e6;} #company .content .right_cont .item .info_list .info_li:hover .left_info .time{color: #333;} #company .content .right_cont .item .info_list .info_li:hover .down{background: #0099e6;} #company .content .right_cont .item .info_list .info_li:hover .down .svg{fill: #fff;} @media (max-width: 1440px) { #company .content .left_nav{width: 108px;} #company .content .left_nav .in.fixed{width: 108px; } } @media (max-width: 1024px) { #company .content .left_nav{display: none;} #company .content .right_cont{width: 100%;} } @media (max-width: 750px) { #company{padding: 80px 0;} #company .title .tit{font-size: 42px; font-weight: 700; line-height: 1.6;} #company .content .right_cont .item .year{width: 13.42%; font-size: 42px;} #company .content .right_cont .item .info_list{width: 83%;} #company .content .right_cont .item .info_list .info_li{background: #fff; margin-top: 40px; padding: 20px;} #company .content .right_cont .item .info_list .info_li .left_info{width: 88%;} #company .content .right_cont .item .info_list .info_li .left_info .name{font-size: 30px; margin-bottom: 20px; line-height: 40px;} #company .content .right_cont .item .info_list .info_li .left_info .time{font-size: 26px; color: #333;} #company .content .right_cont .item .info_list .info_li .down{background: #de0010;} #company .content .right_cont .item .info_list .info_li .down .svg{fill: #fff;} } /* 投资者互动 */ #investor_feedback{ padding: 110px 0 128px;} #investor_feedback .title{ line-height: 60px; font-size: 42px; color: #333;} #investor_feedback .brief{ margin-top: 16px; line-height: 30px; font-size: 18px; color: #333; text-align: center;} #investor_feedback .form{ margin-top: 50px;} /* 投资者关系 */ /* 解决方案 */ #solution .top{ padding: 130px 0;} #solution .top .info{ width: 42.1429%;} #solution .top .info .name{ line-height: 45px; font-size: 36px; color: #333;} #solution .top .info .brief{ margin-top: 42px; line-height: 36px; font-size: 18px; color: #1a1a1a;} #solution .top .img{ width: 50%; border-radius: 12px; overflow: hidden;} #solution .mid{ padding: 93px 0 78px; background: #f5f7fa;} #solution .mid .tit{ line-height: 45px; font-size: 36px; color: #333; text-align: center;} #solution .mid .cate{ margin-top: 50px;} #solution .mid .cate .cate_item{ margin-right: 27px; width: 175px; height: 55px; line-height: 55px; background: #fff; font-size: 18px; color: #333; border-radius: 28px; text-align: center;} #solution .mid .cate .cate_item:last-child{ margin-right: 0;} #solution .mid .cate .cate_item:hover, #solution .mid .cate .cate_item.cur{ background: #0099e6; color: #fff;} #solution .mid .list{ margin-top: 68px;} #solution .mid .list .item .more_btn{ margin-top: 58px; width: 100%;} #solution .mid .list .item .more_btn .more{ margin: 0 auto; width: 66px; height: 66px; border: 3px solid #333; border-radius: 50%;} #solution .mid .list .item .more_btn .more svg{ transform: rotate(90deg);} #solution .mid .list .item .more_btn .more svg path{ fill: #333;} #solution .mid .list .item .more_btn .more:hover{ background: #0099e6; border-color: #0099e6;} #solution .mid .list .item .more_btn .more:hover svg path{ fill: #fff;} #solution .mid .list .item .more_btn.cur .more{ transform: rotate(180deg);} #solution .mid .list .solu_item{ margin: 25px 1.7857% 0 0; padding: 40px; width: 32.1429%; background: #fff; border-radius: 12px;} #solution .mid .list .solu_item .name{ line-height: 38px; font-size: 28px; color: #38383a; text-align: center;} #solution .mid .list .solu_item .brief{ margin-top: 10px; height: 50px; line-height: 25px; font-size: 16px; color: #333; text-align: center;} #solution .mid .list .solu_item .img{ margin-top: 20px; height: 350px;} #solution .mid .list .solu_item .img img{ max-width: 100%; max-height: 100%;} #solution .mid .list .solu_item .btn{ margin: 24px auto 0; width: 132px; height: 45px; line-height: 45px; background: #0099e6; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; opacity: 0;} #solution .mid .list .solu_item:nth-child(-n+3){ margin-top: 0;} #solution .mid .list .solu_item:nth-child(3n){ margin-right: 0;} #solution .mid .list .solu_item:hover{ box-shadow: 20px 20px 40px rgba(0, 38, 77, .15);} #solution .mid .list .solu_item:hover .name{ color: #0099e6;} #solution .mid .list .solu_item:hover .btn{ opacity: 1;} #solution .bot{ padding: 100px 0;} #solution .bot .tit{ line-height: 45px; font-size: 36px; color: #333;} #solution .bot .tit .more{ margin-top: 9px; font-size: 18px; color: #333;} #solution .bot .tit .more svg{ margin-left: 13px;} #solution .bot .tit .more svg path{ fill: #333; transition: all .3s;} #solution .bot .tit .more:hover{ color: #0099e6;} #solution .bot .tit .more:hover svg path{ fill: #0099e6;} #solution .bot .list{ margin-top: 48px;} #solution .bot .list .slide{ width: 31.4286%;} #solution .bot .list .slide .img{ border-radius: 12px; overflow: hidden;} #solution .bot .list .slide .name{ margin-top: 22px; line-height: 30px; font-size: 20px; color: #333;} #solution .bot .list .slide .brief{ margin-top: 7px; line-height: 30px; font-size: 16px; color: #666;} #solution .bot .list .btn_list{ top: 50%; left: 0; z-index: 1; padding: 0 30px; width: 100%; transform: translateY(-130%); pointer-events: none;} #solution .bot .list .btn_list .btn_item{ width: 60px; height: 60px; background: #fff; border-radius: 50%; pointer-events: visible;} #solution .bot .list .btn_list .btn_item.next{ transform: rotate(180deg);} #solution .bot .list .slide:hover .name{ color: #0099e6;} #solution .bot .list .btn_list .btn_item:hover{ background: #0099e6;} #solution .bot .list .btn_list .btn_item:hover img{ filter: invert(1);} @media screen and (max-width: 750px){ #solution .top{ padding: 50px 0;} #solution .top .cw1400{ flex-direction: column-reverse;} #solution .top .img, #solution .top .info{ width: 100%;} #solution .top .info .name{ margin-top: 30px; line-height: 1.6; font-size: 42px;} #solution .top .info .brief{ margin-top: 20px; line-height: 1.6; font-size: 26px;} #solution .mid{ padding: 50px 0;} #solution .mid .tit{ line-height: 1.6; font-size: 42px;} #solution .mid .cate .cate_item{ padding: 0 50px; width: auto; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} #solution .mid .list .solu_item{ margin-right: 0; width: 100%;} #solution .mid .list .solu_item .name{ line-height: 1.6; font-size: 36px;} #solution .mid .list .solu_item .brief{ line-height: 1.6; font-size: 26px;} #solution .mid .list .solu_item:nth-child(-n+3){ margin-top: 50px;} #solution .bot .tit{ line-height: 1.6; font-size: 42px;} #solution .bot .tit .more{ line-height: 1.6; font-size: 26px;} #solution .bot .list .slide .name{ line-height: 1.6; font-size: 36px;} #solution .bot .list .slide .brief{ line-height: 1.6; font-size: 26px;} } /* 详情页 */ #solution-detail #location{ position: absolute; top: 0; left: 0; border: 0;} #solution-detail .solu_banner{padding: 135px 0 50px;background: url(/images/solution_bg.png) no-repeat center / cover;} #solution-detail .solu_banner .box{} #solution-detail .solu_banner .box .text_box{width: 50%;} #solution-detail .solu_banner .box .text_box .tit{font-size: 48px;color: #333;font-family: 'din';line-height: 56px;} /* #solution-detail .solu_banner .box .text_box .txt{ margin-top: 44px; line-height: 36px; font-size: 40px;color: #fff;font-weight: 600;} */ #solution-detail .solu_banner .box .text_box .brief{margin-top: 45px; line-height: 36px;font-size: 18px;color: #333;} #solution-detail .solu_banner .box .pic{ width: 50%;} #solution-detail .solu_banner .box .container{ padding-bottom: 85px;} #solution-detail .solu_banner .box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; width: 10px; height: 10px; border: 2px solid #cecece; background: none; opacity: 1;} #solution-detail .solu_banner .box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #89ce1f; border-color: #89ce1f;} @media(max-width: 1440px){ #solution-detail .solu_banner .box .text_box{padding-right: 0;} } @media(max-width: 750px){ #solution-detail .solu_banner{ padding: 0 0 120px; background: none;} #solution-detail .solu_banner .box{ flex-direction: column-reverse; width: 100%;} #solution-detail .solu_banner .box .container{ padding-bottom: 0;} #solution-detail .solu_banner .box .pic{ padding: 50px 0; width: 100%; background: url(/images/solution_bg.png) no-repeat left 0 top 0 / auto 100%;} #solution-detail .solu_banner .box .text_box{ margin: 0 auto; padding-top: 50px; width: 92%;} #solution-detail .solu_banner .box .text_box .brief{ line-height: 1.6; font-size: 26px;} } #feature{padding:86px 0 100px;width:100%;height:fit-content;background:url(/images/feature_bg.jpg) no-repeat center / cover;} #feature .tit{font-size:42px;color:#fff;line-height:1;font-weight:500;margin-bottom:60px; text-align: center;} #feature .list .li{width:calc((100% - (2.143% * 2)) / 3);margin:2.5% 2.143% 0 0;background-color:#fff;padding:55px 2.143% 60px; border-radius: 8px;} #feature .list .li:nth-child(3n){margin-right:0;} #feature .list .li:nth-child(-n+3){margin-top:0;} #feature .list .li .top{margin-bottom:22px;} #feature .list .li .top .icon{width:50px;height:50px;margin-right:20px;} #feature .list .li .top .name{width:calc(100% - 50px - 20px);font-size:42px;font-weight:700;color:#0099e6;} #feature .list .li .brief{font-size:18px;line-height:30px;color:#333;} @media (max-width:750px) { #feature{padding:80px 0;} #feature .list {flex-wrap:wrap;} #feature .list .li{ margin:0 0 30px 0 !important; padding: 30px 6%; width: 100%;} #feature .list .li:last-child{margin-bottom:0 !important;} #feature .list .li .top .name{font-size:52px;} #feature .list .li .brief{font-size:30px;line-height:1.6;} } #app{padding: 110px 0 150px;} #app .title{font-size: 36px;color: #333;font-weight: 600; text-align: center;} #app .content{margin-top: 50px;} #app .content .li{} #app .content .li .pic{ border-radius: 15px; overflow: hidden;} #app .content .li .pic::before{content: '';display: block;padding-top: 65.346%;} #app .content .li .tit{ margin-top: 21px; line-height: 30px; font-size: 20px; color: #333;} #app .content .li .brief{margin-top: 7px; line-height: 30px; font-size: 16px; color: #666;} #app .content .btn{width: 70px;height: 70px;top: 30%;border-radius: 100%;z-index: 2;} #app .content .btn.prev{background: url(/images/prev.png) no-repeat center #000;left: 35px; filter:invert(1);} #app .content .btn.next{background: url(/images/next.png) no-repeat center #000;right: 35px; filter:invert(1);} /* #app .content .btn:hover{background-color: rgba(0,0,0,.5);} */ @media(max-width: 750px){ #app{padding: 80px 0;} #app .title{font-size: 42px;} #app .content .li .tit{ line-height: 1.6; font-size: 36px;} #app .content .li .brief{ line-height: 1.6; font-size: 26px;} } #solution-detail .param{padding: 100px 0 110px;background: #f5f7fa;} #solution-detail .param .title{font-size: 42px;color: #333;font-weight: 600; text-align: center;} #solution-detail .param .content{margin-top: 60px;} #solution-detail .param .content .li{width: 50%;font-size: 16px;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px solid #e6e6e6;} #solution-detail .param .content .li .tit{width: 23.5714%; font-size: 18px; color: #999;} #solution-detail .param .content .li .brief{width: calc(100% - 23.5714%); font-size: 18px; color: #333;} @media(max-width: 750px){ #solution-detail .param{padding: 80px 0;} #solution-detail .param .title{font-size: 42px;} #solution-detail .param .content{margin-top: 60px;} #solution-detail .param .content .li{width: 100%;font-size: 30px;} #solution-detail .param .content .li .tit, #solution-detail .param .content .li .brief{ width: 50%; font-size: 26px; word-wrap: break-word;} } #solution-detail {padding-bottom: 100px;} #solution-detail .relevant {margin-top: 50px;} #solution-detail .relevant .big {font-size: 42px; color: #333; font-weight: bold; text-align: center;} #solution-detail .relevant .product {display: flex;flex-wrap: wrap;} #solution-detail .relevant .product .brief {cursor:pointer;width: 23.1%;text-align: center;margin-top: 45px;margin-right: 2.5%;} #solution-detail .relevant .product .brief:last-child {margin-right: 0;} #solution-detail .relevant .product .brief .m-pic { padding: 30px; width: 100%; max-height: 323px; border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden;} #solution-detail .relevant .product .brief .name { margin-top: 34px; padding: 0 10px; line-height: 28px; font-size: 18px;color: #282828; font-weight: bold;} /* #solution-detail .relevant .product .brief .blurb {height: 65px;text-align: center;color: #999999;font-size: 14px;position: relative;padding: 0 10px;} #solution-detail .relevant .product .brief .blurb::before {content: '查看详情';width: 100%;height: 100%;position: absolute;text-align: center;color: #fff;font-size: 16px;font-weight: bold;top: 0;left: 0;background: #0099e6;line-height: 65px;opacity: 0;transition: all .3s linear;} #solution-detail .relevant .product .brief:hover {background: #f4f6f9;} #solution-detail .relevant .product .brief:hover .blurb::before {opacity: 1;} */ #solution-detail .relevant .product .brief:hover .name { color: #0099e6;} @media screen and (max-width: 1200px){ #solution-detail .relevant .product .brief .m-pic{ max-height: 100%;} } @media screen and (max-width:750px) { #solution-detail .relevant .product {display: block;} #solution-detail .relevant .product .brief { display: block; margin-top: 50px; width: 100%;margin-right: 0;} #solution-detail .relevant .product .brief:first-child { margin-top: 0;} #solution-detail .relevant .product .brief .name {font-size: 42px;margin-bottom: 20px;} #solution-detail .relevant .product .brief .blurb {font-size: 30px;line-height: 1.8;} #solution-detail .relevant .product .brief .blurb::before {font-size: 30px;} #solution-detail .relevant .product .brief .m-pic { width: 100%; height: inherit; max-height: inherit; text-align: center;} #solution-detail .relevant .product .brief .name { line-height: 1.6;} #solution-detail .relevant .big {font-size: 48px;font-weight: bold;} } /* 解决方案 */ /* 首页 */ .i-item{ margin-top: 90px;} .i-item .title .cn{ line-height: 65px; font-size: 48px; color: #333; font-weight: 700; text-align: center;} .i-item .title .en{ margin-top: 8px; line-height: 23px; font-size: 18px; color: #ccc; text-align: center;} .i-item .list{ margin-top: 45px;} @media screen and (max-width: 750px){ .i-item .title .en{ font-size: 26px;} } /* 解决方案 */ #i-solu .list .container{ margin: 0 auto; width: 1400px; overflow: visible;} #i-solu .list .container .wrapper{ align-content: start;} #i-solu .list .container .slide{ padding: 72px 0 88px; width: 100%; height: auto; background: url(/images/i_solu_bg.png) no-repeat center / cover; border-radius: 12px; overflow: hidden;} #i-solu .list .container .slide .name{ line-height: 45px; font-size: 36px; color: #333; font-weight: 700;} #i-solu .list .container .slide .brief{ margin-top: 10px; line-height: 26px; font-size: 18px; color: #333;} /*#i-solu .list .container .slide .img{ height: 671px;}*/ #i-solu .list .container .slide .img img{ transform: scale(.8);} #i-solu .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 50px; height: 10px; line-height: 0;} #i-solu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px; width: 10px; height: 10px; border: 2px solid #dadcdf; background: none; opacity: 1;} #i-solu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #89ce1f; background: #89ce1f;} #i-solu .list .container .slide:hover img{ transform: scale(1);} @media screen and (max-width: 1440px){ #i-solu .list .container{ width: 90%;} } @media screen and (max-width: 750px){ #i-solu .list .container .slide .name{ marginL: 0 auto; width: 95%; line-height: 1.6; font-size: 42px;} #i-solu .list .container .slide .brief{ marginL: 0 auto; width: 95%; line-height: 1.6; font-size: 26px;} #i-solu .list .container .slide .img{ width: 100%;} /*#i-solu .list .container .slide .img img{ max-width: 50%;}*/ } /* 技术创新 */ #i-tech .list{ width: 100%; height: 800px;} #i-tech .list .item{ width: 50%; height: 100%;} #i-tech .list .item .item_in{ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4);} #i-tech .list .item .title{ line-height: 45px; font-size: 36px; color: #fff; font-weight: 700; text-align: center;} #i-tech .list .item .brief{ margin-top: 18px; padding: 0 160px; line-height: 26px; font-size: 18px; color: #fff; text-align: center; overflow: hidden;} #i-tech .list .item .brief .brief-in{ width: 631px;} #i-tech .list .item .tech_list{ height: 0; overflow: hidden;} #i-tech .list .item .tech_list .tech_item{ margin-top: 30px; margin-left: 30px; padding: 0 20px; width: 160px; height: 160px; background: rgba(0, 126, 217, .95); border-radius: 8px;} #i-tech .list .item .tech_list .tech_item:first-child{ margin-left: 0;} #i-tech .list .item .tech_list .tech_item .name{ margin-top: 22px; line-height: 26px; font-size: 18px; color: #fff;} #i-tech .list .item .more{ margin-top: 30px; width: 160px; height: 50px; border: 1px solid #fff; font-size: 16px; color: #fff; border-radius: 25px;} #i-tech .list .item .more .txt{ top: 0; left: 0; width: 100%; height: 100%; z-index: 1;} #i-tech .list .item .more svg{ margin-left: 18px;} #i-tech .list .item .more svg path{ fill: #fff; transition: all .3s;} @media screen and (min-width: 1025px){ #i-tech .list .item.cur{ width: 81.25%;} #i-tech .list .item.cur .brief{ width: 100%;} #i-tech .list .item.cur .brief .brief-in{ width: 100%;} #i-tech .list .item.cur .item_in{ background: rgba(0, 126, 217, .3);} /*#i-tech .list .item.cur .item_in .more{ margin-top: 86px; background: #fff; color: #007ed9;}*/ /*#i-tech .list .item.cur .item_in .more svg path{ fill: #007ed9;}*/ #i-tech .list .item.short{ width: calc(100% - 81.25%);} #i-tech .list .item.short .item_in *{ display: none;} #i-tech .list .item .tech_list .tech_item:hover{ background: rgba(137, 206, 31, .95);} } @media screen and (max-width: 1440px){ #i-tech .list .item .brief{ padding: 0 80px;} #i-tech .list .item .tech_list .tech_item{ padding: 0 10px; width: 120px; height: 120px;} #i-tech .list .item .tech_list .tech_item .icon img{ width: 70%;} #i-tech .list .item .tech_list .tech_item .name{ margin-top: 10px; font-size: 14px;} } @media screen and (max-width: 1200px){ #i-tech .list .item .tech_list .tech_item{ margin-left: 15px;} } @media screen and (max-width: 1024px){ #i-tech .list{ flex-direction: column; height: inherit;} #i-tech .list .wrapper{ align-content: start;} #i-tech .list .item{ width: 100%; height: auto;} #i-tech .list .item .item_in{ position: static; padding: 100px 0;} #i-tech .list .item img{ max-width: 100%;} #i-tech .list .item .tech_list{ height: auto;} } @media screen and (max-width: 750px){ #i-tech .list .item .title{ line-height: 1.6; font-size: 42px;} #i-tech .list .item .brief{ line-height: 1.6; font-size: 26px;} #i-tech .list .item .tech_list .tech_list_in{ align-content: start; flex-wrap: wrap;} #i-tech .list .item .tech_list .tech_item{ margin: 30px 15px 0 0; padding: 30px 10px; width: 200px; height: inherit;} #i-tech .list .item .tech_list .tech_item:nth-child(3n){ margin-right: 0;} #i-tech .list .item .tech_list .tech_item .icon img{ width: 100%;} #i-tech .list .item .tech_list .tech_item .name{ height: 85px; line-height: 1.6; font-size: 26px;} #i-tech .list .item .more{ margin-top: 60px; width: 320px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} } /* 首页数据 */ #index-video{width: 100%;font-size: 0;} #index-video video{width: 100%;object-fit: cover;} #index-video .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 8;display: flex;align-items: center;} #index-video .name{font-size: 48px;font-family: Roboto-Medium;margin-bottom: 20px;text-align: center;color: #fff;} #index-video .brief{font-size: 18px;line-height: 32px;max-width: 750px;margin: 0 auto 70px;text-align: center;color: #fff;} #index-video .data-box{display: flex;justify-content: center;} #index-video .data-box .data{margin-right: 180px;} #index-video .data-box .data:last-child{margin-right: 0;} #index-video .data-box .data .number-box{margin-bottom: 20px;} #index-video .data-box .data .number-box .number{font-family: Roboto-Bold;font-size: 72px;color: #fff;} #index-video .data-box .data .number-box .unit{font-family: Roboto-Bold;font-size: 50px;color: #fff;} #index-video .data-box .data .tit{font-family: Roboto-Medium;font-size: 22px;line-height: 26px;color: #fff;} #index-about{width: 100%;/*height: 950px;padding-top: 170px;background: url("/images/pic/index-about.png") no-repeat;background-size: cover;*/text-align: center;color: #fff;position: relative;} #index-about .name{font-size: 48px;font-family: Roboto-Medium;margin-bottom: 20px;} #index-about .brief{font-size: 18px;line-height: 32px;max-width: 750px;margin: 0 auto 70px;} #index-about .data-box{display: flex;justify-content: center;margin-bottom: 90px;} #index-about .data-box .data{margin-right: 180px;} #index-about .data-box .data:last-child{margin-right: 0;} #index-about .data-box .data .number-box{margin-bottom: 20px;} #index-about .data-box .data .number-box .number{font-family: Roboto-Bold;font-size: 72px;} #index-about .data-box .data .number-box .unit{font-family: Roboto-Bold;font-size: 50px;} #index-about .data-box .data .tit{font-family: Roboto-Medium;font-size: 20px;line-height: 26px;} #index-about .more{width: 145px;height: 50px;line-height: 46px;margin: 0 auto;border-radius: 25px;border: 2px solid #afbac2;display: block;text-align: center;font-size: 16px;color: #666666;position: relative;overflow: hidden;} #index-about .more span{padding-right: 25px;color: #fff;background: url("/images/icon/icon-more-1.png") no-repeat right center;position: relative;z-index: 2;transition: background .3s;} #index-about .more:hover{border-color: transparent;} #index-about .more img{position: relative;z-index: 2;} #index-about .bg video{width: 100%;object-fit: cover;_min-height: 940px;} #index-about .bg img{width: 100%;object-fit: cover;_min-height: 940px;} #index-about .con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;} @media screen and (max-width: 1024px){ #i-about .eff-logo{ display: none;} #i-about .eff-sticky .con .brief, #i-about .eff-sticky .con .data-box .tit{ line-height: 1.6; font-size: 26px;} #i-about .eff-sticky .con .data-box{ flex-wrap: wrap;} #i-about .eff-sticky .con .data-box .data{ margin-top: 30px; width: 50%;} #i-about .eff-sticky .con .data-box .data:nth-child(-n+2){ margin-top: 0;} #i-about .eff-sticky .con .more{ margin-top: 60px; width: 320px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} } /*特效Begin*/ #index-video img{max-width: 100%;height: 100%;} .eff{width: 100%;position: relative;height: 3000px;} .eff-sticky{ width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;height: 940px;} .eff-sticky .con{ top: 0; left: 0; width: 100%; height: 100%;} .eff-sticky .con .con-in{ width: 100%; height: 100%; background: rgba(0, 0, 0, .7);} .eff-sticky .con .cw1400{ z-index: 10; height: 100%;} .eff-sticky .con .name{ line-height: 63px; font-size: 45px; color: #fff; text-align: center;} .eff-sticky .con .brief{ margin-top: 25px; line-height: 30px; font-size: 18px; color: #fff; text-align: center;} .eff-sticky .con .data-box{ margin-top: 72px;} .eff-sticky .con .data-box .number-box{ line-height: 55px; font-size: 60px; color: #0099e6; font-weight: 700;} .eff-sticky .con .data-box .number-box .unit{ margin-left: 8px; line-height: 35px; font-size: 24px;} .eff-sticky .con .data-box .tit{ margin-top: 15px; line-height: 27px; font-size: 18px; color: #89ce1f; text-align: center;} .eff-sticky .con .more{ margin: 88px auto 0; width: 160px; height: 50px; line-height: 50px; border: 1px solid #fff; border-radius: 25px; font-size: 16px; color: #fff;} .eff-sticky .con .more svg{ margin-left: 18px;} .eff-sticky .con .more svg path{ fill: #fff;} .eff-sticky .con .more:hover{ border-color: #0099e6; background: #0099e6;} .eff-sticky-img{width: 100%;} .eff-sticky-img video{width: 100%;height: 100%;object-fit:cover;} .eff-logo{ position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;} .eff-logo img{width: 100%;height: 100vh;object-fit:cover;} .eff-logo .txt-con{ top: 76vh; left: 50%; transform: translateX(-50%);} .eff-logo .txt-con .cn{ line-height: 65px; font-size: 48px; color: #333; text-align: center;} .eff-logo .txt-con .en{ margin-top: 10px; line-height: 28px; font-size: 22px; color: #999; text-align: center;} #index-about.eff-content{opacity: 0;pointer-events:none;position: absolute;width: 100%;z-index: 9;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;} #index-about.eff-content.active{opacity: 1;pointer-events:auto;} #index-video video{height: 100%;} #index-about .bg{height: 100%;} /*特效End*/ /* 最新动态 */ #i-news{ padding-bottom: 100px;} #i-news .list .item{ margin-left: 2.8571%; width: 31.4286%;} #i-news .list .item:first-child{ margin-left: 0;} #i-news .list .item .img{ border-radius: 8px; overflow: hidden;} #i-news .list .item .con{ margin-top: 34px; width: 100%;} #i-news .list .item .con .date{ line-height: 24px; font-size: 18px; color: #333;} #i-news .list .item .con .name{ margin-top: 9px; height: 64px; line-height: 32px; font-size: 24px; color: #333;} #i-news .list .item .con .brief{ margin-top: 45px; line-height: 30px; font-size: 18px; color: #999;} #i-news .list .more{ margin: 60px auto 0; width: 160px; height: 50px; border: 1px solid #34393d; font-size: 16px; color: #34393d; border-radius: 25px;} #i-news .list .more svg{ margin-left: 18px;} #i-news .list .more svg path{ fill: #34393d; transition: all .3s;} #i-news .list .item:hover .con .date{ color: #89ce1f;} #i-news .list .item:hover .con .name{ color: #0099e6;} #i-news .list .item:hover .con .brief{ color: #333;} #i-news .list .more:hover{ border-color: #007ed9; background: #007ed9; color: #fff;} #i-news .list .more:hover svg path{ fill: #fff;} @media screen and (max-width: 750px){ #i-news .list .cw1400{ flex-direction: column;} #i-news .list .item{ margin-top: 50px; width: 100%;} #i-news .list .item:first-child{ margin-top: 0;} #i-news .list .item .img{ border-radius: 30px;} #i-news .list .item .img img{ width: 100%;} #i-news .list .item .con .date, #i-news .list .item .con .name, #i-news .list .item .con .brief{ line-height: 1.6; font-size: 26px;} #i-news .list .item .con .name{ height: inherit;} #i-news .list .item .con .brief{ margin-top: 15px;} #i-news .list .more{ margin-top: 60px; width: 320px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;} } #i-inve{ margin-top: 0; padding: 100px 0; background: #f5f7fa;} #i-inve .list{ margin-top: 0;} #i-inve .left{ width: 26.4286%; border-right: 1px solid #dfe2e6;} #i-inve .left .top .title{ line-height: 48px; font-size: 40px; color: #333;} #i-inve .left .top .code{ margin-top: 23px; line-height: 28px; font-size: 20px; color: #333;} #i-inve .left .bot .title{ line-height: 27px; font-size: 18px; color: #333;} #i-inve .left .bot .num{ line-height: 56px; font-size: 48px; color: #333; font-weight: 700;} #i-inve .left .bot .percentage{ height: 30px; font-size: 18px; color: #e60012;} #i-inve .left .bot .percentage img{ margin-right: 10px;} #i-inve .rig{ width: calc(100% - 26.4286%);} #i-inve .rig .company{ padding: 0 30px 0 6.3107%; width: 51.4563%; border-right: 1px solid #dfe2e6;} #i-inve .rig .investor{ padding-left: 6.9903%; width: calc(100% - 51.4563%);} #i-inve .rig .company .list{ margin-top: 40px;} #i-inve .rig .item .title{ line-height: 32px; font-size: 24px; color: #333;} #i-inve .rig .item .title svg path{ transition: all .3s;} #i-inve .rig .item .list .comp_item{ margin-top: 35px;} #i-inve .rig .item .list .comp_item:first-child{ margin-top: 0;} #i-inve .rig .item .list .comp_item .date{ line-height: 23px; font-size: 18px; color: #b6bfc9;} #i-inve .rig .item .list .comp_item .name{ margin-top: 5px; line-height: 27px; font-size: 18px; color: #333;} #i-inve .rig .item .title:hover{ color: #0099e6;} #i-inve .rig .item .title:hover svg path{ fill: #0099e6;} #i-inve .rig .item .list .comp_item:hover .date{ color: #89ce1f;} #i-inve .rig .item .list .comp_item:hover .name{ color: #0099e6;} #i-inve .rig .item .bot{ margin-top: 43px;} #i-inve .rig .item .bot .img{ width: 39.7232%;} #i-inve .rig .item .bot .img:before{ display: block; content: ''; position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; background: #fff;} #i-inve .rig .item .bot .img img{ max-width: 100%; max-height: 100%;} #i-inve .rig .item .bot .list{ margin-left: 8%;} #i-inve .rig .item .bot .list .inve_item{ margin-top: 35px;} #i-inve .rig .item .bot .list .inve_item:first-child{ margin-top: 0;} #i-inve .rig .item .bot .list .inve_item .date{ line-height: 23px; font-size: 18px; color: #b6bfc9;} #i-inve .rig .item .bot .list .inve_item .name{ margin-top: 5px; line-height: 27px; font-size: 18px; color: #333;} #i-inve .rig .item .bot .list .inve_item:hover .date{ color: #89ce1f;} #i-inve .rig .item .bot .list .inve_item:hover .name{ color: #0099e6;} /* 首页 */ /*全站搜索*/ /* #search{width:100%; padding-bottom:40px;padding-top: 173px;} */ #search {padding: 210px 0 230px;background: #f5f7fa;width:100%;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #0099e6;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid #0099e6;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/header/phone_sousuo.png) no-repeat center center #0099e6;color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #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{padding:20px 0; border-bottom:1px solid #ddd;} #search .list .info li:first-child{border-top:1px solid #ddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: #0099e6; font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /*全站搜索*/