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:Arial,calibri; line-height:1;font-weight: normal;letter-spacing: 0;} body,html{height:100%;position:relative;width: 100%;background-color: transparent;} img{display: block;} a{ color:#333; text-decoration:none;} ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;} html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;} .fl{float: left;} .fr{float: right;} .clearfix:after{display: block;content: '';clear: both;} .bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;} /*IE*/ .web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;} .web-ie2018 dl{ position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;} .web-ie2018 dl #img{ display: block;margin: 50px auto;} .web-ie2018 dl h3{ display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;} .web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;} .web-ie2018 dl dd{ margin: 0 auto 50px; display: block;text-align: center; margin-bottom:50px;} .web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;} .web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;} .web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;} /* center */ .center{width: 1400px;} .swiper-pagination{z-index: 1;} /* .more */ .more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 170px;height: 50px;background-color: transparent;position: relative;font-size: 16px;color: #FFFFFF;transition: all .3s;font-family: calibri02;z-index: 0;border: 1px solid #FFFFFF;border-radius: 8px;overflow: hidden;} .more::before{content: '';display: block;width: 0%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: -1;transition: all .3s;} .more i{display: block;width: 50px;height: 1px;background-color:#7D7D7D;position: relative;margin-left: 10px;transition: all .3s;display: flex;display: -webkit-flex;align-items: center;justify-content: flex-end;-webkit-align-items: center;-webkit-justify-content: flex-end;} .more i::after{content: '';display: block;width: 0;height: 0;border:6px solid transparent;border-left-color: #7D7D7D;margin-right: -12px;} .more:hover i{width: 80px;background-color: #222;} .more:hover i::after{border-left-color: #222;} .more:hover::before{width: 100%;} .more img{margin-right: 10px;} /* headerwrap */ .headerwrap{width: 100%;border-bottom: 1px solid #EAEAEA;position: fixed;background-color: #fff;z-index: 11;top: 0;left: 0;} .header{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;} /* h-right */ .h-right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} /* nav */ .nav{display: flex;display: -webkit-flex;} .nav li{margin-right: 50px;position: relative;} .nav li:last-child{margin-right: 0;} .nav a{display: block;font-size: 16px;color: #222222;line-height: 100px;} .nav a i{font-size: inherit;color: inherit;margin-left: 5px;} .h-right .line{display: block;width: 1px;height: 20px;margin: 0 30px;background-color: #E5E5E5;} .nav a:hover,.nav a.active{color:#1074B5;} /* navdown */ .navdown{position: absolute;left: 50%;width: 200px;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);background-color: #fff;margin-left: -100px;transition: all .3s;visibility: hidden;opacity: 0;} .navdown a{box-sizing: border-box;padding: 0 10px;text-align: center;height: 40px;line-height: 40px;} .navdown a:hover{background-color: #1074B5;color: #fff;} .nav li:hover .navdown{opacity: 1;visibility: visible;} /* language */ .language{display: flex;display: -webkit-flex;position: relative;} .language a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #222222;height: 40px;} .language a i{display: block;margin-right: 5px;font-size: 20px;color: #222;} .language a.languageshowe{position: absolute;left: 0;width: 100%;line-height: 40px;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2);top: 40px;background-color: #fff;text-align: center;display: block;font-size: 14px;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all .3s;} .language a.languageshowe::before{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;left: 3px;top: -12px;} .language:hover a.languageshowe{opacity: 1;visibility: visible;transform:translateY(0);} /* footerwrap */ .footerwrap{width: 100%;background-color: #EEEEEE;box-sizing: border-box;} .footer{margin: auto;} .f-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding: 60px 0;} .f-fx p{font-size: 16px;color: #222222;margin-bottom: 20px;} /* f-fxlink */ .f-fxlink{display: flex;display: -webkit-flex;} .f-fxlink a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 50px;height: 50px;border: 1px solid #444444;border-radius: 6px;margin-right: 10px;font-size: 22px;color: #444444;} .f-fxlink a:last-child{margin-right: 0;} .f-fxlink a:hover{background-color: #555555;color: #fff;} .f-fxlink a:hover i{color: #fff;} /* f-tright */ .f-tright{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} /* f-nav */ .f-nav{display: flex;display: -webkit-flex;} .f-nav a{font-size: 20px;color: #555555;margin-right: 30px;} .f-nav a:last-child{margin-right: 0;} /* totop */ .totop{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 50px;height: 50px;background: #DCDCDC;border-radius: 6px;margin-left: 80px;} .topjt{width: 1px;height: 20px;background-color: #444444;position: relative;} .topjt::before{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #444444;border-left: 1px solid #444444;position: absolute;left: -3px;top: 0;transform: rotate(45deg);} /* f-ba */ .f-ba{width: 100%;border-top: 1px solid #D2D2D2;height: 80px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} .f-ba a{font-size: 18px;color: #888888;} /* a-banner */ .a-banner{width: 100%;box-sizing: border-box;position: relative;margin-top: 100px;overflow: hidden;} .a-banner img{display: block;width: 100%;} .a-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .a-text h3{font-size: 36px;color: #222222;font-weight: bold;} .a-text strong{display: block;width: 35px;height: 4px;background-color: #1074BC;margin: 30px 0;} .a-text p{font-size: 16px;color: #222222;line-height: 24px;} /* contact01 */ .contact01{margin: 100px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .contact01 .item{width: calc((100% - 80px)/3);background-color: #FAFAFA;box-sizing: border-box;padding: 60px;text-align: center;} .contact01 .item .imgbox{width: 90px;height: 90px;border: 1px solid #1074B5;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;margin: auto;margin-bottom: 30px;} .contact01 .item .imgbox img{display: block;width: auto;max-width: 90%;max-height: 90%;} .contact01 .item h3{font-size: 24px;color: #222222;margin-bottom: 30px;font-weight: bold;} .contact01 .item p{font-size: 24px;color: #222222;line-height: 30px;} /* newswrap */ .newswrap{margin: 80px auto;} .news{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .newsitem{width: calc((100% - 80px)/3);margin-right: 40px;box-shadow: 0px 0px 20px 0px rgba(1,3,15,0.08);margin-bottom: 40px;} .newsitem:nth-of-type(3n){margin-right: 0;} .newsitem .imgbox{width: 100%;overflow: hidden;position: relative;} .newsitem .imgbox img{display: block;width: 100%;height: 260px;object-fit: cover;transition: all .3s;} .newsitem:hover .imgbox img{transform: scale(1.1);} .newsitem .imgbox .data{width: 60px;background-color: #1074BC;position: absolute;right: 0;top: 0;text-align: center;box-sizing: border-box;padding: 0 10px;z-index: 1;} .newsitem .imgbox .data h3{font-size: 30px;color: #FFFFFF;font-weight: bold;padding: 10px 0;border-bottom: 1px solid #fff;} .newsitem .imgbox .data p{font-size: 14px;color: #FFFFFF;padding: 10px 0;} .newsitem .text{width: 100%;box-sizing: border-box;padding: 40px;position: relative;} .newsitem .text h3{font-size: 20px;color: #222222;font-weight: bold;line-height: 26px;margin-bottom: 20px;} .newsitem .text h4{font-size: 18px;color: #444444;line-height: 26px;margin-bottom: 80px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .newsitem .text p{position: absolute;left: 40px;bottom: 40px;font-size: 20px;color: #1074BC;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #1074BC;} .newsitem:hover .text h3{color: #1074BC;} /* ninfowrap */ .ninfowrap{width: 100%;margin-top: 100px;background-color: #F5F5F5;box-sizing: border-box;padding-bottom: 100px;overflow: hidden;} /* mbx */ .mbx{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 80px;} .mbx a{font-size: 20px;color: #555555;} .mbx i{display: block;font-size: 20px;color: #555555;margin: 0 10px;} .mbx a:hover{color: #1074B5;} /* ninfo */ .ninfo{margin: auto;background-color: #fff;padding: 70px 200px;box-sizing: border-box;} /* ninfo-tl */ .ninfo-tl{width: 100%;text-align: center;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 50px;} .ninfo-tl h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 60px;} .ninfo-tl .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .ninfo-tl .data p{font-size: 18px;color: #222222;margin-right: 80px;} .ninfo-tl .data p:last-child{margin-right: 0;} /* ninfo-min */ .ninfo-min{width: 100%;} .ninfo-min p{font-size: 18px;color: #222222;line-height: 36px;margin-bottom: 30px;} .ninfo-min img{display: block;width: auto;margin: auto;max-width: 100%;} /* ninfo-page */ .ninfo-page{border-top: 1px solid #E5E5E5;padding-top: 30px;} .ninfo-page a{display: block;font-size: 18px;color: #222222;line-height: 36px;} /* join01 */ .join01{margin: auto;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 50px 0;} .join01 .text{width: 50%;} .join01 .text p{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 20px;} .join01 .text p:last-child{margin-bottom: 0;} .join01 .imgbox{width: 48%;} .join01 .imgbox img{display: block;width: 100%;} /* join02wrap */ .join02wrap{margin: auto;position: relative;} .j-tl{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 50px;} /* join02 */ .join02{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .join02 .item{width: calc((100% - 80px)/3);margin-bottom: 40px;background-color: #FAFAFA;padding: 50px 40px;box-sizing: border-box;position: relative;margin-right: 40px;transition: all .3s;} .join02 .item:nth-of-type(3n){margin-right: 0;} .join02 .item h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 40px;} .join02 .item h4{font-size: 18px;color: #444444;line-height: 30px;margin-bottom: 80px;} .join02 .item p{font-size: 20px;color: #1074BC;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #1074BC;position: absolute;left: 40px;bottom: 50px;} .join02 .item:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);} /* join03 */ .join03{margin: auto;position: relative;padding: 100px 0 150px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkti-align-items: center;} .join03 .text{width: 50%;box-sizing: border-box;} .join03 .text p{font-size: 18px;color: #222222;line-height: 30px;margin-bottom: 20px;} .join03 .text p:last-child{margin-bottom: 0;} .join03 .text .more{background-color: #1074BC;width: 230px;height: 54px;border-radius: 0;margin-top: 100px;border: 1px solid #1074BC;} .join03 .text .more::before{background-color: #1074B5;} .morejt{display: flex;display: -webkit-flex;width: 20px;height: 1px;background-color: #fff;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkilt-align-items: center;margin-left: 5px;transition: all .3s;} .morejt::after{content: '';display: block;width: 6px;height: 6px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);} .join03 .text .more:hover .morejt{width: 30px;} .join03 .imgbox{width: 45%;} .join03 .imgbox img{width: 100%;} /* joininfowrap */ .joininfowrap{width: 100%;box-sizing: border-box;margin-top: 100px;} /* jinfo-twrap */ .jinfo-twrap{width: 100%;background-color: #F8F8F8;padding: 70px 0 40px;} /* jinfo-t */ .jinfo-t{margin: auto;} .jinfo-t h3{font-size: 36px;color: #222222;font-weight: bold;margin-bottom: 50px;} .jinfo-t .link{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .jinfo-t .link a{font-size: 18px;color: #666666;} .jinfo-t .link i{display: block;width: 1px;height: 18px;background-color: #666666;margin: 0 15px;} /* jinfo */ .jinfo{margin: auto;padding: 60px 0 120px;} .jinfo-min{width: 100%;} .jinfo-min li{margin-bottom: 60px;} .jinfo-min li h3{font-size: 24px;color: #222222;margin-bottom: 30px;font-weight: bold;} .jinfo-min li .info p{font-size: 18px;color: #222222;line-height: 36px;} .jinfo-min li h4{font-size: 24px;color: #222222;} .jinfo-min li h4 a{color: #1074BC;font-size: inherit;} /* j-page */ .j-page{width: 100%;box-sizing: border-box;padding-top: 50px;border-top: 1px solid #EAEAEA;display: flex;display: -webkit-flex;} .j-page a{color: #222222;border-color: #222;width: 150px;height: 54px;border-radius: 0;margin-right: 20px;font-size: 18px;} /* prolinkwrap */ .prolinkwrap{width: 100%;box-sizing: border-box;border: 1px solid #EEEEEE;background-color:#fff;} .prolink{margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .prolink a{font-size: 20px;color: #222222;line-height: 70px;position: relative;margin-right: 90px;} .prolink a:last-child{margin-right: 0;} .prolink a::before{content: '';display: block;width: 0%;height: 2px;background-color: #222222;position: absolute;left: 0;bottom: 0;} .prolink a:hover::before,.prolink a.active::before{width: 100%;} .prolink a:hover,.prolink a.active{font-weight: bold;} /* product */ .product{margin: 50px auto;display: flex;display: -webkit-flex;margin-bottom: 120px;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .product .item{width: calc((100% - 80px)/3);margin-right: 40px;background-color: #F8F8F8;padding-bottom: 80px;position: relative;margin-bottom:40px;} .product .item:nth-of-type(3n){margin-right:0;} .product .item .imgbox{width: 100%;overflow: hidden;height: 300px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;} .product .item .imgbox img{display: block;width: auto;transition: all .3s;height:auto;object-fit: cover;max-width:100%;max-height:100%;} .product .item:hover .imgbox img{transform: scale(1.1);} .product .item .text{width: 100%;padding: 30px 33px;box-sizing: border-box;} .product .item .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .product .item .text h4{font-size: 18px;color: #444444;line-height: 26px;margin-bottom: 40px;} .product .item .text .list{width: 100%;margin-bottom: 60px;} .product .item .text .list p{font-size: 16px;color: #444444;line-height: 40px;} .product .item .more{width: 80px;height: 80px;background-color: #E5E5E5;position: absolute;right: 0;bottom: 0;border-radius: 0;border: none;} .product .item .more::before{background-color: transparent;} .product .item .more .morejt{background-color: #222222;transition: all .3s;position: absolute;left: 50%;transform: translateX(-50%);margin: 0;} .product .item .more .morejt::after{border-color: #222222;} .product .item .more .morejt:first-child{background-color: #fff;left: -100%;position: absolute;} .product .item .more .morejt:first-child::after{border-color: #fff;} .product .item .more:hover .morejt:first-child{left: 50%;} .product .item .more:hover .morejt:last-child{left: 120%;} .product .item .more:hover{background-color: #1074BC;} /* pro-bannerwrap */ .pro-bannerwrap{margin-top: 100px;position: relative;overflow: hidden;} .pro-bannerwrap .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;} /* pro-banner */ .pro-banner{position: relative;z-index: 1;margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 60px 0;} .pro-banner .text{width: 36%;} .pro-banner .text h3{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 40px;line-height:56px;} .pro-banner .text h4{font-size: 24px;color: #222222;line-height: 36px;} .pro-banner .proinfo-imgbox{width: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} .pro-banner .imgbox{width: 100%;} .pro-banner .imgbox img{display: block;width: auto;max-width: 100%;} /* proinfo01 */ .proinfo01{margin: auto;padding-bottom: 100px;} /* proinfo01-top */ .proinfo01-top{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top:40px;} .proinfo01-top li{margin-right: 150px;} .proinfo01-top li:last-child{margin-right: 0;} .proinfo01-top li p{font-size: 24px;color: #222222;} .proinfo01-top li h3{font-size: 24px;color: #222222;font-weight: bold;margin-top: 10px;} /* proinfo01-bot */ .proinfo01-bot{width: 100%;margin-top:40px;} .proinfo01-bot li h3{font-size: 18px;color: #222222;line-height: 36px;font-weight: bold;} .proinfo01-bot li p{font-size: 18px;color: #222222;line-height: 36px;} .proinfo01-bot li{margin-bottom: 30px;} .proinfo01-bot li:last-child{margin-bottom: 0;} /* proinfotabwrap */ .proinfotabwrap{width: 100%;background-color: #fff;} .fixedSubNav{position: fixed;top: 101px;left: 0;z-index: 10;border-bottom: 1px solid #E5E5E5;} .proinfotab{margin: auto;display: flex;display: -webkit-flex;border-bottom: 1px solid #E5E5E5;} .fixedSubNav .proinfotab{border: none;} .proinfotab a{display: block;line-height: 80px;font-size: 24px;color: #222222;margin-right: 50px;position: relative;} .proinfotab a::before{content: '';display: block;width: 0%;height: 1px;background-color: #1074BC;position: absolute;left: 0;bottom: 0;transition: all .3s;} .proinfotab a.active::before,.proinfotab a:hover::before{width: 100%;} .proinfotab a.active,.proinfotab a:hover{color: #1074BC;} /* pinfotabminwrap */ .pinfotabminwrap{margin: auto;margin-top: 40px;margin-bottom: 100px;} .ptabtl{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;box-sizing: border-box;padding-left: 40px;} /* pinfotabmin01 */ .pinfotabmin01{width: 100%;} .pinfotabmin01 .imgbox{width: 100%;} .pinfotabmin01 .imgbox img{display: block;width: auto;max-width: 100%;margin: auto;} /* pinfotabmin02 */ .pinfotabmin02{margin-top: 80px;} /* pinfotabmin02list */ .pinfotabmin02list{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;} .pinfotabmin02list li,.swiper-pinfotabmin02 li{width: 100%;background-color: #FAFAFA;box-sizing: border-box;padding: 0 60px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 180px;margin-bottom: 40px;position: relative;} .pinfotabmin02list li{width:calc((100% - 40px)/2);} .pinfotabmin02list li .imgbox,.swiper-pinfotabmin02 li .imgbox{width: 100px;height: 100px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .pinfotabmin02list li>h3,.swiper-pinfotabmin02 li>h3{width: calc(100% - 100px);box-sizing: border-box;padding-left: 30px;font-size: 24px;color: #222222;font-weight: bold;} .pinfotabmin02list li .hovertext,.swiper-pinfotabmin02 li .hovertext{width: 100%;box-sizing: border-box;padding: 0 40px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;transition: all .3s;opacity: 0;} .pinfotabmin02list li .hovertext h3,.swiper-pinfotabmin02 li .hovertext h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;} .pinfotabmin02list li .hovertext h4,.swiper-pinfotabmin02 li .hovertext h4{font-size: 16px;color: #222222;line-height: 20px;} .pinfotabmin02list li:hover>h3,.pinfotabmin02list li:hover .imgbox,.swiper-pinfotabmin02 li:hover>h3,.swiper-pinfotabmin02 li:hover .imgbox{opacity: 0;} .pinfotabmin02list li:hover .hovertext,.swiper-pinfotabmin02 li:hover .hovertext{opacity: 1;} /*pinfotabmin02-page*/ .pinfotabmin02-page{width: 100%;position: relative;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .pinfotabmin02-page .swiper-pagination-bullet{width:12px;height:12px;background-color:#EEEEEE;margin-right:10px;opacity:1;} .pinfotabmin02-page .swiper-pagination-bullet:last-child{margin-right:0;} .pinfotabmin02-page .swiper-pagination-bullet-active{background-color:#1074BC;} /* a-text02 */ .a-text02 h3,.a-text02 p{color: #fff;} .a-text02 strong{background-color: #ffffff;} /* about-tabwrap */ .about-tabwrap{width: 100%;border-bottom: 1px solid #EEEEEE;background-color: #fff;} /* about-tab */ .about-tab{margin: auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .about-tab a{display: block;font-size: 20px;color: #222222;margin-right: 90px;line-height: 74px;position: relative;} .about-tab a::before{content: '';display: block;width: 0;height: 2px;background-color: #1074BC;transition: all .3s;position: absolute;left: 0;bottom: 0;} .about-tab a:last-child{margin-right: 0;} .about-tab a.active,.about-tab a:hover{color: #1074BC;} .about-tab a.active::before,.about-tab a:hover::before{width: 100%;} /* aboutwrap */ .aboutwrap{width: 100%;position: relative;overflow: hidden;} .about01wrap{width: 100%;overflow: hidden;position: relative;display: flex;display: -webkit-flex;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2);justify-content:flex-end;-webkit-justify-content:flex-end;margin: 60px 0;} /* about01-l */ .about01-l{width: 50%;position: absolute;left: 0;top: 0;} .about01-l .swiper-container{height: 100%;} .about01-l .imgbox{position: relative;width: 100%;height: 100%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;} .about01-l .imgbox:before{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color:rgba(16, 63, 120, 0.5);} .about01-l img{display: block;width: auto;height: auto;object-fit: cover;max-width:100%;max-height: 100%;} /*.about01-l .text{width: 100%;box-sizing: border-box;padding: 150px 140px 150px 250px;position: absolute;left: 0;top: 0;}*/ .about01-l .text{width: 100%;box-sizing: border-box;padding: 100px 70px 130px 50px;position: absolute;left: 0;top: 0;} .about01-l .text h3{font-size: 42px;color: #FFFFFF;line-height: 52px;font-weight: 500;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;} .about01-l .text h3 br{display: none;} .about01-l .text strong{display: block;width: 36px;height: 4px;background-color: #fff;margin: 20px 0;} .about01-l .text p{font-size: 22px;color: #FFFFFF;margin-bottom: 80px;} .about01-l .text a{font-size: 18px;color: #FFFFFF;padding-bottom: 10px;border-bottom: 1px solid #fff;position: absolute;bottom: 150px;right: 140px;font-weight: bold;} /* about01-r */ .about01-r{width: 50%;box-sizing: border-box;padding-left: 70px;} .about01-r h3{font-size: 38px;color: #222222;font-weight: bold;padding-left: 40px;box-sizing: border-box;position: relative;margin-bottom: 60px;} .about01-r h3::before{content: '';display: block;width: 16px;height: 38px;position: absolute;left: 0;top: 0;background-color: #1074BC;} .about01-r .info{width: 100%;} .about01-r .info p{font-size: 18px;line-height: 36px;color: #555555;margin-bottom: 30px;} /* .about01-r .info p:last-child{margin-bottom: 0;} */ /*about01change*/ /*.about01change{margin: auto;padding:70px 0 0;}*/ /*.about01changetext{text-align: center;box-sizing:box-sizing;padding:0 100px;}*/ /*.about01changetext h3{width: 70%;line-height: 60px;margin:auto;margin-bottom:30px;}*/ /*.about01changetext h3{font-size: 28px;color: #222;font-weight: bold;margin-bottom: 30px;}*/ /*.about01changetext .info p{font-size: 16px;color: #222;line-height: 24px;margin-bottom:20px;}*/ /*.about01changetext .info p:last-child{margin-bottom:0;}*/ /*.about01changeimg{width: 100%;margin-top:30px;} */ /*.about01changeimg img{margin: auto;max-width:100%;}*/ /*about01change*/ .about01change{margin:auto;padding:130px 0 0;display:flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;} .about01changeimg{width: 50%;position:relative;box-sizing:border-box;padding-right:50px;} .about01changeimg:before{content:'';display: block;width: 150px;height: 150px;background-color:rgba(16, 63, 120, 0.8);position:absolute;right:0;top:-50px;} .about01changeimg:after{content:'';display: block;width: 80%;height: 80%;position: absolute;left: -50px;bottom: -50px;border: 3px solid rgba(16, 63, 120, 0.8);} .about01changeimg img{width: 100%;position:relative;z-index:1;height:100%;object-fit:cover;} .about01changetext{width: 45%;} .about01changetext h3{font-size: 28px;color: #222;font-weight: bold;margin-bottom: 30px;text-align:left;line-height:34px;} .about01changetext .info p{font-size: 16px;color: #222;line-height: 24px;margin-bottom:20px;} .about01changetext .info p:last-child{margin-bottom:0;} /* propage */ /*.propage{position: absolute;left: 250px;bottom: 150px;display: flex;display: -webkit-flex;}*/ .propage{position: absolute;left: 50px;bottom: 100px;display: flex;display: -webkit-flex;} .propage .swiper-button-prev,.propage .swiper-button-next{width: 40px;height: 40px;border: 1px solid #FFFFFF;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background-image: none;font-size: 16px;color: #fff;right: 0;left: 0;top: 0;bottom: 0;position: relative;} .propage .swiper-button-next{margin-left: 10px;} .propage .swiper-button-prev:hover,.propage .swiper-button-next:hover{background-color: #fff;color: #1074B5;} /* about02wrap */ .about02wrap{margin: auto;padding: 100px 0;} .a-tl01{font-size: 48px;color: #222222;font-weight: bold;margin-bottom: 70px;text-align: center;} .about02{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .about02 .item{width: calc((100% - 120px)/4);margin-right: 40px;background-color: #F4FAFE;height: 340px;border-radius: 20px;overflow: hidden;position: relative;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} .about02 .item .text{width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;transition: all .3s;} .about02 .item .text .imgbox{width: 80px;height: 80px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;margin:auto;margin-bottom: 20px;} .about02 .item .text .imgbox img{display: block;max-width: 100%;max-height: 100%;} .about02 .item .text h3{font-size: 30px;color: #222222;font-weight: bold;} .about02 .item .hovertext{width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;text-align: center;position: absolute;left: 0;opacity: 0;transition: all .3s;} .about02 .item .hovertext h3{font-size: 30px;color: #222222;font-weight: bold;} .about02 .item .hovertext strong{display: block;width: 30px;height: 3px;background-color: #1074B5;margin: 30px auto;} .about02 .item .hovertext p{font-size: 18px;color: #222222;} .about02 .item:hover .hovertext{opacity: 1;} .about02 .item:hover .text{opacity: 0;} /* a-tl02 */ .a-tl02{color: #fff;} /* about04wrap */ .about04wrap{margin: auto;position: relative;padding: 100px 0 50px;} /* about04 */ .about04{width: 100%;margin-top: 60px;position: relative;box-sizing: border-box;padding: 0 40px;} .about04 .imgbox{width: 100%;overflow: hidden;height:300px;} .about04 .imgbox img{display: block;width: auto;height:auto;max-height:100%;max-width:100%;margin:auto;} .about04 .swiper-slide{width: 34%;} .about04 p{text-align: center;font-size: 18px;color: #000000;margin-top: 30px;opacity: 0;transition: all .3s;} .about04 .swiper-slide.swiper-slide-active p{opacity: 1;} .about04 .swiper-button-next, .about04 .swiper-button-prev{background-image: none;font-size: 30px;color: #000000;z-index: 1;} .about04 .swiper-button-next i, .about04 .swiper-button-prev i{color: inherit;} .about04 .swiper-button-next:hover, .about04 .swiper-button-prev:hover{color: #E32D36;} /* about05wrap */ .about05wrap{margin: auto;padding: 50px 0 100px;} /* about06wrap */ .about06wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #F4FAFE;} /* about06 */ .about06{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .about06 .item{width: calc((100% - 50px)/3);box-sizing: border-box;background-color: #fff;padding: 50px;} .about06 .item h3{font-size: 25px;color: #222222;font-weight: bold;margin-bottom: 20px;} .about06 .item strong{display: block;width: 25px;height: 2px;background-color: #1074B5;margin-bottom: 40px;} .about06 .item h4{font-size: 16px;color: #666666;line-height: 26px;} /* bannerwrap */ .bannerwrap{width: 100%;position: relative;margin-top: 100px;} .bannerwrap img{width: 100%;} .bannerwrap img.m-img{display: none;} .ib-page{width: 440px;height: 80px;background-color: #FFFFFF;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;position: absolute;right: 0;bottom:0;z-index: 1;} .swiper-num{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;top: 0;left: 0;right: 0;bottom: 0;width: auto;} .swiper-num span{font-size: 24px;color: #AAAAAA;margin-right: 5px;font-weight: normal;} .swiper-num span:last-child{margin-left: 5px;margin-right: 0;} .swiper-num span.swiper-pagination-current{color: #1074BC;} .swiper-num{font-size: 24px;color: #AAAAAA;margin: 0 5px;} .swiper-num span::before{content: '0';} /* swiperbtn */ .swiperbtn{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;margin-left: 90px;} .swiperbtn .swiper-button-next,.swiperbtn .swiper-button-prev{position: relative;top: 0;left: 0;right: 0;bottom: 0;width: 10px;height: 18px;background-size: 100%;margin: 0;filter: grayscale(1) brightness(0);} .swiperbtn strong{display: block;width: 1px;height: 18px;background-color: #E5E5E5;margin: 0 40px;} /* index01wrap */ /*.index01wrap{width: 100%;position: relative;margin: 80px 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;overflow: hidden;}*/ .index01wrap{width: 1400px;position: relative;margin: 80px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;overflow: hidden;} .index01-l{position: relative;height: 500px;} /* index01-r */ .index01-r{width: 50%;box-sizing: border-box;padding-left: 70px;padding-right: calc((100% - 1400px)/2);border-left: 2px solid;margin-left:70px;height: 500px;} /* i01r-top */ .i01r-top{padding-bottom: 30px;position: relative;margin-bottom: 0px;} .i01r-top h3{width: 100%;box-sizing: border-box;padding-left: 0px;font-size: 36px;color: #222222;font-weight: bold;position: relative;margin-bottom: 36px;} /*.i01r-top h3::before{content: '';display: block;width: 16px;height: 38px;background-color: #1074BC;position: absolute;left: 0;top: 0;}*/ .i01r-top h4{font-size: 18px;line-height: 36px;color: #555555;margin-bottom: 50px;} .i01r-top h4 p{font-size: 16px;line-height: 26px;color: #555555;margin-bottom: 50px;} .i01r-top a{position: absolute;right: 0;bottom: 0;font-size: 18px;color: #1074BC;padding-bottom: 10px;border-bottom: 1px solid #1074BC;font-weight: bold;} /* i01r-bot */ .i01r-bot{display: none;} .i01r-bot h3{font-size: 38px;color: #222222;font-weight: bold;margin-bottom: 40px;} .i01r-bot .item{width: 100%;display: flex;display: -webkit-flex;background-color: #F5F5F5;height: 120px;align-items: center;-webkit-align-items: center;} .i01r-bot .item .data{width: 215px;height: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;font-size: 24px;color: #FFFFFF;} .i01r-bot .item .textmin{width: calc(100% - 215px);box-sizing: border-box;padding-left: 20px;} .i01r-bot .item .textmin h3{font-size: 22px;color: #222222;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;margin-bottom: 0;} .i01r-bot .item .textmin p{font-size: 22px;color: #222222;line-height: 36px;} /* i01r-botpagewrap */ .i01r-botpagewrap{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;margin-top: 40px;} .i01r-botpagewrap .swiper-pagination{position: relative;} .i01r-botpagewrap .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #DCDCDC;margin-right: 10px;opacity: 1;} .i01r-botpagewrap .swiper-pagination-bullet:last-child{margin-right: 0;} .i01r-botpagewrap .swiper-pagination-bullet-active{background-color: #1074BC;} .i01r-botpagewrap a{font-size: 18px;color: #1074BC;font-weight: bold;border-bottom: 1px solid #1074BC;padding-bottom: 10px;} /* index02wrap */ .index02wrap{margin: 100px auto;display:none;} .i-tl01{font-size: 40px;color: #222222;font-weight: bold;margin-bottom: 40px;} /* index02 */ .index02{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;} .index02 .item{width: calc((100% - 80px)/2);box-sizing: border-box;border: 1px solid #BFBFBF;padding: 30px 30px 60px;position: relative;} .index02 .item .imgbox{width: 100%;overflow: hidden;display: block;position: relative;} .index02 .item .imgbox img{display: block;width: 100%;transition: all .4s;} .index02 .item .imgbox:hover img{transform: scale(1.1);} .index02 .item .imgbox .font{width: 100%;box-sizing: border-box;padding: 0 30px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;position: absolute;left: 0;bottom: 40px;} .index02 .item .imgbox .font p{font-size: 36px;color: #FFFFFF;font-weight: bold;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index02 .item .imgbox:hover .font .morejt{width: 30px;} .index02 .item .text{width: 100%;box-sizing: border-box;padding: 30px;margin-bottom:100px;} .index02 .item .text a{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;} .index02 .item .text a p{font-size: 22px;color: #222222;line-height: 48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;} .index02 .item .text a i{background-color: #222222;} .index02 .item .text a i::after{border-color: #222;} .index02 .item .text a:hover i{width: 25px;transform: translateX(-10px);} .index02 .item .text a:hover i::after{border-color: #1074BC;} .index02 .item .text a:hover i{background-color: #1074BC;} .index02 .item .text a:hover p{color: #1074BC;} .index02 .item .tomore{position: absolute;bottom: 70px;right: 60px;font-size: 22px;color: #1074BC;font-weight: bold;border-bottom: 1px solid #1074BC;font-weight: bold;padding-bottom: 10px;} /* index03 */ .index03bgwrap{position: relative;padding: 1px;} #particles-js{background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: -2147483648;} .index03wrap{margin: 100px auto;} /* index03-top */ .index03-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .index03-top .i-tl01{margin-bottom: 0;} .index03-top .linkwrap{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left: 120px;} .index03-top .linkwrap .i03-tab{display: flex;display: -webkit-flex;} .index03-top .linkwrap a{font-size: 22px;color: #555555;position: relative;} .index03-top .linkwrap a::before{content: '';display: block;width: 0%;height: 1px;background-color: #222;position: absolute;left: 0;bottom: -10px;transition: all .3s;} .index03-top .linkwrap i{display: block;width: 1px;height: 22px;background-color: #E5E5E5;margin: 0 40px;} .index03-top .linkwrap a:hover,.index03-top .linkwrap a.active{color: #222;} .index03-top .linkwrap a.active::before,.index03-top .linkwrap a:hover::before{width: 100%;} /* index03list */ .index03list .index03item{display: none;} .index03list .index03item:first-child{display: block;} /* index04 */ .index04{margin: 100px auto;display: flex;display: -webkit-flex;height: 200px;background-color: #0A5E9B;} .index04-l{width: calc(100% - 440px);box-sizing: border-box;padding: 0 80px;height: 100%;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} .index04-l .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .index04-l p{font-size: 50px;color: #FFFFFF;position: relative;} /* index04-r */ .index04-r{width: 440px;height: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;} .index04-r .more{background-color: #FFFFFF;color: #1074BC;width: 220px;border-radius: 0;height: 60px;} .index04-r .more i{background-color: #1074BC;} .index04-r .more i::after{border-left-color: #1074BC;} /* customwrap */ .customwrap{margin: 100px auto;} .custom{width: 100%;box-sizing: border-box;} .custom li{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;} .custom li .item{width: 150px;height: 174px;position: relative;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;} .custom li .item .bg{width: 100%;height: 100%;filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.05)) grayscale(1) brightness(11);position: absolute;left: 0;top: 0;z-index: 0;} .custom li .item .icon{position: relative;z-index: 1;} .custom li{transform: translateY(-30px);} .custom li:first-child{transform: none;} .custom li:nth-of-type(3){transform: translateY(-60px);} .custom li:nth-of-type(4){transform: translateY(-90px);} /* .custom li .item:hover .bg{filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));} */ /* .custom li .item:hover .bg{filter: ;} */ .custom02,.hamburger{display: none;} .f-nav a:hover{color: #000000;} .totop:hover{background-color: #1074BC;} .totop:hover .topjt{background-color: #fff;} .totop:hover .topjt::before{border-color: #fff;} /*index01chqangewrap*/ .index01chqangewrap{width: 100%;position: relative;padding: 80px 0;overflow:hidden;background-color:#F9FBFC;} .index01chqangewrap .bg{width: 100%;position: absolute;right: 0;bottom: 0;position: absolute;z-index:0;} /*index01change*/ .index01change{margin: auto;position:relative;z-index:1;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;} .i01-videobox{width: 46%;position:relative;height:460px;} .i01-videobox video{display: block;width: 100%;height: 100%;object-fit:cover;} /*i01-textr*/ .i01-textr{width: 46%;box-sizing: box-sizing;} .i01-textr>img{display: block;width: auto;max-width:100%;margin-bottom:30px;} .i01-textr>p{font-size: 30px;color: #222222;margin-bottom: 50px;} .i01-textr .info p{font-size: 16px;color: #555555;line-height: 26px;margin-bottom:20px;} .i01-textr .info p>last-child{margin-bottom: 0;} .index01change .tomorewrap{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content:flex-end;margin-top:60px;} .index01change .tomore{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size:18px;color:#1074BC;} .index01change .tomore i{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color:#1074BC;color:#fff;width:20px;height:20px;font-size:16px;border-radius:50%;margin-right:5px;transition:all .3s;} .index01change .tomore:hover i{margin-right: 20px;} .index01change .line{width: 1px;height: calc(100% + 40px);background-color:#103f7880;position:absolute;left:50%;top:-20px;} .index01change .line:before{content:'';display: block;width: 60px;height: 1px;background-color: #103f7880;position: absolute;right: 0;top: 0;} .index01change .line:after{content:'';display: block;width: 60px;height: 1px;background-color: #103f7880;position: absolute;left: 0;bottom: 0;} @media (max-width: 1600px) { .center{width: 1200px;} .ib-page{width: 400px;height: 70px;} .about01-l .text{padding: 150px 70px 150px 50px;} .about01-l .text h3{font-size: 46px;} .about01-l .text p{font-size: 18px;} .about01-l .text a,.i01r-top a,.i01r-botpagewrap a{font-size: 16px;} .propage{left: 50px;bottom: 100px;} .i01r-top h3,.about01-r h3{font-size: 30px;padding-left: 0px;} .i01r-top h3::before,.about01-r h3::before{width: 12px;height: 30px;} .index01-r{padding-right: calc((100% - 1200px)/2);padding-left: 40px;margin-left:40px;} .i01r-bot h3{font-size: 30px;} .i01r-bot .item{height: 100px;} .i01r-bot .item .data{width: 180px;font-size: 20px;} .i01r-bot .item .textmin{width: calc(100% - 180px);padding: 0 20px;} .i01r-bot .item .textmin h3,.i01r-bot .item .textmin p{font-size: 20px;} .index01-l{height: 500px;} .index01-r{height: 500px;} .i-tl01{font-size: 32px;} .index02 .item .imgbox .font p{font-size: 26px;} .index02 .item .text a p{font-size: 20px;} .index02 .item .tomore{font-size: 20px;} .index03-top .linkwrap a{font-size: 20px;} .product .item{width: calc((100% - 60px)/3);margin-right: 30px;} .product .item .imgbox{height: 260px;} .product .item .text{padding: 30px 20px 0;} .product .item .text h3{font-size: 22px;margin-bottom: 20px;} .product .item .text h4{font-size: 16px;margin-bottom: 30px;} .product .item .text .list p{font-size: 14px;line-height: 30px;} .product .item .text .list{margin-bottom: 40px;} .product .item{padding-bottom: 60px;} .product .item .more{width: 60px;height: 60px;} .index04-l p{font-size: 36px;} .index04{height: 180px;} .a-banner img{height: 340px;object-fit: cover;} .about01wrap{padding: 0 calc((100% - 1200px)/2);} .about01-r{padding-left: 40px;} .about01-r h3{margin-bottom: 30px;} .about01-r .info p{font-size: 16px;line-height: 26px;} .about01-r .info p:last-child{margin-bottom: 0;} .about02wrap{padding: 80px 0;} .a-tl01{font-size:36px;margin-bottom: 40px;} .about02 .item{width: calc((100% - 90px)/4);margin-right: 30px;height: 300px;} .about02 .item .text h3,.about02 .item .hovertext h3{font-size: 26px;} .about02 .item .hovertext strong{margin: 20px auto;} .about03wrap .a-tl01{margin-bottom: 0;} .pinfotabmin02list li{width: calc((100% - 30px)/2);margin-bottom: 30px;} .about05wrap{padding: 50px 0 80px;} .about06 .item strong{margin-bottom: 30px;} .about06 .item{padding: 40px 30px;} .pro-banner .text h3,.j-tl{font-size: 36px;margin-bottom: 30px;} .pro-banner .text h4{font-size: 20px;line-height: 30px;} .proinfotab a{font-size: 22px;} .pinfotabmin02list li{padding: 0 40px;} .customwrap{margin-bottom: 0;} .join01 .text p{font-size: 16px;line-height: 30px;} .join02 .item{padding: 40px 30px;width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;} .join02 .item h3{margin-bottom: 30px;} .join02 .item h4{font-size: 16px;line-height: 28px;} .join02 .item p{font-size: 18px;left: 30px;} .join03{padding: 80px 0 100px;} .join03 .text p{font-size: 16px;} .join03 .text .more{width: 180px;margin-top: 30px;height: 50px;} .newsitem .imgbox img{height: 200px;} .newsitem .imgbox .data h3,.newsitem .imgbox .data p{padding: 5px 0;} .newsitem .imgbox .data{width: 50px;padding: 0 5px;} .newsitem .text{padding: 30px;} .newsitem .text h4{font-size: 16px;} .newsitem .text p{font-size: 18px;} .ninfo{padding: 70px 150px;} .mbx a{font-size: 18px;} .contact01 .item{padding: 50px 30px;} .contact01 .item p{font-size: 20px;} }