*{padding: 0px;margin: 0px;font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans;} *, ::after, ::before { box-sizing: border-box;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; } html{ color: #fff;background-color:#fff;font-size: 62.5%;} h3,h4,h5,h6,a,span,p{color: #fff;font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans; text-align: justify; font-weight: normal; display: block;} img {width: 100%; display: block;} li {list-style: none;} a {text-decoration: none; display: block;} body,html {height: 100%;width: 100%;font-size: 10px;} .imgbox {overflow: hidden;position: relative;} .imgbox img {transition: 0.3s;} :root { --dex:#f6a20f } .clearfix {zoom:1} .clearfix:after {content: '\20'; display: block; clear: both;} .fl { float: left; } .fr { float: right; } input{ -webkit-appearance:none; } @font-face { font-family: "Montserrat-Bold"; src: url("../fonts/montserrat-bold.woff2") format("woff2"), url("../fonts/montserrat-bold.woff") format("woff"), url("../fonts/montserrat-bold.ttf") format("truetype"), url("../fonts/montserrat-bold.eot") format("embedded-opentype"), url("../fonts/montserrat-bold.svg") format("svg"); } @font-face { font-family: "Num"; src: url("../fonts/num.eot") format("eot"), url("../fonts/num.woff") format("woff"), url("../fonts/num.ttf") format("truetype"); } @font-face{ font-family:"alibb"; font-display: swap; font-style: normal; font-weight: 400; src: url("../fonts/alibaba-puhuiti-regular.woff") format("woff"), url("../fonts/alibaba-puhuiti-regular.ttf") format("truetype"), /* url("../fonts/titilliumweb-regular-10.eot") format("embedded-opentype"), */ url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg'); } /* pc */ .pc-1200px{display: none;} @media only screen and (max-width:1260px){ .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } /* h5 */ .drawer-nav { display: none; } .drawer-hamburger{display: none;} .h5-img {display: none;} .ibanner .imgbox video {display: block;} .icenter {width: 1500px;margin: auto;position: relative;} /* head */ .div1 {position: fixed; top: 0rem; width: 100%; z-index: 99;background-color: transparent;transition: 0.3s;} .head_f {z-index: 3000; position: relative;} .head {box-sizing: border-box;height: 7rem;display: flex;justify-content: space-between;align-items: center; z-index: 4;} .head .logo {width: 239px;} .head .right {width: 90%;display: flex;align-items: center;} .head .right ul {width: 88%; display: flex;justify-content : flex-end; margin-right: 3rem;} .head .right ul li .a { color: #151515; position: relative;font-size: 18px;line-height: 7rem;height: 7rem; padding: 0 2.85rem; font-weight: bold; } .head .right ul li .a:after { content: ""; display: block; width: 0; height: 0.2rem; background: var(--dex); left: 50%;transform: translateX(-50%); bottom: 0; transition: all .3s; position: absolute; } .head .right ul li:hover .a::after {width: 100%;} .head .right .lang {position: relative;display: flex;align-items: center;width: 5.2vw;} .head .right .lang .accordion-body dl dd a {padding-left: 0px;} .head .right .lang span { color: #151515; font-size: 17px; line-height: 3rem; cursor: pointer; display: flex; align-items: center;line-height: 7rem; height: 7rem;font-weight: bold; white-space: nowrap;} .head .right .lang span i { color: #151515; transition: 0.3s; font-size: 2rem; line-height: 2.3rem;margin-left:0.2rem; } .head .right .search { color: #151515; font-size: 20px; position: relative; top: -0.1rem; } .head .right ul li.active .accordion-body {display: block;height: auto;animation: tui 0.2s 0.05s linear forwards;} .head .right ul li {position: relative;} @keyframes tui { 100%{ transform: translateY(0px); opacity: 1; } } @keyframes tui1 { 100%{ transform: translateX(0px,-50%); opacity: 1; } } .accordion-body dl dd a:hover {color: var(--dex);} .accordion-body { opacity: 0; transform: translateY(-50px); -webkit-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 0px; top: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: none; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 0; width: 300px; transition: 0.2s; height: 0px; } .div1 .menu_hover { transition: 0.2s; background: linear-gradient(180deg, #ffffff 60px, white 0%); display: block !important; width: 100%; height: 0px; z-index: 1; position: absolute; top: 70px; left: 0px; -webkit-animation: a_bg_hover_show 0.1s ease-out both; -webkit-transform-origin: 50% 0%; z-index: 0; -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);} .accordion-body dl { position: relative;} .accordion-body dl dd { margin: 0; padding-right: 1.6rem; line-height: 4.7rem; } .accordion-body dl dd a { padding-left: 3rem; width: 20.5rem; font-size: 16px; border-bottom: 0.1rem solid transparent; color: #666; display: block; position: relative; text-decoration: none; -webkit-transition: none; transition: none; } .accordion-body > dl > dd:last-child { margin-bottom: 2rem; } .accordion-body dl dd .er a {font-size: 16px; color: #999;text-align:start;width: 100%; line-height: 4rem;} .accordion-body dl dd .er a:hover {color: var(--dex);} .accordion-body dl dd .er { width: 28rem; padding: 1rem; border-left: 0.1rem dashed #ddd; transition: 0.3s; opacity: 0; position: absolute; right: -19.3rem; top: 50%; transform: translateY(-50%); height: 19.2rem; display: none; /* align-items: center; */ flex-direction: column; justify-content: center; padding-left: 3.6rem;} .accordion-body dl dd.active .er {opacity: 1;display: flex;} .accordion-body dl dd.active{z-index: 10;} .head .right .lang.active .accordion-body {display: block;height: auto;animation: tui 0.2s 0.05s linear forwards;} .div1,.div2 {background-color: #fff; } .div1:hover .head_f,.div2 .head_f{ -webkit-box-shadow: inset 0 -1px 0 0 #e6e6e6; box-shadow: inset 0 -1px 0 0 #e6e6e6;} .div1 .head .right .search:hover {color: var(--dex);} .div1 .head .right ul li:hover .a {color: var(--dex);} .head .right .lang:hover span i {transform: rotateX(180deg);} /* more */ .more:hover { border-color: var(--dex); background-color: var(--dex); } .more { background-color:rgb(255 255 255 / 0); border: 1px solid #f4a300; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: relative; z-index: 1; width:160px; height:40px; display: flex; align-items: center; justify-content: center; } .more > span { vertical-align: middle; font-size: 14px;color:#f4a300;} .more:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .more::after, .more > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .more:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .more::after { color:#fff; font-size: 14px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); } /* ibanner */ .ibanner { position: relative;height: 100vh;} .ibanner .text { position: absolute;left: calc((100% - 1500px)/2);bottom: 105px; z-index: 2;} .ibanner .swiper {height: 100%; overflow: hidden;} .ibanner .text dd {overflow: hidden;} .ibanner .text h3 {font-size: 90px; font-weight: bold; color: #fff; line-height: 12.7rem;font-family: 'Montserrat-Bold';} .ibanner .text h3, .ibanner .text h4, .ibanner .text h5 { opacity: 0; -webkit-transform: translateY(170%); transform: translateY(170%); -webkit-transition: -webkit-transform .9s ease-out .5s; transition: -webkit-transform .9s ease-out .5s; transition: transform .9s ease-out .5s; transition: transform .9s ease-out .5s,-webkit-transform .9s ease-out .5s; will-change: transform; } .ibanner .swiper-slide-active .text h3 , .ibanner .swiper-slide-active .text h4 , .ibanner .swiper-slide-active .text h5 {-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .ibanner .text h4 { font-size: 50px; color: #fff; margin: 0px 0 0.8rem;font-weight: bold;} .ibanner .text h5 {font-size: 20px;margin-bottom: 2.4rem; color: #fff;} .ibanner .imgbox ,.ibanner .box{height: 100%;width: 100%;} .ibanner .imgbox img {height: 100%;object-fit: cover;} .ibanner .swiper-pagination {bottom: 38px;left: 50%;transform: translate(-50%,-50%);} .ibanner .swiper-pagination-bullet {transition: 0.5s; width: 7rem; height: 2px; border-radius: 0px; background-color: #fff; margin: 0 12px!important; opacity: 1;} .ibanner .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); width: 12.6rem; height: 2px;} .ibanner .swiper-slide-active img { animation: mysacle 4s ease both; } @keyframes mysacle { 0% { transform: scale(1.15); } } .ibanner .imgbox::after { content: ""; display: inline-block; width: 100%; height: 70%; background: linear-gradient(to top ,rgba(0,0,0,0.8),rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0px; } /* i01 */ .i01 {padding:0;position: relative;overflow: hidden; background: #aaa; height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .i01 .bg {width: 100%;height: 100%;z-index: 0; top: 0;left: 0; position: absolute;} .i01 .bg img { opacity: 0; height: 100%; object-position: center center; position: absolute; left: 0px; top: 0px; transition: 0.5s;} .i01 .bg img.active { z-index: 3; animation:fa 1.2s forwards;} .i01 .icenter {display: flex;justify-content: space-between;} .i01 .le {width: 30%;} .i01 .le h3 { font-weight: bold; font-size: 40px;position: relative;margin-bottom:3rem;line-height:1em;} .i01 .le h3::after { position: relative; content: ""; width: 50px; height: 8px; background-color: var(--dex); margin-top: 2.2rem; display: block;} .i01 .le h4 { font-weight: bold; font-size: 20px;line-height: 28px;margin-bottom: 5rem;width: 70%; } .i01 .le .op {} .i01_more { background-color: #414856;cursor: pointer; margin-bottom: 2rem; width: fit-content; padding:1rem 6rem;height: 50px; border: 0; } .i01_more > span{ font-size: 16px; color: #fff;} .i01_more::after {color: #fff; font-size: 16px;font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans;} .i01_more:hover {background-color: var(--dex);} .i01_more.active {background-color: var(--dex);} .i01 .ri {width: 70%;padding-right:0;} .i01 .ri h4{ font-size: 30px; color: var(--dex); font-weight: bold;} .i01 .ri p {font-size:18px;margin-bottom: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; width: 100%; } .i01 .ri .dot {display: none;opacity: 0;} .i01 .ri .dot.active {display: block;animation:fa 1s forwards;} @keyframes fa { 100% { opacity: 1; } } .i01 .ri .content {width: 100%;} .i01 .ri .content a {width: 30%; margin-left: 4.8%; float: left;background-color: #fff; overflow: hidden;} .i01 .ri .content a:first-child{margin-left:0px;} .i01 .ri .content a .imgbox img{transition: all .3s;display: block; width:100%; } .i01 .ri .content a:hover .imgbox img{transform: scale(1.1);} .i01 .ri .content a .text {padding:2rem;} .i01 .ri .content a .text h4 {font-size: 18px;color: #343434;} .i01 .ri .content a:hover .text h4 {color: var(--dex);} .i01 .ri .content a .text p { font-size:16px; line-height:18px; margin-bottom:3rem; color: #1f1f1f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;} .i01 .ri .content4 a{ margin-bottom: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .i01 .ri .content4 a .imgbox{ display: block;width: 50%;} .i01 .ri .content4 a .text{ display: block;width: 45%;padding: 0;margin: 0 0 5% 0;} .i01 .ri .content4 a .text h4{font-size: 20px} .i02 .ri .seg .swiper-pagination-bullet:focus{ outline:none; } /* i02 */ .i02 { overflow: hidden; background-color: #f3f3f3; padding:0 ; position: relative; height:100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; -webkit-align-items: center;} .i02 .le{ width: 30%; float: left;} .i02 .le h3 { font-weight: bold;font-size: 40px;position: relative;margin-bottom: 3rem;color:#000000; line-height:1em; } .i02 .le h3::after { position: relative; content: ""; width: 5rem; height: 0.8rem; background-color: var(--dex); margin-top: 2.2rem; display: block;} .i02 .le h4 { font-weight: bold; color: #333; font-size: 20px;line-height: 3rem;margin-bottom: 5.9rem; width: 70%;text-align: justify;} .i02 .le .nav {margin-top: 13rem;} .i02 .le .nav_c .fa { outline: none; margin-right: 1.5rem; width:3rem; height:3rem; border-radius: 50%; color: var(--dex); border: 0.1rem solid var(--dex); display: flex; justify-content: center; align-items: center; font-size:2rem; position: unset; margin: 0rem; padding: 0rem; background-image: none; margin-right: 1rem;} .i02 .le .nav_c .fa:hover {background-color: var(--dex);color: #fff;} .i02 .le .nav_c {display: none;} .i02 .le .nav_c.active {display: flex;} .i02 .le .more {background-color: #dddddd;} .i02 .le .more span {color: #191919;} .i02 .le .more.active span {color: #fff;} .i02 .le .more.active{background-color: var(--dex);} .i02 .le .more:hover {background-color: var(--dex);} .i02 .ri { width:calc(5rem + 70vw);position: relative;right: 0rem;top:0;left:0;} .i02 .ri .seg { overflow: hidden; display: none;opacity: 0;} .i02 .ri .seg.active {display: block;animation: fa 1s linear forwards;} .i02 .ri .seg .box .imgbox img{ transition: all .3s;display: block; width:100%; } .i02 .ri .seg .box:hover .imgbox img{transform: scale(1.1);} .i02 .ri .seg .box .text {width:80%;position: absolute;padding:0;top: 3rem;left:10%;z-index: 3;} .i02 .ri .seg .box .imgbox::after {content: ""; opacity: 0; transition: 0.3s; position: absolute; left: 0rem; top: 0rem; background: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0)); height: 50%; width: 100%;} .i02 .ri .seg .box .imgbox::before { z-index: 2; transition: 0s; content: ""; opacity: 1; position: absolute; left: 0rem; top: 0rem; background: linear-gradient(to bottom,rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%); height: 63%; width: 100%;} .i02 .ri .seg .box:hover .imgbox::before {display: none;} .i02 .ri .seg .box .text h3 { font-weight: bold; font-size:26px; color: #222; position: relative; padding-bottom: 0; margin-bottom:2rem;line-height: 1em;} .i02 .ri .seg .box .text p::after { transition: 0.6s; content: ""; position: absolute; left: 0rem; background-color: var(--dex); height: 0.1rem; width: 0%; top:0;} .i02 .ri .seg .box:hover .text p::after {width: 100%;} .i02 .ri .seg .box .text p { position: relative; opacity: 0; transition: 0.3s; font-size:16px;line-height:2.6rem; margin-bottom:2rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-top:2rem; } .i02 .ri .seg .box .text .more {width: 14rem;height: 4rem; opacity: 0; transition: 0.3s;} .i02 .ri .seg .box .text .more span{font-size:14px;} .i02 .ri .seg .box:hover .text p {opacity: 1;} .i02 .ri .seg .box:hover .text .more {opacity: 1;} .i02 .ri .seg .box:hover .text h3 {color: #fff;} .i02 .ri .seg .box:hover .imgbox::after {opacity: 1;} .i02 .ri .seg .swiper-pagination {bottom: -5.2rem; left: 0%;} .i02 .ri .seg .swiper-pagination-bullet {height: 1.2rem;width: 1.2rem;border-radius: 50%; opacity: 1; background-color: #fff; margin: 0 0.5rem;border-radius: 50%;} .i02 .ri .seg .swiper-pagination-bullet:first-child{margin-left: 0rem;} .i02 .ri .seg .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); } .i02 .ri .seg .box:hover .moreright {opacity: 0;} .i02 .ri .seg .box:hover .moreright {opacity: 1;} .i02 .icenter{} .sideright{ width: 70%;float: right;} .moreright{width:4rem;height:auto;overflow: hidden;} .moreright font{ display: flex;} .moreright:hover font{ -webkit-animation: heroArrow2 1s ease infinite;animation: heroArrow2 1s ease infinite;} .moreright font img{display: block; width:100%;opacity: 1 !important;object-fit: contain;} @-webkit-keyframes heroArrow2 {0%{transform:translate(-4rem,0)}to{transform:translate(0,0)}} @keyframes heroArrow2{0%{transform:translate(-4rem,0)}to{transform:translate(0,0)}} .innews{padding: 0 0 100px 0;} .innews .icne{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top;} .innews .icne dl{ display: block;overflow: hidden;width: 48%; border: 1px solid #eee; padding: 20px;} .innews .icne dl a{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: top;-webkit-align-items: top; overflow: hidden;margin-bottom: 20px;} .innews .icne dl a p{display: block;width: 20%; overflow: hidden; } .innews .icne dl a p img{transition: all .3s;} .innews .icne dl a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .innews .icne dl a .text{ display: block;overflow: hidden;width: 78%;} .innews .icne dl a .text h3{ display: block;color: #333;font-size: 2.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .innews .icne dl a .text .date{ display: block;overflow: hidden;color: #666;font-size: 14px;margin: 10px 0 0;} .innews .icne .left{width: 56%;} .innews .icne .right{width: 40%;} .innews .icne dl:hover{border: 1px solid #f6a20f; } .innews .icne dl a:hover .text h3{ color:#f6a20f; } .innews .icne .right a{margin-bottom:36px;} .innews .icne dl a:last-child{margin-bottom:0;} /* i03 */ .i03 {position: relative;overflow: hidden;height: auto;width: 100%;max-height: 100%;} .i03 .le {height: 100%;position: relative;float: left;width: 70%;} .i03 .le video{display: block;position: absolute;z-index: 2; top: 0;object-fit: cover;width: 100%;height: 100%;} .i03 .le:after{position: absolute; content: ""; width: 100%; height:100%; left: 0; top:0; background-color: #00041e; opacity: 0.5;z-index: 3;} .i03 .le img{ z-index: 5;position: relative;transition: all .6s;} .i03 .le .text{ width:62%; position: absolute; top:50%; z-index: 6; transform: translate(0%, -50%); } .i03 .le .text h3{color: var(--dex);line-height: 1em;margin-bottom: 20px;} .i03 .le .text h3:after{ position: relative; content: ""; width: 50px; height: 8px; background-color: var(--dex); display: block; margin-top: 22px;} .i_title {font-size:40px;font-weight: bold;} .i03 .le .text p { font-size: 18px;line-height: 28px; color: #eee;} .i03 .le dl { padding-top:70px; margin-bottom:30px;} .i03 .le dl dd{float: left;width:41.5%;margin-right: 17%;margin-bottom:30px;} .i03 .le dl dd:nth-of-type(2n) {margin-right: 0%;} .i03 .le dl dd h4 {display: flex;align-items: flex-end;} .i03 .le dl dd h4 strong { font-family: 'Num';font-weight: bold; font-size:80px;margin-right: 0.8rem;color: var(--dex); line-height: 1em; } .i03 .le dl dd h4 span{ font-size:18px; position:relative; top:-10px;} .i03 .le dl dd h5{font-size: 16px; position: relative; margin-top:0; padding-top: 6px; color: #eee; } .i03 .le dl dd h5::before {left: 0px; top:0; position: absolute; content: ""; width: 25%; height: 1px; background-color: var(--dex);} .i03 .le dl dd h5::after {height: 1px; position: absolute; content: ""; width: 75%; left: 25%; top:0; background-color: #a9a9a9;} .i03 .ri { height: 100%; float: right;width: 30%; position: absolute;overflow: hidden;top: 0;right: 0; } .i03 .ri .t {height: 50%;position: relative;} .i03 .ri .t img{z-index: 5;position: relative;transition: all .6s;} .i03 .ri .t video{display: block;position: absolute;z-index: 2; top: 0;object-fit: cover;width: 100%;height: 100%;} .i03 .ri .t .text,.i03 .ri .b .text {position: absolute; left:50px; bottom:30px; height:auto; z-index:6; display: flex; flex-direction: column; justify-content: flex-end;} .i03 .ri .t .text h4{font-size:24px;margin-bottom: 20px; width: 70%; font-weight: bold;text-align: left;line-height: 30px;} .i03 .ri .t .text h5{font-size: 18px;margin-bottom: 20px;line-height: 1em; } .i03 .ri .b {height: 50%;position: relative;} .i03 .ri .b .text h5 {font-size: 18px;margin-bottom:20px; line-height: 1em; } .i03 .ri .b .text h4 {font-size: 24px; line-height: 30px; margin-bottom: 20px; font-weight: bold; width: 70%; text-align: left;} .i03 .le img ,.i03 .ri .b img,.i03 .ri .t img{height: 100%;} .i03 .ri .b .more {background-color: rgba(255,255,255,0.5);} .i03 .ri .b .more:hover {background-color:rgba(255,255,255,1);} /* i04 */ .i04 {padding: 100px 0;position: relative;overflow: hidden;} .i04 .top {margin-bottom: 50px;} .i04 .top h3 {position: relative; color:#000;margin-bottom: 30px; font-size:40px;font-weight: bold;line-height: 1em;} .i04 .top h3::after { position: relative; content: ""; width: 50px; height: 8px; background-color: var(--dex); display: block; margin-top: 22px;} .i04 .top p {font-size:18px;color: #666;} .i04 .i04_1_thumbs {width: 88%;} .i04 .i04_nav {position: relative;margin-bottom: 4.5rem;} .i04 .i04_nav::after{ width: 100%; height: 1px; background-color: var(--dex); position: absolute; content: ""; bottom: 0px; left: 0px; opacity: 0.3; } .i04 .i04_nav .icenter{display: flex; padding-bottom: 10px; } .i04 .i04_nav .icenter span {font-size:22px;color: #333; cursor: pointer; font-weight: bold;} .i04 .i04_nav .icenter span:hover {color: var(--dex);} .i04 .i04_nav .icenter .swiper-slide-thumb-active span{color: var(--dex);} .i04 .seg {overflow: hidden;} .i04 .content {position: relative; width: fit-content; margin: auto;} .i04 .content .fa { outline: none; background-image: none; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 24px; background-color: #a9a9a9; display: flex; justify-content: center; align-items: center;} .i04 .content .fa:hover {background-color: var(--dex);} .i04 .content .fa-angle-left {left:-50px;} .i04 .content .fa-angle-right {right:-50px;} .i04 .content dl {display: flex;flex-flow: wrap;border: 1px solid #f5f5f5;} .i04 .content dl dd {width: calc(100%/6);background-color: #ffffff;padding:26px 0;display: flex;justify-content: center;align-items: center;} .i04 .content dl dd:nth-of-type(2n) {background-color: #f5f5f5;} .i04 .content dl dd:nth-of-type(7) {background-color: #f5f5f5;} .i04 .content dl dd:nth-of-type(8) {background-color: #ffffff;} .i04 .content dl dd:nth-of-type(9) {background-color: #f5f5f5;} .i04 .content dl dd:nth-of-type(10) {background-color: #ffffff;} .i04 .content dl dd:nth-of-type(11) {background-color: #f5f5f5;} .i04 .content dl dd:nth-of-type(12) {background-color: #ffffff;} .i04 .content dl dd img { height: 9rem; transition: all .3s; object-fit: contain;filter: grayscale(10);} .i04 .content dl dd:hover img {filter: none;} .i04 .par{ margin-top:50px; display: flex; justify-content: flex-end; } /* footer */ .footer {padding: 80px 0 30px;position: relative;overflow: hidden; background:#1a1a1a; background-size: cover; background-position: center;} .footer .fo01 {margin-bottom: 100px;} .footer .fo01 ul {display: flex;justify-content: space-between;} .footer .fo01 ul li {} .footer .fo01 ul li h3 {margin-bottom: 26px;} .footer .fo01 ul li h3 a { display: inline-block; font-size: 20px; color: #fff; font-weight: bold;} .footer .fo01 ul li p a{font-size: 16px;color: #fff;margin-bottom: 20px;} .footer .fo01 ul li p a:hover {color: var(--dex);} .footer .fo01 ul li p a:last-child {margin-bottom: 0px;} .footer .fo01 li h4 { font-family: 'Montserrat-Bold'; color: #fff; font-size: 28px; line-height: 1em; margin-bottom: 20px; display: block;} .footer .fo01 li .seg {margin-bottom: 28px;} .footer .fo01 li .seg h5 {color: #9a9a9a;font-size: 14px;margin-bottom: 3px;} .footer .fo01 li .seg h6 { color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 26px; display: block; } .footer .fo01 li .follow { display: flex; align-items: center; margin-bottom: 26px; position: relative; cursor: pointer;} .footer .fo01 li .follow .img { width: auto;height: 30px;} .footer .fo01 li .follow .ewmimg { position: absolute; top: 50%; left: -12rem; display: none; height: 10rem; background: #fff; padding: 5px; border-radius: 4px; width: 10rem; transform: translateY(-50%);} .footer .fo01 li .follow span {font-size: 14px;color: #9a9a9a;margin-left: 10px;height: 30px;line-height: 30px;} .footer .fo01 li .follow:nth-of-type(2) {margin-bottom: 0px;} .footer .fo01 li .follow:hover .ewmimg { display: block; } .footer .fo02 {display: flex;justify-content: space-between;align-items: center;} .footer .fo02 .le {display: flex;align-items: center;} .footer .fo02 .le a {font-size: 14px;color: #ededed;margin-right: 24px;} .footer .fo02 .ri {width:60px;} .footer .icenter{ position: relative; z-index: 3; } .footer:after{ content:""; position: absolute; background: url(../images/foot_back.png); width: 100%; height: 200%; top:0; left: 0; background-size: cover; opacity: 0.2; } /* com */ .icenter1 {width: 1300px;margin: auto;position: relative;} /* service */ .ser_h3 {font-weight: bold;color: #28282b;padding-bottom: 2.5rem;position: relative;font-size: 40px;} .ser_h3::after {position: absolute;content: "";width: 5rem;height: 0.5rem;background-color: var(--dex);left: 0px;bottom: 0px;} /* news */ .innerbanner {position: relative;overflow: hidden;} .innerbanner img {animation: mysacle 4s ease both;} .innerbanner::after { content: ""; display: inline-block; width: 100%; height: 70%; background: linear-gradient(to top ,rgba(0,0,0,0.8),rgba(0,0,0,0)); position: absolute; left: 0; bottom: 0px; } .innerbanner .text {z-index: 2; position: absolute;left: 50%;top:50%; transform: translateX(-50%);} .innerbanner .text h4 { font-size: 50px;font-weight: bold;color: #fff; margin-bottom: 1.9rem; text-align: center; color: var(--dex);} .innerbanner .text h4 ,.innerbanner .text h5{ opacity: 0; -webkit-transform: translateY(170%); transform: translateY(170%); animation: chuxian 0.9s ease-out forwards; } @keyframes chuxian { 100%{ -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } .innerbanner .text h5 {font-size: 50px;color: #fff;font-weight: bold; white-space: nowrap;} .news_top {padding: 11.5rem 0 16.5rem;position: relative;overflow: hidden;background-color: #f5f5f5;} .news_top .swiper {overflow: hidden;} .news_top .box {display: flex;justify-content: space-between;align-items: center;} .news_top .box .text {width: 46%;} .news_top .box .text .more {width: 11.4rem;background-color: var(--dex);} .news_top .box .text .more span {color: #fff;} .news_top .box .text .more::after {color: var(--dex);} .news_top .box:hover .text .more {background-color: transparent;} .news_top .box:hover .more > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .news_top .box:hover .more::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .news_top .box .text h3 {font-size: 27px;font-weight: bold;color: #333333;line-height: 3.6rem;} .news_top .box .text .date {font-size: 18px; font-family: arial; color: #666666; margin: 2.2rem 0 4.5rem;} .news_top .box .text p {font-size: 16px;line-height: 2.6rem;color: #666666;margin-bottom: 7.8rem;} .news_top .box .imgbox {width: 49%;} .news_top .box .imgbox img {max-height: 400px;object-fit: cover;} .news_top .box:hover .imgbox img {transform: scale(1.1);} .news_top .box:hover h3 {color: var(--dex);} .news_top .swiper-pagination { bottom: -7rem;left: 50%;transform: translate(-50%,-50%);} .news_top .swiper-pagination-bullet {margin: 0 0.6rem;width: 1rem;height: 1rem;border-radius: 50%;border: 0.1rem solid #444444;background-color: transparent;} .news_top .swiper-pagination-bullet-active { opacity: 1; background: transparent; border-color: var(--dex);} .news {padding: 0 0 0 5.5rem ;position: relative;overflow: hidden;} .news dl {} .news dl dd a{display: flex;justify-content: space-between;align-items: center;} .news dl dd {padding: 6rem 0;border-bottom: 0.1rem solid #dddddd;} .news dl dd .imgbox {width: 33%;} .news dl dd a:hover .imgbox img {transform: scale(1.1);} .news dl dd .text {width: 59%;} .news dl dd .text h3 {font-size: 28px;color: #333333;font-weight: bold;} .news dl dd a:hover .text h3 {color: var(--dex);} .news dl dd .text .date {font-size: 18px;font-family: arial;color: #666666;margin: 1.4rem 0 2.6rem;} .news dl dd .text p {font-size: 16px;color: #666666;line-height: 2.6rem;margin-bottom: 3.7rem;} .news dl dd .text .more{width: 11.4rem;} .news dl dd a:hover .text .more {background-color: var(--dex);} .news dl dd a:hover .text .more span {color: #fff;} .news dl dd a:hover .text .more::after {color: #fff;} .news dl dd a:hover .more > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .news dl dd a:hover .more::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .page { display: flex; justify-content: center; align-items: center; margin: 12rem auto 15rem; } .page h2{display: none;} .page .pagination .nav-links {display: flex;justify-content: center;align-items: center;} .page a { border-radius: 50%; width: 4.6rem;height: 4.6rem;border: 0.1rem solid transparent;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: #464647;margin-right: 1.8rem;} .page a:last-child{margin-right: 0rem;} .page span { border-radius: 50%; width: 4.6rem;height: 4.6rem;border: 0.1rem solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: #464647;margin-right: 1.8rem;} .page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);} .page span {color: #fff;background-color: var(--dex);border-color: var(--dex);} .page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);} /* newsinfo */ .newsinfo_banner {position: relative;overflow:hidden;height:39rem;background-color:#f5f5f5;} .newsinfo_banner .text { position: absolute; left: 50%; top: 64%; transform: translate(-50%,-50%); z-index: 1; } .newsinfo_banner .news_text{width: 90rem; top: 64%;} .newsinfo_banner .news_text .bt {font-size: 38px; font-weight: bold;} .newsinfo_banner h4 {margin-bottom: 1.4rem;color: #333;} .newsinfo_banner h5 { font-size: 18px; display: flex; color: #666;} .newsinfo_banner h5 span:nth-of-type(1){margin-right: 2rem;} .newsinfo_banner h5 span {color: #666;} .newshowtt{ display: block; overflow: hidden; background: #f5f5f5; padding: 10rem 0; width: calc(100% - 20rem); margin: 10rem auto;} .newshowtt dd{ display: block; width: 90rem; margin: 0 auto; overflow: hidden;} .newshowtt dd strong{ display: block; color: #333; font-size: 4rem; line-height: 1em; margin-bottom: 2rem;} .newshowtt dd p{ display: block; overflow: hidden; } .newshowtt dd p span{font-family: Montserrat-Bold; display: block; float: left; color: #666; margin: 0 3rem 0 0; line-height: 3rem;} .newshowtxt{ display: block; overflow: hidden; width: 90rem; margin: 10rem auto 10rem;} .newshowtxt tr td{color: #666;} .newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 3rem; margin-bottom: 2rem;} .newshowtxt p strong a{ display: inline-block; color: #333; font-weight:bold} .newshowtxt p a{ display: inline-block; color: #333; font-weight:bold;} .newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto; height: auto;} .newshowtxt p b {color: var(--dex);} .newshowtxt p span{display: inline-block;} .newshowtxt section{ display: block; color: #333; font-size: 18px; line-height: 3rem; margin-bottom: 2rem;} .newshowtxt section b {color: var(--dex);} .sxy{ display: block; overflow: hidden; margin-top: 8rem; border-top: 0.1rem solid #ddd; } .sxy a{ display: block; color: #666; border-bottom: 0.1rem solid #ddd; padding: 1.6rem 0; font-size: 18px;} .sxy a:hover {color: var(--dex);} .bottomfx{display: block;margin-top: 3rem;} .bottomfx dt a{ width: 12rem; height: 4rem; float: right; } .bottomfx dd{} .bottomfx dd span{color: #666; display: block; float: left; font-size: 20px; line-height: 4rem; margin-right: 2rem;} .bottomfx dd .fx{ display: block;float: left;} .bottomfx dd .fx a{ display: block; width: 4rem; height: 4rem; text-align: center; line-height: 4rem; font-size: 1.7rem; background: #eee; border-radius: 50%; color: #333; float: left; margin-right: 1rem;} .bottomfx dd .fx a:hover{color: #fff; background: var(--dex);} /* jl */ .jl {padding: 14rem 0 18rem;background-color: #f5f5f5;} .jl dd { padding: 0rem 0; margin-bottom: 3.5rem;} .jl dd .top { position: relative; background-color: #fff; box-shadow: 0 0 1rem rgba(0,0,0,5%); padding: 4.7rem 5rem; box-sizing: border-box;} .jl dd .top .state { font-size: 5.9rem; color: var(--dex); font-family: arial; right: 6.5rem; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%);} .jl dd .top h4 {font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 1.2rem;} .jl dd:hover .top h4 {color: var(--dex);} .jl dd .top.active h4 {color: var(--dex);} .jl dd .top.active .state {color: var(--dex);} .jl dd .top .tip {display: flex;align-items: center;} .jl dd .top .tip h5 {display: flex;align-items: center;padding-right: 4.6rem; position: relative;} .jl dd .top .tip h5::after { position: absolute; content: ""; background-color: #ddd; width: 0.1rem; height: 60%; right: 2.3rem; top: 50%; transform: translateY(-50%);} .jl dd .top .tip h5:last-child:after {display: none;} .jl dd .top .tip h5 img { height: 1.8rem; margin-right: 0.5rem; width: auto;} .jl dd .top .tip h5 span {font-size: 18px;color: #666666;} .jl dd .top .jian {display: none;} .jl dd .top.active .jian {display:block;} .jl dd .top.active .jia {display: none;} .jl dd .top:hover .state {color: var(--dex);} .jl dd .bot {display: none; padding: 4.5rem 6.3rem;} .jl dd .bot .cc h4 { font-size: 20px; color: #333333; margin-bottom: 1.7rem; font-weight: bold;} .jl dd .bot .cc p{ font-size: 16px; line-height: 3.6rem; color: #666666;} .jl dd .bot .cc {margin-bottom: 3rem;} .jl dd .bot .you {font-size: 18px; color: #333333; display: flex; flex-flow: wrap;margin-bottom: 5.5rem;} .jl dd .bot .you span {font-size: 18px;color: var(--dex);font-weight: bold;} .jl dd .bot .more {width: 15.4rem;height: 4.5rem;background-color: var(--dex);} .jl dd .bot .more::after {color: var(--dex);} .jl dd .bot .more span {color: #fff;} .jl dd .bot .more:hover {background-color: transparent;} .jl .gong {margin-top: 11.2rem;} .jl .gong .bot .swiper {overflow: hidden;position: relative;} .jl .gong .fa { font-size: 3rem; background-image: none; width: 4.8rem; height: 4.8rem; border: 0.1rem solid #727272; border-radius: 50%; color: #727272; display: flex; justify-content: center; align-items: center; top: 53%; bottom: 0rem; } .jl .gong .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);} .jl .gong .fa-angle-left {left: -8.5rem;} .jl .gong .fa-angle-right {right: -8.5rem;} .jl .gong .bot {margin-top: 2.4rem;} .jl .gong .bot .imgbox:hover img {transform: scale(1.1);} .con01 {padding: 13rem 0 10.8rem;position: relative;overflow: hidden;background-color: #f5f5f5;} .con01 .bot {margin-top: 5rem;display: flex;align-items: center;justify-content: space-between;} .con01 .bot .le {width: 33.5%;} .con01 .bot .le h4 {font-size: 22px;font-weight: bold;color: #28282b;margin-bottom: 4.2rem;} .con01 .bot .le dl dd {margin-bottom: 5.2rem;} .con01 .bot .ri {width: 48%;justify-content: space-between;display: flex;} .con01 .bot .ri dl {width: fit-content;} .con01 .bot .ri dl dd {margin-bottom: 3.3rem;} .con01 .bot dd span { font-size: 16px; color: #999999; margin-bottom: 0.8rem;} .con01 .bot dd h5 {font-size: 18px;color: #28282b;} .con01 .bot .ri dd h5 {font-family: arial;} .con02 {padding: 12.5rem 0;position: relative;overflow: hidden;} .con02 .bot {margin-top: 5rem;} .con02 .top {margin-bottom: 5rem;} .con02 .top h3 {position: relative; color:#000;margin-bottom: 3rem; font-size:4rem;font-weight: bold;line-height: 1em;} .con02 .top h3::after { position: relative; content: ""; width: 5rem; height: 0.8rem; background-color: var(--dex); display: block; margin-top: 2.2rem;} .con02 .top p {font-size:1.8rem;color: #666;} .con02 .i04_1_thumbs {width: 88%;} .con02 .con02_nav {position: relative;margin-bottom: 4.5rem;} .con02 .con02_nav::after{ width: 100%; height: 1px; background-color: var(--dex); position: absolute; content: ""; bottom: 0px; left: 0px; opacity: 0.3; } .con02 .con02_nav .icenter1{display: flex; padding-bottom: 1rem; } .con02 .con02_nav .icenter1 span {font-size:26px;color: #333; cursor: pointer; font-weight: bold;} .con02 .con02_nav .icenter1 span:hover {color: var(--dex);} .con02 .con02_nav .icenter1 .swiper-slide-thumb-active span{color: var(--dex);} .con02 .seg {overflow: hidden;} .con02 .content {position: relative; width: fit-content; margin: auto;} .con02 .content .fa { outline: none; background-image: none; width: 3rem; height: 3rem; border-radius: 50%; color: #fff; font-size: 2.4rem; background-color: #a9a9a9; display: flex; justify-content: center; align-items: center;} .con02 .content .fa:hover {background-color: var(--dex);} .con02 .content .fa-angle-left {left:-5rem;} .con02 .content .fa-angle-right {right:-5rem;} .con02 .content .box { height: 53.5rem; display: flex;justify-content: space-between;} .con02 .content .box .text {width: 33.6%; box-sizing: border-box; background-color: #f5f5f5; padding: 8.5rem 6.7rem; height: 100%;} .con02 .content .box .text h4 {font-size: 30px;font-weight: bold;color: #28282b;line-height: 4rem;} .con02 .content .box .text dl {margin-top: 4rem;} .con02 .content .box .text dl dd {margin-bottom: 2.4rem;} .con02 .content .box .text dl dd span { font-size: 16px; color: #999999; margin-bottom: 0.8rem;} .con02 .content .box .text dl dd h5 {font-family: arial; font-size: 18px;color: #28282b;line-height: 3rem;} .con02 .content .box .imgbox {width: 64.5%;height: 100%;} .con02 .content .box .imgbox img {height: 100%;width: 100%;} ._form{margin-top:10rem;} ._form .top_p {font-size: 18px;color: #666666;margin: 4rem 0;} ._form .bot {padding-bottom: 14rem; position: relative; overflow: hidden; } ._form .bot h4 {font-size: 5rem;margin-bottom: 3.5rem;} ._form .bot form {width: 100%; display: flex; flex-flow: wrap; justify-content: space-between;} ._form .bot form .label h6{ display: flex; font-size: 18px; margin-bottom: 1.4rem;color: #333333;} ._form .bot form .label h6 sup {color: #ff2121;} ._form .bot form .label span input { color: #666; width: 100%; height: 4.4rem; border: none; outline: none; display: block; text-indent: 1em; font-size: 1.6rem; line-height: 4.4rem; margin: 0; background-color: #fafafa; border: 0.1rem solid #ddd;} ._form .bot form .label span { display: block; overflow: hidden; position: relative; width: 100%;} ._form .bot form .label { border: none; width: 48%; position: relative; margin-bottom: 3.4rem; } ._form .bot form .textarea { width: 100%; } ._form .bot form .textarea h6{ font-size: 1.8rem; margin-bottom: 1.4rem;color: #333;} ._form .bot form .textarea span { display: block; overflow: hidden; position: relative; width: 100%; } ._form .bot form .textarea span textarea { color: #fff; display: block; width: 100%; outline: none; font-size: 1.6rem; color: #666; border: none; box-sizing: border-box; background-color: #fafafa; border: 0.1rem solid #ddd; height: 13.3rem; resize: none; text-indent: 1em; line-height: 2.1rem; padding-top: 1.2rem;} ._form .bot form input::-webkit-input-placeholder { font-size: 1.6rem;} ._form .bot form textarea::-webkit-input-placeholder { font-size: 1.6rem;} ._form .bot form p { margin-top: 0rem; display: block; width: 100%;} ._form .bot form p button {width: 13.4rem;cursor: pointer;} ._form .bot form .bot_p {font-size: 16px;color: #666666;margin: 2rem 0 4.8rem;} /* solu01-1 */ .solu01-1 {padding-top: 12.5rem;position: relative;overflow: hidden;} .solu01-1 h3 {text-align: center;margin: auto;width: fit-content;} .solu01-1 p {font-size: 20px;color: #666666;line-height: 3.4rem;margin: 2.7rem 0 4.6rem;} .solu01-1 .bot { padding-bottom: 13rem;background: url(../images/solu01-1_bg.jpg);background-size: cover;object-fit: cover;background-position: center;} .solu01-1 .bot img {width: 38%;margin: auto;} .solu01-1 .ser_h3::after { position: absolute; content: ""; width: 5rem; height: 0.5rem; background-color: var(--dex); left: 50%; bottom: 0rem; transform: translateX(-50%); } .solu01-2 .ser_h3 { color: #fff;text-align: center;margin: auto;width: fit-content;} .solu01-2 .ser_h3::after { position: absolute; content: ""; width: 5rem; height: 0.5rem; background-color: var(--dex); left: 50%; bottom: 0rem; transform: translateX(-50%); } .solu01-2 { margin-bottom: 15rem; position: relative;padding-top: 15.5rem;background: url(../images/solu01_2_bg.jpg);background-size: cover;} .solu01-2 .bot {position: relative;margin-top: 2.8rem;z-index: 1;} .solu01-2 .bot .box { box-shadow: 0 0 1.3rem rgb(0 0 0 / 15%); background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 8rem 5rem 7.6rem; border-radius: 0.5rem;} .solu01-2 .bot .box h4 {font-size: 30px;font-weight: bold;color: #333333;} .solu01-2 .bot .box:hover h4 {color: var(--dex);} .solu01-2 .bot .box .icon {margin: 2.6rem 0; width: 20rem;height: 20rem;border-radius: 50%;background-color: #f5f5f5;display: flex;justify-content: center;align-items: center;} .solu01-2 .bot .box .icon img { width: 8.8rem; transition: 0.3s;} .solu01-2 .bot .box:hover .icon img {transform: rotateY(180deg);} .solu01-2 .bot .box p {font-size: 20px;color: #333333;line-height: 3rem;text-align: center; min-height: 6rem;} .solu01-2 .bot .swiper { overflow: hidden; padding: 2rem;} .solu01-2 .bot .fa { font-size: 3rem; background-image: none; width: 4.8rem; height: 4.8rem; border: 0.1rem solid #fff; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center; top: 51%; bottom: 0rem; } .solu01-2 .bot .fa-angle-left {left: -8.5rem;} .solu01-2 .bot .fa-angle-right {right: -8.5rem;} .solu01-2 .bot .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);} .solu01-2::after {content: ""; display: inline-block; width: 100%; height: 40%; background: linear-gradient(to top ,rgba(255,255,255,1) 0% ,rgba(255,255,255,0.98) 16%,rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0rem;} .solu01-3 { margin-bottom: 13rem;} .solu01-3 .ser_h3::after { position: absolute; content: ""; width: 4.6rem; height: 0.5rem; background-color: var(--dex); left: 50%; bottom: 0rem; transform: translateX(-50%); } .solu01-3 .ser_h3 {text-align: center;margin: auto;width: fit-content;} .solu01-3 dl {margin-top: 5rem;} .solu01-3 dl dd {margin-bottom: 10rem;display: flex;justify-content: space-between;align-items: center;} .solu01-3 dl dd:nth-of-type(2n) {flex-flow: row-reverse;} .solu01-3 dl dd .imgbox {width: 50%;} .solu01-3 dl dd .text {width: 43%;} .solu01-3 dl dd .text h4 {position: relative;font-size: 30px;font-weight: bold;color: #333333;} .solu01-3 dl dd .text h4::after {position: absolute; content: ""; width: 5rem; height: 0.5rem; background-color: var(--dex); left: 0px; bottom: -1.8rem; } .solu01-3 dl dd .text h4 .wen { position: absolute; font-size: 140px; color: #f2f2f2; font-family: alibb; left: 0px; top: -11.5rem; z-index: -1;} .solu01-3 dl dd .text ul {margin-top: 4rem;} .solu01-3 dl dd .text ul li {margin-bottom: 1.6rem; position: relative;padding-left: 2.4rem;font-size: 20px;color: #666666;} .solu01-3 dl dd .text ul li::before {border-radius: 50%; width: 1rem;height: 1rem;border: 2px solid var(--dex);position: absolute;content: "";top: 50%;transform: translateY(-50%);left: 0px;} .solu01-3 dl dd.tou .imgbox {box-shadow: 0 0 10px #ddd;} /* solu02-1 */ .solu02-1 {padding: 13.5rem 0 6.5rem;position: relative;overflow: hidden;} .solu02-1 .ser_h3 {text-align: center;margin: auto;width: fit-content;} .solu02-1 .ser_h3::after { position: absolute; content: ""; width: 5rem; height: 5px; background-color: var(--dex); left: 50%; bottom: 0px; transform: translateX(-50%); } .solu02-1 p {margin-top: 3.6rem; font-size: 20px;line-height: 3.4rem;color: #666666;} .solu02-2 {position: relative; margin-top: 30rem;padding: 41.1rem 0 14.5rem;background: url(../images/solu02_2_bg.jpg);background-size: cover; } .solu02-2 .imgbox { width: 100%; position: absolute; height: 60.8rem; top: -70.7rem} .solu02-2 .imgbox img {width: 100%;height: 100%;object-fit: cover;} .solu02-2 .bot {display: flex;justify-content: space-between;} .solu02-2 .bot .ser_h3 {color: #fff; height: fit-content;} .solu02-2 .bot dl { width: 68%; padding-right: 14rem; box-sizing: border-box;} .solu02-2 .bot dl dd { position: relative; padding-left: 2.8rem; font-size: 20px;color: #fff;margin-bottom: 1.6rem;} .solu02-2 .bot dl dd::before { border: 2px solid var(--dex); width: 1rem; height: 1rem; position: absolute; content: ""; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%;} .solu02-3 {padding: 10.5rem 0 20rem;background-color: #f3f3f3;position: relative;overflow: hidden;} .solu02-3 .swiper {overflow: hidden;} .solu02-3 .box h4 {font-weight: bold; color: #28282b;font-size: 27px;text-align: center;margin-top: 2rem;} .solu02-3 .box:hover h4 {color: var(--dex);} .solu02-3 .box:hover .imgbox img {transform: scale(1.1);} .solu02-3 .ser_h3 {text-align: center;margin: auto;width: fit-content;} .solu02-3 .ser_h3::after { position: absolute; content: ""; width: 5rem; height: 0.5rem; background-color: var(--dex); left: 50%; bottom: 0px; transform: translateX(-50%); } .solu02-3 .bot {margin-top: 3rem;} .solu02-3 .swiper-pagination { bottom: -7rem;left: 50%;transform: translate(-50%,-50%);} .solu02-3 .swiper-pagination-bullet {background-color: #fff; margin: 0 6px;width: 1rem;height: 1rem;border-radius: 50%;border: 1px solid #444444;} .solu02-3 .swiper-pagination-bullet-active { opacity: 1; background-color: var(--dex); border-color: var(--dex);} .solu02-4 {padding: 13.7rem 0;position: relative;overflow: hidden;} .solu02-4 .bot { margin-top: 4rem; position: relative;} .solu02-4 .bot .fa { outline: none; background-image: none; width: 5rem; height: 5rem; border-radius: 50%; color: #fff; font-size: 2.4rem; color: #a9a9a9; border:1px solid #a9a9a9; display: flex; justify-content: center; align-items: center;} .solu02-4 .bot .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);} .solu02-4 .bot .fa-angle-left {left:-8.8rem;} .solu02-4 .bot .fa-angle-right {right:-8.8rem;} .solu02-4 .bot .box {position: relative;} .solu02-4 .bot .swiper {overflow: hidden;} .solu02-4 .bot .box .imgbox {width: 60%;} .solu02-4 .bot .box .text { width: 50.5%;box-sizing: border-box; top: 50%;transform: translateY(-50%); position: absolute;right: 0px; padding: 7.5rem;background-color:rgba(244,244,244,0.94) ;} .solu02-4 .bot .box .text h4 {font-size: 3rem;font-weight: bold;color: #28282b;margin-bottom: 2.2rem;} .solu02-4 .bot .box .text h5 {font-size: 2rem;font-weight: bold;color: #666666;margin-bottom: 1.7rem;} .solu02-4 .bot .box .text p {font-size: 1.6rem;line-height: 2.6rem;color: #666666;margin-bottom: 3.7rem;} /* solu03 */ .solu03-1 {padding: 15.4rem 0 8.9rem;position: relative;overflow: hidden;} .solu03-1 p {font-size: 20px;color: #666666;line-height: 3.4rem;margin-top: 3rem;} .solu03-2 { margin-bottom: 36.2rem; padding: 12rem 0 47rem; position: relative; background: url(../images/solu03_2_bg.jpg);background-size: cover;} .solu03-2 dl {display: flex;justify-content: space-between;} .solu03-2 dl dd {display: flex;flex-direction: column;justify-content: center;align-items: center;} .solu03-2 dl dd img{width: auto; height: 5rem;} .solu03-2 dl dd span {color: #fff;font-size: 20px;margin-top: 1.4rem;} .solu03-2 .imgbox { position: absolute; bottom: -20.1rem; left: 50%; transform: translateX(-50%);} .solu03-3 { margin-bottom: 18rem; background: url(../images/solu03_3_bg.jpg);background-size: cover;} .solu03-3 .icenter1 {display: flex;justify-content: space-between;align-items: center;} .solu03-3 .text p{font-size: 20px;color: #333333;line-height: 3.4rem;margin-top: 3.8rem;} .solu03-3 .text {width:40%;} .solu03-3 .imgbox {width: 48.6%;} .solu03-4 {display: flex;justify-content: space-between;align-items: center;height: 80rem;} .solu03-4 .left { position: relative; background-color: #1c1c1c; padding: 16.5rem 6% 0px; width: 28%; height: 100%;} .solu03-4 .left .wen { cursor: pointer; font-size: 40px; font-weight: bold; color: #fff; position: relative; padding-bottom: 3px; width: fit-content;} .solu03-4 .left .wen::after {transition: 0.3s; position: absolute;content: "";left: 0px;bottom: -1rem;width: 0%;height: 0.4rem;background-color: var(--dex);} .solu03-4 .right {height: 100%; width:72%;overflow: hidden;} .solu03-4 .right .box {position: relative;} .solu03-4 .right .box .text {z-index: 3; font-size: 18px;line-height: 3rem;color: #fff;bottom: 7.2rem;width: 84%;left: 50%;transform: translateX(-50%);position: absolute;} .solu03-4 .right .box::after { content: ""; display: inline-block; width: 100%; height: 91%; background: linear-gradient(to top ,rgba(125, 126, 128,1) 0% ,rgba(125, 126, 128,0)); position: absolute; left: 0; bottom: 0px; } .solu03-4 .left .swiper-slide-thumb-active .wen {color: var(--dex);} .solu03-4 .left .swiper-slide-thumb-active .wen::after {width: 100%;} .solu03-4 .right .swiper ,.solu03-4 .right .box ,.solu03-4 .right .box .imgbox ,.solu03-4 .right .box .imgbox img{height: 100%;} .solu03-4 .left .fa_f{ position: absolute; bottom: 13rem; left: 22%; display: flex; align-items: center;} .solu03-4 .left .fa_f .fa img{width: 2.5rem;} .solu03-4 .left .fa_f .fa {background-image: none;width: auto;height: auto;margin: 0px;padding:0px;position: unset;} .solu03-4 .left .fa_f .fa-angle-left1 {margin-right: 2rem;} /* case */ /* product01wrap */ .case {padding: 10rem 0 16rem;} .product01wrap{background-color: #f5f5f5;box-sizing: border-box;padding: 10rem 0;position: relative;z-index: 0;} .product01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .product01 a{display: block;width: calc((100% - 7rem)/3);margin-bottom: 4rem;} .product01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;} .product01 a .imgbox img{display: block;width: 100%;transition: all .6s; max-height: 550px;} .product01 a:hover .imgbox img{transform: scale(1.1);} .product01 a .text{ background-color: #f5f5f5; width: 100%; padding: 4rem 0; text-align: center;} .product01 a .text h3{ font-size: 3rem; color: #333333; font-weight: bold; width: fit-content; margin: auto; margin-bottom: 6px; } .product01 a .text font{ font-family: arial; display: inline-block;font-size: 1.6rem;color: #666;padding-bottom: 0.2rem;border-bottom: 1px solid #333333;display: flex;display: -webkit-flex;text-transform: uppercase;} .product01 a .text font i{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-left: 0.2rem;font-size: 1.6rem;color: #666; position: relative; margin-left: 0.5rem;} .product01 a .text .fontwrap{padding-bottom: 0.4rem; display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;} .product01 a:hover .text h3,.product01 a:hover .text font{color: var(--dex);border-color: var(--dex);} .product01 a:hover .text font i{color: var(--dex);} /* caseinfo */ .cinfo_part .con02_nav::after{ width: 100%; height: 1px; background-color: var(--dex); position: absolute; content: ""; bottom: 0px; left: 0px; opacity: 0.3; } .cinfo_part .con02_nav .icenter1{display: flex; padding-bottom: 1rem; } .cinfo_part .con02_nav .icenter1 span {font-size:26px;color: #333; cursor: pointer; font-weight: bold;margin-right: 70px;} .cinfo_part .con02_nav .icenter1 span:hover {color: var(--dex);} .cinfo_part .con02_nav .icenter1 span.active{color: var(--dex);} .cinfo_banner {position: relative;margin-bottom: 9rem;} .cinfo_banner .imgbox img {height: 70rem;} .cinfo_banner .text { z-index: 3; position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);} .cinfo_banner .text h3 {font-size: 80px;} .cinfo_banner .text img {width: 11.3rem;display: block;margin-top: 3.8rem; display: none;} .cinfo_banner::after { content: ""; display: inline-block; width: 100%; height: 55%; background: linear-gradient(to top ,rgba(255,255,255,1) 0% ,rgba(255,255,255,0.98) 16%,rgba(255,255,255,0)); position: absolute; left: 0; bottom: 0px; } .cinfo_part .content .box { width: 100%; } .cinfo_part .i04_1Swiper_cc{width: 100%;} .cinfo_part .c_box {font-size: 22px;color: #666666;line-height: 3.6rem;display: none;opacity: 0;min-height: 75px;width: 80%;} .cinfo_part .c_box.active {display: block; animation: c_fade 0.4s linear forwards;} @keyframes c_fade { 100%{ opacity: 1; } } .cinfo_part .i04_1_thumbs_cc { width: 98%; } .cinfo_part .con02_nav { position: relative; margin-bottom: 3rem; } .cinfo_part .bot { margin-top: 5rem; margin-bottom: 8rem; } .cinfo_part .top {margin-bottom: 0px;} .cinfo_part {margin-bottom: 19rem;padding: 0px;} .actF .act-1F .act-1 { margin: auto;} .actF .act-1F .act-1 .swiper {overflow: hidden;} .actF .act-1F .act-1 .swiper-slide { width: 64.3rem; box-sizing: border-box; padding: 0px; } .actF .act-1F .act-1 .fa {z-index: 30; background-image: none;width: auto;height: auto;margin: 0px;padding: 0px;} .actF .act-1F .act-1 .fa img{width: 2rem;} .actF .act-1F .act-1 .swiper-slide a {width: 100%; height: 100%;position: relative;} .actF .act-1F .act-1 .swiper-slide a img {width: 100%;height: 43.3rem;object-fit: cover;} .actF .act-1F .act-1 .fa-le {left: 6.5rem;} .actF .act-1F .act-1 .fa-ri {right: 6.5rem;} .actF .act-1F .act-1 .swiper-slide-prev:after,.actF .act-1F .act-1 .swiper-slide-next:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.3;} /* pro */ .pro { padding-top: 0rem; position: relative; overflow:hidden; background-color: #f5f5f5;} .pro .seg {margin-bottom: 16.7rem;} .pro dl {margin-top: 5.5rem;display: flex;flex-flow: wrap;} .pro dd { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%;} .pro dd:nth-of-type(3n) {margin-right: 0px;} .pro1 dd {width: 23.5%; margin-right: 2%; margin-bottom: 3%;} .pro1 dd:nth-of-type(3n){margin-right: 2%;} .pro1 dd:nth-of-type(4n){margin-right: 0%;} .pro dd h4 {font-weight: bold; color: #28282b;font-size: 2.7rem;text-align: center;margin-top: 1.8rem;} .pro dd:hover h4 {color: var(--dex);} .pro dd:hover .imgbox img {transform: scale(1.1);} .pro1 dd h4 { font-size: 20px; margin-top: 1.6rem; } .pro1 .seg { margin-bottom: 12.7rem; } .pro_nav {background-color: #f5f5f5;overflow: hidden;position: relative;} .pro_nav a {z-index: 1;} .news_nav {display: flex;align-items: center;padding: 8rem 0 7.9rem;} .news_nav a:nth-of-type(1) {margin-left: 0rem;} .news_nav a { transition: 0.3s; margin: 0 3.4rem; font-size: 24px;color: rgba(54, 54, 54,0.5);position: relative;padding-bottom: 0.5rem;border-bottom: 0.3rem solid transparent;} .news_nav a.active {color: var(--dex);border-color: var(--dex);} .news_nav a:hover {color: var(--dex);border-color: var(--dex);} /* proinfo */ .proinfo_f {background-color: #f5f5f5;} .proinfo_banner::after { content: ""; display: inline-block; width: 100%; height: 40%; background: linear-gradient(to top ,rgba(245,245,245,1) 0% ,rgba(245,245,245,0.98) 16%,rgba(245,245,245,0)); position: absolute; left: 0; bottom: 0px;} .proinfo_banner {position: relative;} .proinfo_t{position: relative; top: -14.7rem;} .proinfo_t h3 {font-size: 70px;color: #000000;} .proinfo_t p {font-size: 20px;color: #666666;line-height: 3.4rem;margin-top: 3.6rem;} .proinfo2 { margin-top: 23.8rem; position: relative; padding: 36.6rem 0 11rem;background: url(../images/proinfo2_2_bg.jpg);background-size: cover;} .proinfo2 .top { position: absolute; top: -68.3rem; width: 100%; } .proinfo2 .top .swiper {width: 100%;overflow: hidden;} .proinfo2 .fa { background-image: none;width: auto;height: auto;margin: auto;padding: 0px;} .proinfo2 .fa-le {left: 5rem;} .proinfo2 .fa-ri {right: 5rem;} .proinfo2 .fa img {width: 2rem;} .proinfo2 .feature {display: flex;} .proinfo2 .feature h3 { color: #fff; height: fit-content;} .proinfo2 .feature p {margin-left: 19rem; font-size: 20px;color: #fff;line-height: 5rem;} .proinfo2 .list {display: flex;justify-content: space-between;} .proinfo2 .list h3 { color: #fff; height: fit-content;} .proinfo2 ul {width: 75.6%; display: flex;} .proinfo2 ul li p{border-bottom: 1px solid #c3c3c3;} .proinfo2 ul li p:nth-of-type(1){border-top: 1px solid rgba(191,191,191,0.5);} .proinfo2 ul li:nth-of-type(2) p ,.proinfo2 ul li:nth-of-type(3) p { border-bottom: 1px solid rgba(191,191,191,0.5); } .proinfo2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #c3c3c3;;} .proinfo2 ul li:nth-of-type(1) p {border-bottom: 3px solid #c3c3c3;;} .proinfo2 ul li p{height: auto; padding: 1rem 0; line-height: 2.6rem; font-size: 1.6rem; display: flex; align-items: center;} .proinfo2 ul li:nth-of-type(1){width: 20%;} .proinfo2 ul li:nth-of-type(1) p {color: #fff; font-size: 16px;} .proinfo2 ul li:nth-of-type(2) p,.proinfo2 ul li:nth-of-type(3) p{padding-left: 9rem; color: #fff;box-sizing: border-box;} .proinfo2 ul li:nth-of-type(3) ,.proinfo2 ul li:nth-of-type(2){width: 40%;} .proinfo2 ul li:nth-of-type(2) p:last-child,.proinfo2 ul li:nth-of-type(3) p:last-child {height: auto;line-height: 2.6rem;} .proinfo2 ul li:nth-of-type(1) p:last-child{height: auto;} /* service */ .ser01 {padding: 11.3rem 0 13rem;position: relative;overflow: hidden;} .ser01 .top {display: flex;justify-content: center;align-items: center;flex-direction: column; margin-bottom: 5.2rem;} .ser01 .top p {font-size: 18px;color:#666666; margin-top: 3rem;} .ser01 .ser_h3::after { position: absolute; content: ""; width: 5rem; height: 0.5rem; background-color: var(--dex); bottom: 0px; left: 50%; transform: translateX(-50%); } .ser01 .text { z-index: 3; left: 5.6rem;bottom: 5.6rem; position: absolute;} .ser01 .text h4 {font-size: 28px;font-weight: bold;color: #fff;margin-bottom: 2.2rem;} .ser01 .text p {font-size: 16px;line-height: 3rem;color: #fff;} .ser01 .fa { font-size: 3rem; background-image: none; width: 4.8rem; height: 4.8rem; border: 1px solid #727272; border-radius: 50%; color: #727272; display: flex; justify-content: center; align-items: center; top: 51%; bottom: 0px; } .ser01 .fa-angle-left {left: -8.5rem;} .ser01 .fa-angle-right {right: -8.5rem;} .ser01 .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);} .ser01 .bot {position: relative;} .ser01 .bot .box:hover .imgbox img {transform: scale(1.1);} .ser01 .bot .box {position: relative;} .ser01 .bot .box:after { transition: 0.3s; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0; } .ser01 .bot .box:hover:after {opacity: 0.3;} .ser01 .bot .box:hover h4 {color: var(--dex);} .ser01 .swiper {overflow: hidden;} .ser02 {height: 67rem; display: flex;justify-content: space-between;align-items: center;margin-bottom: 15rem;} .ser02 .left {width:59.5%;height: 100%;} .ser02 .right {width: 40.5%;height: 100%;position: relative;} .ser02 .right img ,.ser02 .left img{height: 100%;object-fit: cover;} .ser02 .right .text { position: absolute; width: 69%; left: 50%; top: 50%; transform: translate(-50%,-50%);} .ser02 .right .text h3 {color: #fff;} .ser02 .right .text p {font-size: 18px;color: #ffffff;line-height: 3rem;margin-top: 3.4rem;} .ser03 {margin-bottom: 15rem;position: relative;overflow: hidden;} .ser_com {display: flex; justify-content: flex-end; position: relative;} .ser_com .right {width: 67%;} .ser_com .left {position: absolute;left: 0px;top: 50%;transform: translateY(-50%); width: 43.5%;padding: 7rem;background-color: #f5f5f5;box-sizing: border-box;} .ser_com .left .ser_h3 {transition: 0.3s;} .ser_com:hover .left .ser_h3 {color: var(--dex);} .ser_com .left p {margin-top: 3rem;color: #666666;font-size: 18px;line-height: 3rem;} .ser_com .left .ser_com {margin-bottom: 15rem;} /* ser04 */ .ser04 {padding: 22.3rem 0;position: relative;overflow: hidden;background: url(../images/ser04_bg.jpg);background-size: cover;} .ser04 dl {display: flex;justify-content: space-between;} .ser04 dl dd {display: flex;justify-content: center;align-items: center;flex-direction: column;} .ser04 dl dd .icon img {width: 6.3rem;transition: 0.3s;} .ser04 dl dd .icon {margin-bottom: 1.6rem; width: 110px; height: 110px;border-radius: 50%;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;} .ser04 dl dd span {font-size: 18px;color: #ffffff;text-align: center;} .ser04 dl dd:hover .icon img {transform: rotateY(180deg);} .ser04 dl dd:hover span {color: var(--dex);} .ser05 {padding-top: 15rem;position: relative;overflow: hidden;} .ser05 .seg { margin-bottom: 15rem;} .ser05 .seg dl {padding: 0 19rem;display: flex;justify-content: space-between;margin-top: 10rem;} .ser05 .seg dl dd {width: 31%;border-radius: 5px;box-shadow: 0 0 10px #ddd;padding: 3.7rem 1rem 5.7rem;display: flex;justify-content: center;align-items: center;flex-direction: column;} .ser05 .seg dl dd .icon {width: 11.5rem;height: 11.5rem; background-color:#f5f5f5;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .ser05 .seg dl dd .icon img{width: 6rem;transition: 0.3s;} .ser05 .seg dl dd span {font-size: 18px;color: #666666;margin-top: 1.6rem;} .ser05 .seg:nth-of-type(1) .ser_com{justify-content: flex-start;} .ser05 .seg:nth-of-type(1) .left { right: 0px; left: auto;} .ser05 .seg dl dd:hover .icon img {transform: rotateY(180deg);} .ser05 .seg dl dd:hover span {color: var(--dex);} /* vi_box */ .vi_box { top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);} .vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;} .vi_box .box video{ width: 100%;height: 100%; position: relative; object-fit: cover; display: block;} .vi_box .box .video {position: relative;width: 70%; height: 68%;} .vi_box .box .video img.close{ cursor: pointer;width: auto;position: absolute;right: -4rem;top: -4rem;transition: all .3s;pointer-events: painted;} .vi_box .box .video .close:hover {transform: rotate(135deg);} /* about */ .ding {position: absolute;top: -69px;width: 100%;height: 1px;} .ab01 {padding: 12.5rem 0;margin-bottom: 12rem;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;} .ab01::after { position: absolute; content: ""; height: 100%; width: calc( 100% - (100% - 1300px)/2); right: 0px; top: 0px; background-color: #f5f5f5;} .ab01 .le { z-index: 4; position: relative; width: 48%;} .ab01 .le video {height: 59.6rem;width: 100%;object-fit: cover;} .ab01 .le .bo { z-index: 3; cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .ab01 .le .bo img {width: 7.7rem;} .ab01 .le .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; } .ab01 .le .mask:before { position: relative; content: ''; display: block; margin-top: 100%; } .ab01 .le .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .ab01 .le:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s} .ab01 .le:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s} @-webkit-keyframes anim-out{0%{width:0%} 100%{width:100%} } @keyframes anim-out{0%{width:0%} 100%{width:100%} } @-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)} 100%{background:0 0} } @keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)} 100%{background:0 0} } .ab01 .ri {position: relative; z-index: 1; width: 45%; padding-right: calc((100% - 1300px)/2);} .ab01 .ri .wen { position: absolute; right: 0px; top: -22rem; font-size: 21.3rem; color: #fff; font-family: arial;} .ab01 .ri p {font-size: 20px;line-height: 3.4rem;color: #666666;margin-top: 2.4rem;} .ab02 {margin-bottom: 10rem;} .ab02 p {font-size: 20px;color: #666666;line-height: 3.4rem;margin-top: 2.4rem;} .ab03 { padding: 18rem 0 16rem;position: relative;overflow: hidden;background: url(../images/ab03_bg.jpg);background-size: cover; background-position: center;} .ab03 dl {display: flex;flex-flow: wrap;justify-content: space-between;} .ab03 dl dd {width: 29%;margin-bottom: 7rem;} .ab03 dl dd:nth-of-type(4),.ab03 dl dd:nth-of-type(5),.ab03 dl dd:nth-of-type(6) {margin-bottom: 0px;} .ab03 dl dd h4 { align-items: flex-end;display: flex;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,0.3);} .ab03 dl dd h4 strong { font-size: 60px; color: var(--dex); margin-right: 1rem; font-family: 'Num'; line-height: 5.1rem;} .ab03 dl dd h4 sub {font-size: 18px;color: #fff;} .ab03 dl dd h5 { width: 72%;font-size: 16px;color: #fff;padding-top: 1.5rem;position: relative;} .ab03 dl dd h5::before {position: absolute;content: "";top: 0px;left: 0px;width: 7rem;height: 1px;background-color: var(--dex);} .ab04 {height: 86rem; min-height: 60rem; background: #fff; width: 100%; overflow: hidden; position: relative; } .ab04 .content { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .ab04 .content #container { transition: 0.3s;left: 0px; position: relative; overflow: hidden; width: fit-content; height: auto;} .ab04 .content .top-title { position: absolute; left: calc((100vw - 1300px)/2); top: 13rem; z-index: 3;} .ab04 .text .ser_h3::after {display: none;} .ab04 .content span {font-family: arial;font-size: 20px;color: #333333;} .ab04 .content .itemdian { width: 3.4rem; height: 3.4rem; position: relative; margin: auto; margin-top: 1.2rem; } .ab04 .itemdian:before { animation: loader 1.2s infinite cubic-bezier(0.55, 0.23, 0.62, 1); } .ab04 .itemdian:before { content: ""; position: absolute; background: var(--dex); width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; } .ab04 .itemdian:after { content: ""; position: absolute; background: var(--dex); border-radius: 50%; left: 50%; top: 50%; width: 2rem; height: 2rem; margin-left: -1rem; margin-top: -1rem; } @keyframes loader{ 0%{ transform:scale(0.6); opacity:0 } 50%{ opacity:1 } 100%{ transform:scale(1); opacity:0 } } .ab04 .content .xianbox2 { width: calc(100vw * 8.8); height: 77rem; z-index: 1; margin-left: calc((100vw - 1300px)/2 + 6.3rem); } .por { position: relative; } .ab04 .content .xianimg2 { width: calc(100vw * 8.8); height: 77rem; } .ab04 .content #container .text p{ font-size: 16px; line-height: 2.6rem; color: #666666; margin-top: 1rem; white-space: nowrap;} .ab04 .content #container .text { width: 38rem; left: calc((100vw - 1300px)/2); top: 44rem; position: absolute;} .ab04 .timedian img{width: 38rem;margin-top: 2rem;} .ab04 .timedian span { font-size: 22px; color: #333333; margin-top: 1.5rem; width: 38rem;} .ab04 .content .timedian:nth-of-type(2n){display: flex;flex-flow: column-reverse;} .ab04 .content .timedian { position: absolute; z-index: 2; } .ab04 .content .timedian2 span{width: fit-content;} .ab04 .content .timedian2 {position: absolute; z-index: 2;} .ab04 .content .timedian2 { left: 4.5%; top: 38.5%;} .ab04 .content .timedian3 { left: 7%; top: 16%; } .ab04 .content .timedian4 { left: 10.5%; top: 44%;} .ab04 .content .timedian5 { left: 14.5%; top: 42%;} .ab04 .content .timedian6 { left: 18.5%; top: 33%;} .ab04 .content .timedian7 { left: 22.5%; top: 33%;} .ab04 .content .timedian8 { left: 26.5%; top: 33%;} .ab04 .content .timedian9 { left: 30.5%; top: 33%;} .ab04 .content .timedian10 { left: 34.5%; top: 33%;} .ab04 .content .timedian11 { left: 38.5%; top: 41%;} .ab04 .content .timedian12 { left: 42.5%; top: 33%;} .ab04 .content .timedian13 { left: 46.5%; top: 33%;} .ab04 .content .timedian14 { left: 50.5%;top: 38%;} .ab04 .content .timedian15 { left: 54.5%; top: 33%;} .ab04 .content .timedian16 { left: 58.5%; top: 33%;} .ab04 .content .timedian17 { left: 62.5%; top: 33%;} .ab04 .content .timedian18 { left: 66.5%; top: 33%;} .ab04 .content .timedian19 { left: 70.5%; top: 44%;} .ab04 .content .timedian20 { left: 74.5%; top: 41%;} .ab04 .content .timedian21 { left: 78.5%; top: 33%;} .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { width: 6rem; height: 6rem; left: 50%; margin-left: -7.5rem; background: rgba(0, 0, 0, 0.2) url(../images/j1.png); bottom: 6rem; border-radius: 50%; background-position: 50% 50%; background-size: 25px auto; background-repeat: no-repeat; position: absolute; } .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { width: 6rem; height: 6rem; left: 50%; right: auto; margin-left: 1.5rem; background: rgba(0, 0, 0, 0.2) url(../images/j1.png); bottom: 6rem; border-radius: 50%; background-position: 50% 50%; background-size: 25px auto; background-repeat: no-repeat; transform: rotate(-180deg); position: absolute; } .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:hover, .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:hover{background-color: var(--dex);} .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal { z-index: 10; position: absolute; width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .ab05 {position: relative;overflow: hidden;} .ab05 dl {display: flex;justify-content: space-between;} .ab05 dl dd {position: relative;width: calc(100%/3);} .ab05 dl dd:nth-of-type(2) .imgbox img{transform: scale(1.05);} .ab05 dl dd:after { transition: 0.3s; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0; } .ab05 dl dd:hover:after { opacity: 0.3; } .ab05 dl dd .text { z-index: 2; position: absolute; bottom: 8.8rem; left: 50%; transform: translateX(-50%); width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .ab05 dl dd .text h4 {font-size: 18px;color: rgba(255,255,255,0.7);margin-bottom: 3.8rem;} .ab05 dl dd .text h5 {font-size: 31px;line-height: 4rem;font-weight: bold;height: 7rem;text-align: center;} .ab05 dl dd:hover .text h4 {color: var(--dex);} .ab05 dl dd:hover .imgbox img {transform: scale(1.1);} .ab05 dl dd:nth-of-type(2):hover .imgbox img {transform: scale(1.15);} .ab06 {padding: 16rem 0 13.7rem;position: relative;overflow: hidden;} .ab06 .swiper-slide {transition: 0.3s;} .ab06 .swiper-slide:hover { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .ab06 .swiper {padding-top: 9rem;} .ab06 .top {display: flex;justify-content: space-between;} .ab06 .top p {width: 70.5%; text-align: end;font-size: 18px;color: #666666;line-height: 3rem;} .ab06 .top h3 {height: fit-content;} .ab06 .bot .swiper .box { overflow: hidden; z-index: 1;position: relative; border-radius: 8px; display: flex;justify-content: center;align-items: center;flex-direction: column;} .ab06 .bot .swiper .box .text { width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .ab06 .bot .swiper .box .text img {width: 80%; margin: auto;} .ab06 .bot .swiper .box .text span { font-size: 18px; color: #fff; margin-top: 3.2rem; text-align: center; line-height: 2.6rem; font-weight: bold;} .ab06 .bot {width: calc(100% - (100% - 1300px)/2 ); position: relative; left: calc((100% - 1300px)/2); overflow: hidden;} .ab06 .bot .swiper {position: relative;} .ab06 .bot .b_so { width: 1300px; display: flex;align-items: center;justify-content: space-between; margin-top: 5rem;} .ab06 .bot .b_so .swiper-pagination { position: unset; width: 87%; height: 5px; border-radius: 5px;} .ab06 .bot .b_so .fa { background-color: #e8e8e8; position: unset; width: auto; height: auto; margin: 0px; padding: 0px; width: 6rem; height: 6rem; font-size: 3.6rem; color: #797979; display: flex; justify-content: center; align-items: center; background-image: none; border-radius: 50%;} .ab06 .bot .b_so .faf {width: 10%;display: flex;justify-content: space-between;align-items: center;} .ab06 .bot .b_so .fa:hover {color: #fff;background-color: var(--dex);} .ab06 .bot .b_so .swiper-pagination-progressbar { background: rgba(0,0,0,.05); } .ab06 .bot .b_so .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--dex);border-radius: 12px;} .ab07 {margin-bottom: 11.5rem;position: relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;} .ab07 .left {width: 53.2%;} .ab07 .right {width: 35.8%;padding-right: calc((100% - 1300px)/2);} .ab07 .right h3 {text-align: end;} .ab07 .right h3::after {display: none;} .ab07 .right dl { height: 38.7rem; overflow-y: scroll; padding-right: 2.3rem; margin-top: 2rem;} .ab07 .right dl dd {font-size: 22px;color: #666666;margin-bottom: 3rem;} .ab07 .right dl dd:hover {color: var(--dex);} .ab07 .right dl dd.active {color: var(--dex);} .ab07 .right dl::-webkit-scrollbar { height: 1px; width: 3px; } .ab07 .right dl::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3); background: var(--dex); } .ab07 .right dl::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); } .ab08 .fa { font-size: 3rem; background-image: none; width: 4.8rem; height: 4.8rem; border: 1px solid #727272; border-radius: 50%; color: #727272; display: flex; justify-content: center; align-items: center; top: 43%; bottom: 0px; } .ab08 .fa-angle-left {left: -8rem;} .ab08 .fa-angle-right {right: -8rem;} .ab08 .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);} .ab08 {margin-bottom: 10.8rem;position: relative;overflow: hidden;} .ab08 .botF { width: fit-content; margin: auto; position: relative; } .ab08 .bot {width: 134rem; margin: auto;padding: 2rem 0;overflow: hidden;} .ab08 .bot .imgbox {padding: 3.3rem 0;box-shadow: 0 0 10px #ddd; display: flex;justify-content: center;align-items: center;} .ab08 .bot .box:hover .imgbox img {transform: scale(1.1);} .ab08 .bot .imgbox img {width: 23.3rem;} .ab08 .bot .box span {color: #333333;font-size: 18px;margin-top: 2rem;text-align: center;} .ab08 .bot .box:hover span {color: var(--dex);} .ab09 {padding: 16.2rem 0;position: relative;overflow: hidden;background: url(../images/ab0725_bg.jpg);background-size: cover;} .ab09 .top {margin-bottom: 4.5rem;} .ab09 .top h3 {color: #fff;} .ab09 .top p { width: 84%;font-size: 18px;color: #fff;line-height: 3rem;margin-top: 3rem;} .ab09 dl {display: flex;flex-flow: wrap;} .ab09 dl dd { width: 29%; margin-bottom: 7rem; margin-right: 6.5%;} .ab09 dl dd:nth-of-type(4),.ab09 dl dd:nth-of-type(5),.ab09 dl dd:nth-of-type(6) {margin-bottom: 0px;} .ab09 dl dd h4 { align-items: flex-end;display: flex;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.3);} .ab09 dl dd h4 strong { font-size: 60px; color: var(--dex); margin-right: 1rem; font-family: 'Num'; line-height: 5.1rem;} .ab09 dl dd h4 sub {font-size: 18px;color: #fff;} .ab09 dl dd h5 { width: 72%;font-size: 16px;color: #fff;padding-top: 1.5rem;position: relative;} .ab03 dl dd h5::before {position: absolute;content: "";top: 0px;left: 0px;width: 7rem;height: 1px;background-color: var(--dex);} .ab09 dl dd:nth-of-type(3n){margin-right: 0px;} @media screen and (max-width:1600px) { html,body{font-size: 7px;} .icenter { width: 1160px;} .icenter1 {width: 1100px;} /* head */ .head .right ul li .a { line-height: 8.5714rem; height: 8.5714rem; } .head .right ul li .a { font-size: 16px; padding: 0 1em;} .head .right .lang span { font-size: 14px; line-height: 8.5714rem; height: 8.5714rem;} .head .right .lang span i { line-height: 3.2857rem; margin-left: 0.2857rem; } .head .right .search { } .head .right .search { font-size: 14px; } .head .logo { width:160px; } .div1 .menu_hover {top: 8.5714rem;} .accordion-body dl dd a { font-size: 14px; width: 25rem;} .accordion-body dl dd { line-height: 5.4286rem; } .head { height: 8.5714rem; } .accordion-body dl dd .er a { font-size: 14px;} .accordion-body dl dd .er { padding-left: 4.4286rem; right: -14.7143rem; width: 32.7143rem; height: 22.1429rem;} .head .right ul li:nth-of-type(3) .ff .t a { font-size: 15px; } .head .right ul li:nth-of-type(3) .ff .cang02 .g span { font-size: 14px;} .head .right ul li:nth-of-type(2) .accordion-body , .head .right ul li:nth-of-type(3) .accordion-body{ width: 850px;} /* ibanner */ .ibanner .text { left: calc((100% - 1160px)/2); bottom: 15rem; } .ibanner .text h3 { font-size: 70px;} .ibanner .text h4 { font-size: 39px; } .ibanner .text h5 { font-size: 16px; margin-bottom: 2.4rem; } /* index */ .i02 .ri .seg .swiper-pagination { bottom: -5.1429rem; left: 0%; } .i03 .le dl dd h4 span { top: -0.5714rem; font-size: 16px;} .i04 .i04_1_thumbs { width: 94%; } /* footer */ .footer .fo02 .le a { font-size: 13px; margin-right: 2.2857rem; } .footer .fo02 .ri { width: 40px; } .footer .fo01 ul li h3 a { font-size: 18px; } .footer .fo01 ul li h3 { margin-bottom: 2.1429rem; } .footer .fo01 ul li p a { font-size: 14px; margin-bottom: 2rem; } .footer .fo01 li h4 { font-size: 24px; margin-bottom: 2rem; } .footer .fo01 li .seg h5 { font-size: 14px; margin-bottom: 2.5714rem; } .footer .fo01 li .seg h6 { font-size:14px; margin-bottom: 2.5714rem; } .footer .fo01 li .follow .img { height: 3.1429rem; } .footer .fo01 li .follow span { font-size: 13px; margin-left: 1.1429rem; height: 3.1429rem; line-height: 3.1429rem; } .footer .fo01 li .follow { margin-bottom: 2.8571rem; } .footer { padding: 8.5714rem 0 4.2857rem;} .footer .fo01 { margin-bottom: 7.1429rem; } .footer .fo01 ul li p a { font-size: 14px; margin-bottom: 1.7143rem; } .footer .fo01 li .seg h5 { font-size:13px; margin-bottom: 1.1429rem; } .footer .fo01 li .seg { margin-bottom: 2.8571rem; } .i01 .le h3::after,.i02 .le h3::after,.i03 .le .i03_h4::before,.i04 .top h3::before,.i03 .le .text h3:after,.i04 .top h3::after{ height:0.5714rem; } .i01 .le h3,.i02 .le h3,.i_title,.i04 .top h3{ font-size: 30px;} .i01 .le h4,.i04 .i04_nav .icenter span{font-size: 16px; line-height: 26px;} .i01 .ri h4{font-size:24px; } .i01 .ri .content a .text p{ font-size: 14px; line-height: 24px;margin-bottom: 2.8571rem;} .i01_more{ margin-bottom: 2.2857rem; padding: 0.8571rem 6rem; width: fit-content!important;} .i01 .ri p{margin-bottom: 4.2857rem;font-size: 15px;} .i01 .ri .content a .text h4{ font-size: 20px; margin-bottom: 16px;} .i01 .ri .content4 a .text h4,.i02 .le h4{font-size:16px; } .i02 .ri .seg .box .text h3{ font-size: 21px;} .i02 .ri .seg .box .text p,.i03 .le .text p{ font-size: 14px; line-height: 23px;} .i02 .ri .seg .box .text .more{ width: 17.1429rem;height: 5.1429rem;} .i03 .le .text .i03_h4{ font-size: 2.8571rem;} .i03 .le dl dd h4 strong{font-size: 8rem;} .i03 .le dl dd h5{ font-size: 14px; } .i03 .ri .t .text h5,.i03 .ri .b .text h5{ font-size: 16px;} .i03 .ri .t .text h4,.i03 .ri .b .text h4{ font-size: 3.7143rem;} .more{ width: 18.5714rem;height: 5.7143rem;} .i03 .le .text{ width: 70%;} .i03 .le{width: 66%} .i03 .ri{ width:34%;} .i03 .le dl{ padding-top: 7.1429rem; margin-bottom: 2.8571rem;} .i03 .le dl dd{ margin-bottom: 2.8571rem;} .more > span{font-size:12px;} .i03 .le .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .i03 .ri .b .text h4,.i03 .ri .t .text h4{ font-size: 20px; line-height: 24px; } .i02 .le h4{ line-height: 26px; width: 70%;} .i01_more::after{font-size:12px; } .moreright{ width:5.1429rem; } .i02,.i01{ height: auto;padding: 14.2857rem 0;} .i03{height:auto;} .i04 .top p{ font-size:2.2857rem; } .i04 .i04_nav .icenter span{font-size:2.8571rem;} .i04 .content dl dd{padding: 3.4286rem 0;} .i01 .ri .content a{width: 44%;} .i01 .ri .content{width: 100%;overflow: hidden;min-height: 57.1429rem;} .i01 .ri .content4 a .text h4{ font-size: 2.2857rem;} /* about */ .innerbanner .text h4 { font-size: 24px;} .innerbanner .text h5 { font-size: 40px;} .ab01 .ri .wen { font-size: 148px;} .ser_h3 { font-size: 32px; } .ab01 .ri { padding-right: calc((100% - 1100px)/2); } .ab02 p { font-size: 17px; line-height: 30px; margin-top: 2.4rem; } .ab03 dl dd h4 strong { font-size: 52px;} .ab03 dl dd h4 sub { font-size: 16px; } .ab03 dl dd h5 { font-size: 14px;} .ab04 .content #container .text { width: 44rem;} .ab04 .content #container .text p { font-size: 14px; line-height: 24px;} .ab04 .timedian span { font-size: 18px;} .ab04 .content .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -13px;} .ab05 dl dd .text h4 { font-size: 16px;} .ab05 dl dd .text { width: 64%;} .ab05 dl dd .text h5 { font-size: 20px; line-height: 30px;} .ab06 .top p { font-size: 16px; line-height: 24px; } .ab06 .bot .swiper .box .text span { font-size: 16px; line-height: 24px;} .ab07 .right dl dd { font-size: 18px;} .ab01 .ri p { font-size: 16px; line-height: 24px; } .ab09 { padding: 13.2rem 0;} .ab09 dl dd { margin-bottom: 6rem; } .ab08 .bot { width: 1140px;} .ab07 .right { padding-right: calc((100% - 1100px)/2); } .ab06 .bot { width: calc(100% - (100% - 1100px)/2 ); position: relative; left: calc((100% - 1100px)/2); overflow: hidden; } .ab04 .content .top-title { left: calc((100vw - 1100px)/2); } .ab04 .content #container .text { left: calc((100vw - 1100px)/2); } .ab04 .content .xianbox2 { height: 77rem; z-index: 1; margin-left: calc((100vw - 1100px)/2 + 7.3rem); } .ab04 .content .timedian2 { left: 4%; top: 38.5%;} .ab06 .bot .b_so { width: 1100px; } .ab08 .bot .box span { font-size: 16px; } .ab09 .top p { font-size: 16px; line-height: 26px; } .ab09 dl dd h4 strong { font-size: 52px;} .ab09 dl dd h4 sub { font-size: 16px; } .ab09 dl dd h5 { font-size: 14px;} .ab01 .le video { height: 58.6rem; } /* proinfo */ .proinfo2 .top .swiper .imgbox {height: 61.4286rem;} .proinfo2 .top .swiper .imgbox img{height: 100%;} .proinfo2 ul li p { height: 43px; padding: 10px 0; line-height: 22px; font-size: 12px; } /* news */ .news_top .box .text h3 { font-size: 22px; line-height: 34px; } .news_top .box .imgbox img { max-height: 342px; } .news_top .box .text .date { font-size: 16px;} .news_top .box .text p { font-size: 14px; line-height: 24px;} .news dl dd .text h3 { font-size: 24px; } .news dl dd .text .date { font-size: 16px;} .news dl dd .text p { font-size: 14px; line-height: 24px; } .newsinfo_banner .news_text .bt { font-size: 28px; } .newsinfo_banner h5 { font-size: 15px;} .newshowtxt p { font-size: 16px; line-height: 26px;} .sxy a { font-size: 16px; } .bottomfx dd span { font-size: 16px;} /* caseinfo */ .actF .act-1F .act-1 .swiper-slide a img { height: 45.3rem; } .actF .act-1F .act-1 .swiper-slide { width: 74.3rem;} .cinfo_banner .imgbox img { height: 68rem; } .cinfo_banner { margin-bottom: 7.2rem; } /* solu03-2 */ .solu03-2 .imgbox { height: 57.1429rem; } .solu03-2 .imgbox img {height: 100%;} .actF .act-1F .act-1 .swiper { width: 135.7143rem; margin: auto;} /* ser */ .ser01 .top p { font-size: 16px; } .ser01 .text h4 { font-size: 24px; } .ser01 .text p { font-size: 14px; line-height: 24px; } .ser02 .right .text p { font-size: 15px; line-height: 24px; } .ser_com .left p { font-size: 15px; line-height: 24px; } .ser04 dl dd span { font-size: 16px; } .ser04 dl dd .icon { width: 100px; height: 100px;} .ser05 .seg dl dd span { font-size: 16px; } .jl dd .top h4 { font-size: 24px;} .jl dd .top .tip h5 span { font-size: 15px; } .jl dd .bot .cc h4 { font-size: 17px; } .jl dd .bot .cc p { font-size: 14px; line-height: 24px; } .jl dd .bot .you { font-size: 16px;} .jl dd .bot .you span {font-size: 16px;} .con01 .bot .le h4 { font-size: 20px;} .con01 .bot dd span { font-size: 14px;} .con01 .bot dd h5 { font-size: 16px; } .con02 .i04_1_thumbs { width: 96%; } .con02 .con02_nav .icenter1 span { font-size: 20px;} .con02 .content .box .text h4 { font-size: 22px; line-height: 30px; } .con02 .content .box .text dl dd span { font-size: 14px; } .con02 .content .box .text dl dd h5 { font-size: 16px; line-height: 24px; } ._form .top_p { font-size: 16px;} ._form .bot form .label h6 { font-size: 16px;} ._form .bot form .label span input { font-size: 14px;} ._form .bot form .textarea span textarea{font-size: 14px;} ._form .bot form .bot_p { font-size: 14px;} .cinfo_banner .text h3 { font-size: 55px; } .cinfo_part .c_box { font-size: 18px; line-height: 26px;} /* proinfo */ .proinfo_t h3 { font-size: 60px; } .proinfo_t p { font-size: 17px;} .proinfo2 ul li:nth-of-type(1) p { font-size: 14px; } .solu02-3 .box h4 { font-size: 22px; } .proinfo2 .feature p { font-size: 17px;} .news_nav a { font-size: 20px;} .pro1 dd h4 { font-size: 18px; } /* solution */ .solu03-1 p { font-size: 16px; line-height: 24px; } .solu03-2 dl dd span { font-size: 17px; } .solu03-3 .text p { font-size: 16px; line-height: 26px; } .solu03-4 .left .wen { font-size: 28px;} .solu03-4 .right .box .text { font-size: 15px; line-height: 24px;} .solu02-1 p { font-size: 17px; line-height: 24px; } .solu02-2 .bot dl dd { font-size: 17px;} .solu01-1 p { font-size: 16px; line-height: 24px; } .solu01-2 .bot .box h4 { font-size: 24px; } .solu01-2 .bot .box p { font-size: 16px; line-height: 24px;} .solu01-3 dl dd .text h4 { font-size: 26px; } .solu01-3 dl dd .text ul li { font-size: 16px; } .solu01-3 dl dd .text h4 .wen { font-size: 110px;} } @media screen and (min-width:1600px) and (max-width:1700px) { .ab04 .content .timedian2 { left: 6%; } }