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: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: 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 */
.morewrap{display: flex;display: -webkit-flex;}
.more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
/* moreqq */
.moreqq{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 24px;height: 24px;border-radius: 24px;transition: all .3s;border: 1px solid #fff;transform: translateX(10px);-webkit-transform: translateX(10px);margin-right: 10px;}
.morejt{display: flex;display: -webkit-flex;align-items: center;justify-content: flex-end;-webkit-align-items: center;-webkit-justify-content: flex-end;width: 20px;height: 1px;background-color: #fff;transform: translateX(-10px);-webkit-transform: translateX(-10px);}
.morejt::after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff;margin-right: -10px;}
.more span{font-size: 16px;color: #FFFFFF;margin-left: 10px;}


/* headerwrap */
.headerwrap{width: 100%;position: fixed;z-index: 10;}
.header{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.header .logolist{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;}
.header .logolist i{display: block;width: 1px;height: 25px;background-color: #ddd;margin: 0 15px;}
.header .logo{display: block;}
.header .logo img{display: block;width: auto;}
.header .logo .logo02{display: none;}
.header .sonlogo{display: block;width: auto;height: 36px;overflow:hidden;}
.header .sonlogo img{width: auto;height: 100%;filter:drop-shadow(0 36px 0 #fff);transform:translateY(-36px);-webkit-transform:translateY(-36px);}
/* nav */
.nav{display: flex;display: -webkit-flex;}
.nav li a{display: block;font-size: 16px;color: #FFFFFF;line-height: 80px;position: relative;}
.nav li a::before{content: '';display: block;width: 0%;height: 2px;position: absolute;left: 0;bottom: 0;transition: all .3s;background-color: #fff;}
.nav li{margin-right: 40px;}
.nav li:last-child{margin-right: 0;}
.nav li a:hover::before,.nav li a.active::before{width: 100%;}

/* h-right */
.h-right{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.h-right .search{display: block;}
.h-right .search img{display: block;}
.h-right .line{display: block;width: 1px;height: 24px;background-color: #D2D2D2;margin: 0 20px;}
/* language */
.language{position: relative;}
.languagenow{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 14px;color: #FFFFFF;}
.languagenow i{display: block;font-size: inherit;color: inherit;margin-left: 5px;}
/* languageshow */
.languageshow{width: 100px;line-height: 36px;background-color: #fff;display: block;text-align: center;font-size: 14px;color: #333;text-transform: uppercase;position: absolute;left: 50%;transform: translateX(-50px);top: 50px;opacity: 0;visibility: hidden;transition: all .3s;box-shadow: 0px 0px 3px rgba(0,0,0,0.1);}
.languageshow::before{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-bottom-color: #fff;position: absolute;top: -10px;left: 50%;margin-left: -2.5px;}
.language:hover .languageshow{opacity: 1;visibility: visible;top: 20px;}

.div2_1 .headerwrap,.div4 .headerwrap{background-color: #fff;box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.3);}
.div2_1 .nav li a,.div3 .nav li a{color: #222;}
.div2_1 .h-right .search img,.div3 .h-right .search img{filter: brightness(0.5);}
.div2_1 .languagenow,.div3 .languagenow{color: #222;}
.div2_1 .nav li a::before,.div3 .nav li a::before{background-color: #0096ED;}
.div2_1 .nav li a.active,.div3 .nav li a.active,.div2_1 .nav li a:hover,.div3 .nav li a:hover{color: #0096ED;}
.div2_1 .header .logo .logo02,.div3 .header .logo .logo02{display: block;}
.div2_1 .header .logo .logo01,.div3 .header .logo .logo01{display: none;}
.div2_1 .header .sonlogo img,.div3 .header .sonlogo img{transform: none;-webkit-transform: none;}


/* seadershow */
.seadershow{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 11;background-color: rgba(0,0,0,0.9);display: none;}
.seaderbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.seader{position: relative;}
.seader form{width: 1000px;height: 80px;border: 5px solid #8C8C8C;border-radius: 8px;overflow: hidden;background-color: #fff;display: flex;display: -webkit-flex;}
.seader form input{display: block;width: 80%;height: 100%;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #666666;}
.seader form button{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 20%;border: none;outline: none;background-color: #0096ED;font-size: 18px;color: #FFFFFF;cursor: pointer;}
.seader form button img{display: block;width: auto;filter: brightness(11);margin-right: 20px;}
.seader .close{display: block;position: absolute;right: -60px;top: -80px;}
.seader .close img{display: block;filter: invert(1);}


/* footerwrap */
.footerwrap{width: 100%;position: relative;overflow: hidden;}
.footerwrap .bg{width: 100%;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;}
/* footermin */
.footermin{margin: auto;position: relative;}
/* footer */
.footer{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding: 80px 0 60px;}
/* f-nav */
.f-nav{display: flex;display: -webkit-flex;}
.f-nav li{margin-right: 80px;}
.f-nav li:last-child{margin-right: 0;}
.f-nav li h3{font-size: 20px;color: #FFFFFF;position: relative;box-sizing: border-box;padding-left: 10px;}
.f-nav li h3::before{content: '';display: block;width: 2px;height: 20px;position: absolute;left: 0;top: 0;background-color: #FFFFFF;}
.f-nav li .list{width: 100%;box-sizing: border-box;padding-left: 10px;margin-top: 40px;}
.f-nav li .list a{display: block;font-size: 16px;color: #FFFFFF;line-height: 36px;opacity: 0.5;}
.f-nav li .list a:hover{opacity: 1;}

/* f-lx */
.f-form{width: 450px;height: 60px;border: 1px solid #FFFFFF;display: flex;display: -webkit-flex;}
.f-form input{width: 75%;height: 100%;box-sizing: border-box;padding: 0 10px;font-size: 16px;color: #fff;outline: none;background-color: transparent;border: none;box-sizing: border-box;}
.f-form input::placeholder{color: #fff;opacity: 0.2;}
.f-form button{width: 25%;height: 100%;outline: none;border: none;font-size: 16px;color: #0096ED;background-color: #FFFFFF;box-sizing: border-box;cursor: pointer;}

/* f-lxf */
.f-lxf{margin: 0px 0 20px;}
.f-lxf img{width:100px;height:100px;margin: 0px 0px 20px;}
.f-lxf p{font-size: 16px;color: #fff;line-height: 26px;opacity: 0.5;}
.f-lxf h3{display: flex;display: -webkit-flex;font-size: 30px;color: #FFFFFF;align-items: center;-webkit-align-items: center;margin-bottom: 15px;}
.f-lxf h3 img{display: block;width: auto;margin-right: 10px;}

/* f-share */
.f-share{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.f-ewm{margin-right: 20px;}
.f-ewm .imgbox{width: 100px;box-sizing: border-box;padding: 10px;background-color: #fff;} 
.f-ewm .imgbox img{display: block;width: 100%;}
.f-ewm p{font-size: 14px;color: #FFFFFF;opacity: 0.3;line-height: 26px;text-align: center;}
/* share-icon */
.share-icon{display: flex;display: -webkit-flex;padding-bottom: 0;}
.share-icon a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255,255,255,0.1);margin-right: 10px;position: relative;}
.share-icon a i{font-size: 16px;color: #FFFFFF;}
.share-icon a:last-child{margin-right: 0;}
.share-icon a:hover{background-color: #0096ED;}
.share-icon a:hover .showewm{opacity: 1;visibility: visible;}
.share-icon a .showewm{bottom: 46px;}
/* showewm */
.showewm{width: 120px;background-color: #fff;box-sizing: border-box;padding: 10px;position: absolute;left: 50%;margin-left: -60px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);opacity: 0;transition: all .3s;height: 120px;visibility: hidden;}
.showewm img{display: block;width: 100%;height: 100%;}
.showewm:before{content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-top-color: #fff;position: absolute;left: 50%;bottom: -12px;margin-left: -3px;}

/* f-ba */
.f-ba{width: 100%;border-top: 1px solid rgba(255,255,255,0.3);height: 80px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.f-ba a{font-size: 14px;color: #FFFFFF;opacity: 0.5;margin-right: 20px;}
.f-ba a:last-child{margin-right: 0;}
.f-ba a:hover{opacity: 1;}

/* a-bannerwrap */
.a-bannerwrap{width: 100%;position: relative;box-sizing: border-box;height: 100%;overflow: hidden;}
.a-bannerwrap img{display: block;width: 100%;height: 100%;object-fit: cover;position: fixed;top: 0;left: 0;}
/* a-text */
.a-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.a-text .font{width: 612px;margin-bottom: 80px;}
.a-text .font p{font-size: 18px;line-height: 34px;color: #FFFFFF;text-align: justify;}

/* aboutwrap */
.aboutwrap{background-color: #fff;position: relative;box-sizing: border-box;padding: 0 0 1px;}
/* about01 */
.about01{margin: auto;padding: 180px 0 240px;}
/* a-tl01 */
.a-tl01 h3{font-size: 40px;font-weight: bold;color: #222;margin-bottom: 50px;}
.a-tl01 h4{font-size: 18px;line-height: 36px;color: #555555;}
.a-tl01 h4 p{font-size: 18px;line-height: 36px;color: #555555;}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;position: relative;background: url(../images/a-bg01.jpg)no-repeat fixed;background-size: cover;padding: 150px 0 400px;}
/* about02 */
.about02{margin: auto;}
.a-tl02 h3,.a-tl02 h4{color: #fff;}
.a-tl02 h3,.a-tl02 h4 p{color: #fff;}

/* about04wrap */
.about04wrap{width: 100%;}
.about04{margin: 100px auto;}
/* a-h3 */
.a-h3{font-size: 40px;color: #222222;font-weight: bold;text-align: center;}
/* about04min */
.about04min{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 60px;}
.about04min .item{width: calc((100% - 90px)/4);display: block;position: relative;overflow: hidden;border-radius: 20px;}
.about04min .item img{display: block;width: 100%;transition: all .3s;}
.about04min .item p{position: absolute;left: 0;bottom: 30px;width: 100%;box-sizing: border-box;padding: 0 30px;font-size: 18px;color: #FFFFFF;line-height: 30px;height: 90px;}
.about04min .item:hover img{transform: scale(1.1);}

/* about05 */
.about05{margin: 140px auto;}

/* proa-text */
.proa-text{text-align: center;font-size: 54px;color: #fff;line-height: 100px;font-weight: bold;}
.product-text .proa-text{text-align: left;font-size: 36px;color: #fff;line-height: 60px;font-weight: bold;}
/* pro01wrap */
.pro01wrap{width: 100%;background-color: #000B19;padding: 120px 0;}
.pro01{margin: auto;}
.pro01 h4{font-size: 22px;color: #FFFFFF;line-height: 36px;min-height:144px;}

/* pro02 */
.pro02{margin: 120px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.pro02 .item{width: calc((100% - 80px)/3);overflow: hidden;position: relative;border-radius: 20px;}
.pro02 .item img{display: block;width: 100%;transition: all .4s;}
.pro02 .item .text{width: 100%;position: absolute;left: 0;bottom: 50px;box-sizing: border-box;padding: 0 40px;}
.pro02 .item .text p{font-size: 18px;color: #FFFFFF;padding-bottom: 20px;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.pro02 .item .text h3{font-size: 28px;color: #FFFFFF;font-weight: bold;margin-bottom: 30px;}
.pro02 .item:hover img{transform: scale(1.1);}

/* prolist-banner */
.prolist-banner{width: 100%;position: relative;}
.prolist-banner img{display: block;width: 100%;}
/* prolistb-text */
.prolistb-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;}
.prolistb-text h3{font-size: 56px;color: #FFFFFF;font-weight: bold;}

/* prolist01 */
.prolist01{margin: 30px auto 150px;}
.prolist01 .item{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;position: relative;border-bottom: 1px solid #E5E5E5;}
.prolist01 .item::before{content: '';display: block;width: 0%;height: 1px;background-color: #0096ED;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.prolist01 .item .imgbox{width: 450px;height: 300px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.prolist01 .item .imgbox img{display: block;width: auto;max-width: 90%;max-height: 90%;transition: all .3s;}
.prolist01 .item .text{width: calc(100% - 450px);}
.prolist01 .item .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.prolist01 .item .text h4{font-size: 18px;line-height: 26px;color: #555555;}
.prolist01 .item:hover::before{width: 100%;}
.prolist01 .item:hover .text h3{color: #0096ED;}
.prolist01 .item:hover .imgbox img{transform: scale(1.1);}

/* proinfo-bwrap */
.proinfo-bwrap{width: 100%;position: relative;padding: 110px 0 240px;background-color: #F5F9FA;}
/* mbx */
.mbx{display: flex;display: -webkit-flex;align-items: center;justify-content: flex-end;-webkit-align-items: center;-webkit-justify-content: flex-end;margin: auto;height: 60px;}
.mbx p,.mbx a,.mbx i{font-size: 16px;color: #222222;}
.mbx i{margin: 0 10px;}
/* proinfo-b */
.proinfo-b{margin: auto;margin-top: 100px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.proinfo-b .imgbox{width: 45%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.proinfo-b .imgbox img{display: block;width: auto;max-width: 100%;max-height: 100%;}
.proinfo-b .text{width: 44%;}
.proinfo-b .text>h3{font-size: 36px;color: #008FD7;font-weight: bold;margin-bottom: 100px;}
.proinfo-b .text .list li{margin-bottom: 20px;}
.proinfo-b .text .list li:last-child{margin-bottom: 0;}
.proinfo-b .text .list li h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 15px;}
.proinfo-b .text .list li h4{font-size: 18px;line-height: 24px;color: #555555;}

/* proinfo01 */
.proinfo01{margin: 80px auto 120px;}
/* proinfo01-tab */
.proinfo01-tab{width: 100%;display: flex;display: -webkit-flex;border-bottom: 1px solid #E5E5E5;margin-bottom: 60px;}
.proinfo01-tab a{display: block;line-height: 50px;font-size: 24px;color: #666666;position: relative;margin-right: 60px;}
.proinfo01-tab a:last-child{margin-right: 0;}
.proinfo01-tab a::before{content: '';display: block;width: 0%;height: 3px;background-color: #048DD4;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.proinfo01-tab a.active::before,.proinfo01-tab a:hover::before{width: 100%;}
.proinfo01-tab a.active,.proinfo01-tab a:hover{color: #048DD4;}
/* proinfo01list */
.proinfo01list{width: 100%;}
/* proinfo01li */
.proinfo01li{display: none;}
.proinfo01li:first-child{display: block;}
/* proinfo01item */
.proinfo01item{width: 100%;margin-bottom: 100px;}
.proinfo01item:last-child{margin-bottom: 0;}
.proinfo01item>h3{font-size: 24px;color: #000000;line-height: 36px;margin-bottom: 30px;box-sizing: border-box;padding-left: 20px;position: relative;}
.proinfo01item>h3::before{content: '';display: block;width: 10px;height: 22px;position: absolute;left: 0;top: 6px;background-color: #048DD4;}
.proinfo01item .info{width: 100%;box-sizing: border-box;padding-left: 20px;}
.proinfo01item .info h3{font-size: 18px;line-height: 36px;color: #222222;font-weight: bold;}
.proinfo01item .info p{font-size: 18px;color: #555555;line-height: 36px;}
.proinfo01item .info li{margin-bottom: 20px;}
.proinfo01item .info li:last-child{margin-bottom: 0;}
/* .proinfo01item .info02 */
.proinfo01item .info02 li{display: flex;display: -webkit-flex;}
.proinfo01item .info02 li h3{font-size: 18px;color: #222;font-weight: bold;line-height: 36px;white-space: nowrap;}
.proinfo01item .info02 li p{font-size: 18px;color: #555;line-height: 36px;}
/*proinfotable*/
.proinfotable{width: 70%;}
.proinfotable p{width: 100%;box-sizing: box-sizing;padding: 15px 30px;font-size:16px;color:#333;display:flex;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start;}
/*.proinfotable p:before{content:'';display: block;width: 8px;height: 8px;background-color: #ddd;border-radius: 50%;margin-right:10px;margin-top:5px;}*/
.proinfotable p:nth-of-type(2n){background-color:#eee;}
/*downlist*/
.downlist{width: 70%;box-sizing: box-sizing;}
.downlist .downitem{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content:space-between;-webkit-justify-content:space-between;padding:15px 30px;border-bottom:1px solid #ddd;height:50px;position:relative;}
.downlist .downitem:before{content:'';display: block;width: 0;height: 1px;position: absolute;left: 0;bottom: 0;transition: all .3s;background-color:#048DD4;}
.downlist .downitem .lookfil{width: calc(100% - 160px);display: block;font-size: 16px;color: #333;display:block;}
.downlist .downitem .downfil{width: 100px;border: 1px solid #048DD4;box-sizing: box-sizing;font-size:14px;color:#048DD4;text-align:center;line-height:30px;}
.downlist .downitem .downfil:hover{background-color:#048DD4;color: #FFFFFF;}
.downlist .downitem:hover .lookfil{color: #048DD4;}
.downlist .downitem:hover:before{width:100%;}


/* news01 */
.news01{margin: 40px auto 80px;display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;-webkit-justify-content: space-between;-webkit-align-items: center;background-color: #F6F8FB;}
.news01 .imgbox{width: 50%;overflow: hidden;}
.news01 .imgbox img{display: block;width: 100%;transition: all .3s;}
.news01:hover .imgbox img{transform: scale(1.1);}
.news01 .text{width: 50%;box-sizing: border-box;padding: 0 80px;}
.news01 .text h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.news01 .text h4{font-size: 18px;line-height: 26px;color: #666666;margin-bottom: 40px;}
.news01 .text p{font-size: 18px;color: #666666;line-height: 26px;margin-bottom: 50px;}
.news01 .moreqq{border-color: #222;}
.news01 .morejt{background-color: #222;}
.news01 .morejt::after{border-left-color: #222;}
.news01 .more span{color: #222;}

/* news02wrap */
.news02wrap{margin: 80px auto;}
/* news02 */
.news02{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.news02 .item{width: calc((100% - 50px)/3);border: 1px solid #BFBFBF;border-radius: 20px;box-sizing: border-box;padding: 40px;margin-right: 25px;margin-bottom: 25px;transition: all .3s;}
.news02 .item:nth-of-type(3n){margin-right: 0;}
.news02 .item p{font-size: 16px;color: #666666;margin-bottom: 40px;}
.news02 .item h3{font-size: 20px;line-height: 30px;color: #222222;margin-bottom: 30px;}
.news02 .item h4{font-size: 16px;line-height: 24px;color: #666666;text-align:justify;}
.news02 .item:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}

/* ninfowrap */
.ninfowrap{width: 100%;background-color: #F5F5F5;padding-top: 80px;padding-bottom: 100px;}
/* ninfo */
.ninfo{background-color: #FFFFFF;margin: auto;box-sizing: border-box;padding: 70px 200px;margin-top: 10px;}
/* ninfo-tl */
.ninfo-tl{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: 100px;}
.ninfo-tl .data p:last-child{margin-right: 0;}
/* ninfomin */
.ninfomin{width: 100%;}
.ninfomin p{font-size: 18px;line-height: 36px;color: #222222;margin-bottom: 40px;}
.ninfomin img{width: auto;max-width: 100%;margin: auto;}
/* ninfopage */
.ninfopage{width: 100%;box-sizing: border-box;padding-top: 30px;border-top: 1px solid #E5E5E5;}
.ninfopage a{display: block;font-size: 18px;line-height: 36px;color: #222222;}

/* case01'' */
.case01{margin: auto;padding: 90px 0;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.case01 .item{width: calc((100% - 40px)/2);overflow: hidden;border-radius: 20px;position: relative;margin-bottom: 40px;}
.case01 .item img{display: block;width: 100%;transition: all .3s;}
.case01 .item .text{width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 40px;padding: 0 40px;}
.case01 .item .text h3{font-size: 28px;color: #FFFFFF;line-height: 36px;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 10px;}
.case01 .item .text h4{font-size: 16px;color: #fff;line-height: 36px;margin-bottom: 30px;}
.case01 .item:hover img{transform: scale(1.1);}

/* showcasewrap */
.showcasewrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 11;background-color: rgba(0,0,0,0.9);display: none;}
/* showcase */
.showcase{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkti-transform: translate(-50%,-50%);background-color: #fff;padding: 70px;padding-left: 200px;border-radius: 30px;height: 80%;box-sizing: border-box;}
.showcase .close{position: absolute;left: 40px;top: 30px;display: block;}
/* showcaselist */
.showcaselist{height: 100%;}

/* showcaseitem */
.showcaseitem{width: 100%;height: 100%;overflow-y: auto;display: none;}
.showcaseitem .tl{font-size: 36px;color: #222;font-weight: bold;margin-bottom: 40px;}
.showcaseitem .info{font-size: 18px;color: #222222;line-height: 36px;margin-bottom: 60px;}
.showcaseitem .tl02{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.showcaseitem .numlist{display: flex;display: -webkit-flex;}
.showcaseitem .numlist li{margin-right: 100px;}
.showcaseitem .numlist li:last-child{margin-right: 0;}
.showcaseitem .numlist p{font-size: 18px;color: #222222;margin-bottom: 20px;}
.showcaseitem .numlist h3{font-size: 56px;color: #222222;font-weight: bold;}
.showcaseitem .numlist h3 span{font-size: 18px;color: #222222;font-weight: normal;}

/* scenewrap */
.scenewrap{margin: auto;padding: 90px 0 120px;}
.scenemin{width: 100%;position: relative;}
.scenemin .item{position:absolute;display:block;overflow:hidden;}
.scenemin .item::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;background-color: #000;z-index: 1;opacity: 0.5;transition: all .3s;}
.scenemin .item img{display: block;width: 100%;transition: all .5s;z-index: 0;position: relative;overflow:hidden;}
.scenemin .item .text{width: 100%;box-sizing: border-box;position: absolute;left: 0;padding: 0 30px;bottom: 30px;z-index: 2;}
.scenemin .item .text p{font-size: 18px;color: #FFFFFF;font-weight: bold;margin-bottom: 15px;}
.scenemin .item .text .line{width: 100%;height: 1px;background-color: #fff;position: relative;}
.scenemin .item .text .line::before{content: '';display: block;width: 50%;position: absolute;left: 0;bottom: 0;background-color: #048DD4;height: 1px;}
.scenemin .item:hover img{transform: scale(1.1);}
.scenemin .item:hover::before{opacity: 0;}

/* moreload */
.moreload{width: 210px;height: 50px;background: #F8F8F8;border-radius: 25px;display: flex;display: -webkit-flex;margin: auto;align-items: center;-webkit-align-items: center;justify-content: center;-webkti-justify-content: center;font-size: 16px;color: #AAAAAA;margin-top: 100px;transition: all .3s;}
.moreload:hover{background-color: #008FD7;color: #fff;}

/* contact01 */
.contact01{margin: 120px auto;}
/* c-tl01 */
.c-tl01{font-size: 40px;color: #222222;font-weight: bold;}
/* contact01min */
.contact01min{width: 100%;display: flex;display: -webkit-flex;margin-top:80px;}
.contact01min li{margin-right: 240px;}
.contact01min li:last-child{margin-right: 0;}
.contact01min li .tl{margin-bottom: 40px;}
.contact01min li .tl h3{font-size: 24px;color: #222222;margin-bottom: 10px;}
.contact01min li .tl p{font-size: 14px;color: #888888;}
.contact01min li .list{width: 100%;}
.contact01min li .list .item{display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items: flex-start;margin-bottom: 20px;}
.contact01min li .list .imgbox{width: 20px;height: 20px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.contact01min li .list .imgbox img{display: block;max-width: 100%;}
.contact01min li .list p{width: calc(100% - 20px);font-size: 16px;color: #555555;box-sizing: border-box;padding-left: 10px;}

/* contact02wrap */
.contact02wrap{padding-top: 90px;border-top: 1px solid #D2D2D2;margin: auto;}
/* contact02 */
.contact02{width: 100%;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.contact02 img{margin: auto;}
.mapimg{position: relative;}
/* contact02min */
.contact02min{position: absolute;z-index: 1;top: 17%;left: 12%;}
.contact02min img{display: block;position: absolute;}
.contact02min img.map01{}
.contact02min img:last-child{top:27px;left: 28px;animation: map01 3s 2s infinite;}

@keyframes map01 {
  0%{opacity: 0.5;}
  50%{opacity: 1;}
 100%{opacity: 0.5;}
}


.hamburger{display: none;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;padding: 0;position: relative;}
.index01wrap .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.wavesbg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index:0;opacity:0.5;}
.wavesbg .vanta-canvas{height: 100%!important;width:100%!important;}
/* index01 */
.index01{margin: auto;box-sizing: border-box;position: relative;}
/* i-tl01 */
.i-tl01{text-align: center;box-sizing: border-box;padding: 0 100px;}
.i-tl01 h3{font-size: 48px;color: #000000;font-weight: bold;}
.i-tl01 strong{display: block;width: 70px;height: 8px;background-color: #054FAC;margin: 50px auto;}
.i-tl01 h4{font-size: 18px;color: #000000;line-height: 30px;}
.i-tl01 p{font-size: 22px;margin-top: 30px;color:#888;}

.index01 .i-tl01 h4{font-size: 20px;line-height: 28px;margin-top:40px;}

/* index01min */
.index01min{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 120px;}
.index01min .item{width: calc((100% - 360px)/5);text-align: center;}
.index01min .item .imgbox{width: 110px;height: 110px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;margin: auto;margin-bottom: 30px;}
.index01min .item .imgbox img{display: block;width: auto;max-width: 100%;max-height: 100%;}
.index01min .item h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.index01min .item h4{font-size: 14px;color: #222222;line-height: 24px;}

/* index02wrap */
.index02wrap{margin: 120px auto;}
/* i-h3'' */
.i-h3{font-size: 48px;color: #222222;font-weight: bold;text-align: center;}
/* index02 */
.index02{margin: 70px auto;}

/* index03wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 150px 0;background-color: #F8F8F8;}
.index03{margin: auto;}
.i-tl02 h3{margin-bottom: 40px;}
/* index03min'' */
.index03min{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 70px;}
.index03min .item{width: calc((100% - 90px)/4);background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(34,34,34,0.05);border-radius: 10px;box-sizing: border-box;padding: 40px;text-align: center;}
.index03min .item h3{font-size: 20px;color: #222222;font-weight: bold;line-height: 26px;margin-bottom: 30px;height: 52px;}
.index03min .item p{font-size: 18px;color: #666666;}
.index03min .item .imgbox img{display: block;}
.index03min .item .imgbox{width: 140px;margin: auto;margin: 30px auto;}
.index03min .item h4{font-size: 16px;color: #054FAC;line-height: 24px;margin-top: 20px;}

/*index04*/
.index04 img{width: 100%;height: 100%;object-fit: cover;}
.index04 .mtext,.index04 .m-img{display: none;}


/* bannerwrap */
.bannerwrap{width: 100%;position: relative;overflow: hidden;}
.bannerwrap .swiper-container{height: 100%;}
.bannerwrap img{width: 100%;height: 100%;object-fit: cover;}
.bannerwrap .swiper-slide{position: relative;}
.bannerwrap .text{position: absolute;left: 50%;top: 30%;text-align: right;transform: translateX(-50%);-webkit-transform: translateX(-50%);width: 1200px;}
.bannerwrap .text h3{font-size: 54px;color: #222222;font-weight: bold;line-height: 70px;}
.bannerwrap .text p{font-size: 36px;color: #222;line-height: 70px;}
/* bannerpage */
.bannerpage{bottom: 50px;left: 0;width: 100%;display:none;}
.bannerpage .swiper-pagination-bullet{width: 40px;height: 6px;background-color: #D2D2D2;opacity: 0.3;margin-right: 10px;border-radius: 0;}
.bannerpage .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerpage .swiper-pagination-bullet-active{opacity: 1;background-color: #008FD7;}


/* add */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.index01wrap,.index02wrap,.index03wrap{padding: 0;height: 100%;display: flex;display: -webkit-flex;justify-content: center;align-items: center;-webkit-justify-content: center;-webkit-align-items: center;margin: auto;}
.index01wrap .fp-tableCell,.index02wrap .fp-tableCell,.index03wrap .fp-tableCell{height: auto!important;margin-top: 80px;}
.index02{margin-bottom: 0;}
.index03min .item .imgbox img{margin: auto;}
.index01min{margin-top:50px;}

/*about06wrap*/
.about06wrap{width: 100%;box-sizing:box-sizing;position:relative;overflow:hidden;height:100vh;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.about06wrap .bg{position: absolute;left: 0;top: 0;width: 100%;height: auto;min-height: 100%;object-fit: cover;}
.about06{position:relative;display:flex;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;}
.about06min{width: 48%;}
.index05-num{width: 100%;}
.index05-num .mumping_mun{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wwrap;}
.index05-num .mumping_mun li{width: calc(100% / 3);margin:60px 0;}
.index05-num .mumping_mun li h3{font-size: 18px;color: #222222;margin-bottom:20px;}
.index05-num .mumping_mun li .numfont{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items:flex-end;}
.index05-num .mumping_mun li .numfont h2{font-size: 56px;color: #054FAC;font-weight: bold;}
.index05-num .mumping_mun li .numfont span{font-size: 18px;color: #222222;margin-bottom:10px;margin-left:5px;}

/*support-text*/
/*.support-text{text-align: center;}*/
.support-text h3{font-size: 40px;color: #FFFFFF;line-height: 60px;font-weight: bold;}
.support-text p{font-size: 24px;color: #fff;line-height:60px;}

/*support01wrap*/
.support01wrap{margin: 80px auto 100px;}
/*support01*/
.support01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;margin-top:70px;display:block;}
.support01 .item{width: calc((100% - 40px)/2);background: #FFFFFF;box-shadow: 0px 0px 15px 0px rgba(34,34,34,0.1);border-radius: 10px;box-sizing:border-box;padding:40px;margin:auto;margin-bottom:40px;}
.support01 .item h3{font-size: 20px;line-height: 36px;color: #222222;margin-bottom:10px;}
.support01 .item p{font-size: 16px;color: #666666;line-height: 24px;}

.a-text .font p{font-size: 20px;line-height: 36px;}
.a-text{top: 190px;transform: none;-webkit-transform: none;left:13%;}
.a-text .font{width: auto;}
.product-text{top: 340px;transform: none;-webkit-transform: none;left:13%;}
.support-text{top: 400px;transform: none;-webkit-transform: none;left: 60%;}

@media (max-width: 1600px) {
	
	.center{width: 1200px;}
	.bannerwrap .text h3{font-size: 42px;}
	.bannerwrap .text p{font-size:30px;}
	.index01wrap{padding: 120px 0;}
	.i-tl01 strong{width: 60px;height: 4px;margin: 30px auto;}
	.index01min{margin-top: 80px;}
	.pro02 .item .text{padding: 0 30px;bottom: 40px;}
	.index03wrap{padding: 100px 0;}
	.i-tl02 h3{font-size: 42px;}
	
	.f-nav li{margin-right: 60px;}
	.f-nav li h3{font-size: 18px;}
	
	.about01{padding: 120px 0 180px;}
	.about02wrap{padding: 120px 0 300px;}
	
	.proa-text{font-size: 48px;line-height: 74px;}
	.bannerwrap .text{width: 1000px;}
	
	.pro02 .item{height: 68vh;}
	.pro02 .item img{min-height: 100%;object-fit: cover;}
	.index03min .item .imgbox{width: 120px;margin: 20px auto;}
	.index03min .item .imgbox img{max-width: 100%;margin: auto;}
	.index03min .item{padding: 40px 30px;}
	.index03min .item h3{margin-bottom: 20px;}
	.index03min{margin-top: 50px;}
	.i-tl02 h3{margin-bottom: 30px;font-size: 36px;}
	.i-tl01 h3,.i-h3{font-size: 36px;}
	.index02{margin-top: 40px;}
	.index01min{margin-top: 50px;}
	
	.index03min .item{padding: 25px 25px 20px;}
	.index03min .item h3{font-size:18px;line-height:24px;height:48px;margin-bottom:15px;}
	.index03min .item .imgbox{width: 100px;margin:15px auto;}
	.index03min .item p{font-size: 16px;}
	.index03min .item h4{font-size: 14px;line-height: 22px;}
	
	.i-tl01 h4{font-size: 16px;line-height: 26px;}
	.index03min{margin-top: 30px;}
	.i-tl02 h3{margin-bottom: 20px;}
	
}