/* pre css */ .application_pro{padding-top:1vw} .application_pro .list{display:flex; margin-bottom:5px; position: relative; } .application_pro .list li::after{ content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.80) 0, rgba(0, 0, 0, 0.0) 60%); position: absolute; top: 0; left: 0; } .application_pro .list li:hover::after{ background: linear-gradient(to top, rgba(9, 62, 124, 0.80) 0, rgba(0, 0, 0, 0.0) 60%); } .application_pro .list:nth-of-type(even){ flex-direction: row-reverse; } .application_pro .list li >img{ max-width: 100%; max-height: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } .application_pro .list:nth-of-type(odd){ flex-direction: row; } .application_pro .list li .info >img{max-width:60px} .application_pro .list li:nth-child(even) {width:55%;position:relative ; } .application_pro .list li:nth-child(odd) {width:45%;position:relative; } .application_pro .list:nth-of-type(even) li:nth-child(even){ margin-right:5px; } .application_pro .list:nth-of-type(odd) li:nth-child(even){ margin-left:5px; } .application_pro .list li .info{position:absolute; bottom:1vw;width:100%; z-index: 99; display: flex; align-items: center; justify-content: center; } .application_pro .list li .info h2{ color: #fff;padding-left:1vw;font-size:24px;margin: 0; } .footcenter { display: flex; width: 90%; max-width:84%; display: flex; margin: 2vw auto; justify-content: space-between; } .more { display: flex; position: relative; overflow: hidden; text-align: left; box-sizing: border-box; width: 160px; padding: 0; margin-top: 58px; height: 45px; background: linear-gradient(to right, rgb(231 94 11) 0%, rgb(255, 192, 1) 100%); align-items: center; justify-content: space-around; font-size: 14px; border-radius: 0; color: #fff; border-radius: 5px; transition: all 0.3s; } .more.white { background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); color: #ee9606; } .more span { display: block; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden } .more:hover {width:180px} a.more:hover,a.more :focus{ color: #f5f5f5!important;} .more.white:hover,.more.white:focus{ color: #ee9606!important;} .more i { display: block; width: 24px; height: 20px; border-radius: 50%; /*border: 1px solid #fff;*/ position: relative } .more i::before { content: url('../images/rightwhite.svg'); } .more.white i::before { content: url('../images/rightblue.svg'); } /*.more i::before {*/ /* content: '';*/ /* display: block;*/ /* width: 5px;*/ /* height: 5px;*/ /* border-radius: 50%;*/ /* background: #fff;*/ /* position: absolute;*/ /* top: 50%;*/ /* left: 50%;*/ /* transform: translate(-50%, -50%);*/ /* transition: all 0.6s ease*/ /*}*/ /*.more i::after {*/ /* content: '';*/ /* display: block;*/ /* width: 45px;*/ /* height: 0.5px;*/ /* background: #fff;*/ /* opacity: 0.7;*/ /* top: 50%;*/ /* right: 12px;*/ /* position: absolute;*/ /* transform: translateY(-50%);*/ /* transition: all 0.6s*/ /*}*/ /*.more.white i::after,*/ /*.more.white i::before {*/ /* background: #0b4b95;*/ /*}*/ /*.more.white i {*/ /* border: 1px solid #0b4b95;*/ /*}*/ /*.more:hover i::before {*/ /* content: '';*/ /* display: block;*/ /* width: 10px;*/ /* height: 10px*/ /*}*/ /*.more:hover i::after {*/ /* width: 0px*/ /*}*/ /*.more::after {*/ /* content: "";*/ /* position: absolute;*/ /* width: 0;*/ /* height: 100%;*/ /* transition: all .3s;*/ /* z-index: 0;*/ /* opacity: 0;*/ /* top: 0;*/ /* left: 0px*/ /*}*/ /*.more:hover::after {*/ /* opacity: 1*/ /*}*/ .swiper-scrollbar-drag { background: #ee9606; } #c_grid-116273709439191 .p_gridbox::after { content: ''; clear: left; display: block } .site_lan { padding: 2px; width: 30px; height: 30px; vertical-align: middle; text-align: center; border: 1px solid #fff; border-radius: 100%; } .site_lan:hover { border: rgb(0 78 162) 1px solid !important; } .site_lan:hover .es { color: rgb(0 78 162) !important; } .news { padding-bottom: 2vw; } .newsen .right1 a.more{width:250px} .news .container { padding: 0; position: relative; } .news .newslist .right{display:none} .news .newslist .right.active { margin: 2vw auto 3vw auto; overflow: hidden; display: flex; } .news .more:hover span {color:#fff} .newslist .container .right .box a:hover span {color:#fff} #c_static_001_P_53456-1723709695308 .more:hover span {color:#fff} #c_navigation_126-1662690442831 .more:hover span {color:#fff} .news .newslist .more { z-index: 999; color: #999; background: transparent; /*background: #0055a7;*/ border: 1px solid #fff; } .news .right .more { /*justify-content: space-between;*/ z-index: 999; background: rgba(245,245,245,0.6); /*background: transparent;*/ border: 0px solid #fff; margin-top: 1vw; } .news .right .more.active{ background: #ee9606;color:#fff} .news .right .more span { color: #aaa; } .news .right .more.active span{ color:#fff} .news .right li:hover .more span { color: #fff; } .news .right li:hover .more { justify-content: space-around; z-index: 999; background: #ee9606; } .news .left li{z-index:999} .news .left { width: 48%; display: flex; flex-direction: column; justify-content: space-around; overflow: hidden; padding: 2vw; margin: 1vw 0; border-radius: 10px; position: relative; } .news .left::after { content: ''; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.12) 100%); position: absolute; top: 0; left: 0; } .news .left .rightpos { display: flex; justify-content: flex-end; } .news .right { width: 100%; display: flex; flex-direction: row; justify-content: space-between; overflow: hidden; } .news .right li img { max-width: 100%; } .news .right .title { padding-left: 2vw ; } .news .right .title h3 {font-size:18px;color:#333;word-break: break-word;} .news .right > li { width: 40%; overflow: hidden; margin: 0 0 0vw 0vw; border-radius: 10px; backdrop-filter: blur(20px); background: rgba(253,253,253,0.8); } /*.news .right li:hover{border-bottom: 3px solid #6aa134;box-shadow: 1px 1px 9px 2px #ddd;}*/ .news .right > li .info{padding:1vw 0 2vw 0;background:#fff} .news .left .title h3 { line-height:1.6; color: #fff; font-size: 20px; } .news .left .title p { color: #fff; font-size: 14px; } .news .right { width:100%; color: #333; font-size: 20px; } .news .right .list{width:60%; display: flex ; flex-direction: column; justify-content: space-between;} .news .right .list li {display:flex; width:100%;align-items: center; background:#fff; margin:0vw 0 0vw 3.5vw} .news .right .list li .info{width:65%} .news .right li:hover .title h3 {color:#333} .news .right .title p { color: #333; font-size: 14px; } .news .left .title { clear: both; margin-top: 11vw; } .news .left .info { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 4vw; height: 4vw; border: 2px solid #fff; } .news .right .info { display: flex; align-items: flex-start; justify-content: left; } .news .left .info .dd { font-size: 22px; color: #fff; } .news .right .info .dd { font-size: 26px; font-weight: 500; color: #f07a18; } .news .left .info .y { font-size: 14px; color: #fff; } .news .right .info .y { font-size: 14px; color: #7c7c7c; line-height: 3.4; } .news .right .info .cate {border-left:2px solid #6aa134} .news .maintitle .right1{display:flex} .news .maintitle { margin: 0; text-align: left; display: flex; justify-content: space-between; padding-top: 3vw; } .news .indexmore { margin: 0; } .news .maintitle .indexmore { margin: 0 0 0 2vw; font-size: 20px; top: 2.5vw; } .news .maintitle .indexmore.active { background:transparent; border:1px solid #999; color: #999;} .coop .maintitle { padding-top: 3vw; } .coop .maintitle h2 { color: #333; font-size: 36px; } .coop .maintitle p.line { margin: auto; } .coop .container { padding-left: 0; padding-right: 0; } .coop .list { padding: 4vw 0; /* display: flex; justify-content: space-between; */ overflow: hidden; } .coop .list li { border-radius: 0 50px; text-align: center; background: #fff; box-shadow: 1px 1px 5px 0px #dcdfe6; padding: 1vw 0; } .coop .list li:hover { border: 1px solid #ee9606; } @font-face { font-family: PINGFANG; src: url('./Impact.TTF') } .hangye .right .list span { font-size: 80px; font-family: PINGFANG !important; position: absolute; bottom: 2vw; } .hangye .right .list p.line { width: 2.5vw; margin: auto; position: absolute; bottom: 10vw } .hangye .right .active p.line { position: static; } .hangye .right p.desc { margin-top: 2rem; font-size: 16px; display: none; } .hangye .right .active h2 { font-size: 32px; display: block; } .hangye .right .active span { font-size: 280px; position: absolute; bottom: -25%; color: rgba(0, 50, 117, 0.8); } .hangye .right .active p.desc { display: block; z-index: 99; } .hangye .left p.desc { font-size: 18px; margin-top: 2vw; } .product { padding: 1vw 0 1vw 0; } .case { background: #ffffff; padding: 2vw 0; } .case .maintitle { text-align: left; } .case .container { padding-left: 0; padding-right: 0; overflow: hidden; } .case .content li { text-align: center; background: #fff; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5; padding: 2vw; } .case .content li img { max-width: 100%; } .case .content li:hover img { /* 濮樻潙閽╅梹婊冨剼缂堟槒娴 */ transform: rotateY(360deg) scale(1, 1); -webkit-transition: all 0.4s ease-in-out; } .product .content { display: flex; margin: 0; justify-content: space-between; } .case .content { position: relative; } /*.case .coopnext::after,*/ /*.case .coopprev::after {*/ /* width: 0;*/ /*}*/ .case .coopnext, .case .coopprev { /*width: 76px;*/ /*background-color: rgba(255, 255, 255, 0.8);*/ top: -30%; /*height: 60px;*/ /*border: 1px solid rgba(255, 255, 255, 0.4);*/ /*clip-path: polygon(0 0, 100% 0%, 100% 100%, 12px 100%, 0 calc(100% - 50px))*/ } .product .right { width: 100%; position: relative; /* justify-content: space-between; */ } .product .right .prolist { width: 100%; overflow: hidden; } .case p.white { margin: auto; } .case h2 { color: #333!important; margin-bottom: 1.5vw; } .case p.text { padding: 2vw 12vw; font-size: 16px; } .case .prolist { width: 100%; display: flex; overflow: hidden; justify-content: space-between; } .product .top { display: flex; justify-content: space-between; align-items: flex-start; align-items: center; padding: 2vw 0 0.3vw 0; } .product .right .prolist .arrow::after { font-size: 24px; color: #ee9606; /* content: url(../images/right1w.svg); */ } .product .right .prolist .swiper-button-prev::after { /* transform: rotate(180deg); */ } .product .right .prolist .swiper-button-next { top: 45%; right: -3vw; width: 45px; border-radius: 50px; border: #ee9606 2px solid; z-index: 9; } .product .right .prolist .swiper-button-prev { top: 45%; left: -3vw; width: 45px; border-radius: 50px; border: #ee9606 2px solid; z-index: 9; } .product .left { position: relative; display: flex; justify-content: center; align-items: flex-start; width: 100%; margin: 2vw 0; } .product .left li span { text-transform: uppercase; font-size: 20px; padding:1vw 0 1.5vw 0 ; word-break:break-word; } .product .left li span.en{height:5.5vw} .product .left li img { max-height: 60px; } .product .left li img:nth-of-type(1) { display: inline-block; } .product .left li img:nth-of-type(2) { display: none; } .product .left li { border-bottom: 2px solid rgba(0, 0, 0, 0.05); cursor: pointer; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; width: auto; /*margin-left: 1vw;*/ color: #333; opacity: 0.8; /*background: #fff;*/ /*border-radius: 5vw;*/ /*padding: 0.3vw 1.5vw;*/ /*border: 1px solid #eee;*/ } .product .left li:hover { border-bottom: 2px solid rgba(235 112 9 / 68%); color: #fff; /*background: #0b4b95;*/ cursor: pointer; color: rgba(235 112 9 / 68%); } .product .left li.active { /*background: #0b4b95;*/ /*border: 1px solid #0b4b95;*/ border-bottom: 2px solid rgba(235 112 9 / 68%); color: rgba(235 112 9 / 68%); } .product .left li.active img:nth-of-type(1), .product .left li:hover img:nth-of-type(1) { display: none; } .product .left li.active img:nth-of-type(2), .product .left li:hover img:nth-of-type(2) { display: inline-block; } .product .indexmore, .zongzhi .indexmore { text-align: center; width: 100%; } .product .indexmore .more, .zongzhi .indexmore .more { background-color: transparent; border: 1px solid #fff; } .product .right li { /* border: 1px solid #f5f5f5; */ border-radius: 10px; /*background: #f8f8f8;*/ display: flex; align-items: center; flex-direction: row; justify-content: space-between; margin: 1vw 0; } .shebei .maintitle h3{color: rgb(255, 255, 255)!important} .shebei .maintitle p.line{margin:1.5vw 0} .shebei .more{background: transparent; border: 1px solid #fff;} .product .right li .info {display:flex; flex-direction: column;padding:8vw 2vw; justify-content: center;width:50%;color:#333; background: #fff;height: 100%;border-radius: 0.5vw; } .product .right li .info h2{ font-size:30px;color:#333;word-break: break-word;} .product .right li .info >span{ font-size:16px;color:#333;font-weight:500;margin-top:2vw;line-height:2;word-break: break-word;} .product .right li .info a{ font-size:14px;color:#333;background:transparent!important;border:1px solid transparent;border-radius:5px} .product .right li .info a:hover{border:1px solid #ee9606;color:#ee9606;} .product .right li > a {width:50%;color:#333;position:relative} .product .right li:hover { /*box-shadow: 1px 1px 6px 3px #ddd;*/ } .product .right li img { width: 100%; border-radius: 8px ; /*padding: 2vw;*/ max-width: 100%; } .product .right li p { position: absolute;top: 0; left: 0; width: 100%; transform: translate(0%, 50%); display: block; opacity: 0.06; letter-spacing: 40px; font-weight: 600; color: #333; text-align: center; padding: 1vw 2vw; font-size: 130px; border-radius: 0 0 10px 10px; } .case .prolist li { /* border: 1px solid #f5f5f5; */ display: flex; flex-direction: column; justify-content: space-between; } .case .prolist li img { padding: 1vw 0vw; } .case .prolist li p { display: block; /* background: #f5f5f5; */ color: #fff; text-align: center; padding: 0vw 2vw; font-size: 20px; } .maintitle { position: relative; width: 100%; } .maintitle p.line { padding: 0; margin: 1vw 0 } .maintitle h2 { color: #fff; font-size: 42px; font-weight: 600; } .maintitle h3 { color: #fff; font-size: 36px; } .maintitle h4 { color: #fff; font-size: 32px; margin-bottom: 1.5vw; } .news .maintitle h2 { color: #333; font-weight: 600; text-align: left; margin-bottom: 2vw; } .maintitle.black h2, .maintitle.black h3, .maintitle.black h4 { color: #333; } .news .first .info .cate { color: #fff; border-left: 2px solid #6aa134; } .news .first .info .y { font-size: 14px; color: #fff; line-height: 1.2; padding-left: 1vw; } .news .first{padding:3vw 2vw 0vw 2vw} .news .first .title h3{font-size:32px; color:#fff; font-weight: 400;margin-top:1vw} .news .first li a.more{ font-size:14px;color:#fff;background:transparent!important;border:1px solid #fff;border-radius:5px;margin-top:2vw} .maintitle h3 { font-size:36px; color: rgb(51, 51, 51)!important; opacity: 0.21; font-weight: 600; } .news .swiper-slide { padding-bottom: 1vw; } .news .swiper-slide a { display: flex; flex-direction: column; } .news .swiper-slide a:hover { box-shadow: 0px 6px 11px 3px rgba(18, 101, 184, 0.3); } .news .swiper-slide img { width: 100%; } .news .swiper-slide div { background-color: #fff; padding: 1.5vw; } .news .swiper-slide .info { padding-bottom: 0; } .news .swiper-slide .title { padding-top: 0; } .news .newsnext::after, .news .newsprev::after { width: 0; } .news .newsnext, .news .newsprev { right: 10.5%; width: 76px; background-color: rgba(255, 255, 255, 0.8); top: 18%; height: 60px; border: 1px solid rgba(255, 255, 255, 0.4); clip-path: polygon(0 0, 100% 0%, 100% 100%, 12px 100%, 0 calc(100% - 50px)) } .news .newsnext svg { margin-top: -9px; fill: #1265b8; } .news .newsprev { left: 80%; background-color: #1265b8; clip-path: polygon(0 0, 86% 0%, 100% 100%, 0 100%, 0 calc(100% - 50px)) } .news .newsprev svg { margin-top: -9px; fill: #fff; transform: rotateY(180deg); } .container { width: 90%; margin: auto; max-width: 84%; } .shebei .container{width: 100%; max-width: 84%;} span.white { background-color: #fff !important; color: #ee9606; } p.protext { font-size: 18px; /*padding: 2vw 0 0vw 0;*/ color: #fff; display: flex; justify-content: space-between; } /*.product .maintitle h3 {*/ /* font-size: 40px;*/ /* color: #abacb0;*/ /* letter-spacing: 1px;*/ /*}*/ /*.news .maintitle h3 {*/ /* font-size: 40px;*/ /* color: #abacb0;*/ /* letter-spacing: 1px;*/ /*}*/ .product p.protext { font-size: 16px; padding: 0; color: #626262; display: flex; justify-content: space-between; } .case .indexmore { display: block; text-align: center; margin: auto; } .case .casetext { font-size: 22px; margin: 1.5vw 0; color: #333; word-break: break-word; } .case .indexmore span.more { border: 1px solid #fff; background-color: #fff; color: #ee9606; } .product h3 { color: #fff; } p.line { width: 4vw; border-bottom: 2px solid #ee9606; padding: 0.8rem 0; } p.white { width: 4vw; border-bottom: 2px solid #fff; padding: 0.8rem 0; } .ab3 { background: url(../images/sehhui.jpg) no-repeat center; background-size: cover; margin-top: 20px; } .ab3 .m_ul { display: none; } .ab3 .w1676 .tit { text-align: center; /*font-family: hb;*/ color: #333333; line-height: 0.42rem; margin-bottom: 0.28rem; } .ab3 .w1676 .p { text-align: center; /*font-family: hr;*/ color: #666666; line-height: 0.3rem; max-width: 9rem; margin: 0 auto; margin-bottom: 0.5rem; } .ab3_con { display: flex; border-radius: 0.2rem; overflow: hidden; } .ab3_con .left { width: 70%; background: rgba(0, 59, 152, .82); background-size: cover; display: flex; justify-content: space-between; align-items: center; padding: 0 0 0 0.8rem; position: relative; z-index: 2; justify-content: flex-end; } .ab3_con .left .txt { position: relative; overflow: hidden; width: 50%; color: #ffffff; height: 25vh; } .ab3_con .left .txt .num { /*font-family: gs;*/ line-height: 1; margin-bottom: 1rem; font-size: 24px; } .ab3_con .left .txt .h1 { /*font-family: hb;*/ line-height: 1; margin: 1rem 0; font-size: 1.5rem; } .ab3_con .left .txt .p1 { /*font-family: hr;*/ line-height: 1.5; padding-right: 45%; font-size: 1rem; } .ab3_con .left .txt .indexmore { margin: 0; padding: 30px 0; display: inline-block; } .ab3_con .left .txt .indexmore .more { background: transparent; border: 1px solid #fff; } .ab3_con .left .btns { position: absolute; top: 50%; right: 0; transform: translate(50%, -50%); width: 10vw; height: 10vw; border-radius: 50%; overflow: hidden; z-index: 5; cursor: pointer; } .ab3_con .left .btns:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(../images/ab3_quan.png); background-size: 100% 100%; transition: all 0.5s; z-index: -1; } .ab3_con .left .btns:hover:before { transform: translate(-50%, -50%) rotate(180deg); } .ab3_con .left .btns .prev, .ab3_con .left .btns .next { position: absolute; cursor: pointer; left: 50%; transform: translate(-50%); } .ab3_con .left .btns .prev { top: 3vw; } .ab3_con .left .btns .next { bottom: 3vw; } .ab3_con .left .btns .prev svg { width: 5rem; transform: rotate(-90deg); color: #fff; width: 35px; height: 35px; } .ab3_con .left .btns .next svg { width: 5rem; transform: rotate(90deg); color: #fff; width: 35px; height: 35px; } .ab3_con .left>div:nth-child(2) { position: relative; width: 27vw; ; height: 40.625vw; } .ab3_con .left>div:nth-child(2) .quan { position: absolute; top: 0%; right: -20vw; width: 40vw; height: 100%; background: url(../images/ab3_hu.png)no-repeat center; background-size: 36vw 36vw; transform: rotate(32deg); transition: all 1s; ; } .ab3_con .left>div:nth-child(2) ul { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #ffffff; } .ab3_con .left>div:nth-child(2) ul li { cursor: pointer; font-size: 16px; } .ab3_con .left>div:nth-child(2) ul li { margin-bottom: 7vh; opacity: 0.6; transition: all 0.5s; } .ab3_con .left>div:nth-child(2) ul li.on { opacity: 1; } .ab3_con .left>div:nth-child(2) ul li:last-child { margin-bottom: 0; } .ab3_con .left>div:nth-child(2) ul li:nth-child(1), .ab3_con .left>div:nth-child(2) ul li:last-child { margin-left: 6vw; } .ab3_con .left>div:nth-child(2) ul li:nth-child(2), .ab3_con .left>div:nth-child(6) ul li:last-child { margin-left: 3vw; } .ab3_con .left>div:nth-child(2).on1 .quan { transform: rotate(32deg); } .ab3_con .left>div:nth-child(2).on2 .quan { transform: rotate(10deg); } .ab3_con .left>div:nth-child(2).on3 .quan { transform: rotate(-5deg); } .ab3_con .left>div:nth-child(2).on4 .quan { transform: rotate(-20deg); } .ab3_con .left>div:nth-child(2).on5 .quan { transform: rotate(-35deg); } .ab3_con .left>div:nth-child(2).on6 .quan { transform: rotate(-50deg); } .ab3_con .left>div:nth-child(2).on7 .quan { transform: rotate(-70deg); } .ab3_con .right { width: 38.9%; height: 40.625vw; position: relative; } .ab3_con .right .pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; opacity: 0; transition: all 0.5s; } .ab3_con .right .pic.on { opacity: 1; } .qiehuan .icon { width: 40px; height: 40px; margin-top: 0!important; } .qiehuan .igt_btn { position: absolute; z-index: 9; right: 6%; bottom: 55%; width: 81px; height: 40px; } .qiehuan .igt_btn .igt_prev:hover, .qiehuan .igt_btn .igt_next:hover { background-color: #ee9606; color: #fff; } .qiehuan .igt_btn .igt_prev { left: 0; position: absolute; cursor: pointer; top: 0; border-radius: 40px; width: 40px; height: 40px; background-color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .qiehuan .igt_btn .igt_next { left: 0; border-radius: 40px; position: absolute; cursor: pointer; top: 60px; width: 40px; height: 40px; background-color: #fff; } .project .icon { width: 40px; height: 40px; margin-top: 0!important; } .project .igt_btn { position: absolute; z-index: 9; left: 6.5%; bottom: 12%; width: 81px; height: 40px; } .project .igt_btn .igt_prev:hover, .project .igt_btn .igt_next:hover { background-color: #ee9606; color: #fff; } .project .igt_btn .igt_prev1:hover, .project .igt_btn .igt_next1:hover { background-color: #ee9606; color: #fff; } .project .igt_btn .igt_prev, .project .igt_btn .igt_prev1 { left: 0; position: absolute; cursor: pointer; top: 0; width: 40px; height: 40px; background-color: #fff; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .project .igt_btn .igt_next, .project .igt_btn .igt_next1 { left: 40px; position: absolute; cursor: pointer; top: 0; width: 40px; height: 40px; background-color: #fff; } .imglist li img { width: 100%; opacity: 0.6; filter: alpha(opacity=60); } .imglist li img:hover { opacity: 1; filter: alpha(opacity=100); } .imglist li.active img { width: 100%; opacity: 1; filter: alpha(opacity=100); } .imglist { width: 100%; display: none; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; } .imglists ul.active { display: flex; } .footsvg svg { width: 30px; margin-left: 2vw; color: #abadae; } .footsvg { display: flex; position: relative; } .footsvg img { position: absolute; bottom: 40px; left: 0px; display: none; } .footsvg p:nth-child(1):hover img { display: block; } .footsvg p:nth-child(2) svg { width: 36px; } #c_grid-116273709439191>div>.p_gridbox { width: 100%; overflow: hidden; position: static } #c_grid-116273709439191>div>.p_gridCell { float: left; position: static } #c_grid-116273709439191>.p_gridbox.signal { min-height: inherit } #c_grid-116273709439191>.p_gridbox.signal>.p_gridCell { min-height: inherit !important } #c_grid-116273709439191 { margin-left: auto; margin-right: auto; width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .indexmore { margin: 40px 0 0.05vw 0; } .topphone { height: 90px; line-height: 86px; color: #fff; font-size: 24px; font-weight: 500; } @media screen and (max-width:768px) { .case p.white { padding: 0.2rem 0 !important; margin: 3vw auto; } #c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 99%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5rem; margin-bottom: 0.5rem; clear: left } } @media screen and (min-width:769px) { #c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left } } @media screen and (max-width:1024px) and (min-width:769px) { #c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 99%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0rem; margin-bottom: 0rem; clear: left } } .page_a.current { background: #ee9606; color: #fff } #c_navigation_126-1662690442831 { min-height: 0px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .3); position: fixed; left: 0; top: 0; z-index: 999; transition: all .5s ease; /* background-color:rgba(255,255,255,1); */ height: auto; /* padding: 0.8vw 0; */ } #c_navigation_126-1662690442831.active { box-shadow: 0 0 15px rgb(0 0 0 / 20%); background-color: rgba(255, 255, 255, 1) } #c_navigation_126-1662690442831 .e_image-16 { overflow: hidden; max-width: 360px; } #c_navigation_126-1662690442831 .e_image-16 img { width: 100%; height: 100%; object-fit: contain; filter: unset } #c_navigation_126-1662690442831 .e_image-16 img:nth-child(2) { width: 100%; height: 100%; object-fit: contain; filter: unset; display: none } #c_navigation_126-1662690442831.active .e_image-16 img { display: none } #c_navigation_126-1662690442831.active .e_image-16 img:nth-child(2) { width: 100%; height: 100%; object-fit: contain; filter: unset; display: block } #c_navigation_126-1662690442831 .e_html-17 { min-height: 0px; background_radio: 1; padding-left: 15px; padding-right: 30px; width: auto } #c_navigation_126-1662690442831 .e_html-17 .search_warp { cursor: pointer } #c_navigation_126-1662690442831 .e_html-17 .search_warp a { display: flex; align-items: center; justify-content: flex-start } #c_navigation_126-1662690442831 .e_html-17 .search_warp svg { fill: #1265b8 } #c_navigation_126-1662690442831.active .e_html-17 .search_warp svg { fill: #1265b8 } #c_navigation_126-1662690442831 .e_html-17 .search_warp:hover svg { fill: #1265b8 } #c_navigation_126-1662690442831 .e_html-19 { min-height: 0px; background_radio: 1; padding-left: 0px; width: auto; display-radio: 1; margin-top: 3px } #c_navigation_126-1662690442831 .e_html-19 .site_lan { cursor: pointer } #c_navigation_126-1662690442831 .e_html-19 .site_lan svg { fill: #ee9606; width: 22px } #c_navigation_126-1662690442831.active .e_html-19 .site_lan svg { fill: #ee9606 } #c_navigation_126-1662690442831 .e_html-19 .site_lan:hover svg { fill: #ee9606 } #c_navigation_126-1662690442831 .e_container-21 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90%; margin-left: auto; margin-right: auto; max-width: 84%; } #c_navigation_126-1662690442831 .e_container-21>.p_item { flex: 1; max-width: 100%; max-height: 100%; position: static; } #c_navigation_126-1662690442831 .e_container-22 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100% } #c_navigation_126-1662690442831 .e_container-22>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_navigation_126-1662690442831 .e_container-21 .cbox-21-0 { flex: 0 0 auto; align-self: center } #c_navigation_126-1662690442831 .e_container-21 .cbox-21-2 { flex: 0 0 auto; align-self: center } .havestatic>div, .havestatic>div[class*="cbox-"] { position: static !important } #c_navigation_126-1662690442831 .e_navigationF-24 { display: flex; justify-content: flex-end; display-radio: flex } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton { width: 100px; justify-content: center; padding: 20px 0; display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p { width: 21px; height: 16px; cursor: pointer } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p span { width: 100%; background: #fff; display: block; height: 2px; margin: 2px 0; float: left; -webkit-transition: all ease 0.8s, opacity ease 0.3s; -moz-transition: all ease 0.8s, opacity ease 0.3s; -ms-transition: all ease 0.8s, opacity ease 0.3s; -o-transition: all ease 0.8s, opacity ease 0.3s; transition: all ease 0.8s, opacity ease 0.3s; opacity: 1 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p span:nth-of-type(1) { width: 50%; float: left } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p span:nth-of-type(3) { width: 50%; float: right } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span { background: #fff; -webkit-animation: animaspan 0.5s 1; animation: animaspan 0.5s 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(1) { transform: translateY(6px) rotate(720deg); width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(2) { transform: rotate(720deg) } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span:nth-of-type(3) { transform: translateY(-6px) rotate(720deg); width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(1) { transform: translateY(6px) rotate(670deg) } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(2) { transform: translateY(0px) rotate(768deg) } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p.showmenu span.biahuan:nth-of-type(3) { width: 0; opacity: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon { color: #fff; font-size: 16px; line-height: 1; transition: all ease .3s; text-decoration: none } #c_navigation_126-1662690442831.active .e_navigationF-24 .p_navCon { color: #333 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon::after { background: #ee9606; height: 3px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon_top::after { background: #ee9606; height: 3px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2>div.warp { width: 100%; margin: 0 auto; max-width: 100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center; padding: 3vw 0; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .tit { font-size: 30px; line-height: 30px; font-weight: normal; margin-bottom: 40px; color: #333 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .con { display: flex; flex-direction: column; word-break:break-word; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .con a { width: 220px; height: 46px; font-size: 16px; color: #333; display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; border: 2px solid #bfbfbf; margin-bottom: 15px; transition: all .5s ease } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .con a:hover { color: #fff; background: #ee9606; border: 3px solid #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .con a svg { width: 12px; height: 12px; fill: #333; transition: all .5s ease } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .con a:hover svg { fill: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .tel { padding-top: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .tel .t { font-size: 16px; line-height: 20px; color: #666 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .tel .c { font-size: 30px; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .tel .c a { color: #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:hover .p_navBox2 { opacity: 1; visibility: visible; pointer-events: auto } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 ul { padding: 10px 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree ul { padding: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 { width: auto; margin-right: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a { display: block; align-items: center; width: 100%; transition: all ease .3s; text-align: center } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon2 { font-size: 16px; text-align: left; color: #333; transition: all ease .15s; display: flex; width: 100%; padding: 0; line-height: 1.2; text-decoration: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navCon2 { text-align: left; font-size: 20px; padding: 0px 25px; font-weight: normal; letter-spacing: 0; line-height: 80px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a span { width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 img { width: 100%; max-width: 50px; margin-right: 25px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 img { margin-right: 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level3Box { margin-top: 0px; padding-top: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item { margin-right: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon3 { font-size: 16px; letter-spacing: 0; color: #333; padding: 0px 50px; line-height: 46px; transition: all ease .15s; font-weight: bold } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 { /* position: relative; */ padding-left: 1vw; padding-right: 3vw } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 { width: 100%; padding: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level4Box { flex-direction: column; margin-top: 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_menuItem { font-size: 14px; font-weight: 500; color: rgb(255 255 255 / 50%); line-height: 1.7; transition: all ease .15s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item span { display: flex; flex-direction: column; justify-content: center } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item .p_dian { width: 15px; position: relative } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item .p_dian::after { content: ''; width: 4px; height: 4px; background: rgb(0 0 0 / 40%); border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item img { width: auto } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover { color: #ee9606; border-bottom: 1px solid #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_listthree img { width: auto } #c_navigation_126-1662690442831 .e_navigationF-24 .p_listthree .p_menuItemhat { font-size: 14px; font-weight: 500; color: #333; line-height: 1.7; transition: all ease .15s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2.isdesign { display: none; opacity: 1; visibility: visible } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p a { padding: 0; width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 { background: rgba(255, 255, 255, 0.96); padding: 0px 0 0px; opacity: 0; visibility: hidden; width: 100%; border-bottom: 0px solid #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a span.p_img { width: auto; margin-right: 0; display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a span { width: auto; margin-right: 0; font-size: 20px; color: #333; font-weight: normal; letter-spacing: 0px } #c_navigation_126-1662690442831 .closeFrom { display: flex; flex-direction: column; justify-content: center } #c_navigation_126-1662690442831 .closeFrom svg { fill: #ee9606; transition: all ease .3s; cursor: pointer } #c_navigation_126-1662690442831 .closeFrom:hover svg { transform: rotate(90deg) } #c_navigation_126-1662690442831 .boxForm.active { top: 0 } #c_navigation_126-1662690442831 .e_form-28 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background: #fff; position: fixed; top: -141px; left: 0; right: 0; height: 140px; padding: 0 15px; transition: all ease .5s; z-index: 99 } #c_navigation_126-1662690442831 .e_form-28>.p_formItem { max-width: 84%; max-height: 100%; width: 94%; margin: 0 auto; display: flex; justify-content: space-between } #c_navigation_126-1662690442831 .e_input-29 .p_phoneCode { width: 90px; margin-right: 10px } #c_navigation_126-1662690442831 .e_formBtn-30 { position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 120px; border-radius: 0; padding: 8px; height: 100%; display: flex; flex-direction: column; justify-content: center; background: none; border: 0; box-shadow: none } #c_navigation_126-1662690442831 .e_formBtn-30 span { width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden; background: #fff; height: 38px; border-radius: 55px; border: 1px solid #eee; color: #333; display: flex; flex-direction: column; justify-content: center; line-height: 1; font-size: 15px; transition: all ease .3s } #c_navigation_126-1662690442831 .e_formBtn-30::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px } #c_navigation_126-1662690442831 .e_formBtn-30:hover::after { opacity: 1 } #c_navigation_126-1662690442831 .e_form-28 .e_input-29 { width: 90%; margin: 0; display: flex; flex-direction: column; justify-content: center } #c_navigation_126-1662690442831 .e_form-28 .e_input-29 input { height: 50px; border: 0; outline: 0; box-shadow: none } .es { color: #fff; display: inline-block; font-size: 12px; } @media screen and (max-width:768px) { .p_haveNav { min-height: auto !important } .p_haveNav.fix { position: fixed !important; z-index: 1000; top: 0; left: 0; right: 0; background: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1::-webkit-scrollbar { width: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-track { background: #252525 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb { background: #545454 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1::-webkit-scrollbar-thumb:hover { background: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton { width: 60px; height: 60px; align-items: center; display: flex; justify-content: center; padding: 0; background: rgba(255, 192, 1 , 50%) } .application_pro .list li .info h2{ font-size: 12px;} .application_pro .list li .info >img{ max-width: 24px;} .application_pro .container { width: 100%;} #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1 { position: absolute; top: 100%; /* left:0; */ right: 0; background-color: rgb(255 192 1 / 80%); padding: 0px; height: calc(0vh); overflow-y: scroll; z-index: 10; max-height: 1080px; width: 100vw; transition: all ease .3s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1.pkcclb { height: calc(100vh); width: 50vw; backdrop-filter: blur(20px); } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 { border-top: 1px solid #eee; padding: 15px 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:last-child { margin-bottom: 100px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon { display: flex; justify-content: space-between; color: #fff; line-height: 22px; font-size: 14px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon2 { padding: 15px; font-size: 14px; border-top: 1px solid #eee; color: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon3 { display: flex; justify-content: space-between; padding: 0; color: #333; font-size: 14px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p svg, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2>p svg, #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item>p svg { width: 16px; margin: 0px 0; opacity: .5; cursor: pointer; transition: all ease .3s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p a span { padding: 0; color: #fff; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_img, #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item span { opacity: .8 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_img img { width: 23px; margin-right: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 { display: none; opacity: 1; visibility: visible; background: none; width: 100%; margin-top: 15px; border-bottom: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 ul { padding: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Box { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item { width: 100%; margin: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item span, #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item span { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Box { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item .p_menuItem { font-size: 14px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item .p_menuItem::before { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 p svg.rotate { transform: rotate(90deg) } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 { margin-bottom: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 span { display: flex } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 { padding: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 { margin-right: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a { font-size: 14px; font-weight: 500; letter-spacing: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level3Box { margin: 0; padding: 0; border: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item:first-child { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(255 255 255 / 20%); margin-right: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item:last-child { padding: 0 0 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 img { width: auto; max-width: 23px; margin-right: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item:first-child { margin-top: 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level4Item:last-child { margin-bottom: 20px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level4Box { margin: 0 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1.isdesign { height: calc(100vh); display: none } #c_navigation_126-1662690442831 { background: transparent } #c_navigation_126-1662690442831 .e_container-21 { position: relative; width: 100%; padding: 0px 0px 0px 15px; justify-content: space-between; display-radio: 1 } #c_navigation_126-1662690442831 .e_container-21 .cbox-21-0 { /* flex: 0 0 190px */ } #c_navigation_126-1662690442831 .e_image-16 img { display: none; max-height: 60px; padding: 2vw 0 } #c_navigation_126-1662690442831 .e_image-16 img.logocai { display: block } #c_navigation_126-1662690442831.active .e_html-17 .search_warp svg { fill: #333 } #c_navigation_126-1662690442831 .e_html-17 .search_warp svg { fill: #333 } #c_navigation_126-1662690442831.active .e_html-19 .site_lan svg { fill: #333 } #c_navigation_126-1662690442831 .e_html-19 .site_lan svg { fill: #333 } #c_navigation_126-1662690442831 .e_container-21 .cbox-21-1 { flex: 0 0 auto } #c_navigation_126-1662690442831 .e_container-21 .cbox-21-2 { flex: 0 0 auto; position: absolute !important; right: 62px; z-index: 5 } #c_navigation_126-1662690442831 .e_html-17 { padding-left: 10px; padding-right: 10px } #c_navigation_126-1662690442831 .e_html-19 { padding-left: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p span:nth-of-type(1) { width: 100%; float: left } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navButton>p span:nth-of-type(3) { width: 100%; float: right } #c_grid-116273709439191>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; clear: left } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .left .title { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .left .jieshao { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .center { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .right { display: none; border-left: 1px solid #999; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a svg { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2>div.warp { width: 100%;background:transparent!important; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 .p_navBox2 .left { width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_navCon3:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_menuItem:hover, #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 .p_menuItemhat:hover { border-bottom: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2:first-child .p_navCon2 { border-top: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2:last-child .p_navCon2 { padding-bottom: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navCon2 { text-align: left; font-size: 14px; padding: 15px; font-weight: normal; letter-spacing: 0; line-height: 22px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a span { width: 100%; margin-right: 0; font-size: 14px; color: #333; font-weight: normal; letter-spacing: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navCon2:hover a span { color: #1e9e3b } #c_navigation_126-1662690442831 .e_image-16 { display-radio: 1; max-width: none } #c_navigation_126-1662690442831 .e_image-16 img:nth-child(1) { display: block } #c_navigation_126-1662690442831 .e_html-17 { display: none } #c_navigation_126-1662690442831 .e_container-22 { display: block } } @media screen and (min-width:769px) { .p_haveNav { min-height: auto !important } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .left { width: 50%; padding: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .left .title { font-size: 26px; line-height: 26px; color: #333; font-weight: bold; margin-bottom: 20px; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .left .jieshao { font-size: 15px; line-height: 1.8; color: #777; margin-bottom: 15px; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right { width: 50%; padding-left: 4%; justify-content: flex-end; border-left: 1px solid rgba(179, 179, 179, 0.5); align-items: center } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .right_con { width: 50%; font-size: 16px; line-height: 2; display: flex; flex-direction: column; justify-content: center; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .right .right_con .tit { font-weight: bold; color: #333; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .center { width: 100%; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom { position: relative; display: block; width: 100%; height: 0; overflow: hidden; padding-bottom: 55% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .warp .center .imgZoom img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: auto; transition: all 0.8s ease .1s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a { padding: 15px 0px; border-bottom: 1px solid #eee } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree { position: static } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a { display: flex; align-items: center; padding: 0; width: 100%; transition: all ease .3s; border: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .center .nav_img { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 { background: url(../images/navbg.jpg) #f2f3f1 no-repeat right center } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .center { background: #fff; width: 35.15% } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .left { width: 36.25%; padding: 40px 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .right { width: 28.6%; display: flex; justify-content: flex-start; align-items: flex-start; padding-left: 6%; padding-top: 5% } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .left .title { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .left .jieshao { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a span.p_img { display: block } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox1 { display: flex; justify-content: flex-end } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p { display: flex; position: relative } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:last-child >p a span{border:1px solid;border-radius: 20px; padding: 0.2vw 1vw;} #c_navigation_126-1662690442831.active .e_navigationF-24 .p_navItem1>p a { color: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p a { display: block; line-height: 80px; color: #fff; font-weight: 400 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p svg { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1>p::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2px; width: 0; margin: 0 auto; transition: all ease .3s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1.active>p::after{ width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:hover>p::after { width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 { position: absolute; left: 0%; transform: translateX(0); top: 100%; display: flex; justify-content: center; z-index: 10; transition: all ease .3s; pointer-events: none; width: 100%; max-height: 50vh; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 .left ul li { width: 28.3%; padding: 0 5%;word-break:break-word; } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navBox2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-end } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree ul { flex-direction: row; justify-content: flex-end } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .left ul li { width: 100%; margin-right: 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .left ul li.cur { background: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2.cur a span { color: #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 svg { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp { padding: 40px 0px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navBox2 .warp .center .sj_warp .p_level3Box.pro_cur { display: block } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon3 .p_jtIcon { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon3 .sj_icon { margin-right: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Box .p_menuItemhat { font-size: 16px; font-weight: normal; color: #333; line-height: 1.6; transition: all ease .15s } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 a span { display: flex; flex-direction: column; justify-content: center } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2>p>svg { display: none } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2>p>a svg { width: 12px; height: 12px; display: none; text-align: center } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Box.p_listthree { flex-direction: column } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level3Box { min-height: 510px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item:hover .p_menuItemhat { color: #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item:hover .sj_icon { fill: #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navCon3 a { display: block; width: 100% } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:hover>p a, #c_navigation_126-1662690442831.active .e_navigationF-24 .p_navItem1:hover>p a { color: #fff } #c_navigation_126-1662690442831 .e_navigationF-24 li.active>p a { color: #ee9606 } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1:hover { /* background:#fff; */ /* position: relative */ } } @media screen and (max-width:1024px) and (min-width:769px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_level3Item { margin-right: 25px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 { margin-right: 30px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_navItem2 a { font-size: 18px; line-height: 28px } #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem2 img { max-width: 28px; margin-right: 10px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level3Box { padding-left: 3px } #c_navigation_126-1662690442831 .e_navigationF-24 .haveThree .p_level4Box { padding-left: 11px } } @media screen and (max-width:1440px) and (min-width:1231px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 1vw; padding-right: 1.5vw;} #c_static_001_P_53456-1723709695308 .e_image-7 img{max-width:100%} #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 { /* position: relative; */ padding-left: 1.5vw; padding-right: 1.5vw } } @media screen and (max-width:1230px) and (min-width:769px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 { /* position: relative; */ padding-left: 1vw; padding-right: 1vw } } #c_grid-116273709439190 .p_gridbox::after { content: ''; clear: left; display: block } #c_grid-116273709439190>div>.p_gridbox { width: 100%; overflow: hidden; position: static } #c_grid-116273709439190>div>.p_gridCell { float: left; position: static } #c_grid-116273709439190>.p_gridbox.signal { min-height: inherit } #c_grid-116273709439190>.p_gridbox.signal>.p_gridCell { min-height: inherit !important } #c_grid-116273709439190 { margin-left: auto; margin-right: auto; width: 100%; border-top: 5px solid #ee9606; } #c_grid-116273709439190 ul.nav li { padding: 1vw 3vw 0 0vw; } .contactinfo { padding: 1%; } .contactinfo .icon { width: 30px; height: 30px; } .contactinfo p { color: rgba(255, 255, 255, .6); font-size: 14px;display: flex;word-break:break-word; line-height: 2.4; align-items: center; } .contactinfoen p { line-height: 2; align-items: flex-start } .contactinfoen img{margin-top:8px} .contactinfo img {margin-right:0.2vw} .contactinfo p.e_text-30 { color: #ee9606; font-size: 30px; line-height: 2; } .contactinfo p.e_text-18 { color: #ee9606; font-size: 24px; } .footnav { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-evenly; /*align-items: center;*/ } .footnaven {width:25%} .footer_socail_icons { display: inline-block; width: 100%; text-align: center; } .footer_socail_icons a { margin: 0 10px; } .footnav ul { display: flex; } .footnav p { color:#fff; font-size: 16px; word-break:break-word; padding-left: 1vw; } .footcontact li h2 { color: #333; font-size: 16px; margin: 1vw 0 0 0; position: relative; } /*.footcontact li h2::after {*/ /* content: '';*/ /* position: absolute; left: -1vw;*/ /* border-left:2px solid #6aa134;*/ /* height: 20px;*/ /*}*/ .footcontact li { padding: 0 2.6vw; display: flex; padding: 0 3vw; flex-direction: column; align-items: center; } .footcontacten li { align-items: flex-start;} .footnav .ewm{ display: flex; align-items: center;} .footcontact li h2 { color: #fff; padding: 0 0 0.5vw 0; } .footcontact li p { color: rgba(255, 255, 255, 0.6); padding: 0.5vw 0 0 0; word-break: break-word; } .footcontact a:hover {color:#fff} .footcontact { display: flex; color: #333; margin: auto; justify-content: space-between; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); margin: 1% 0; align-content: center; align-items: flex-start; } .footpower { color: rgba(255, 255, 255, 0.3); width: 90%; max-width: 84%; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 1vw; display: flex; flex-direction: row; justify-content: space-between; } @media screen and (max-width:768px) { #c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left } .footnav .footimg { padding: 2vw; } } @media screen and (min-width:769px) { #c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left } } @media screen and (max-width:1024px) and (min-width:769px) { #c_grid-116273709439190>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 99%; margin-left: 0.5%; margin-right: 0.5%; margin-top: 0.5rem; margin-bottom: 0.5rem; clear: left } } @media screen and (max-width:1440px) and (min-width:1231px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 1vw; padding-right: 1.5vw;} } @media screen and (max-width:1230px) and (min-width:769px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 1vw; padding-right: 1vw;} } #c_static_001-1638926365579 { min-height: 0px } .foot_links { width: 100%; display: flex; flex-wrap: wrap; background: #333 } .foot_links .p_item { flex: 1; padding: 15px 0; position: relative; text-align: center; cursor: pointer } .foot_links .p_item .s_img { position: absolute; left: 75%; bottom: 150%; width: 120px; padding: 5px; background: #fff; border-radius: 5px; overflow: hidden; transition: all 0.5s; opacity: 0; visibility: hidden; transform: translate(-50%, 0); z-index: 20 } .foot_links .p_item .s_img img { width: 100%; height: auto } .foot_links .p_item svg { fill: #9da3a3; margin: 0 auto 10px } .foot_links .p_item p { line-height: 22px; padding-top: 10px; color: #9da3a3; font-size: 14px; display: flex; flex-direction: column; float: right } .foot_links .p_item:hover svg { fill: #0580b7 } .foot_links .p_item:hover p { color: #fff } .foot_links .p_item:hover .s_img { opacity: 1; visibility: visible; bottom: 100% } #c_effect_004_P_043-1720173441964 .e_container-10 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; margin: auto; } #c_effect_004_P_043-1720173441964 .e_container-10>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-11 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; max-width: 84%; margin-left: auto; margin-right: auto; padding-top: 4vw; padding-bottom: 3vw; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: rgba(225, 225, 225, 1); padding-left: 0px; padding-right: 0px } #c_effect_004_P_043-1720173441964 .e_container-11>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-0 { margin-left: 0px; margin-right: auto } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-3 { flex: 0 0 30%; margin-right: 0px; margin-left: auto } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-1 { margin-right: auto; margin-left: 0px; } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-2 { flex: 0 0 25%; margin-right: 0px } #c_effect_004_P_043-1720173441964 .e_container-11 .p_item { display: flex; justify-items: center; flex-direction: column; } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-2 { align-items: flex-end } #c_effect_004_P_043-1720173441964 .e_container-10 .p_item:nth-child(1) { display: flex; justify-items: center; flex-direction: column; justify-items: center; align-items: flex-start; } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; padding: 1vw 0; -webkit-box-orient: vertical } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Item { width: auto; padding-right: 1vw; flex-grow: 1; } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level3Box { display: none } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 { text-align: center; font-size: 16px; color: rgba(255, 255, 255, 1); line-height: 1 } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_menu2Item { color: rgb(255 255 255 / 70%); line-height: 2.2; font-size: 14px; border-bottom-style: solid; border-bottom-width: 0px; } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_menu1Item { display-radio: 1; color: #fff; line-height: 2.5; font-size: 18px; font-weight: bold } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Item:nth-child(6) {} #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Item:nth-child(7) { display: none } #c_effect_004_P_043-1720173441964 .e_container-13 { margin-top: 0px; display-radio: 1; background_radio: 1 } #c_effect_004_P_043-1720173441964 .e_text-14 { line-height: 2; width: 100%; font-weight: bold; margin-top: 0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 1); font-size: 20px } #c_effect_004_P_043-1720173441964 .e_text-15 { line-height: normal; font-size: 26px; font-weight: bold; color: rgba(255, 255, 255, 1) } #c_effect_004_P_043-1720173441964 .e_richText-16 { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 1.8; margin-top: 20px; justify-content: center; display: flex; flex-wrap: nowrap; flex-direction: column; align-content: space-between; /* align-items: flex-start; */ } #c_effect_004_P_043-1720173441964 .e_richText-16 p { padding: 0.2rem 0 } #c_effect_004_P_043-1720173441964 .e_html-19 { display-radio: 1; min-height: 0px } #c_effect_004_P_043-1720173441964 .e_container-20 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; margin-left: auto; margin-right: auto; background_radio: 2; border-top: rgba(214, 208, 208, 0.1) 1px solid; border-bottom: rgba(214, 208, 208, 0.1) 1px solid } #c_effect_004_P_043-1720173441964 .e_container-20>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-21 { display: flex; flex-wrap: wrap; flex-direction: row; max-width: 84%; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; padding-right: 0px; padding-left: 0px } #c_effect_004_P_043-1720173441964 .e_container-21>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-22 { display: flex; flex-wrap: wrap; flex-direction: row; max-width: none; width: auto; margin-left: auto; margin-right: auto; background_radio: 1; display-radio: flex } #c_effect_004_P_043-1720173441964 .e_container-22>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-23 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; background_radio: 1 } #c_effect_004_P_043-1720173441964 .e_container-23>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_effect_004_P_043-1720173441964 .e_container-23 .cbox-23-0 { align-self: center } #c_effect_004_P_043-1720173441964 .e_container-23 .cbox-23-2 { flex: 0 0 100px; align-self: center } #c_effect_004_P_043-1720173441964 .e_container-23 .cbox-23-1 { align-self: center } #c_effect_004_P_043-1720173441964 .e_credible-24 .img1 { width: 65px; height: 23px } #c_effect_004_P_043-1720173441964 .e_credible-24 .img2 { width: 79px; height: 28px } #c_effect_004_P_043-1720173441964 .e_credible-24 .img3 { width: 92px; height: 33px } #c_effect_004_P_043-1720173441964 .e_credible-24 .img4 { width: 106px; height: 38px } #c_effect_004_P_043-1720173441964 .e_credible-24 .img5 { width: 80px; height: auto } #c_effect_004_P_043-1720173441964 .e_credible-24 { display-radio: 1; padding-left: 20px } #c_effect_004_P_043-1720173441964 .e_provider-25 { display-radio: 1; font_radio: 2; font-size: 14px; color: rgba(255, 255, 255, 1); text-align: right } #c_effect_004_P_043-1720173441964 .e_richText-26 { font_radio: 2; font-size: 14px; color: rgba(255, 255, 255, 1); display-radio: 1; text-align: center } #c_effect_004_P_043-1720173441964 .e_richText-27 { display: flex; font_radio: 2; font-size: 14px; color: rgba(255, 255, 255, 1); text-align: center; flex-direction: row; align-items: center; justify-content: space-between; } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_share { display: flex; justify-content: flex-end } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_share.vertical { flex-direction: column } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_shareItem { width: 34px; height: 34px; position: relative } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_shareItem[key='moments'] { display: none } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .horizontal .p_shareItem+.p_shareItem { margin-left: 10px } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .vertical .p_shareItem+.p_shareItem { margin-top: 10px } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_img { width: 100%; height: 100%; object-fit: cover } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_wxShareCon { display: none; position: absolute; width: 140px; z-index: 9; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); background-color: #fff; box-shadow: 1px 1px 4px #888; padding: 10px; border-radius: 4px } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_wxShareCon canvas { display: block } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .vertical .p_wxShareCon { top: 50%; transform: translateY(-50%); left: calc(100% + 10px) } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_pop { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_content { position: absolute; left: 50%; top: 50%; width: 300px; max-width: 90%; border-radius: 4px; background: #fff; padding: 20px; text-align: center; transform: translateX(-50%) translateY(-50%) } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_close { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; cursor: pointer } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_close .icon { width: 100%; height: 100%; margin: 0 } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_prompt { margin: 15px 0 } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 .p_qrcode { padding-top: 10px } #c_effect_004_P_043-1720173441964 .e_websiteShareNew-29 { display-radio: 1; margin-top: 20px; text-align: right } @media screen and (max-width:768px) { #c_effect_004_P_043-1720173441964 .e_container-11 { display: flex; flex-wrap: wrap; flex-direction: column; width: auto; max-width: none; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top: 30px; padding-bottom: 30px; display-radio: flex; background_radio: 1 } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-0 { flex: 0 0 100%; margin-bottom: 30px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); padding-bottom: 0px } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-1 { margin-right: 0 } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-3 { margin-top: 30px; padding-top: 30px; border-style: none } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_menu1Item, .e_bottomNav-12 .p_menu2Item { display: flex; justify-content: space-between } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Box ul { display: none } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_jtIcon { width: auto; height: auto; max-width: 20px; font-size: inherit; transition: 0.5s; margin: 0 } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_jtIcon.active { transform: rotateZ(90deg) } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 a { display: flex; flex-direction: column; justify-content: center } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Item { padding: 0 } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_menu2Item svg { opacity: .5 } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_menu1Item { display-radio: 1 } #c_effect_004_P_043-1720173441964 .e_container-13 { background_radio: 1; display-radio: 1; margin-top: 0px } #c_effect_004_P_043-1720173441964 .e_text-14 { font_radio: 1; display-radio: 1; padding-top: 0px; margin-top: 0px; } #c_effect_004_P_043-1720173441964 .e_container-21 { background_radio: 1; display-radio: 1; width: 96% } #c_effect_004_P_043-1720173441964 .e_container-22 { display: flex; flex-wrap: wrap; flex-direction: column; max-width: 1400px; width: auto; margin-left: auto; margin-right: auto } #c_effect_004_P_043-1720173441964 .e_container-23 { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; background_radio: 1; display-radio: flex } #c_effect_004_P_043-1720173441964 .e_container-23 .cbox-23-2 { flex: 0 0 0 } #c_effect_004_P_043-1720173441964 .e_credible-24 { display-radio: 1; margin-top: 10px } #c_effect_004_P_043-1720173441964 .e_provider-25 { display-radio: 1; font_radio: 2; font-size: 14px; line-height: 1.5; text-align: right; padding-left: 10px; padding-right: 10px; margin-left: 0px; margin-right: auto } #c_effect_004_P_043-1720173441964 .e_richText-26 { font_radio: 2; font-size: 14px; text-align: center; display-radio: 1 } #c_effect_004_P_043-1720173441964 .e_richText-27 { font_radio: 2; font-size: 14px; text-align: center; display-radio: 1 } #c_effect_004_P_043-1720173441964 { background_radio: 2; display-radio: 1 } #c_effect_004_P_043-1720173441964 .e_container-10 { background_radio: 1; display-radio: 1 } } @media screen and (min-width:769px) { #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_level1Box { display: flex } #c_effect_004_P_043-1720173441964 .e_bottomNav-12 .p_jtIcon { display: none } } @media screen and (max-width:1024px) and (min-width:769px) {} @media screen and (max-width:1440px) and (min-width:1231px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 1vw; padding-right: 1.5vw;} } @media screen and (max-width:1230px) and (min-width:769px) {} #c_effect_109-1728544960004 .e_loop_sub-1 { position: fixed; right: 0; bottom: 14%; z-index: 9999999 } #c_effect_109-1728544960004 .e_loop_sub-1 .p_loopItem { position: relative; transition: all ease .3s } #c_effect_109-1728544960004 .e_text-2 { line-height: 1; text-align: center; font-size: 13px; color: #fff } #c_effect_109-1728544960004 .e_subImg-4 { overflow: hidden; display-radio: 1; max-width: 150px; display: block; margin: 0px auto 0 } #c_effect_109-1728544960004 .e_subImg-4 img { width: 100%; height: 100%; object-fit: contain } #c_effect_109-1728544960004 .e_subImg-4 img[src="/npublic/img/no-img.svg"] { display: none } #c_effect_109-1728544960004 .e_container-5>.p_item { flex: 1; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; justify-content: center } #c_effect_109-1728544960004 .e_icon-10 { width: 60px; height: 60px; display: none !important } #c_effect_109-1728544960004 .e_icon-10 .icon { margin: 0; width: 100%; height: 100%; fill: currentColor } #c_effect_109-1728544960004 .zx_11 .e_icon-10 { display: block !important; position: absolute; left: 0; right: 0; margin: 0 auto; height: auto; width: 24px; top: 50%; transform: translateY(-50%); pointer-events: none } #c_effect_109-1728544960004 .zx_11 .e_icon-10 svg { color: #fff } @media screen and (max-width:768px) {} @media screen and (min-width:769px) {} @media screen and (max-width:1024px) and (min-width:769px) {} @media screen and (max-width:1440px) and (min-width:1231px) {} @media screen and (max-width:1230px) and (min-width:769px) {} #c_static_001_P_1080-1647501045930 { min-height: 300px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-container { width: 100%; height: 100vh; max-height: 1080px; overflow: hidden } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide { overflow: hidden; background: #fff; z-index: 10 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active { z-index: 11 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_slide { background-position: center center; background-size: cover } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_img { width: 100%; height: 100%; overflow: hidden; display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video { width: 100%; height: 100%; overflow: hidden } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .P_link_img { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; background-size: cover; transition: all ease 2s; transform: scale(1.1) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .P_link_img { transform: scale(1) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_videoPoster { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; background-size: cover; transition: transform ease 2s; transform: scale(1); cursor: pointer; z-index: 19 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_videoPoster { transform: scale(1) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .P_link_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.18); width: auto; height: 100% } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_videoPoster img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.18); width: auto; height: 100% } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info { position: absolute; top: 52%; width: 100%; text-align: center; margin: 0 auto; z-index: 22; transform: translate(0%, -50%); } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info_fivebox { width: 100%; left: 10%; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info p.line{margin:0 auto} #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info .more.white{margin:1vw auto} #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_entitle { color: #fff; font-size: 20px; text-shadow: 0px 0px 1px #000; text-transform: uppercase; line-height: 1.6; transition: all ease 2s .5s; opacity: 0; transform: translateY(40px); display-radio: 1; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_entitle { opacity: 1; transform: translateY(0px) } .e_bannerA-2 .proindex { padding: 1vw 0; margin: auto; } .e_bannerA-2 .proindex img { border-radius: 10px; } .e_bannerA-2 .proindex h2 { font-size: 1.4vw; padding: 1vw 0; color: #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info_fivebox .item-word img{position:relative;bottom:-2.5vw} #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle { word-break:break-word; color: #fff; font-size: 3.45vw; line-height: normal; letter-spacing: 2px; /* text-shadow: 1px 5px 5px #333; */ transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(100%); font-weight: 500; -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transform: translateY(100%); transform: translateY(100%); transition-delay: .2s; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle.en { font-size: 1.9vw; color: #fff; font-weight: 400; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_btitle { transform: translateY(0px) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary { letter-spacing:2.5px; color: #fff; font-size: 1.7vw; line-height: 1.6; margin-top: 10px; transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(100%); transition-delay: .7s; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_summary { transform: translateY(0) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_cspan { position: relative; margin-top: 30px; display: block; transition: all ease 2s .8s; opacity: 0; transform: translateY(40px) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_button { display: inline-block; margin-top: 40px; line-height: 1.3; background-color: #ee9606; border-color: #497ec4; border-top-left-radius: 1.8vw; border-top-right-radius: 1.8vw; border-bottom-left-radius: 1.8vw; border-bottom-right-radius: 1.8vw; border-style: none; max-width: 100%; /* max-width:180px; */ letter-spacing: 2px; padding: 8px 25px; color: #fff; text-align: center; font-size: 1vw; transform: translateY(126%); transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity ease .8s .9s; transition-delay: 1.2s; overflow: hidden; position: relative; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_button:hover:before { transform: scaleY(1) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_button:hover { color: #497ec4 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_button:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: #fff; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform: scaleY(0); transform: scaleY(0); transition: transform 300ms, -webkit-transform 300ms } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_button { transform: translateY(0) } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:after { position: absolute; top: 0px; left: -1px; content: ''; width: 0px; height: 30px; background: #ee9606 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(1):after { position: absolute; top: 0px; left: -1px; content: ''; width: 0px; height: 30px; background: unset } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_cspan { opacity: 1; transform: translateY(0px); width: 4vw; background: #e45605; height: 6px; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_cspan::before { background: #e45605 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool { position: absolute; left: calc((100% - 90px) / 2); bottom: 40px; color: #fff; z-index: 10 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool span { text-transform: uppercase; color: #fff; display: block; line-height: 20px; margin-top: 12px; font-size: 12px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool i { display: block; width: 20px; height: 30px; margin: 0 auto; border-radius: 12px; border: 2px #fff solid; position: relative } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool i:before { content: ""; display: block; width: 4px; height: 10px; background: #fff; border-radius: 2px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 3px; animation: scrollmouse 2s linear infinite } @keyframes scrollmouse { from { transform: translate(-50%, 0); opacity: 1 } to { transform: translate(-50%, 10px); opacity: 0 } } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_kongjian { position: absolute; right: 0; width: 100%; border-left: 1px solid rgb(255 255 255 / 10%); height: 100%; top: 0; bottom: 0; z-index: 1; max-width: 100px; pointer-events: none; display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination { position: absolute; display: flex; flex-direction: row; align-items: flex-end; /* left: 10%; */ justify-content: center; /* transform: translate(90%, 20%); */ width: 100%; height: auto; bottom: 10% !important } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet { color: #fff; margin: 2vw 0!important; padding: 3px; opacity: 1; border-radius: 0; width: 15vw; font-size: 18px; text-align: left; height: 50px; transition: all ease .3s; background: hsla(0, 6%, 93%, 0); border-bottom: 2px solid rgba(255, 255, 255, .3); } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet-active { width: 15vw; position: relative; height: 50px; background: hsla(0, 6%, 93%, 0); border-bottom: 2px solid rgba(255, 255, 255, 0.9); } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet::after { content: ''; position: relative; display: inline-block; width: 2px; height: 4px; top: 62%; left: -5px; background-color: #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet-active::after { content: ''; left: -5px; display: inline-block; width: 2px; height: 4px; border: 0px solid #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet:first-of-type::after { width: 0px !important; height: 0px!important; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination-bullet:hover { /* background: hsla(0, 59%, 86%, 0.4); */ } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next { color: #fff; border-radius: 0; border: 1px solid #fff; width: 50px; height: 50px; transition: all ease .3s; position: static; margin: 0 auto } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next::after { font-size: 16px; color: #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next:hover { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .9) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next:hover::after { color: #fff } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev { color: #fff; border-radius: 0; border: 1px solid #fff; height: 50px; width: 50px; transition: all ease .3s; position: static; margin: 0px 20px 0px 0px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev::after { font-size: 16px; color: #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev:hover { background: rgba(255, 255, 255, .6); border: 1px solid rgba(255, 255, 255, .9) } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev:hover::after { color: #fff; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .videoContent { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; cursor: pointer } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .videoContent video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100% } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video_button { position: absolute; right: 0; width: 100%; bottom: 160px; z-index: 110; max-width: 100px; height: 50px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_videobtm { color: #fff; border-radius: 100%; border: 2px solid #fff; top: auto; bottom: 0; width: 50px; height: 50px; left: 50%; transform: translateX(-50%); transition: all ease .3s; display: none; position: absolute; cursor: pointer; display: flex; flex-direction: column; justify-content: center; text-align: center; display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video_button svg { margin: 0 auto; width: 15px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_arr { max-width: 120px; width: 100%; position: absolute; right: 7%; bottom: 40px; height: auto; z-index: 1; display: flex; flex-direction: row; justify-content: center; text-align: center } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_videobtm:hover { background: #0e70b9; border: 2px solid #0e70b9 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .video_cover { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); /*background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024061914465568074/cms/image/ac7dfb0c-9f66-4346-a20f-f226255c788d.png) repeat; */ z-index: 21; opacity: 1 } #c_banner_036_P_040-1720147471550 { display-radio: 1; width: 100%; margin-left: auto; margin-right: auto } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_img img, #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_videoPoster img, #c_banner_036_P_040-1720147471550 .e_bannerA-2 .gallery-thumbs .swiper-slide img { object-fit: contain } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info_fivebox .item-word { overflow: hidden; position: relative } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_slide:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; /* background-image:linear-gradient(180deg,#0000009e,#06070a2e,transparent); opacity:0.3 */ } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_slide:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; /* background-image:linear-gradient(90deg,#0a2e4773,#0a2e4747,transparent); */ /* opacity:0.7 */ } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_slide:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; /* background-image:linear-gradient(90deg,#0a2e4773,#0a2e4747,transparent); opacity:0.7 */ } #c_static_001_P_53456-1723709695308 .videobtn { position: absolute; z-index: 99; top: 40%; left: 70%; transform: translate(-50%, 50%); width: auto; } @media screen and (max-width:768px) { .Copyright { flex-direction: column !important; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_cspan { height: 3px; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_button { max-width: 100%; padding: 5px; margin-top: 15px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info_fivebox { width: 100%; padding-bottom: 0px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_summary { transform: translateY(0); } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_btitle { transform: translateY(0px); margin-bottom: 10px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info { width: 93%; top: 60%; padding-right: 0; left: 0% } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_info { width: 90%; top: 54%; padding-right: 0 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool { display: none; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_summary { font-size: 14px; line-height: 1.6; margin-bottom: 10px; margin-top: 10px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_entitle { font-size: 12px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle { font-size: 24px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_cspan::before { width: 25px; height: 2px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_kongjian { max-width: 55px; display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_arr { max-width: 55px; display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video_button { max-width: 55px; bottom: 106px; height: 28px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev { width: 28px; height: 28px; margin: 5px auto 0 } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video_button span { width: 28px; height: 28px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next { width: 28px; height: 28px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_prev::after { font-size: 12px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btn_next::after { font-size: 12px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-container { height: 50vh; margin-top: 0px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_cspan { margin-top: 0px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_video_button svg { width: 12px } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination { right: auto; top: auto; bottom: 15px; left: auto; width: 100%; justify-content: center; height: auto; transform: unset; flex-direction: row } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .videoContent video { height: 100%; width: auto } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_scrool span { display: none } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_slide { background-position: 80% center; background-size: cover } } @media screen and (max-width:1440px) and (min-width:1231px) {} @media screen and (max-width:1230px) and (min-width:769px) {} #c_static_001_P_53456-1723709695308 { min-height: 300px; z-index: 2; padding-top: 0%; padding-bottom: 0px; overflow-x: hidden; /* background-image: url(../images/aboutbg.png); */ background-repeat: no-repeat; background-position: top right; margin: auto; } #c_static_001_P_53456-1723709695308 .e_container-1 { position: relative; } #c_static_001_P_53456-1723709695308 .container { width: 100%; max-width: 100%; margin: initial; padding-right: 0px; padding-left:8%; margin: 0 auto; } #c_static_001_P_53456-1723709695308 .container .list { margin: 3vw auto; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: nowrap; } #c_static_001_P_53456-1723709695308 .container .list li { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #ee9606; padding: 1.2vw 1vw; width: 17%; background: #fff; border-radius: 50px 0 0 0; } #c_static_001_P_53456-1723709695308 .container .list li:hover { background: #ee9606; color: #fff; transition: background-color 0.5s; } #c_static_001_P_53456-1723709695308 .container .list li h2 { font-size: 22px; padding-top: 1vw; } #c_static_001_P_53456-1723709695308 .container .list li img:nth-child(2) { display: none; } #c_static_001_P_53456-1723709695308 .container .list li:hover img:nth-child(1) { display: none; } #c_static_001_P_53456-1723709695308 .container .list li:hover img:nth-child(2) { display: block; } #c_static_001_P_53456-1723709695308 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; /* max-width: 1600px; */ margin: auto; } #c_static_001_P_53456-1723709695308 .e_container-1>.p_item { /* flex: 1; */ width: 55%; max-width: 100%; max-height: 100% } .cbox-2 { width: 100%; display: flex; padding: 0.2rem 0; margin-top: 2rem; } .cbox-2 .s_layout { background-color: #fff; padding: 2rem !important; } .cbox-2 .s_layout:hover .s_title { color: #fff !important; } .cbox-2 .s_layout:hover { background-color: #ee9606; } .cbox-2 .s_layout:nth-child(1) { margin-right: 20px; } .cbox-2 .s_layout:nth-child(2) { margin-left: 20px; } #c_static_001_P_53456-1723709695308 .nei { position: relative; top: 0vw; } #c_static_001_P_53456-1723709695308 .nei {word-break:break-word} #c_static_001_P_53456-1723709695308 .nei .link svg { fill: #ee9606 } #c_static_001_P_53456-1723709695308 .nei .link { display: flex; max-width: 100%; flex-direction: row; justify-content: flex-start; margin-top: 1vw; } #c_static_001_P_53456-1723709695308 .nei .link a { flex: 1; } #c_static_001_P_53456-1723709695308 .nei .link li { display: flex; border-radius: 10px; align-items: center; background: #fff; box-shadow: 1px 2px 8px 0px #dcdfe6; padding: 0.9vw 1vw; justify-content: space-evenly; margin-right: 3vw; } #c_static_001_P_53456-1723709695308 .nei .link li:hover { background: #1265b8; } #c_static_001_P_53456-1723709695308 .nei .link li:hover svg { fill: #fff; } #c_static_001_P_53456-1723709695308 .nei .link li:hover h5, #c_static_001_P_53456-1723709695308 .nei .link li:hover span { color: #fff; } #c_static_001_P_53456-1723709695308 .nei .link li div { display: flex; flex-direction: column } #c_static_001_P_53456-1723709695308 .nei .link li h5 { margin-bottom: 0; line-height: 1.2; font-size: 22px; } #c_static_001_P_53456-1723709695308 .nei .link li span { font-size: 14px; } #c_static_001_P_53456-1723709695308 .e_text-3 { line-height: normal; color: rgba(34, 34, 34, 1); font-size: 42px; font-weight: 600; word-break: break-word; margin-top: 0vw; } #c_static_001_P_53456-1723709695308 .e_text-4 p { margin: 0.8rem 0; } .aboutnei .e_text-4 p{ margin: 0.1rem 0;} #c_static_001_P_53456-1723709695308 .e_text-4 { line-height: 2.4; font-size: 18px; color: #333; margin-top: 10px; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } .aboutnei .e_text-4 { line-height: 2.4; font-size: 16px; color: #666; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } #c_static_001_P_53456-1723709695308 .e_container-5 { display: flex; flex-wrap: wrap; flex-direction: row; width: 50%; } #c_static_001_P_53456-1723709695308 .e_container-5>.p_item { flex: 1; max-height: 100% } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_list { display: flex; flex-wrap: wrap; /*box-shadow: 0px 0px 8px 1px #ebeef2;*/ padding: 4rem 0; margin-top: 1vw; position: relative; max-width: 100% } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_listabout { margin-top: 3vw; padding: 3rem 0 4rem 0;} #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem { flex: 0 0 33.3%; position: relative } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_page { text-align: center } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_filter_wrapper { width: 100%; font-size: 13px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_s_option {} #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect { font-size: 13px; position: relative } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect.is-invalid .inputWrap { border-color: #ee9606 } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect ul, li { list-style: none } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .multSelect-option>div.selected { color: #409eff } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_static_001_P_53456-1723709695308 .e_loop-6 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_normal_start { display: inline; width: 100px; height: 40px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_date_start { display: inline; width: 105px; height: 40px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_split { margin: 0 5px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_normal { margin-right: 16px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_fbutton { background-color: #007bff; border: 1px solid #409EFF; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_53456-1723709695308 .e_loop-6 .input-check, #c_static_001_P_53456-1723709695308 .e_loop-6 .input-radio { margin: 0 5px; vertical-align: text-top } #c_static_001_P_53456-1723709695308 .e_loop-6 .position-left { display: flex } #c_static_001_P_53456-1723709695308 .e_loop-6 .position-right { display: flex; flex-direction: row-reverse } #c_static_001_P_53456-1723709695308 .e_loop-6 .position-top {} #c_static_001_P_53456-1723709695308 .e_loop-6 .position-bottom { display: flex; flex-direction: column-reverse } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_mbutton { border: 1px solid #409EFF; text-decoration: none; color: #409EFF; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY( -45deg); transform: skewY( 360deg); position: absolute; bottom: 0px; right: 0; z-index: 1 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate( 35deg); transform: rotate( 35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_active .p_mbutton::before { display: block } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_active .p_mbutton::after { display: block } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_filter_result { display: inline-block } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_contclear { cursor: pointer } #c_static_001_P_53456-1723709695308 .e_loop-6 .swiper-container { padding-bottom: 30px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_imgwrapper img { width: 100%; object-fit: cover } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_active .p_imgwrapper { border: 1px solid #409eff } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_filter_result { display: none } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_contclear { display: none } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_categoryActive { color: #409EFF } #c_static_001_P_53456-1723709695308 .e_loop-6 { max-width: none; min-width: 0px; width:100%; margin: auto; /*max-width: 90%;*/ } #c_static_001_P_53456-1723709695308 .aboute_image-7{width: 63%;} #c_static_001_P_53456-1723709695308 .e_image-7 { /*width: 63%;*/ position: relative; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px } #c_static_001_P_53456-1723709695308 .e_image-7 img { /*width: 100%;*/ /*height: 100%;*/ object-fit: contain } #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-1 { display: flex; width: 100%; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { height: 60px; line-height: 60px; font-size: 46px; text-align: center; } #c_static_001_P_53456-1723709695308 .e_button-10:hover img { filter: brightness(0) invert(100%) } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_plus { font-size: 40px; color: #333; position: relative; top: -1px; left: -1px; font-weight: bold; display-radio: 1 } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit { font-size: 14px; color: #333; position: relative; top: -40px; left: -7px; font-weight: 500; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 55px; font-weight: 500; color: #333; } #c_static_001_P_53456-1723709695308 .e_text-9 { line-height: normal; /*text-align: center;*/ word-break: break-word; font-size: 20px; /*padding-left: 60px;*/ color: #333; padding-top: 10px; font-weight: 400; } #c_static_001_P_53456-1723709695308 .e_button-10 { position: relative; overflow: hidden; text-align: center; box-sizing: border-box; width: 160px; padding: 8px; background_radio: 2; border_radio: 2; font_radio: 2; radius_radio: 2; margin-top: 40px; max-width: none; font-size: 16px; background-color: rgba(255, 255, 255, 0); color: rgba(70, 1, 108, 1); border-style: solid; border-width: 2px; border-color: rgba(70, 1, 108, 1); padding-top: 10px; padding-bottom: 10px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; display-radio: 1; } .img_v { right: -32px; position: absolute; top: 40%; left: 42%; } .img_v img { width: 70px; position: relative; z-index: 2 } .img_v::before { content: ""; position: absolute; width: 70px; height: 70px; left: 0; border-radius: 50px; top: 0px; z-index: 1; background: #eb6e09; animation: ripple1 1200ms ease-out 100ms infinite } .videoed { display: none; width: 50px; height: 50px; position: absolute; left: 45%; top: 45%; z-index: 99999; border-radius: 100%; } .videos { display: none; position: fixed; left: 50%; top: 50%; z-index: 100; width: 100%; height: 100vh; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.5); } .videos.active { display: flex !important; align-items: center; justify-content: center; z-index: 9999; } .vclose { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; } .img_v::after { content: ""; position: absolute; width: 90px; height: 90px; left: -10px; border-radius: 50px; top: -10px; z-index: 1; background: rgb(255 192 1 / 44%); animation: ripple1 1200ms ease-out 100ms infinite } @keyframes ripple1 { 0% { opacity: 0; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } 5% { opacity: 0.3 } 50% { opacity: 0.6 } 100% { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) } } #c_static_001_P_53456-1723709695308 .e_button-10 span { display: block; width: 100%; position: relative; z-index: 1; outline: 0; margin: 0px; overflow: hidden } #c_static_001_P_53456-1723709695308 .e_button-10::after { content: ""; position: absolute; width: 0; height: 100%; transition: all .3s; z-index: 0; opacity: 0; top: 0; left: 0px } #c_static_001_P_53456-1723709695308 .e_button-10:hover::after { opacity: 1 } #c_static_001_P_53456-1723709695308 .e_button-10:hover { border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; background-color: rgba(70, 1, 108, 1); color: rgba(255, 255, 255, 1); border-color: rgba(70, 1, 108, 1) } #c_static_001_P_53456-1723709695308 .e_html-11 { min-height: 0px; background_radio: 1; display-radio: 1; max-width: 65px } .mobileview { display: none; } #c_static_001_P_53456-1723709695308 .e_image-14 { overflow: hidden; display-radio: 1; max-width: 69px; margin-left: 0px; margin-right: auto; margin-top: 10px; margin-bottom: 10px } #c_static_001_P_53456-1723709695308 .e_image-14 img { width: 100%; height: 100%; object-fit: contain } #c_static_001_P_53456-1723709695308 .e_text-20 { line-height: normal; font-size: 18px; font-weight: bold; color: rgba(2, 138, 204, 1) } #c_static_001_P_53456-1723709695308 p.line { padding: 0.8rem 0; margin-bottom: 0.8rem; } #c_static_001_P_53456-1723709695308 .e_text-21 { line-height: 1; z-index: 99; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 0.8px rgb(255 192 1 / 14%); letter-spacing: 3px; font-size: 148px; font-weight: 600; /* filter:blur(1px); */ position: relative; top: 2.5vw; } #c_static_001_P_53456-1723709695308 .e_container-22 { position: relative; display: flex; width: 100%; align-content: center; align-items: flex-start; flex-wrap: nowrap; flex-direction: column; } #c_static_001_P_53456-1723709695308 .e_container-22>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item { flex: 0 0 100%; position: relative; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* position: absolute; left: -40px; top: 25%; */ margin-bottom: -1vw; } @media screen and (max-width:768px) { #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 4); padding-bottom: 3%; /* padding-left: 3%; */ } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:after { position: absolute; top: 0px; left: -1px; content: ''; width: 1px; height: 25px; background: #ee9606 } #c_static_001_P_53456-1723709695308 .img_v img { width: 45px; position: relative; z-index: 2 } .img_v::before { content: ""; position: absolute; width: 45px; height: 45px; left: 0; border-radius: 50px; top: 0px; z-index: 1; background: #c5d4e3; animation: ripple1 1200ms ease-out 100ms infinite } .img_v::after { content: ""; position: absolute; width: 65px; height: 65px; left: -10px; border-radius: 50px; top: -10px; z-index: 1; background: #1b497870; animation: ripple1 1200ms ease-out 100ms infinite } #c_static_001_P_53456-1723709695308 .img_v { right: auto; position: absolute; bottom: 40%; left: 42% } #c_static_001_P_53456-1723709695308 { display-radio: 1; margin-top: 0px; background_radio: 2; margin-bottom: 0px; padding-top: 0%; padding-bottom: 7% } #c_static_001_P_53456-1723709695308 .e_container-1 { display-radio: 1; flex-direction: column-reverse; margin-left: auto; margin-right: auto; background_radio: 1; width: 90%; margin-top: 0px; margin-bottom: 0px } #c_static_001_P_53456-1723709695308 .e_image-7 { overflow: hidden; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin-top: 10px; margin-bottom: 0px } #c_static_001_P_53456-1723709695308 .e_container-5 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding-left: 1%; padding-right: 1%; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 32px } #c_static_001_P_53456-1723709695308 .e_text-9 { font_radio: 2; display-radio: 1; font-size: 12px; margin-top: 0px } #c_static_001_P_53456-1723709695308 .e_text-4 { font-size: 14px; margin-bottom: 0px; margin-top: 0px } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font_radio: 2; display-radio: 1; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; height: auto; line-height: 1 } #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-0 { margin-right: 0 } #c_static_001_P_53456-1723709695308 .e_button-10 { background_radio: 1; border_radio: 1; font_radio: 1; radius_radio: 1; display-radio: 1; margin-top: 20px; width: 150px; padding-top: 8px; padding-bottom: 8px; margin-bottom: 20px; display: none } #c_static_001_P_53456-1723709695308 .e_loop-6 { display-radio: 1; margin-top: 0px } #c_static_001_P_53456-1723709695308 .e_image-14 { display-radio: 1; max-width: 40px; min-width: 0px; margin-top: 5px; margin-bottom: 5px } #c_static_001_P_53456-1723709695308 .e_text-20 { font_radio: 2; display-radio: 1; font-size: 20px; margin-top: 0px; } #c_static_001_P_53456-1723709695308 .e_text-21 { font_radio: 2; display-radio: 1; font-size: 20px; margin-top: 0px } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_plus { display-radio: 1; font-size: 12px } } @media screen and (min-width:769px) { #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 4); /*border-left: solid 1px #ddd;*/ padding-left: 0%; position: relative } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(1) { border-left: none; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:after { position: absolute; top: 35%; left: -1px; content: ''; width: 0px; height: 30%; background: #ee9606 } #c_static_001_P_53456-1723709695308 .e_button-10 { display: none } #c_static_001_P_53456-1723709695308 .e_image-7 img {} } #c_category_341-1660012193313 { padding-top: 0px; padding-bottom: 0px; min-height: 0px } #c_product_list_263-1723709850634 { background_radio: 2; display-radio: 1; width: auto; max-width: none; padding-top: 8%; padding-bottom: 8%; background-fill-value: background-image; background-image: url(../images/pro.jpg); background-repeat: no-repeat; background-position: bottom left; background-size: 100% 100%; background-attachment: fixed } #c_product_list_263-1723709850634 .e_container-1 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; /* padding:0 0 0 6.7708333vw; */ background_radio: 1; display-radio: flex; position: relative; z-index: 2; align-items: center; justify-content: center; } #c_product_list_263-1723709850634 .e_container-1>.p_item { max-width: 100%; max-height: 100% } #c_product_list_263-1723709850634 .e_container-1 .p_item { display-radio: 1 } #c_product_list_263-1723709850634 .e_container-1 .p_item p a { color: #2f2f2f; } #c_product_list_263-1723709850634 .e_container-1 .cbox-1-0 { display: none; } #c_product_list_263-1723709850634 .e_text-2 { font_radio: 2; display-radio: 1; margin-bottom: 10px; font-size: 36px; font-weight: bold } #c_product_list_263-1723709850634 .e_container-4 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex } #c_product_list_263-1723709850634 .e_container-4>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_263-1723709850634 .e_html-5 { min-height: 0px; display-radio: 1; width: 100%; height: auto } #c_product_list_263-1723709850634 .e_html-5 .swp_tool { align-items: center; justify-content: space-between; display: flex } #c_product_list_263-1723709850634 .e_html-5 .tool_line { position: relative; width: calc(100% - 170px) } #c_product_list_263-1723709850634 .e_html-5 .swiper-scrollbar { height: 1px; width: auto; background: rgba(0, 0, 0, .1); border-radius: 10px; position: relative } #c_product_list_263-1723709850634 .e_html-5 .swiper-scrollbar-drag { display: none } #c_product_list_263-1723709850634 .e_html-5 .tool_btn { display: flex; width: auto; position: relative; z-index: 0 } #c_product_list_263-1723709850634 .e_html-5 .tool_num { font-size: 16px; font-weight: bold; line-height: 1 } #c_product_list_263-1723709850634 .e_html-5 .tool_num .swiper-pagination-current { color: var(--c); margin-right: 3px } #c_product_list_263-1723709850634 .e_html-5 .tool_num .swiper-pagination-total { margin-left: 3px } #c_product_list_263-1723709850634 .e_html-5 .swiper-pagination { position: relative; bottom: auto; left: auto; text-align: left; width: auto; display: flex; font-size: 20px; align-items: center; } #c_product_list_263-1723709850634 .e_html-5 .swiper-button-next, #c_product_list_263-1723709850634 .e_html-5 .swiper-button-prev { position: relative; top: auto; bottom: auto; right: auto; left: auto; margin: 0 } #c_product_list_263-1723709850634 .e_html-5 .swiper-button-next:hover:after, #c_product_list_263-1723709850634 .e_html-5 .swiper-button-prev:hover:after { color: #6eb847 } #c_product_list_263-1723709850634 .e_html-5 .swiper-button-prev:after, #c_product_list_263-1723709850634 .e_html-5 .swiper-button-next:after { font-size: 20px; color: #666666 } #c_product_list_263-1723709850634 .e_richText-7 blockquote { font-style: italic; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px } #c_product_list_263-1723709850634 .e_richText-7 ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px } #c_product_list_263-1723709850634 .e_richText-7 li { display: list-item; text-align: -webkit-match-parent; list-style: inherit } #c_product_list_263-1723709850634 .e_richText-7 ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px } #c_product_list_263-1723709850634 .e_richText-7 { font_radio: 2; display-radio: 1; margin-top: 3.125vw; margin-bottom: 3.125vw; font-size: 16px; color: rgba(102, 102, 102, 1); line-height: 1.8 } .flex { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .index_product_content { width: 20.7821229%; padding-right: 3.125vw } .index_product_calist { width: 85% } /* .cover { position:relative; height:0; overflow:hidden } .cover img { position:absolute; width:100%; height:100%; left:0; top:0; object-fit:cover } */ .index_product_tab .index_product_item_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99); -webkit-transition-delay: 200ms; transition-delay: 200ms; border-radius: 1.3541666vw; overflow: hidden; position: relative } .index_product_item_box a { position: relative; display: block; z-index: 9 } .index_product_item_box a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to top, rgba(0, 2, 59, .8) 0%, rgba(0, 2, 59, 0) 50%); opacity: 0; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99) } .index_product_item_box a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 50%); -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99) } .index_product_item_img { padding-bottom: 139.48497%; z-index: 1 } .index_product_item_read { position: absolute; bottom: 1.82291666vw; left: 0; width: 100%; padding: 0 1.9791666vw; z-index: 3 } .index_product_item_number { font-size: 2.6041666vw; line-height: 2.708333vw; color: rgba(255, 255, 255, 0); -webkit-text-stroke: 0.0520833vw #fff; box-sizing: border-box; margin-bottom: 1.041666vw; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99) } .index_product_item_title { font-size: 1.25vw; line-height: 1.5625vw; margin-bottom: 0.3125vw; font-weight: bold; color: #fff } .index_product_item_text { font-size: 0.78125vw; line-height: 1.458333vw; color: #fff } .index_product_item_box:hover a:before { opacity: 1 } .index_product_item_box:hover a:after { opacity: 0 } .index_product_item_box:hover .index_product_item_number { color: rgba(255, 255, 255, 1) } .index_public_pagination_box { opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99); -webkit-transition-delay: 150ms; transition-delay: 150ms; align-items: center; width: 100% } .index_public_pagination_read { width: 3.958333vw } .index_public_pagination_text { font-size: 0.9375vw; color: #222222 } .index_product_pagination_current, .index_strength_pagination_current { color: #1d2088 } .index_public_pagination_text { font-size: 0.9375vw; color: #222222 } .index_public_pagination_line { width: calc(100% - 7.8125vw); height: 0.1041666vw; background: #e7e7e7 } .index_public_pagination_label { width: 100%; height: 100%; background: #1d2088 } .index_strength_pagination_animate { -webkit-animation: strengthLineWidth 10s forwards linear normal; animation: strengthLineWidth 10s forwards linear normal } .index_public_swiper_button { padding: 0 0.78125vw } .index_public_pagination_btn { width: 1.1458333vw; height: 2.08333vw; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; cursor: pointer; outline: none } .index_public_pagination_btn:nth-child(1) { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .index_public_pagination_btn svg { width: 40.9090909%; fill: #999999; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99) } .index_public_pagination_this svg { fill: #1d2088 } @-webkit-keyframes strengthLineWidth { 0% { width: 0 } 100% { width: 100% } } @keyframes strengthLineWidth { 0% { width: 0 } 100% { width: 100% } } #c_product_list_263-1723709850634 .e_loop-9 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% } #c_product_list_263-1723709850634 .e_loop-9 .p_loopitem { flex: 0 0 33.3%; position: relative } #c_product_list_263-1723709850634 .e_loop-9 .p_page { text-align: center } #c_product_list_263-1723709850634 .e_loop-9 .p_filter_wrapper { width: 100%; font-size: 13px } #c_product_list_263-1723709850634 .e_loop-9 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0 } #c_product_list_263-1723709850634 .e_loop-9 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px } #c_product_list_263-1723709850634 .e_loop-9 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_product_list_263-1723709850634 .e_loop-9 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_product_list_263-1723709850634 .e_loop-9 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_product_list_263-1723709850634 .e_loop-9 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_product_list_263-1723709850634 .e_loop-9 .p_s_option {} #c_product_list_263-1723709850634 .e_loop-9 .multSelect { font-size: 13px; position: relative } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_product_list_263-1723709850634 .e_loop-9 .multSelect.is-invalid .inputWrap { border-color: #ee9606 } #c_product_list_263-1723709850634 .e_loop-9 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_product_list_263-1723709850634 .e_loop-9 .multSelect ul, li { list-style: none } #c_product_list_263-1723709850634 .e_loop-9 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .multSelect-option>div.selected { color: #409eff } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_product_list_263-1723709850634 .e_loop-9 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_product_list_263-1723709850634 .e_loop-9 .p_normal_start { display: inline; width: 100px; height: 40px } #c_product_list_263-1723709850634 .e_loop-9 .p_date_start { display: inline; width: 105px; height: 40px } #c_product_list_263-1723709850634 .e_loop-9 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px } #c_product_list_263-1723709850634 .e_loop-9 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px } #c_product_list_263-1723709850634 .e_loop-9 .p_split { margin: 0 5px } #c_product_list_263-1723709850634 .e_loop-9 .p_normal { margin-right: 16px } #c_product_list_263-1723709850634 .e_loop-9 .p_fbutton { background-color: #007bff; border: 1px solid #409EFF; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_product_list_263-1723709850634 .e_loop-9 .input-check, #c_product_list_263-1723709850634 .e_loop-9 .input-radio { margin: 0 5px; vertical-align: text-top } #c_product_list_263-1723709850634 .e_loop-9 .position-left { display: flex } #c_product_list_263-1723709850634 .e_loop-9 .position-right { display: flex; flex-direction: row-reverse } #c_product_list_263-1723709850634 .e_loop-9 .position-top {} #c_product_list_263-1723709850634 .e_loop-9 .position-bottom { display: flex; flex-direction: column-reverse } #c_product_list_263-1723709850634 .e_loop-9 .p_mbutton { border: 1px solid #409EFF; text-decoration: none; color: #409EFF; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_product_list_263-1723709850634 .e_loop-9 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY( -45deg); transform: skewY( 360deg); position: absolute; bottom: 0px; right: 0; z-index: 1 } #c_product_list_263-1723709850634 .e_loop-9 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate( 35deg); transform: rotate( 35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2 } #c_product_list_263-1723709850634 .e_loop-9 .p_active .p_mbutton::before { display: block } #c_product_list_263-1723709850634 .e_loop-9 .p_active .p_mbutton::after { display: block } #c_product_list_263-1723709850634 .e_loop-9 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px } #c_product_list_263-1723709850634 .e_loop-9 .p_filter_result { display: inline-block } #c_product_list_263-1723709850634 .e_loop-9 .p_contclear { cursor: pointer } #c_product_list_263-1723709850634 .e_loop-9 .swiper-container { padding-bottom: 0px } #c_product_list_263-1723709850634 .e_loop-9 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden } #c_product_list_263-1723709850634 .e_loop-9 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px } #c_product_list_263-1723709850634 .e_loop-9 .p_imgwrapper img { width: 100%; object-fit: cover } #c_product_list_263-1723709850634 .e_loop-9 .p_active .p_imgwrapper { border: 1px solid #409eff } #c_product_list_263-1723709850634 .e_loop-9 .p_filter_result { display: none } #c_product_list_263-1723709850634 .e_loop-9 .p_contclear { display: none } #c_product_list_263-1723709850634 .e_loop-9 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal } #c_product_list_263-1723709850634 .e_loop-9 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px } #c_product_list_263-1723709850634 .e_loop-9 .p_categoryActive { color: #409EFF } #c_product_list_263-1723709850634 .e_container-10 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; border-radius: 0px; overflow: hidden; position: relative; background_radio: 2; display-radio: flex; border-bottom: 4px solid #2781d9; } #c_product_list_263-1723709850634 .e_container-10:hover { cursor: pointer } #c_product_list_263-1723709850634 .e_container-10>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_263-1723709850634 .e_image-11 { overflow: hidden; height: auto } #c_product_list_263-1723709850634 .e_image-11 img { width: 100%; height: auto; object-fit: cover; transition: all 0.6s } #c_product_list_263-1723709850634 .e_container-10:hover:after { opacity: 0 } #c_product_list_263-1723709850634 .e_container-10:hover:before { opacity: 1 } #c_product_list_263-1723709850634 .e_container-17 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 2; display-radio: flex; position: absolute; bottom: 0; background-color: rgb(245 245 245 / 26%); padding-left: 10px; padding-top: 15px; text-align: center; padding-right: 10px; transition: 0.6s } #c_product_list_263-1723709850634 .e_container-17>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_product_list_263-1723709850634 .e_container-10 .p_item { display-radio: 1 } #c_product_list_263-1723709850634 .e_text-18 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 20px; font-weight: bold; margin-bottom: 10px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #c_product_list_263-1723709850634 .e_richText-19 blockquote { font-style: italic; padding: 2px 0; border-style: solid; border-color: #ccc; border-width: 0; padding-left: 20px; padding-right: 8px; border-left-width: 5px } #c_product_list_263-1723709850634 .e_richText-19 ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px } #c_product_list_263-1723709850634 .e_richText-19 li { display: list-item; text-align: -webkit-match-parent; list-style: inherit } #c_product_list_263-1723709850634 .e_richText-19 ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px } #c_product_list_263-1723709850634 .e_image-20 { overflow: hidden; display-radio: 1; max-width: 69px; margin-left: 0px; margin-right: auto; margin-top: 10px; margin-bottom: 10px } #c_product_list_263-1723709850634 .e_image-20 img { width: 100%; height: 100%; object-fit: contain } #c_product_list_263-1723709850634 .e_richText-19 { font_radio: 2; display-radio: -webkit-box; color: rgba(120, 120, 120, 1); line-height: 1.8; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden } #c_product_list_263-1723709850634 .e_container-10:hover .e_image-11 img { transition: all 0.6s; transform: translate(0) scale(1.08) } #c_product_list_263-1723709850634 .e_container-10:hover .e_container-17 { background: linear-gradient(90deg, #ee9606, #0f6a96); transition: all 0.6s } #c_product_list_263-1723709850634 .e_container-10:hover .e_text-18 { color: #fff } #c_product_list_263-1723709850634 .e_container-10:hover .e_richText-19 { color: #fff } #c_product_list_263-1723709850634 .e_html-21 { background_radio: 1; display-radio: 1; min-height: 0px } #can_bg { position: absolute; z-index: 1; width: 100%; height: 50vh; bottom: 0; max-height: 500px; left: 0; overflow: hidden; opacity: 0.2 } @media screen and (max-width:768px) { #c_product_list_263-1723709850634 { padding-top: 30px; padding-bottom: 30px } #c_product_list_263-1723709850634 .e_container-1 .p_item { width: 100% } #c_product_list_263-1723709850634 .e_text-2 { font-size: 24px; margin-bottom: 0px } #c_product_list_263-1723709850634 .e_richText-7 { font-size: 12px; line-height: 1.5; margin-bottom: 20px } #c_product_list_263-1723709850634 .e_html-5 { margin-bottom: 30px } #c_product_list_263-1723709850634 .e_image-20 { display-radio: 1; max-width: 40px; min-width: 0px; margin-top: 5px; margin-bottom: 5px } } @media screen and (min-width:769px) {} @media screen and (max-width:1024px) and (min-width:769px) { #c_product_list_263-1723709850634 .e_container-1 { padding: 0 0 0 3vw } #c_product_list_263-1723709850634 .e_text-2 { font-size: 24px; margin-bottom: 10px; font_radio: 2; display-radio: 1 } #c_product_list_263-1723709850634 .e_richText-7 { font-size: 12px } #c_product_list_263-1723709850634 .e_html-5 { margin-bottom: 30px } } #c_static_001_P_53451-1723708672944 { min-height: 0px; height: 90vh; max-height: 1080px } .hmc3rnds { position: absolute; left: 50%; top: 15%; width: 30vw; height: 30vw; transform: translate(-50%, -50%); z-index: 90; text-align: center; display: flex; text-align: center; flex-direction: column; align-items: center; align-content: center; flex-wrap: nowrap; justify-content: flex-start; } .hmc3rnds p { font-size: var(--yx_FS48); color: #ffffff; line-height: 140%; text-align: center; font-weight: bold; position: relative; letter-spacing: 2px; top: 48%; transform: translateY(-50%) } .hmc3rnds p.line { width: 2.5rem; border-bottom: 4px solid #fff; padding: 1rem; } .hmc3rnds p.h2 { font-size: 36px; } .hmc3rnds p.h3 { font-size: 24px; font-weight: 500; margin-top: 2rem; } .bg_Img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .hmc3rnds .bg_ImgO { animation: radiusRotate 50s linear infinite } .hmc3rnds .bg_Img img { width: 100%; height: 100% } .hmc3rnds .bg_ImgT { animation: radiusRotate2 20s linear infinite } @keyframes radiusRotate { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes radiusRotate2 { 0% { transform: rotate(0deg) } 100% { transform: rotate(-360deg) } } .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 80; background: url(../images/business.png) no-repeat center center; background-size: cover } .bg-box-1 { background: url(../images/business.png) no-repeat center center; /* background-size:cover */ } .bg.curr { opacity: 1; padding: 5vh 0; } #wrap { position: absolute; overflow: hidden; bottom: 1%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; z-index: 100 } #wrap>ul { width: 100%; list-style: none } #wrap>ul>li { float: left; width: 20%; padding: 3rem 0; cursor: pointer; opacity: 0.6; transition: all 0.6s; border-left: 1px solid #959494; } .curr { opacity: 1 !important } #wrap>ul>li>.text { width: 100%; height: 100%; opacity: 1; } #wrap>ul h2 { color: #fff; padding: 30px 0 20px 0; } #wrap>ul>li>.text:hover { opacity: 1 } #wrap>ul>li .curr { color: #ffffff; opacity: 1 } #wrap>ul>li>.text p { padding: 10px 0px 0 0; color: #fff; font-size: 16px; line-height: 140% } .curr { display: block } .text1 { text-align: center } .mt10 { margin-top: 14% } @media screen and (max-width:768px) { #wrap { position: absolute; overflow: hidden; bottom: 10%; left: 50%; transform: translate(-50%, -18%); width: 100%; max-width: 600px; z-index: 100 } #c_static_001_P_53451-1723708672944 {} } @media screen and (max-width:1440px) and (min-width:1231px) { #c_static_001_P_53456-1723709695308 .e_text-4{line-height: 1.8; font-size: 16px; } .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after{ left: 16%!important;} } @media screen and (max-width:1230px) and (min-width:769px) {} #c_static_001_P_53462-1723710716005 { min-height: 0px; padding-bottom: 0%; margin-bottom: 0px; padding-top: 3%; background-image: url(../images/news.jpg); background-repeat: no-repeat; background-position: top right; background-size: cover } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem { flex: 0 0 33.3%; position: relative } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem:nth-child(2) { margin: 0 30px; } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_page { text-align: center } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_filter_wrapper { width: 100%; font-size: 13px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0 } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_s_option {} #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect { font-size: 13px; position: relative } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect.is-invalid .inputWrap { border-color: #ee9606 } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect ul, li { list-style: none } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .multSelect-option>div.selected { color: #409eff } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_static_001_P_53462-1723710716005 .e_loop-1 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_normal_start { display: inline; width: 100px; height: 40px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_date_start { display: inline; width: 105px; height: 40px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_split { margin: 0 5px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_normal { margin-right: 16px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_fbutton { background-color: #007bff; border: 1px solid #409EFF; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_53462-1723710716005 .e_loop-1 .input-check, #c_static_001_P_53462-1723710716005 .e_loop-1 .input-radio { margin: 0 5px; vertical-align: text-top } #c_static_001_P_53462-1723710716005 .e_loop-1 .position-left { display: flex } #c_static_001_P_53462-1723710716005 .e_loop-1 .position-right { display: flex; flex-direction: row-reverse } #c_static_001_P_53462-1723710716005 .e_loop-1 .position-top {} #c_static_001_P_53462-1723710716005 .e_loop-1 .position-bottom { display: flex; flex-direction: column-reverse } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_mbutton { border: 1px solid #409EFF; text-decoration: none; color: #409EFF; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY( -45deg); transform: skewY( 360deg); position: absolute; bottom: 0px; right: 0; z-index: 1 } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate( 35deg); transform: rotate( 35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2 } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_active .p_mbutton::before { display: block } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_active .p_mbutton::after { display: block } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_filter_result { display: inline-block } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_contclear { cursor: pointer } #c_static_001_P_53462-1723710716005 .e_loop-1 .swiper-container { padding-bottom: 0 } #c_static_001_P_53462-1723710716005 .swiper-pagination-bullet { width: 14px; height: 14px; background: transparent; border: 1px solid #ededed; opacity: 1 } #c_static_001_P_53462-1723710716005 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d3d3d3; border-color: #d3d3d3 } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_imgwrapper img { width: 100%; object-fit: cover } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_active .p_imgwrapper { border: 1px solid #409eff } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_filter_result { display: none } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_contclear { display: none } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal } .gay { color: #a5a5a5; } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_categoryActive { color: #409EFF } #c_static_001_P_53462-1723710716005 .e_container-2 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex; border-top-style: solid; border-top-width: 0px; border-top-color: rgba(228, 220, 228, 1); border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: rgba(228, 220, 228, 1); /* height:30vh; */ position: relative; overflow: hidden } #c_static_001_P_53462-1723710716005 .e_container-2>.p_item { flex: 1; max-width: 100%; max-height: 100%; display: flex; align-items: end; justify-content: center; position: initial } #c_static_001_P_53462-1723710716005 .e_container-3 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; background_radio: 1; display-radio: flex; padding-left: 0px; padding-right: 0px; border-style: none } #c_static_001_P_53462-1723710716005 .e_container-3>.p_item { flex: 1; max-width: 100%; max-height: 100%; } #c_static_001_P_53462-1723710716005 .e_container-2>.p_item { padding-top: 2rem; } #c_static_001_P_53462-1723710716005 .e_container-2>.p_item { background-color: #fff; } #c_static_001_P_53462-1723710716005 .e_container-4 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; height: 100%; position: absolute; background: linear-gradient(90deg, #ee9606, #0f6a96); box-shadow: 0 0 8px 9px rgba(0, 0, 0, 0.07), 0 0 8px 9px rgba(0, 0, 0, 0.07), 0 0 8px 9px rgba(0, 0, 0, 0.07), 0 0 8px 9px rgba(0, 0, 0, 0.07); padding: 0 3.75rem; transform: skewX(45deg); transition: transform 0.75s ease, left 0.55s ease, right 0.55s ease; top: 0; left: -300%; overflow: hidden; z-index: 2; } #c_static_001_P_53462-1723710716005 .e_container-2:hover .e_container-4 { left: 0; transform: skewX(0) } #c_static_001_P_53462-1723710716005 .e_container-4>.p_item { flex: 1; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; justify-content: center } #c_static_001_P_53462-1723710716005 .cbox-1 .e_text-5 { padding: 0rem 2rem; } #c_static_001_P_53462-1723710716005 .cbox-1 .desc { padding: 1.5rem 2rem; } #c_static_001_P_53462-1723710716005 .e_text-5 { line-height: 1.5; font_radio: 2; display-radio: -webkit-box; color: rgba(51, 51, 51, 1); font-weight: normal; font-size: 22px; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; height: auto; max-height: none } #c_static_001_P_53462-1723710716005 .e_timeFormat-6 { font_radio: 2; display-radio: 1; font-size: 16px; color: rgb(250, 250, 250); line-height: 1; text-align: left; min-height: 0px; margin: 45px 0 30px 30px; position: absolute; bottom: 0; z-index: 1; } #c_static_001_P_53462-1723710716005 .e_image-7 { overflow: hidden; display-radio: 1 } #c_static_001_P_53462-1723710716005 .e_image-7 img { width: 100%; height: 100%; object-fit: contain } #c_static_001_P_53462-1723710716005 .e_text-8 { line-height: 1.5; font_radio: 2; display-radio: -webkit-box; color: #fff; font-weight: normal; transform: translateX(-160%); transition: transform 0.53s ease; transition-delay: 0.2s; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.25vw; } #c_static_001_P_53462-1723710716005 .e_container-2:hover .e_text-8 { transform: translateX(0) } #c_static_001_P_53462-1723710716005 .e_container-2:hover .e_text-9 { transform: translateX(0); display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden } #c_static_001_P_53462-1723710716005 .e_container-2:hover .e_timeFormat-10 { transform: translateX(0) } #c_static_001_P_53462-1723710716005 .e_text-9 { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.6); font-weight: lighter; margin: 10% 0; transform: translateX(-160%); transition: transform 0.53s ease; transition-delay: 0.26s; font_radio: 2; display-radio: -webkit-box; text-align: justify; -webkit-line-clamp: 15; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } #c_static_001_P_53462-1723710716005 .e_timeFormat-10 { font-size: 16px; padding-left: 0px; color: #fff; /* background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023102413311440767/cms/image/1cd1b774-733f-427a-a770-3fffa4b4255a.png) no-repeat left; */ line-height: 20px; transform: translateX(-160%); transition: transform 0.53s ease; transition-delay: 0.32s; font_radio: 2; display-radio: 1; /* background-image:url(https://omo-oss-image.thefastimg.com/portal-saas/new2023102413311440767/cms/image/1cd1b774-733f-427a-a770-3fffa4b4255a.png) no-repeat left; */ text-align: left } #c_static_001_P_53462-1723710716005 .e_loop-1 { display-radio: 1; width: 85%; max-width: 84%; margin-left: auto; margin-right: auto } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem:last-child .e_container-2 { border-right: 0 } #c_static_001_P_53462-1723710716005 .e_container-15 { /* display:flex; */ /* flex-wrap:wrap; flex-direction:row; */ width: 85%; justify-content: space-between; max-width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem } #c_static_001_P_53451-1723708672944 .e_container-15 { display: flex; position: relative; flex-wrap: wrap; flex-direction: row; width: 85%; background_radio: 1; display-radio: flex; max-width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem } #c_static_001_P_53451-1723708672944 .e_container-15 .p_item { margin: 6rem 0; } #c_static_001_P_53462-1723710716005 .e_container-15 { position: relative; flex-direction: row; width: 85%; max-width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem } #c_static_001_P_53462-1723710716005 .e_container-15 .p_item { margin: 1rem 0; } #c_static_001_P_53451-1723708672944 .neirong p { padding-right: 30%; } #c_static_001_P_53451-1723708672944 .neirong { position: absolute; display: block; right: 0; bottom: 0; width: 40vw; border-radius: 2vw 0 0 0; padding: 3vw; font-size: 22px; background-color: #ee9606; color: #fff; overflow: hidden; } #c_static_001_P_53451-1723708672944 .neirong a.indexmore { color: #ee9606; display: block; } #c_static_001_P_53451-1723708672944 .neirong a .more { background-color: #fff; color: #ee9606; display: inline-block; } #c_static_001_P_53451-1723708672944 .neirong span.num { color: #3659a4; font-size: 200px; position: absolute; right: 0; bottom: -35%; } #c_static_001_P_53451-1723708672944 .e_container-15 h2 { color: #fff; font-size: 44px; padding: 0.5rem 0 } #c_static_001_P_53451-1723708672944 .e_container-15 ul { margin-top: 4rem; display: flex; position: relative; z-index: 99; flex-direction: column; justify-content: flex-start; align-items: flex-start; } #c_static_001_P_53462-1723710716005 .e_container-15 ul { margin-top: 2rem; display: flex; position: relative; z-index: 99; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 35%; float: left; } #c_static_001_P_53451-1723708672944 .e_container-15 li { color: #fff; font-size: 28px; margin: 1rem 0; display: inline-block; padding: 0.5rem 0; } #c_static_001_P_53462-1723710716005 .e_container-15 li { color: #333; font-size: 28px; margin: 1.5rem 0; display: inline-block; padding: 0.5rem 0; } #c_static_001_P_53451-1723708672944 .e_container-15 li.active { color: #fff; border-bottom: 2px solid #fff; } #c_static_001_P_53462-1723710716005 .e_container-15 li { color: #333; font-size: 28px; margin: 1rem 0; display: inline-block; padding: 0.5rem 0; } #c_static_001_P_53462-1723710716005 .e_container-15 li.active { color: #ee9606; border-bottom: 2px solid #ee9606; } #c_static_001_P_53462-1723710716005 .e_container-15 li svg { display: none; width: 30px; height: 30px; } #c_static_001_P_53462-1723710716005 .e_container-15 li.active svg { display: inline-block; } #c_static_001_P_53462-1723710716005 .e_container-15 .indexmore { font-size: 14px; color: #ee9606; } #c_static_001_P_53462-1723710716005 .e_container-15>.p_item { max-width: 100%; max-height: 100% } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg { width: 65%; text-align: center; display: none; float: left; position: relative; } #c_static_001_P_53462-1723710716005 .e_container-15 div.active { display: flex; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg p { width: 64%; text-align: center; padding: 30px 0; background-color: #ee9606; color: #fff; font-size: 20px; position: absolute; bottom: 5%; left: -53.7%; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg img { max-width: 100%; } #c_product_list_263-1723709850634 .e_container-15 { /* display:flex; */ flex-wrap: wrap; flex-direction: row; width: 85%; max-width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 50px } #c_static_001_P_53451-1723708672944 .qiehuan ul { position: absolute; bottom: 0; } #c_product_list_263-1723709850634 .e_container-15 .indexmore { position: absolute; right: 0; bottom: -1rem; } #c_product_list_263-1723709850634 .e_container-15>.p_item { max-width: 100%; max-height: 100% } #c_product_list_263-1723709850634 .e_text-16 { font_radio: 2; display-radio: 1; margin-bottom: 10px; font-size: 36px; font-weight: bold; text-align: left } #c_product_list_263-1723709850634 .e_image-17 { overflow: hidden; display-radio: 1; max-width: 69px; margin-right: auto; margin-top: 10px; margin-bottom: 10px } #c_product_list_263-1723709850634 .e_image-17 img { width: 100%; height: 100%; object-fit: contain } #c_static_001_P_53462-1723710716005 .e_text-16 { margin: 10px 0; font-size: 36px; font-weight: bold; text-align: center } #c_static_001_P_53462-1723710716005 .e_image-17 { overflow: hidden; max-width: 69px; margin: auto; } #c_static_001_P_53462-1723710716005 .e_image-17 img { width: 100%; height: 100%; object-fit: contain } @media screen and (max-width:768px) { #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 1) } #c_static_001_P_53462-1723710716005 .e_timeFormat-6 { font_radio: 2; display-radio: 1; margin-top: 0px; margin-bottom: 10px; font-size: 12px; color: rgb(247 241 250); line-height: normal; font-weight: normal; text-align: left; } #c_static_001_P_53462-1723710716005 .e_text-5 { font_radio: 2; display-radio: 1; height: auto; font-size: 16px; line-height: 1.5; text-align: left; margin-top: 0px } #c_static_001_P_53462-1723710716005 .e_container-3 { background_radio: 1; display-radio: 1; padding-top: 15px; padding-bottom: 0px } #c_static_001_P_53462-1723710716005 .e_image-7 { display-radio: 1; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; margin-bottom: 0px; position: relative; padding-bottom: 60% } #c_static_001_P_53462-1723710716005 .e_image-7 img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px } #c_static_001_P_53462-1723710716005 .e_text-9 { font-size: 12px } #c_static_001_P_53462-1723710716005 { background_radio: 2; display-radio: 1 } #c_static_001_P_53462-1723710716005 .e_container-2 { border: None; height: auto; background_radio: 2; display-radio: 1; margin-top: 0px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 1) } #c_static_001_P_53462-1723710716005 .e_container-2:hover .e_text-8 { transform: translateX(0); font-size: 16px } #c_static_001_P_53462-1723710716005 .e_loop-1 { display-radio: 1; width: 85%; margin-left: auto; margin-right: auto } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 24px; margin: 10px 0px } #c_static_001_P_53462-1723710716005 .e_image-17 { display-radio: 1; max-width: 40px; min-width: 0px; margin-top: 5px; margin-bottom: 5px } } @media screen and (min-width:769px) { #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 3 - 20px) } } @media screen and (max-width:1024px) and (min-width:769px) { #c_static_001_P_53462-1723710716005 .e_text-9 { font-size: 16px } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 24px; margin-bottom: 10px; font_radio: 2; display-radio: 1 } } #c_grid-1723785727952 { margin-left: auto; margin-right: auto; width: 100% } #c_grid-1723785727952 .p_gridbox::after { content: ''; clear: left; display: block } #c_grid-1723785727952>div>.p_gridbox { width: 100%; overflow: hidden; position: static } #c_grid-1723785727952>div>.p_gridCell { float: left; position: static } #c_grid-1723785727952>.p_gridbox.signal { min-height: inherit } #c_grid-1723785727952>.p_gridbox.signal>.p_gridCell { min-height: inherit !important } #c_effect_004_P_043-1720173441964 { background: #ee9606; background-image: radial-gradient(closest-side, rgb(22 55 227), rgba(30, 81, 162, 0)), radial-gradient(closest-side, rgba(41, 116, 187, 1), rgba(41, 116, 187, 0)), radial-gradient(closest-side, rgb(29 70 191), rgba(41, 159, 205, 0)), radial-gradient(closest-side, rgb(79 32 199 / 80%), rgba(7, 146, 58, 0)), radial-gradient(closest-side, rgb(42 62 169), rgba(40, 179, 209, 0)); background-size: 80vmax 60vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 60vmax 50vmax; background-position: 90vmax 60vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 30vmax 20vmax; background-repeat: no-repeat; /* animation:20s movement linear infinite; */ } #c_grid-1723785727952 { min-height: 300px; background: #ee9606; background-image: radial-gradient(closest-side, rgb(22 55 227), rgba(30, 81, 162, 0)), radial-gradient(closest-side, rgba(41, 116, 187, 1), rgba(41, 116, 187, 0)), radial-gradient(closest-side, rgb(29 70 191), rgba(41, 159, 205, 0)), radial-gradient(closest-side, rgb(79 32 199 / 80%), rgba(7, 146, 58, 0)), radial-gradient(closest-side, rgb(42 62 169), rgba(40, 179, 209, 0)); background-size: 80vmax 60vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 60vmax 50vmax; background-position: 90vmax 60vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 30vmax 20vmax; background-repeat: no-repeat; animation: 20s movement linear infinite; background_radio: 2; display-radio: 1 } @keyframes movement { 0%, 100% { background-size: 80vmax 60vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 30vmax 20vmax; background-position: 10vmax 20vmax, 50vmax 40vmax, 50vmax 60vmax, 50vmax 40vmax, 30vmax 20vmax } 25% { background-size: 30vmax 60vmax, 60vmax 60vmax, 80vmax 80vmax, 90vmax 90vmax, 40vmax 40vmax; background-position: -60vmax -90vmax, 50vmax -40vmax, 0vmax -20vmax, -40vmax -20vmax, 40vmax 60vmax } } @media screen and (max-width:768px) { #c_grid-1723785727952>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left } } @media screen and (min-width:769px) { #c_grid-1723785727952>.p_gridbox>.p_gridCell:nth-child(1n+1) { width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 0rem; margin-bottom: 0rem; clear: left } } @media screen and (max-width:1440px) and (min-width:1231px) {} @media screen and (max-width:1230px) and (min-width:769px) {} #c_static_001_P_34009-1723710807911 { min-height: 0px; display-radio: 1; background-fill-value: background-image; margin-bottom: 0px } .hom_nav h2 img { transition: all 0.6s } .hom_nav:hover h2 img { transform: rotateY(180deg) } .hom_nav { float: left; width: 25%; text-align: center; color: #fff; padding: 55px 20px; border-right: 1px #ffffff3b solid } .hom_nav h3 { font-size: 22px; margin-top: 25px; color: #fff } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_list { display: flex; flex-wrap: wrap; position: relative; max-width: 100% } .p_list .desc { color: #727272; padding: 1rem 0; } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_loopitem { flex: 0 0 33.3%; position: relative } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_page { text-align: center; display: none } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_filter_wrapper { width: 100%; font-size: 13px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_kv_wrapper { display: flex; flex-wrap: nowrap; line-height: 40px; margin: 15px 0 } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_filter_key { width: 70px; overflow: hidden; margin-right: 10px; font-weight: bold; color: #333333; font-size: 12px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_v_item { display: inline-block; padding: 0 3px; cursor: pointer; font-size: 13px; color: #555555; margin-right: 30px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_active .p_fbutton { color: #fff; background-color: cornflowerblue } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_result_item { position: relative; padding: 3px 20px 3px 10px; border: 1px solid #ddd; border-radius: 3px; margin-right: 10px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_filter_close { position: absolute; right: 0; top: 0; padding: 3px; font-style: normal; font-size: 16px; margin-top: -5px; cursor: pointer } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect { font-size: 13px; position: relative } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .inputWrap { width: 100%; min-width: 100px; min-height: 24px; border: 1px solid #DCDFE6; border-radius: 3px; position: relative; cursor: pointer; background: white } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect.is-invalid .inputWrap { border-color: #ee9606 } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect ul { padding: 0 5px; margin: 0; padding-right: 35px } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect ul, li { list-style: none } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect li { display: inline-block; background: #edf0f3; color: #92969c; padding: 0px 5px; margin: 1px 5px 1px 0; border-radius: 5px; line-height: 16px } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .multSelect-option { width: 100%; border: 1px solid #DCDFE6; border-radius: 2px; border-top: 0; max-height: 200px; overflow-y: scroll; position: absolute; height: 0; opacity: 0; z-index: 9; background: #fff } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .multSelect-option>div { line-height: 24px; cursor: pointer; padding: 0 10px } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .multSelect-option>div.selected { color: #409eff } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .multSelect-option>div:hover { color: #409eff; background: #f3f6f9 } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .fa-close { font-style: normal; font-size: 12px; padding: 0 5px 0 7px } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .inputWrap>.fa svg { fill: #666; width: 12px; height: 12px; position: absolute; right: 0; top: calc(50% - 3px) } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .inputWrap>.fa-down svg { transform: rotate(-90deg) } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .inputWrap>.fa-up svg { transform: rotate(90deg) } #c_static_001_P_34009-1723710807911 .e_loop-4 .multSelect .placeholder { line-height: 40px; padding-left: 10px; color: #aaa; position: absolute; left: 0; top: 0 } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_normal_start { display: inline; width: 100px; height: 40px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_date_start { display: inline; width: 105px; height: 40px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_normal_end { display: inline; width: 100px; height: 40px; margin-right: 5px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_date_end { display: inline; width: 105px; height: 40px; margin-right: 5px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_split { margin: 0 5px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_normal { margin-right: 16px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_fbutton { background-color: #007bff; border: 1px solid #409EFF; text-decoration: none; color: white; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_34009-1723710807911 .e_loop-4 .input-check, #c_static_001_P_34009-1723710807911 .e_loop-4 .input-radio { margin: 0 5px; vertical-align: text-top } #c_static_001_P_34009-1723710807911 .e_loop-4 .position-left { display: flex } #c_static_001_P_34009-1723710807911 .e_loop-4 .position-right { display: flex; flex-direction: row-reverse } #c_static_001_P_34009-1723710807911 .e_loop-4 .position-bottom { display: flex; flex-direction: column-reverse } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_mbutton { border: 1px solid #409EFF; text-decoration: none; color: #409EFF; font-size: 14px; text-align: center; padding: 10px 25px; position: relative; overflow: hidden } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_mbutton:after { content: ""; display: none; width: 16px; height: 16px; background-color: #409eff; -webkit-transform: skewY( -45deg); transform: skewY( 360deg); position: absolute; bottom: 0px; right: 0; z-index: 1 } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_mbutton::before { content: ""; display: none; width: 6px; height: 9px; border-right: #ffffff solid 2px; border-bottom: #ffffff solid 2px; -webkit-transform: rotate( 35deg); transform: rotate( 35deg); position: absolute; bottom: 5px; right: 4px; z-index: 2 } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_active .p_mbutton::before { display: block } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_active .p_mbutton::after { display: block } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_input_match { width: 100px; height: 40px; padding: 10px; border: 1px solid #ced4da; border-radius: 3px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_filter_result { display: none } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_contclear { cursor: pointer; display: none } #c_static_001_P_34009-1723710807911 .e_loop-4 .swiper-container { padding-bottom: 30px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_imgwrapper { width: 80px; height: 100px; overflow: hidden } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_imgtitle { display: flex; justify-content: center; flex-wrap: nowrap; margin: 0 auto; line-height: 20px } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_imgwrapper img { width: 100%; object-fit: cover } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_active .p_imgwrapper { border: 1px solid #409eff } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_inputRangeSearch { padding: 7px 12px; background: #007bff; color: white; font-size: 14px; font-style: normal } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_inputSearch { padding: 0px 17px; background: #007bff; color: white; font-size: 14px; font-style: normal; height: 40px; display: inline-block; vertical-align: middle; border-radius: 5px; margin-left: 10px } #c_static_001_P_34009-1723710807911 .e_loop-4 { display-radio: 1; max-width: 1680px; margin-left: auto; margin-right: auto; width: 85%; margin-bottom: 0px } #c_static_001_P_34009-1723710807911 .e_container-6 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; display-radio: flex; padding-top: 10%; padding-bottom: 10%; padding-left: 20px; padding-right: 20px; position: relative; transition: all 0.6s } #c_static_001_P_34009-1723710807911 .e_container-6::before { position: absolute; content: ''; left: 0; width: 0; height: 2px; background: #0055a7; bottom: 0; transition: all 0.6s } #c_static_001_P_34009-1723710807911 .e_container-6:hover::before { width: 100% } #c_static_001_P_34009-1723710807911 .e_container-6:hover .e_container-9 { background: #fff } #c_static_001_P_34009-1723710807911 .e_container-6:hover .e_text-7 { color: #fff } #c_static_001_P_34009-1723710807911 .e_container-6:hover .e_icon-11 svg path { fill: #0055a7 } #c_static_001_P_34009-1723710807911 .e_container-6:hover .e_icon-12 { color: rgba(255, 255, 255, 1) } #c_static_001_P_34009-1723710807911 .e_container-6>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_static_001_P_34009-1723710807911 .e_text-7 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 24px; text-align: center; margin-top: 25px; margin-bottom: 5px; color: rgba(255, 255, 255, 1); transition: all 0.6s; font-weight: normal } #c_static_001_P_34009-1723710807911 .e_text-8 { line-height: normal; font_radio: 2; display-radio: 1; font-size: 16px; text-align: center; color: rgba(255, 255, 255, 0.3); max-height: none; min-height: 0px; text-transform: uppercase } #c_static_001_P_34009-1723710807911 .e_container-9 { display: flex; flex-wrap: wrap; flex-direction: row; width: 90px; display-radio: flex; margin-left: auto; margin-right: auto; height: 90px; border-radius: 50%; align-items: center; position: relative; border: 2px solid #fff; transition: all 0.6s } #c_static_001_P_34009-1723710807911 .e_container-9>.p_item { flex: 1; max-width: 100%; max-height: 100% } #c_static_001_P_34009-1723710807911 .e_icon-11 { width: 50px; height: 60px; font_radio: 2; display-radio: 1; margin-left: auto; margin-right: auto; color: rgba(255, 255, 255, 1); line-height: normal; font-weight: normal; text-align: left } #c_static_001_P_34009-1723710807911 .e_icon-11 path { fill: #fff } #c_static_001_P_34009-1723710807911 .e_icon-11 .icon { margin: 0; width: 100%; height: 100%; fill: currentColor } #c_static_001_P_34009-1723710807911 .e_icon-12 { width: 25px; height: 25px; font_radio: 2; display-radio: 1; margin-left: auto; margin-right: auto; margin-top: 5%; color: rgba(255, 255, 255, 0.2); line-height: normal; font-weight: normal; text-align: left } #c_static_001_P_34009-1723710807911 .e_icon-12 .icon { margin: 0; width: 100%; height: 100%; fill: currentColor } #c_static_001_P_34009-1723710807911 .e_container-6>.p_item { display-radio: 1; border-right: solid 2px rgba(255, 255, 255, 0.15) } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_loopitem:last-child .e_container-6 .p_item { border: None } #c_static_001_P_34009-1723710807911 .e_container-13 { display: flex; flex-wrap: wrap; flex-direction: row; width: 100% } #c_static_001_P_34009-1723710807911 .e_container-13>.p_item { flex: 1; max-width: 100%; max-height: 100% } @media screen and (max-width:768px) { .hom_nav { float: left; padding: 15px 10px } .hom_nav h2 img { transition: all 0.6s; height: 36px } .hom_nav h3 { font-size: 15px; margin-top: 15px; color: #fff } #c_static_001_P_34009-1723710807911 .e_container-9 { width: 60px; height: 60px } #c_static_001_P_34009-1723710807911 .e_container-6::before { opacity: 0 } #c_static_001_P_34009-1723710807911 .e_loop-4 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 2) } #c_static_001_P_34009-1723710807911 .e_text-7 { font_radio: 2; display-radio: 1; font-size: 14px; margin-top: 20px; margin-bottom: 5px } #c_static_001_P_34009-1723710807911 .e_text-8 { font_radio: 2; display-radio: 1; font-size: 12px } #c_static_001_P_34009-1723710807911 .e_container-6 { display-radio: 1; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; margin-bottom: 20px; margin-top: 10px } #c_static_001_P_34009-1723710807911 { display-radio: 1; padding-top: 30px; padding-bottom: 10px } #c_static_001_P_34009-1723710807911 .e_icon-12 { font_radio: 1; display-radio: 1; display: none } #c_static_001_P_34009-1723710807911 .e_container-6>.p_item { border: None } #c_static_001_P_34009-1723710807911 .e_loop-4 { display-radio: 1; margin-bottom: 20px } #c_static_001_P_34009-1723710807911 .e_icon-11 { font_radio: 1; display-radio: 1; width: 70% } } @media screen and (min-width:769px) { #c_static_001_P_34009-1723710807911 .e_loop-4 .p_loopitem { flex-grow: 0; flex-shrink: 0; flex-basis: calc(100% / 4) } } @media screen and (max-width:1024px) and (min-width:769px) {} @media screen and (max-width:1440px) and (min-width:1231px) {} @media screen and (max-width:1230px) and (min-width:769px) {} #c_popbox-1723770279693 { width: 80%; max-width: 900px; height: auto; position: relative; margin: 100px auto 200px auto; display: none; background_radio: 2; display-radio: none } #c_popbox-1723770279693 .pop_wrapper { height: inherit; position: relative; min-height: inherit; width: 100%; display: flex; align-items: center; justify-content: center } #c_popbox-1723770279693 .p_container { background-color: #fff; position: relative; z-index: 2; min-height: inherit; width: inherit; height: inherit; margin: 0 auto; display: flex; align-items: center; justify-content: center } #c_popbox-1723770279693 .p_background { width: 100vw; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: -100px; left: calc(-50vw + 50%); min-height: calc(100% + 200px) } #c_popbox-1723770279693 .p_background-preview { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgb(0, 0, 0); opacity: 0.7 } #c_popbox-1723770279693 .p_content { min-height: inherit; width: inherit; height: inherit; overflow: auto } #c_popbox-1723770279693 .p_title { padding: 10px; overflow: hidden } #c_popbox-1723770279693 .p_close { width: auto; height: auto; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 10000; text-align: right } .fixed { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; top: 50%; z-index: 9999; margin: -150px auto 0 auto } .fixed .p_background { position: fixed !important; top: 0 !important; right: 0; bottom: 0; left: 0 !important } #c_static_001-1723770284341 { min-height: 0px; background_radio: 2; display-radio: 1 } #c_static_001-1723770284341 .e_video-1 { width: 100%; position: relative; display-radio: 1 } #c_static_001-1723770284341 .e_video-1 video { width: 100%; display: block } #c_static_001-1723770284341 .e_video-1 .p_video { position: relative } #c_static_001-1723770284341 .e_video-1 .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0 } #c_static_001-1723770284341 .e_video-1 .cover .coverImage { width: 100%; height: 100% } #c_static_001-1723770284341 .e_video-1 .cover .coverImage img { width: 100%; height: 100%; object-fit: contain } #c_static_001-1723770284341 .e_video-1 .cover .playBtn { position: absolute; width: 80px; height: 80px; z-index: 2; left: 50%; top: 50%; margin: -40px auto auto -40px; cursor: pointer } @media screen and (max-width:1600px) { .footcontact li{ padding: 0 2vw;} .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after{ left: 20%;} #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1 { /* position: relative; */ padding-left: 1vw; padding-right: 2.5vw } p.white { padding: 0.5rem 0; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit { font-size: 16px; position: relative; top: -25px; left: -7px; font-weight: bold; } .ab3_con .left>div:nth-child(2) ul li { margin-bottom: 5vh; opacity: 0.6; transition: all 0.5s; } .project .igt_btn { left: 5.5%; } #c_static_001_P_53451-1723708672944 .e_container-15 li { font-size: 24px; } #c_static_001_P_53451-1723708672944 .e_container-15 h2 { font-size: 36px; } #c_static_001_P_53451-1723708672944 .neirong p { padding-right: 20%; font-size: 36px; font-size: 18px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 40px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font-size: 36px; } #c_static_001_P_53456-1723709695308 .e_text-9 { font-size: 16px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: -4rem; */ } } @media screen and (max-width:1440px) { .footcontact li{ padding: 0 2vw;} #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 1vw; padding-right: 1.5vw;} #c_static_001_P_53451-1723708672944 .neirong span.num { font-size: 150px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 34px; } #c_static_001_P_53456-1723709695308 .e_text-9 { font-size: 14px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: -4rem; width: 40px; */ } } @media screen and (max-width:1360px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{ padding-left: 1vw; padding-right: 1vw;} } @media screen and (max-width:1280px) { .huanjing .swiper-smalls .swiper-wrapper .swiper-slide-thumb-active span::after{ left: 9%;} .footcontact li{ padding: 0 1vw;} #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left:0.5vw; padding-right: 0.5vw;} .ab3_con .left>div:nth-child(2) ul li { margin-bottom: 4vh; opacity: 0.6; transition: all 0.5s; } .ab3_con .left .btns .next svg, .ab3_con .left .btns .prev svg { width: 25px; height: 25px; } .ab3_con .left>div:nth-child(2) ul li { margin-bottom: 3vh; } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 28px; margin: 8px 0; } #c_static_001_P_53462-1723710716005 .e_container-15 li { margin: 0.5rem 0; font-size: 24px; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg p { padding: 25px 0; } .project .igt_btn { bottom: 9%; left: 4.5%; } #c_static_001_P_53451-1723708672944 .e_container-15 li { font-size: 20px; padding: 0.5rem 0; } #c_static_001_P_53451-1723708672944 .e_container-15 h2 { font-size: 28px; } #c_static_001_P_53451-1723708672944 .neirong p { padding-right: 10%; font-size: 16px; } #c_static_001_P_53451-1723708672944 .neirong span.num { font-size: 150px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 30px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font-size: 24px; } #c_static_001_P_53456-1723709695308 .e_text-9 { font-size: 14px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: -3rem; width: 35px; */ } } @media screen and (max-width:960px) { #c_navigation_126-1662690442831 .e_navigationF-24 .p_navItem1{padding-left: 0.5vw; padding-right:0.5vw;} .ab3_con .left>div:nth-child(2) ul li { margin-bottom: 3vh; opacity: 0.6; transition: all 0.5s; } .ab3_con .left .txt .p1 { padding-right: 30%; } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 24px; margin: 6px 0; } #c_static_001_P_53462-1723710716005 .e_container-15 li { margin: 0.5rem 0; font-size: 18px; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg p { padding: 15px 0; font-size: 16px; } .ab3_con { display: block; } .ab3_con .left { width: 100%; padding: 43px 30px 30px 30px; } .ab3_con .left .txt { width: 100%; height: 230px; } .ab3_con .left .txt .swiper-slide-prev { opacity: 0; } .ab3_con .left .txt .num { font-size: 22px; line-height: 26px; margin-bottom: 13px; } .ab3_con .left .txt .h1 { font-size: 20px; line-height: 28px; margin-bottom: 5px; } .ab3_con .left .txt .p1 { font-size: 16px; line-height: 28px; } .ab3_con .right { width: 100%; height: 83.2vw; } .ab3_con .left>div:nth-child(2) { display: none; } .ab3_con .left .btns { display: none; } .ab3 .m_ul { display: flex; flex-wrap: wrap; padding: 10px 18px; justify-content: space-between; background-color: #F2F8FD; margin-bottom: 0; } .ab3 .m_ul li { width: 48%; line-height: 40px; border-radius: 20px; color: #888888; text-align: center; margin: 10px 0; } .ab3 .m_ul li.on { color: #ffffff; background-color: #ee9606; } .project .igt_btn { display: none; } #c_static_001_P_53451-1723708672944 .e_container-15 li { font-size: 18px; } #c_static_001_P_53451-1723708672944 .e_container-15 h2 { font-size: 24px; } #c_static_001_P_53451-1723708672944 .neirong p { padding-right: 5%; font-size: 14px; } #c_static_001_P_53451-1723708672944 .neirong span.num { font-size: 120px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font-size: 16px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 24px; } #c_static_001_P_53456-1723709695308 .e_text-9 { font-size: 12px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: -2rem;*/ width: 40px; } } @media screen and (max-width:760px) { #c_static_001_P_53451-1723708672944 .e_container-15 ul { margin-top: 2rem; } #c_static_001_P_53451-1723708672944 { min-height: 100vh; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg p { position: static; width: 100%; } .ab3_con .left .txt .p1 { padding-right: 0%; } .ab3_con .left, .ab3_con .left .txt { width: 100%; } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 18px; margin: 2px 0; } #c_static_001_P_53462-1723710716005 .e_container-15 li { margin: 10px 0; font-size: 12px; } #c_static_001_P_53462-1723710716005 .e_container-15 li svg { width: 20px; height: 20px; } #c_static_001_P_53462-1723710716005 .e_container-15 .indexmore { margin: 15px 0; font-size: 12px; } #c_static_001_P_53462-1723710716005 .e_container-15 .proimg p { padding: 15px 0; font-size: 14px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 24px; } #c_static_001_P_53456-1723709695308 .e_text-9 { font-size: 12px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: -2rem; width: 30px; */ } .ab3 .m_ul { display: flex; flex-wrap: wrap; padding: 10px 18px; justify-content: space-between; background-color: #F2F8FD; margin-bottom: 0; } .ab3_con .left>div:nth-child(2), .ab3_con .btns { display: none; } #c_effect_004_P_043-1720173441964 .e_richText-27 img { max-width: 160px; } .footsvg svg { width: 25px; } .footsvg p:nth-child(2) svg { width: 32px; } .ab3_con .left .txt .indexmore { padding: 15px 0; } #c_static_001_P_53451-1723708672944 .e_container-15 .p_item { margin: 2.5rem 0; } .project .igt_btn { display: none; } #c_static_001_P_53451-1723708672944 .e_container-15 li { font-size: 18x; } #c_static_001_P_53451-1723708672944 .e_container-15 h2 { font-size: 24px; } #c_static_001_P_53451-1723708672944 .neirong p { padding-right: 5%; font-size: 18px; } #c_static_001_P_53451-1723708672944 .neirong span.num { font-size: 150px; bottom: -28%; } #c_static_001_P_53451-1723708672944 .e_container-15 li { margin: 0.5rem 0; padding: 0.2rem 0 } #c_static_001_P_53451-1723708672944 .neirong { width: 100%; padding: 6vw; } .qiehuan .igt_btn { bottom: 50%; } .bg.curr { padding: 0; } #c_static_001_P_53456-1723709695308 .e_container-1 .cbox-1-1 { padding-top: 0rem; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_list { display: block; padding: 1rem; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem { padding-top: 20px; width: 50%; float: left; background: #fff; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-of-type(5) { width: 100%; border-top: 1px solid #f5f5f5; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(1), #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(3) { border-right: solid 1px #f5f5f5 } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(1), #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:nth-child(2) { border-bottom: solid 1px #f5f5f5; } #c_static_001_P_53456-1723709695308 .e_loop-6 .p_loopitem:after { height: 0; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font-size: 20px; } #c_static_001_P_53456-1723709695308 .e_container-22 { /*align-items: flex-start; */ min-height: 90px; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item { position: static; } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item img { /* left: 0rem; width: 40px; */ } #c_static_001_P_53456-1723709695308 .e_container-22 .p_item { text-align: center; padding-left: 0%; } #c_static_001_P_53456-1723709695308 .e_text-9 { text-align: left; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit { left: 3px; font-size: 12px; } } @media screen and (max-width:768px) { #c_product_list_263-1723709850634 .e_container-1 .cbox-1-0 { display: block; padding: 0 0 0 6.7708333vw; } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem:nth-child(2) { margin: 0; } .hmc3rnds { position: absolute; left: 50%; top: 18%; width: 100vw; height: 30vh; transform: translate(-50%, -50%); z-index: 90; text-align: center; display: flex; text-align: center; flex-direction: column; align-items: center; align-content: center; flex-wrap: nowrap; justify-content: flex-start; } .hmc3rnds p { font-size: var(--yx_FS48); color: #ffffff; line-height: 140%; text-align: center; font-weight: bold; position: relative; letter-spacing: 2px; top: 48%; transform: translateY(-50%) } .hmc3rnds p.line { width: 2.5rem; border-bottom: 4px solid #fff; padding: 0.5rem; } .hmc3rnds p.h2 { font-size: 24px; } .hmc3rnds p.h3 { font-size: 18px; font-weight: 500; margin-top: 2rem; } #c_effect_004_P_043-1720173441964 .e_container-10 .p_item:nth-child(1) { display: block; margin: auto; } #c_effect_004_P_043-1720173441964 .e_container-11 .cbox-11-1 { align-items: center; } /* #c_product_list_263-1723709850634 .e_container-1{ padding: 0 0 0 6.7708333vw;} */ .p_list .desc { color: #727272; padding: 1rem; } #c_static_001_P_53462-1723710716005 .e_text-5 { padding: 1rem; } .mobileview { display: block; } .pcview { display: none; } #c_product_list_263-1723709850634 .e_container-15 { display: none; } #c_static_001_P_53462-1723710716005 .e_text-16 { font-size: 16px; } #c_static_001_P_53462-1723710716005 .e_container-15 { margin-bottom: 20px; } #c_static_001_P_53462-1723710716005 .e_container-15 .indexmore { bottom: -1.8rem; } #wrap>ul h2 { font-size: 1.2rem; } #wrap>ul>li>.text p { font-size: 12px; padding: 5px 0px 0 0; } #c_static_001_P_53451-1723708672944 { height: 100vh; } .cbox-2 { width: 100%; display: flex; padding: 1rem 0; flex-direction: column; margin-top: 0; } .cbox-2 .s_layout { background-color: #fff; padding: 0.2rem !important; flex-direction: column; } .cbox-2 .s_layout .time { padding: 0 1rem !important; } .cbox-2 .s_layout:hover .s_title { color: #fff !important; } .cbox-2 .s_layout:hover { background-color: #ee9606; } .cbox-2 .s_layout:nth-child(1) { margin-right: 0; } .cbox-2 .s_layout:nth-child(2) { margin-left: 0; } #c_static_001_P_53462-1723710716005 .e_container-3 { margin: 5px 0; } #c_static_001_P_53462-1723710716005 .e_container-3:nth-child(1) { border-bottom: 1px solid #fdf6f6; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 20px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 { font-size: 12px; padding: 5px 0 5px 5px } #c_static_001_P_53456-1723709695308 .e_text-3 { font-size: 24px } #c_static_001_P_53456-1723709695308 .e_text-20 { font-size: 16px; } #c_static_001_P_53462-1723710716005 .e_loop-1 .p_loopitem:nth-child(-n+2) { display: none; } #c_static_001_P_53462-1723710716005 .time { padding: 0.2rem 0.2rem 1rem 1rem !important; } #c_static_001_P_53462-1723710716005 .e_text-5 { font-size: 20px; padding: 0.2rem 1rem; } #c_static_001_P_53462-1723710716005 .e_container-2>.p_item { padding-top: 1rem; } } @media screen and (max-width:1600px) { #c_static_001_P_53456-1723709695308 .e_container-5 > .p_item{ margin-bottom: 4vw;} .footcontact li h2 { color: rgba(255, 255, 255, .6); font-size: 16px; margin: 1vw 0; } .footnav ul li { font-size: 16px; padding: 1vw 2vw; } #c_product_list_263-1723709850634 ul.list li { max-width: 148px; } } @media screen and (max-width:1024px) and (min-width:769px) { .footcontact li h2 { color: rgba(255, 255, 255, .6); font-size: 14px; margin: 1vw 0; } .footcontact li p { font-size: 14px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 28px; } .footnav ul li { font-size: 14px; padding: 1vw 1vw; } } @media screen and (max-width:768px) { .footcontact li h2 { color: rgba(255, 255, 255, .6); font-size: 12px; margin: 1vw 0; } .footcontact li p { font-size: 13px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 24px; } #c_product_list_263-1723709850634 ul.list li { font-size: 14px; padding: 1vw 2vw; max-width: 95px; } .navpro { width: 100%; } .footnav ul li { font-size: 12px; padding: 1vw 1vw; } .s_syc5newtit p { font-size: 14px; } } .contactinfoen{width:33%} @media screen and (max-width:480px) { .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover{ border-color: #ee9606; background-color: #ee9606;} #c_static_001_P_18396-17218920568260 .e_text-4{padding:2vw 5vw} .product .right .prolist .swiper-button-next,.product .right .prolist .swiper-button-prev{border:none; width:25px;} .contactinfo p{font-size:13px} .product .right li p{ letter-spacing: 6px;} #c_navigation_126-1662690442831 .e_container-21{max-width:100%} #c_static_001_P_18396-17218920568260 .e_container-2>.p_item{width:80%} .container{max-width:94%;padding:0 5px} .news .right .list li .info { width: 100%; } .news h3{line-height:2} .news .right .info{padding:2vw} .news .right .info .y { line-height: 1.6;} .news .right .list li{ flex-direction: column-reverse;} .shebei .container{width: 100%; max-width: 100%;} .maintitle p.line{ margin: 4vw auto;} #c_static_001_P_53456-1723709695308 .e_text-9 { line-height: normal; text-align: left; font-size: 12px; /*padding-left: 60px;*/ color: #9a9a9a; /*position: absolute;*/ font-weight: 400; bottom: 0px; } .e_bannerA-2 .swiper-pagination a { top: 29px; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .unit { font-size: 14px; font-weight: 400; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-pagination { display: block; } #c_product_list_263-1723709850634 ul.list li { max-width: 91px; font-size: 12px; } #c_product_list_263-1723709850634 ul.list { margin: 0 0 6vw 0; } .indexmore { margin: 8vw 0; /*display: block;*/ } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 32px; } #c_product_list_263-1723709850634 .e_container-1 { margin-bottom: 30px; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .swiper-slide-active .p_cspan { width: 8vw; height: 3px; } #c_static_001_P_53456-1723709695308 .e_text-20 { font-size: 36px; top: -5%; } #c_static_001_P_53456-1723709695308 .e_text-3 { font-size: 30px; } .footnav ul { display: none } .footcontact { flex-wrap: wrap; justify-content: center; text-align: center; } .footcontact li { width: 50%; margin: 2vw 0; } .footcontact li p { font-size: 14px; } .footnav { align-items: center; justify-content: center; } .footpower { text-align: center; flex-direction: column; justify-content: center; align-items: center; margin-bottom:6vw; } .hmc3rnds p.h5 { font-size: 14px; font-weight: 400; } .hmc3rnds p.h1 { font-size: 40px; letter-spacing: 8px; margin-top: 20px; } .s_syc5newtit p { font-size: 12px; } #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_cspan { margin-top: 0px; margin-bottom: 0px; } #wrap>ul h2 { font-size: 0.68rem; } } @media screen and (max-width:400px) { #c_banner_036_P_040-1720147471550 .e_bannerA-2 .p_btitle { font-size: 18px; } .hmc3rnds p.h5 { font-size: 12px; } #wrap>ul h2 { font-size: 0.6rem; } #c_static_001_P_53456-1723709695308 .e_scrollNumber-8 .p_num { font-size: 24x; } #c_product_list_263-1723709850634 ul.list li { max-width: 82px; font-size: 12px; } #wrap { bottom: 0%; } .hmc3rnds { top: 12%; } }