.jobdetail .maintitle h2, .contacts .maintitle h2{color:#333} .news .newslist .list li .more i::before{ content: url(../images/dddright.svg);} .news .newslist .list li:hover .more{ background: #ee9606;color:#fff; border: 1px solid #ee9606;} .news .newslist .list li:hover .more i::before{ content: url(../images/rightwhite.svg);} .news .right .list li img{max-width:300px} .nonetxten{display:none} .aboutneien .nei .e_text-4{ max-height:60vh;overflow-y:scroll!important; } /* 婊氬姩鏉℃暣浣撴牱寮 */ ::-webkit-scrollbar { width: 4px; height: 4px; background-color: #F5F5F5; } /* 婊氬姩鏉¤建閬撴牱寮 */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 4px; background-color: #F5F5F5; } /* 婊氬姩鏉℃粦鍧楁牱寮 */ ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ee9606; } .aboutus .e_text-4 { line-height: 2.2; font-size: 16px; color: #666; margin-top: 10px; max-height: 40vh; overflow-y:scroll ; } .message .maintitle p.line, .contacts .maintitle p.line{margin:2vw auto} .hline{ height: 15px; background: #ee9606; display: inline-block; position: absolute; width: 100%; left: 0; z-index: 99; border-radius: 8px; top: 0;} .jobdetail .container {display:flex;padding:4vw 0; align-items: center;} .jobdetail .left{width:40%} .jobdetail .right li{width: 100%; word-break:break-word; padding: 8vw 2vw; display: flex; border-right: 1px solid rgba(255,255,255,0.3); height: 100%; min-height: 49vh; align-items: center;} .jobdetail .right li:last-of-type{border-right:0px} .jobdetail .right{width: 60%; display: flex;text-align: center;color:#fff;font-size:24px; border-radius: 2vw; flex-direction: row; align-items: center; justify-content: space-between;} .jobdetail .left .desc{font-size:20px;line-height:2;padding-right:10%; word-break:break-word;} .joins .maintitle h2{color:#333} .joins .maintitle,.contacts .maintitle{text-align:center} .joins .maintitle p.line{margin:1.5vw auto;} .joins .box .list { padding-bottom: 2vw;padding-top: 0.5vw; } .joins { padding: 0 0 5vw 0; } .joins .box .homeLink { padding: 0.5vw 2vw; background: #ee9606; border-radius: 5px; color: #fff; } .joins .box .list .box1 { word-break:break-word; display: flex; padding: 2vw; border-radius: 8px ; box-shadow: 0px 0px 11px 1px rgb(0 0 0 / 15%); justify-content: space-between; align-items: center; } .joins .box .list.active .box1 { border-radius: 8px 8px 0 0 ;} .joins .box .homeLink svg{width:18px;height:18px} .joins .box .list .box1 h2 { width: 20%; display: flex; flex-direction: column; font-size: 28px; font-weight: 500; margin: 0; } .joins .box .list .box2 h2 { font-size: 28px; font-weight: 500; margin: 0; } .joins .box .list .box1 h2 span { font-size: 16px; font-weight: 400; color: #999999; margin-top: 1vw; } .joins .box .list .box1 h2 span a { color: #333; } .joins .box .list .box1 .desc { width: 54%; font-size: 20px; font-weight: 400; line-height: 2; } .joins .box .list .box1 .desc span{padding:0 1vw ;border-left:1px solid #e2e2e2} .joins .box .list .box1 .desc span:nth-of-type(1){border-left:0px} .joins .box .list .box2 { border-radius:0 0 8px 8px; display: flex; flex-direction: column; padding: 2vw; /*border-top: 3px solid #fcc500;*/ box-shadow: 0px 0px 11px 1px rgb(0 0 0 / 15%); } .joins .box .list .box2 .detail { display: flex; font-size: 16px; justify-content: space-between; } .joins .box .list .box2 .pos { display: flex; justify-content: space-between; } .joins .box .list .box2 .desc { display: flex; margin: 2vw 0; width: 100%; max-width: 1000px; justify-content: space-between; } .joins .box .box2 .info p { line-height: 2; font-size: 16px; } .joins .box .list .box2 .desc span { font-size: 16px; font-weight: 400; color: #999999; } .joins .box .list .box2 .desc span a { color: #333; } .joins .box .list .box2 { display: none; } .joins .box div.active .box1 h2{ color: #fff;} .joins .box div.active .box1 { background: #ee9606; color: #fff; } .joins .box div.active .box2 { display: block; } .zongzhi .info{ padding: 6vw 0 4vw 0; text-align: center; min-height: 60vh; word-break:break-word; width:100%; max-width:1600px; margin:auto; } .zongzhi .info h2{ bottom: 6vw;position: relative;} .zongzhi .info span{font-size:180px; font-weight: bold; line-height: 1; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 0.9px rgb(255 255 255 / 64%);} .zongzhi .list svg, .zongzhi .list img { fill: #fff; padding-bottom: 0.5vw; } .zongzhi .list { background: rgba(0, 0, 0, 0.51); display: flex; align-items: center; justify-content: space-between; } .zongzhi .list li.active, .zongzhi .list li:hover { background-color: #f6ab00; } .zongzhi .list li { width: 20%; font-size: 22px; display: flex; flex-direction: column; padding: 2vw; align-items: center; } .honor .swiper-button-next { transform: translateX(200%); } .honor .swiper-button-prev { transform: translateX(-200%); } .swiper-button-next:after, .swiper-button-prev:after { color: #ee9606 } .honor .container { width: 90%; } .honor .container .pos { position: relative; padding: 2vw 0 } .honor .list { display: flex; position: relative; padding-bottom: 10px; } .honor .swiper-slide { transform: scale(0.8); transition: 300ms; } .honor .swiper-slide-active, .honor .swiper-slide-duplicate-active { transform: scale(1); } .honorswiper .swiper-slide-active { z-index: 999 } .honor .honorswiper { overflow: hidden; } .honor .pos { display: block!important } .honorswiper .swiper-slide img { max-width: 100% } .honorswiper .swiper-wrapper { align-items: center; } .honorswipermobile { /*display: none!important;*/ overflow: hidden; } .honorswipermobile .swiper-wrapper { align-items: center; } .honorswiper .swiper-slide { width: 500px; } .honorswiper .swiper-slide .img { width: 100%; position: relative; } .honorswiper .swiper-slide .img p { width: 100%; font-size: 18px; color: #fff; line-height: 40px; background: rgba(0, 0, 0, .5); text-align: center; position: absolute; left: 0; bottom: 0; z-index: 10; display: none; } .honorswiper .swiper-slide-active .img:hover p { display: block; } .honorswiper .swiper-btn { color: #fff; } .honorswiper .swiper-btn:after { font-size: 60px; } .honorswiper .swiper-button-prev { left: -40px; transform: translateX(-100%); } .honorswiper .swiper-button-next { right: -40px; transform: translateX(100%); } .honor .maintitle p.line { padding: 0; margin:1.5vw auto; } .huanjing .fazhanswiper { overflow: hidden; } .honor {padding:4vw 0} .honor .maintitle {text-align:center} .honor .maintitle h2{color:#333!important} .huanjing .swiper-smalls .swiper-wrapper p { font-size: 22px; font-family: "Noto Serif SC" !important; } .huanjing .swiper-smalls .swiper-slide-thumb-active p { position: relative; z-index: 99; bottom: 3.5vw; color: transparent; } .huanjing .swiper-smalls .swiper-wrapper span { margin-bottom: 2vw; line-height: 1; background: #f1f1f1; display: flex; height: 14px; width: 100%; align-items: center; justify-content: center; } .huanjing .swiper-smalls .swiper-wrapper span::after { content: ''; width: 14px; height: 14px; border-radius: 10px; border: 1px solid #ee9606; position: absolute; z-index: 999; left: 47%; } .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after { content: url('../images/ger.png'); width: 110px; height: 28px; position: absolute; z-index: 999; left: 27%; } .huanjing .swiper-smalls { height: 14vw; position: relative; text-align: center } .huanjing .swiper-smalls .swiper-slide { display: flex; align-items: center; flex-direction: column; } .huanjing .swiper-smalls .swiper-slide span i { display: none; font-size: 18px; color: #fff; font-style: normal; z-index: 88; } .huanjing .swiper-smalls .swiper-slide-thumb-active span i { width: 160px; background: #ee9606; height: 50px; border-radius: 10px; } .huanjing .swiper-smalls .swiper-slide-thumb-active span i { display: block; } .huanjing .swiper-smalls .swiper-wrapper { height: auto; align-items: center; } .huanjing .swiper-smalls .swiper-button-next { right: 45%; top: 82%; background:#ee9606; } .huanjing .swiper-smalls .swiper-button-prev { left: 45%; top: 82%; background:#ee9606; } .huanjing .swiper-smalls .swiper-button-prev { border-radius: 50px; width: 45px; border: 1px solid #ee9606; z-index: 9; } .huanjing .swiper-smalls .swiper-button-next { border-radius: 50px; width: 45px; border: 1px solid #ee9606; z-index: 9; } .huanjing .swiper-smalls .swiper-button-next::after { font-size: 24px; color: #fff; line-height: 0; content: url(../images/arrowright.svg); } .huanjing .swiper-smalls .swiper-button-prev::after { font-size: 24px; line-height: 0; color: #fff; content: url(../images/arrowleft.svg); transform: rotate(180deg); } .fazhanswiper li { text-align: center; margin-bottom: 4vw; word-break:break-word; } .fazhanswiper li div{padding-left:3vw;width:50%;text-align: left;} .fazhanswiper li div p.line{margin-bottom:1vw} .fazhanswiper li h2 { color: #333; font-weight: 700; font-size: 110px; /*font-family: "Noto Serif SC" !important;*/ } .fazhanswiper li h3{ color: #333; font-size: 30px;} .fazhanswiper li p { color: #333; font-size: 20px } .huanjing .container { margin-bottom: 4vw; overflow: hidden; } .cangku .container { margin-bottom: 0;} .huanjing .maintitle { padding: 4vw 0 2vw 0; text-align: center; } .huanjing .maintitle h2 { color: #333; bottom: 2vw; font-weight: 600; } .huanjing .maintitle h3 { color: rgba(1, 59, 141, .07); /*-webkit-text-stroke: 0.8px rgba(71, 111, 190, 0.2);*/ font-weight: 600; line-height: 1.2; } .huanjing .list { display: flex; position: relative; padding-bottom: 10px; } .huanjing .list .swiper-scrollbar { width: 100%; left: 0; } .aboutnei .container{ padding-left: 0!important; width: 90%!important; max-width: 1600px!important; padding:4vw 0 0vw 0!important; } .aboutnei .e_loop-6{ padding: 0vw 0 4vw 0!important;} .aboutnei .e_scrollNumber-8 >div{text-align:left;padding-left:1vw} .aboutnei .e_scrollNumber-8{display: flex!important; align-items: center!important;} .aboutnei .e_container-22{ align-items: center!important;} .coop { padding: 3vw 0; } .coop .container { display: block; position: relative; max-width: 1600px; flex-direction: row; align-items: center; } .coop .headtitle .info { color: #fff; font-size: 16px; text-align: justify; margin-top:2vw; } .coop .headtitle .eninfo {word-break:keep-all} .coop .headtitle .text { padding-right: 30%; } .swipercoop .swiper-wrapper { margin: 20px 0;border-bottom:1px solid #f5f5f5 } .coopnext::after { font-size: 16px; /* padding: 10px 15px; */ border-radius: 40px; width: 40px; line-height: 40px; height: 40px; text-align: center; display: block; color: #fff; z-index: 999; /*background: #0d6fb3;*/ background: url(../images/arrowright.svg) no-repeat center rgba(235 112 9 / 68%); content: ''; } .coopprev::after { font-size: 16px; /* padding: 10px 15px; */ border-radius: 40px; width: 40px; line-height: 40px; height: 40px; text-align: center; display: block; color: #0d6fb3; z-index: 999; /*background: #fff;*/ background: url(../images/arrowleft.svg) no-repeat center rgba(235 112 9 / 68%); transform: rotate(180deg); content: ''; } .coopnext { right: 5%; top: 2vw; width: auto; } .coopprev { top: 2vw; width: auto; right:calc( 5% + 80px) !important; left: auto; } .coop .headtitle { margin: auto; text-align: left; width: 50%; float: left; background: rgba(9, 62, 124 , 99%); padding: 10vw 3vw; } .coop .tu { margin: 2vw 0 0 0; width: calc(70% - 6vw); float: right; text-align: center; padding: 4vw 0; position: absolute; right: 0; } .coop .tu img { max-width: 100%; } .coop .swiperhonor { width: 100%; margin-left: 20%; } .coop .headtitle img { position: relative; top: -1.4vw; } .coop .headtitle h2 { font-size: 42px; letter-spacing: 0px; color: rgba(255, 255, 255, 1); font-weight: 600; } .coop .headtitle h3 { font-weight: 600; font-size: 26px; display: flex; flex-direction: row; align-content: center; align-items: center; color: #fff; } .coop .headtitle h3 span { width: 2.5rem; display: inline-block; height: 1px; margin-right: 1vw; background: #fff; } .youshi { margin: auto; } .youshi .maintitle { padding: 0.5vw 0; } .youshi .con { display: flex; width: 90%; max-width: 1600px; margin: auto; padding-bottom: 3vw; flex-wrap: wrap; } .youshi .con li h2 { font-size: 26px; color: #fff; display: flex; align-items: center; justify-content: flex-start; } .youshi .con li img { padding-right: 1vw; } .youshi .con li p { font-size: 16px; width: 60%; } .youshi .encon li p {word-break:keep-all} .youshi .con li.en p{ word-break: keep-all; } .youshi .con li { min-height: 15vw; width: 59%; color: #fff; margin-bottom: 1%; } .youshi .con li div { padding: 6vw 2.5vw; height: 100%; display: flex; align-items: center; } .youshi .con li:hover div { padding: 2vw 2.5vw; height: 100%; flex-direction: column; align-items: flex-start; } .youshi .con li:hover img, .youshi .con li p { display: none; } .youshi .con li img, .youshi .con li:hover p { display: block; } .youshi .con li .line1 { height: 1px; width: 2rem; background: #fff; margin: 1vw 0; } .youshi .con li:nth-child(even) { margin-left: 1%; } .youshi .con li:nth-child(2), .youshi .con li:nth-child(3) { width: 40%; } .youshi .con li:hover div { background: linear-gradient(to right, rgba(9, 69, 124, .8), rgba(200, 22, 34, 0.01)); } .position { height: 70px; display: flex; align-items: center } .position .mzbox { display: flex; font-size: 15px; justify-content: flex-start } .position a:hover { color: var(--base-color) } .met-product-list { background-color: #fafafa; padding-top: 42px; padding-bottom: 42px } .met-product-list .mzbox { display: flex; justify-content: space-between; flex-direction: column; } .met-product-list .left { width: 100% } .met-product-list .left>div { position: sticky; display: flex; align-items: center; justify-content: space-between; top: 109px; margin:2vw 0 0 0; } .met-product-list .left dl { width:20%; border-radius: 9px; cursor: pointer; overflow: hidden; margin: 0 10px; } .met-product-list .left dl div{background:#fff; width:100%;padding:2vw; text-align:center} .met-product-list .left dl dt img {max-width:180px} /*.met-product-list .left dl+dl {*/ /* margin-top: 11px*/ /*}*/ .met-product-list .left dl dt h3{width:100%; text-align: center; margin: 0; word-break:break-word} .met-product-list .left dl dt { flex-direction: column; padding-left: 29px; padding-right: 29px; display: flex; align-items: center; justify-content: space-between; } .met-product-list .left dl dd { padding: 25px 29px; display: none; border-top: 2px solid #fafafa; box-shadow: 3px 1px 9px 2px #eee; } .met-product-list .left dl h3 a { font-size: 20px; width: 100%; display: inline-block;padding: 1vw 0; color: #333;line-height:1.5 } .met-product-list .left dl h3 a:hover, .met-product-list .left dl.active h3 a { color: #ee9606; } .met-product-list .left dl .ico { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center } .met-product-list .left dl .ico span { width: 100%; height: 2px; background-color: #ee9606; position: relative } .met-product-list .left dl .ico span::after { content: ""; width: 100%; height: 100%; background-color: #ee9606; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(90deg) } .met-product-list .left dl.active .ico span::after { transform: rotate(0) } .met-product-list .left dl dd a { color: #5c5c5c; font-size: 16px; display: flex; justify-content: space-between; align-items: center; line-height: 1 } .met-product-list .left dl dd h4 { line-height: 1.8; color: #5c5c5c; font-size: 16px; font-weight: 400 } .met-product-list .left dl dd i { font-size: 20px; color: #333 } .met-product-list .left dl.active h3 a { color: #ee9606 } .met-product-list .left dl:nth-of-type(1) .ico span, .met-product-list .left dl:nth-of-type(1) span::after { background-color: #ee9606 } .met-product-list .left dl.active dd { display: block } .met-product-list .left dl.active .ico span::after { opacity: 1 } .met-product-list .left dl dd div:hover h4, .met-product-list .left dl dd div.active h4 { color: #333; font-weight: bold; font-size: 16px } .met-product-list .right { width: 100% } .met-product-list .product-list-li+.product-list-li { margin-top: 20px } .met-product-list .product-list-li { background-color: #fff; border-radius: 9px; overflow: hidden; padding: 30px; display: flex; align-items: stretch; justify-content: space-between } .met-product-list .product-list-li .product-img { width: 53.5%; border-radius: 9px; /*background: url("../images/pro-bg.jpg") center center no-repeat;*/ background:#f7f7f7; background-size: cover; overflow: hidden; text-align: center } .met-product-list .product-list-li .product-img img { transition: all .3s } .met-product-list .product-list-li .product-info { display: flex; flex-direction: column; width: 42%; padding-top: 30px; padding-bottom: 27px } .met-product-list .product-list-li .product-info .product-title a { font-size: 30px; font-weight: bold; color: #333 } .met-product-list .product-list-li .product-info .product-title a:hover { color: #333 } .met-product-list .product-list-li .product-info .line { width: 100%; height: 2px; background-color: #ccc; position: relative; margin-top: 38px; margin-bottom: 30px } .met-product-list .product-list-li .product-info .line::after { content: ""; width: 28%; background: #333; height: 100%; position: absolute; left: 0; top: 0; transition: all .3s } .met-product-list .product-list-li .product-info .product-desc { color: #5c5c5c; font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.5 } .met-product-list .product-list-li .product-info .product-btns { display: flex; align-items: center; gap: 10px; margin-top: auto } .index-btn a { width: 180px; height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; color: #fff; font-size: 16px; position: relative; overflow: hidden; background-color: transparent; gap: 15px; font-weight: normal; } .index-btn a, .index-banner-btns a { display: inline-block; width: 142px; height: 44px; font-size: 14px; } .met-product-list .product-list-li .product-info .index-btn a { border: 1px solid #ee9606; color: #ee9606; border-radius: 5px; display: flex; } .met-product-list .product-list-li .product-info .index-btn a::after { content: ''; background-color: #ee9606; right: 100% } .met-product-list .product-list-li .product-info .index-btn a:hover { color: #fff; background-color: #ee9606; } .met-product-list .product-list-li .product-info .index-btn a:hover::after { right: 0 } .met-product-list .product-list-li:hover .product-info .line::after { width: 100% } .met-product-list .product-list-li:hover .product-img img { transform: scale(1.05) } .product-inquiry-box { background-color: rgba(0, 0, 0, .5); width: 100vw; height: 100vh; display: flex; position: fixed; z-index: 9; top: 0; left: 0; align-items: center; justify-content: center; padding: 29px; overflow-y: auto; opacity: 0; visibility: hidden; transition: all .3s; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px) } .product-inquiry-box.active { opacity: 1; visibility: visible } .product-inquiry-box .box-main { width: 1030px; background-color: #fff } .product-inquiry-box .box-head { background-color: #f1f1f1; position: relative; height: 100px; display: flex; align-items: center; justify-content: center } .product-inquiry-box .box-title { font-size: 30px; color: #333 } .product-inquiry-box .box-subtitle { font-size: 17px } .product-inquiry-box .box-close { width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; right: 60px; margin: auto; cursor: pointer; transition: all .3s } .product-inquiry-box .box-close span { width: 100%; height: 2px; background-color: #333; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform-origin: center center } .product-inquiry-box .box-close span:first-of-type { transform: rotate(-45deg) } .product-inquiry-box .box-close span:last-of-type { transform: rotate(45deg) } .product-inquiry-box .box-close:hover { transform: rotate(180deg) } .product-inquiry-box .box-body { padding: 50px 60px } .product-inquiry-box .inquiry-form { margin-top: 40px } .product-inquiry-box form { display: flex; flex-wrap: wrap; justify-content: space-between } .product-inquiry-box form .form-group { width: 100% } .product-inquiry-box form .form-group:first-of-type { display: none } .product-inquiry-box form .form-group:nth-of-type(2), .product-inquiry-box form .form-group:nth-of-type(3), .product-inquiry-box form .form-group:nth-of-type(4) { width: 32% } .product-inquiry-box form .form-group label { margin-bottom: 9px } .product-inquiry-box form .form-group label span { color: var(--base-color) } .product-inquiry-box form button[type="submit"] { width: 220px; height: 50px; background-color: var(--base-color); font-size: 16px; color: #fff; border: 0; border-radius: 5px; margin: auto } .met-showproduct {} .met-showproduct .position { background-color: #0b4b95 } .met-showproduct .position * { color: #fff } .met-showproduct .position .return a { display: flex; align-items: center; justify-content: flex-end; gap: 5px } .met-showproduct .met-showproduct-main .product-main-info { background: url("/public/images/product-main-bg.png") center center no-repeat; background-size: cover } .met-showproduct .met-showproduct-main .product-main-info .mzbox { display: flex; justify-content: space-between; align-items: center } .met-showproduct .met-showproduct-main .img, .met-showproduct .met-showproduct-main .info { width: 740px } .met-showproduct .met-showproduct-main .inner-title { justify-content: flex-start; color: #7e838f; line-height: 1 } .met-showproduct .met-showproduct-main .inner-subtitle { margin-top: 25px; margin-bottom: 35px; line-height: 1 } .met-showproduct .met-showproduct-main .product-detail-nav { display: flex; align-items: center; justify-content: center; gap: 100px } .met-showproduct .met-showproduct-main .product-detail-nav a { height: 70px; display: flex; align-items: center; justify-content: center; position: relative; color: #909090 } .met-showproduct .met-showproduct-main .product-detail-nav a::after { content: ""; width: 0%; height: 2px; background-color: var(--base-color); position: absolute; bottom: 0; left: 0; right: 0; margin: auto; transition: all .3s } .met-showproduct .met-showproduct-main .product-detail-nav a:hover, .met-showproduct .met-showproduct-main .product-detail-nav a.active { color: #333 } .met-showproduct .met-showproduct-main .product-detail-nav a:hover::after, .met-showproduct .met-showproduct-main .product-detail-nav a.active::after { width: 100% } .met-showproduct .met-showproduct-main .info-btns { display: flex; align-items: center; gap: 20px; margin-top: 85px } .met-showproduct .met-showproduct-main .info-btns .index-btn a { border-color: #0b4b95; color: #0b4b95 } .met-showproduct .met-showproduct-main .info-btns .index-btn a::after { background-color: #0b4b95; right: 100% } .met-showproduct .met-showproduct-main .info-btns .index-btn a:hover { color: #fff } .met-showproduct .met-showproduct-main .info-btns .index-btn a:hover::after { right: 0 } .met-showproduct .met-showproduct-main .info-btns .index-btn.downbtn a { border-color: #0b4b95; color: #fff } .met-showproduct .met-showproduct-main .info-btns .index-btn.downbtn a::after { background-color: #0b4b95; right: 0% } .met-showproduct .met-showproduct-main .content { color: #666; font-size: 14px; overflow-y: auto } .met-showproduct .met-showproduct-main .content { height: 170px } .met-showproduct .met-showproduct-main .content p { position: relative; padding-left: 20px; line-height: 1.5 } .met-showproduct .met-showproduct-main .content p::before { content: ""; width: 12px; height: 12px; background-color: #0b4b95; position: absolute; left: 0; top: 5px } .met-showproduct .met-showproduct-main .content p+p { margin-top: 20px } .newsList .container{ background: #fff;} .newsList{display:block; padding:30px; border-bottom:1px solid #eee;} .newsList p{font-size:14px; line-height:25px;color:#999;} .newsList h3{font-size:18px; line-height:30px; height:60px; margin:0; font-weight:normal; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } .newsList:last-child{border:0;} .newslist .right .box .list:nth-child(odd){ flex-direction: row; } .newslist .right .box .list:nth-child(even){ flex-direction: row-reverse;} .newslist .container .right .box .desc{ color: #888 !important; line-height: 1.8; font-weight: 400; font-size: 16px !important; text-align: justify; -webkit-line-clamp: 3; display: -webkit-box; margin: 10px 0; -webkit-box-orient: vertical; overflow: hidden;} .newslist .container .right .box span{ font-size: 15px !important; font-weight: 400;} .newslist .right .box .list{ background: #fff;; margin: 2vw auto; display: flex; flex-direction: row; align-items: center; padding-bottom: 2vw; justify-content: center; margin-bottom:0!important; border-bottom:1px solid #f5f5f5} .productlist .right .box .list{ padding-bottom: 0vw;} .newslist .container {width:100%;max-width:84%} .productlist .container {width:100%;max-width:96%} .newslist .container .right{margin:4vw 0 0 0!important} .newslist .container .right .box .list .img { width: 40%;border-radius: 8px; } .newslist .container .right .box .list .img img{ max-width: 100%; border-radius: 5px; } .newslist .right .list .box2 { word-break:break-word; display: flex; flex-direction: column; padding: 0 4vw; width: 60%; } .met-shownews .details-title h1{color:#333;word-break:break-word} .message .maintitle h3 {color:rgb(255 255 255) !important} /*.message .maintitle {*/ /* padding: 3vw 0;*/ /* text-align: center;*/ /* margin: auto;*/ /* position: relative;*/ /*}*/ /* .message .maintitle h2 { font-size: 40px;}*/ /* .message .maintitle h3 {*/ /* display: flex;*/ /* font-size: 26px;*/ /*color: #fff!important; opacity: 1;*/ /* flex-direction: row;*/ /* align-items: center;*/ /* justify-content: center;*/ /*}*/ /*.message h3 span {*/ /* background-color: #fff;*/ /* width: 2.5rem;*/ /* display: inline-block;*/ /* height: 1px;*/ /* margin-right: 1vw;*/ /*}*/ .FK form { width: 100%; position: relative; } .FK .form-group { color: #555; font-size: 16px; } .gbook .right { display: flex } .liuyanright { margin-top: 28px; background: #f5f5f5; } .FK .FK2 { position: absolute; right: 0; top: 0; } .FK .FK3 { position: absolute; right: 0; bottom: 3rem; } .FK .FK3 span{ display: block; margin: 7px; width: auto; position: absolute; z-index: 99; right: 0; line-height: 1; padding: 1vw; align-items: center; } .FK .btn-block { display: block; width: 100%; color: #fff; white-space: normal; height: 45px !important; border-color: #ee9606; background-color: #ee9606 !important; } .FK .form-control { font-size: 16px; display: block; max-width: 100% !important; width: 100% !important; height: auto!important; padding: 12px; color: #5c5c5c; line-height: 1.5; border: 1px solid #e4eaec; border-radius: 5px; background-color: #fff; } .FK1 { width: 48%; } .FK2 { width: 48%; right: 0; position: absolute; top: 0; } .FK3 { width: 48%; right: 0; position: absolute; bottom: 0rem; } .FK .form-control input { width: 90% !important; height: 50px !important; float: left; } .FK .form-control textarea { width: 49% !important; height: 190px !important; position: absolute; right: 0; bottom: 102px; } .FXW4:before { content: url(../images/edit.png); width: 66px; height: 18px; padding: 0px 10px 0px 0px; vertical-align: middle; } .FXW1:before { content: url(../images/username.png); width: 66px; height: 18px; padding: 30px 10px 5px 0px; vertical-align: middle; } .FXW2:before { content: url(../images/email.png); width: 66px; height: 18px; padding: 0px 10px 0px 0px; vertical-align: middle; } .FXW3:before { content: url(../images/phone.png); width: 66px; height: 18px; padding: 0px 10px 0px 0px; vertical-align: middle; } .contacts { width:100%; padding:4vw 0; } .contacts ul { display: flex; justify-content: space-between; flex-direction: row; } .contacts ul li { width: 23%; box-shadow: 1px 1px 6px 3px #E2E2E2; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; font-size: 18px; padding: 2vw; border-bottom: 3px solid #FFF; } .contacts ul li:hover { border-bottom: 3px solid #ee9606;} .contacts ul li h2 { padding: 1vw 0; } .contacts ul li h2, .contacts ul li h3 { font-size: 18px; color: #333; } .contacts .address p { padding-left: 1vw; font-size: 18px; } .map { width: 100%; margin-bottom: 2vw; } .map img { max-width: 100%; } .contacts .address { display: flex; align-items: center; justify-content: center; flex-direction: row; padding: 2vw 0 0 0; } .message { padding-bottom: 4vw; } .message .maintitle { padding: 3vw 0; text-align: center; } .message h2 { color: #fff; z-index: 99; /*font-size: 42px;*/ } .message h3 { color: #fff;opacity: 0.4; /*font-size: 26px;*/ } .message h3 span { background-color: #fff; } .message .gbook { margin: auto; width: 60%; background: #fff; padding: 4%; border-radius: 1vw; } .shebei { width: 100%; padding:4vw 0; display: flex; flex-direction: column; } .shebei .left { width: 50%; flex-direction: column; } .shebei .left .sw { margin-top: 4vw; } .shebei .left .sw li { margin: 1.5vw 0; color: rgba(255, 255, 255, 0.82); font-size: 24px; cursor: pointer; } .shebei .left .sw li.active { color: #fff; font-size: 26px; } .shebei .left .sw li.active span { border-bottom: 2px solid #fff; padding: 0 2vw 0.5vw 0; } .shebei .right { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; } .shebei .right .shebeiswiper { max-width: 100%; width:100%; position: relative; } .shebei p.protext{line-height:2; word-break: break-word;} .shebei .right li{border:1px solid rgba(255,255,255,0.3); padding:2vw;border-radius:0.5vw;cursor:pointer} .shebei .right li span{font-size:22px;color:#fff;font-weight:400;border-radius:8px;word-break: break-word;} .shebei li .more{width:30px ;height:30px;border-radius:30px;border:1.5px solid #fff} .shebei .right li:hover,.shebei .right li.on{ background:rgba(235 112 9 / 68%);border:1px solid rgba(255,192,1,0.3); } .iconsvg { font-size: 16px; width: 24px; height: 24px; margin-right: 3px; /* font-style: normal; */ -webkit-font-smoothing: antialiased } .navlist { display: flex; background: #1265b8; justify-content: center; } .navlist .swiper-wrapper { justify-content: center; } .navlist li { color: #fff; } .navlist li a { display: block; white-space: nowrap; padding: 2vw 3vw; font-size: 16px; } .navlist li.active { border-bottom: 3px solid #fff; } .tophead h3 { font-size: 38px; } .tophead h2 { font-size: 40px; } /* .swiper-button-prev:after, .swiper-button-next:after { color: #1265b8; } */ .swiper-button-prev:after { color: #face48; } .aboutus .nei { position: static; top: 0 !important } .aboutus .e_container-1 { max-width: 1600px; } .aboutus .e_container-1 .cbox-1-1 { padding-left: 0 !important; width: 50% !important; } .aboutus .e_container-1 .cbox-1-0 { width: 50% !important; } .aboutus .e_container-1 .cbox-1-1 .nei { max-height: 59vh; overflow: hidden; padding-right: 2% } .aboutus .e_loop-6 { background-color: #fff; } .aboutus .tophead { text-align: center; padding: 2vw; } .aboutus .tophead p.line { margin: auto; } .aboutus .swiper-container-vertical>.swiper-scrollbar { right: 0px !important; } .aboutus .e_scrollNumber-8 .p_num { font-size: 72px !important; } .aboutus .e_scrollNumber-8 .p_num, .aboutus .e_scrollNumber-8 .unit { color: #0b4b95 !important; } .aboutus .e_scrollNumber-8 { text-align: center !important; } .aboutus .e_text-9 { padding-left: 0px !important; color: #333333; font-size: 16px !important; padding: 1vw !important; text-align: center !important; } .aboutus .e_loop-6 .p_loopitem { border: none !important; } .aboutus .e_loop-6 .p_loopitem:after { width: 0px !important; } .rongyu .tophead p.line { margin: auto; } .rongyu .tophead { text-align: center; } .huanjing .tophead p.line { margin: auto; } .huanjing .tophead { text-align: center; } .huanjing .swiperhuanjing { padding: 3vw 0; width: 100%; overflow: hidden; } .huanjing .swiper-slide { transition: 300ms; display: flex; align-items: center; justify-content: center; } .huanjing img.swiper-slide { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 2px -2px 10px } .huanjing .swiper-slide-active, .huanjing .swiper-slide-duplicate-active { transform: scale(1); } .rongyu .honorlist { margin-top: 2vw; } .wenhua { margin: 0vw 0; } .wenhua .container { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0 } .wenhua .list { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .wenhua .list li { text-align: center; width: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); padding: 5vw 2vw 2vw 2vw; display: flex; min-height: 85vh; justify-content: space-between; flex-direction: column; align-items: center; background: transparent; } .wenhua .list li:hover img { animation: rotate 0.4s linear; } .wenhua .list p.white { padding-top: 1vw; border-bottom: 3px solid #fff; } .wenhua .list li:hover, .wenhua .list li.active { background: rgba(18, 101, 184, 0.85); } .wenhua .list li div.top { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .wenhua .list li div.bottom { display: flex; flex-direction: column; padding-top: 30%; } .wenhua .list li.active div.bottom { padding-top: 0 } .wenhua .list span { font-size: 24px; color: #fff } .wenhua .list h2 { padding-top: 0.4vw; font-size: 35px; color: #fff; text-transform: uppercase; } .wenhua .list h3 { padding-top: 1.4vw; font-size: 30px; color: #fff; font-weight: 400; } .wenhua .list p { font-size: 18px; color: #fff; font-weight: 400; padding-top: 2vw; } .wenhua .list li p.text { display: none; } .wenhua .list li.active span.num { font-size: 124px; line-height: 1 } .wenhua .list li.active .bottom .cul { display: none; } .wenhua .list li.active p.text { display: block; word-break: keep-all; } .sbnl .container{ padding: 3vw 0;} .sbnl .honorlist li img { max-width:100%} .sbnl .maintitle h3{color:#fff;} .sbnl .honorlist li h2{font-size:18px ; text-align:center;color:#fff;line-height:2} .sbnl .top{ align-items: flex-start!important;padding:1vw} .zongzhi .maintitle{padding:1vw 0vw; text-align:center } .zongzhi .maintitle h3{color: #333;} .zongzhi .maintitle h2{color: #333;} .zongzhi .maintitle p.line{margin:1.5vw auto} .zongzhi .container{ display: flex; align-items: center; flex-direction: column;justify-content: space-between; width: 100%;max-width: 100%!important;padding: 0; } .zongzhi { color: #333; text-align: left; margin: 3vw auto; } .zongzhi h2 { font-size: 46px;color:#fff;font-weight: bold; } .zongzhi p { font-size: 40px; color:#ee9606; text-align: center; } .zongzhi p.desc { font-size: 22px; margin:1vw auto 1vw auto; line-height:2; color:#fff; text-align: center; } .zongzhi p.descen { min-height:20vh; max-width: 75%; } .zongzhi p.desccn { min-height:10vh; } .zongzhi .indexmore { text-align: left; } .zongzhi .list svg, .zongzhi .list img { fill: #fff; max-width:60px; margin-right:0.5vw; } .zongzhi .list li.active span ,.zongzhi .list li:hover span{ color: #fff;} .zongzhi .list li.active img:nth-of-type(1) ,.zongzhi .list li:hover img:nth-of-type(1){ display: inline-block; } .zongzhi .list li.active img:nth-of-type(2) ,.zongzhi .list li:hover img:nth-of-type(2){ display: none; } .zongzhi .list { color: #fff; width: 100%; display: flex; align-items:flex-end; justify-content: space-between; flex-direction: row; background-color: #0d1522; } .zongzhi .list li p.line{border-bottom: 1px solid #fff; width:1.5vw ;margin:1vw 0;padding:0} .zongzhi .list li.active, .zongzhi .list li:hover { background-color: #ee9606; } .zongzhi .list li p{font-size:24px} .zongzhi .list li { width: 100%; cursor:pointer; font-size: 22px; display: flex; border-bottom:1px solid #f5f5f5; padding:1.5vw 2vw; align-items: center; } .search_warp .iconsvg { font-size: 16px; width: 25px; height: 25px; margin-right: 1vw; /* font-style: normal; */ -webkit-font-smoothing: antialiased } .e_bannerA-2 .swiper-pagination a { position: relative; color: #fff; top: -5px; font-size: 18px; height: 50px; } .e_bannerA-2 .swiper-pagination a:first-child { right: 10px; } .e_bannerA-2 .swiper-pagination a:last-child { left: 10px; } .langs a { display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .langs .icon { margin-top: 0; } .langs { color: #fff; border-radius: 16px; border: 1px solid #fff; padding: 2px 5px; margin-right: 1vw; } /* 瀹氫箟鏃嬭浆鍔ㄧ敾 */ @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .case h2, .case p { text-align: justify; } .about .container { padding: 4vw 0 } .about .container h2 { font-size: 38px; font-weight: 600; } .about .container h3 { font-size: 21px; } .about .container .info { padding: 2vw 0 } .about .container .info p { font-size: 17px; font-weight: 400; line-height: 2; margin-bottom: 1vw; width: 75%; } .about .nums .p_list { display: flex; } .about .nums .p_item { margin: 2vw 6vw 1vw 0; width: 12vw; } .about .nums .p_item .p_num { font-size: 62px; font-weight: 600; } .about .nums .p_item .unit { position: absolute; font-size: 20px; } .about .nums .p_item .s_title { font-size: 16px; font-weight: 400; } .wenhua { min-height: 85vh; } .wenhua .maintitle { margin: auto; padding: 4vw 0 2vw 0; text-align: center; } .wenhua .maintitle h3 { font-size: 38px; } .wenhua .maintitle .line { margin: auto; } .huanjing .container { margin-bottom: 4vw; overflow: hidden; } .huanjing .maintitle { padding: 4vw 0 2vw 0; text-align: left; } .huanjing .list { display: flex; position: relative; padding-bottom: 10px; } .huanjing .list .swiper-scrollbar { width: 100%; left: 0; } .wenhua .list { display: flex; } .wenhua .list li { display: flex; justify-content: space-between; flex-direction: column; align-items: center; } .wenhua .list li:hover img { animation: rotate 0.4s linear; } .wenhua .list h2 { padding-top: 0.4vw; font-size: 32px; color: #fff; } .wenhua .list p { font-size: 18px; color: #fff; padding-top: 2vw; } .core { color: #fff; margin-bottom: 3vw; } .core .left { width: 62%; padding: 4vw 0; } .core .left li { padding: 2vw 0 3vw 0; } .core .left li h2 { font-size: 24px; border-bottom: 1px solid #f5f5f5; padding-bottom: 1vw; display: inline-block; } .core .left li p { font-size: 16px; padding-top: 0.5vw; padding-right: 5vw; } .core .right { width: 38%; padding: 4vw 0 3vw 4vw; background: #1265b8; } .core .right p.line { padding: 0.5rem 0; } .core .right h2 { font-size: 40px; } .core .right h3 { font-size: 38px; } .core .right p { font-size: 16px; padding-top: 1.5vw; } .core .right ul { display: flex; flex-direction: column; align-items: flex-start; padding: 3vw 0 3vw 0; } .core .right li { max-width: 50%; font-size: 24px; padding: 0.5vw; margin: 0.5vw 0; display: inline-block; } .core .right li.active { border-bottom: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; } .core .container { display: flex; } .hangye { padding-bottom: 4vw ; } .hangye .hyswiper { overflow: hidden; margin: 6vw auto 2vw 0; } .hangye .hyswiper h2 { position: relative; color: #fff; font-size: 20px; text-align: center; margin: 2vw 0 0 0; cursor: pointer; } .hangye .hyswiper { position: relative; } .hangye .hyswiper::after { content: ''; height: 1px; width: 100%; border-bottom: 2px dashed rgba(355, 255, 255, 1); opacity: 0.4; position: absolute; top: 26% } .hangye .hyswiper h2::after { content: ''; width: 5px; height: 5px; border-radius: 5px; background: #fff; position: absolute; top: -90%; left: 50%; transform: translate(-50%, -50%) } .hangye .hyswiper h2::before { content: ''; width: 30px; height: 30px; border-radius: 30px; background: transparent; border: 1px solid #fff; position: absolute; top: -90%; left: 50%; transform: translate(-50%, -50%) } .hangye .hyswiper .swiper-slide-active h2::before { background: #f07a18 !important; border: 1px solid #f07a18 !important; } .hangye .cnen { padding-top: 2vw; } .hangye .cnen h3 { font-size: 34px; color: #fff; } .hangye .cnen h4 { font-size: 24px; color: #fff; font-family: 'Noto Serif SC' !important; } @media only screen and (max-width: 1600px) { .met-product-list .left dl dt img {max-width:140px} #c_static_001_P_53456-1723709695308 .nei{padding-left:5%} .shebei .right li span{font-size:18px} .footcenter{max-width: 90%;} .hangye .hyswiper h2 { margin: 2.4vw 0 0 0; } #c_static_001_P_53456-1723709695308 .e_text-21 { font-size: 50px; } .case .coopprev { left: 88.5%; } .news .newsnext { right: 12%; } .news .newsprev { left: 77%; } .news .newsnext, .news .newsprev { top: 16.5%; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 40px; } .about .nums .p_item .s_title { font-size: 16px; } .hangye .maintitle h2 { font-size: 50px; } .maintitle h2 { font-size: 36px; top: -40px; } .maintitle h3 { font-size: 32px; } .hangye .right .list { min-height: 65vh; } .hangye .right .list p.line { bottom: 10vw } .product .left li h2 { font-size: 20px; } .product .right li p { font-size: 20px; } } @media only screen and (max-width: 1440px) { .met-product-list .left dl dt img {max-width:120px} .coopprev { top: 2vw; width: 76px;} #c_static_001_P_53456-1723709695308 .nei{padding-left:5%} .shebei .right li span{font-size:16px} .footcenter{max-width: 90%;} .product .left li span { font-size: 16px; } .case .coopprev { left: 87.5%; } .news .newsnext { right: 13.5%; } .news .newsprev { left: 75%; } .news .newsnext, .news .newsprev { top: 16.5%; } .case .casetext { font-size: 16px; } .wenhua .maintitle, .huanjing .maintitle { padding: 4vw 0 4vw 0; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 36px; } .about .nums .p_item .s_title { font-size: 16px; } .news .right { margin-left: 3%; } .hangye .maintitle h2 { font-size: 40px; } .maintitle h2 { font-size: 34px; top: -30px; } .maintitle h3 { font-size: 30px; } .hangye .right .list { min-height: 60vh; } .hangye .right .list p.line { bottom: 11vw } .product .left li h2 { font-size: 18px; } .product .right li p { font-size: 18px; } } @media only screen and (max-width: 1280px) { .met-product-list .right { width: 100%; } .met-product-list .product-list-li .product-info .product-title a { font-size: 24px; } .hangye .hyswiper h2 { margin: 3.1vw 0 0 0; } .zongzhi .list svg, .zongzhi .list img { width: 3vw; } .aboutus .e_scrollNumber-8 .p_num { font-size: 50px !important; } .aboutus .e_container-1 { flex-direction: column; } .aboutus .e_container-1 .cbox-1-1 { padding-left: 0 !important; width: 100% !important; } .aboutus .e_container-1 .cbox-1-1 .e_container-5 { padding-right: 0% !important; } .aboutus .e_container-1 .cbox-1-0 { padding-left: 0 !important; width: 100% !important; } .case .coopprev { left: 85.8%; } .news .newsnext { right: 16%; } .news .newsprev { left: 70%; } .news .newsnext, .news .newsprev { top: 16%; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 30px; } .about .nums .p_item .s_title { font-size: 16px; } .e_bannerA-2 .proindex img { max-width: 260px; } .hangye .maintitle h2 { font-size: 40px; } .maintitle h2 { font-size: 32px; top: -30px; } .maintitle h3 { font-size: 28px; } .hangye .right .list { min-height: 60vh; } .hangye .right .list p.line { bottom: 14vw } .product .left li h2 { font-size: 16px; } .product .right li p { font-size: 16px; } #c_static_001_P_53456-1723709695308 .container .list li h2 { font-size: 20px; } } @media only screen and (max-width: 960px) { .met-product-list .product-list-li .product-info .product-btns .index-btn:nth-of-type(2) { display: none; } #c_static_001_P_53456-1723709695308 .e_text-21 { font-size:40px; } .product .maintitle h3, .news .maintitle h3 { font-size: 28px; } .product .left { width: 100%; margin-top: 2vw; } .product .top { flex-direction: column; } .zongzhi p { padding-right: 10%; } .zongzhi .list svg, .zongzhi .list img { width: 4vw; } #c_static_001_P_53456-1723709695308 .e_container-1 { flex-direction: column; } #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-1 { padding-left: 0%; width: 100%; } #c_static_001_P_53456-1723709695308 .e_container-1>.p_item { width: 100%; } .case .casetext { font-size: 14px; } .case .coopprev { left: 81%; } .news .newsnext { right: 20%; } .news .newsprev { left: 62%; } .news .newsnext, .news .newsprev { top: 16.2%; } .news .left { width: 100%; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 24px; } .about .nums .p_item .s_title { font-size: 14px; } .hangye .right .active span { font-size: 25vw; } .hangye .right p.desc { font-size: 14px; } .hangye .right .list p.line { bottom: 15vw; } .hangye .right .list { padding: 16vw 2vw; } .news .right { width: 100%; display: flex; flex-direction: column; align-items: center; } .hangye .maintitle h2 { font-size: 30px; } .news .right { margin-left: 0%; } .news .left { margin-bottom: 2%; } .news .content { flex-direction: column; } .e_bannerA-2 .proindex h2 { font-size: 2vw; } .e_bannerA-2 .proindex img { max-width: 180px; } } @media only screen and (max-width: 768px) { .zongzhi .list ,.zongzhi .list li{width:100%} .zongzhi .container{ display: flex; flex-direction: column; align-items: center; justify-content: space-between;} .zongzhi .maintitle{width:100%} .newslist .container .right .box h2{font-size:14px!important} .newslist .container .right .box span.newstime{display:none} .newslist .container .right .box .desc{font-size: 12px !important; margin: 0; text-align: left; line-height: 1.2; -webkit-line-clamp: 2;} .contacts ul li img{max-width:40px} .contacts ul { display: flex; justify-content: space-between; flex-direction: column; } .contacts .address p { padding-left: 1vw; font-size: 14px; } .contacts ul li { margin: 1vw 0; width: 100%;} .message .maintitle h2 { font-size: 22px; } .message .maintitle h3 { font-size: 18px; } .message .gbook { width: 96%; } .met-product-list .container { width: 100%; } .met-product-list .product-list-li { padding: 0 } .met-product-list .product-list-li .product-info .product-title a { font-size: 18px; } .met-product-list { background-color: #fafafa; padding-top: 20px; padding-bottom: 20px; } .met-product-list .product-list-li .product-info .line { margin-top: 13px; margin-bottom: 13px; } .met-product-list .product-list-li .product-info .product-btns { margin-top: 19px; } .met-product-list .product-list-li { flex-direction: column; } .met-product-list .product-list-li .product-img { width: 100%; } .met-product-list .product-list-li .product-info { width: 100%; } .contactinfo { text-align: center; } .footcontact { display: none; } .footcenter { flex-direction: column; } .news .newslist { flex-direction: column; } .news .left { padding: 4vw; } .news .right { padding: 1vw } .news .right li { margin: 0; /*padding: 4vw;*/ /*box-shadow: 0px 1px 5px 0px #ddd;*/ } .news .right .info, .news .left .info { width: 100vw; padding:4vw 2vw 2vw 2vw; } .news .right li { width: 100%; margin-bottom: 3vw; } .news .first .info .y{padding-left:2vw;} .product .right li img { padding: 5vw; max-width: 100%; } .product .right .prolist .swiper-button-prev { left: 0 } .product .right .prolist .swiper-button-next { right: 0; } .product .left li { padding: 0.8vw 3vw; } .product .left { width: 100%; } .more { margin-top: 4vw; width: 160px; height: 45px; } .more i::after { width: 30px; } .shebei { flex-direction: column; padding: 4vw } .shebei .left, .shebei .right { width: 100%; } .shebei .left .sw li { font-size: 16px; margin-left: 2vw; } .product p.protext { font-size: 14px; } .product .maintitle h3, .news .maintitle h3 { font-size: 18px; } .shebei .left .sw li.active { color: #fff; font-size: 16px; } .shebei .left .sw { margin: 3vw 0; display: flex; flex-direction: row; justify-content:center; } .shebei .left .sw li.active span { padding: 0 2vw 1.5vw 0; } .maintitle h4 { font-size: 16px; } p.protext { font-size: 12px; } #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-1 { flex-direction: column; } #c_static_001_P_53456-1723709695308 .e_container-5>.p_item { max-width: 100%; } #c_static_001_P_53456-1723709695308 .e_image-7 { width: 100%; } .navlist li a { font-size: 12px; padding: 2vw 2vw; } .zongzhi p { padding-right: 0%; } .zongzhi h2 { font-size: 25px; } .zongzhi .list li, .zongzhi p { font-size: 16px; } .wenhua .container { width: 100%; } .wenhua .list h2 { font-size: 3vw } .wenhua .list li { padding: 5vw 1vw; width:50%; } .wenhua .list h3 { padding-top: 4.4vw; font-size: 5vw } .wenhua .list span { font-size: 4vw; } .wenhua .list li.active span.num { font-size: 18vw; } .wenhua .maintitle h3 { font-size: 28px; } .wenhua .list h2 { font-size: 14px; } .tophead h2, .tophead h3 { font-size: 20px; } .core .right h2, .core .right h3 { font-size: 28px; } .core .right p { font-size: 14px; padding-top: 3.5vw; } .core .right li { font-size: 18px; margin: 1vw 0; } .core .left li h2 { padding-bottom: 2vw; font-size: 18px; } .core .left li p { font-size: 14px; } .core .container { flex-direction: column; width: 100%; padding: 0; } .core .left { padding: 5vw 15px; } .core .left, .core .right { width: 100%; } .aboutus .e_scrollNumber-8 .p_num { font-size: 36px !important; } .aboutus .e_text-9 { font-size: 14px !important; position: static !important; } .case .casetext { font-size: 14px;text-align: left; } .case .coopprev { left: 70%; } .news .newsnext { right: 44%; } .news .newsprev { left: 28%; } .news .newsnext, .news .newsprev { top: 13.5%; height: 32px; width: 50px; } .case .coopnext, .case .coopprev { height: 32px; width: 50px; top: -80%; } .product .left li img { max-height: 20px; } .product .right li .info h2{font-size: 18px;} .product .right li .info >span{font-size: 12px} .news .first .title h3{ font-size: 20px; margin: 2vw 0;} .product .left li span { font-size: 12px; } .case h3 { font-size: 18px; } .case .bottom li { height: 40vh; width: 40%; } .case .bottom h3 { font-size: 0.8rem; } .case .bottom li.active h3, .case .bottom li:hover h3 { font-size: 18px; } .case .bottom li.active p, .case .bottom li:hover p { font-size: 12px; } .news .maintitle h2 { font-size: 24px; } .maintitle h3 { font-size: 18px; bottom: -4vw; } .maintitle h2 { font-size: 18px; } .hangye .hyswiper h2 { margin: 8.0vw 0 0 0; font-size: 16px; font-weight: 400; } .hangye .maintitle h2 { font-size: 22px; } .hangye .cnen h3, .hangye .cnen h4 { font-size: 16px; color: #fff; } p.line { width: 2.5rem; padding: 0.4rem 0; } .wenhua .container { width: 100%; } .wenhua .maintitle h3 { font-size: 28px; } .wenhua .list h2 { font-size: 18px; } .huanjing .list h2 { font-size: 18px; } .wenhua .list p { font-size: 14px; } .about .container h2 { font-size: 26px; } .about .container h3 { font-size: 14px; } .about .nums .p_item img { max-width: 40px; } .about .container .info p { width: 100%; font-size: 14px; } .about .nums .p_item { min-width: unset; } .ceng { background: transparent !important; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 20px; } .about .nums .p_item .s_title { font-size: 14px; } .more { padding: 1px 5px 1px 10px; } .indexmore:hover span { padding: 1px 15px 1px 15px; } .case .container { padding: 0; } .news { padding-bottom: 4vw; } .case .content { margin: 1rem 0 1rem 0; } .news .content { padding-bottom: 2vw; } .indexmore { margin: 4vw 0; } p.protext .indexmore span.more { padding: 1px 20px 1px 20px; } .product .container { width: 96%; padding: 0; } .case h2 { font-size: 1.2rem; } .news .maintitle { margin-bottom: 4vw; } .news .maintitle p.line, .case p.white { padding: 0.4rem 0; } p.protext { flex-direction: column; } .case p.text { font-size: 16px; padding: 2vw 0; text-align: justify; } .case .bottom li { flex-direction: column; /* justify-content: space-between; */ } .case .bottom h3 { font-size: 1rem; padding: 1.5vw 0; } p.protext>span { padding: 2vw 0; font-size: 16px; } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-2 { align-items: center; } .hangye { margin-bottom: 3vw; margin-top: 3vw; } .hangye .left { padding-top: 8vw } .hangye .container { justify-content: center; flex-direction: column; align-items: center; align-content: center; } .hangye .left { width: 100%; } .hangye .right { width: 100%; } .hangye .right .active h2 { font-size: 6vw; } .hangye .right .list { min-height: 45vh; padding: 12vw 2vw; } .hangye .right .list p.line { bottom: 30vw; width: 8vw; } #c_static_001_P_53456-1723709695308 .e_text-21 { margin-top: 2vw; font-size: 15vw; } .product .left li.active span { font-size: 12px; } #c_static_001_P_53456-1723709695308 .nei .link li { padding: 3vw 1vw; } #c_static_001_P_53456-1723709695308 .nei .link li h5 { font-size: 14px; } #c_static_001_P_53456-1723709695308 .nei .link li span { font-size: 12px; }.aboutnei .e_loop-6{padding: 6vw 0 0vw 0 !important;} .nei h2{ font-size: 1.8rem;color:#333} .nei h3{ font-size: 1.2rem;} #c_static_001_P_53456-1723709695308 .nei .link { margin-top: 9vw; } #c_static_001_P_53456-1723709695308 .container .list { flex-direction: column; } #c_static_001_P_53456-1723709695308 .container .list li { width: 90%; border-radius: 10px; margin: 5px 0; } #c_static_001_P_53456-1723709695308 .e_container-1 { width: 96%; } #c_static_001_P_53456-1723709695308 .container { padding: 0; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle { font-size: 16px; margin-top: 10px; margin-bottom: 0 !important; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle.en { font-size: 14px; margin-top: 10px; margin-bottom: 0 !important; word-break:break-word; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary { font-size: 12px; } .e_bannerA-2 .proindex { width: 90%; } .e_bannerA-2 .proindex img { max-width: 160px; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info { padding-left: 6%; width: 100%; margin: auto; } .e_bannerA-2 .proindex h2 { font-size: 2.4vw; } .news .right img { max-width: 100%; } .coop .headtitle { float: unset; width: 100%; } .coop .container { max-width: 90%; } .coop .headtitle h2 { font-size: 24px; letter-spacing: 8px; } .coop .headtitle h3 { font-size: 18px; top: -7.5vw; } .coop .headtitle img { width: 50px; position: relative; top: -20px } .coop .headtitle .info { font-size: 14px; } .coop .headtitle .text { padding: 0; } .coop .tu { position: relative; width: 100%; float: unset; margin-top: 10vw; } .coop .headtitle { float: unset; width: 100%; } .coop .container { max-width: 90%; } .coop .headtitle h2 { font-size: 24px; letter-spacing: 8px; } .coop .headtitle h3 { font-size: 18px; top: -7.5vw; } .coop .headtitle img { width: 50px; position: relative; top: -20px } .coop .headtitle .info { font-size: 14px; } .coop .headtitle .text { padding: 0; } .coop .tu { position: relative; width: 100%; float: unset; margin-top: 10vw; } } @media only screen and (max-width: 640px) { .news .left li .time span:nth-child(2), .news .right li .time span:nth-child(2) { font-size: 14px; } .news .lean { font-size: 12px; } .news h3 { font-weight: 500; font-size: 14px; } .wenhua .list { flex-wrap: wrap; flex: 1 0 50%; } .about .nums .p_item { width: 100%; margin: 1vw; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 18px; } .about .nums .p_item .s_title { font-size: 12px; } .case p.text { font-size: 14px; } .case .bottom li { flex-direction: column; width: 40%; } .case .bottom h3 { font-size: 0.8rem; padding: 1.5vw 0; } .product .content { margin-top: 4vw; } .product .right { width: 100%; } .product .left { width: 100%; } } .btn-primary{background-color: #ee9606; border-color: #ee9606;} @media only screen and (max-width: 480px) { #c_static_001_P_18396-17218920568260 .e_text-4 {width:90%} .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after{ width: 96px; height: 20px;} .huanjing .swiper-slide{ flex-direction: column;} .fazhanswiper li div{width:100%} .jobdetail .right li{ font-size: 11px;} .contactinfo p{ flex-direction: column; align-items: center!important; } .newsen .right1 a.more { width: 140px; } .footnaven ,.contactinfoen{ width: 100%; } .product .left li span.en{ height: 17.5vw;font-size:11px!important} .zongzhi p.desc{font-size:12px} .met-product-list .left dl h3 a{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;} .news .maintitle .indexmore { margin: 0 0 0 2vw; font-size: 11px; top: 10.5vw; width: 26vw; } .news .right .list li { margin: 2vw 0; } .news .newslist .list .more{display:none} .news .right .list li img { max-width: 100%; } .honor .pos { display: none !important; } .fazhanswiper li h3 { color: #333; font-size: 20px; }.fazhanswiper li p { color: #333; font-size: 14px; }.fazhanswiper li div p.line { margin-bottom: 3vw; } .huanjing .swiper-slide { justify-content: space-around;} .product .right li .info a{display:none} .product .right li .info >span{ -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;} .joins .box .box2 .info p { line-height: 2; font-size: 12px; }.joins .box .list .box1 { min-height: 16vw;} .joins .box .time{display:none} .joins .box .list .box1 .desc { width: 70%; font-size: 10px;} .joins .box .list .box1 h2{ width:30%; font-size: 16px;} .joins .container{width:100%} .jobdetail .left .desc { font-size: 14px;padding:0 0 5% 0; text-align: left;} .jobdetail .maintitle{text-align:center} .jobdetail .container { flex-direction: column; }.jobdetail .left { width:100%; }.jobdetail .right { width:100%; } .met-product-list .left dl div { background: #fff; width: 100%; padding: 2vw; height: 30vw; display: flex; border-radius: 5px; text-align: center; align-items: center; } .met-product-list .left dl{margin:1vw} .met-product-list .left dl h3 a { font-size: 12px;} .met-product-list .left dl { width:33%;}.met-product-list .left dl dt img{max-width:100%} .met-product-list .left dl dt{ padding:0} .news .right .list{width:100%} .news .maintitle h2 { font-size: 20px; } .case h2{ font-size: 20px;} .case .maintitle p.line, .news .maintitle p.line{margin:3vw 0 2vw 0} .case .container{padding-top:4vw} .shebei .right li span { font-size: 14px;} .shebei .right li { border: 1px solid rgba(255, 255, 255, 0.3); padding: 3vw;} .shebei .maintitle p.line{ margin: 3.5vw 0;} .shebei li .more{padding: 5px;} #c_static_001_P_53456-1723709695308 .e_image-7{margin-top:0} .product .right li { border: 1px solid #ddd; border-radius: 6px;} .product .right li .info{ border-radius: 1.5vw;} #c_static_001_P_53456-1723709695308 .e_image-7 img{max-width:100%} #c_static_001_P_53456-1723709695308 .img_v { right: auto; position: absolute; bottom: 54%; left: 50%; } .shebei .container{width:100%} #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-1{flex-direction:column-reverse} /*#c_static_001_P_53456-1723709695308{min-height:unset}*/ /*#c_static_001_P_53456-1723709695308 .e_image-7{position: absolute;*/ /* opacity: 0.3;*/ /* border-radius: 0 5px}*/ #c_static_001_P_53456-1723709695308 .e_loop-6 >div .more{margin-top:0} #c_static_001_P_53456-1723709695308 .e_loop-6 >div{display:flex;flex-direction: column-reverse;} #c_static_001_P_53456-1723709695308 .e_scrollNumber-8{ padding: 0; text-align: left;} #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem{ padding-top: 0; width: 50%; padding: 5vw 2vw 2vw 2vw;} #c_static_001_P_53456-1723709695308 .e_loop-6 .p_listabout{ margin-top: 0vw;} .product .right li p { font-size: 28px; } .product .left li { padding: 0.8vw 0vw; } .more{width: 125px; height: 32px;} .product .top{ text-align: center;} #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info_fivebox .item-word img{max-width:200px; bottom: -6vw;} .footnav .ewm{ display: flex; align-items: center; flex-direction: column; text-align: center;} .honorswipermobile { display: flex!important } .huanjing .swiper-smalls .swiper-button-prev { left: 30%; } .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after { content: ''; background: url(../images/ger.png) no-repeat; width: 96px; height: 20px; background-size: 86%; position: absolute; z-index: 999; left: 10%; } .zongzhi .info span{font-size: 120px;}.zongzhi .info { min-height: 30vh; } .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after{} .huanjing .swiper-smalls .swiper-button-next { right: 30%; } .huanjing .swiper-smalls { height: 40vw; } .huanjing .swiper-smalls .swiper-slide-thumb-active span i { width: 120px; background: #ee9606; height: 32px; } .huanjing .swiper-smalls .swiper-slide-thumb-active p { font-size: 22px; bottom: 8vw; } .huanjing .list h2 { font-size: 24px; } .newslist .right .list .box2 .more{display:none} .youshi .con li { width: 100%; min-height: 20vw; } .youshi .con li:nth-child(2), .youshi .con li:nth-child(3) { width: 100%; } .youshi .con li:nth-child(even) { margin-left: 0%; } .youshi .con li h2 img { max-width: 40px; } .youshi .con li h2 { font-size: 18px; } .youshi .con li p { width: 90%; font-size: 14px; } .p_info .more{display:none} .zongzhi .list img{margin-right:2vw} .zongzhi .container>img{max-width:100% ;padding:2vw} .core .right ul { align-items: center; } .core .right li { width: 60%; max-width: 80%; text-align: center; } .footcontact .ewm img { max-width: 70px; } .zongzhi .container { width: 100%; } .zongzhi .list svg, .zongzhi .list img { width: 6vw; } .zongzhi .list li { width: 33.333%; word-break:break-word; }.zongzhi .info h2 { bottom: 16vw; position: relative; } .zongzhi .list { flex-wrap: wrap; justify-content: flex-start; } .zongzhi h2 { font-size: 24px; } .zongzhi p, .zongzhi .list li { font-size: 12px; } .news .swiper-slide div { padding: 4.5vw; } .news h3 { margin: 2.5vw 0; font-size: 16px; } .news .right .title h3 { color: #333; font-size: 14px; } .e_bannerA-2 .swiper-pagination a { position: relative; color: #fff; top: 29px; font-size: 18px; height: 50px; } .product .left li:after { left: -2vw; } .product .left li::before { left: -2vw; } .product .left { padding-top: 2vw; } .footcontact .ewm { width: 100%; } .coop .list li { border-radius: 0 35px; } .coop .list li img { border-radius: 0 50px; } .huanjing .container { width: 100%; } .huanjing .list { overflow: hidden; } .wenhua .maintitle, .huanjing .maintitle { padding: 5vw 0 8vw 0; } .wenhua .list li { border-top: 1px solid rgba(255, 255, 255, 0.2); min-height: 40vh; } .wenhua { min-height: 40vh; } .wenhua .list p { font-size: 12px; } .about .nums .p_item .p_num, .about .nums .p_item .s_title { font-size: 16px; } .about .nums .p_item .unit, .about .nums .p_item .s_title { font-size: 12px; } .hangye .maintitle h2 { font-size: 24px; } .news .container { padding: 0; } #c_effect_004_P_043-1720173441964 .e_container-10 .cbox-11-0 { display: none !important; } .hangye .right .list { min-height: 36vh; padding: 10vw 2vw; } .hangye .right p.desc { font-size: 12px; } .e_bannerA-2 .proindex { padding: 0; width: 100%; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle { font-size: 18px; margin-top: 10px; margin-bottom: 0 !important; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary { font-size: 12px; } .e_bannerA-2 .proindex { width: 100%; } .e_bannerA-2 .proindex img { max-width: 108px; } } @media only screen and (max-width: 400px) {} @media only screen and (max-width: 375px) { .hangye .right .active h2 { font-size: 5vw; } .hangye .right .list p.line { bottom: 33vw; } }