body{ font-size:12px; position: relative;color: #666;font-family:"\5FAE\8F6F\96C5\9ED1";  overflow-x: hidden; background: #ECF0F3;  }
a{ text-decoration:none; transition:all 0.4s}
a:hover{ text-decoration:none;}
input,button,textarea{outline: none;font-family:"\5FAE\8F6F\96C5\9ED1";  }
input::-ms-input-placeholder {   color: #999;}
input::-webkit-input-placeholder {   color: #999}
.wrap{max-width: 1200px;width: 100%; margin: 0 auto; position: relative; z-index: 2;}
.boxshadow{box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;}
.gradient{background: linear-gradient(145deg, #e2e8ec, #ffffff);}
.line{border-bottom: 1px solid #d0d0d0;position: relative;}
.line::after{content: '';display: inline-block;width: 100%;height: 1px;background: #fff; position: absolute;left: 0;bottom: -2px;}
.br8{border-radius: 8px;}
.br4{border-radius: 4px;}
.link0{color: #333;}
.link0:hover{color: #ff014f;}

*::-webkit-scrollbar-thumb {
	background: #3c3e41;
	border-color: #3c3e41;
	}
*::-webkit-scrollbar-track {
	background: #dce1e4;
	border-color: #dce1e4;
	}

.misa_header{position: fixed;left: 0;top: 0; z-index: 99;padding: 15px;box-sizing: border-box;border-bottom: 1px solid #dce1e4;width: 100%; transition: all 0.4s;background-color: #ECF0F3;}
.misa_header.top{ box-shadow: 10px 10px 19px rgba(0, 0, 0, 0.1);}
.misa_header.ydl{top: 28px;}
#nv_portal #toptb{width: 100%;position: fixed;left: 0;top: 0; z-index: 100;}
#nv_portal #toptb>.wp{width: 100%;box-sizing: border-box;padding: 0 15px;}
#nv_portal #controlpanel{top: 28px;}
.misatr{position: relative;}
.misatr #diy-tg_menu{left: initial!important;top: 24px!important;right: 1px!important;}
#nv_portal .frame{background: none;}
#nv_portal #pt{padding: 40px 0;background: linear-gradient(145deg, #e2e8ec, #ffffff); margin: 0 0 60px;}
#nv_portal #pt .z{float: none;padding: 0;max-width: 1200px;width: 100%; position: relative; margin: 0 auto;}
#nv_portal .area{box-sizing: border-box;width: 100%;}
#nv_portal #controlheader span,#nv_portal #controlheader a{display: inline;}


.logo img{max-height: 50px;}
.misa_nav li{position: relative;padding: 0 15px; display: flex; justify-content: center; align-items: center;}
.misa_navlink{color: #333;line-height: 60px;font-size: 16px;font-weight:500;}
.misa_nav li i{color:#333;font-weight:500;}
.misa_nav li:hover .misa_navlink,.misa_nav li.now .misa_navlink,.misa_nav li:hover i,.misa_nav li.now i{color: #ff014f;font-weight: bold;}
.misa_subnav{position: absolute;left: 50%;top: 100%;transform: translateX(-50%);background: linear-gradient(145deg, #e2e8ec, #ffffff);min-width: 160px;padding: 15px 0;transition: all .3s ease; opacity: 0; visibility: hidden;border-radius: 4px;}
.misa_subnav a{width: 100%; text-align: center;color:#333;line-height: 45px;font-size: 15px;font-weight: 500;}
.misa_subnav a:hover{color: #ff014f;font-weight: bold;}
.misa_nav li:hover .misa_subnav{opacity: 1; visibility: visible;}
.misa_ssicon{width: 45px;height: 45px;border-radius: 50%; position: relative; cursor: pointer;}
.misa_ssicon i{color: #333;font-weight: 500; position: relative; z-index: 2; transition: all 0.4s;}
.misa_ssicon::after{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0; top: 0;border-radius: 50%;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff); transition: all 0.4s;}
.misa_ssicon:hover::after{transform: scale(1.1);}
.misa_ssicon:hover i{color: #ff014f;}
.tcss{position: absolute;top: 100%;right: 0; opacity: 0; visibility: hidden; transition: all 0.4s;}
.tcssm{border: 2px solid #dce1e4;padding: 0 90px 0 20px; position: relative;border-radius: 4px;}
.ss_input{border: none;background: none;width: 250px;height: 50px; font-size: 15px;color: #333;}
.ss_btn{border: none;width: 52px;height: 40px;border-radius: 3px;background: #ff014f; position: absolute;top:5px;right: 10px;}
.ssbox{position: relative;}
.ssbox:hover .tcss{visibility: visible; opacity: 1;}

.misa_banner{height: calc(100% - 90px);width: 100%;overflow: hidden; position: relative;}
.misa_banner .swiper-slide{height: calc(100vh - 90px);background-position: center center;background-repeat: no-repeat;background-size: cover;}
.misa_bannerb{position: absolute;width: 100%; left: 0; bottom: 30px!important; z-index: 10;}
.swiper-page .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background: #c4cfde; opacity: 1; margin: 0 8px!important;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;}
.swiper-page .swiper-pagination-bullet-active{background: #ff014f;}
.sybox{padding: 70px 0;}
.sybox1l{box-sizing: border-box;width: 38%;padding: 30px;border-radius: 8px;}
.sybox1l img{border-radius: 8px;}
.sybox1r{box-sizing: border-box;padding-left: 50px;width: 62%;}
.mstitle h2{color: #333;font-weight: 500;font-size: 30px; line-height: 45px;}
.mstitle p{color: #999;font-size: 13px;line-height: 20px;padding-top: 10px;}
.sybox1rm{color: #333;font-size: 14px; line-height: 25px;padding: 25px 0 30PX;}
.link{border-radius: 6px;padding: 15px 35px;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff);color: #333; position: relative;display: inline-block; transition: all 0.4s;}
.link span{position: relative; z-index: 2;font-style: normal;}
.link::after{border-radius: 6px;content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; z-index: -1; transition: all 0.4s;}
.link:hover{color: #fff; transform: translateY(-5px);}
.link:hover::after{ z-index: 1;background: linear-gradient(145deg,#ff014f,#d11414);}
.cpbox li{width: calc((100% - 90px)/4);margin: 0 30px 30px 0;}
.cpbox li:nth-child(4n){margin-right: 0;}
.cppic{position: relative;border-radius: 6px;}
.cppic::before{content: '';display: inline-block;width: 100%;padding-top: 100%;}
.cppicm{box-sizing: border-box;position: absolute;left: 50%;top: 50%; z-index: 2;width: calc(100% - 30px);height: calc(100% - 30px); transform: translate(-50%,-50%); overflow: hidden;border-radius: 8px;}
.cppicm img{max-width: 100%;max-height: 100%; transition: all 0.4s}
.cpbox li h3{text-align: center;color: #333;padding: 25px 0 15px;font-size: 16px;transition: all 0.4s; margin: 0 10px;}
.cpbox li:hover img{transform: scale(1.1);}
.cpbox li:hover h3{color: #ff014f;}
.albox{position: relative;}
.syalbox,.sycpbox{margin-top: 50px;}
.alboxmb,.xwzxmb{display: none;}
.alboxm{overflow: hidden;position: relative; z-index: 1;}
.albox li{width: calc((100% - 60px)/3);margin: 0 30px 30px 0;}
.albox li:nth-child(3n){margin-right: 0;}
.albox li a,.alboxm .swiper-slide a{width: 100%; position: relative; overflow: hidden;}
.alpic{position: relative;border-radius: 6px; z-index: 1; overflow: hidden;}
.alpic::before{content: '';display: inline-block;width: 100%;padding-top: 120%;}
.alpicm{box-sizing: border-box;position: absolute;left: 50%;top: 50%; z-index: 2;width: calc(100% - 40px);height:calc(100% - 40px); transform: translate(-50%,-50%);  overflow: hidden; border-radius: 8px;}
.alpicmm{width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
.alb{position: absolute;width: calc(100% - 40px);left: 20px;bottom: 20px; z-index: 2;border-radius: 10px;padding: 15px 15px 10px;box-sizing: border-box;transition: all 0.5s;  background: linear-gradient(180deg, rgba(25, 27, 38, 0), rgba(25, 27, 38, .56));}
.alb h3{text-align: center;color: #fff;font-size: 16px;transition: all 0.4s; line-height: 26px;}

.albox li:hover .alpicmm,.alboxm .swiper-slide a:hover .alpicmm{transform: scale(1.1);}
.albtn{position: absolute;top: 50%;transform: translateY(-50%); z-index: 2;width: 60px;height: 60px; cursor: pointer;}
.albtn::before{content: '';display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-shadow: 5px 5px 15px rgba(209,217,230,0.2), -5px -5px 15px rgba(255,255,255,0.2);background: linear-gradient(145deg, #e2e8ec, #ffffff); transition: all 0.4s; position: absolute; z-index: 1; left: 0;top: 0;}
.albtn:hover::before{transform: scale(1.1);}
.albtn i{position: relative; z-index: 2;color: #333;font-size: 16px;font-weight: bold; transition: all 0.4s;}
.albtn:hover i{color: #ff014f;}
.albtnl{left: -30px;}
.albtnr{right: -30px;}
.xwzx{padding: 50px 40px 50px 0; position: relative; margin-top: 50px;}
.xwzxm{overflow: hidden;}
.xwzx::before{content: '';display: inline-block;width: calc(100% - 100px);position: absolute;left: 100px;top: 0;background: linear-gradient(145deg, #e2e8ec, #ffffff);height: 100%;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;border-radius: 8px;}
.xwzxl{width: 570px;height: 400px; overflow: hidden; position: relative; z-index: 2;border-radius: 8px;}
.xwzxl img{max-width: 570px;max-height: 400px; transition: all 0.3s;border-radius: 8px;}
.xwzxl:hover img{transform: scale(1.1);}
.xwzxr{position: relative; z-index: 2;width: 470px;padding: 0 40px 0 20px;}
.xwzxrm{overflow: hidden;}
.xwzxrm span{color: #999;font-size: 12px;}
.xwzxrm h3{color: #333;font-size: 20px;padding: 15px 0 20px; transition: all 0.4s;}
.xwzxrm p{color: #666;font-size: 14px; line-height: 24px;}
.link2{border-radius: 20px;padding: 15px 35px;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff);color: #ff014f; position: relative;display: inline-block; transition: all 0.4s;}
.link2 em{position: relative; z-index: 2;font-style: normal;}
.link2::after{border-radius: 20px;content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0; z-index: -1; transition: all 0.4s;}
.xwzxrm:hover .link2{color: #fff; transform: translateY(-5px);}
.xwzxrm:hover .link2::after{ z-index: 1;background: linear-gradient(145deg,#ff014f,#d11414);}
.xwzxrm:hover h3{color: #ff014f;}
.xwbtn{position: absolute;top: 50%;transform: translateY(-50%); z-index: 2;width: 40px;height: 40px; cursor: pointer;}
.xwbtn::before{content: '';display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-shadow: 5px 5px 15px rgba(209,217,230,0.2), -5px -5px 15px rgba(255,255,255,0.2);background: linear-gradient(145deg, #e2e8ec, #ffffff); transition: all 0.4s; position: absolute; z-index: 1; left: 0;top: 0;}
.xwbtn:hover::before{transform: scale(1.1);}
.xwbtn i{position: relative; z-index: 2;color: #333;font-size: 16px;font-weight: bold; transition: all 0.4s;}
.xwbtn:hover i{color: #ff014f;}
.xwbtnl{left:585px;}
.xwbtnr{right:20px;}
.footertl li{padding-right: 60px;}
.footertl li:last-child{padding-right: 0;}
.footertl li h3{color: #333;font-size: 16px;padding-bottom: 10px; line-height: 24px;}
.footertl li h3 a{color: #333;font-size: 16px;}
.footertl li p{padding-bottom: 4px;}
.footertl li a{color: #666;line-height: 28px;font-size: 13px; position: relative;}
.footertl li a::after{content: '';display: inline-block;width: 0; position: absolute;left: 0; bottom: 0;background: #ff014f;height: 1px; transition: all 0.4s;}
.footertl li a:hover{color: #ff014f;}
.footertl li a:hover::after{width: 100%;}
.footerb a{color: #666;}
.float{position: fixed;right: 10px; top: 50%; transform: translateY(-50%); z-index: 888;display: none;}
.flom{margin: 10px 0;position: relative;padding-left: 20px;}
.flomicon{width: 46px;height: 46px;border-radius: 4px; cursor: pointer; color: #666;transition: all 0.4s;}
.floml{position: absolute;top: 0;right: 10px;color: #333;font-size: 18px;white-space: nowrap;border-radius: 4px; transition: all 0.4s; visibility: hidden; opacity: 0;}
.flom:hover .flomicon{color: #fff;background: linear-gradient(145deg,#ff014f,#d11414);}
.flom:hover .floml{right: 60px; opacity: 1; visibility: visible;}

.subbanner{position: relative; text-align: center; height: 350px; background-position: center center;background-repeat: no-repeat;background-size: cover;}
.subbanner img{max-width: 100%; vertical-align: top; position: relative; z-index: 1;}
.subbtxt{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%); z-index: 2;color: #fff; text-align: center;}
.subbtxt h2{font-size: 40px; line-height: 55px;}
.subbtxt p{font-size: 16px; opacity: 0.6; line-height: 24px;}
.breadcrumb{padding: 40px 0;}
.breadcrumb a{color: #333;}
.breadcrumb a:hover{color: #ff014f;}
.gsjsl{width: 50%;color: #333;font-size: 14px; line-height: 25px;}
.gsjsr{width: 45%;box-sizing: border-box;}
.gsjsr video{border-radius: 8px;}
.gspic{overflow: hidden;}
.gspic .swiper-slide{position: relative;;padding: 15px;border-radius: 8px;box-sizing: border-box;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff);}
.gspic .swiper-slide::before{content: '';display: inline-block;width: 50%;padding-top: 60%; position: relative; z-index: 1;}
.gspicm{position: absolute;left: 50%;top: 50%; z-index: 2;transform: translate(-50%,-50%);width: calc(100% - 30px);height: calc(100% - 30px);border-radius: 8px;overflow: hidden;}
.gspicmm{width: 100%;height: 100%;transition: all 0.4s;background-position:center center; background-repeat: no-repeat; background-size: cover;}
.gspicm:hover .gspicmm{transform: scale(1.1);}

.lxwml{width: 35%;box-sizing: border-box;height: 500px;}
.lxwml h2{color: #333;font-size: 25px; line-height: 50px;padding-bottom: 15px;}
.lxwml p{font-size: 17px; line-height: 30px;padding: 10px 0;}
.lxwmr{width: 58%;box-sizing: border-box;height: 500px;}
.map{width: 100%;height:100%;}
.menu a{margin: 0 15px;}
.menu .link span{font-size: 14px; color: #333;}
.menu .link.now span,.menu .link:hover span{color: #fff;}
.menu .link.now::after{ z-index: 1;background: linear-gradient(145deg,#ff014f,#d11414);}

.page a,.page strong{border-radius: 4px;width: 42px;line-height: 42px;height: 42px; border: none; text-align: center;color: #333;font-size: 14px; margin: 0 8px;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff)}
.page strong{color: #fff;box-shadow: none;background: linear-gradient(145deg,#ff014f,#d11414);}
.page label{display: none;}
.xwlb li{border-radius: 8px;box-shadow: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;background: linear-gradient(145deg, #e2e8ec, #ffffff); margin-bottom: 40px; padding: 30px;position: relative; transition: all 0.4s; cursor: pointer;}
.xwpic{overflow: hidden;border-radius: 8px;width: 20%; position: relative; z-index: 2;}
.xwpic::before{content: '';display: inline-block;width: 100%; padding-top: 75%; position: relative; z-index: 1;}
.xwpicm{width: 100%;height: 100%;position: absolute;left: 0;top:0;background-position: center center;background-repeat: no-repeat; background-size: cover; transition: all 0.4s;}
.xwlb li:hover .xwpicm{transform: scale(1.1);}
.xwlbr{box-sizing: border-box;padding-left: 30px;width: 80%; position: relative; z-index: 2;}
.xwlbr h2 a{color: #000;font-size: 20px; line-height: 20px; transition: all 0.4s;}
.xwlbr p{margin: 20px 0;color: #666;font-size: 14px; line-height: 22px;height: 66px;}
.xwlb li:hover{transform: translateY(-10px);}
.xwlb li:hover h2 a{color: #ff014f;}
.cpxqt{padding: 70px 0;}
.cpxqtl{width: 45%;box-sizing: border-box;padding: 0 35px;height: 340px;border-radius: 8px;overflow: hidden;}
.cpxqtl img{max-width: 100%;max-height: 340px;border-radius: 8px;}
.cpxqtr{width: 50%;}
.cpxqtr h2{color: #333;font-size: 22px; line-height: 40px; padding-bottom: 10px;}
.cpxqtrb{color: #666;font-size: 15px; line-height: 35px;white-space: pre-line;}
.cptab span{padding: 30px 50px;color: #000;font-size: 18px;}
.cpms{padding: 50px 0 0; color: #666;font-size: 14px; line-height: 25px;}
.cpms img{max-width: 100%;}
.xwl{width: 70%;}
.xwr{width: 25%;}
.xwrlb li{padding:0 15px 25px;}
.xwrlb li .xwpic{width: 32%;border-radius: 4px;}
.xwrlb li .xwlbr{width: 68%; padding-left: 15px;height: 55px;}
.xwrlb li .xwlbr h2{font-size: 16px;}
.xwrlb li:hover h2{color: #ff014f;}
.xwrlb li:hover .xwpicm{transform: scale(1.1);}
.fllink a{margin: 0 8px 12px 0;}
.sxtxt{max-width: calc((100% - 30px)/2);}
.sxtxt a{box-sizing: border-box;}
/**20231202**/
.switch{ display:none}
.switch+label{display:inline-block; width:100%; height:100%; position: relative;}
.switch+label::before{content: '';display: inline-block;width: 20px;height: 20px;border-radius: 50%; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);  transition: 250ms ease-in-out;    background: linear-gradient(#999 10%, #666);   box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.5em 0.3em -0.1em rgba(0, 0, 0, 0.25);}
.flom:hover .switch+label::before{background: linear-gradient(#f5f5f5 10%, #eee);}
.switch:checked+label::before{background: linear-gradient(#f5f5f5 10%, #eee);}