body{ font-size:12px; line-height: 1.5; position: relative;color: #666;font-family:Tahoma,Helvetica,'Microsoft Yahei',sans-serif;overflow-x: hidden;min-width: initial;   }
a{ text-decoration:none; transition:all 0.4s}
a:hover{ text-decoration:none;}
input,button,textarea{outline: none;  }
input::-ms-input-placeholder {   color: #999;}
input::-webkit-input-placeholder {   color: #999}
.wrap{max-width: 1400px;width: 100%; margin: 0 auto; position: relative; z-index: 2;box-sizing: border-box;}
main,footer{overflow: hidden;}




@font-face { 
	font-family:PingFangBold; 
	src: url(../fonts/pingfangbold.ttf); 
}
.pfB{font-family:PingFangBold; }

body::-webkit-scrollbar {
	width: 10px;
  }
body::-webkit-scrollbar-thumb {
background: #2e2e2e;
border: 2px solid transparent;
background-clip: padding-box;
}
body::-webkit-scrollbar-thumb:hover {
border: 0;
}
body::-webkit-scrollbar-track {
background: #fff;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

/* *::-webkit-scrollbar-thumb {
	background: #3c3e41;
	border-color: #3c3e41;
	}
*::-webkit-scrollbar-track {
	background: #dce1e4;
	border-color: #dce1e4;
	} */
	
.bgf8{background: #f8f8f8;}
.bgfff{background: #fff;}
.misa_header{position: relative; }
.misa_header1{position: absolute;left: 0;top: 0;width: 100%; z-index: 99;height: 100px;}
.logo img{max-height: 40px; vertical-align: top;}
.nav li{position: relative;}
.navlink{margin-left: 50px; line-height: 100px;letter-spacing: 1.5px;color: rgba(255, 255, 255, 1.0);font-size: 18px;}
.navlang{line-height: 100px;letter-spacing: 1.5px;margin-left:5px;margin-right:5px;color: rgba(226, 238, 42, 1.0);font-size: 16px;}
.navlang1{line-height: 100px;letter-spacing: 1.5px;margin-left:5px;margin-right:5px;color: rgba(22, 69, 161, 1.0);font-size: 16px;}
.nav li:nth-last-child(2){margin-left: 35px;}
.nav li:hover .navlink{color: #fff;}
.nav li:hover .navlang{color: #fff!important;}
.nav li.hassub .navlink{margin-right: 5px;}

.nav li.hassub svg{opacity: 0.7;transition: all 0.3s;}
.nav li:hover svg{opacity: 1;}
.nav li.hassub ul{background: #fff;transform: translate3d(15px, 0px, 0px);position: absolute;left: 0;top: 100%;min-width: 200px;padding: 15px 0;transition: all 300ms ease;opacity: 0;visibility: hidden;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);display: block!important;border: none;}
.nav li.hassub ul li{opacity: 0;display: block;margin: 0;}
.nav li.hassub ul li a{color: #888;font-size: 16px;letter-spacing: 1.2px;padding: 10px 0 10px 25px;display: inherit;border: none;}
.nav li.hassub ul li a:hover{color: #000;background: none;}
.nav li.hassub:hover ul{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);}
.nav li.hassub:hover ul li{animation: pxl_menu_trans 300ms ease-in-out forwards;}
.misa_header2{position: fixed;left: 0;top: 0;transform-origin: top;transition: all 0.5s ease-in-out;visibility: hidden;z-index:199;background: #f8f8f8;height: 100px;width: 100%;transform: perspective(300px) rotateX(-90deg);box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.misa_header2.show{visibility: visible;transform: perspective(300px) rotateX(0deg);}
.misa_header2 .navlink{color: #666;}
.misa_header2 .nav li:hover .navlink{color: #000;}

.line{padding: 0 7.15%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;
width: 100%;pointer-events: none;overflow: hidden;z-index: -1;box-sizing: border-box;}
.line span{position: relative;display: inline-block;width: 1px;height: 100%;transition: none !important;background-color:#fff;mix-blend-mode: difference;}
.line span:before {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 60px;background: #fff;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.00000001)));
background: -o-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00000001) 100%);
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.00000001) 100%);
animation: pxl_grid_fall 20s linear infinite;}
.link{padding: 0px 47px 0px 47px; line-height: 48px;margin: 0 9px 9px 0;position: relative;display: inline-flex;}
.link span{color: #fff;position: relative;z-index: 1;transition: all 0.3s ease;font-size: 16px;letter-spacing: 0.5px; z-index: 3;}
.link svg{display: inline-block;top: 9px;left: 9px;border: 1px solid #e2ee2a;width: 100%;height: 100%; position: absolute;transition: inherit;box-sizing: border-box; z-index: 1;}
.link svg path{fill: #e2ee2a;}
.link::after{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: inherit;background: #1645a1; z-index: 2;}
.link:hover::after{background: #1645a199;}
.link:hover svg{opacity: 0.5;transform: translate(-9px, -9px);}
.misa_iconbtn{cursor: pointer;position: relative;height: 34px;}
.misa_iconbtn .circle{position: relative;width: 34px;height:34px;border-radius: 50%;border: 1px solid #666;box-sizing: border-box;}
.misa_iconbtn .lineb{position: absolute;top: 49.5%;width: 35px;height: 1px;background: #666;transition: all 0.5s ease-in-out;transform-origin: right;right: 50%;box-sizing: border-box;}
.misa_iconbtn .dot{position: absolute;    left: 50%;    top: 50%; transform: translate(-50%, -50%);width: 5px;height: 5px;border-radius: 50%;display: inline-block;background-color: #666;box-sizing: border-box;}
.misa_iconbtn:hover .lineb{background: #000;animation: pxl_scale_lr 2s infinite linear 0.3s;}
.misa_iconbtn:hover .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_iconbtn:hover .dot{background: #000;animation: pxl_scale_lr2 2s infinite linear 0.3s;}


.misa_banner{overflow: hidden;height: 960px; position: relative;background: #000;}
.misa_banner .swiper-slide{position: relative;height: 960px;}
.misa_bannerbg{position: absolute;width: 100%;height: 100%; left: 0;top: 0; z-index: 1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.misa_bannerbg::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; z-index: 1;background: #000; opacity: 0.2;}
.misa_bannerm{position: relative; z-index: 1;height: 100%;}
.misa_banner .swiper-slide .line span{background-color: #2e2e2e; opacity: 0.3;}
.misa_bannerm .wrap{padding: 0 calc(1400px * 0.3) 0 0;}
.misa_bannerm h2{color: #fff;font-size: 50px; }
.misa_bannerm p{color: #fff;font-size: 30px;padding: 30px 0 65px;}
.misa_bannerbtn{position: absolute;top: 50%;transform: translateY(-50%); z-index: 2;cursor: pointer;height: 60px;}
.misa_bannerbtn .circle{position: relative;width: 60px;height: 60px;border-radius: 100%;border: 1px solid rgb(255,255,255);box-sizing: border-box;}
.misa_bannerbtn .lineb{position: absolute;top: 49.5%;width: 57px;height: 1px;background: rgb(255,255,255); transition: all 0.5s ease-in-out;}
.misa_bannerbtn .dot{position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);width: 0px;height: 0px;border-radius: 0;display: inline-block;background-color: transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;animation: none;}
.misa_bannerbtnl{left: 50px;}
.misa_bannerbtnl .lineb{transform-origin: left;left: calc(50% + 5px);}
.misa_bannerbtnl .dot{border-left: 0px solid transparent;    border-right: 14px solid rgb(255,255,255);}
.misa_bannerbtn:hover .lineb{transform: scaleX(0);background: #fff;}
.misa_bannerbtn:hover .circle{animation: full_circle 5s infinite linear;border-style: dashed;border-color: #fff;}
.misa_bannerbtnl:hover .dot{border-right: 14px solid #fff;}
.misa_bannerbtnr{right: 50px;}
.misa_bannerbtnr .lineb{transform-origin: right;right: calc(50% + 5px);}
.misa_bannerbtnr .dot{border-right: 0px solid transparent;    border-left: 14px solid rgb(255,255,255);}
.misa_bannerbtnr:hover .dot{border-left: 14px solid #fff;}
.misa_bannerb{width: 100%; position: absolute;left: 0;bottom: 40px!important; z-index: 10;}
.misa_bannerb .swiper-pagination-bullet{margin: 0 10px!important; background: #fff!important;}
.misa_sygy{padding: 100px 0 100px; position: relative;}
.misa_sygybgr{position: absolute;top: 100px;right:0}
.misa_sygybgl{position: absolute;left: 0;bottom: 22%;}
.misa_sygy .line{z-index: 1;}
.misa_sygy .line span{background: #eaeaea;}
.misa_sygy .line span:before{background: linear-gradient(0deg, #0000004D 0%, #00000000 100%);}
.misa_sygyl{width: 47%;box-sizing: border-box;padding-right: 80px;}
.misa_sygylm{position: relative;}
.misa_sygylmt{position: absolute;left: 20px;bottom: 17px;transition: all 500ms ease-in-out; z-index: 2;}
.misa_sygylmpic{position: relative;transition: all 300ms ease;}
.misa_sygylmpic img{width: 100%;vertical-align: top;object-fit: cover;opacity: 0.9;}
.misa_sygylmpic .img-back{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.9;}
.misa_sygylmpic .img-map{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.9;}
.misa_sygylm:hover .misa_sygylmt{transform: translateX(-20px); opacity: 0;}
.misa_sygylm .canvas{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.misa_sygylm .canvas canvas{position: absolute;left: 0;top: 0;}
.misa_sygyr{width: 53%;}
.misa_sygyr h2{color: #000;font-size: 40px;}
.misa_sygyr p{font-size: 16px;padding: 30px 0 50px; color: #333;line-height: 28px;}
.misa_sygyr .link svg{border-color: #cfdc00;}
.misa_sygyr .link svg path{fill: #cfdc00;}
.misa_sygyr .link::after{background: #1645a1;}
.misa_sygyr .link:hover::after{background: #1645a199;}
.misa_synum{padding: 100px 0 0;}
.misa_synum li{width: calc(100%/4); text-align: center;color: #000;}
.misa_synum li h2{font-size: 50px;font-family:PingFangBold;}
.misa_synum li p{font-size: 20px;padding: 10px 0 0;font-family:PingFangBold;}
.misa_syproject{padding: 120px 0 0; position: relative; z-index: 2;background: url(../images/s11.png) no-repeat center center;}
.misa_title{position: relative;text-align: center; z-index: 2;}
.misa_title::before{content: '';display: inline-block;width: 1px;height: 60px;background: #B2B2B2; position: absolute;left: calc(50% - 1px);bottom: calc(100% + 20px);}
.misa_title span{font-size: 40px;color: #000;letter-spacing: 5px;font-family:PingFangBold;}
.misa_syprojectm{padding: 65px 0 0;overflow: hidden;max-height: 402px;}
.misa_syprojectmt{width: 750px;margin: 0 auto; position: relative; z-index: 2;}
.misa_syprojectmt .swiper-slide{position: relative;box-sizing: border-box;padding: 0 40px;}
.misa_syprojectmtm{position: relative;overflow: hidden;border-radius: 10px;display: block;}
.misa_syprojectmtm a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.misa_syprojectmtm::before{content: '';display: inline-block;width: 100%;padding-top: 60%;vertical-align: top;}
.misa_syprojectmtm .pic{width: 100%;height: 100%;position: absolute;top: 0; left: 0;background-repeat: no-repeat; background-position: center;background-size: cover;opacity: 0.5;}
.misa_syprojectmtmtxt{position: absolute;background: #fff;transition: all 400ms ease-in-out;right: 0; z-index: 2;bottom: 0;transform-origin: right;width: 300px;box-sizing: border-box;padding: 35px 35px 30px;    transform: perspective(250px) rotateY(-90deg);right: calc(0px - 1px);opacity: 0;}
.misa_syprojectmtmtxt h2{font-size: 18px;color: #000; margin-bottom: 25px;}
.misa_iconbtnltxt{color: #666;transition: all 0.3s;}
.misa_syprojectmt .swiper-slide-active a{z-index: 5;}
.misa_syprojectmt .swiper-slide-active .pic{opacity: 1;}
.misa_syprojectmt .swiper-slide-active:hover .misa_syprojectmtmtxt{opacity: 1;transform: perspective(250px) rotateY(0deg);}
.misa_syprojectmt .swiper-slide-active:hover .misa_iconbtn .lineb{background: #000;animation: pxl_scale_lr 2s infinite linear 0.3s;}
.misa_syprojectmt .swiper-slide-active:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_syprojectmt .swiper-slide-active:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
:hover .misa_iconbtn .dot{background: #000;animation: pxl_scale_lr2 2s infinite linear 0.3s;}
.misa_syprojectmt .swiper-slide-active:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_syprojectmt .swiper-slide-active:hover .misa_iconbtnltxt{color: #333;}
.misa_syprojectb,.misa_syxwmb{padding: 50px 0 0;}
.misa_syprojectb .swiper-pagination-bullet,.misa_syxwmb .swiper-pagination-bullet{margin: 0 10px!important;}
.misa_syprojectb .swiper-pagination-bullet-active,.misa_syxwmb .swiper-pagination-bullet-active{background: #000!important; }
.misa_syys{background: url(../images/bg11.jpg) no-repeat center center;padding: 100px 0; position: relative;background-size: cover;}
.misa_syys .line{z-index: 1;}
.misa_syys .line span{background: #eaeaea;}
.misa_syys .line span:before{background: linear-gradient(0deg, #0000004D 0%, #00000000 100%);}
.misa_syys::after{content: '';display: inline-block;background: url(../images/bg1b.png) no-repeat center center;width: 1104px;height: 478px; position: absolute;top: 0;right: 0;}
.misa_syysm li{border-radius: 10px;width: calc((100% - 180px)/3);box-sizing: border-box;position: relative;padding: 30px 30px 30px;margin: 30px;}
.misa_syysm li::before{content: '';border-radius: 10px; background-color: rgba(255, 255, 255, 0.85);position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all 800ms ease;box-shadow: 10px 10px 10px rgba(23, 23, 23, 0.35);display: inline-block; transform: scale(1.0);}
.misa_syysm li .mid{position: relative;z-index: 1;}
.misa_syysm li .mid a{width: 128px;height: 38px;border:1px solid #1645a1;line-height:38px;text-align:center;color:#1645a1;}
.misa_syysm li .mid span{width: 138px;height: 38px;border:1px solid #fff;}
.misa_syysm li:hover .mid h2{color:#fff!important;}
.misa_syysm li:hover .mid p{color:#fff!important;}
.misa_syysm li:hover .mid a{border:1px solid #e2ee2a;color:#e2ee2a!important;}
.misa_syysm li .mid h2{margin: 10px 0 15px;font-size: 24px;color: #000;}
.misa_syysm li .mid p{line-height: 28px;font-size: 16px;color: #333;height: 84px;}
.misa_syysm li:hover::before{transform: scale(1);opacity: 1;background: url(../images/ba1.jpg) no-repeat center center;}
.misa_syxw{padding: 80px 0 120px;position: relative;}
.misa_syxw .line{z-index: 1;}
.misa_syxw .line span{background: #eaeaea;}
.misa_syxw .line span:before{background: linear-gradient(0deg, #0000004D 0%, #00000000 100%);}
.misa_syxwm{position: relative;margin: 75px 0 0;}
.misa_syxwmid{overflow: hidden;display: flex;}
.misa_syxwmid .swiper-slide{transition: all 400ms ease;background: #f8f8f8;}
.misa_syxwmid .swiper-slide a{box-sizing: border-box;width: 100%;border: 1px solid #d9d9d9;}
.misa_syxwmidpic{width: 100%;position: relative;overflow: hidden;}
.misa_syxwmidpic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.5s ease;transform-origin:center}
.misa_syxwmidpic::before{content: '';display: inline-block;width: 100%;padding-top: 60%;vertical-align: top;}
.misa_syxwmid .swiper-slide:hover .misa_syxwmidpic span{transform: scale(1.1);}
.misa_syxwmidb{padding:30px;box-sizing: border-box;height: 215px;}
.misa_syxwmidb h2{color: #000;font-size: 20px; line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.misa_syxwmidb p{color: #666;font-size: 15px;margin: 5px 0 25px;}
.misa_syxwmidb .misa_iconbtn{height: 30px;}
.misa_syxwmidb .misa_iconbtn .circle{width: 30px;height: 30px;}
.misa_syxwmid .swiper-slide:hover .misa_iconbtn .lineb{background: #000;animation: pxl_scale_lr 2s infinite linear 0.3s;}
.misa_syxwmid .swiper-slide:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_syxwmid .swiper-slide:hover .misa_iconbtn .dot{background: #000;animation: pxl_scale_lr2 2s infinite linear 0.3s;}
.misa_syxwmid .swiper-slide:hover{background: #fff;}
.misa_swbtn{position: absolute;top: 50%;transform: translateY(-50%); z-index: 2;cursor: pointer;height: 60px;}
.misa_swbtn .circle{position: relative;width: 60px;height: 60px;border-radius: 100%;border: 1px solid rgb(153,153,153);box-sizing: border-box;}
.misa_swbtn .lineb{position: absolute;top: 49.5%;width: 57px;height: 1px;background: rgb(153,153,153); transition: all 0.5s ease-in-out;}
.misa_swbtn .dot{position: absolute;    left: 50%;    top: 50%; transform: translate(-50%, -50%);width: 0px;height: 0px;border-radius: 0;display: inline-block;background-color: transparent;border-top: 8px solid transparent;border-bottom: 8px solid transparent;animation: none;}
.misa_swbtnl{left: -150px;}
.misa_swbtnl .lineb{transform-origin: left;left: calc(50% + 5px);}
.misa_swbtnl .dot{border-left: 0px solid transparent;    border-right: 14px solid rgb(153,153,153);}
.misa_swbtn:hover .lineb{transform: scaleX(0);background: #A6A182;}
.misa_swbtn:hover .circle{animation: full_circle 5s infinite linear;border-style: dashed;border-color: #A6A182;}
.misa_swbtnl:hover .dot{border-right: 14px solid #A6A182;}
.misa_swbtnr{right: -150px;}
.misa_swbtnr .lineb{transform-origin: right;right: calc(50% + 5px);}
.misa_swbtnr .dot{border-right: 0px solid transparent;    border-left: 14px solid rgb(153,153,153);}
.misa_swbtnr:hover .dot{border-left: 14px solid #A6A182;}
.misa_footer{background: #000; position: relative;}
.misa_footert{padding: 70px 0 50px;color: #bbb;}
.misa_footertl h2{font-size: 20px; margin-bottom: 15px;font-family:PingFangBold;color: #ddd;  }
.misa_footertl p{font-size: 15px;line-height: 35px;}
.misa_footertmnav{margin-right: 80px;}

.misa_footertm h2{font-size: 20px; margin-bottom: 15px;font-family:PingFangBold; color: #ddd; }
.misa_footertm a{font-size: 15px;line-height: 35px;color: #bbb;}
.misa_footertm a:hover{color: #fff;}


.misa_footertr li{margin-left: 15px;padding: 15px 0 0;}
.misa_footertr li img{width: 106px;}
.misa_footertr li p{text-align: center;font-size: 15px;padding: 8px 0 0;}
.misa_footerb{color: #B2B2B2;padding: 25px 0 40px;font-size: 14px;border-top: 1px solid #2E2E2E;}
.misa_footerb a{color: #B2B2B2;}
.misa_footerbr a{width: 40px;height: 40px; margin-left: 15px;position: relative;}
.misa_footerbr a .circle{border: 1px solid #b2b2b2;border-radius: 50%;box-sizing: border-box;width: 40px;height: 40px; position: absolute;left: 0;top: 0;}
.misa_footerbr a:hover .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;}
.tcwxbg{background: rgba(192, 192, 192, 0.6); position:fixed;left: 0;top: 0; z-index: 100;width: 100vw;height: 100vh;display: none;}
.tcwx{box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2); opacity: 1;transition: all 0.6s ease-in-out;    transform-style: preserve-3d; position: fixed;z-index: -1;background: #fff;padding: 20px;left: 50%;top: 50%;transform: translate(-50%,-50%) rotateY(-60deg); opacity: 0;}
.tcwx p{text-align: center;color: #000;font-size: 16px;}
.tcwx.show{opacity: 1;transform: translate(-50%,-50%) rotateY(0deg); z-index: 101;}
.misa_float{ position: fixed;right: 0;bottom: 10%; z-index: 20;background: #fff;}
.misa_float li{position: relative;box-sizing: border-box;height: 70px;transition: all 0.3s;background: #f8f8f8;}
.misa_float li::after{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;right: 0;bottom: 0; z-index: 2;}
.misa_float li::before{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;right: 0;top: 0; z-index: 2;}
.misa_float li a{width: 70px;height: 100%;background: #f8f8f8;border-left: 1px solid #000;box-sizing: border-box; position: relative; z-index: 1;position: relative;}
.misa_float li a::after{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;left: 0;bottom: 0; z-index: 2;}
.misa_float li a::before{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;left: 0;top: 0; z-index: 2;}
.misa_float li:last-child a::before{top: -1px;}
.misa_float li:last-child::before{display: none;}
.misa_float li:hover a{transform: translateX(-20px);}
.floatr{position: absolute;line-height: 70px;left: 70px;top: 0;color: #333;font-size: 20px;font-family: Arial;background: #f8f8f8;transition: all 0.3s;padding: 0 20px;}
.floatr::after{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;right: 0;bottom: 0; z-index: 2;}
.floatr::before{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;right: 0;top:-1px; z-index: 2;}
.misa_float li.phone::before{opacity: 0;}
.misa_float li.phone a::before{opacity: 1;}
.misa_float li.phone:hover a{transform: translateX(-170px);}
.misa_float li.phone:hover a::before{opacity: 1;top: -1px;}
.misa_float li.phone:hover .floatr{left: -100px;}
.floatrwx{position: absolute;width: 100px;height: 100px;background: #ddd;top: 50%;margin-top: -50px;right: 80px;transition: all 0.6s;text-align: right;box-sizing: border-box;padding: 10px 10px 0 0;opacity: 0;visibility: hidden;}
.floatrwx::before{content: "";display: block;width: 0;height: 0;border: 10px solid transparent;border-left: 10px solid #ddd;position: absolute;right: -15px;top: 50%;margin-top: -10px;}
.misa_float li.wzzx:hover .floatrwx{visibility: visible;opacity: 1;right: 100px;}
.misa_float li.wzzx::before{opacity: 0;}
.misa_float li.wzzx a::before{opacity: 0;}
.misa_float li.wzzx:hover a::before{opacity: 1;top: -1px;}
.misa_footer .line{z-index: 1;}
.misa_footer .line span{background: #2E2E2E;}




/**sub***/
.misa_banner2{position: relative;height: 450px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.misa_banner2 .line{z-index: 1;}
.misa_banner2 .line span{background: #2e2e2e;}
.misa_banner2::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0;background: #000; opacity: 0.5;}
.misa_banner2m{max-width: 1400px;width: 100%; height: 350px;position: absolute;z-index: 2;left: 50%;top: 100px;transform: translateX(-50%);}
.misa_banner2m p{color: #fff;font-size: 45px; }
.misa_banner2m span{font-size: 14px;color: #fff; opacity: 0.6;}
.misa_lbbox{position: relative;}
.misa_lbbox .line{z-index: 1;}
.misa_lbbox .line span{background: #eaeaea;}
.misa_lbbox .line span:before{background: linear-gradient(0deg, #0000004D 0%, #00000000 100%);}
.misa_subnav li{margin: 0 25px;background: #f8f8f8;}
.misa_subnav li a{line-height: 50px; color: #666;font-size: 18px;height: 50px; position: relative;}
.misa_subnav li a::before{content: '';display: inline-block;width: 0;height: 1px;background: #000; transition: all 0.6s ease;right: 0;bottom: 0; position: absolute;}
.misa_subnav li:hover a,.misa_subnav li.now a{color: #000; }
.misa_subnav li:hover a::before,.misa_subnav li.now a::before{left: 0;width: 100%;}
.misa_allbbox{padding: 120px 0;}
.misa_allb{padding: 60px 0 0;}
.misa_allb li{width: calc((100% - 60px)/3); margin: 0 30px 40px 0;}
.misa_allb li:nth-child(3n){margin-right: 0;}
.misa_allb li .misa_syprojectmtm{border-radius: 0;}
.misa_allb li .misa_syprojectmtm .pic{opacity: 1;}
.misa_allb li .misa_syprojectmtm::before{padding-top: 135%;}
.misa_allb li  .misa_syprojectmtmtxt{width: 300px;box-sizing: border-box;padding: 25px 20px 20px;    transform: perspective(250px) rotateY(-90deg);right: calc(0px - 1px);opacity: 0;}
.misa_allb li h3{display: none;}
.misa_allb li:hover .misa_syprojectmtmtxt{opacity: 1;transform: perspective(250px) rotateY(0deg);}
.misa_allb li:hover .misa_iconbtn .lineb{background: #000;animation: pxl_scale_lr 2s infinite linear 0.3s;}
.misa_allb li:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_allb li:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_allb li:hover .misa_iconbtn .dot{background: #000;animation: pxl_scale_lr2 2s infinite linear 0.3s;}
.misa_allb li:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_xwlb{padding: 60px 0 0;}
.misa_xwlb li{width: calc((100% - 60px)/3); margin: 0 30px 35px 0;background: #f8f8f8; transition: all 0.3s;}
.misa_xwlb li:nth-child(3n){margin-right: 0;}
.misa_xwlb li a{width: 100%;box-sizing: border-box;border: 1px solid #d9d9d9;}
.misa_xwlb li:hover .misa_iconbtn .lineb{background: #000;animation: pxl_scale_lr 2s infinite linear 0.3s;}
.misa_xwlb li:hover .misa_iconbtn .circle{animation: pxl_spin 4s infinite linear 0.3s;border-style: dashed;border-color: #000;}
.misa_xwlb li:hover .misa_iconbtn .dot{background: #000;animation: pxl_scale_lr2 2s infinite linear 0.3s;}
.misa_xwlb li:hover{background: #fff;}
.misa_lx{padding: 120px 0 150px;}
.misa_lxl{width: 480px;}
.misa_lxl h2{color: #333;font-size: 30px;padding-bottom: 45px;}
.misa_lxl li{position: relative;padding-left: 50px; margin-bottom: 30px; }
.misa_lxl li b{position: absolute;left: 0;top: 3px;border-radius: 50%;border: 1px solid #b2b2b2;box-sizing: border-box;width: 36px;height: 36px;background: #f8f8f8;}
.misa_lxl li span{color: #999;font-size: 14px;}
.misa_lxl li p{color: #333;font-size: 18px;}
.misa_lxr{flex: 1;padding-left: 80px; position: relative;}
.misa_lxr img{width: 100%;vertical-align: top;}
.misa_lxricon{width: 150px;height: 150px; position: absolute;left: 0;bottom: -40px; z-index: 2;}
.misa_lxricont span{width: 100%;height: 100%;position: absolute;top: 0;animation: circleScale 3s linear infinite;transition: .5s;left: 0;transform: scale(0.7);
border-radius: 50%;background: #333;}
.misa_lxricont span:nth-child(2){animation-delay: 1s;}
.misa_lxricont span:nth-child(3){animation-delay: 2s;}
.misa_lxriconm{width: 120px;height: 120px;background: #333;border-radius: 50%; position: relative; z-index: 2;}
.misa_lxriconm p{font-size: 16px;padding: 5px 0 0;}
.tcvideobg{background: rgba(0, 0, 0, 0.8); position:fixed;left: 0;top: 0; z-index: 100;width: 100vw;height: 100vh;display: none;}
.tcvideo{box-shadow: 0px 40px 60px 0px rgba(0, 0, 0, .2);  position: fixed;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;max-width: 1170px; z-index: 101;display: none;}
.tcvideo::before{content: '';display: inline-block;width: 100%;vertical-align: top;padding-top: 56%;}
.spclose{width: 36px;height: 36px;position: absolute;top: -36px;right: 0;font-size: 0;cursor: pointer;background: #fff;box-sizing: border-box;border: 9px solid #fff;}
.spclose::before,.spclose::after{content: '';display: inline-block;width: 100%;height: 2px;left: 0;background: #222;top: 50%;margin-top: -1px;transform-origin: 50% 50%;transition: 0.2s cubic-bezier(0.24, 0.74, 0.58, 1);position: absolute;}
.spclose::before{transform: rotate(45deg);}
.spclose::after{transform: rotate(-45deg);}
.spclose:hover::before,.spclose:hover::after{transform: rotate(0deg);}
.tcvideo iframe,.videom{width: 100%;height: 100%; position: absolute;left: 0;top: 0;}

.misa_gywm{padding: 0 0 120px;position: relative;}
.misa_gywm::before{content: '';display: inline-block;width: 100%;height: 720px;background: url(../images/bg2.jpg) no-repeat center bottom;background-size: cover; position: absolute;left: 0; bottom: 0;z-index: 2;}
.misa_gywmt{padding: 120px 0 110px;}
.misa_gywmtl{width: 40%;box-sizing: border-box;padding: 0 30px;text-align: right;}
.misa_gywmtl h2{color: #000;font-size: 40px; }
.misa_gywmtl span{height: 2px;background: #000;width: 100px;}
.misa_gywmtr{width: 60%;flex: 1;box-sizing: border-box;margin-right: 10%;padding: 0 15px 0 40px;font-size: 16px;color: #333; line-height: 28px;}
.misa_gywmsp{position: relative; overflow: hidden;}
.misa_gywmsppic{height: 708px; position: relative; z-index: 1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.misa_gywmsp span{width: 200px;height: 200px;background: rgba(255, 255, 255, 0.24);border-radius: 50%;backdrop-filter: blur(15px);position: absolute;left: 50%;top: 50%; z-index: 2;transition: all 300ms ease;cursor: pointer;margin-top: -100px;margin-left: -100px;}
.misa_gywmsp span:hover{transform:scale(0.9, 0.9);}
.misa_gywmspbox{animation: pxl_scale_in_out 30s linear infinite;}
.misa_gywm .misa_synum{padding: 80px 0 0;}
.misa_gywm .misa_synum li{color: #fff;}
.misa_hzhb{padding: 75px 0 0;}
.str_move{display: flex;}
.logopic{border: 1px solid #d9d9d9;width: calc((1400px - 120px)/6);height: 80px;box-sizing: border-box;display: inline-block;background: #fff; margin: 0 10px;}
.logopic span{width: 100%;height: 100%;}
.logopic span img{max-width:100%!important;max-height:100%!important}
.dowebok1{margin: 50px 0 20px;}
.misa_alxq{padding: 120px 0;}
.misa_alxqm{padding: 68px;}
.misa_alxqml{box-sizing: border-box;width: calc(100% - 375px);padding-right: 60px;}
.misa_alxqmlt{border-bottom: 1px solid #eee;padding-bottom: 12px;}
.misa_alxqmlt h2{font-size: 32px;color: #000;padding-bottom: 12px;}
.misa_alxqmlt .social-share .social-share-icon{width: 28px;height: 28px;line-height: 28px;font-size: 16px;}
.misa_alxqmlm{padding: 40px 0 30px;font-size: 15px;line-height: 30px;}
.misa_alxqmlm img{max-width: 100%;}
.misa_alxqmr{width: 375px; position: sticky;top: 120px;}
.misa_alxqmrm h2{font-size: 22px;line-height: 60px;padding-bottom: 12px;color: #000;}
.misa_alxqmrm li .pic{position: relative;width: 100%;vertical-align: top;overflow: hidden;}
.misa_alxqmrm li .pic span{width: 100%;height: 100%; position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-position: center;background-size: cover;z-index: 2;transition: all 0.3s ease-in-out;}
.misa_alxqmrm li .pic::before{content: '';display: inline-block;width: 100%;padding-top: 80%;vertical-align: top;}
.misa_alxqmrm li p{padding: 18px 0 30px;margin: 0 6px;color: #666;font-size: 18px;}
.misa_alxqmrm li:hover .pic span{transform: scale(1.05);}
.misa_alxqmrm li:hover p{color: #000;}
.misa_xwxqml{box-sizing: border-box;width: calc(100% - 375px);padding-right: 60px;}
.misa_xwxqlm{padding: 68px;}
.misa_xwxqmrm h2{font-size: 22px;color: #000;line-height: 60px;border-bottom: 1px solid #d9d9d9;margin-bottom: 15px;}
.misa_xwxqmrm li a{font-size: 16px; line-height: 46px;max-width: 100%;color: #666; position: relative;}
.misa_xwxqmrm li a:hover{color: #000;}
.misa_xwxqmrm li{position: relative;margin: 0 5px;}
.misa_xwxqmrm li::before{content: '';display: inline-block;width: 0;height: 1px;background: #bbb; position: absolute;left: 0;bottom: 0;opacity: 0;transition: all 0.3s;}
.misa_xwxqmrm li:hover::before{opacity: 1;width: 100%;}
.misa_footerphb,.misa_footerph,.misa_navph,.navbtn,.misa_syprojectmtmtxt2{display: none;}
/**分页**/

.page a{display: inline-block; text-align: center;box-sizing: border-box;line-height: 40px;font-size: 15px; color: #666;margin: 0 5px; background: #f8f8f8;border: none;height: auto;}
.page strong{display: inline-block;color: #333; text-align: center;box-sizing: border-box;line-height: 40px;font-size: 15px; margin: 0 5px;border: none; background: none;height: auto;position: relative;}
.page strong::before{content: '';display: inline-block;width: 100%;height: 1px;background: #000; position: absolute;left: 0; bottom: 0;}
.page a:hover{color: #333;background: #fff;box-shadow: 0 5px 14px 0px rgba(0,0,0,0.07);}
.page label{display: none;}
.page a.prev::after,.page a.nxt::after{display: none;}
@media screen and (max-width:1710px){ 	
	.zoom{zoom:90%}  
} 
@media screen and (max-width:1535px){ 	
	.zoom{zoom:80%}  
	.misa_swbtn,.misa_bannerbtn{display: none;}
}
@media screen and (max-width:1365px){ 	
	.zoom{zoom:100%}
	.wrap{padding: 0 30px;}
	.misa_swbtn,.misa_bannerbtn{display: none;}
	.misa_bannerm .wrap{padding: 0 10vw 0 30px;}
}
@media screen and (max-width:1200px){ 	
	
	.wrap{padding: 0 15px;}
	.nav{display: none;}
	.misa_header1{height: 60px;backdrop-filter: blur(10px);}
	.misa_header2{height: 60px;}
	.logo img{max-height: 30px;}
	.navbtn{display: block;}
	.navbtn span{position: relative;cursor: pointer;width: 20px;height: 20px;}
	.navbtn span svg{width: 20px;height: 20px;position: absolute;left: 0;top: 0;transform-origin: 50% 50%;}
.ac-menu-hamburger .st0 {fill: none;stroke: #fff;stroke-width: 5.2094;stroke-miterlimit: 10;stroke-dasharray: 68;}
.ac-menu-hamburger .st0:nth-child(1) {	transition: .4s .95s;}
.ac-menu-hamburger .st0:nth-child(2) {	transition: .4s 1.05s;}
.ac-menu-hamburger .st0:nth-child(3) {	transition: .4s 1.15s;}
.ac-menu-x {position: absolute;top: calc(50% - 10px);left: calc(50% - 10px);height: 20px;width: 20px;}
.ac-menu-x .st0 {fill: none;stroke: #fff;stroke-width: 5.2094;stroke-miterlimit: 10;stroke-dasharray: 68;stroke-dashoffset: 68;}
.ac-menu-x .st0:nth-child(1) {transition: .4s .1s;}
.ac-menu-x .st0:nth-child(2) {transition: .4s .2s;}
.navbtn.ac-open .ac-menu-hamburger line {stroke-dashoffset: 68;}
.navbtn.ac-open .ac-menu-hamburger line:nth-child(1) {transition: .4s .1s;}
.navbtn.ac-open .ac-menu-hamburger line:nth-child(2) {transition: .4s .2s;}
.navbtn.ac-open .ac-menu-hamburger line:nth-child(3) { transition: .4s .3s;}
.navbtn.ac-open .ac-menu-x line { stroke-dashoffset: 0;}
.navbtn.ac-open .ac-menu-x line:nth-child(1) {    transition: .4s .85s;}
.navbtn.ac-open .ac-menu-x line:nth-child(2) {   transition: .4s .95s;}
.misa_header2 .ac-menu-hamburger .st0,.misa_header2 .ac-menu-x .st0{stroke: #000;}
.misa_navph{backdrop-filter: blur(10px);width: 100%; position: absolute;left: 0;top: 60px;height: calc(100vh - 60px); z-index: 20;display: none;}
.misa_navph ul{padding: 20px;}
.misa_navph li{padding-bottom: 20px;}
.misa_navph .navlink{line-height: 40px;font-size: 20px;color: #fff;}
.misa_navph li.hassub ul{display: block!important;min-width: initial;border: none;background: none;padding: 5px 0 0 15px;box-shadow: none;}
.misa_navph li.hassub ul li{padding: 0;display: inline;}
.misa_navph li.hassub ul li a{color: #fff;font-size: 14px; line-height: 35px;margin: 0 20px 0 0;padding: 0;border: none;display: inline-block;}
.misa_navph2{background: #f8f8f8;position: fixed;}
.misa_navph2 .navlink{color: #000;}
.misa_navph2 li.hassub ul li a{color: #000;}

	
}
@media screen and (max-width:850px){ 	
	.link{zoom: 80%;}
	.line span:nth-child(5),.line span:nth-child(6),.line span:nth-child(7),.line span:nth-child(4){display: none;}


	.misa_banner,.misa_banner .swiper-slide{height:70vh;}
	.misa_bannerm h2{font-size: 25px;}
	.misa_bannerm p{font-size: 15px;padding: 15px 0 35px;}
	.misa_bannerb{bottom: 20px!important;}
	.misa_float{display: none;}
	.misa_sygy{padding: 75px 0 65px;}
	.misa_sygyl{display: none;}
	.misa_sygyr{width: 100%;}
	.misa_sygyr h2{font-size: 30px;}
	.misa_sygyr p{padding: 15px 0 25px;}
	.misa_synum{padding: 60px 0 0;}
	.misa_synum li{width: 50%; margin-bottom: 60px;}
	.misa_synum li h2{font-size: 40px;}
	.misa_syproject{padding: 100px 0 0}
	.misa_title{zoom: 80%;}
	.misa_syprojectm{padding: 45px 0 0;max-height: in;}
	.misa_syprojectmt{width: 100%;overflow: hidden;max-height: calc(100vw*0.6);}
	.misa_syprojectmt .swiper-slide{padding: 0 15px;}
	.misa_syprojectmtmtxt{zoom: 80%;display: none;}
	.misa_syprojectmtmtxt2{width: 100%;position: absolute;left: 0; bottom: 0;text-align: center;padding: 0 5px;box-sizing: border-box;display: block;}
	.misa_syprojectmtmtxt2::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;bottom: 0;background: #000; opacity: 0.4;}
	.misa_syprojectmtmtxt2 span{position: relative; z-index: 1;color: #fff;font-size: 13px;max-width: 100%;line-height: 40px;vertical-align: top;}
	.misa_syprojectb{padding: 5px 0 0;}
	.misa_syxwmb{padding: 25px 0 0;}
	.misa_syprojectb .swiper-pagination-bullet, .misa_syxwmb .swiper-pagination-bullet{margin: 0 5px!important;}
	.misa_sygybgr,.misa_sygybgl{zoom: 50%;}
	.misa_syys{padding: 50px 0;}
	.misa_syysm li{width: calc((100% - 18px)/2);padding: 35px 15px 20px;margin:3px;}
	.misa_syysm li .mid span,.misa_syysm li .mid h2{zoom: 80%;}
	.misa_syysm li .mid p{height: auto;font-size: 14px; line-height: 25px;}
	.misa_syxw{padding: 100px 0 60px;}
	.misa_syxwm{margin: 45px 0 0;}
	.misa_syxwmidb{zoom: 80%;}
	.misa_footert,.misa_footerb{display: none;}
	.misa_footerph{padding: 35px 30px;color: #bbb; text-align: center;display: block;}
	.misa_footerph h2 a{color: #fff;font-size: 25px;}
	.misa_footerph h3{font-size: 14px;padding: 5px 0 15px;}
	.misa_footerph li{margin: 0 15px;text-align: center;}
	.misa_footerph li img{width: 85px;}
	.misa_footerphb{padding: 0 15px 30px;color: #bbb;font-size: 13px;display: block;}
	.misa_footerphb a{color: #bbb;}
	.misa_footerbr a{margin: 0 10px;zoom: 80%}
	.misa_subnav li{zoom: 80%;margin: 0 15px 10px 15px;}
	.misa_allbbox{padding: 60px 0;}
	.misa_allb{padding: 30px 0 0;}
	.misa_allb li{width: calc((100% - 15px)/2); margin: 0 15px 20px 0;}
	.misa_allb li:nth-child(3n){margin-right: 15px;}
	.misa_allb li:nth-child(2n){margin-right: 0;}
	.misa_allb li h3{width: 100%;position: absolute;left: 0; bottom: 0;text-align: center;padding: 0 5px;box-sizing: border-box;display: block;}
	.misa_allb li h3::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;bottom: 0;background: #000; opacity: 0.4;}
	.misa_allb li h3 span{position: relative; z-index: 1;color: #fff;font-size: 13px;max-width: 100%;line-height: 40px;vertical-align: top;}
	.misa_allb li .misa_syprojectmtmtxt{display: none;}
	
	.misa_xwlb{padding: 30px 0 0;}
	.misa_xwlb li{width: calc((100% - 10px)/2);margin: 0 10px 20px 0;}
	.misa_xwlb li:nth-child(3n){margin-right: 10px;}
	.misa_xwlb li:nth-child(2n){margin-right: 0;}
	.misa_xwlb .misa_syxwmidb{padding: 10px 10px 15px;height: auto;}
	.misa_xwlb .misa_syxwmidb h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;white-space: initial;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;}
	.misa_xwlb .misa_syxwmidb p{display: none;}
	.misa_xwlb .misa_iconbtn{zoom: 80%}
	.misa_gywm{padding: 0 0 60px;}
	.misa_gywmt{padding: 60px 0 55px;}
	.misa_gywmtl{width: 100%;text-align: left;padding: 0; margin-bottom:25px;}
	.misa_gywmtl h2{font-size: 30px;}
	.misa_gywmtl span{width: 60px;height: 1px;}
	.misa_gywmtr{width: 100%;padding-left: 0;margin-right: 0;font-size: 14px;}
	.misa_gywmsppic{height: 400px;}
	.misa_gywmsp span{zoom: 60%;}
	.misa_gywm .misa_synum{padding: 60px 0 0;}
	.dowebok1{margin: 20px 0 10px;}
	.logopic{width: calc((100vw - 30px)/3); margin: 0 5px;height: 58px;}
	.misa_lx{padding: 60px 0 100px;}
	.misa_lxl{width: 100%;}
	.misa_lxr{padding: 30px 0 0;width: 100%;flex: auto;}
	.misa_lxl h2{padding-bottom: 30px;}
	.misa_lxl li p{font-size: 16px;}
	.misa_lxricon{left: 50%;transform: translateX(-50%); zoom: 90%;bottom: -60px;}
	.misa_alxq{padding: 60px 0;}
	.misa_alxqm{padding: 25px 15px;}
	.misa_alxqml{width: 100%;padding: 0 0 20px;}
	.misa_alxqmlt h2{font-size: 20px;}
	.misa_alxqmlt .social-share .social-share-icon{margin: 0 1px;}
	.misa_alxqmlm{padding: 30px 0 15px;}
	.misa_alxqmrm li p{padding: 15px 0 30px;font-size: 16px;}
	.misa_xwxqml{width: 100%;padding: 0 0 20px;}
	.misa_xwxqlm{padding: 25px 15px;}
	.misa_alxqmr{width: 100%;}
	.misa_xwxqmrm li a{line-height: 40px;}

}

@keyframes pxl_scale_in_out {
	0% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
	50% {
	  -webkit-transform: scale(1.3);
	  transform: scale(1.3);
	}
	100% {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}
  }
@keyframes circleScale {
	0% {
	  opacity: 1;
	  transform: scale(0.7);
	}
	100% {
	  opacity: 0;
	  transform: scale(1);
	}
  }
@keyframes pxl_grid_fall {
	0% {
	  top: 0%;
	}
	100% {
	  top: 100%;
	}
  }
  @keyframes full_circle {
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes pxl_scale_lr {
	0% {
	  transform: scaleX(1);
	}
	50% {
	  transform: scaleX(0);
	}
	100% {
	  transform: scaleX(1);
	}
  }
  @keyframes pxl_scale_lr2 {
	0% {
	  transform: translate(-50%, -50%) scale(1);
	}
	50% {
	  transform: translate(-50%, -50%) scale(0.8);
	  background: #fff;
	}
	100% {
	  transform: translate(-50%, -50%) scale(1);
	}
  }

  @keyframes pxl_spin {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }  
  @keyframes pxl_menu_trans {
	0% {
	  opacity: 0;
	  transform: translateY(20px);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0px);
	}
  }

  /**discuz**/
  #toptb{position: relative; z-index:199;min-width: initial}
  #nv_portal #controlheader span, #nv_portal #controlheader a{display: inline;}
  #button_more,#navcancel a{font-size: 0;}
  #button_more::before{font-size: 14px;}
  #navcancel a:before{font-size: 14px;}
  .fwinmask{top: 50%!important;transform: translateY(-50%);}
  table{font-size: 12px;}
  .frame{margin: 0;border: none;background: none;}
  #nv_portal .xi1.bm{display: none;}