@font-face{
	font-family:"siyuan";
	src:url("../css/font/SourceHanSansCN-Regular.otf") format("opentype");
}
@font-face{
	font-family:"siyuanlight";
	src:url("../css/font/SourceHanSansCN-Light.otf") format("opentype");
}
@font-face{
	font-family:"siyuanbold";
	src:url("../css/font/SourceHanSansCN-Bold.otf") format("opentype");
}
@font-face{
	font-family:"gothic";
	src:url("../css/font/Century-Gothic.ttf") format("truetype");
}
@font-face{
	font-family:"gothicbold";
	src:url("../css/font/Century-Gothic-Bold.ttf") format("truetype");
}
body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,p,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Arial,siyuan; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;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;}
a:focus{outline:0!important;}

/*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;}


/* loadingwrap */
.loadingwrap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #fff;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;z-index: 100;}
.loadingwrap .loading{width: 100%;height: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.loadingwrap .loading video{max-width:80%;}
.loadingwrap .loading img{max-width: 80%;display:none;}
.loadingwrap.on {opacity: 0;visibility: hidden;}

/* @keyframes ciclefadeout {
	0% {
		width: 200vw;
		height: 200vw;
		border-radius: 200vw;
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	100% {
		width: 200vw;
		height: 200vw;
		border-radius: 200vw;
		-moz-transform: translate(-50%, -50%) scale(0.001);
		-o-transform: translate(-50%, -50%) scale(0.001);
		-ms-transform: translate(-50%, -50%) scale(0.001);
		-webkit-transform: translate(-50%, -50%) scale(0.001);
		transform: translate(-50%, -50%) scale(0.001)
	}
} */

/*.div2{opacity: 0;visibility: hidden;transition: .5s cubic-bezier(0.4, 0, 1, 1);}*/
/* haderwrap */
.haderwrap{position: fixed;top: 0;left: 0;width: 100%;z-index: 11;box-sizing: border-box;padding: 0 100px;padding-top: 50px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;transform: translateY(-100%);opacity: 0;transition: .5s cubic-bezier(0.4, 0, 1, 1);visibility:hidden;}
.haderwrap::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(255,255,255,0.85);}
.header{width: calc(100% - 200px);position: relative;z-index: 1;align-items: center;-webkit-align-items: center;}
.header-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webikt-justify-content: space-between;align-items:center;-webkit-align-items:center;}
.header .logo{display: block;}
.header .logo img{width: 120px;}
.nav{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;width: calc(100% - 300px);box-sizing:border-box;padding-right:100px;}
.nav>li>a{font-size: 16px;color: #1B1B1B;font-family: gothicbold;}
.nav>li>a i{font-size: inherit;color: inherit;margin-right: 10px;}
.navshow{position: absolute;margin-top: 20px;padding-bottom: 20px;transition: all .3s;z-index:1;}
.navshow a{display: flex;display: -webkit-flex;font-size: 14px;color: #666666;line-height: 36px;font-family: siyuanlight;}
.navshow a span{font-family: gothic;color: #222222;margin-right: 5px;text-transform:uppercase;}
.navshow a:hover{color: #222;font-weight:bold;}
.navshow a:hover span{color: #222;}
.nav>li:hover .navshow{opacity: 1;visibility: visible;}
/* meun */
.meun{width: 60px;height: 60px;background-color: #fff;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;position: relative;z-index: 11;position:fixed;top:50px;right:100px;opacity:0;transition:all .5s;transition-delay:.5s;filter:drop-shadow(0px 1px 3px #656798);visibility:hidden;}
.meun.show{opacity: 1;visibility:visible;}
.meun img{position: absolute;transition: all .3s;filter:invert(1);}
.meun .img02{opacity: 0;}
.haderwrap.show,.header.show{transform: none;opacity: 1;visibility:visible;}
.meun.open .img02{opacity: 1;}
.meun.open .img01{opacity: 0;}

.div3{opacity: 1;visibility: visible;}
/*.div3 .meun{opacity: 1;}*/

/* navshowbg */
.navshowbg{width: 100%;position: relative;z-index:0;}
.navshowbg .navshow{position: relative;opacity: 0;visibility: hidden;}
.nav>li:hover .navshow{display:block;}

/* index01wrap */
/*background:url(../images/banner.jpg)no-repeat;background-size:cover;*/
.index01wrap{width: 100%;position: relative;overflow: hidden;}
.index01wrap .bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
.index01wrap .bgimg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;}
.scene{position: absolute!important;}
.scene path {fill: rgba(255,255,255,0.1);box-shadow: 0px 10px 51px 0px rgba(6,22,35,0.15);filter: drop-shadow(10px 0px 51px  rgba(6,22,35,0.15));}
.index01wrap .contenttext{text-align: center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:11;padding-bottom:60px;}
.index01wrap .contenttext p{font-size: 24px;color: #1B1B1B;margin-bottom: 30px;opacity:0;}
.index01wrap .contenttext p.show{opacity: 1;}
.index01wrap .contenttext h2{font-size: 80px;color: #1B1B1B;text-transform: uppercase;font-family: gothicbold;font-style: italic;white-space:nowrap;}
.index01wrap .contenttext h4{font-size: 32px;color: #1B1B1B;letter-spacing: 10px;margin-top:30px;}
.index01wrap .contenttext.i01text02 p,.index01wrap .contenttext.i01text02 h2,.index01wrap .contenttext.i01text02 h4{color: #fff;}
.index01wrap .botfont{width: 100%;text-align: center;position: absolute;left: 0;bottom: 50px;}
.index01wrap .botfont p{font-size: 14px;color: #FFFFFF;opacity: 0.6;line-height: 24px;}
.index01wrap .botfont span{font-size: 16px;color: #FFFFFF;opacity: 0.6;line-height: 24px;}

.index01wrap .scroll{position: absolute;left: 100px;bottom: 80px;cursor: pointer;}
.index01wrap .scroll p{font-size: 16px;color: #fff;opacity: 0.6;transform: rotate(180deg);writing-mode: tb-rl;letter-spacing: 3px;}
.tonext{overflow: hidden;position: relative;}
.index01wrap .scroll img{width: auto;height: 30px;margin: auto;margin-top: 20px;-webkit-animation: scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;
    animation: scroll 2.3s cubic-bezier}

.index01wrap .b-svg{position: absolute;top: 0;width: 100%;height: 100%;z-index: 0;filter: grayscale(0.9) opacity(0.5);}
    
.p-top-mv__scroll {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column;
    flex-flow: column;
    margin-top: 20px;
}

.p-top-mv__scroll font {
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
    opacity: 0.6;
}

.p-top-mv__scroll-point {
    width: 1px;
    height: 30px;
    background: rgba(255,255,255,1);
    position: relative;
    opacity: 1;
}

.p-top-mv__scroll-point::before {
    width: 5px;
    height: 5px;
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    -webkit-animation: scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite;
    animation: scroll 2.3s cubic-bezier(0,0,0.38,0.97) infinite
}

@-webkit-keyframes scroll {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    45% {
        transform: translateY(29px);
        opacity: 1
    }

    70% {
        transform: translateY(28px);
        opacity: 0
    }

    100% {
        transform: translateY(28px);
        opacity: 0
    }
}

@keyframes scroll {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    45% {
        transform: translateY(28px);
        opacity: 1
    }

    70% {
        transform: translateY(28px);
        opacity: 0
    }

    100% {
        transform: translateY(28px);
        opacity: 0
    }
}
    

@-webkit-keyframes scroll {
    0% {
        transform: translateY(-20px);
        opacity: 1
    }

    50% {
        transform: translateY(0px);
        opacity: 1
    }

    100% {
        transform: translateY(30px);
        opacity: 1
    }
}

/* dwlist */
.dwlist{position: fixed;right: 90px;bottom: 30%;z-index: 9;opacity:0.6;overflow:hidden;padding:10px;}
.dwlist a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;text-align: right;justify-content: flex-end;-webkit-justify-content: flex-end;opacity:0.8;filter:drop-shadow(0px 1px 3px #656798);margin-bottom: 10px;}
.dwlist a p{font-size: 12px;color: #fff;font-family: gothic;text-transform:uppercase;line-height:18px;overflow:hidden;}
.dwlist a p span{transform:none;transition:all .3s;opacity: 1;display:block;}
.dwlist a strong{display: block;width: 8px;height: 50px;box-sizing: border-box;border: 1px solid #fff;transition: all .3s;margin-left: 5px;}
.dwlist a.active{opacity: 1;}
.dwlist a.active strong{background-color: #fff;height: 80px;}
.dwlist a:last-child strong{margin-bottom: 0;}
.dwlist a.active p span{opacity: 1;transform:none;}
.dwlist:hover{opacity:1;}
.dwlist:hover a span{transform: none;opacity:1;}
.dwlist.hide{opacity: 0;visibility: hidden;}

/*.dwlist02*/
.dwlist02{right: initial;left:65px;bottom:50%;transform:translateY(50%);opacity:0;visibility:hidden;transition:all .5s;z-index:11;}
.dwlist02 a{justify-content: flex-start;-webkit-justify-content:flex-start;filter:none;opacity:0.6;}
.dwlist02 a p span{text-align: left;transform:translateX(-100%);color:#222222;}
.dwlist02 a strong{margin-right: 5px;border-color:#222222;}
.dwlist02 a.active strong{background-color: #222222;}
.dwlist02.show{opacity: 1;visibility: visible;}



/* index01-topwrap */
.index01-topwrap{width: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 10;padding: 50px 100px;}
/* index01-top */
.index01-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.index01-top .index01list a{display: block;font-size: 14px;color: #fff;text-transform: uppercase;line-height: 30px;}
.index01-top .i01-language{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;}
.index01-top .i01-language i{font-size: 14px;color: #fff;margin: 0 2px;}
.index01-top .i01-language a{font-weight: bold;}
.index01-top .index01list:last-child a{text-align: right;}
.index01-top .index01list a:hover{text-decoration: underline;}
.index01-top .logo{display: block;}
.index01-top .logo img{width: 180px;}
.index01-top .index01list:first-child{display: none;}
.index01-top .index01list:last-child{margin-right:80px;}

.figureContainer {--tw-text-opacity: 1;color: rgb(177 173 226/var(--tw-text-opacity));height:100%;}
.subFigureContainer {height: 100%;width: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.text-black {--tw-text-opacity: 1;color: rgb(34 34 34/var(--tw-text-opacity));}

#openbg.hide{opacity: 0;visibility: hidden;}

/*.index01-top .index01list a{color: #1B1B1B;}*/
/*.index01-top .logo img{filter: brightness(0);}*/
/*.index01wrap .botfont p{color: #1B1B1B;}*/
/*.p-top-mv__scroll-point::before,.p-top-mv__scroll-point{background:#1B1B1B;}*/
#openbg{width: 100%;height: 100%;background-color: #fff;}

@keyframes fadeIn {
  0% {
	transform: rotate(0);
  }
  50% {
	transform: rotate(5deg);
  }
  100% {
	transform: rotate(0);
  }
}

@keyframes fadeIn02 {
  0% {
	transform: scale(0.9);
  }
  50% {
	transform: scale(1);
  }
  100% {
	transform: scale(0.9);
  }
}
@keyframes fadeIn03 {
  0% {
	transform: translateX(0);
  }
  50% {
	transform: translateX(96px);
  }
  100% {
	transform: translateX(0);
  }
}

.quick1 {
  animation: fadeIn 5s ease reverse infinite;
}
.quick102 {
  animation: fadeIn02 5s ease reverse infinite;
}
.quick103 {
  animation: fadeIn03 5s ease reverse infinite;
}




/* index02wrap */
.index02wrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.index02wrap .index02imgbig{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;}
.index02wrap .index02imgbig img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 0;transform: scale(1.5);filter: blur(1);}
.index02wrap .index02imgbig img.now{opacity: 1;transform: scale(1);filter: none;transition: all .5s;}
.index02{position: relative;z-index: 1;box-sizing: border-box;padding-top: 100px;}
.i-tl01{text-align: center;position: relative;}
.i-tl01 h3{font-size: 30px;color: #FFFFFF;font-family: gothicbold;text-transform: uppercase;}
.i-tl01 p{font-size: 16px;color: #FFFFFF;margin-top: 10px;}
/* index02min */
.index02min{width: 1120px;position: relative;margin:auto;margin-top: 80px;}
/* index02list */
.index02list{width: 100%;}
/* index02litem */
.index02litem{width: 100%;box-sizing: border-box;position: relative;padding-left: calc(100% - 930px);display: none;}
.index02litem:first-child{display: block;}
.index02list .imgbox{width: 940px;position: relative;cursor:pointer;overflow:hidden;}
.index02list .imgbox>img{width: 100%;}
.index02list .imgbox .text{width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity:0;transition:all .3s .5s;}
.index02list .imgbox .text p{font-size: 20px;color: #FFFFFF;font-family: gothic;line-height: 28px;opacity: 0.8;}
.index02list .imgbox .text span{display: block;font-size: 16px;color: #FFFFFF;opacity: 0.8;line-height: 28px;}
.hovertext{width: 100%;box-sizing: border-box;padding: 0 80px;position: absolute;left: 0;bottom: 0;opacity: 0;transition: all .5s;transform:translateY(100%);transition:all .3s;}
.hovertextmin{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.hovertextmin li{width: 50%;margin-bottom: 40px;}
.hovertextmin li h3{font-size: 18px;color: #FFFFFF;font-family: gothicbold;line-height: 24px;}
.hovertextmin li p{font-size: 16px;color: #FFFFFF;font-family: siyuanlight;}
.index02litem.aaa .imgbox .text{transform: translateY(-50%) scale(1);-webkit-transform: translateY(-50%) scale(1);opacity:1;}
/*.index02litem.aaa .imgbox .hovertext.show{opacity: 1;transform: none;}*/
.index02litem.aaa .imgbox .text.hide{opacity: 0;transition:all .3s;}
.index02litem .imgbox .lookmore{position: absolute;right: 30px;bottom: 40px;text-align:center;opacity:0;z-index:1;}
.index02litem .imgbox .lookmore p{font-size: 14px;color: #FFFFFF;text-transform: uppercase;line-height:20px;}
.index02litem .imgbox .lookmore span{font-size: 12px;color: #FFFFFF;line-height:20px;}
/*.index02litem .imgbox .lookmore{opacity: 1;}*/

.index02litem .imgbox .back{position: absolute;right: 30px;bottom: 40px;width: 50px;height: 31px;border: 1px solid #FFFFFF;border-radius: 15px;display: flex;align-items: center;justify-content: center;opacity:0;z-index:1;}
.index02litem .imgbox .back img{transform: rotatey(180deg);-webkit-transform: rotatey(180deg);}
.index02litem .imgbox:hover .showbtn{opacity: 1;}

.index02litem .tl{position: absolute;left: 0;z-index: 1;top: 40px;}
.index02litem .tl h3{font-size: 86px;color: #FFFFFF;font-family: gothicbold;line-height:110px;text-transform:uppercase;}
.index02litem .tl p{font-size: 24px;color: #FFFFFF;margin-top: 10px;font-family: siyuanlight;margin-bottom: 10px;opacity:0;transition:all .6s 1s cubic-bezier(0.48, -0.02, 0, 0.85);transform:translateY(-10px);}
.index02litem .tl strong{display: block;width: 30px;background-color: #FFFFFF;height: 1px;opacity:0;transition:all .6s 1.2s;transform:translateY(-10px);}
.index02litem.aaa .tl{transform: none;opacity: 1;}


/* index0202 */
.index02wrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.i-tl01{position: relative;z-index: 1;}
.index0202-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;}
.index0202-bg img{width: 100%;height: 100%;object-fit: cover;}
/* index0202-cont */
.index0202-cont{width: 1120px;margin: auto;position: relative;margin-top: 80px;}
.index0202-contswiper{height: 600px;}

.index0202-page{position: absolute;left: 0;bottom: 30px;display: block;}
.index0202-page .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 5px;border: 1px solid #fff;margin-bottom: 10px;opacity: 0.8;cursor: pointer;transition: all .3s;display: block;background-color: transparent;}
.index0202-page .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 70px;background-color: #fff;}
.index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .tl h3,.index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .tl p,.index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .tl strong{transform: none;opacity: 1;}
.index0202-contswiper .swiper-slide.swiper-slide-active .imgbox .text{opacity:1;}
.index0202-contswiper .swiper-slide.swiper-slide-active .imgbox:hover .hovertext{opacity: 1;transform: none;}
.index0202-contswiper .swiper-slide .imgbox:hover .text{opacity: 0;transition:all .3s;}
.index0202-bgswiper{height: 100%;}
.index02list .imgbox:before{content:'';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0.2);opacity:0;transition:all .3s;}
.index02list .swiper-slide.swiper-slide-active .imgbox:hover:before{opacity:1;}

.js-txtMask, .js-txtMaskLoaded {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 3s cubic-bezier(0.48, -0.02, 0, 0.85);
  transition: clip-path 2s cubic-bezier(0.48, -0.02, 0, 0.85);
  transition: clip-path 2s cubic-bezier(0.48, -0.02, 0, 0.85), -webkit-clip-path 2s cubic-bezier(0.48, -0.02, 0, 0.85);
}
.index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .js-txtMask--tatePC, .index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .js-txtMaskLoaded--tatePC {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .js-txtMask, .index0202-contswiper .swiper-slide.swiper-slide-active .index02litem .js-txtMaskLoaded {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}


/* index02witchlink */
.index02witchlink{position: absolute;left: 0;bottom: 30px;}
.index02witchlink li{width: 10px;height: 10px;border-radius: 5px;border: 1px solid #fff;margin-bottom: 10px;opacity: 0.8;cursor: pointer;transition: all .3s;}
.index02witchlink li.active{height: 70px;background-color: #fff;}

/* index03wrap */
.index03wrap{width: 100%;position: relative;height: 100vh;}
.index03-swiper{width: 100%;height: 100%;z-index: 0;} 
.index03wrap .item{width: 100%;height: 100%;position: relative;}
.index03wrap .item img{width: 100%;height: 100%;object-fit: cover;}
/*.index03wrap .swiper-slide-active .item img{animation: swiperanme 1s;position: relative;z-index: 0;}*/
.index03wrap .item .text{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 1;bottom: 300px;opacity: 0;transition: all .3s;}
.index03wrap .item .text h3{font-size: 30px;color: #FFFFFF;margin-bottom: 10px;}
.index03wrap .item .text h4{font-size: 14px;color: #FFFFFF;font-family: siyuanlight;}
.index03wrap .swiper-slide-active .item .text{bottom: 150px;opacity: 1;}
/* index03page */
.index03page{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 1;bottom: 110px;display: flex;display: -webkit-flex;}
.index03page .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%;background-color: #fff;margin-right: 12px;}
.index03page .swiper-pagination-bullet-active{opacity: 1;}
.index03page .swiper-pagination-bullet:last-child{margin-right: 0;}
/* index03-tl */
.index03-tl{position: absolute;right: 100px;top: 150px;z-index: 1;text-align: right;}
.index03wrap .swiper-slide{height: initial!important;}
.index03wrap .item:before {content: '';display: block;width: 100%;height: 40%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to top, rgba(0,0,0,0.4), transparent);}


@keyframes swiperanme{
    0%{
        transform: translateY(100%);;
    }
    100%{
        transform: none;
    }
}


/* index04wrap */
.index04wrap{width: 100%;height: 100%;position: relative;}
.center{width: 1400px;}
/* index04-topwrap */
.index04-topwrap{width: 100%;height: 50%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;background: linear-gradient(20deg, #656798 0%, #B1ADE2 100%);padding: 110px 0;box-sizing:border-box;}
.index04-top{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.index04-top .tl h3{font-size: 30px;color: #FFFFFF;text-transform: uppercase;font-family: gothicbold;margin-bottom: 15px;}
.index04-top .tl p{font-size: 14px;color: #FFFFFF;}
.index04-top .info{width: 50%;}
.index04-top .info p{font-size: 14px;color: #FFFFFF;line-height: 24px;margin-bottom: 20px;}
.index04-top .info p:last-child{margin-bottom: 0;}
.index04-top .info a{margin: 0;margin-top: 40px;font-size:16px;color:#fff;border-color:#fff;width:180px;}
.index04-top .info a .jt{transform: none;}
.index04-top .info a:before{background-color:#fff;}
.index04-top .info a:hover{color:#222;}
.index04-top .info a:hover .jt::after{border-color:#222;}
.index04-top .info a:hover .jt{background-color: #222;}
/* index04-botwrap */
.index04-botwrap{width: 100%;height: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;padding: 150px 0;box-sizing:border-box;}
.index04-bot{}
.index04-botnum{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.index04-botnum .numfont{position: relative;}
.index04-botnum .numfont h2{font-size: 118px;color: #D1CFF4;font-family: gothicbold;}
.index04-botnum .numfont p{position: absolute;left: 0;top: 50%;font-size: 18px;color: #222222;font-family: gothicbold;text-align: center;white-space: nowrap;width: 100%;text-transform: uppercase;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

/* index05wrap */
.index05wrap{width: 100%;height: auto;position: relative;background: url(../images/index03.jpg)no-repeat fixed;background-size: cover;overflow: hidden;}
.i-tl01.i-tl01c01 h3,.i-tl01.i-tl01c01 p{color: #222222;}
.index05{position: relative;margin: auto;box-sizing: border-box;width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-align-items:center;-webkit-justify-content:center;}
.index05cont{width: 1200px;}
/* index05min */
.index05min{width: 100%;margin-top: 80px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom:80px;}
.index05min li{width: 300px;}
.index05min02 li{width: calc((100% - 60px)/3);}
.index05min li:last-child{margin-right:0;}
.index05min .item{width: 100%;display: block;position: relative;margin-bottom: 60px;}
.index05min .item .imgbox{width: 100%;overflow: hidden;}
.index05min02 .item .imgbox{height:260px;}
.index05min .item .imgbox img{width: 100%;transition: all .3s;height:100%;object-fit:cover;}
.index05min .item:hover .imgbox img{transform: scale(1.1);}
.index05min .item .text{width: 100%;padding-top: 20px;}
.index05min .item .text h3{font-size: 16px;color: #222222;font-weight: bold;line-height: 24px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;text-align: justify;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;height:48px;}
.index05min .item .text h4{font-size: 14px;line-height: 20px;color: #888888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index05min .item:hover .text h3{color: #656798;}
.index05min li:nth-of-type(2){width: 500px;}
.index05min02 li:nth-of-type(2){width: calc((100% - 60px)/3);}
.index05min02 li .item{margin-bottom: 0;}
.index05min02mb,.index05page{display: none;}

.more{width: 210px;height: 35px;border: 1px solid #222;border-radius: 17px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 14px;color: #222;margin: auto;position: relative;z-index: 0;overflow: hidden;}
.more::before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #222;transition: all .3s;z-index: -1;border-radius: 17px;}
.more i{font-size: inherit;color: inherit;margin-left: 10px;}
.more:hover::before{width: 100%;}
.more:hover{color: #fff;}

/* footerwrap */
.footerwrap{width: 100%;padding-top: 140px;background: url(../images/footer0bg.jpg) no-repeat;background-size: cover;position:relative;z-index:10;}
.footer{margin: auto;}
.footer .more{width: 500px;height: 70px;background: #B1ADE2;border-radius: 35px;border: none;font-size: 24px;color: #FFFFFF;font-family: gothic;}
.jt{display: flex;display: -webkit-flex;width: 30px;height: 1px;background-color: #FFFFFF;align-items: center;-webkit-align-items: center;justify-content: flex-end;-webkit-justify-content: flex-end;transform: translateX(110px);transition: all .3s;}
.jt::after{content: '';display: block;width: 7px;height: 7px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}
.footer .more::before{border-radius: 35px;background-color:#fff;}
.footer .more:hover{color:#222;}
.footer .more:hover i{transform: none;background-color:#222;}
.footer .more:hover i:after{border-color:#222;}

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


/* f-follow */
.f-follow{margin-top: 90px;margin-bottom: 80px;}
.f-follow p{font-size: 16px;color: #FFFFFF;margin-bottom: 50px;text-align: center;}
.f-follow .linklist,.f-follow .ewmlist{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.f-follow .linklist a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255,255,255,0.2);margin-right: 20px;transition: all .3s;}
.f-follow .linklist a:hover{box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.2);background-color: rgba(255,255,255,0.5);}
.f-follow .linklist a img{max-width: 60%;max-height: 60%;}
.f-follow .linklist a:last-child{margin-right: 0;}
.ba{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;height: 70px;}
.ba a{display: block;color: #fff;font-size: 14px;opacity: 0.5;}
.f-follow .ewmlist .imgbox{width: 90px;margin-right: 20px;border:1px solid #ddd;height:90px;border-radius:6px;overflow:hidden;}
.f-follow .ewmlist .imgbox img{width: 100%;height:100%;object-fit:cover;}
.f-follow .ewmlist .imgbox:last-child{margin-right:0;}

/* totop */
.totopwrap{position: fixed;right: 100px;bottom: 100px;opacity: 0;visibility: hidden;z-index: 11;transition:all .3s;}
.totopwrap.show{opacity: 1;visibility: visible;}
.totop{width: 60px;height: 60px;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border: 1px solid #fff;text-transform: uppercase;font-size: 16px;color: #FFFFFF;font-family: gothic;cursor: pointer;filter:drop-shadow(0px 1px 3px #656798);}
.totop::before{display: none;}
.totop .jt{transform: rotate(-90deg);width: 10px;margin: 0;}
.totop .jt::after{width: 5px;height: 5px;}
.totop:hover{background-color: #fff;color: #222;}
.totop:hover .jt{background-color: #222;}
.totop:hover .jt::after{border-color: #222;}
.totop.totopw {background-color: #fff;color: #222;}
.totop.totopw .jt {background-color: #222;}
.totop.totopw .jt::after {border-color: #222;}

/* a-banner */
.a-banner{width: 100%;position: relative;}
.a-banner img{display: block;width: 100%;}
.a-textwrap{position: absolute;left: 50%;bottom: 100px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.a-text{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.a-text h3{font-size: 48px;color: #FFFFFF;font-family: gothicbold;text-transform: uppercase;}
.a-text h4{font-size: 16px;color: #FFFFFF;line-height: 24px;font-family: gothic;}

/* about01 */
.about01{margin: 120px auto;width: 1200px;}
/* a-tl01 */
.a-tl01 h3{font-size: 48px;color: #222222;font-family: gothicbold;text-align: center;margin-bottom: 30px;text-transform: uppercase;}
.a-tl01 p{font-size: 18px;color: #222222;margin-bottom: 60px;text-align: center;}
.a-tl01 h4{font-size: 16px;color: #222222;line-height: 30px;}

/* about02wrap */
.about02wrap{margin: 120px auto;display:none;}
/* about02 */
.about02{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.about02 .item{width: 280px;box-sizing: border-box;padding: 60px 0;transition: all .3s;margin-right: 50px;transition: all .3s;}
.about02 .item:last-child{margin-right: 0;}
.about02 .item .imgbox{width: 160px;height: 160px;border-radius: 50%;overflow: hidden;margin: auto;}
.about02 .item .text{width: 100%;text-align: center;margin-top: 20px;}
.about02 .item .text h3{font-size: 20px;color: #222222;font-weight: bold;}
.about02 .item .text p{font-size: 18px;color: #222222;margin-top: 10px;}
.about02 .item .text h4{font-size: 16px;color: #666666;margin-top: 30px;}
.about02 .item:hover{box-shadow: 0px 0px 15px 0px rgba(34,34,34,0.11);}

/* contactwrap */
.contactwrap{margin: 120px auto;}
.a-tl02 h3{text-align: left;}
.a-tl02 p{text-align: left;}
/* contact */
.contact{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items:flex-end;-webkit-align-items:flex-end;}
/* contact-l */
.contact-l{width: 40%;}
.contact-l h3{font-size: 24px;color: #222222;font-family: gothicbold;margin-bottom: 60px;}
.contact-l h3 span{font-size: 22px;display:block;line-height:34px;}
.contact-l .info{width: 100%;}
.contact-l .info>p{font-size: 16px;color: #222222;margin-bottom: 30px;line-height:26px;}
.contact-l .info ul{width: 100%;}
.contact-l .info ul li{display: flex;display: -webkit-flex;line-height: 30px;}
.contact-l .info ul li p{width: 80px;text-align: justify;text-align-last: justify;font-size: 16px;color: #222222;line-height: 30px;}
.contact-l .info ul li span{display: block;font-size: 16px;color: #222;line-height: 30px;}

/* contact-r */
.contact-r{width: 740px;}
.contact-r form{display: block;width: 100%;}
.contact-r .li{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 20px;}
.contact-r .li input,.contact-r textarea{display: block;width: calc((100% - 20px)/2);background-color: #F8F8F8;box-sizing: border-box;padding: 0 30px;font-size: 16px;color: #222222;outline: none;border: none;height: 50px;}
.contact-r textarea{resize: none;width: 100%;height: 120px;padding: 24px 30px;}
.contact-r .li input::placeholder,.contact-r textarea::placeholder{color: #222;}
.contact-r label{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #222222;margin-top: 20px;}
.contact-r label input{width: 18px;height: 18px;border: 1px solid #1B1B1B;margin-right: 10px;}
.contact-r .more{width: 200px;height: 50px;background: #28265A;border-radius: 25px;border: none;margin: 0;margin-top: 50px;color: #fff;}

/* servicewrap */
.servicewrap{width: 100%;position: relative;margin: 80px auto;}
/* service */
.service{margin: auto;}
.service li{margin-bottom: 60px;}
/* service-ltop */
.service-ltop{width: 100%;display: flex;display: -webkit-flex;margin-bottom: 40px;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.service-ltop .tl{}
.service-ltop .tl h3{font-size: 18px;color: #222222;margin-bottom: 12px;}
.service-ltop .tl h3 span{font-size: 24px;color: #222222;font-family: gothicbold;text-transform:uppercase;}
.service-ltop .tl p{font-size: 16px;color: #888888;}
.service-ltop .page{position: relative;display: flex;display: -webkit-flex;}
.service-ltop .page .btn{position: relative;top: 0;left: 0;bottom: 0;right: 0;width: 24px;background-size: contain;height: 20px;filter: grayscale(1);}
.service-ltop .page .btn:last-child{margin-left: 30px;filter: grayscale(1) brightness(0);}
/* servicemin */
.servicemin{position: relative;}
.servicemin .item{display: block;position: relative;overflow: hidden;}
.servicemin .item>img{width: 100%;transition: all .5s;}
.servicemin .item .text{width: 100%;box-sizing: border-box;padding: 40px;position: absolute;left: 0;top: 0;z-index: 1;}
.servicemin .item .text h3{font-size: 24px;color: #FFFFFF;font-family: gothicbold;}
.servicemin .item .text p{font-size: 16px;color: #FFFFFF;margin-top: 10px;}
.servicemin .item:hover>img{transform: scale(1.1);}
.servicemin:after{content:'';display: block;width: 20%;height: 100%;position: absolute;right: 0;top: 0;background:linear-gradient(to left, #fff, transparent);z-index:1;}

/* news01wrap */
.news01wrap{margin: 100px auto;}
/* news01 */
.news01{width: 1200px;margin: auto;}
.news01min .item .more{width: 100px;height: 34px;border-radius: 19px;border: 1px solid #1B1B1B;background-color: #ffffff;box-shadow: -5px 1px 0px 0px #1B1B1B;margin-top: -17px;}
.news01min .item .more::before{display: none;}
.news01min .item .more:hover{color: #222;}

/* news02 */
.news02{margin: 100px auto;width: 1200px;}
.news02 .item{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 60px;}
.news02 .item .imgbox{width: 310px;height: 220px;overflow: hidden;}
.news02 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.news02 .item:hover .imgbox img{transform: scale(1.1);}
.news02 .item .text{width: calc(100% - 390px);}
.news02 .item .text .more{width: 100px;height: 34px;border-radius: 19px;border: 1px solid #1B1B1B;background-color: #ffffff;box-shadow: -5px 1px 0px 0px #1B1B1B;margin:0;margin-bottom: 30px;}
.news02 .item .text .more::before{display: none;}
.news02 .item .text .more:hover{color: #222;}
.news02 .item .text h3{font-size: 18px;color: #222222;font-family: siyuanbold;margin-bottom: 20px;}
.news02 .item .text h4{font-size: 14px;color: #888888;line-height: 20px;}
.news02 .item:hover .text h3{color: #656798;}

/* news-page */
.n-page{margin-top: 0px;margin-bottom:80px;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:36px;height:36px;background:transparent;border: 1px solid #EAEAEA;margin-right: 6px;padding: 0;background-color: transparent;border-radius: 3px;}
.part  .el-pagination .btn-next{width:36px;height:36px;background:transparent;border: 1px solid #EAEAEA;padding: 0;background-color: transparent;border-radius: 3px;}
/* .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"<";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:">";color: #888888;} */
 .part  .el-pagination .btn-quickprev{width:36px;height:36px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:36px;height:36px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quicknext:before{content:""}
 .part  .el-pagination__jump{display:none!important;}
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 36px;height: 36px;background-color: transparent;margin-right: 6px;line-height: 36px;border-radius: 3px;border: 1px solid #EAEAEA;box-sizing: border-box;}
.el-pager li.active{background-color: #B1ADE2;color: #fff;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:transparent;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'...';width:auto;height:auto;position:relative;background-color:transparent;}
.el-pager li.active+li{border-left: 1px solid #EAEAEA;}
.el-pager li:hover{color:#fff;background-color:#B1ADE2!important;}



/* ninfowrap */
.ninfowrap{width: 1200px;margin: 150px auto 80px;}
/* ninfo01 */
.ninfo01{width: 100%;}
.ninfo01 .tl{width: 100%;}
.ninfo01 .tl h3{font-size: 36px;color: #222222;font-family: siyuanbold;text-align: center;padding-bottom: 50px;border-bottom: 1px solid #1B1B1B;}
.ninfo01 .tl .data{width: 100%;justify-content: center;-webkit-justify-content: center;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin: 40px 0;}
.ninfo01 .tl .data p{font-size: 16px;color: #222222;}
.ninfo01 .tl .data i{display: block;width: 1px;height: 14px;background-color: #222222;margin: 0 10px;}
/* n-fx */
.n-fx{width: 100%;ustify-content: center;-webkit-justify-content: center;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.n-fx .more{width: 40px;height: 40px;background-color: rgba(0,0,0,0.2);border-radius: 50%;border: none;margin: 0;margin-right: 20px;}
.n-fx .more img{max-width: 58%;max-height: 58%;filter: invert(1);}
.n-fx .more:last-child{margin-right: 0;}
.n-fx .more:hover img{filter: none;}
/* ninfo01min */
.ninfo01min{width: 680px;margin:auto;margin-top: 80px;}
.ninfo01min p{font-size: 16px;color: #222222;line-height: 36px;margin-bottom: 40px;text-align:center!important;}
.ninfo01min img{width: 100%;max-width: 100%;margin: 40px auto;}

/* ninfo02wrap */
.ninfo02wrap{width: 100%;box-sizing: border-box;padding-top: 110px;border-top: 1px solid #1B1B1B;margin-top: 100px;margin-bottom: 150px;}
.ninfo02wrap .tl{text-align: center;font-size: 30px;color: #222222;margin-bottom: 50px;}
/* ninfo02 */
.ninfo02{width: 100%;display: flex;display: -webkit-flex;}
.ninfo02 .item{width: calc((100% - 180px)/3);display: block;position: relative;margin-right: 90px;}
.ninfo02 .item:last-child{margin-right: 0;}
.ninfo02 .item .imgbox{width: 100%;overflow: hidden;height:250px;}
.ninfo02 .item .imgbox img{display: block;width: 100%;transition: all .3s;height:100%;object-fit:cover;}
.ninfo02 .item:hover .imgbox img{transform: scale(1.1);}
.ninfo02 .item .text{width: 100%;margin-top: 20px;}
.ninfo02 .item .text h3{font-size: 16px;color: #222222;font-family: siyuanbold;margin-bottom: 15px;line-height: 24px;}
.ninfo02 .item .text h4{font-size: 14px;color: #888888;line-height: 20px;}
.ninfo02 .item:hover .text h3{color: #656798;}

/* researchwrap */
.researchwrap{margin: 90px auto;}
.researchwrap .a-tl01{margin-bottom: 60px;}
.researchwrap .a-tl01 h4{text-align: center;}
/* research */
.research{width: 100%;position: relative;}
.research .item{width: calc((100% - 100px)/3);box-sizing: border-box;position: relative;display: block;position: absolute;top: 0;left: 0;}
.research .item img{width: 100%;position: relative;-webkit-transition: .4s cubic-bezier(.13,.43,0,.94);-o-transition: .4s cubic-bezier(.13,.43,0,.94);transition: .4s cubic-bezier(.13,.43,0,.94);clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);}
.research .item .text{position: absolute;left: 0;bottom: 30px;-ms-transform: rotate(-90deg) translate(-11%,102%);transform: rotate(-90deg) translate(-11%,102%);-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;opacity: 0;transition: .3s cubic-bezier(0,.96,.25,1);display:none;}
.research .item .text p{font-size: 12px;font-family: gothicbold;color: #767676;text-transform: uppercase;}
.research .item .text span{font-size: 12px;font-family: gothic;color: #767676;}
.research .item:hover .text{opacity: 1;}
.research .item:hover img{clip-path: inset(30px 30px 30px 30px);-webkit-clip-path: inset(30px 30px 30px 30px);}

/*jzcwrap*/
.jzcwrap{width: 100%;height: 100%;box-sizing:border-box;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}


.div3 .meun{opacity: 1;visibility: visible;top:10px;display:none;}
.div3 .haderwrap{opacity:1;visibility:visible;transform:none;}
.div3 .haderwrap::before{transition:all .3s;opacity:0;}
.div3 .navshowbg{display: none;}
.div3 .haderwrap{padding: 0 80px;}
.div3 .nav>li{position:relative;}
.div3 .nav>li>a{display: flex;display: -webkit-flex;align-items: center;-webkti-align-items: center;line-height:76px;color:#ffffff;}
.div3 .navshow{margin-top: 0;padding: 10px;box-sizing: border-box;background-color: rgba(255,255,255,0.85);left:0;opacity:0;transition:all .3s;visibility:hidden;}
.div3 .navshow a{white-space: nowrap;}
.div3 .meun .img02{opacity: 1;}
.div3 .meun .img01{opacity: 0;}
.div3 .header .logo img{filter:brightness(111);}

.div2_1 .haderwrap::before,.haderwrap:hover::before{opacity:1;}
.div2_1 .nav>li>a,.haderwrap:hover .nav>li>a,.div2_2 .nav>li>a{color: #1B1B1B;}
.div2_1 .header .logo img,.haderwrap:hover .header .logo img,.div2_2 .header .logo img{filter: none;}























@media (max-width: 1600px) {
	.dwlist,.totopwrap{right: 30px;}
	.dwlist02{right: initial;}
	.center{width: 1200px;}
	.nav{width: calc(100% - 180px);}
	.meun{width: 54px;height: 54px;}
	.haderwrap{padding: 0 80px;padding-top: 40px;}
	
}