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: "寰蒋闆呴粦"; 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; font-size: 16px;} 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-alignx: 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;} /*<------------------------------------->*/ /* pc */ .pc-1200px{display: none;} @media only screen and (max-width:1260px) { .pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;} .pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;} .pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;} .pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;} .pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;} } /* header */ .headerwrap{width: 100%;box-sizing: border-box;position: relative;background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);/* border-top: 10px solid #08a2d0; */position: fixed;top: 0;left: 0;z-index: 99;transition: all .3s;} .headerwrap:before{content: '';display: block;width: 100%;height: 10px;background-color: #08a2d0;transition: all .3s;} .header{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 90px;} .header .logo{display: block;position: relative;left: 0;/* top: 50%;margin-top: -25px; */} .header .logo img{display: block;width: auto;height: 50px;} .header .nav{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .header .nav li{width: auto;margin-right: 60px;z-index: 0;} .header .nav li:last-child{margin-right: 0;} .header .nav li>a{font-size: 17px;color: #4b4d4f;position: relative;line-height: 90px;display: block;} .header .h-right{display: flex;display: -webkit-flex;position: relative;/* right: 0;top: 50%;margin-top: -8px; */} .header .h-right a{color: #08a4d2;} .header .h-right a i{font-size: inherit;color: inherit;} .header .h-right strong{display: block;width: 1px;height: 16px;background-color: #DDDDDD;margin: 0 10px;} .header .nav li:hover>a,.header .nav li.active>a,.header .nav li.on>a{color: #08a2d0;} .header .nav li>a:after{content: '';display: block;width: 0%;height: 2px;background-color: #08a2d0;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s;} .header .nav li:hover>a:after,.header .nav li.active>a:after,.header .nav li.on>a:after{width: 100%;} .div2_1 .headerwrap:before{height: 0;} /* 涓嬫媺鑿滃崟 */ .nav02wrap{width: 100%;position: absolute;/* background-color: #eeeeee; */left: 0;box-sizing: border-box;padding: 40px 0;visibility: hidden;transition: all .3s;top: 100%;min-height: 330px;} .nav02{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .nav02 .nav02left{width: 60%;display: flex;display: -webkit-flex;} .nav02 .nav02left .imgbox{width: 50%;overflow: hidden;opacity: 0;transition: all .3s;transition-delay: .1s;} .nav02 .nav02left .imgbox img{display: block;width: 100%;} .nav02 .nav02left .text{width: 50%;box-sizing: border-box;padding: 20px 40px;opacity: 0;transition: all .3s;} .nav02 .nav02left .text h3{font-size: 24px;color: #089ecb;font-weight: bold;margin-bottom: 20px;} .nav02 .nav02left .text h4{font-size: 15px;line-height: 24px;color: #666666;} /* nav02right */ .nav02 .nav02right{width: 40%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 10px 0;opacity: 0;transition: all .3s;} .nav02 .nav02right .item{width: 50%;border-left: 1px solid #DDDDDD;box-sizing: border-box;padding: 0 40px;} .nav02 .nav02right .item a{display: block;font-size: 15px;color: #4b4d4f;margin-bottom: 15px;} .nav02 .nav02right .item a:nth-last-child(1){margin-bottom:0;} .nav02 .nav02right .item a i{font-size: inherit;color: inherit;margin-left: 10px;} .nav02 .nav02right .item a:hover,.nav02 .nav02right .item a.active{color: #089ECB;} .nav02 .nav02right .item02 .li{width: 100%;display: none;} .header .nav:before{content: '';display: block;width: 100%;position: absolute;top: 100%;left: 0;height: 330px;background-color: #eeeeee;visibility: hidden;opacity: 0;transition: all .4s;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);} .header .nav li.active{z-index: 1;} .header .nav li.active .nav02wrap{opacity: 1;visibility: visible;transition: all .0s;} .header .nav li.active .nav02{transform: none;opacity: 1;visibility: visible;transition: all .0s;} /* .header .nav li:hover .nav02wrap{opacity: 1;visibility: visible;} */ .header .nav.on:before{opacity: 1;visibility: visible;} .header .nav li.active .nav02 .nav02left .imgbox{opacity: 1;} .header .nav li.active .nav02 .nav02left .text{opacity: 1;} .header .nav li.active .nav02 .nav02right{opacity: 1;} /* i-tl01 */ .i-tl01{font-size: 42px;} .i-tl02{font-size: 16px;line-height: 30px;} /* cb-link */ .cb-link{width: 60px;position: fixed;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: none;} .cb-link a{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: 60px;width: 60px;margin-bottom: 2px;transition: all .3s;position: relative;z-index: 1;} .cb-link a:nth-of-type(2){z-index: 0;} .cb-link a i{font-size: 24px;color: #FFFFFF;width: 100%;height: 100%;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #19B3DF;position: relative;z-index: 1;display: flex;display: -webkit-flex;} .cb-link a:last-child{margin-bottom: 0;} .cb-link a:hover>i{background-color: #089ECB;} .cb-link a p{position: absolute;top:0;left: 0;background-color: #19B3DF;height: 100%;width: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #FFFFFF;padding: 0 20px;opacity: 0;transition: all .3s;z-index: -1;white-space: nowrap;} .cb-link a p i{margin-left: 30px;} .cb-link a:hover p{transform: translateX(-100%);-webkit-transform: translateX(-100%);opacity: 1;} .cb-link a p.ewmjpg{top: 50%;margin-top: -70px;height: 140px;padding: 10px;} .cb-link a p.ewmjpg img{display: block;width: auto;height: 100%;} /* bannerwrap */ .bannerwrap{width: 100%;box-sizing: border-box;position: relative;height: 100%;z-index: 0;} .bannertop{width: 100%;height: 100%;position: relative;} .bannertop .item{position: relative;width: 100%;height: 100%;} .bannertop .item img{display: block;width: 100%;height: 100%;object-fit: cover;} .bannertop .item img.sjimg{display: none;} .bannertop .item video{display: block;width: 100%;height: 100%;object-fit: cover;} .bannertop .item .bannertext{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .bannertop .item .bannertext h3{font-size: 60px;color: #ffffff;font-weight: bold;text-shadow: 5px 5px 5px rgba(0,0,0,0.3);margin-bottom: 40px;} .bannertop .item .bannertext h4{font-size: 24px;line-height: 36px;color: #feffff;text-shadow: 5px 5px 5px rgba(0,0,0,0.3);box-sizing: border-box;padding-left: 60px;margin-bottom: 50px;position: relative;} .bannertop .item .bannertext h4:before{content: '';display: block;width: 4px;height: 0%;transition: all .6s;position: absolute;left: 0;top: 0;background-color: #FFFFFF;transition-delay: .3s;} .bannertop .item .bannertext h4.aos-animate:before{height: 100%;} .more{position: relative;display: block;width: 200px;height: 56px;line-height: 56px;text-align: center;position: relative;background-color: #f17400;color: #FFFFFF;font-size: 15px;transition: all .5s;border: 2px solid #f17400;z-index: 0;} .more i{font-size: inherit;color: inherit;margin-left: 20px;} .more:after{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition: all .3s;-webkit-transform: translateX(-50%);background-color: transparent;z-index: -1;} .more:hover:after{width: 100%;background-color: #FFFFFF;} .more:hover{color: #f17400; box-shadow: 3px 3px 8px 4px rgba(0,0,0,0.15);} .banner-bot{position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(1,19,56,0.75);z-index: 1;} .bannerthumb{width: 1200px;margin: auto;padding: 20px 0;} .bannerthumb .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color:rgba(49,67,106,0.8);cursor: pointer;} .bannerthumb .item .imgbox{width: 26%;height: 86px;} .bannerthumb .item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .bannerthumb .item .text{width: 68%;padding: 20px 0;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;} .bannerthumb .item .text h3{font-size: 15px;color: #feffff;padding-left: 15px;position: relative;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;} .bannerthumb .item .text h3:before{content: '';display: block;width: 5px;position: absolute;left: 0;bottom: 0;background-color: rgba(255,255,255,0.3);height: 18px;transition: all .3s;} .bannerthumb .swiper-slide{opacity: 0.5;} .bannerthumb .swiper-slide-thumb-active{opacity: 1;} .bannerthumb .swiper-slide-thumb-active .item .text h3{height: 100%;} .bannerthumb .swiper-slide-thumb-active .item .text h3:before{height: 100%;} /* innerwrap */ .innerwrap{width: 100%;position: relative;overflow: hidden;} .i-cont{width: 1200px;} /* index01wrap */ .index01wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;box-sizing: border-box;position: relative;} .index01{margin: auto;} .index01top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .index01top .tl{color: #4b4d4f;font-weight: bold;} .index01right{width: 60%;} .index01right .swiper-wrapper{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index01right .swiper-wrapper .swiper-slide{width: auto;cursor: pointer;} .index01right .swiper-wrapper .swiper-slide p{font-size: 18px;color: #8f8f8f;padding-left: 10px;border-left: 5px solid #8f8f8f;} .index01right .swiper-wrapper .swiper-slide-thumb-active p{color: #19b3df;border-color: #19b3df;} /* index01bot */ .index01bot{width: 100%;margin-top: 50px;} .index01bot .item{width: 100%;} .index01bot .item .text{width: 100%;box-sizing: border-box;padding-left: 60px;margin-bottom: 40px;position: relative;} .index01bot .item .text:before{content: '';display: block;width: 5px;height: 0%;transition: all .6s;background-color: #acacac;position: absolute;left: 0;top: 0;transition-delay: all .3s;} .index01bot.aos-animate .item .text:before{height: 100%;} .index01bot .item .text h3{font-size: 30px;color: #19b3df;font-weight: bold;margin-bottom: 20px;} .index01bot .item .text h4{color: #4b4d4f;font-size: 16px;line-height: 30px;} /* .imglist */ .index01bot .imglist{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index01bot .imglist .left{width: 33%;} .index01bot .imglist .left a{display: block;width: 100%;height: calc((100% - 20px)/2);position: relative;margin-bottom: 20px;} .index01bot .imglist a:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(1,23,71,0.7);position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .5s;} .index01bot .imglist .left a:last-child{margin-bottom: 0;} .index01bot .imglist .left a img{display: block;width: 100%;height: 100%;object-fit: cover;} .index01bot .imglist a .b-font{width: 100%;font-size: 16px;color: #FFFFFF;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 20px;z-index: 2;} .index01bot .imglist a .b-font i{font-size: inherit;color: inherit;margin-right: 10px;} .index01bot .imglist a .b-font:after{content: '';width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;transition: all .3s;top: -5px;} .index01bot .imglist .right{display: block;width: calc(67% - 20px);position: relative;} .index01bot .imglist .right img{display: block;width: 100%;object-fit: cover;height: 100%;} .index01bot .imglist a:hover:after{opacity: 1;} .index01bot .imglist a .h-font{width: 100%;position: absolute;left: 0;bottom: 88px;box-sizing: border-box;padding: 0 40px;z-index: 2;opacity: 0;transition: all .5s;} .index01bot .imglist a .h-font h4{font-size: 14px;line-height: 26px;color: #FFFFFF;} .index01bot .imglist a:hover .h-font{opacity: 1;} .index01bot .imglist a:hover .b-font:after{width: 100%;} .index01bot .imglist a:hover .b-font{color: #19b3df;background-color: transparent;} .index01 .more{float: right;margin-top: 50px;margin-right: 0;} .index01:after{content: '';display: block;clear: both;} /* index02wrap */ .index02wrap{width: 100%;box-sizing: border-box;background: url(../img/index_about.jpg)no-repeat;background-size: cover;position: relative;padding: 120px 0 280px;height: auto;} .index02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index02left{width: 50%;} .index02left h3{color: #ffffff;font-weight: bold;margin-bottom: 30px;} .index02left h4{line-height: 30px;color: #FFFFFF;padding-bottom: 40px;box-sizing: border-box;padding-left: 60px;position: relative;} .index02left h4:before{content: '';display: block;width: 5px;height: 0%;transition: all .6s;transition-delay: .1s;background-color: #FFFFFF;position: absolute;top:0;left: 0;} .index02left.aos-animate h4:before{height: 100%;} .index02left .more{margin-top: 50px;} .index02right{width: 40%;margin: 0;padding: 0;} .index02right li{width: 100%;} /* .index02right a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ffffff;height: 54px;border-bottom: 1px solid #19b3df;cursor: pointer;} .index02right a i{font-size: inherit;color: inherit;} .index02right .info{font-size: 16px;line-height: 30px;color: #ffffff;box-sizing: border-box;padding: 20px 0;border-bottom: 1px solid #19b3df;display: none;opacity:0.8;} */ /* .index02right:first-child .info{display: block;} .index02right.active a i{transform: rotate(90deg);-webkit-transform: rotate(90deg);} */ .index02right li{width: 100%;} .index02right li a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;font-size: 18px;color: #ffffff;height: 54px;border-bottom: 1px solid #19b3df;font-weight:bold;} .index02right li a i{font-size: inherit;color: inherit;} .index02right li .info{font-size: 16px;line-height: 30px;color: #ffffff;box-sizing: border-box;padding: 20px 0;border-bottom: 1px solid #19b3df;display: none;opacity:0.8;} /* .index02right li:first-child .info{display: block;} */ .index02right li.active a i{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .subNavBox{width:200px;border:solid 1px #e5e3da;margin: auto;} .subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:28px;padding-left:10px;background:url(images/jiantou1.jpg) no-repeat;background-position:95% 50%} .subNav:hover{color:#277fc2;} .currentDd{color:#277fc2} .currentDt{background-image:url(images/jiantou.jpg);} .navContent{display: none;border-bottom:solid 1px #e5e3da;} .navContent li a{display:block;width:200px;heighr:28px;text-align:center;font-size:14px;line-height:28px;color:#333}.navContent li a:hover{color:#fff;background-color:#277fc2} /* index02bot */ .index02bot{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(2,108,198,0.6);padding: 30px 0;} .about02num{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .about02num li{width: 25%;box-sizing: border-box;border-left: 1px solid #FFFFFF;padding-left: 30px;} .about02num li:first-child{border-left: none;padding: 0;} .about02num li h2{font-size: 62px;color: #FFFFFF;} .about02num li h2:after{content: '+';font-size: inherit;color: inherit;} .about02num li p{font-size: 16px;color: #FFFFFF;margin-top: 20px;} /* index03wrap */ .index03wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;position: relative;overflow: hidden;} .index03{margin: auto;} /* .i03bot */ .i03bot{width: 100%;box-sizing: border-box;margin-top: 50px;} .i03bot .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding: 5px 5px 5px 0;} .i03bot .item .left{width: 34%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: space-between;justify-content: space-between;} .i03bot .item .left .text{width: 100%;box-sizing: border-box;padding-left: 60px;position: relative;padding-bottom: 50px;} .i03bot .item .left .text:before{content: '';display: block;width: 5px;height: 0;transition: all .5s;transition-delay: .1s;background-color: #c7c7c7;position: absolute;left: 0;top: 0;} .i03bot.aos-animate .item .left .text:before{height: 100%;} .i03bot .item .left .text h3{font-size: 30px;color: #19b3df;font-weight: bold;margin-bottom: 30px;} .i03bot .item .left .text h4{line-height: 30px;color: #4b4d4f;text-align: justify;font-size:16px;} .i03bot .item .left .more{margin-top: 50px;} .i03bot .item .imgbox{width: 60%;box-sizing: border-box;position: relative;overflow: hidden;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .i03bot .item .imgbox:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(1,23,71,0.7);position: absolute;left: 0;top: 0;opacity: 0;transition: all .5s;z-index: 0;} .i03bot .item .imgbox img{width: 100%;transition: all .6s;} .i03bot .item .imgbox .font{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;} .i03bot .item .imgbox .font p{width: 100%;box-sizing: border-box;padding-left: 20px;font-size: 18px;line-height: 30px;color: #FFFFFF;margin-bottom: 20px;opacity: 0;transition: all .3s;} .i03bot .item .imgbox .font a{width: 100%;display: block;font-size: 18px;box-sizing: border-box;padding-left: 20px;line-height: 70px;color: #FFFFFF;position: relative;background-color: rgba(0,0,0,0.5);} .i03bot .item .imgbox .font a:after{content: '';width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;transition: all .3s;top: -5px;} .i03bot .item .imgbox .font a i{font-size: inherit;color: inherit;margin-left: 10px;} .i03bot .item .imgbox:hover img{transform: scale(1.1);} .i03bot .item .imgbox:hover .font p{opacity: 1;} .i03bot .item .imgbox:hover:after{opacity: 1;} .i03bot .item .imgbox:hover .font a:after{width: 100%;} .i03bot .item .imgbox:hover .font a{background-color: transparent;} /* index04wrap */ .index04wrap{width: 100%;box-sizing: border-box;padding: 130px 0;background: url(../img/index_bg.jpg)no-repeat;background-size: cover;} .index04{margin: auto;} .index04top{width: 100%;box-sizing: border-box;padding-right: 0;} .index04top h3{color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .index04top h4{line-height: 32px;box-sizing: border-box;padding-left: 60px;position: relative;} .index04top h4:before{content: '';display: block;width: 5px;height: 0;background-color: #a1a1a1;position: absolute;left: 0;top: 0;transition: all .5s;transition-delay: .3s;} .index04top.aos-animate h4:before{height: 100%;} /* index04bot */ .index04bot{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;} .index04bot .i04textlist{width: 65%;background-color: #FFFFFF;box-sizing: border-box;padding: 70px 50px;} .index04bot .i04textlist .textwrap{width: 100%;box-sizing: border-box;position: relative;display: none;} .index04bot .i04textlist .textwrap:first-child{display: block;} .index04bot .i04textlist .textwrap .text{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .index04bot .text .img{display: block;width: 30%;} .index04bot .text .img img{display: block;width: auto;max-width: 100%;height: auto;} .index04bot .text .font{width: 70%;} .index04bot .text .font h4{font-size: 16px;color: #222222;line-height: 32px;margin-bottom:40px;} .index04bot .text .font p{font-size: 18px;color: #222222;margin: 30px 0 40px;font-weight:bold;} .index04bot .imglist{width: 35%;box-sizing: border-box;padding-left: 20px;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04bot .imglist a{display: block;width: calc((100% - 20px)/2);margin-right: 20px;background-color: #FFFFFF;position: relative;margin-bottom: 20px;height: calc((100% - 40px)/3);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;padding: 10px;} .index04bot .imglist a img{display: block;width: 80%;max-width: 80%;max-height: 90%;} .index04bot .imglist a:nth-of-type(2n){margin-right: 0;} .index04bot .imglist a:after{content: '';display: block;width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;transition: all .3s;} .index04bot .imglist a:hover:after,.index04bot .imglist a.active:after{width: 100%;} .index04bot .imglist a:hover,.index04bot .imglist a.active{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} /* index05wrap */ .index05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;} .index05{margin: auto;} .index05text{width: 100%;} .index05text .tl{color: #4b4d4f;font-weight: bold;margin-bottom: 40px;} .textlist{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .textlist a{width: 32%;box-sizing: border-box;background-color: #FFFFFF;} .textlist a .imgbox{width: 100%;overflow: hidden;box-sizing: border-box;position: relative;} .textlist a .imgbox:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background: rgba(1,23,71,0.7);opacity: 0;transition: all .5s;} .textlist a:hover .imgbox:after{opacity: 1;} .textlist a .imgbox img{display: block;width: 100%;transition: all .6s;} .textlist a .text{width: 100%;box-sizing: border-box;padding: 30px 20px;position: relative;} .textlist a .text:after{content: '';display: block;width: 0%;height: 5px;background-color: #19b3df;transition: all .3s;top: -5px;left: 0;position: absolute;} .textlist a .text font{display: block;font-size: 15px;color: #4b4d4f;margin-bottom: 20px;} .textlist a .text h4{font-size: 18px;line-height: 30px;color: #4b4d4f;} .textlist a:hover{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);} .textlist a:hover .text:after{width: 100%;} .more02{background-color: #08a4d2;margin-top: 50px;border-color: #08a4d2;} .more02:after{border-color: #08a4d2;} .more02:hover{color: #08a4d2;background-color: transparent;} .index05text .more{float: right;} .index05text:after{content: '';display: block;clear: both;} /* index05video */ .index05video{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 40px;} .index05video a{display: block;width: 32%;height: 250px;position: relative;} .index05video a video{display: block;width: 100%;object-fit: cover;outline: none;} .index05video a iframe{height: 100%;width: 100%;position: absolute;} /* index06wrap */ .index06wrap{width: 100%;background: url(../img/index_bg2.jpg)no-repeat;background-size: cover;padding: 50px 0;} .index06{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .index06 li img{display: block;width: auto;height: 44px;margin: auto;max-width:184px;} .index06 li p{font-size: 20px;color: #FFFFFF;line-height: 28px;text-align: center;margin-top: 20px;opacity:0.8;} .index06 li h4{font-size: 20px;color: #FFFFFF;margin-top: 10px;text-align: center;font-weight:bold;} /* index07wrap */ .index07wrap{width: 100%;box-sizing: border-box;position: relative;background-color: #f1f2f3;padding: 130px 0;} /* index07 */ .index07{margin: auto;} .index07 .tl{color: #4b4d4f;font-weight: bold;margin-bottom: 40px;} .index07form{width: 100%;box-sizing: border-box;padding-left: 60px;position: relative;} .index07form:before{content: '';display: block;width: 5px;height: 0;position: absolute;left: 0;top: 0;background-color: #c7c7c7;transition: all .5s;transition-delay: .3s;} .index07form.aos-animate:before{height: calc(100% - 95px);} .index07form h4{color: #4b4d4f;line-height: 30px;margin-bottom: 40px;} .index07form h4 br{display: none;} .i-form .td{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .i-form .td label{width: 49%;} .i-form .td label input{width:100%;height: 60px;margin-bottom: 20px;background-color: #FFFFFF;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #4b4d4f;} .i-form .td textarea{width: 100%;background-color: #FFFFFF;resize: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #4b4d4f;height: 140px;border: none;outline: none;} .i-form .td .box{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 14px;color: #666666;width: 100%;margin-top: 20px;} .i-form .td .box input{width: 20px;height: 20px;background-color: #08a4d2;margin: 0;margin-right: 20px;} .i-form .more{margin-left: -60px;outline: none;margin-top:0;} .i-form input::-webkit-input-placeholder,.i-form textarea::-webkit-input-placeholder{color:#999} .i-form input::-moz-input-placeholder,.i-form textarea::-moz-input-placeholder{color:#999} .i-form input::-ms-input-placeholder,.i-form textarea::-ms-input-placeholder{color:#999} .wpcf7-form .td{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .wpcf7-form .td .label{width: 49%;} .wpcf7-form .td .label span{width:100%;height: 60px;margin-bottom: 20px;background-color: #FFFFFF;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #4b4d4f;} .wpcf7-form .td .box{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 14px;color: #666666;width: 100%;margin-top: 20px;} .wpcf7-form .more{margin-left: -60px;outline: none;margin-top:0;} .wpcf7-form input::-webkit-input-placeholder,.wpcf7-form textarea::-webkit-input-placeholder{color:#999} .wpcf7-form input::-moz-input-placeholder,.wpcf7-form textarea::-moz-input-placeholder{color:#999} .wpcf7-form input::-ms-input-placeholder,.wpcf7-form textarea::-ms-input-placeholder{color:#999} .wpcf7-form .td .label input{ display: block;width: 100%;height: 60px;border: 0;text-indent: 0;font-size: 16px;outline: none;} .screen-reader-response,.wpcf7-form .td .label br{ display: none; } .wpcf7-form .td .label span{ display: block;overflow: hidden;position: relative;} .wpcf7-form .td .label span span{ position: absolute;width: auto;height: auto;top: 0;right: 10px;color: #f00;font-size: 14px;line-height: 60px;letter-spacing: 0;} .wpcf7-form .td .label .textarea-662{width: 100%;background-color: #FFFFFF;resize: none;box-sizing: border-box;padding: 20px;font-size: 16px;color: #4b4d4f;height: 140px;border: none;outline: none;} .wpcf7-form .td .label .textarea-662 textarea{ display: block;font-size: 16px;width: 100%;border: 0;outline: none;} .wpcf7-form .td .box input{width: 20px;height: 20px;background-color: #08a4d2;margin: 0;margin-right: 20px;} .wpcf7-response-output,.wpcf7-validation-errors{ display: block;text-align: center;color: #f00;letter-spacing: 0;font-size: 20px;font-weight: bold;} /* footerwrap */ .footerwrap{width: 100%;box-sizing: border-box;background-color: #4a4a4a;padding: 60px;} .footer{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .footer li .tl{font-size: 25px;color: #FFFFFF;margin-bottom: 30px;font-weight: bold;} .footer li .info{box-sizing: border-box;padding-left: 30px;margin-bottom: 40px;position: relative;} .footer li .info:before{content: '';display: block;width: 3px;height: 0;background-color: #08a4d2;position: absolute;top: 0;left: 1px;transition: all .5s;transition-delay: .1s;} .footer li .info.aos-animate:before{height: 100%;} .footer li .info:last-child{margin-bottom: 0;} .footer li .list .item h4{font-size: 18px;color: #FFFFFF;font-weight: bold;margin-bottom: 10px;} .footer li .list .item .ionfo a{display: block;font-size: 14px;line-height: 24px;color: rgba(255,255,255,0.66);} .footer li .list .item{margin-bottom: 20px;} .footer li .list .item:last-child{margin-bottom: 0;} .footer li .f-nav a{display: block;font-size: 14px;color: #ffffff;line-height: 24px;opacity: 0.66;} .footer li .f-nav a:hover{opacity: 1;text-decoration: underline;} .footer li .bdsharebuttonbox{display: flex;display: -webkit-flex;} .footer li .bdsharebuttonbox a{font-size: 16px;padding: 0;margin: 0;margin-right: 30px;background-image: none;color: #FFFFFF;position: relative;} .footer li .bdsharebuttonbox a:last-child{margin-right: 0;} .footer li .bdsharebuttonbox a .ewm{width: 140px;position: absolute;left: 50%;margin-left: -70px;bottom: 30px;opacity: 0;visibility: hidden;transition: al .3s;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .footer li .bdsharebuttonbox a .ewm img{display: block;width: 100%;} .footer li .bdsharebuttonbox a:hover{color: #089ECB;} .footer li .bdsharebuttonbox a:hover .ewm{opacity: 1;visibility: visible;} .copyright{margin: auto;margin-top: 50px;} .copyright p{font-size: 15px;color: rgba(255,255,255,0.8);} .copyright p a{color: #ddd;margin-left: 20px;font-size:14px;} .copyright p .f-tel{display: none;} /* 锟斤拷品 */ .innerbanner{width: 100%;position: relative;margin-top: 80px;} .innerbanner img{display: block;width: 100%;} .inner-text{width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .inner-text .textmin{width: 60%;box-sizing: border-box;padding-right: 0;} .inner-text .imgbox{width: 62%;box-sizing: border-box;} .inner-text .imgbox img{display: block;width: 100%;} .inner-text h3{font-size: 30px;color: #FFFFFF;text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);} .inner-text h3 font{font-size: 60px;line-height: 70px;color: #FFFFFF;font-weight: bold;display: block;margin-bottom: 20px;} .inner-text h4{box-sizing: border-box;padding-left: 60px;font-size: 20px;line-height: 36px;color: #FFFFFF;margin-top: 50px;position: relative;text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);} .inner-text h4:before{content: '';display: block;width: 5px;height: 0%;position: absolute;left: 0;top: 0;transition: all .5s;transition-delay: .1s;background-color: #e9e9e9;} .inner-text h4.aos-animate:before{height: 100%;} .inner-text .more{margin-top: 50px;} /* pro01 */ .pro01wrap{width: 100%;box-sizing: border-box;background-color: #283a66;padding: 50px 0;} .pro01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .pro01 li{width:auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;padding-left: 70px;position: relative;max-width: 32%;} .pro01 i{display: block;width: 5px;background-color: #d7d7d7;} .pro01 li img{display: block;width: auto;position: absolute;left: 0;height: 50px;} .pro01 li p{font-size: 16px;color: #feffff;line-height: 28px;text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);} .pro01 li:last-child{border-right: none;} /* pro02wrap */ .pro02wrap{padding: 100px 0;background-color: #f1f2f3;} .pro02{margin: auto;} .pro02tl h3{color: #4b4d4f;margin-bottom: 40px;/*text-transform: uppercase;*/font-weight: bold;} .pro02tl h4{color: #4b4d4f;} .linetext{padding-left: 60px;position: relative;} .linetext:before{content: '';display: block;width: 5px;height: 0%;position: absolute;left: 0;top: 0;transition: all .5s;transition-delay: .1s;background-color: #a8a8a9;} .linetext.aos-animate:before{height: 100%;} .pro02video{width: 100%;margin-top: 40px;} .pro02video video{display: block;width: 100%;} /* pro03wrap */ .pro03wrap{width: 100%;box-sizing: border-box;position: relative;padding: 100px 0;background-color: #22355a;} .pro03top .tl{color: #FFFFFF;} .pro03right .swiper-wrapper .swiper-slide p{color: #FFFFFF;border-color: #FFFFFF;} .index01right .swiper-wrapper .swiper-slide-thumb-active p{color: #19b3df;border-color: #19b3df;} .pro03bot .item .left .text h4{color: #ebebeb;font-size:16px;} .pro03bot .item .imgbox:after{display: none;} .pro03bot .item{padding: 0;} /* pro04wrap */ .pro04wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/probg01.jpg)no-repeat;background-size: cover;} .pro04{margin: auto;} .pro04tl h3{font-weight: bold;margin-bottom: 40px;color:#4b4d4f;} /* pro04min */ .pro04min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 40px;} .pro04minleft{width: 80%;box-sizing: border-box;/*background-color: #FFFFFF;*/padding: 60px 0;} .pro04minleft .itemwrap{display: none;} .pro04minleft .item{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .pro04minleft .item .imgbox{width: 60%;box-sizing: border-box;padding: 0 20px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .pro04minleft .item .imgbox img{display: block;width: auto;max-width: 100%;} .pro04minleft .item .text{width: 40%;padding-right: 20px;} .pro04minleft .item .text h3{font-size: 20px;color: #4b4d4f;margin-bottom: 30px;font-weight: bold;} .pro04minleft .item .text p{font-size: 16px;color: #4b4d4f;line-height: 24px;margin-bottom: 20px;font-weight:bold;} .pro04minleft .item .text h4{font-size: 14px;line-height: 24px;color: #4b4d4f;margin-bottom: 30px;opacity:0.8;} .pro04minleft .item .text .more{height: 50px;line-height: 50px;} .pro04minleft .itemwrap:first-child{display: block;} /* pro04minright */ .pro04minright{width: 18%;} .pro04minright .li{width: 100%;background-color: #FFFFFF;height: 140px;margin-bottom: 20px;position: relative;cursor: pointer;} .pro04minright .li img{display: block;width: 100%;height: 100%;object-fit: cover;} .pro04minright .li:last-child{margin-bottom: 0;} .pro04minright .li:after{content: '';display: block;width: 0%;height: 4px;background-color: #19b1dc;transition: all .3s;position: absolute;left: 0;bottom: 0;} .pro04minright .li:hover:after,.pro04minright .li.active:after{width: 100%;} /* pro05wrap */ .pro05wrap{width: 100%;box-sizing: border-box;position: relative;margin: 100px auto;} .pro05{margin: auto;} .pro05 .i-tl01{font-weight: bold;margin-bottom: 40px;color:#4b4d4f;} .pro05topwrap{width: 100%;} .pro05topwrap .swiper-wrapper{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .pro05topwrap .swiper-wrapper .swiper-slide{width: calc(100% / 3);margin-bottom: 20px;} /* pro05bot */ .pro05bot{margin-top: 50px;} .pro05bot img{display: block;width: 100%;} /* linkpage */ .linkpage{display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;margin-top: 50px;} .linkpage a{margin-right: 20px;} .linkpage a:last-child{margin-right: 0;} /* pro06wrap */ .pro06cont{background-color: #273c66;padding: 100px 0;} .pro06{margin: auto;} .pro06 .i-tl01{color: #FFFFFF;font-weight: bold;margin-bottom: 40px;text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);} .pro06tab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin-bottom: 30px;} .pro06tab a{font-size: 18px;color: #FFFFFF;border-left: 5px solid #8f8f8f;padding-left: 10px;margin-right: 80px;} .pro06tab a.active{color: #19b3df;} .pro06tab a:last-child{margin-right: 0;} .pro06min{width: 100%;} .pro06min .item{display: none;} .pro06min .item:first-child{display: block;} .pro06min .item table{width: 100%;border-collapse:collapse;} .pro06min .item table tr{border-top: 1px solid rgba(255,255,255,0.5);} .pro06min .item table tr:last-child{border-bottom: 1px solid rgba(255,255,255,0.5);} .pro06min .item table tr td{padding: 10px 40px;} .pro06min .item table tr td:first-child{width: 35%;font-size: 18px;color: #ffffff;font-weight: bold;border-top: 5px solid rgba(255,255,255,0.5);line-height: 22px;} .pro06min .item table tr td:last-child{width: 65%;font-size: 16px;color: #ffffff;line-height: 24px;} .pro06min .item table tr td:nth-last-child(2){border-bottom: 5px solid rgba(255,255,255,0.5);} .pro06wrap .more{margin: 50px auto;background-color: transparent;border-color: #19b3df;color: #19b3df;} .pro06wrap .more:after{background-color: #19b3df;opacity: 0;} .pro06wrap .more:hover:after{opacity: 1;} .pro06wrap .more:hover{color: #ffffff;} .pro06wrap .index07wrap .more{margin: 0 0 0 -60px;} /* 鏂伴椈璇︽儏 */ .newinfotext{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .newinfotext h3{font-size: 38px;color: #ffffff;line-height: 50px;font-weight: bold;} .newinfotext p{font-size: 16px;color: #ffffff;opacity: 0.75;margin-top: 30px;} /* newinfofxwrap */ .newinfofxwrap{width: 100%;box-sizing: border-box;background-color: #FFFFFF;} .newinfofx{margin: auto;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height: 70px;} .newinfofx p{font-size: 14px;color: #1ab3de;margin-right: 20px;} .newinfofx .bdsharebuttonbox{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .newinfofx .bdsharebuttonbox a{display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #1ab3de;font-size: 14px;color: #1ab3de;margin: 0;padding: 0;margin-right: 10px;border-radius: 50%;background-image: none;} .newinfofx .bdsharebuttonbox a:last-child{margin-right: 0;} /* newsinfowrap */ .newsinfowrap{background-color: #f1f2f3;} .newsinfo{margin: auto;box-sizing: border-box;padding: 80px 0;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .newsinfo:after{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 30%;background-color: #DDDDDD;} .newsinfo-left{width: 70%;box-sizing: border-box;position: relative;padding-right: 60px;} .newsinfomin{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #DDDDDD;margin-bottom: 30px;} .newsinfomin p{font-size: 16px;line-height: 30px;color: #4b4d4f;margin-bottom: 30px;} .newsinfomin h5{font-size: 14px;line-height: 30px;color: #4b4d4f;margin-bottom: 30px;} .newsinfomin h1{font-size: 20px;line-height: 30px;color: #4b4d4f;margin-bottom: 30px;} .newsinfomin p img{ display: block;width: auto;height: auto;margin: 20px 0; max-width: 100%;} .newsinfomin h4{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfomin a{width:100%;height:400px;display:block;} .newsinfomin a iframe{height: 100%;width: 100%;} .newsinfo-left .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;} .newsinfo-left .page a{font-size: 14px;color: #666666;} .newsinfo-left .page a i{font-size: inherit;color: inherit;margin-right: 10px;} .newsinfo-left .page a:last-child i{margin-right: 0;margin-left: 10px;} .newsinfo-left .page a:hover{color: #1ab3de;} /* newsinfo-right */ .newsinfo-right{width: 30%;box-sizing: border-box;padding-left: 60px;} .newsinfo-right h3{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .newsinfo-right .list{width: 100%;} .newsinfo-right .list a{display: block;width: 100%;position: relative;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD;} .newsinfo-right .list a h4{font-size: 16px;color: #4b4d4f;line-height: 26px;margin-bottom: 20px;} .newsinfo-right .list a .imgbox{width: 100%;position: relative;overflow: hidden;} .newsinfo-right .list a .imgbox img{display: block;width: 100%;transition: all .6s;} .newsinfo-right .list a:hover .imgbox img{transform: scale(1.1);} .newsinfo-right .list a:hover h4{color: #1ab3de;} /* 鏂伴椈 */ .newstext{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .newstext h3{font-size: 48px;color: #FFFFFF;font-weight: bold;} /* newslinkwrap */ .newslinkwrap{width: 100%;position: relative;background-color: #283a66;padding: 40px 0;} .newslink{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .newslink a{font-size: 18px;font-weight: bold;padding-left: 10px;border-left: 5px solid #8f8f8f;color: #FFFFFF;} .newslink a.active{border-color: #19b3df;color: #19b3df;} /* news01wrap */ .news01wrap{margin: 80px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} /* news01text */ .news01text{width: 46%;box-sizing: border-box;margin: 0;} .news01text .item{box-sizing: border-box;padding-left: 60px;position: relative;} .news01text .item:before{content: '';display: block;width: 5px;height: 0;transition: all .5s;transition-delay: .1s;background-color: #c7c7c7;position: absolute;left: 0;top: 0;} .news01text.aos-animate .item:before{height: 100%;} .news01text p{font-size: 16px;color: #19b3df;margin-bottom: 20px;} .news01text h3{font-size: 24px;color: #4b4d4f;line-height: 36px;margin-bottom: 30px;font-weight: bold;} .news01text h4{font-size: 16px;line-height: 30px;color: #4b4d4f;margin-bottom: 40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news01text .more{width: 240px;height: 50px;line-height: 50px;background-color: #08a4d2;border-color: #08a4d2;} .news01text .more:hover{color: #08a4d2;} /* news01img */ .news01img{width: 50%;margin: 0;} .news01img img{display: block;width: 100%;} .news01img .page{position: relative;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-top: 20px;} .news01img .page .swiper-button-next,.news01img .page .swiper-button-prev{position: relative;padding: 0;margin: 0;width: auto;height: auto;top: 0;left: 0;right: 0;bottom: 0;font-size: 20px;color: #089ECB;background-image: none;outline: none;} .news01img .page .swiper-pagination{position: relative;bottom: 0;margin: 0 30px;} .news01img .page .swiper-pagination-bullet{margin-right: 10px;} .news01img .page .swiper-pagination-bullet:last-child{margin-right: 0;} .news01img .page ..swiper-pagination-bullet-active{background-color: #089ECB;} /* news02wrap */ .news02wrap{width: 100%;padding: 80px 0;background-color: #f1f2f3;} .news02{margin: auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: inherit;flex-wrap: wrap;} .news02 a{display: block;width: 23.5%;margin-right: 2%;box-sizing: border-box;background-color: #FFFFFF;transition: all .3s;margin-bottom: 40px;} .news02 a:nth-of-type(4n){margin-right: 0;} .news02 a .imgbox{width: 100%;overflow: hidden;position: relative;} .news02 a .imgbox:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(1,23,71,0.7);opacity: 0;transition: all .3s;z-index: 1;} .news02 a:hover .imgbox:before{opacity: 1;} .news02 a .imgbox:after{content: '';display: block;width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;transition: all .3s;z-index: 2;} .news02 a:hover .imgbox:after{width: 100%;} .news02 a .imgbox img{display: block;width: 100%;/*filter: grayscale(1);*/z-index: 0;} .news02 a .text{width: 100%;position: relative;box-sizing: border-box;padding: 30px 20px;} .news02 a .text p{font-size: 13px;color: #08a4d2;margin-bottom: 20px;} .news02 a .text h4{font-size: 16px;color: #4b4d4f;line-height: 26px;margin-bottom: 40px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;min-height: 78px;} .news02 a .text .more{width: 100%;height: 50px;line-height: 50px;border: 1px solid #08a4d2;color: #08a4d2;background-color: #FFFFFF;display: block;} .news02 a:hover .text .more{color: #FFFFFF;box-shadow: none;} .news02 a .text .more:after{background-color: #08a4d2;width: 0%;opacity: 0;} .news02 a:hover .text .more:after{width: 100%;opacity: 1;} .news02 a:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);} /* news02down */ .news02down{display: none;} /* downmore */ .downmore{width: 550px;height: 50px;line-height: 50px;text-align: center;background-color: #FFFFFF;border: 1px solid #089ECB;color: #089ECB;margin: auto;} .downmore i{margin:0;margin-right: 15px;} .downmore:after{background-color: #089ECB;width: 0%;} .downmore:hover:after{width: 100%;background-color: #089ECB;} .downmore:hover{color: #FFFFFF;} .downmore.slide i{transform: rotate(180deg);-web -webkit-transform: rotate(180deg);} /* 鏈€鏂版椿鍔 */ .actl01{margin: auto;font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;box-sizing: border-box;} .activitywrap .news02{margin-bottom: 60px;} .activitywrap .news02:last-child{margin-bottom: 0;} .innerbanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden; } .innerbanner img{display: block;width: 100%;} .searchbanner .text{width: 100%;text-align: center;position: absolute;top: 55%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .innerbanner .text p{font-size: 24px;color: #ffffff;line-height: 1em;margin:0;font-weight: normal; } .innerbanner .text h3{font-size: 40px;color: #ffffff;font-weight: bold;text-transform: uppercase;} .innerbanner .text form{width: 570px;height: auto;margin: auto;margin-top: 20px;} .innerbanner .text form input{display: block;width: 85%;float: left;box-sizing: border-box;background-color: #FFFFFF;border: none;height: 42px;outline: none;padding-left: 20px;} .innerbanner .text form .btn{display: block;width: 15%;box-sizing: border-box;border: none;background-color: #1ab3de;font-size: 12px;color: #FFFFFF;height: 42px;outline: none;cursor: pointer; transition: all .3s;} .innerbanner .text form .btn i{font-size: 12px;color: inherit;margin-right: 5px;} .innerbanner .text form .btn:hover{background-color: #1ab3de;} .nofoundanytihings{ display: block;color: #102f40;letter-spacing: 0;font-size: 20px; margin: 100px 0 0 0;} .searchlist-titile{display: block;overflow: hidden;margin:20px auto 0;width: 800px; } .searchlist-titile h3{ text-transform: uppercase; display: block; font-size: 16px;} .searchlist-titile h3 span{ display: inline-block;color: #1ab3de;font-size: 20px;margin: 0 20px 0 0;} .p-search-to{ margin: 50px auto 0; } .p-search-to dl{ margin: 30px 0 10px; } .searchlistcenter{display: block;width: 1200px;margin:100px auto;overflow: hidden;min-height: 600px;} .searchlistcenter .p-yjy{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 0 0 10px 0;} .searchlistcenter .p-yjy a{ position: relative;display: block;float: left;font-size: 20px;text-transform: uppercase;margin: 0 80px 0 0;overflow: hidden; font-weight: bold;} .searchlistcenter .p-yjy .active{ color: #1ab3de; } .searchlistcenter .p-yjy-center{ display: block;overflow: hidden;margin: 50px 0 0 0;} .searchlistcenter .p-yjy-center .p-kn{ display: block;overflow: hidden; } .searchlistcenter .p-yjy-center .p-kn .newslist .content{ display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox{width: 25%;overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .imgbox img{display: block;width: 100%;transition: all .6s;} .searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .imgbox img{transform: scale(1.1);} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 70%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;} .searchlistcenter .p-yjy-center .p-kn .newslist .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;} .searchlistcenter .p-yjy-center .p-kn .newslist .content:hover .main .textbox h3{color: #1ab3de;} .more{position: relative;display: block;width: 200px;height: 56px;line-height: 56px;text-align: center;position: relative;background-color: #1ab3de;color: #FFFFFF;font-size: 15px;transition: all .5s;border: 2px solid #1ab3de;z-index: 0;} .more i{font-size: inherit;color: inherit;margin-left: 20px;} .more:after{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);transition: all .3s;-webkit-transform: translateX(-50%);background-color: transparent;z-index: -1;} .more:hover:after{width: 100%;background-color: #FFFFFF;} .more:hover{color: #1ab3de; box-shadow: 3px 3px 8px 4px rgba(0,0,0,0.15);} .searchlistcenter a .textbox .more {width: 150px;height: 50px;line-height: 50px;border: 1px solid #08a4d2;color: #08a4d2;background-color: #FFFFFF;display: block;} /* 鍏充簬 */ .about01wrap{width: 100%;box-sizing: border-box;background-color: #283a66;padding: 40px 0;} .about01num{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .about01num li{width: 32%;box-sizing: border-box;position: relative;padding-left: 90px;border-right: 5px solid #d7d7d7;} .about01num li:last-child{border-right: none;} .about01num li img{display: block;width: auto;height: 60px;position: absolute;left: 0;top: 50%;margin-top: -30px;} .about01num li .mun_top h2{font-size: 34px;color: #ffffff;display: flex;display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end;} .about01num li .mun_top h2:after{content: '+';display: block;font-size: 28px;color: inherit;} .about01num01 li .mun_top h2:after{display: none;} .about01num li .mun_top p{font-size: 18px;color: #ffffff;margin-top: 10px;} /* about02wrap */ .about02wrap{width: 100%;padding: 100px 0;background-color: #ececec;} .about02{margin: auto;} /* imgbox */ .about02imgbox{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 40px;} .about02imgbox .left{width: 24%;} .about02imgbox .left img{display: block;width: 100%;height: 100%;object-fit: cover;} .about02imgbox .right{width: 75%;} .about02imgbox .right video{display: block;width: 100%;object-fit: cover;outline: none;} .about02imgbox .right iframe{display: block; width: 100%; object-fit: cover; outline: none; height: 100%;} /* about03wrap */ .about03wrap{width: 100%;padding: 100px 0;background: url(../img/about_03.jpg)no-repeat;background-size: cover;} .about03{margin: auto;} .about03 .pro02tl .i-tl01,.about03 .pro02tl .i-tl02{color: #FFFFFF;} .about03min{width: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 50px;box-sizing: border-box;box-shadow: 0 0 3px 3px rgb(0 0 0 / 12%);background-color: #d7d8da;} .about03tex{width: 50%;position: relative;padding: 30px 60px;z-index: 1;margin-right: 0;box-sizing: border-box;} .about03tex h3{font-size: 42px;color: #555555;line-height: 58px;text-align: left;width: 100%;box-sizing: border-box;padding: 0;padding-left: 70px;} .about03tex img{display: block;width: auto;max-width: 50px;} .about03tex img:last-child{float: right;transform: rotate(180deg);-webkit-transform: rotate(180deg);} /* about03imgbox */ .about03imgbox{width: 50%;overflow: hidden;position: relative;z-index: 0;} .about03imgbox img{display: block;width: 100%;} /* about04wrap */ .about04wrap{width: 100%;padding: 100px 0;background-color: #eeeeee;} .about04{margin: auto;} /* about04min */ .about04min{width: 100%;margin-top: 50px;} .about04top .swiper-slide{width: 1000px;height: 380px;box-sizing: border-box;padding: 10px;} .about04top .swiper-slide .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #FFFFFF;position: relative;height: 100%;position: relative;} .about04top .swiper-slide .item:after{content: '';display: block;width: 0%;height: 10px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;transition: all .6s;} .about04top .swiper-slide.swiper-slide-active .item:after{width: 100%;} .about04top .swiper-slide .item .imgbox{width: 60%;} .about04top .swiper-slide .item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .about04top .swiper-slide .item .text{width: 40%;box-sizing: border-box;padding: 50px 40px;} .about04top .swiper-slide .item .text02{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .about04top .swiper-slide .item .text p{display: block;box-sizing: border-box;position: relative;padding-left: 30px;font-size: 16px;line-height: 24px;color: #4b4d4f;margin-bottom: 20px;} .about04top .swiper-slide .item .text p:last-child{margin-bottom: 0;} .about04top .swiper-slide .item .text p i{font-size: inherit;color: inherit;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .about04top .swiper-slide.swiper-slide-active .item{box-shadow: 0px 0px 10px rgba(0,0,0,0.5);} .about04top .swiper-slide.swiper-slide-active{opacity: 1!important;} /* about04bot */ .about04bot{width: 100%;position: relative;margin-top: 20px;} .about04bot .swiper-wrapper{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .about04bot .data{width: 100%;position: relative;height: 180px;} .about04bot .data i{font-size: 30px;color: #19b3df;display: block;text-align: center;opacity: 0;transition: all .3s;margin-bottom: 20px;} .about04bot .data .num{width: 130px;height: 130px;background-color: #b0b0b0;border-radius: 50%;font-size: 30px;color: #ffffff;margin: auto;transition: all .3s;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: scale(0.8);-webkit-transform: scale(0.8);cursor: pointer;} .about04bot:before{content: '';display: block;width: 100%;height: 3px;background-color: #b0b0b0;position: absolute;left: 0;bottom: 62px;} .about04bot .swiper-slide-thumb-active .data .num{background-color: #19b3df;transform: scale(1);-webkit-transform: scale(1);} .about04bot .swiper-slide-thumb-active .data i{opacity: 1;} /* about05wrap */ .about05wrap{width: 100%;padding: 100px 0 30px;background: url(../img/index_about.jpg)no-repeat;background-size: cover;} /* about05 */ .about05{margin: auto;} .about05 .pro02tl .i-tl01,.about05 .pro02tl .i-tl02{color: #FFFFFF;} .about05min{width: 100%;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 70px;-webkit-justify-content: space-between;justify-content: space-between;} .about05min li{width: 48%;position: relative;padding-left: 110px;box-sizing: border-box;margin-bottom: 70px;} .about05min li .imgbox{display: block;width: 80px;height: 80px;background-color: #19b3df;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border-radius: 50%;position: absolute;left: 0;top: 0;} .about05min li .text h3{font-size: 24px;color: #ffffff;margin-bottom: 20px;font-weight:bold;line-height:32px;} .about05min li .text h4{font-size: 16px;line-height: 30px;color: #FFFFFF;} /* about07wrap */ .about07wrap{background: url(../img/pls_04.jpg)no-repeat;background-size: cover;} .about07 .tl,.about07 .index07form h4,.about07 .wpcf7-form .td .box,.about07 .i-form .td .box{color: #FFFFFF;} /* about08 */ .about08{margin: 50px auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;} .about08 .more02{width: 320px;margin: 0;background-color: transparent;color: #08a4d2;} .about08 .more02:after{background-color: #08a4d2;opacity: 0;} .about08 .more02:hover{color: #ffffff;} .about08 .more02:hover:after{opacity: 1;} /* mbxwrap */ .mbxwrap{width: 100%;background-color: #ececec;} .mbxwrap01{background-color: transparent;} .mbx{margin: auto;display: flex;display: -webkit-flex;height: 80px;-webkit-align-items: center;align-items: center;} .mbx a{font-size: 14px;color: #333;} .mbx a span{font-size: inherit;color: inherit;margin-right: 5px;} .mbx i{font-size: 14px;color: #333;margin: 0 10px;} /* 鎶€鏈粙缁 */ .pls01wrap{width: 100%;padding: 100px 0;background-color: #ececec;} .pls01{margin: auto;} .pls01 .textmin h4{margin-bottom: 20px;} .pls01 .textmin p{font-size: 16px;color: #4b4d4f;line-height: 32px;} .pls01 .textmin p font{font-size: inherit;color: #08a4d2;margin-right: 5px;} .pls02wrap{background: url(../img/pls_02.jpg)no-repeat;} /* pls03wrap */ .pls03wrap{width: 100%;background-color: #828282;background-size: cover;padding: 80px 0;position: relative;} .pls03{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .pls03 .text{width: calc(100% - 380px);text-align: center;} .pls03 .text h4{position: relative;box-sizing: border-box;padding: 0 120px;font-size: 20px;line-height: 36px;color: #ffffff;} .pls03 .text h4 img{display: block;width: auto;max-width: 50px;filter: brightness(3);position: absolute;} .pls03 .text h4 img:nth-last-of-type(1){right: 0;bottom: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .pls03 .text h4 img:nth-last-of-type(2){left: 0;top: 0;} .pls03 .imgbox{width: 300px;height: 300px;overflow: hidden;border-radius: 50%;} .pls03 .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;} .pls03 .text p{font-size: 18px;line-height: 30px;color: #ffffff;margin-top: 30px;} .pls03 .text p b{font-size: 20px;line-height: 30px;color: #ffffff;margin-top: 30px;font-weight:bold;} /* pls04 */ .pls04num li:nth-last-of-type(1) .mun_top h2:after,.pls04num li:nth-last-of-type(2) .mun_top h2:after{display: none;} /* pls05 */ .pls05 .more{width: 374px;height: 60px;line-height: 60px;} /* pls08 */ .pls08{-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .pls08 h3{font-size: 26px;color: #555555;font-weight: bold;} /* 鑱旂郴 */ .contact02wrap{width: 100%;box-sizing: border-box;padding: 80px 0;background:url(../img/pls_02.jpg)no-repeat;background-size: cover;background-position: center;} .contact02{margin: auto;} .contact02 .pro02tl .i-tl01,.contact02 .pro02tl .i-tl02{color: #FFFFFF;} /* contact02min */ .contact02min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 40px;} .contact02min li{width: 24%;box-sizing: border-box;padding: 60px 20px;background-color: rgba(255,255,255,0.8);position: relative;} .contact02min li .bg{position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: 0;top: 0;left: 0;} .contact02min li .text{position: relative;z-index: 1;} .contact02min li h3{font-size: 20px;color: #4b4d4f;font-weight: bold;line-height: 30px;} .contact02min li p{font-size: 14px;color: #4b4d4f;font-weight: bold;line-height: 30px;letter-spacing:0px;} /* contact03wrap */ .contact03wrap{background-color: #f1f2f3;padding: 80px 0;} .contact03{margin: auto;} .contact03min{width: 100%;margin-top: 50px;} .contact03min img{display: block;width: 100%;} .contact03min .text{width: 70%;box-sizing: border-box;padding: 90px 140px;position: relative;background-color: #FFFFFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);margin: auto;margin-top: -100px;} .contact03min .text h4{font-size: 20px;color: #4b4d4f;line-height: 36px;text-align: justify;text-align-last: center;} .contact03min .text img{display: block;width: auto;max-width: 50px;position: absolute;left: 30px;top: 50px;} .contact03min .text img:last-child{float: right;transform: rotate(180deg);-webkit-transform: rotate(180deg);left: initial;top: initial;right: 30px;bottom: 50px;} /* contact04 */ .contact04{width: 100%;box-sizing: border-box;} .contact04item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .contact04item:nth-of-type(odd){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;} .contact04item .imgbox{width: 50%;overflow: hidden;box-sizing: border-box;} .contact04item .imgbox img{display: block;width: 100%;} .contact04item .text{width: 50%;box-sizing: border-box;padding: 0 90px 0 calc((100% - 1200px)/2);} .contact04item .text .i-tl01{font-size: 36px;} .contact04item .text .linetext{padding-left: 40px;} .contact04item .text .linetext h4{font-size: 16px;line-height: 30px;color: #4b4d4f;margin-bottom: 20px;} .contact04item .text .linetext h4:last-child{margin-bottom: 0;} .contact04item:nth-of-type(even) .text{padding: 0 calc((100% - 1200px)/2) 0 90px;} /* contact05 */ .contact05{width: 100%;background-color: #f1f2f3;} .contact05 .about08{margin: auto;padding: 50px 0;} /* contact06wrap */ .contact06wrap{width: 100%;padding: 80px 0;position: relative;box-sizing: border-box;background: url(../img/pls_02.jpg)no-repeat;background-size: cover;background-position: center;} .contact06{margin: auto;} .contact06 .pro02tl .i-tl01{color: #ffffff;} .contact06min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 30px;} .contact06min .listwrap{width: 45%;} .contact06min .listwrap .listitem{margin-bottom: 30px;} .contact06min .listwrap .listitem:last-child{margin-bottom: 0;} .contact06min .list{width: 100%;} .contact06min .listwrap .item{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid rgba(255,255,255,0.5);} .contact06min .listwrap .item:after{content: '';display: block;width: 40%;height: 3px;background-color: #FFFFFF;position: absolute;left: 0;bottom: -2px;} .contact06min .listwrap .item:first-child{border-top: 1px solid rgba(255,255,255,0.5);} .contact06min .listwrap .item:first-child:before{content: '';display: block;width: 40%;height: 3px;background-color: #FFFFFF;position: absolute;left: 0;top: -2px;} .contact06min .listwrap .item02{border: none!important;} .contact06min .listwrap .item02:before{display: none!important;} .contact06min .listwrap .item .tl{width: 100%;font-size: 20px;color: #ffffff;font-weight: bold;line-height: 90px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .contact06min .listwrap .item .tl02{font-size: 24px;position: relative;border-bottom: 1px solid rgba(255,255,255,0.5);position: relative;margin-bottom: 30px;} .contact06min .listwrap .item .tl02:after{content: '';display: block;width: 40%;height: 3px;background-color: #FFFFFF;position: absolute;left: 0;bottom: -2px;} .contact06min .listwrap .item .tl i{font-size: inherit;color: inherit;} .contact06min .listwrap .item .info{width: 100%;padding-bottom: 30px;display: none;} .contact06min .listwrap .item .info02{display: block;} .contact06min .listwrap .item .info h4{font-size: 16px;line-height: 30px;color: #ffffff;} /* .contact06min .listwrap:first-child .item:first-child .info{display: block;} */ .contact06min .listwrap .item .tl.active i{transform: rotate(90deg);} .contact06min .listwrap .item .info p{ color: #fff;font-weight: bold;font-size: 18px;line-height: 20px;margin: 0 0 20px 0;} /* contact07 */ .contact07 .more{width: 200px;height: 50px;line-height: 50px;} /* 璁惧 */ .inner-text h4 font{font-size: 25px;color: #feffff;font-weight: bold;letter-spacing: 2px;margin-bottom: 20px;display: block;} .inner-text h4 p{font-size: 24px;color: #ffffff;line-height: 36px;} /* device03 */ .device03{margin: 100px auto;} /* device03tab */ .device03tab{width: 100%;margin-top: 30px;} .device03tab h3{font-size: 30px;color: #4b4d4f;font-weight: bold;margin-bottom: 40px;} /* device03top */ .device03top .swiper-wrapper{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .device03top .swiper-wrapper .swiper-slide{width: auto;box-sizing: border-box;cursor: pointer;} .device03top .swiper-wrapper .swiper-slide p{font-size: 18px;color: #8f8f8f;padding-left: 10px;border-left: 5px solid #8f8f8f;} .device03top .swiper-wrapper .swiper-slide-thumb-active p{color: #19b3df;} /* device04wrap */ .device04wrap{padding: 100px 0 60px;background-color: #ececec;} .device04{margin: auto;} .device04 .tl{font-size: 42px;color: #464646;font-weight: bold;margin-bottom: 40px;} .device04 .item{width: 100%;box-sizing: border-box;position: relative;margin-bottom: 60px;} .device04 .item:last-child{margin-bottom: 0;} .device04 .item .toph3{font-size: 30px;color: #4b4d4f;margin-bottom: 40px;font-weight: bold;} .device04 .item .toph4{font-size: 16px;color: #4b4d4f;line-height: 30px;} /* itemmin */ .itemmin{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-top: 50px;} .itemmin a{display: block;width: 48%;overflow: hidden;transition: all .3s;margin-bottom: 4%;} .itemmin a:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);} .itemmin a .imgbox{width: 100%;overflow: hidden;position: relative;} .itemmin a .imgbox img{display: block;width: 100%;transition: all .6s;} .itemmin a .imgbox:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(1,23,71,0.7);position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .5s;} .itemmin a:hover .imgbox:after{opacity: 1;} .itemmin a .imgbox:before{content: '';width: 0%;height: 10px;background-color: #19b3df;position: absolute;left: 0;transition: all .3s;bottom: 0;z-index: 1;} .itemmin a:hover .imgbox:before{width: 100%;} .itemmin .text{width: 100%;background-color: #ffffff;box-sizing: border-box;padding: 50px 80px;} .itemmin .text h3{font-size: 32px;color: #333333;font-weight: bold;margin-bottom: 30px;} .itemmin .text .textmin{width: 100%;box-sizing: border-box;margin-bottom: 40px;} .itemmin .textmin h4{font-size: 22px;color: #4b4d4f;margin-bottom: 20px;font-weight: bold;line-height: 26px;min-height: 52px;} .itemmin .textmin h5{font-size: 17px;line-height: 30px;color: #4b4d4f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 20px;font-weight: bold;} .itemmin .textmin p{font-size: 15px;color: #666;line-height: 26px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} /* .itemmin .text .more{background-color: #08a5d2;border-color: #08a5d2;} .itemmin .text .more:hover{color: #08a5d2;} */ /* device05wrap */ .device05wrap{background: url(../img/about_03.jpg)no-repeat fixed;padding: 160px 0;background-size: cover;} /* device05 */ .device05{margin: auto;} .device05 .pro02tl .i-tl01,.device05 .pro02tl .i-tl02{color: #ffffff;} .device05 .pro02tl .more{background-color: #08a4d2;border-color: #08a4d2;margin-top: 40px;} .device05 .pro02tl .more:hover{color: #08a4d2;} /* device06 */ .device06{margin: 100px auto;} .device06top .more{background-color: #08a4d2;border-color: #08a4d2;margin-top: 40px;} .device06top .more:hover{color: #08a4d2;} .device06min{width: 100%;margin-top: 80px;} .device06min img{display: block;width: 100%;} /* 鏉愭枡 */ .propls04wrap{width: 100%;padding: 100px 0;background-color: #ececec;} .propls04{margin: auto;} /* propls04min */ .propls04min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 60px;} /* propls04-list */ .propls04-list{width: 48%;} .propls04-list .item{width: 100%;margin-bottom: 50px;} .propls04-list .item:last-child{margin-bottom: 0;} /* propls04-tfont */ .propls04-tfont{font-size: 30px;color: #4b4d4f;font-weight: bold;padding-bottom: 20px;border-bottom: 5px solid #0d6984;} /* propls04-class */ .propls04-class{width: 100%;} .propls04-class .li{width: 100%;border-bottom: 1px solid #0d6984;} .propls04-class .li .tl{width: 100%;font-size: 20px;color: #4b4d4f;line-height: 70px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;cursor: pointer;} .propls04-class .li .tl p{font-size: inherit;color: inherit;line-height: inherit;} .propls04-class .li .tl i{font-size: inherit;color: inherit;} .propls04-class .li .info{width: 100%;box-sizing: border-box;margin-bottom: 40px;display: none;} .propls04-class .li .info .text p{font-size: 16px;line-height: 28px;margin-bottom: 20px;} .propls04-class .li .info .text p:last-child{margin-bottom: 0;} .propls04-class .li .info .text p font{font-size: inherit;color: #08a4d2;font-weight: bold;} .propls04-class .li .info .more{margin-top: 40px;} .propls04-class .li .tl.active i{transform: rotate(90deg);} .propls04-class .li .info.now .text:before{height: 100%;} .propls04-list:nth-of-type(1) .item:first-child .propls04-class .li:first-child .info{display: block;} /* propls05wrap */ .propls05wrap{width: 100%;box-sizing: border-box;padding: 100px 0 400px;background:url(../img/nlcl20241024.jpg?v=01)no-repeat;background-size: cover;} .propls05wrap02{background:url(../img/jscl20241024.jpg?v=01)no-repeat;background-size: cover;} .propls05{margin: auto;} .propls05 .pro02tl .i-tl01,.propls05 .pro02tl .i-tl02{color: #4b4d54;} .propls05 .more{margin-top: 60px;} /* propls06wrap */ .propls06wrap{width: 100%;padding: 100px 0;background-color: #ececec;} .propls06{margin: auto;} .propls06min{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 50px;} /* .propls06min-l */ .propls06min-l{width: 34%;} .propls06min-l h3{font-size: 30px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;} .propls06min-l .text p{font-size: 16px;color: #4b4d4f;line-height: 30px;text-align: justify;margin-bottom: 20px;} .propls06min-l .text p font{font-size: inherit;color: #08a4d2;} .propls06min-l .text p:last-child{margin-bottom: 0;} .propls06min-l .text{margin-bottom: 50px;} /* propls06min-r */ .propls06min-r{width: 60%;overflow: hidden;} .propls06min-r img{display: block;width: 100%;height: 100%;object-fit: cover;} /* 鍔犲叆 */ .join01wrap{width: 100%;padding: 100px 0;background-color: #f1f2f3;} /* join01 */ .join01{margin: auto;} /* join-tab */ .join-tab{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;} .join-tab a{display: block;box-sizing: border-box;padding-left: 20px;border-left: 5px solid #acacac;font-size: 20px;color: #4b4d4f;font-weight: bold;} .join-tab a.active,.join-tab a:hover{border-color: #1ab3de;color: #1ab3de;} /* join01min */ .join01min{width: 100%;} .join01list{width: 100%;box-sizing: border-box;position: relative;display: none;} .join01list:first-child{display: block;} .join01list .item{width: 100%;box-sizing: border-box;position: relative;border-bottom: 1px solid #DDDDDD;} .join01list .item:after{content: '';display: block;width: 20%;height: 3px;background-color: #acacac;position: absolute;left: 0;bottom: -2px;} .join01list .item:first-child{border-top: 1px solid #DDDDDD;} .join01list .item:first-child:before{content: '';display: block;width: 20%;height: 3px;background-color: #acacac;position: absolute;left: 0;top: -2px;} .join01list .item .tl{width: 100%;font-size: 20px;color: #4b4d4f;font-weight: bold;line-height: 90px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;} .join01list .item .tl i{font-size: inherit;color: inherit;} .join01list .item:first-child .info{display: block;} .join01list .item .tl.active i{transform: rotate(90deg);} .join01list .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;} .join01list .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;} .join01list .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;} .join01list .item .info li p{width: 15%;font-size: 16px;color: #4b4d4f;border-right: 3px solid #acacac;margin-top: 5px;font-weight:bold;} .join01list .item .info li h4{width: 85%;font-size: 16px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;} /* join02wrap */ .join02wrap .pro02tl .i-tl02{margin-bottom: 20px;} .join02wrap .pro02tl .i-tl02:last-child{margin-bottom: 0;} .join02min li{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;height: 80px;} /* 鏉愭枡涓夌骇 */ .prolevel01wrap{background: url(../img/prolevel_bg01.jpg)no-repeat;background-size: cover;} .prolevel01 .pro02tl .i-tl01, .prolevel01 .pro02tl .i-tl02{color: #363636;} .prolevel01min li .text h3,.prolevel01min li .text h4{color: #363636;} /* prolevel02 */ .prolevel02{width: 100%;margin: auto;} .prolevel01item{width: 100%;box-sizing: border-box;padding: 100px 0;} .prolevel01item:nth-of-type(2n){background-color: #ececec;} /* prolevel02min-t */ .prolevel01item .pro02tl{margin: auto;} .prolevel02min-t{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 70px;} .prolevel02min-t .list{width: 49%;} .prolevel02min-t .list .item{width: 100%;margin-bottom: 40px;} .prolevel02min-t .list .item .tl{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 20px;} .prolevel02min-t .list .item .tl font{font-size:14px;color: #4b4d4f;} .prolevel02min-t .list table{display: block;width: 100%;} .prolevel02min-t .list table tbody{display: block;width: 100%;} .prolevel02min-t .list table tr{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .prolevel02min-t .list table tr td:nth-of-type(1){width: 70%;} .prolevel02min-t .list table tr td{height: 60px;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .prolevel02min-t .list table tr td:nth-of-type(2){width: 26%;} .prolevel02min-t .list table tr td{border-bottom: 1px solid #0e6984;font-size: 16px;} .prolevel02min-t .list table tr:first-child td{border-top: 5px solid #056480;} /* imgbox */ .prolevel02min-t .imgbox{width: 49%;box-sizing: border-box;position: relative;padding-top: 44px;} .prolevel02min-t .imgbox .gallery-top{width: 100%;box-sizing: border-box;position: relative;} .prolevel02min-t .imgbox .gallery-top .bigimgbox{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;position: relative;} .prolevel02min-t .imgbox .gallery-top .bigimgbox i{position: absolute;right: 5px;top: 5px;font-size: 30px;color: #828282;} .prolevel02min-t .imgbox .gallery-top p{text-align: right;font-size: 14px;color: #4b4d4f;margin-top: 10px;} .prolevel02min-t .gallery-top .bigimgbox img{display: block;width: 100%;} /* gallery-thumbs */ .prolevel02min-t .imgbox .gallery-thumbs{width: 100%;margin-top: 20px;} .prolevel02min-t .imgbox .gallery-thumbs img{display: block;width: 100%;opacity: 0.3;} .prolevel02min-t .imgbox .gallery-thumbs .bigimgbox{border: 1px solid #DDDDDD;} .prolevel02min-t .imgbox .gallery-thumbs .bigimgbox:after{content: '';display: block;width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;transition: all .3s;} .prolevel02min-t .imgbox .gallery-thumbs .swiper-slide-thumb-active .bigimgbox:after{width: 100%;} .prolevel02min-t .imgbox .gallery-thumbs .swiper-slide-thumb-active img{opacity: 1;} .prolevel02min-t .imgbox .more{width: 430px;padding: 0 20px;margin: 30px auto 0;border-color: #19b3df;color: #19b3df;background-color: transparent;} .prolevel02min-t .imgbox .more:after{background-color: #19b3df;opacity: 0;} .prolevel02min-t .imgbox .more:hover:after{opacity: 1;} .prolevel02min-t .imgbox .more:hover{color: #f17400;color: #ffffff;} /* prolevel02min-b */ .prolevel02min-b{margin: auto;} .prolevel02min-b .item{margin-bottom: 30px;} .prolevel02min-b .item:last-child{margin-bottom: 0;} .prolevel02min-b .item h3{font-size: 24px;color: #4b4d4f;font-weight: bold;margin-bottom: 20px;} .prolevel02min-b .item h3:nth-of-type(1){font-size:24px;font-weight:normal;font-weight: bold;} .prolevel02min-b .item h4{font-size: 18px;line-height: 32px;width:100%;} .prolevel02min-b .item .link{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .prolevel02min-b .item .link a{/* background-color: #19b3df;border-color: #19b3df; */margin-right: 20px;margin-bottom: 20px;} .prolevel02min-b .item .link a:last-child{margin-right: 0;} .prolevel02min-b .item .link a:hover{color: #f17400;} /* 鍥剧墖寮圭獥 */ .maskweap{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 100;display: none;} .maskweap .imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;box-sizing: border-box;padding: 20px;} .maskweap .imgshow img{display: block;width: auto;max-width: 100%;max-height: 100%;} .maskweap .imgshow .close{position: absolute;right: 5px;top: 5px;font-size: 30px;color: #333;cursor: pointer;} /* 鎶€鏈湇鍔 */ /* service01wrap */ .service01wrap{background-color: #f1f2f3;} /* service02wrap */ .service02wrap{width: 100%;padding: 100px 0;background: url(../img/about_03.jpg)no-repeat;background-size: cover;} .service02{margin: auto;} .service02bot:before{display: none;} .service02bot{margin-top: 50px;border-bottom: 1px solid #DDDDDD;margin-bottom: 60px;width: calc(100% - 60px);box-sizing: border-box;padding: 0;position: relative;} .service02bot .swiper-button-next,.service02bot .swiper-button-prev{background-image: none;width: auto;height: auto;font-size: 20px;color: #666666;margin-top: -10px;} .service02bot .swiper-button-next{right: -30px;} .service02bot .swiper-button-prev{left: -30px;} .service02bot:before{content: '';display: block;width: 1px;height: 20px;position: absolute;top: 50%;margin-top: -10px;left: 0;background-color: #DDDDDD;} .service02bot .swiper-wrapper p{font-size: 15px;color: #666666;text-align: center;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;cursor: default;cursor: pointer;box-sizing: border-box;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;line-height: 60px;} .service02bot .swiper-wrapper p:after{content: '';display: block;width: 1px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 0;background-color: #DDDDDD;} .service02bot .swiper-container{margin-bottom: -1px;} .service02bot .swiper-wrapper p:before{content: '';display: block;width: 0%;height: 4px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;} /* swiper-slide-thumb-active */ .service02bot .swiper-wrapper .swiper-slide-thumb-active p{color: #19b3df;font-weight:bold;} .service02bot .swiper-wrapper .swiper-slide-thumb-active p:before{width: 100%;} /* service02top */ .service02top .swiper-slide .item .text{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;} .service02top .swiper-slide .item .text h3{font-size: 20px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;line-height: 26px;} .service02top .swiper-slide .item .text h4{ font-size: 14px;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;} /* service03wrap */ .service03wrap{/* background: url(../img/);background-size: cover; */padding: 100px 0;background: none;background-color: #f1f2f3;} .service03min .list .item .info p{font-size: 16px;color: #ffffff;line-height: 30px;text-align: justify;opacity: 0.75;} .service03min .list .item .tl{color: #4b4d4f;cursor: pointer;} .service03min .list .item:first-child:before,.service03min .list .item:after{background-color: #0d6984;} .service03min .list .item:first-child{border-top-color: #0d6984;} .service03min .list .item .info p{color: #555;} .service03min .list .item{border-bottom-color: #0d6984;} .service03 .pro02tl .i-tl01{color: #4b4d4f;} /* service04 */ .service04wrap{padding: 100px 0;background: url(../img/pls_02.jpg)no-repeat;background-size: cover;} .service04{margin: auto;} .service04min li h3,.service04min li p{} /* 妗堜緥璇︽儏 */ .caseinfo-b .inner-text h3 font{margin-top: 30px;} /* caseinfo02wrap */ .caseinfo02wrap{width: 100%;background:url(../img/about_03.jpg)no-repeat;background-size: cover;padding: 100px 0;} .caseinfo02{margin: auto;} .caseinfo02 .pro02tl h3,.caseinfo02 .pro02tl h4{color: #ffffff;} .caseinfo02bot .swiper-wrapper p{color: #ffffff;} .caseinfo02bot .swiper-button-next, .caseinfo02bot .swiper-button-prev{color: #ffffff;} /* caseinfo03wrap */ .caseinfo03wrap{width: 100%;padding: 100px 0;background: url(../img/caseinfo_01.jpg)no-repeat;background-size: cover;} /* caseinfo03 */ .caseinfo03{margin: auto;} /* caseinfo03min */ .caseinfo03min{width: 100%;position: relative;} .caseinfo03min .swiper-slide{padding: 5px;box-sizing: border-box;} .caseinfo03min .about03tex h3{margin:0;font-size: 15px;line-height: 28px;color: #555555; text-align: justify;padding: 0;/* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden; */} .caseinfo03min .about03tex img{display: none;} .caseinfo03min .about03tex p{text-align: right;font-size: 20px;color: #555555;margin-top: 30px;font-weight: bold;} .caseinfo03min .page{position: relative;width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;left: 0;bottom: 0;margin-top: 10px;} .caseinfo03min .page .swiper-button-next,.caseinfo03min .page .swiper-button-prev{position: relative;top: 0;left: 0;right: 0;bottom: 0;background-image: none;font-size: 30px;color: #333;margin: 0;width: auto;height: auto;} .caseinfo03min .page .swiper-button-next{margin-left: 30px;} .caseinfo03min .about03min{box-shadow: none;background-color: #d7d8da;} /* caseinfo04wrap */ .caseinfo04wrap{margin: 100px auto;} .pro02tl .i-tl03{font-size: 24px;color: #464646;font-weight: bold;margin-bottom: 30px;} /* .imglist */ .caseinfo04{margin-top: 60px;} .caseinfo04 .imglist{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} .caseinfo04 .imglist .left{width: 33%;} .caseinfo04 .imglist .left a{display: block;width: 100%;height: calc((100% - 20px)/2);position: relative;margin-bottom: 20px;} .caseinfo04 .imglist a:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(1,23,71,0.7);position: absolute;top: 0;left: 0;z-index: 0;opacity: 0;transition: all .5s;} .caseinfo04 .imglist .left a:last-child{margin-bottom: 0;} .caseinfo04 .imglist .left a img{display: block;width: 100%;height: 100%;object-fit: cover;} .caseinfo04 .imglist a .b-font{width: 100%;font-size: 16px;color: #FFFFFF;background-color: rgba(0,0,0,0.5);position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 20px;z-index: 2;} .caseinfo04 .imglist a .b-font i{font-size: inherit;color: inherit;margin-right: 10px;} .caseinfo04 .imglist a .b-font:after{content: '';width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;transition: all .3s;top: -5px;} .caseinfo04 .imglist .right{display: block;width: calc(67% - 20px);position: relative;} .caseinfo04 .imglist .right img{display: block;width: 100%;object-fit: cover;height: 100%;} .caseinfo04 .imglist a:hover:after{opacity: 1;} .caseinfo04 .imglist a .h-font{width: 100%;position: absolute;left: 0;bottom: 88px;box-sizing: border-box;padding: 0 40px;z-index: 2;opacity: 0;transition: all .5s;} .caseinfo04 .imglist a .h-font h4{font-size: 14px;line-height: 26px;color: #FFFFFF;} .caseinfo04 .imglist a:hover .h-font{opacity: 1;} .caseinfo04 .imglist a:hover .b-font:after{width: 100%;} .caseinfo04 .imglist a:hover .b-font{color: #19b3df;background-color: transparent;} /* .caseinfo04 .linkpage a,.caseinfo05 .propls04-class .li .info .more,.caseinfo05 .linkpage a{border-color: #19b3df;background-color: #19b3df;width: 310px;} */ /* .caseinfo05 .linkpage a:hover{color: #19b3df;} */ .caseinfo04 .linkpage a{background-color: transparent;color: #19b3df;border-color: #19b3df;width: 310px;} .caseinfo04 .linkpage a:after{background-color: #19b3df;opacity: 0;} .caseinfo04 .linkpage a:hover:after{opacity: 1;} .caseinfo04 .linkpage a:hover{color: #ffffff;} /* caseinfo05wrap */ .caseinfo05wrap{background: url(../img/caseinfo_02.jpg)no-repeat;background-size: cover;} .caseinfo05 .pro04tl .i-tl01,.caseinfo05 .pro04tl .i-tl02{color: #ffffff;} .caseinfo05min .propls04-tfont,.caseinfo05min .propls04-class .li .tl,.caseinfo05min .propls04-class .li .info .text p{color: #ffffff;} .caseinfo05 .propls04-class .li .info .more{width: 280px;} .caseinfo05 .linkpage a{width: 310px;background-color: transparent;color: #19b3df;border-color: #19b3df;} .caseinfo05 .linkpage a:after{background-color: #19b3df;opacity: 0;} .caseinfo05 .linkpage a:hover:after{opacity: 1;} .caseinfo05 .linkpage a:hover{color: #ffffff;} /* 20210722 */ .caseinfo05min .propls04-list{width: 100%;} .caseinfo05min .propls04-list .propls04-class{display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} .caseinfo05min .propls04-list .propls04-class .li{width: 48%;border-bottom: none;border-top: 1px solid #0d6984;margin-bottom: -1px;} .caseinfo05min .propls04-list .propls04-class .li .tl{border-bottom: 1px solid #0d6984;} .caseinfo05min .propls04-list .propls04-class .li .info{margin: 40px 0;} /* 杞欢 */ .software01wrap{background: url(../img/prolevel_bg01.jpg)no-repeat;background-size: cover;} /* software02 */ .software02{margin: 140px auto;} .pro02tl-f h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;} .pro02tl-f h3 p{font-size: 24px;color: #454545;margin-left: 40px;} .software02 .imgbox{width: 100%;margin-top: 50px;} .software02 .imgbox img{display: block;width: 100%;} /* software03min */ .software03min{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;margin-top: 80px;} /* software03wrap */ .software03wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background-color: #22355a;} .software03{margin: auto;} .software03 .pro02tl-f h3,.software03 .pro02tl-f h3 p,.software03 .pro02tl-f h4{color: #ffffff;} .software03 .pro02tl-f h3 sup{font-size: 20px;margin-top: -15px;} /* software03min-l */ .software03min-l{width: 36%;box-sizing: border-box;} .software03min-l .top{width: 100%;margin-bottom: 60px;} .software03min-l .top h3{font-size: 24px;font-weight: bold;color: #ffffff;padding-bottom: 10px;border-bottom: 5px solid #ffffff;margin-bottom: 30px;} .software03min-l .top .info{width: 100%;box-sizing: border-box;} .software03min-l .top .info p{font-size: 16px;color: #ffffff;line-height: 26px;box-sizing: border-box;position: relative;padding-left: 20px;} .software03min-l .top .info p font{font-size: inherit;color: #19b3df;position: absolute;left: 0;top: 5px;} /* list */ .software03min-l .list{width: 100%;position: relative;} .software03min-l .list .t-tl{font-size: 24px;font-weight: bold;color: #ffffff;padding-bottom: 10px;border-bottom: 5px solid #ffffff;margin-bottom: 0px;} /* listmin */ .software03min-l .listmin{width: 100%;box-sizing: border-box;} .software03min-l .listmin .li{width: 100%;border-bottom: 1px solid #ffffff;} .software03min-l .listmin .li .tl{width: 100%;font-size: 20px;color: #ffffff;line-height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;cursor: pointer;} .software03min-l .listmin .li .tl i{font-size: inherit;color: inherit;} .software03min-l .listmin .li .info{width: 100%;box-sizing: border-box;margin-bottom: 40px;display: none;} .software03min-l .listmin .li .info .text p{font-size: 16px;line-height: 28px;margin-bottom: 20px;color: #ffffff;} .software03min-l .listmin .li .info .text p:last-child{margin-bottom: 0;} .software03min-l .listmin .li .info .text p font{font-size: inherit;color: #08a4d2;font-weight: bold;} .software03min-l .listmin .li .info .more{margin-top: 40px;} .software03min-l .listmin .li .tl.active i{transform: rotate(90deg);} .software03min-l .listmin .li .info.now .text:before{height: 100%;} .software03min-l .listmin .li:first-child .info{display: block;} /* software04wrap */ .software04wrap{background-color: #4f4f4f;} /* software03min-r */ .software03min-r{width: 62%;margin-top:34px;} .software03min-r .gallery-top{width: 100%;box-sizing: border-box;position: relative;} .software03min-r .gallery-top .bigimgbox{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;position: relative;} .software03min-r .gallery-top .bigimgbox i{position: absolute;right: 5px;top: 5px;font-size: 30px;color: #828282;} .software03min-r .gallery-top p{text-align: right;font-size: 14px;color: #ffffff;margin-top: 10px;line-height:18px;} .software03min-r .gallery-top .bigimgbox img{display: block;width: 100%;} /* gallery-thumbs */ .software03min-r .gallery-thumbs{width: 100%;margin-top: 20px;} .software03min-r .gallery-thumbs img{display: block;width: 100%;opacity: 0.3;cursor: pointer;} .psoftware03min-r .gallery-thumbs .bigimgbox{border: 1px solid #DDDDDD;} .software03min-r .gallery-thumbs .bigimgbox:after{content: '';display: block;width: 0%;height: 5px;background-color: #19b3df;position: absolute;left: 0;bottom: 0;transition: all .3s;} .software03min-r .gallery-thumbs .swiper-slide-thumb-active .bigimgbox:after{width: 100%;} .software03min-r .gallery-thumbs .swiper-slide-thumb-active img{opacity: 1;} .software03min-r .more{width: 340;padding: 0 20px;margin: 30px auto 0;border-color: #19b3df;color: #19b3df;background-color: transparent;} .software03min-r .more:after{background-color: #19b3df;opacity: 0;} .software03min-r .more:hover:after{opacity: 1;} .software03min-r .more:hover{color: #f17400;color: #ffffff;} /* 璧勬枡涓嬭浇 */ .download01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 60px 0;background-color: #f1f2f3;} /* download01 */ .download01{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;} .downlist{width: 280px;background-color: #ffffff;box-sizing: border-box;padding: 40px;} .downlist a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;border-bottom: 1px solid #DDDDDD;font-size: 15px;color: #222222;height: 50px;} .downlist a:first-child{border-top: 2px solid #283a66;} .downlist a i{font-size: inherit;color: inherit;} .downlist a.active,.downlist a:hover{color: #19b3df;} /* download01min */ .download01min{width: calc(100% - 300px);} .download01item{width: 100%;} .download01item a{width: calc((100% - 40px)/3);margin-right: 20px;} .download01item a:nth-of-type(4n){margin-right: 20px;} .download01item a:nth-of-type(3n){margin-right: 0;} .i-tl01_1{color: #FFFFFF;font-size: 30px;margin-bottom: 40px;font-weight: bold;} .pls04wrap{display:none;} .swiper-button-next, .swiper-button-prev{outline: none;} .index01top,.index01bot,.index02left,.i03bot,.index04top,.index07form,.bannertop .item .bannertext h4,.footer li .info,.i-form,.inner-text h4,.linetext,.news01text,.news01img{opacity: 1!important;} @media only screen and (max-width:1600px) { .header{height:70px; width: 1000px;} .header .nav li>a{line-height:70px;font-size:15px;} .header .logo img{height:44px;} .header .h-right a{font-size:15px;} .bannertop .item .bannertext h3{font-size:42px;} .bannertop .item .bannertext h4{font-size:18px; padding-left: 40px;} .more{width: 162px;height: 44px;line-height: 44px;font-size: 13px;} .bannerthumb .item .imgbox{height: 70px;} .nav02wrap{padding: 30px 0;} .nav02{width: 1000px;} .nav02 .nav02left .text{padding: 20px 30px;} .nav02 .nav02right .item{padding: 0 30px;} .nav02 .nav02right .item a{font-size: 14px;} .nav02 .nav02right .item a i{margin-left: 5px;} .nav02wrap{min-height:270px;} .header .nav:before{height: 270px;} .index01wrap{padding: 90px 0;} .index01top .tl,.index02left h3,.index04top h3,.index05text .tl,.index07 .tl{font-size:30px;} .index01bot .item .text h3{font-size:24px;} .index01bot .imglist a .h-font h4{font-size:13px;line-height: 24px;} .about02num li h2{font-size:46px;} .index06 li p{ font-size: 15px;line-height: 24px;} .index06 li h4{font-size:18px;} .footer li .tl{font-size:20px;} .footer li .list .item h4{font-size:16px;} .i-form .td label input{height:42px;font-size:12px;} /* about */ .about04top .swiper-slide .item .text {width: 40%;box-sizing: border-box;padding: 50px 30px;} .about04top .swiper-slide .item .text p {display: block;box-sizing: border-box;position: relative;padding-left: 25px;font-size: 16px;line-height: 24px;color: #4b4d4f;margin-bottom: 12px;} /* 20210317 */ .bannertop .item .bannertext,.bannerthumb,.i-cont{width: 1000px;} .index02wrap{padding: 60px 0 200px;} .index03wrap,.index04wrap,.index05wrap,.index07wrap{padding: 90px 0;} .i-form .td textarea{height: 104px;font-size:12px;} /* .index07form:before{height: calc(100% - 80px);} */ .index01right .swiper-wrapper .swiper-slide p{ font-size: 16px;} .index01bot .imglist a .b-font{ font-size: 15px; padding: 16px;} .index01bot .imglist a .h-font{bottom: 75px;padding: 0px 32px;} .index01bot{ margin-top: 30px;} .index01bot .item .text h4{font-size:15px;} .index02right li .info{font-size: 13px;line-height: 24px;} .index02right li a{font-size:16px;} .index04bot .text .font h4{ font-size: 14px;color: #222222;line-height: 26px;} .index04top h4{font-size: 15px;line-height: 26px;} .index04bot .text .img img{width:120px;} .i03bot .item .left .text h4{ font-size: 14px;line-height: 26px;} .i03bot .item .left .text h3{font-size:24px;} .index06 li img{height: 38px;} .index07form h4{font-size: 15px;} .i-form .td .box{font-size: 12px;} .index01 .more{margin-top:30px;} .i03bot .item .imgbox .font p{font-size:15px;line-height:26px;} .i03bot .item .imgbox .font a{font-size:15px;} .index04bot .imglist a img{width: 70%;max-width: 70%;} .textlist a .text h4{font-size: 15px;line-height: 26px;} .textlist a .text font{ font-size: 13px;margin-bottom:15px;} .textlist a .text{padding: 20px 20px;} .index05text .more{margin-top: 30px;} .index05video{margin-top: 30px;} .index07 .tl{margin-bottom: 30px;} .i-form .td .box input{width: 20px;height: 20px;} .header .logo{} .header .nav li{margin-right: 50px;} .header .h-right a{font-size:13px;} .footer li .list .item .ionfo a{font-size: 13px;} .copyright p{font-size: 12px;} .copyright p a{font-size:12px;} .footer li .bdsharebuttonbox a{} .footer li .tl{margin-bottom:20px;} .footer li .f-nav a{font-size: 13px;} .index01bot .item .text h3{ margin-bottom: 12px;} .index01bot .item .text{ margin-bottom: 30px;} .index05text .tl{ margin-bottom: 30px;} .index04bot .text{padding: 40px 40px;} .footer li .list .item .ionfo a{ line-height: 20px;} .footer li .f-nav a{line-height:22px;} .about02num li p{margin-top:14px;font-size:14px;} .i03bot{margin-top:30px;} .inner-text h3 font{font-size: 50px;} .inner-text h3{font-size: 24px;} .inner-text h4{font-size: 20px;padding-left: 50px;} .pro01wrap{padding: 40px 0;} .inner-text{width: 1000px;} .pro01 li img{height: 40px;} .pro01 li{padding-left: 50px;} .pro01 li p{font-size: 14px;} .pro04minleft .item .imgbox{width: 50%;} .pro04minleft .item .text{width: 50%;} .pro06min .item table tr td:first-child{font-size: 16px;} .pro06min .item table tr td{padding: 8px 20px;} .pro06min .item table tr td:last-child{font-size: 14px;} .pro02wrap{ padding: 60px 0;} .pro02tl h3,.pro04tl h3{font-size:30px;} .pro04minleft .item .text p{font-size:15px;} .i-tl01{font-size:30px;} .cb-link a{height: 48px;width: 48px;} .cb-link a i{font-size:20px;} .index07form.aos-animate:before{height: calc(100% - 85px);} .cb-link{width:48px;} .newinfotext{width: 1000px;} .newinfotext h3{font-size: 30px;line-height: 46px;} .newstext{width: 1000px;} .news02 a .text .more{height: 40px;line-height: 40px;} .news01text h4{margin-bottom: 20px;} .news01text h3{margin-bottom: 20px;} .news01text .more{width: 200px;height: 44px;line-height: 44px;} .news02 a .text .more{height: 40px;line-height: 40px;} .downmore{width:444px;height: 44px;line-height: 44px;} .newsinfomin p{font-size:15px;} .about04top .swiper-slide{width: 900px;height: 340px;} .about04bot .data .num{width: 110px;height: 110px;} .about04bot:before{bottom: 72px;} .pls03 .text h4{padding: 0 80px;font-size: 18px;} .pls03 .text h4 img{max-width: 40px;} .about03tex h3{font-size: 40px;color: #555555;line-height:60px;text-align: left;width: 100%;box-sizing: border-box;padding:0 0 0 40px;} .contact04item .text{padding: 0 60px 0 calc((100% - 1000px)/2);} .contact04item .text .i-tl01{font-size: 28px;margin-bottom: 30px;} .contact04item .text .linetext h4{font-size: 14px;line-height: 26px;} .contact04item:nth-of-type(even) .text{padding: 0 calc((100% - 1000px)/2) 0 60px;} .contact06min .list .item .tl{font-size: 18px;line-height: 80px;} .contact06min .list .item .info h4{font-size: 14px;line-height: 28px;} .contact03min .text{padding: 60px 110px;margin-top: -70px;} .contact03min .text h4{font-size:18px;} .contact03min .text img{top:40px;} .contact03min .text img:last-child{bottom: 40px;} .contact03min .text img{max-width:44px;} /* .itemmin .text */ .itemmin .text{padding: 40px 50px;} .itemmin .text h3{font-size: 28px;} .itemmin .text .textmin{padding-left: 30px;} .itemmin .textmin h4{font-size: 20px;margin-bottom: 20px;} .itemmin .textmin h5{font-size: 18px;line-height: 28px;} .itemmin .textmin p{font-size: 16px;line-height: 28px;} .device05wrap{padding: 120px 0;} /* .propls04-tfont */ .propls04-tfont{font-size: 24px;border-bottom: 3px solid #0d6984;} .propls04-class .li .tl{font-size: 18px;height: 60px;} .propls04-class .li .info .text p{font-size: 15px;line-height: 24px;} .propls06min-l h3{font-size:24px;} .prolevel02min-t .imgbox .more{width: 320px;} .prolevel02min-t .list .item .tl{font-size: 20px;} .prolevel02min-t .list table tr td{height: 50px;font-size: 14px;} .prolevel02min-b .item h3{font-size: 18px;} .prolevel02min-b .item h4{font-size: 16px;line-height: 30px;} .contact06min .list .item .info p{font-size: 14px;line-height: 28px;} .about04top .swiper-slide .item .text p{font-size: 14px;} .caseinfo03min .about03tex h3{font-size: 15px;line-height: 26px;} .caseinfo03min .about03tex p{font-size: 16px;margin-top: 20px;} .caseinfo03min .about03tex img{width: 40px;} .caseinfo04 .linkpage a, .caseinfo05 .propls04-class .li .info .more, .caseinfo05 .linkpage a{width: 260px;} .caseinfo05 .propls04-class .li .info .more{width: 200px;} .prolevel02min-t .imgbox{padding-top: 39px;} .software03min-l .top h3{font-size: 20px;} .software03min-l .top .info p{font-size: 14px;} .software03min-l .list .t-tl{font-size: 20px;} .software03min-l .listmin .li .tl{font-size: 18px;} .software03min-l .listmin .li .info .text p{font-size: 14px;} .software03wrap{padding: 100px 0;} .downlist{padding: 30px 20px;width: 240px;} .download01min{width: calc(100% - 260px);} .about03tex{padding: 0 40px;} .caseinfo03min .about03tex img{width: 36px;} .about03tex h3{padding:0 0 0 70px;} .caseinfo03min .about03tex h3{-webkit-line-clamp: 5;} }