/* @font-face{ font-family:"calibri"; src: url("../font/SourceHanSansK-RegularSub.woff") format("woff"), url("../font/SourceHanSansK-RegularSub.ttf") format("truetype"), url("../font/SourceHanSansK-RegularSub.eot") format("embedded-opentype"), url("../font/SourceHanSansK-RegularSub.otf") format("opentype"); } */ body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:"calibri"; line-height:1;font-weight: normal;letter-spacing: 0;} body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} /*IE*/ .web-ie2018{ font-family: microsoft yahei; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /* center */ .center{width: 1440px;} .a-center{width: 1200px;} .swiper-pagination{z-index: 0;} /* headerwrap */ .headerwrap{position: fixed;top: 0;z-index: 99;width: 100%;} .header{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding-left: 120px;} .h-left{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .h-left .logo{display: block;position: relative;} .h-left .logo img{display: block;transition: all .3s;} .h-left .logo img.logo02{position: absolute;top:0;left: 0;opacity: 0;} /* h-nav */ .h-nav{display: flex;display: -webkit-flex;margin-left: 80px;position: relative;} .h-nav li{margin-right: 40px;position:relative;} .h-nav li:last-child{margin-right:0;} .h-nav li>a{display: block;font-size: 16px;color: #fff;line-height: 120px;} .navdown{width: 260px;background-color: #F7F7F7;border: 1px solid #E7EAF9;position: absolute;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding-bottom: 50px;display: none;height:290px;overflow-y:scroll;} .navdown .item{width: 100%;border-bottom: 1px solid #E7EAF9;padding: 0 20px;box-sizing: border-box;} .litwo{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;box-sizing: border-box;height: 60px;} .litwo h3{font-size: 16px;color: #333333;position: relative;padding-left: 20px;} .litwo h3 img{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .litwo i{font-size: 16px;color: #999999;transition: all .3s;} .litwodown{width: 100%;box-sizing: border-box;padding-left: 20px;display: none;padding-bottom: 30px;} .litwodown a{display: block;font-size: 14px;color: #666666;line-height: 30px;} .navdown .item.active .litwo i{transform: rotate(180deg);} .litwodown a:hover{color: #0F2DC1;font-weight:bold;} .navdown01{overflow-y:hidden;width:200px;height:auto;padding:20px 0;} .navdown01>a{display: block;text-align: center;box-sizing: box-sizing;padding: 0 10px;font-size:14px;color:#333;line-height:40px;} .navdown01>a:hover{color:#1F4BEA;font-weight:bold;} /* h-btn */ .h-btn{width: 200px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} /* hamburger */ .hamburger{background:0 0;border:none;display:block;height:15px;position:relative;top:0;width:32px;z-index:999;right:0;cursor: pointer;} .hamburger:hover{outline:0} .hamburger:focus{outline:0} .hamburger:active{outline:0} .hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px} .hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1} .hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#fff;top:0px} .hamburger.is-closed .hamb-middle{background-color:#fff;margin-top:-1px;top:50%} .hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#fff;bottom:0px} .hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:2px;right:0;position:absolute;width:100%} .hamburger.is-closed .hamb-bottom{width: 50%;transition: all .3s;} .hamburger:hover.is-closed .hamb-bottom{width: 100%;} .hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#fff;margin-top:-2px;top:50%} .hamburger.is-open .hamb-middle{background-color:#fff;display:none} .hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#fff;margin-top:-2px;top:50%} /* div2_1 */ .headerwrap:hover,.div2_1 .headerwrap,.div3 .headerwrap{background-color: #FFFFFF;box-shadow: 8px 6px 10px 0px rgba(0,0,0,0.11);} .headerwrap:hover .header .logo .logo01,.div2_1 .headerwrap .header .logo .logo01,.div3 .headerwrap .header .logo .logo01{opacity: 0;} .headerwrap:hover .header .logo .logo02,.div2_1 .headerwrap .header .logo .logo02,.div3 .headerwrap .header .logo .logo02{opacity: 1;} .headerwrap:hover .header .h-nav li>a,.div2_1 .headerwrap .header .h-nav li>a,.div3 .headerwrap .header .h-nav li>a{color: #333333;} .div2_1 .headerwrap .header .h-nav li>a,.div3 .headerwrap .header .h-nav li>a{line-height: 94px;} .headerwrap:hover .header .right i,.div2_1 .headerwrap .header .right i,.headerwrap:hover .header .right,.div2_1 .headerwrap .header .right,.div3 .headerwrap .header .right i,.div3 .headerwrap .header .right{color: #333333;} .headerwrap:hover .header .right a,.div2_1 .headerwrap .header .right a,.div3 .headerwrap .header .right a{color: #333333;} .headerwrap:hover .header .right span,.div2_1 .headerwrap .header .right span,.div3 .headerwrap .header .right span{background-color: #333333;} .hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#fff;top:0px} .div2_1 .headerwrap .hamburger.is-closed .hamb-top,.div3 .headerwrap .hamburger.is-closed .hamb-top{background-color:#333;} .div2_1 .headerwrap .hamburger.is-closed .hamb-bottom,.div3 .headerwrap .hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#333;bottom:0px} .headerwrap .header .h-nav li:hover a::after{width: 100%;} .headerwrap:hover .header .h-nav li:hover>a,.h-nav li.active>a{color: #1F4BEA!important;;} .headerwrap:hover .hamburger.is-closed .hamb-top{background-color: #333;} .headerwrap:hover .hamburger.is-closed .hamb-bottom{background-color: #333;} /* page_nav_wrap */ .page_nav_wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:98;pointer-events:none;-webkit-transition:all .6s ease;transition:all .6s ease} .page_nav_box{width:100%;height:100%;display: flex;display: -webkit-flex;} .page_nav_item{width:20%;height:100%;position:relative;padding-top:34vh;pointer-events:auto;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:translateY(-100%);transform:translateY(-100%)} .page_nav_item:before{content:"";position:absolute;left:0;top:0;width:100%;height:0;background:rgba(231,94,69,1);z-index:1;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;opacity:0} .page_nav_item:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;z-index:3} .page_nav_item:nth-child(2n+1):after{background:#141414} .page_nav_item:nth-child(2n):after{background:#1a1a1a} /* .page_nav_item:hover:nth-child(2n+1):after{background:rgba(20,20,20,0)} */ /* .page_nav_item:hover:nth-child(2n):after{background:rgba(26,26,26,0)} */ .page_nav_item:nth-child(2){-webkit-transition-delay:30ms;transition-delay:30ms} .page_nav_item:nth-child(3){-webkit-transition-delay:60ms;transition-delay:60ms} .page_nav_item:nth-child(4){-webkit-transition-delay:90ms;transition-delay:90ms} .page_nav_item:nth-child(5){-webkit-transition-delay:120ms;transition-delay:120ms} .page_nav_item .page_nav_content{-webkit-transition-delay:500ms;transition-delay:500ms} .page_nav_item:nth-child(2) .page_nav_content{-webkit-transition-delay:530ms;transition-delay:530ms} .page_nav_item:nth-child(3) .page_nav_content{-webkit-transition-delay:560ms;transition-delay:560ms} .page_nav_item:nth-child(4) .page_nav_content{-webkit-transition-delay:590ms;transition-delay:590ms} .page_nav_item:nth-child(5) .page_nav_content{-webkit-transition-delay:620ms;transition-delay:620ms} .page_nav_current .page_nav_item{-webkit-transform:translateY(0);transform:translateY(0)} .page_nav_current .page_nav_item .page_nav_content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} .page_nav_item:hover .page_nav_img img{-webkit-transform:scale(1);transform:scale(1)} .page_nav_item:hover .page_item_text{color:#fff} .page_nav_item:hover .page_nav_line:after{top:0} .page_nav_img{position:absolute;left:0;top:0;height:100%;width:100%;z-index:2} .page_nav_img img{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .6s ease;transition:all .6s ease} .page_nav_content{position:relative;z-index:9;-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0;-webkit-transition:all .8s ease;transition:all .8s ease} .page_nav_title{font-size:18px;line-height:30px;margin-bottom:20px;color:#fff;text-align:center} .page_nav_line{height:30px;width:1px;background:#727272;margin:0 auto;overflow:hidden;position:relative} .page_nav_line:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:100%;background:#1F4BEA;-webkit-transition:all .6s ease;transition:all .6s ease} .page_nav_list{margin-top:30px} .page_item_link{text-align:center;margin-bottom:20px} .page_item_link a{display:inline-block;position:relative} .page_item_link a:after{content:"";position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:30px;height:1px;opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease;background-image:linear-gradient(90deg,rgba(255,255,255,0),#1F4BEA 70%,#1F4BEA)} .page_item_link a:before{content:"";position:absolute;right:-50px;top:50%;transform:translateY(-50%);width:30px;height:1px;opacity:0;-webkit-transition:all .6s ease;transition:all .6s ease;background-image:linear-gradient(90deg,#1F4BEA,#1F4BEA 30%,rgba(255,255,255,0))} .page_item_link a:hover .page_item_text{color:#1F4BEA} .page_item_link a:hover:after{opacity:1;left:-40px} .page_item_link a:hover:before{opacity:1;right:-40px} .page_item_text{font-size:15px;line-height:28px;color:#666666;-webkit-transition:all .6s ease;transition:all .6s ease} /* .headerwrap_current */ .headerwrap_current{background-color: transparent!important;box-shadow: none!important;} .headerwrap_current .h-nav{opacity: 0;} .headerwrap_current .h-left .logo img.logo01{opacity: 1!important;} .headerwrap_current .h-left .logo img.logo02{opacity: 0!important;} /* banner */ .bannerwrap{width: 100%;height:100%;position: relative;overflow: hidden;} .bannerwrap .gallery-top{height: 100%;} .bigimg .item{width: 100%;position: relative;display: block;position: relative;height: 100%;} .bigimg .item img{display: block;width: 100%;height: 100%;object-fit: cover;} .bigimg .item img.ydbanner{display: none;} .centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;} @-webkit-keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} @keyframes centerBig{ 100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}} .swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; } .bigimg .item .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .bigimg .item .text p{font-size: 24px;color: #FEFEFE;margin-bottom: 20px;} .bigimg .item .text span{display: block;width: 60px;height: 0px;background-color: #FFFFFF;margin-bottom: 30px;} .bigimg .item .text h3{font-size: 72px;color: #FEFEFE;font-weight: bold;margin-bottom: 20px;} .bigimg .item .text h4{font-size: 40px;font-weight: 400;color: #FEFEFE;margin-bottom: 160px;} /* more */ .more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width:220px;height: 56px;border-radius: 2px;background-color: rgba(255,255,255,0.1);font-size: 16px;color: #FEFEFE;position: relative;z-index: 0;overflow: hidden;} .more::after{display: block;content: '';position: absolute;left: 0;top: 0;background-color: #fff;width: 0%;height: 100%;z-index: -1;transition: all .3s;} .b-jt{display: block;width: 15px;height: 1px;background-color: #FEFEFE;position: relative;margin-right: 10px;transition: all .3s;margin-left: 10px;} .b-jt:before{content: '';display: block;width: 6px;height: 6px;border-bottom: 1px solid #FEFEFE;border-right: 1px solid #FEFEFE;transform: rotate(45deg);-webkit-transform: rotate(-45deg);position: absolute;right: 0;top: -3px;} .more:hover::after{width: 100%;} .more:hover{color: #1F4BEA;} .more:hover i{background-color: #1F4BEA;width: 20px;} .more:hover i:before{border-color: #1F4BEA;} /* banner-right */ .banner-right{position: absolute;right: 0;width: 200px;height:100%;top: 0;background-color: rgba(255,255,255,0.1);z-index: 1;box-sizing: border-box;} .banner-right .swiper-wrapper{display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .banner-right .swiper-wrapper .swiper-slide{width: 100%!important;height: auto;margin-bottom: 50px;} .banner-right .swiper-wrapper .swiper-slide:last-child{margin-bottom: 0;} .banner-right .swiper-wrapper .swiper-slide p{font-size: 16px;color:#FEFEFE;margin-top: 20px;opacity: 0;} .banner-right .imgbox{text-align: center;cursor: pointer;} .banner-right .imgbox img{display: block;width: auto;margin: auto;} .banner-right .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{opacity: 1;} /* tozx */ .tozx{position: absolute;width: 200px;height: 70px;background-color: #1F4BEA;bottom: 0;right: 0;z-index: 1;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;color: #FFFFFF;} .tozx img{display: block;width: auto;margin-left: 10px;} /* index01wrap */ .index01wrap{width: 100%;box-sizing: border-box;position: relative;margin:0;} /* i01-top */ .i01-topwrap{width: 100%;overflow: hidden;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.07);z-index: 1;position: relative;padding-top: 40px;} .i01-top{margin: auto;} /* i-tl01 */ .i01-top .i-tl01{width: 100%;} .i-tl01{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;} .i-tl01 h3{font-size: 36px;color: #000000;font-weight: bold;} .i-tl01 a{font-size: 16px;color: #1F4BEA;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left: 50px;} .i-jt01{background-color: #1F4BEA;margin-left: 10px;} .i-jt01:before{border-color: #1F4BEA;} .i-tl01 a:hover .i-jt01{width: 30px;} /* i01-tab */ .i01-tab{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-top: 10px;} .i01-tab a{display: block;font-size: 18px;color: #2C2C2C;position: relative;padding: 20px 0;} .i01-tab i{display: block;width: 2px;height: 10px;background-color: #0F2DC1;opacity: 0.1;} .i01-tab a::after{content: '';display: block;width: 0%;height: 2px;border-radius: 1px;background-color: #0F2DC1;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s;} .i01-tab a:hover::after,.i01-tab a.active::after{width: 80px;} .i01-tab a:hover,.i01-tab a.active{color: #0F2DC1;} /* swiperlist */ .swiperlistwrap{width: 100%;position: relative;} .swiperlistwrap .bg{display: block;width: 100%;height:500px;object-fit:cover;} .swiperlist{width: 100%;box-sizing: border-box;position: absolute;top: 50%;transform: translateY(-50%);left: 0;} .swiperlist li{margin: auto;position: relative;display: none;} .swiperlist li:first-child{display: block;} .swiperlist .sliderbox{width: 100%;display: flex;display: flex;align-items: center;-wbekit-align-items: center;} .swiperlist .sliderbox .textbox{width: 50%;box-sizing: border-box;padding-right: 110px;text-align: center;} .swiperlist .sliderbox .textbox h3{font-size: 30px;font-weight: bold;margin-bottom: 30px;color: #000B26;} .swiperlist .sliderbox .textbox h4{font-size: 18px;line-height: 36px;color: #000B26;margin-bottom: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;text-align:center;} .swiperlist .sliderbox .textbox .linktab{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .swiperlist .sliderbox .textbox .linktab .more{width: 140px;height: 46px;font-size: 16px;box-sizing: border-box;margin-right: 12px;transition: all .3s;} .swiperlist .sliderbox .textbox .linktab .more:last-child{margin-right: 0;} .swiperlist .sliderbox .textbox .linktab .more::after{display: none;} .swiperlist .sliderbox .textbox .linktab .more:hover{color: initial;} .swiperlist .sliderbox .textbox .linktab .more02{border: 1px solid #666;border-radius: 4px;color: #333333;} /* .swiperlist .sliderbox .textbox .linktab .more02::after{background-color: #666;} */ .swiperlist .sliderbox .textbox .linktab .more03{background: linear-gradient(0deg, #0F2DC1 0%, #1F4BEA 100%);color: #fff;border-radius: 4px;border: 1px solid #1F4BEA;} .swiperlist .sliderbox .textbox .linktab .more03:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);color: #fff;} .swiperlist .sliderbox .imgbox{width: 50%;height:400px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;} .swiperlist .sliderbox .imgbox img{display: block;width: auto;height:auto;max-width:100%;max-height:100%;} .swiperlist .swiper-button-prev,.swiperlist .swiper-button-next{font-size: 52px;color: #999999;background-image: none;margin-top: -26px;outline: none;} .swiperlist .swiper-button-prev:hover,.swiperlist .swiper-button-next:hover{color: #0F2DC1;} .swiperlist .swiper-button-prev{left: -100px;} .swiperlist .swiper-button-next{right: -100px;} .swiperlist .sliderbox .textbox .linktab .more02:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);} /* index01wrap */ .index02wrap{width: 100%;position: relative;overflow: hidden;margin-top: 80px;} /* i-tl02 */ .i-tl02{margin: auto;} /* index02 */ .index02{width: 100%;overflow: hidden;position: relative;display: flex;display: -webkit-flex;margin-top: 50px;} .index02 .item{width: 20%;overflow: hidden;height: 580px;position: relative;transition: all .5s;} .index02 .item>img{display: block;width: auto;min-width: 100%;height: 100%;object-fit: cover;} .index02 .item.active,.index02 .item:hover{width: 40%;} .index02 .hovertext{width: 100%;height:60%;position: absolute;left: 0;bottom: 0;padding: 50px 60px 60px;display: flex;display: -webkit-flex;flex-flow: column;-wbekit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;transition: all .3s;box-sizing: border-box;} .index02 .hovertext h3{font-size: 30px;line-height: 36px;color: #FFFFFF;margin-bottom: 20px;} .index02 .hovertext .textbox{transition: all .3s;margin-bottom: 100px;} .index02 .hovertext p{font-size: 16px;opacity: 0.5;color: #fff;transition: all .3s;} .index02 .hovertext h4{font-size: 16px;color: #FFFFFF;opacity: 0;transition: all .3s;line-height: 24px;} .index02 .hovertext .tobox{position: absolute;bottom:50px;} .index02 .hovertext .tobox .img2{opacity: 0;position: absolute;left: 0;top:0;} .index02 .item:hover .hovertext,.index02 .item.active .hovertext{height: auto;background-color: #0F2DC1;} .index02 .item:hover .hovertext .textbox,.index02 .item.active .hovertext .textbox{margin-bottom: 100px;} .index02 .item:hover .hovertext p,.index02 .item.active .hovertext p{display: none;} .index02 .item:hover .hovertext h4,.index02 .item.active .hovertext h4{opacity: 1;} .index02 .item:hover .hovertext .tobox .img2,.index02 .item.active .hovertext .tobox .img2{opacity: 1;} .index02 .item:hover .hovertext .tobox .img1,.index02 .item.active .hovertext .tobox .img1{opacity: 0;} .index02 .item:hover .hovertext h3 br,.index02 .active .hovertext h3 br{display: none;} /* index03-botwrap */ .index03-botwrap{width: 100%;box-sizing: border-box;background-color: #F4F5FA;padding: 50px 80px;} /* index03-bot */ .index03-bot{margin: auto;position: relative;} .index03-bot .li{display: none;} .index03-bot .li:first-child{display: block;} .index03-bot .libox{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: flex-end;-wbekit-justify-content: flex-end;position: relative;} .index03-bot .libox .imgbox{border: 3px solid #FFFFFF;box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.07);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 46%;height: 100%;left: 0;top: 0;box-sizing: border-box;position: absolute;} .index03-bot .libox .imgbox img{display: block;width: auto;height: auto;max-width: 80%;max-height: 90%;} .index03-bot .libox .textbox{width: 50%;} .index03-bot .libox .textbox>h3{font-size: 24px;font-weight: 400;margin-bottom: 40px;} .index03-bot .libox .textbox .infobox{border-bottom: 1px solid #DFE2F0;} .index03-bot .libox .textbox .infobox .td{display: flex;display: -webkit-flex;margin-bottom: 30px;margin-top:30px;} .index03-bot .libox .textbox .infobox .td h4{font-size: 16px;color: #0F2DC1;font-weight: bold;line-height: 30px;width: 15%;box-sizing: border-box;padding-right: 20px;white-space:nowrap;} .index03-bot .libox .textbox .infobox .td p{font-size: 14px;color: #999999;line-height: 24px;width:80%;} .index03-bot .libox .textbox .infobox p{font-size: 14px;color: #999999;line-height: 24px;width:80%;} .index03-bot .libox .textbox .infobox p span{background-color: transparent!important;} .index03-bot .libox .textbox .linktab{width: 80%;display: flex;display: -webkit-flex;} .index03-bot .libox .textbox .linktab .more{background-color: #1F4BEA;border-radius: 4px;color: #fff;width:auto;margin-right: 20px;box-sizing:border-box;padding:0 20px;max-width:48%;} .index03-bot .libox .textbox .linktab .more:last-child{margin-right: 0;} .index03-bot .libox .textbox .linktab .more::after{display: none;} /* numwrap */ /*.numwrap{width: 100%;}*/ .index01num{display: flex;display: -webkit-flex;justify-content: space-between;margin-top: 50px;} .index01num li{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content:center;border-right: 1px solid #F3F3F3;} .index01num li:last-child{border-right: none;} .index01num .numfont{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items:flex-end;margin-bottom: 20px;justify-content: center;-webkit-justify-content: center;} .index01num .numfont h2{font-size: 48px;color: #000B26;font-weight: bold;} .index01num .numfont img{display: block;margin-bottom: 8px;} .index01num .numfont span{font-size: 18px;color: #000B26;font-weight: 400;margin-bottom:8px;} .index01num h3{font-size: 16px;color: #333333;} .index01num .numfont::after{content: '%';font-size: 38px;color: #000B26;font-weight: bold;} /* index04wrap */ .index04wrap{width: 100%;box-sizing: border-box;position: relative;padding: 70px 0;overflow: hidden;} .index04wrap .bg{display: block;width: 100%;position: absolute;top: 0;left: 0;z-index: 0;height: 100%;object-fit: cover;} /* index04 */ .index04{position: relative;margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content: space-between;} .index04text{width: 60%;} .index04text h3{font-size: 36px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;} .index04text h4{font-size: 18px;color: #fff;line-height: 30px;} /* i04-linktab */ .i04-linktab{display: flex;display: -webkit-flex;} .i04-linktab .more{width: 180px;height: 54px;border: 2px solid #FFFFFF;background-color: transparent;margin-right: 30px;font-size: 18px;color: #fff;border-radius: 4px;transition: all .3s;} .i04-linktab .more:last-child{margin-right: 0;background-color: #FFFFFF;color: #0F2DC1;} .i04-linktab .more::after{display: none;} .i04-linktab .more:hover{box-shadow: 0px 0px 5px 3px rgb(255, 255, 255,0.3);} /* index05wrap */ .index05wrap{width: 100%;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: space-between;-webkit-justify-content: space-between;background-color: #F2F2F2;box-sizing: border-box;padding: 0 calc((100% - 1440px)/2);overflow:hidden;} .index05-left{width: 50%;box-sizing: border-box;padding: 70px 0;padding-right: 70px;} .i05-tl{font-size: 36px;font-weight: bold;color: #000000;margin-bottom: 30px;} .index05num{flex-wrap: wrap;-webkit-flex-wrap: wrap;} .index05num li{width: calc(100% / 3);margin-bottom: 30px;box-sizing: border-box;justify-content: flex-start;-webkit-justify-content: flex-start;} .index05num .numfont::after{display: none;} .index05num li .numfont span{font-size: 18px;color: #333333;font-weight: bold;margin-left: 10px;margin-bottom: 10px;} .index05-left .info{font-size: 16px;color: #000B26;line-height: 30px;margin-top: 20px;margin-bottom: 40px;} /* i05-linktab */ .i05-linktab .more{width: 140px;height: 45px;background-color: #fff;border: 1px solid #666666;border-radius: 4px;margin-right: 20px;font-size: 16px;color: #333333;transition: all .3s;} .i05-linktab .more:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);} .i05-linktab .more:last-child{margin-right: 0;background: linear-gradient(0deg, #0F2DC1 0%, #1F4BEA 100%);border: 1px solid #1F4BEA;color: #fff;} /* index05-right */ .index05-right{position: absolute;width: 50%;right: 0;top: 0;height: 100%;} .index05-right video{display: block;width: 100%;height: 100%;object-fit: cover;} /* index06wrap */ .index06wrap{width: 100%;box-sizing: border-box;position: relative;margin:80px 0;overflow: hidden;} /* .index06 */ .index06{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 40px;} .index06 .item{width: calc((100% - 60px)/3);background-color: #F7F9FC;display: block;} .index06 .n-item .imgbox{width: 100%;overflow: hidden;position: relative;height:280px;} .index06 .n-item .imgbox span{display: block;width: 92px;height: 34px;line-height: 34px;background-color: #d3cfcf;position: absolute;left: 0;top: 0;font-size: 14px;color: #FFFFFF;text-align: center;z-index:1;} .index06 .n-item .imgbox img{display: block;width: 100%;transition: all .5s;height:auto;min-height:100%;object-fit:cover;} .index06 .n-item:hover .imgbox img{transform: scale(1.1);} .index06 .n-item .textbox{width: 100%;box-sizing: border-box;padding: 30px;} .index06 .n-item .textbox h3{font-size: 18px;color: #333;line-height: 30px;font-weight: bold;} .index06 .n-item .textbox p{font-size: 14px;color: #666666;margin: 20px 0;} .index06 .n-item .textbox h4{font-size: 16px;color: #666666;line-height: 30px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;} .index06 .n-item:hover .textbox h3{color: #0F2DC1;} /* i06-listboxs */ .i06-listboxs .i06-tab{width: 100%;display: flex;display: -webkit-flex;padding: 30px 40px;border-bottom: 1px solid #DFE2F0;justify-content: space-between;-wekit-justify-content: space-between;box-sizing: border-box;} .i06-listboxs .i06-tab a{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 90px;height: 36px;border: 1px solid #999999;border-radius: 4px;overflow: hidden;font-size: 16px;color: #666666;transition: all .3s;} .i06-listboxs .i06-tab a.active,.i06-listboxs .i06-tab a:hover{border: 1px solid #1F4BEA;background: linear-gradient(0deg, #0F2DC1 0%, #1F4BEA 100%);color: #fff;} /* i06-listwrap */ .i06-listwrap{width: 100%;box-sizing: border-box;padding: 30px 40px;} .i06-listwrap a{display: block;width: 100%;margin-bottom: 30px;} .i06-listwrap a:last-child{margin-bottom: 0;} .i06-listwrap a h3{font-size: 18px;line-height: 30px;color: #333;margin-bottom: 10px;font-weight: bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .i06-listwrap a p{font-size: 14px;color: #999999;} .i06-listwrap li{display: none;} .i06-listwrap li:first-child{display: block;} .i06-listwrap a:hover h3{color: #1F4BEA;} /* index07wrap */ .index07wrap{background: #F7F9FC;position: relative;overflow: hidden;} .index07wrap .home6_main{position: relative;} .index07wrap .home6_main .home6_1 .bd .tempWrap{width: 100%!important;} .index07wrap .home6_main .home6_1 .bd .picList li{border: 1px solid #f4f6fa;margin-bottom: 12px; width: 240px;height: 120px;display: flex;align-items: center;justify-content: center;} .index07wrap .home6_main .home6_1 .bd .picList li img{width: auto;} /* index07-text */ .index07-text{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .index07-text h3{font-size: 36px;color: #000000;font-weight: bold;margin-bottom: 30px;} .i07-more{width: 180px;height: 54px;border: 1px solid #1F4BEA;background: linear-gradient(0deg, #0F2DC1 0%, #1F4BEA 100%);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);border-radius: 4px;margin: auto;font-size: 16px;color: #FFFFFF;} /* index08wrap */ .index08wrap{width: 100%;box-sizing: border-box;padding: 60px 0;background-color: #0F2DC1;} .index08{margin: auto;} .i08top-txt{text-align: center;} .i08top-txt h3{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 20px;} .i08-more{width: 140px;height: 40px;background: rgba(255,255,255,0);border: 1px solid #FFFFFF;border-radius: 4px;font-size: 14px;color: #FFFFFF;margin: auto;} /* i08-list */ .i08-list{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 40px;} .i08-list .item .title{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 20px;} .i08-list .item .title img{display: block;width: auto;height: 20px;margin-right: 10px;} .i08-list .item .desc{font-size: 14px;color: #fff;opacity: 0.8;} /* footer */ footer {background: #000B26;} footer .footer_main{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-wbekit-justify-content: space-between;} footer .footer_main .part1{float: left;width: 520px;} footer .footer_main .part1 .fimg{width: 119px;height: 54px;margin-top: 60px;margin-bottom: 48px;} footer .footer_main .part1 .fimg img{} footer .footer_main .part1 .link{} footer .footer_main .part1 .link .title{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 40px;padding-bottom: 10px;} footer .footer_main .part1 .link .p1{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 30px;opacity: 0.5;} footer .footer_main .part1 .gzwm{} footer .footer_main .part1 .gzwm .title{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 40px;margin-top: 40px;padding-bottom: 10px;} footer .footer_main .part1 .gzwm .ewm{} footer .footer_main .part1 .gzwm .ewm .img1{width: 90px;float: left;margin-right: 32px;} footer .footer_main .part1 .gzwm .ewm .img1 img{width: 90px;height: 90px;} footer .footer_main .part1 .gzwm .ewm .img1 .p1{font-size: 14px;text-align: center; font-weight: 400;color: #FFFFFF;line-height: 40px;opacity: 0.5;} footer .footer_main .part2{ float: right; width: 920px; margin-top: 60px; border-left: 1px solid rgba(255,255,255,0.08); padding-left: 100px; } footer .footer_main .part2 .part2_1{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} footer .footer_main .part2 .part2_1 .part2_1_1{} footer .footer_main .part2 .part2_1 .part2_1_1 .list{} footer .footer_main .part2 .part2_1 .part2_1_1 .list .utit{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 30px;margin-bottom: 10px;} footer .footer_main .part2 .part2_1 .part2_1_1 .list .item{} footer .footer_main .part2 .part2_1 .part2_1_1 .list .item a{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 40px;opacity: 0.5;display: block;} footer .footer_main .part2 .part2_1 .part2_1_1:last-child{margin-right: 0;} footer .footer_main .part2 .part2_2{} footer .footer_main .part2 .part2_2 .p1{font-size: 14px;font-family: Arial;font-weight: 400;color: #FFFFFF;line-height: 36px;opacity: 0.3;} footer .footer_main .part2 .part2_2 .p1 a{color: #FFFFFF;} footer .footer_main_1{margin: auto;border-top: 1px solid rgba(255,255,255,0.08);padding-top: 32px;margin-top: 50px;} footer .footer_main_1 .title{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 30px;} footer .footer_main_1 .list{ padding-bottom: 10px; } footer .footer_main_1 .list .item{float: left;margin-right: 50px;} footer .footer_main_1 .list .item a{display: block; font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 40px;opacity: 0.5} footer .footer_main_1 .list .item a:hover{color: #cccccc;} footer .footer_main .part2 .part2_1 .part2_1_1 .list .item a:hover{color: #CCCCCC;} footer .footer_main .part2 .part2_2 .p1 a:hover{color: #CCCCCC;} /* 关于 */ .a-bannerwrap{width: 100%;position: relative;overflow: hidden;margin-top: 94px;} .a-bannerwrap .banner-img{display: block;width: 100%;} /* a-btext */ .a-bannerwrap .a-btext{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;} .a-bannerwrap .a-btext p{font-size: 24px;color: #FFFFFF;font-weight: bold;margin-bottom: 20px;} .a-bannerwrap .a-btext h3{font-size: 48px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;} .a-bannerwrap .a-btext .img{display: block;margin-top: 80px;cursor:default;pointer-events:none;} .a-bannerwrap .a-btext .img img{display: block;margin:auto;} /* mbxwrap */ .mbxwrap{width: 100%;position: relative;border-bottom: 1px solid #ddd;} .mbx{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 60px;} .mbx a,.mbx i{display: block;font-size: 14px;color: #666666;} .mbx i{margin: 0 10px;} /* about01 */ .about01{margin: 80px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;position:relative;} .a01-text{width: 48%;} .a01-text h3{font-size: 48px;color: #0F2DC1;font-weight: bold;margin-bottom: 30px;} .a01-text span{display: block;font-size: 32px;color: #AAAAAA;margin-bottom: 50px;} .a01-text p{font-size: 30px;color: #000B26;margin-bottom: 40px;} .a01-text .info{} .a01-text .info p{font-size: 16px;color: #666666;line-height: 28px;margin-bottom: 10px;text-align: justify;} .a01-text .info p:last-child{margin-bottom: 0;} .a01-text .info ul li{list-style: inherit;margin-left: 38px;} /* a01-right */ .a01-right{width: 40%;} /* a01-imgbox */ .a01-imgbox{width: 100%;box-sizing: border-box;padding-right: 20px;padding-bottom: 20px;position: relative;} .a01-imgbox img{display: block;width: 100%;position: relative;z-index: 1;} .a01-imgbox::after{content: '';display: block;position: absolute;right: 0;bottom: 0;background-color: rgba(15, 45, 193, 0.1);width: calc(100% - 20px);height: calc(100% - 20px);z-index: 0;} /* a01-right */ .a01-right .index05num li{border: none;} .a01-right .index01num h3{font-size: 14px;} .a01-right .index01num .numfont h2{font-size: 44px;} /* about02wrap */ .about02wrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;padding: 100px 0 0;} .about02wrap .bg{width: 100%;height: 80%;position: absolute;top: 0;left: 0;z-index: 0;} /* about02 */ .about02{position: relative;z-index: 1;margin: auto;} .videoboxwrap{width: 100%;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;margin-top: 100px;} .about02 .videobox{width: 70%;height: 580px;} .about02 .videobox video{display: block;width: 100%;height: 100%;object-fit: cover;} /* a02-tl */ .a02-tl span{font-size: 18px;color: #00A8FF;margin-bottom: 50px;display: block;} .a02-tl h3{font-size: 48px;color: #fff;margin-bottom: 30px;font-weight: bold;} .a02-tl p{font-size: 24px;color: #ffffff;opacity: 0.5;text-transform: uppercase;} /* about03 */ .about03{margin: 100px auto;box-shadow: 0px 6px 20px 0px rgba(45,45,45,0.16);background-color: #fff;} .about03 li{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;} .about03 li:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;} .about03 li .imgbxo{width: 50%;overflow: hidden;} .about03 li .imgbxo img{display: block;width: 100%;transition: all .5s;} .about03 li:hover .imgbxo img{transform: scale(1.1);} .about03 li .textwrap{width: 50%;box-sizing: border-box;padding: 30px 7%;text-align: center;} .about03 li .textwrap h3{font-size: 36px;color: #333333;font-weight: bold;margin-bottom: 30px;} .about03 li .textwrap h4{font-size: 24px;color: #666666;line-height: 36px;} /* about04wrap */ .about04wrap{width: 100%;padding: 120px 0;box-sizing: border-box;position: relative;overflow: hidden;background-color: #F7F7F7;} .about04{margin: auto;} .a04-tl{width: 100%;text-align: center;} .a04-tl h3{font-size: 48px;color: #0F2DC1;font-weight: bold;margin-bottom: 20px;} .a04-tl p{font-size: 24px;color: #999999;text-transform: uppercase;} /* i03-tab */ .a04-tab{width: 100%;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top: 70px;} .a04-tab a{display: block;font-size: 24px;color: #000000;margin-right: 110px;padding-bottom: 30px;position: relative;} .a04-tab a:last-child{margin-right: 0;} .a04-tab a::after{content: '';display: block;width: 0%;height: 3px;background-color: #0F2DC1;position: absolute;left: 0;transition: all .3s;bottom: 0;} .a04-tab a:hover::after,.a04-tab a.active::after{width: 100%;} .a04-tab a:hover,.a04-tab a.active{color: #0F2DC1;} /* a04-list */ .a04-list{width: 100%;margin-top: 50px;} .a04-list li{display: none;} .a04-list li:first-child{display: block;} .a04-list .imgbox{width: 100%;overflow: hidden;background-color: #fff;height: 220px;box-shadow: 0px 0px 20px 0px rgba(45,45,45,0.14);display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} .a04-list .imgbox img{display: block;width: auto;height: auto;max-width: 94%;max-height: 94%;} .a04-list p{font-size: 16px;color: #333333;text-align: center;margin-top: 20px;} .a04-list .swiper-pagination{width: 100%;position: relative;display: flex;display: -webkit-flex;justify-content: center;-wbekit-justify-content: center;margin-top: 50px;} .a04-list .swiper-pagination-bullet{display: block;width: 60px;height: 4px;background-color: #D4D4D4;margin-right: 10px;border-radius: 0;} .a04-list .swiper-pagination-bullet:last-child{margin-right: 0;} .a04-list .swiper-pagination-bullet-active{background-color: #0F2DC1;} /* about05wrap */ .about05wrap{width: 100%;margin: 120px 0;} .about05{margin: auto;} /* about05min */ .about05min{width: 100%;margin-top: 60px;height: 240px;overflow: hidden;} .ppiconlist{display: flex;display: -webkit-flex;} .ppiconlist a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;justify-content: center;-webkit-justify-content: center;width: calc(100% / 6);height: 120px;} /* .ppiconlist a:hover{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);} */ .ppiconlist a img{display: block;width: auto;height: auto;max-width: 90%;max-height: 90%;} .about05swiper{height: 100%;} /* contact01wrap */ .contact01wrap{margin: 120px auto;} .contact-tl01{font-size: 48px;color: #000000;font-weight: bold;margin-bottom: 60px;text-align: center;} /* contact01 */ .contact01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .contact01 .item{width: calc((100% - 80px)/3);box-shadow: 0px 6px 20px 0px rgba(45,45,45,0.16);padding: 40px;box-sizing: border-box;transition: all .3s;} .contact01 .item .tl{width: 100%;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 20px;} .contact01 .item .info{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;} .contact01 .item .info .imgbox{width: 120px;height: 120px;} .contact01 .item .info .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .contact01 .item .info .text{width: calc(100% - 150px);} .contact01 .item .info .text h4{font-size: 14px;line-height: 24px;color: #999999;margin-bottom: 20px;} .contact01 .item .info .text p{font-size: 24px;color: #0F2DC1;font-weight: bold;} .contact01 .item:hover{transform: translateY(-20px);-webkit-transform: translateY(-20px);} /* contact02 */ .contact02{margin: 0 auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .contact02 .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .contact02 .item img{display: block;width: auto;margin-right: 20px;} .contact02 .item h3{font-size: 24px;font-weight: bold;margin-bottom: 10px;} .contact02 .item:nth-of-type(1) h3{color: #FE4303;} .contact02 .item:nth-of-type(2) h3{color: #E57C0E;} .contact02 .item:nth-of-type(3) h3{color: #C00000;} .contact02 .item:nth-of-type(4) h3{color: #333333;} .contact02 .item p{font-size: 16px;color: #999999;font-weight: bold;text-align: center;} .contact02wrap {padding: 0 0 120px;margin:auto;position:relative;} .contact02wrap .contact-tl01{} /* contact03wrap */ .contact03wrap{width: 100%;padding: 120px 0;box-sizing: border-box;background-color: #ECEFF4;} .contact03{margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .contact03 a{display: block;margin-right: 170px;} .contact03 a:last-child{margin-right: 0;} .contact03 a .imgbox{width: 116px;height: 116px;position: relative;margin: auto;} .contact03 a .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .contact03 a .imgbox .img02{position: absolute;left: 5%;top: 5%;width: 90%;height: 90%;object-fit: cover;opacity: 0;transition: all .3s;} .contact03 a p{font-size: 24px;color: #333333;margin-top: 30px;text-align: center;} .contact03 a:hover .imgbox .img02{opacity: 1;} /* contact04wrap */ .contact04wrap{margin: 120px auto;} .contact04-map{width: 100%;height: 600px;} .contact04-map .map{width: 100%;height: 100%;} .contact04-map .map .BMap_bubble_title{font-size: 16px;color: #333333;} .contact04-map .map .BMap_bubble_content{font-size: 14px;color: #333333;line-height: 24px;} /* contact05wrap */ .contact05wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #ECEFF4;} /* contact05 */ .contact05{margin: auto;} /* cont-form */ .cont-form{width: 100%;} .cont-form label{display: flex;display: -webkit-flex;justify-content: space-between;padding-right: 10px;margin-bottom: 20px;} .cont-form label .item{width: calc((100% - 60px)/3);position: relative;} .cont-form label .item::after{content: '*';position: absolute;right: -10px;top: 54%;font-size: 14px;color: #E50014;display: block;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .cont-form label .item input{display: block;width: 100%;box-sizing: border-box;border-radius: 5px;border: 1px solid #E0E0E0;background-color: transparent;height: 60px;padding: 0 20px;outline: none;font-size: 14px;color: #888;background-color: #fff;} .cont-form label:nth-of-type(2) .item{width: 100%;} .cont-form textarea{display: block;padding: 20px;font-size: 14px;color: #888;width: calc(100% - 10px);height: 120px;border: 1px solid #E0E0E0;box-sizing: border-box;background-color: transparent;border-radius: 4px;outline: none;resize: none;background-color: #fff;} .cont-form label .item input::-webkit-input-placeholder,.cont-form textarea::-webkit-input-placeholder{color: #C1C1C1 !important;} .cont-form button{margin-top: 20px;} /* iotb-text */ .iotb-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-sizing: border-box;} .iotb-text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;margin-bottom: 30px;} .iotb-text h4{font-size: 24px;color: #fff;line-height: 36px;margin-bottom: 40px;} .iot-more{width: 140px;height:40px;border: 1px solid #FFFFFF;background-color: transparent;} /* iot01wrap */ .iot01wrap{margin: 0;padding:120px 0;position:relative;} .iot01{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;} .iot01-l{width: 52%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .iot01-l li{width: calc((100% - 20px)/2);margin-right: 20px;margin-bottom: 20px;background: #FFFFFF;box-shadow: 0px 6px 20px 0px rgba(45,45,45,0.16);box-sizing: border-box;padding: 40px 30px;} .iot01-l li:nth-of-type(2n){margin-right: 0;} .iot01-l li .tl{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 20px;} .iot01-l li .tl img{display: block;width: auto;margin-right: 10px;} .iot01-l li .tl p{font-size: 22px;color: #333333;} .iot01-l li h4{font-size: 14px;color: #999999;line-height: 24px;} /* .iot01-r */ .iot01-r{width: 46%;overflow: hidden;height: calc(100% - 20px);position: absolute;right: 0;top: 0;} .iot01-r img{display: block;width: 100%;height: 100%;object-fit: cover;} /* iot02wrap */ .iot02wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #ECEFF4;position:relative;} .iot02{margin: auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .iot02 a{display: block;width: calc((100% - 80px)/3);margin-right: 40px;margin-bottom: 40px;} .iot02 a:nth-of-type(3n){margin-right: 0;} .iot02 a .imgbox{width: 100%;overflow: hidden;} .iot02 a .imgbox img{display: block;width: 100%;transition: all .5s;} .iot02 a p{text-align: center;margin-top: 20px;font-size: 22px;color: #333333;} .iot02 a:hover .imgbox img{transform: scale(1.1);} /* iot03wrap */ .iot03wrap{padding: 120px 0;margin:auto;position:relative;} .iot03{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webit-flex-wrap:wrap;} .iot03 .item{width: calc((100% - 40px)/2);margin-right: 40px;background: #FFFFFF;box-shadow: 0px 6px 20px 0px rgba(45,45,45,0.16);box-sizing: border-box;padding: 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 40px;} .iot03 .item:nth-of-type(2n){margin-right: 0;} .iot03 .item .imgbox{position: relative;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background: rgba(15, 45, 193, 0.3);box-shadow: 0px 3px 2px 0px rgba(6,50,153,0.29), 0px -5px 3px 0px rgba(15,45,193,0.3);width: 120px;height: 120px;border-radius: 50%;} .iot03 .item .imgbox img{width: auto;height: auto;max-width: 90%;max-height: 90%;position: relative;z-index: 1;} .iot03 .item .imgbox:before{content:'';display: block;width: 80%;height: 80%;border-radius: 50%;background-color: #0F2DC1;position: absolute;left: 10%;top: 10%;z-index: 0;} .iot03 .item .text{width: calc(100% - 150px);} .iot03 .item .text h3{font-size: 22px;color: #333333;margin-bottom: 20px;} .iot03 .item .text h4{font-size: 16px;line-height: 24px;color: #999999;} /* iot04wrap */ .iot04wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #ECEFF4;} /* iot04 */ .iot04{margin: auto;} .iot04min{width: 100%;position: relative;} .iot04min .index03-bot .libox .textbox h3{color: #000B26;} .iot04min .index03-bot .libox .imgboxwrap{width:46%;padding-bottom: 120px;height: 100%;position: relative;left: 0;top: 0;box-sizing: border-box;margin-right:4%;height:500px;} .iot04min .index03-bot .libox .imgbox{width: 100%;height: 100%;box-sizing: border-box;position: relative;} .iot04min .index03-bot .libox .textbox .index01num h3{margin-bottom: 0;} .iot04min .gallery-top .swiper-slide{opacity: 0!important;} .iot04min .gallery-top .swiper-slide.swiper-slide-active{opacity: 1!important;} /* iot04-bot */ .iot04-bot{position: absolute;left: 0;bottom: 0;z-index: 1;} .iot04-bot .swiper-slide{height: 94px;box-sizing: border-box;border: 2px solid transparent;} .iot04-bot img{display: block;width: 100%;height: 100%;object-fit: cover;} .iot04-bot{width: 46%;box-sizing: border-box;padding: 0 40px;margin-top: 20px;} .iot04-bot .swiper-slide-thumb-active{border-color: #1F4BEA;} .iot04-bot .swiper-button-next,.iot04-bot .swiper-button-prev{background-image: none;font-size: 36px;color: #999999;width: auto;} .iot04-bot .swiper-button-next{right: 0;} .iot04-bot .swiper-button-prev{left: 0;} .iot04-bot .swiper-button-next:hover,.iot04-bot .swiper-button-prev:hover{color: #0F2DC1;} .iot04 .index01num .numfont::after{display:none;} /* job01wrap */ .job01wrap{margin: 120px auto;} .job01wrap .contact-tl01{margin: 0;} .job01-top{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-wbekit-justify-content: space-between;} .job01-top .job-s{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .job01-top .job-s select{width: 200px;height: 50px;background: #FFFFFF;border: 1px solid #999999;border-radius: 25px;box-sizing: border-box;padding: 0 20px;margin-right: 15px;outline: none;} .job01-top .job-s input{width: 300px;height: 50px;background: #FFFFFF;border: 1px solid #999999;border-radius: 25px;outline: none;box-sizing: border-box;padding: 0 20px;} .job01-top .job-s .btn{display: flex;display: -webkit-flex;margin-left: 30px;} .job01-top .job-s .btn button{width: 120px;height: 50px;border-radius: 25px;border: none;font-size: 16px;} .job01-top .job-s .btn button:nth-of-type(1){background: #0F2DC1;color: #fff;margin-right: 15px;} .job01-top .job-s .btn button:nth-of-type(2){background: #E6E6E6;color: #666666;} /* job01min */ .job01min{width: 100%;margin-top: 50px;} .joblist{width: 100%;} .joblist .list-tl{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding: 0 50px;height: 70px;background-color: #ECEFF4;} .joblist .list-tl p{font-size: 18px;color: #666666;} .joblist .list-tl p:nth-child(1){width: 40%;} .joblist .list-tl p:nth-child(2){width: 25%;} .joblist .list-tl p:nth-child(3){width: 35%;} /* list-li */ .joblist .list-li a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;box-sizing: border-box;padding: 0 50px;height: 70px;border-bottom: 1px solid #ddd;transition: all .3s;} .joblist .list-li a h3{font-size: 18px;color: #333333;width: 40%;} .joblist .list-li a p{font-size: 16px;color: #999;line-height:24px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-sizing:border-box;padding-right:20px;} .joblist .list-li a i{font-size:12px;color: #999;} .joblist .list-li a p:nth-of-type(1){width: 25%;} .joblist .list-li a p:nth-of-type(2){width: 35%;} .joblist .list-li a:hover{background-color: #0F2DC1;} .joblist .list-li a:hover h3,.list-li a:hover p,.list-li a:hover i{color: #fff;} .job01wrap .n-page{padding-top: 0;border: none;} /* job02wrap */ .job02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #ECEFF4;} .job02{margin: auto;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-wbekit-justify-content: space-between;-wbekit-align-items: center;} .job02 .textbox{width: 50%;margin-right: -10%;position: relative;z-index: 1;} .job02 .textbox .contact-tl01{text-align: left;} /* job02-list */ .job02-list{width: 100%;background-color: #fff;padding: 60px 60px 40px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;box-shadow: 0px 2px 17px 0px rgba(45,45,45,0.12);} .job02-list p{width: calc((100% - 40px)/3);border: 1px solid #999999;border-radius: 4px;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-wbekit-justify-content: center;-wbekit-align-items: center;font-size: 16px;color: #666666;height: 44px;margin-right: 20px;margin-bottom: 20px;box-sizing: border-box;} .job02-list p:nth-of-type(3n){margin-right: 0;} /* job02swiper */ .job02swiper{width: 60%;position: relative;z-index: 0;} .job02swiper .imgbox{width: 100%;} .job02swiper .imgbox img{display: block;width: 100%;} .job02swiper .swiper-pagination{width: 100%;left: -100%;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;box-sizing: border-box;padding-right: 40px;bottom: 30px;} .job02swiper .swiper-pagination-bullet{width: 15px;height: 15px;border: 1px solid #494948;opacity: 1;margin-right: 30px;background-color: transparent;} .job02swiper .swiper-pagination-bullet:last-child{margin-right: 0;} .job02swiper .swiper-pagination-bullet-active{background-color: #0F2DC1;border-color: #0F2DC1;} /* job03wrap */ .job03wrap{margin: 120px auto 90px;} .job03{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .job03 .item{width: calc((100% - 60px)/3);margin-right: 30px;overflow: hidden;margin-bottom: 30px;height:280px;} .job03 .item:nth-of-type(3n){margin-right: 0;} .job03 .item img{display: block;width: 100%;transition: all .3s;height:auto;min-height:100%;object-fit:cover;} .job03 .item:hover img{transform: scale(1.1);} /* job04wrap */ .job04wrap{margin: 120px auto;} .job04wrap .contact-tl01{margin-bottom: 0;} .job04-tl{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 50px;} .job04-tl .tab{display: flex;display: -webkit-flex;} .job04-tl .swiper-button-next,.job04-tl .swiper-button-prev{width: 64px;height: 64px;position: relative;margin: 0;left: 0;right: 0;} .job04-tl .swiper-button-prev{margin-right: 20px;} .job04-tl .swiper-button-next img, .swiper-button-prev img{display: block;} /* job04 */ .job04 .imgbox{width: 100%;overflow: hidden;} .job04 .imgbox img{display: block;width: 100%;transition: all .5s;} .job04 .imgbox:hover img{transform: scale(1.1);} .job04 p{font-size: 18px;color: #666666;margin-top: 20px;} /* newswrap */ .newswrap{margin: 120px auto;} .newswrap .contact-tl01{text-align: left;} /* newstab */ .newstab{width: 100%;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;} .newstab a{display: block;position: relative;padding-bottom: 30px;font-size: 24px;color: #000000;margin-right: 80px;} .newstab a::after{content: '';display: block;width: 0;height: 3px;background-color: #0F2DC1;position: absolute;left: 0;bottom: 0;transition: all .3s;} .newstab a.active::after,.newstab a:hover::after{width: 100%;} .newstab a.active,.newstab a:hover{color: #0F2DC1;} /* news */ .news{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 60px;} .newsmin{width: 60%;} .news-c{width: 100%;} .news-c .item{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-wbekit-justify-content: space-between;border-bottom: 1px solid #ddd;padding-bottom: 60px;margin-bottom: 60px;position: relative;padding-left: 100px;} .news-c .item .imgbox{width: 30%;height: 224px;overflow: hidden;} .news-c .item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .5s;} .news-c .item:hover .imgbox img{transform: scale(1.1);} .news-c .item .text{width: 78%;box-sizing: border-box;padding-left: 50px;} .news-c .item .text h3{font-size: 24px;color: #000000;margin-bottom: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .news-c .item .text h4{font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 40px;} .news-c .item .text .more{border-color: #999999;color: #333333;font-size: 14px;} .news-c .item .text .more::after{background-color: #0F2DC1;} .news-c .item:hover .text .more::after{width: 100%;} .news-c .item:hover .text .more{color: #fff;border-color: #0F2DC1;} .news-c .item .data{position: absolute;left: 0;top: 0;writing-mode: vertical-lr;transform: rotate(180deg);font-size: 16px;color: #999999;display: flex;display: -webkit-flex;align-items: center;} .news-c .item .data:before{content: '';display: block;width: 1px;height: 30px;background-color: #999999;margin-bottom: 10px;} .news-c .item:hover .text h3{color: #0F2DC1;} .newsmin .n-page{padding-top: 0;border-top: none;margin-top: 0;} /* news-right */ .news-right{width: 20%;} .news-right .tls{margin-bottom: 20px;font-size: 30px;color: #000000;font-weight: bold;} .news-right .min{width: 100%;} .news-right .min a{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 40px;} .news-right .min a .imgbox{width: 40%;overflow: hidden;height: 90px;} .news-right .min a .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .3s;} .news-right .min a:hover .imgbox img{transform: scale(1.1);} .news-right .min a .text{width: 56%;} .news-right .min a .text h3{font-size: 16px;color: #333333;margin-bottom: 10px;line-height: 24px;} .news-right .min a .text p{font-size: 14px;color: #999999;} .news-right .min a:hover .text h3{color: #1F4BEA;} /* ninfo01wrap */ .ninfo01wrap{width:1000px;margin: 100px auto 50px;} /* ninfo-tl */ .ninfo-tl{text-align: center;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #E5E5E5;} .ninfo-tl h3{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 30px;} .ninfo-tl .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .ninfo-tl .data p{font-size: 16px;color: #999999;margin-right: 20px;} .ninfo-tl .data p:last-child{margin-right: 0;} /* ninfo-min */ .ninfo-min{width: 100%;font-size:14px;line-height:24px;} .ninfo-min div,.ninfo-min p{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 20px;} .ninfo-min p img,.ninfo-min img,.ninfo-min video{display: block;width: auto;margin:auto;max-width:100%;} .ninfo-min p>a{color: #0F2DC1;} /* ninfo-page */ .ninfo-page{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;height: 70px;justify-content: space-between;-webkit-justify-content: space-between;} .ninfo-page a{font-size: 16px;color: #666666;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;overflow:hidden;text-overflow:ellipsis;overflow:hidden;max-width:30%;white-space:nowrap;} .ninfo-page a i{font-size: 16px;color: #666666;margin-right: 10px;} .ninfo-page a:hover,.ninfo-page a:hover i{color: #1E47C7;} .ninfo-page a:first-child,.ninfo-page a:last-child{display:block;} /* ninf-bot01 */ .ninf-bot01{width: 1000px;margin: 50px auto;} .ninfo-tl02{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 30px;text-align: left;} .ninf-bot01 .list{width: 100%;display: flex;display: -webkit-flex;flex-wrap:wrap;-webkti-flex-wrap:wrap;} .ninf-bot01 .list .item{width: calc((100% - 100px)/3);margin-right:50px;margin-bottom:20px;} .ninf-bot01 .list .item:nth-of-type(3n){margin-right:0;} .ninf-bot01 .list .item .imgbox{width: 100%;overflow: hidden;height:200px;box-sizing:box-sizing;border:1px solid #eee;} .ninf-bot01 .list .item .imgbox img{display: block;width: 100%;transition: all .5s;height:auto;min-width:100%;min-height:100%;object-fit:cover;} .ninf-bot01 .list .item:hover .imgbox img{transform: scale(1.1);} .ninf-bot01 .list .item p{font-size: 14px;color: #999999;margin-top: 20px;} .ninf-bot01 .list .item h4{margin-top: 20px;font-size: 20px;color: #333333;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ninf-bot01 .list .item:hover h4{color: #1F4BEA;} /* ninf-bot02wrap */ .ninf-bot02wrap{width: 100%;padding:50px 0;background-color: #F7F7F7;} .ninf-bot02wrap .ninf-bot01{margin: auto;} /* support01wrap */ .support01wrap{margin: 100px auto 70px;position:relative;} .support01-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 50px;} .sup-tl{font-size: 36px;color: #000000;font-weight: bold;} .support01-top .tomore{font-size: 16px;color: #1E47C7;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .support01-top .tomore img{display: block;margin-left: 10px;} /* support01 */ .support01{width: 100%;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;position: relative;} .support01 .support01-l{width: 40%;position: absolute;left: 0;top:0;height: calc(100% - 30px);display: block;} .support01-item .imgbox{width: 100%;overflow: hidden;height: calc(100% - 30px);border-radius: 4px;overflow: hidden;} .support01-item .imgbox img{display: block;width: 100%;transition: all .5s;height: auto;min-height: 100%;object-fit: cover;} .support01-item:hover .imgbox img{transform: scale(1.1);} .support01-item p{width: 100%;font-size: 16px;color: #333333;margin-top: 20px;} .support01-item:hover p{color: #1F4BEA;} /* support01-r */ .support01-r{width: 58%;display: flex;display: -webkit-flex;height: 100%;flex-wrap: wrap;-webkit-flex-wrap:wrap;} .support01-r a{width: calc((100% - 20px)/3);margin-right: 10px;box-sizing: border-box;margin-bottom: 30px;} .support01-r a:nth-of-type(3n){margin-right: 0;} .support01-r a .imgbox{box-sizing: border-box;width:100%;border: 3px solid #000;border-radius: 4px;overflow: hidden;} /* support02wrap */ .support02wrap{width: 100%;padding: 70px 0;position: relative;} .support02wrap:before{content: '';display: block;width: 100%;height: 200px;position: absolute;left: 0;top: 0;background: linear-gradient(0deg, #FFFFFF 0%, #DDECFF 100%);z-index: 0;} /* serchbox */ .serchbox{position: relative;z-index: 1;margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .serchbox input{display: block;box-sizing: border-box;width: 660px;height: 54px;background-color: #fff;box-shadow: 0px 10px 26px 0px rgba(15,45,193,0.1);border-radius: 4px;padding: 0 20px;border: none;outline: none;} .serchbox button{width: 100px;height: 54px;background: #1E47C7;box-shadow: 0px 10px 26px 0px rgba(15,45,193,0.1);border-radius: 4px;font-size: 16px;color: #FFFFFF;border: none;outline: none;margin-left: 10px;} /* support02 */ .support02{margin: 100px auto 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .support02 .item{width: calc((100% - 100px)/3);box-sizing: border-box;box-shadow: 0px 0px 20px 0px rgba(45,45,45,0.14);border-radius: 4px;overflow: hidden;background-color: #fff;} .support02 .item .imgbox{width: 100%;position: relative;} .support02 .item .imgbox img{display: block;width: 100%;} .support02 .item .imgbox .text{position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;padding: 50px 40px 0;display: flex;display: -webkit-flex;} .support02 .item .imgbox .text h3{font-size: 30px;color: #FFFFFF;font-weight: bold;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border-bottom: 5px solid rgba(255,255,255,0.2);} .support02 .item .imgbox .text h3 span{font-size: 48px;color: #fff;font-weight: bold;opacity: 0.6;margin-right: 20px;} /* listbox */ .su02-listbox{width: 100%;box-sizing: border-box;padding: 40px 40px 0;} .su02-listbox .min a{display: block;position: relative;overflow: hidden;box-sizing: border-box;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;color: #333333;margin-bottom: 20px;padding-left: 30px;} .su02-listbox .min a:before{content: '';display: block;width: 8px;height: 8px;background-color: #999;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4px;} /* .su02-listbox .min a:last-child{margin-bottom: 0;} */ .su02-listbox .tomore{width: 100%;display: flex;display: -webkit-flex;align-items: center;-wbekit-align-items: center;border-top: 1px solid #ddd;height: 70px;font-size: 16px;color: #1E47C7;margin-top: 30px;} .su02-listbox .tomore img{display: block;margin-left: 10px;} .su02-listbox .min a:hover{color: #1F4BEA;} .su02-listbox .min a:hover::before{background-color: #1F4BEA;} /* servicetcwrap */ .servicetcwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background-color: rgba(0,0,0,0.4);display: none;} .servicetcs{position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .service{background-color: #FFFFFF;border-radius: 12px;padding: 50px 0;height:80%;overflow:hidden;box-sizing:border-box;position:relative;} .service .tl{font-size: 36px;color: #0F2DC1;font-weight: bold;margin-bottom: 40px;box-sizing: border-box;padding-left: 50px;} .service .ms{font-size: 16px;color: #999999;margin-bottom: 20px;box-sizing: border-box;padding-left: 50px;} .service .downmin{width: 100%;display: block;width: 100%;margin-top: 20px;height:85%;} .service .downmin .downtop{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding: 0 50px;box-sizing: border-box;} .service .downmin .downtop h3{font-size: 20px;color: #333333;font-weight: bold;width: 10%;box-sizing: border-box;} .service .downmin .downtop h3:nth-of-type(1),.service .downmin .downtop h3:nth-of-type(2){width: 20%;} .closebtn{position: absolute;right: 10px;top: 10px;font-size:30px;} /* downlist */ .downlist{width: 100%;margin-top: 15px;height:95%;overflow-y:scroll;} .downlist a{width: 100%;box-sizing: border-box;padding: 0 50px;background-color: #EEEEEE;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;height: 54px;} .downlist a:nth-of-type(2n){background-color: #fff;} .downlist a p{font-size: 14px;color: #666666;width: 10%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .downlist a p:first-child{font-size: 16px;color: #333;} .downlist a p:nth-of-type(1),.downlist a p:nth-of-type(2){width: 20%;} .downlist a p:last-child{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;color: #0F2DC1;font-size: 16px;} .downlist a p img{display: block;margin-left: 20px;} /* support03 */ .support03{box-sizing: border-box;margin: auto;} .support03-item{width: 100%;display: flex;display: -webkit-flex;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(45,45,45,0.14);border-radius: 4px;position: relative;justify-content: flex-end;-webkit-justify-content: flex-end;height: 540px;overflow: hidden;align-items: center;-webkit-align-items: center;margin-bottom: 40px;} .support03-item .imgbox{width: 30%;position: relative;overflow: hidden;position: absolute;left: 0;height: 100%;} .support03-item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .support03-item .imgbox .text{width: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding: 60px 40px 0;} .support03-item .imgbox .text .text-tl{display: flex;display: -webkit-flex;} .support03-item .imgbox .text h3{font-size: 30px;color: #FFFFFF;font-weight: bold;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border-bottom: 5px solid rgba(255,255,255,0.2);} .support03-item .imgbox .text h3 span{font-size: 48px;color: #fff;font-weight: bold;opacity: 0.6;margin-right: 20px;} .support03-item .imgbox .text p{font-size: 16px;color: #FFFFFF;margin-top: 20px;} .support03-right{width: 70%;box-sizing: border-box;padding: 40px 50px;} /* tomore */ .support03-item .imgbox .tomore{position: absolute;bottom: 40px;left: 40px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #FFFFFF;} .support03-item .imgbox .tomore img{display: block;width: auto;filter: brightness(100);margin-left: 10px;} /* qanda */ .qanda{width: 100%;box-sizing: border-box;padding-left: 40px;} .qanda li{width: 100%;position: relative;border-bottom: 1px solid #E5E5E5; padding-bottom: 20px;margin-bottom: 20px;} .qanda li span{font-size: 18px;color: #666666;position: absolute;left: -40px;top: 0;} .qanda li .tl{width: 100%;font-size: 18px;color: #333333;} .qanda li .info{width: 100%;display: none;padding-top: 20px;} .qanda li:first-child .info{display: block;} .qanda li .info h4{font-size: 16px;color: #999999;line-height: 24px;margin-bottom: 30px;} .qanda li .info a{font-size: 14px;color: #0F2DC1;display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #0F2DC1;} .qanda li.active .tl,.qanda li:hover .tl{color: #0F2DC1;} /* tomorewrap */ .support03-right .tomorewrap{width: 100%;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;} .support03-right .tomorewrap .tomore{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #1E47C7;margin-bottom: 30px;} .support03-right .tomorewrap .tomore img{display: block;margin-left: 10px;} .support03-right .listmin{width: 100%;} .support03-right .listmin a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;height: 60px;border-bottom: 1px solid #ddd;position: relative;} .support03-right .listmin a::after{content: '';display: block;width: 0%;height: 1px;background-color: #1F4BEA;position: absolute;left: 0;bottom: 0;transition: all .3s;} .support03-right .listmin a p{font-size: 18px;color: #333333;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .support03-right .listmin a span{font-size: 14px;color: #666666;} .support03-right .listmin a:hover p{color: #1F4BEA;} .support03-right .listmin a:hover::after{width: 100%;} /* casewrap */ .casewrap{width: 1100px;margin: 100px auto;box-shadow: 0px 0px 20px 0px rgba(45,45,45,0.14);overflow:hidden;} .case-tl{width: 100%;box-sizing: border-box;padding: 50px 50px 0;} .case-tl .tl{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 30px;} .case-tl .tag{width: 100%;} .case-tl .tag li{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 15px;} .case-tl .tag li h3{font-size: 14px;color: #999999;margin-right: 10px;} .case-tl .tag li .info{display: flex;display: -webkit-flex;} .case-tl .tag li .info p{display: block;text-align: center;font-size: 14px;color: #999999;border: 1px solid #999999;line-height: 24px;padding: 0 15px;box-sizing: border-box;height: 26px;margin-right: 15px;} .case-tl .tag li .info p:last-child{margin-right: 0;} /* casemin */ .casemin{width: 100%;box-sizing: border-box;} .case-tl02{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 30px;} .casemin p,.casemin .box div{font-size: 16px;color: #333333;line-height: 30px;} .casemin p:last-child{margin-bottom: 0;} .casemin .box{width: 100%;box-sizing: border-box;border-top: 1px solid #E5E5E5;padding: 50px;} .casemin p img{margin:auto!important;max-width:100%;} /* case-page */ .case-page{box-sizing: border-box;padding: 0 50px;} .bot{width: 100%;box-sizing: border-box;padding: 50px;text-align: center;display:none;} .bot h3{display: block;text-align: center;width: 70%;margin: auto;font-size: 16px;line-height: 30px;color: #333333;} /* ipl01wrap */ .ipl01wrap{width: 100%;position: relative;box-sizing: border-box;} .ipl01wrap img{display: block;width: 100%;} .ipl01wrap .ipl01-tl{position: absolute;width: 100%;left: 0;text-align: center;top: 120px;} .ipl01-tl{text-align: center;} .ipl01-tl h3{font-size: 48px;color: #000000;font-weight: bold;margin-bottom: 30px;} .ipl01-tl p{font-size: 16px;color: #666666;} /* ipl02wrap */ .ipl02wrap{width: 100%;margin: 120px 0;} .ipl02{width: 100%;display: flex;display: -webkit-flex;overflow: hidden;margin-top: 50px;} .ipl02 li{width: calc(100% / 4);position: relative;} .ipl02 li>img{display: block;width: 100%;} .ipl02 li:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #000B26;opacity: 0.75;} .ipl02 li .imgbox{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .ipl02 li .imgbox .box{display: flex;display: -webkit-flex;width: 90px;height: 90px;border: 2px solid #FFFFFF;border-radius: 50%;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;} .ipl02 li .imgbox p{font-size: 24px;color: #FFFFFF;margin-top: 30px;text-align: center;} /* textbox */ .ipl02 li .textbox{width: 80%;box-sizing: border-box;padding: 60px;position: absolute;left: 10%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-color: #0F2DC1;text-align: center;opacity: 0;transition: all .3s;} .ipl02 li .textbox h3{font-size: 24px;color: #FFFFFF;} .ipl02 li .textbox span{display: block;width: 56px;height: 3px;background-color: #EBEBEB;margin: 20px auto;} .ipl02 li .textbox h4{font-size: 16px;color: #fff;line-height: 30px;} .ipl02 li:hover .textbox{opacity: 1;} .ipl02 li:hover .imgbox{opacity: 0;} .ipl02 li:hover:before{opacity: 0.3;} /* ipl03 */ .ipl03wrap{margin: 120px 0;} .ipl03{width: 100%;position: relative;margin-top: 60px;} .ipl03 a{display: flex;display: -webkit-flex;width: 100%;background-color: #F5F5F5;align-items: center;-wbekit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;} .ipl03 a .imgbox{width: 40%;overflow: hidden;height: 356px;overflow: hidden;} .ipl03 a .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .ipl03 a .text{width: 60%;box-sizing: border-box;padding: 0 60px;} .ipl03 a .text h3{font-size: 24px;color: #000B26;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .ipl03 a .text h4{font-size: 16px;line-height: 30px;color: #666666;} .ipl03 a .text .i07-more{width: 140px;height: 44px;margin: 0;margin-top: 30px;} /* morewrap */ .morewrap{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;} .ipl03 .swiper-button-prev,.ipl03 .swiper-button-next{font-size: 52px;color: #999999;background-image: none;margin-top: -26px;z-index:1;} .ipl03 .swiper-button-prev:hover,.ipl03 .swiper-button-next:hover{color: #0F2DC1;} .ipl03 .swiper-button-prev{left: 23%;} .ipl03 .swiper-button-next{right: 23%;} .ipl03 .swiper-slide{opacity: 0.5;} .ipl03 .swiper-slide-active{opacity: 1;} /* ipl04wrap */ .ipl04wrap{width: 100%;box-sizing: border-box;padding: 120px 0;position: relative;} .ipl04wrap .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;object-fit: cover;} .ipl04{width: 1200px;margin: auto;position: relative;z-index: 1;} .ipl04min{width: 100%;display: flex;display: -webkit-flex;padding: 50px 0;background-color: rgba(255,255,255,0.8);margin-top: 60px;} .ipl04min .item{width: calc(100% / 3);box-sizing: border-box;padding: 0 40px;border-right: 1px solid #eee;} .ipl04min .item:last-child{border: none;} .ipl04min .item .tl{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 40px;} .ipl04min .item .tl p{font-size: 24px;color: #333333;} .ipl04min .item .tl img{display: block;width: auto;margin-right: 20px;} .ipl04min .item h4{font-size: 16px;color: #666666;line-height: 30px;} .solutionswrap{background-color: #ECEFF4;width: 100%;padding:120px 0;} .solutions{margin: auto;} .solutions-tl01{text-align: left;} /* solu-tab */ .solu-tab{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-wbekit-justify-content: space-between;border-bottom: 1px solid #DDDDDD;} .solu-tab a{display: block;font-size: 16px;color: #000000;padding-bottom: 30px;position: relative;} .solu-tab a:before{content: '';display: block;width: 0%;height: 3px;background-color: #0F2DC1;position: absolute;left: 0;bottom:0;transition: all .3s;} .solu-tab a:hover:before,.solu-tab a.active:before{width: 100%;} .solu-tab a:hover,.solu-tab a.active{color: #0F2DC1;} /* soluswiperlist */ .soluswiperlist{width: 100%;margin-top: 60px;} .soluswiperlist .li{display: none;} .soluswiperlist .li:first-child{display: block;} .soluswiperlist .i07-more{width: 140px;height: 45px;margin: 0;margin-top: 30px;} .soluswiperlist .index01num{margin-top: 30px;} /* solutions02 */ .solutions02{width: 100%;box-sizing: border-box;margin: 120px 0 0;} .solumin{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .solumin .item{display: block;width: calc((100% - 90px)/3);margin-right: 45px;margin-bottom: 60px;} .solumin .item:nth-of-type(3n){margin-right: 0;} .solumin .item .imgbox{width: 100%;overflow: hidden;height:250px;} .solumin .item .imgbox img{display: block;width: auto;transition: all .5s;height:auto;min-width:100%;height:100%;object-fit:cover;} .solumin .item:hover .imgbox img{transform: scale(1.1);} .solumin .item p{font-size: 20px;color: #000B26;margin-top: 30px;text-align: center;} .n-page{width: 100%;padding-top: 50px;border-top: 1px solid #ddd;} .part .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .part .el-pagination .btn-prev{width:30px;height:30px;background:url(../images/syy.png) center center no-repeat;margin-right: 20px;} .part .el-pagination .btn-next{width:30px;height:30px;background:url(../images/xyy.png) center center no-repeat;margin-left:20px;} .part .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:0;content:""} .part .el-pagination .btn-next .el-icon-arrow-right:before{font-size:0;content:""} .part .el-pagination .btn-quickprev{width:34px;height:34px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;} .part .el-pagination .btn-quickprev:before{content:""} .part .el-pagination .btn-quicknext{width:34px;height:34px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;} .part .el-pagination .btn-quicknext:before{content:""} .part .el-pagination__jump{display:none!important;} .el-pager{display: flex;display: -webkit-flex;} .part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;} .part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;} .el-pager li{width: 34px;height: 34px;background-color: transparent;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;min-width:auto;} .el-pager li.active{background-color: #0F2DC1;color: #fff;} .part .el-pagination .btn-quicknext{width: 34px;height: 34px;margin-top: 0;background: none;} .part .el-pagination .btn-quicknext:before{content: '···';} /* parts01 */ .parts01wrap{padding: 120px 0;margin:auto;position:relative;} .parts01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .parts01 .item{display: block;width: calc((100% - 80px)/3);box-sizing: border-box;background: #FFFFFF;box-shadow: 0px 6px 20px 0px rgba(45,45,45,0.16);padding: 70px 50px;text-align: center;transition: all .3s;} .parts01 .item:hover{transform: translateY(-20px);} .parts01 .item img{display: block;width: auto;margin: auto;} .parts01 .item h3{font-size: 30px;color: #333333;font-weight: 400;margin-top: 60px;} .parts01 .item h4{font-size: 16px;color: #999999;line-height: 30px;margin-top: 30px;text-align: center;} .parts01 .item:hover h3{color: #1F4BEA;} /* parts02wrap */ .parts02wrap{width: 100%;padding: 120px 0;position: relative;} .parts02wrap .bg{display: block;width: 100%;height:100%;position: absolute;top: 0;left: 0;object-fit: cover;z-index: 0;} .parts02{position: relative;z-index: 1;margin: auto;} .parts02 .contact-tl01{color: #fff;} .parts02min{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .parts02min .item{width: calc((100% - 80px)/3);background: linear-gradient(0deg, #FFFEFF 0%, #D9E6FA 100%);padding: 20px 50px 50px;box-sizing: border-box;} .parts02min .item .tl{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 30px;} .parts02min .item .tl h3{font-size: 30px;color: #333333;} .parts02min .item .tl .imgbox{position: relative;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background: rgba(15,45,193,0.8); box-shadow: 0px 2px 2px 0px rgba(6,50,153,0.29), 0px -2px 3px 0px rgba(15,45,193,0.3);width: 90px;height: 90px;border-radius: 50%;transition: all .3s;} .parts02min .item .tl .imgbox img{width: auto;height: auto;max-width: 90%;max-height: 90%;position: relative;z-index: 1;} .parts02min .item .tl .imgbox:before{content:'';display: block;width: 70%;height: 70%;border-radius: 50%;background-color: #0F2DC1;position: absolute;left: 15%;top: 15%;z-index: 0;} .parts02min .item:hover .tl .imgbox{transform: rotate(180deg);} .parts02min .item:hover .tl h3{color: #0F2DC1;} .parts02min .item h4{font-size: 16px;color: #666666;line-height: 30px;} /* parts03wrap */ .parts03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 120px 0;background-color: #F7F7F7;} .parts03wrap .home6_main{position: relative;} .parts03wrap .home6_main .home6_1 .bd .tempWrap{width: 100%!important;} .parts03wrap .home6_main .home6_1 .bd .picList li{border: 1px solid #f4f6fa;margin-bottom: 12px; width: 240px;height: 120px;display: flex;align-items: center;justify-content: center;} .parts03wrap .home6_main .home6_1 .bd .picList li img{width: auto;} /* parts04wrap */ .parts04wrap{padding: 120px 0;margin:auto;position:relative;} .parts04{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .parts04 .item{width: calc((100% - 270px)/4);text-align: center;} .parts04 .item img{display: block;width: auto;margin: auto;} .parts04 .item h3{font-size: 24px;color: #333333;margin-top: 50px;} .parts04 .item h4{font-size: 16px;color: #999999;line-height: 30px;margin-top: 30px;} .parts04 .item:hover h3{color: #0F2DC1;} /* parts05wrap */ .parts05wrap{margin: 120px auto;} .parts05{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;} .parts05 .item{width: calc((100% - 200px)/5);box-sizing: border-box;background-color: #F7F7F7;padding: 50px 30px;text-align: center;transition: all .3s;} .parts05 .item:hover{transform: translateY(-20px);} .parts05 .item .imagesbox{position: relative;} .parts05 .item .imagesbox p{font-size: 100px;font-weight: bold;color: #fff;text-align: center;} .parts05 .item .imagesbox img{display: block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: -1x0px;} .parts05 .item h3{font-size: 24px;color: #333333;margin: 20px 0;} .parts05 .item h4{font-size: 16px;color: #666666;} .parts05 i{font-size: 16px;color: #666;} /* parts06wraps */ .parts06wraps{width: 100%;box-sizing: border-box;padding: 120px 0;background-color: #F7F7F7;} /* parts06 */ .parts06{margin: auto;} .parts06 label{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between; margin-bottom: 40px;} .parts06 input{display: block;width: calc((100% - 140px)/3);background-color: transparent;outline: none;font-size: 16px;color: #999999;height: 40px;border:none;border-bottom: 1px solid #999;} .parts06 label .img{width: calc((100% - 140px)/3);} .parts06 label:nth-of-type(2) input:last-child{width:calc(100% - ((100% - 140px)/3) - 70px)} .parts06>input{width: 100%;} .parts06 .more{width: 180px;height: 54px;margin: auto;margin-top: 40px;} /* a-bannerwrap */ .a-bannerwrap{width: 100%;} .pro-btext{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);box-sizing: border-box;padding-right: 20%;} .pro-btext h3{font-size: 30px;color: #fff;font-weight: bold;margin-bottom: 20px;} .pro-btext p{font-size: 24px;color: #fff;margin-bottom: 50px;} .pro-btext h4{font-size: 16px;color: #FFFFFF;line-height: 28px;margin-bottom: 40px;} .pro-btext .more{width: 140px;height: 45px;margin: 0;} /* tolink */ .tolink{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;border-bottom:1px solid rgba(15,45,193,0.1);background-color: #fff;} .tolink a{display: block;line-height: 60px;font-size: 16px;color: #333333;position: relative;margin-right: 60px;} .tolink a::after{content: '';display: block;width: 0%;height: 2px;background-color: #1E47C7;position: absolute;left: 0;transition: all .3s;bottom: 0;} .tolink a:hover::after,.tolink a.active::after{width: 100%;} .tolink a:hover,.tolink a.active{color: #1E47C7;} .tolink a:last-child{margin-right: 0;} .fixedSubNav{position:fixed;top:94px;left:0;z-index:2} /* promin */ .promin{width: 1200px;margin: 60px auto;} .pinfo01img{width: 100%;} .pinfo01img img{display: block;width: 100%;} .promin li{margin-bottom: 30px;padding-bottom:30px;border-bottom:1px dashed #ddd;} .pinfo01img>p{margin-bottom: 30px;} .pinfo01img p,.pinfo01img p span{font-size: 14px!important;color: #222!important;line-height:24px!important;background-color:transparent!important;} .promin li img{margin: auto;max-width:100%;} /* profom */ .profom{width: 100%;} .profom p{font-size: 16px;color: #333333;padding-bottom: 30px;line-height:24px;} .profom .tl{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 70px;border-bottom: 1px solid #E2E2E2;} .profom table{border-collapse: collapse;width:100%;} .profom table tr{width: 100%;} .profom .tl h3,.profom table tr:nth-of-type(1) td{font-size: 16px;color: #333333;font-weight: bold;height:70px;vertical-align: inherit;} .profom .info{width: 100%;display: flex;display: -webkit-flex;padding: 30px 0;border-bottom: 1px solid #E2E2E2;} .profom .info h4,.profom table tr td{font-size: 14px;line-height: 24px;color: #333333;height:70px;vertical-align: inherit;} /* pinfo-down */ .pinfo-down{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .pinfo-down a{display: block;box-sizing: border-box;padding: 30px 20px;background-color: #F7F7F7;border-radius: 8px;width: calc((100% - 90px)/4);margin-right: 30px;margin-bottom: 30px;} .pinfo-down a:nth-of-type(4n){margin-right: 0;} .pinfo-down a h3{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;} .pinfo-down a p{font-size: 14px;color: #666;margin-bottom: 30px;} .pinfo-down a span{display: flex;display: -webkit-flex;border-radius: 50%;width: 42px;height: 42px;border: 1px solid #999999;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .pinfo-down a span i{display: block;width: 16px;height: 2px;background-color: #999999;display: flex;display: -webkit-flex;align-items: center;} .pinfo-down a span i:before{content: '';display: block;width: 6px;height: 6px;border-top: 2px solid #999;border-right: 2px solid #999;transform: rotate(-132deg);} .pinfo-down a:hover{box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1);} .pinfo-down a:hover span{background-color: #0F2DC1;} .pinfo-down a:hover span i{background-color: #fff;} .pinfo-down a:hover span i:before{border-color: #fff;} .pinfomins .ninf-bot01{ margin-top: 0;} /* numberwrap */ .numberwrap{width: 100%;margin: 50px auto 0;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;} .numberwrap .fl{width: calc(100% / 3);box-sizing: border-box;margin-bottom: 30px;} .numberwrap .fl:last-child{border-right: none;} .numberwrap .fl .num{font-size: 18px;color: #333333;font-weight:bold;display:flex;display:-webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;margin-bottom: 20px;} .numberwrap .fl .num i{font-size: 48px;font-weight: bold;color: #000B26;font-style:initial;margin-right:10px;margin-bottom: -5px;} .numberwrap .fl .num span{font-size: 36px;color: #333333;} .numberwrap .fl .sm{font-size: 16px;color: #555555;margin-top: 10px;} .abdw{width: 100%;position: absolute;bottom: 0;left: 0;} /* supinfowrap */ .supinfowrap{position: relative;overflow: hidden;margin: 80px auto;} .supinfowrap .service{margin: auto;} .supinfowrap .n-page{border: none;} .supinfowrap .serchbox input{border: 1px solid #eee;} /*2023/03/31*/ .bigimg .item .text{padding-right: 13%;box-sizing:border-box;} .bigimg .item .text h3{font-size: 56px;line-height: 70px;} .bigimg .item .text h4{font-size: 26px;} .banner-right .swiper-wrapper .swiper-slide p{opacity: 0.8;} .banner-right .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p,.banner-right .swiper-wrapper .swiper-slide:hover p{opacity:1;font-weight:bold;} .swiperlist .sliderbox .textbox h4{text-align: left;} .index07-text{position: relative;transform: none;-webkit-transform: none;padding:80px 0 50px;} .index07wrap .home6_main .home6_1 .bd .picList li img{max-width: 100%;} footer .footer_main_1{display: none;} footer .footer_main .part2{margin: 60px 0;} .a01-text span{display: none;} .a01-text p{font-size: 26px;} .a01-text h3{font-size: 42px;} .a02-tl span{font-size: 26px;margin-bottom: 40px;} .a04-list .swiper-slide{background-color:#fff;box-shadow:0px 0px 5px 0px rgb(45 45 45 / 14%);box-sizing:border-box;padding:15px;} .a04-list .imgbox{box-shadow: none;} .a04-list p{overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height:20px;height:40px;} .a04-list .swiper-container{padding: 10px 5px;box-sizing:border-box;} .a04-list .imgbox img,.parts03wrap .home6_main .home6_1 .bd .picList li img{max-width: 100%;max-height: 100%;} footer .footer_main .part2 .part2_2 .p1 a:nth-last-of-type(1),footer .footer_main .part2 .part2_2 .p1 a:nth-last-of-type(2){display:none} .index02wrap{margin-top: 40px;} .index02{margin-top: 30px;} .index06wrap{margin: 40px 0;} .index06{margin-top: 30px;} .index07-text{padding: 40px 0;} .about01,.promin{margin: 40px auto;} .a01-imgbox{padding: 0;} .a01-imgbox::after{width:100%;height: 100%;} .numberwrap .fl{margin-bottom: 0;} .about02wrap{padding-top: 40px;} .about03{margin: 40px auto;} .about04wrap{padding: 60px 0;} .a04-tab{margin-top: 40px;} .a04-list{margin-top: 40px;} .about05wrap{margin: 40px 0;} .about05min{margin-top: 30px;} .solutionswrap{padding: 40px 0;} .contact-tl01{margin-bottom:30px;} .soluswiperlist{margin-top: 40px;} .solutions02{margin-top: 40px;} .solumin .item{margin-bottom: 40px;} .casewrap{margin: 40px auto;} .supinfowrap{margin: 40px auto;} .service{padding: 30px 0 0;} .newswrap{margin: 40px auto;} .ninfo01wrap,.ninf-bot01,.parts05wrap,.contact01wrap,.contact04wrap{margin: 40px auto;} .parts01wrap{padding: 40px 0;} .contact-tl01{font-size: 42px;} .parts02wrap,.parts06wraps{padding: 60px 0 40px;} .parts03wrap,.parts04wrap,.iot01wrap,.iot02wrap,.iot03wrap,.iot04wrap,.contact03wrap,.contact05wrap{padding: 40px 0;} .abdw{height: 60px;} .contact02wrap{padding-bottom: 40PX;} .contact03wrap{padding: 60px 0;} .videoboxwrap{margin-top: 40px;} @media only screen and (max-width: 1600px){ .center{width: 1200px;} .h-left .logo img{height:60px;} .bigimg .item .text h4{font-size: 24px;margin-bottom: 100px;line-height:30px;} .index05wrap{padding: 0 calc((100% - 1200px)/2);} .index05-left{padding-right: 40px;} .index01num h3{font-size: 14px;} .i-tl01 h3{font-size: 34px;} .i-tl01 a{margin-left: 40px;} .swiperlist .sliderbox .textbox h3{font-size: 28px;} .swiperlist .sliderbox .textbox h4{line-height: 32px;} .index02 .hovertext{padding: 50px 40px;} .index02 .hovertext h3{font-size: 26px;} .index03-bot .libox .textbox .linktab .more{height: 50px;padding:0 10px;font-size:14px;margin-right:15px;} .index03-bot .index01num{margin-top: 30px;} .index01num .numfont h2{font-size: 44px;} .index01num .numfont::after{font-size: 34px;} .index03-bot .libox .textbox h3{font-size: 20px;} .index04text h3{font-size: 32px;} .index04text h4{font-size: 16px;} .i04-linktab .more{width: 160px;height: 46px;font-size: 16px;} .numberwrap .fl .sm{font-size: 14px;} .numberwrap .fl .num span{font-size: 26px;} .numberwrap .fl .num i{font-size: 44px;} .i05-tl{font-size: 34px;} .i05-linktab .more{width: 140px;} /* .i06-listboxs .i06-tab */ .i06-listboxs .i06-tab{padding: 30px;} .i06-listwrap{padding: 30px;} .i06-listboxs .i06-tab a{width: 70px;font-size: 14px;height: 32px;} /* .about02 .videobox */ .about02 .videobox{height: 400px;} .about03 li .textwrap h3{font-size: 30px;} .about03 li .textwrap h4{font-size: 22px;line-height: 32px;} /* .a01-text h3 */ .a01-text h3{font-size: 40px;} .a01-text span{font-size: 28px;margin-bottom: 40px;} .a01-text p{font-size: 26px;margin-bottom: 30px;} .a01-text h4{line-height: 28px;} .a01-right{width: 46%;} .about01{margin: 80px auto;} .a02-tl h3{font-size: 42px;} .a02-tl p{font-size: 20px;} .about02wrap{padding-top: 80px;} .videoboxwrap{margin-top: 60px;} .about03{margin: 80px auto;} .about04wrap{padding: 80px 0;} .a04-tl h3{font-size: 42px;} .a04-tl p{font-size: 20px;} .a04-tab a{font-size: 20px;padding-bottom: 20px;} .about05wrap{margin: 80px auto 60px;} .ppiconlist a{height: 90px;} /*.ppiconlist a img{width: 86%;}*/ .about05min{margin-top: 30px;} .i08top-txt h3{font-size: 28px;margin-bottom: 30px;} /* .a-bannerwrap .a-btext h3 */ .a-bannerwrap .a-btext h3{font-size: 34px;} .a-bannerwrap .a-btext .img{margin-top: 60px;} .ipl01-tl h3{font-size: 36px;margin-bottom: 20px;} .ipl01wrap .ipl01-tl{top: 80px;} .ipl02wrap{margin: 80px auto;} .ipl02 li .imgbox .box{width: 80px;height: 80px;} .ipl02 li .imgbox .box img{display: block;max-width: 50%;} .ipl02 li .imgbox p{font-size: 20px;margin-top: 20px;} .ipl02 li .textbox h3{font-size: 20px;} .ipl02 li .textbox span{width:50px;height: 2px;} .ipl02 li .textbox h4{font-size: 14px;line-height: 26px;} .ipl02 li .textbox{padding: 50px;} .ipl03wrap{margin: 80px auto;} .ipl03{margin-top: 50px;} .ipl03 .swiper-button-prev{left: 15%;} .ipl03 .swiper-button-next{right:15%;} .ipl04wrap{padding: 80px 0;} .ipl04min{margin-top: 40px;} .ipl04min .item .tl{margin-bottom: 30px;} .ipl04min .item .tl img{height: 30px;} .ipl04min .item .tl p{font-size: 22px;} /* .pro-btext h3 */ .pro-btext h3{font-size: 28px;} .pro-btext p{font-size: 20px;margin-bottom: 30px;} .pro-btext h4{font-size: 14px;} .pro-btext{padding-right: 30%;} .pro-btext .more{width: 130px;height: 40px;} .ninfo-tl02{font-size: 28px;} .profom p{padding-bottom: 20px;} .profom .tl{height: 60px;} .profom .info{padding:20px 0;} .ninf-bot01 .list .item h4{font-size: 16px;} .ninfo-page a{font-size: 15px;} /* .iotb-text h3 */ .iotb-text h3{font-size: 36px;} .iotb-text h4{font-size: 20px;} /* .solutionswrap */ .solutionswrap{padding:80px 0;} .contact-tl01{font-size: 34px;margin-bottom: 40px;} .solu-tab a{padding-bottom: 20px;} .soluswiperlist{margin-top: 50px;} .solutions02{margin-top: 80px;} .solumin .item p{font-size: 18px;margin-top: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .n-page{margin-top: 40px;} /* .support01wrap */ .support01wrap{margin: 80px auto 60px;} .sup-tl{font-size: 34px;} .support01-top{margin-bottom: 40px;} .su02-listbox{padding:30px 30px 0;} .su02-listbox .min a{font-size: 15px;padding-left: 20px;} .su02-listbox .min a:before{width: 6px;height: 6px;} .su02-listbox .tomore{height: 60px;font-size: 15px;} .support03-item{height: auto;} .service .tl{font-size: 32px;} /* .newswrap */ .newswrap{margin: 80px auto;} .contact-tl01{font-size: 32px;} .newstab a{font-size: 20px;padding-bottom: 20px;} .news-c .item{padding-left: 60px;} .news-c .item .text h3{font-size: 22px;margin-bottom: 20px;} .news-c .item .text h4{margin-bottom: 30px;line-height:26px;} .news-right{width: 25%;} .news-c .item .text .more{width: 130px;} .news-c .item{padding-bottom: 40px;margin-bottom: 40px;} .news-right .tls{font-size: 26px;} /* .ninfo01wrap */ .ninfo01wrap{margin: 80px auto 50px;} .ninfo-tl h3{font-size: 28px;} /* .parts01wrap */ .parts01wrap{padding: 80px 0;} .parts01 .item{padding: 50px;} .parts01 .item img{height: 90px;} .parts01 .item h3{font-size: 28px;margin-top: 30px;} .parts02wrap{padding: 80px 0;} .parts02min .item .tl h3{font-size: 28px;} .parts03wrap{padding: 80px 0;} .parts04wrap{padding: 80px 0;} .parts04 .item h3{font-size: 20px;margin-top: 30px;} .parts05wrap{margin: 80px auto;} .parts05 .item{padding: 40px 20px;} .parts05 .item .imagesbox p{font-size: 90px;} .parts05 .item .imagesbox img{height: 58px;} .parts05 .item h3{font-size: 20px;} .parts05 .item h4{font-size: 14px;} .parts06wraps{padding: 80px 0;} /* .iot01wrap */ .iot01wrap{margin: auto;padding:80px 0;} .iot02wrap{padding: 80px 0 60px;} .iot03wrap{padding: 80px 0;margin:auto;} .iot04wrap{padding: 80px 0;} /* .casewrap */ .casewrap{margin: 80px auto;} .case-tl .tl{font-size: 28px;} .case-tl02{font-size: 20px;margin-bottom: 20px;} .casemin .box{padding: 40px 50px;} /* .job01wrap */ .job01wrap{margin: 80px auto;} .job01-top .job-s select{height: 40px;} .job01-top .job-s input{height: 40px;} .job01-top .job-s .btn button{height: 40px;} .joblist .list-tl{height: 60px;} .joblist .list-li a{height: 60px;} .job02wrap{padding: 80px 0;} .job03wrap{margin: 80px auto 60px;} .job04wrap{margin: 80px auto;} .job04-tl .swiper-button-next, .job04-tl .swiper-button-prev{width: 50px;height: 50px;} .job04-tl .swiper-button-next img, .swiper-button-prev img{width: 100%;} .job04-tl{margin-bottom: 30px;} /* .contact01wrap */ .contact01wrap{margin: 80px auto;} .contact01 .item{padding: 30px 40px;} .contact01 .item .tl{font-size: 20px;padding-bottom: 15px;margin-bottom: 15px;} .contact01 .item .info .text h4{margin-bottom: 15px;} .contact01 .item .info .text p{font-size: 20px;} .contact02wrap{padding: 0 0 80px;} .contact02 .item h3{font-size: 20px;} .contact02 .item p{font-size: 14px;} .contact02 .item img{height: 50px;} .contact03wrap{padding: 80px 0;} .contact03 a p{font-size: 20px;margin-top: 20px;} .contact03 a .imgbox{width: 100px;height: 100px;} .contact04wrap{margin: 80px auto;} .contact04-map{height: 400px;} .contact05wrap{padding: 80px 0;} .cont-form label .item input{height: 50px;} .cont-form textarea{height: 100px;} .cont-form button{width: 160px;height: 46px;} /* .iot01-l li .tl p */ .iot01-l li .tl p{font-size: 20px;} .iot01-l li{padding: 30px 25px;} .h-nav li{margin-right: 30px;} .header{padding-left: 80px;} .h-nav li>a{line-height: 100px;} .div2_1 .headerwrap .header .h-nav li>a, .div3 .headerwrap .header .h-nav li>a{line-height: 90px;} .bigimg .item .text h3{font-size: 60px;} .index02 .hovertext h3 br{display: none;} .swiperlist .swiper-button-next{right: -40px;} .swiperlist .swiper-button-prev{left: -40px;} .ipl03 a .text{padding: 0 30px;} .ipl03 a .text h3{font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ipl03 a .text h4{font-size: 14px;line-height: 26px;} .fixedSubNav{top: 90px;} .a-bannerwrap{margin-top: 90px;} .h-btn{width: 160px;} .banner-right{width: 160px;} .h-nav{margin-left: 60px;} .header{padding-left: calc((100% - 1200px)/2);} .tozx{width: 160px;} footer .footer_main .part2 .part2_1 .part2_1_1 .list .item a{line-height: 30px;} footer .footer_main .part1 .gzwm .title{margin-top: 20px;} footer .footer_main .part2 .part2_2{margin-top:30px;} footer .footer_main .part2{margin-top: 50px;} footer .footer_main .part1 .link .title{line-height: 30px;} footer .footer_main .part1 .gzwm .title{line-height: 30px;} footer .footer_main_1 .list .item a{line-height: 30px;} footer .footer_main_1{padding-top: 25px;} footer .footer_main .part1 .fimg img{height: 60px;} footer .footer_main .part1 .fimg{margin: 40px 0 30px;} footer .footer_main .part1 .link .p1{line-height: 26px;} footer .footer_main .part1 .gzwm .ewm .img1 .p1{font-size: 12px;line-height:30px;} footer .footer_main .part1 .gzwm .ewm .img1 img{width: 80px;height: 80px;} footer .footer_main .part2 .part2_2 .p1{line-height: 30px;} .index08wrap{padding: 50px 0;} .i08-more{width: 130px;} .index03-bot .libox .textbox>h3{margin-bottom:30px;} .iot04-bot .swiper-slide{height: 90px;} .soluswiperlist .i07-more{width: 130px;height: 40px;} .solumin .item .imgbox{height: 220px;} .solumin .item{margin-bottom: 40px;} .solumin .item p{font-size: 16px;} }