

#timedElement{width: 100%;position: relative;z-index: 999;}
div{max-width:600px;}
.top_line{position:relative;height: 0.25rem;width: 100%;overflow: hidden;}
.top_line .nav_line{ height:0.3rem}
.yes-scroll{ overflow:auto; }
.no-scroll { overflow:hidden; }
.c_body{max-width:600px; margin:0 auto; }
.c_body.no-scroll {overflow: hidden;height: 100%;}
html{ height:100%;}

.loading{width:100%;position:absolute;z-index: 1001;animation-delay: 2.2s;max-width:600px;margin:0 auto;top: 0;}
.loading_card_all {position:absolute;bottom: 0.7rem;width: 100%;animation-delay: 2.2s;max-width:1200px; margin:0 auto;}
.loading_card{width: 100%;margin: 0 auto;overflow: hidden;position: relative;animation-delay: 2.2s; }
.loading img{ width:100%;}
.loading img.loading_bg{ opacity:0;}
.loading .loading_card_all .loading_card img.fadeout{opacity:0;animation-delay: 0.8s; }
.loading .loading_card_all .loading_card img:nth-of-type(2){position:absolute;left: 0;width: 36%;bottom: 53%;}
.loading .loading_card_all .loading_card img:nth-of-type(3){position:absolute;right: 0;width: 63.5%;bottom: 53%;}
.loading_white{animation-delay: 2s;background-color:#fff;width:100%;height: 500%;position:absolute;z-index: 1000;}


.card_mini_all{position:fixed;top:0;width:100%;height: 3.5rem;z-index: 999;}
.card_mini{width: 94%;height: 3.5rem;border-bottom-left-radius: 1.6rem;border-bottom-right-radius: 1.6rem;overflow: hidden;top: 0;z-index: 0;background-color: #fff;box-shadow: 0 0 0.4rem #00191326;opacity: 0;transform: translateY(-2rem);transition: all 0.4s ease;margin: 0 auto;}
.card_mini.active{opacity: 1;transform: translateY(0);z-index: 999;}
.card_mini img{ width:100%;}
.card_mini .card_b_up{position:absolute;top: 0.3rem;left:0;width:100%}
.card_mini .card_b_up .card_b_up1{width: 2.8rem;float:left;border: 0.13rem solid #e8f1f2;overflow:hidden;border-radius:5rem;margin-left: 0.4rem;box-sizing: border-box;}
.card_mini .card_b_up .card_b_up1 img{border-radius:5rem;box-sizing:border-box}
.card_mini .card_b_up .card_b_up2{width: 26.4%;opacity: 0.15;float: left;margin: 0.6rem 0 0 0.4rem;}
.card_mini .card_b_up .card_b_upt{float:left;padding-left: 0.4rem;}
.card_mini .card_b_up .card_b_upt h3{font-size: 1rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin: 0.35rem 0 0.35rem 0;line-height: 1.2rem;}
.card_mini .card_b_up .card_b_upt span{font-size: 0.6rem;color:#0095ac;font-weight: normal;}
.card_mini ul{float: right;width: 4.4rem;margin: 0.47rem 0.6rem 0 0;}
.card_mini ul a{float:left;display:block;width: 2rem;color:#333;font-size:0.65rem;margin-left: 0.4rem;}
.card_mini ul a:nth-of-type(1){margin-left:0}
.card_mini ul a:nth-of-type(2){margin-right:0}
.card_mini ul li{width:100%}
.card_mini ul li img{display:block;width: 100%;margin:0 auto}
.card_mini_all.invisible{ z-index:10;}

.backToTop{opacity: 0;transform: translateY(20px);transition: all 0.4s ease;position: fixed;height: 2rem;width: 100%;bottom: 0;z-index: 0;background: linear-gradient(to top, #123f3a80 0%, #00000000 100%);}
.backToTop img{margin:0 auto;display: block;opacity: 1;margin-top: 0.5rem;height: 1rem;}
.backToTop.active{opacity: 1;transform: translateY(0);z-index: 999;}
.backToTop.invisible{ z-index:10;}


.card{width:100%;position:relative;z-index: 999;}
.card img{width:100%}
.card .card_head{position:absolute;top:0;width:100%}
.card .card_head img{display:block}
.card .card_head .head_white{width:23%;margin:0 auto;margin-top:0.75rem}
.card .card_head .head_moon{width:42%;margin:0 auto;margin-top:-0.82rem}
.card .card_head p{font-weight:lighter;color:#5c9d98;letter-spacing:0.33rem;font-size:0.65rem;display:block;text-align:center;box-sizing:border-box;padding-left:1.6%;margin-top:0.2rem}
.card .card_body{width:100%;position:absolute;bottom:0.7rem}
.card .card_body_box{width:90%;background-color:#fff;margin:0 auto;border-radius:0.7rem;box-shadow:0 0 0.4rem #00191342;position:relative}
.card .card_b_up{position:absolute;top:0.8rem;left:0;width:100%}

.card .card_b_up .card_b_up1{width:18.4%;float:left;border:0.08rem solid #e8f1f2;overflow:hidden;border-radius:5rem;margin-left:0.96rem}
.card .card_b_up .card_b_up1 img{border:0.07rem solid #fff;border-radius:5rem;box-sizing:border-box}
.card .card_b_up .card_b_up2{width:33.8%;opacity:0.15;float:right;margin:0.53rem 0.8rem 0 0}
.card .card_b_up .card_b_up2 img{ float:left;}
.card .card_b_up .card_b_up2 img:nth-of-type(1){ width:36.25%}
.card .card_b_up .card_b_up2 img:nth-of-type(2){ width:63.65%}
.card .card_b_up .card_b_upt{float:left;padding-left:0.7rem}
.card .card_b_up .card_b_upt h3{font-size:1.2rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.45rem 0 0.4rem 0}
.card .card_b_up .card_b_upt span{font-size:0.65rem;color:#0095ac;font-weight: normal;}
.card .card_b_down{position:absolute;top: 5.55rem;left:0;width:100%}
.card .card_b_down .card_b_downl{float:left;margin-left:2.6rem;}
.card .card_b_down .card_b_downl ul li{color:#333;font-size:0.65rem;line-height: 1.3rem;height: 1.3rem;}
.card .card_b_down .card_b_downr{float:right;width:20%;margin:1.2% 5% 0 0}
.link{width:100%;overflow:hidden;background-color:#f8f8f8}
.link ul{width:83%;margin:0 auto;overflow:hidden;margin-top:0.7rem;margin-bottom:1.7rem}
.link ul a{float:left;display:block;width:20%;color:#333;font-size:0.65rem;margin:0 3.3%}
.link ul a:nth-of-type(1){margin-left:0}
.link ul a:nth-of-type(4){margin-right:0}
.link ul li{width:100%}
.link ul li h4{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top:0.6rem;color:#333}
.link ul li img{display:block;width:68%;margin:0 auto}
.link ol{width:83%;margin:0 auto;overflow:hidden;margin-bottom:1.5rem}
.link ol a{float:left;display:block;width:20%;color:#000;font-size:0.57rem;margin: 0 3.3%;position: relative;z-index: 99;}
.link ol a:nth-of-type(1){margin-left:0}
.link ol a:nth-of-type(4){margin-right:0}
.link ol li{width:100%}
.link ol li h4{font-weight:normal;text-align:center;letter-spacing:0.02rem;margin-top:0.3rem;color:#333}
.link ol li img{display:block;width:44%;margin:0 auto}

.update_bg{background-color:rgba(0,0,0,0.50);width:100%;height:100%;position:absolute;z-index:99}
.update_bg2{background-color: rgba(0,0,0,0.85);width:100%;height:100%;position:absolute;z-index:99}
.update_box{top:5%;margin:0 auto;position:relative;z-index:99;border-radius:0.8rem;overflow:hidden;width: 92%;max-width:1700px;background-color: #fff;height: 90%;}
.section-title{overflow:hidden}
.section-title o{float:right;color:#acacac;font-size:2rem;width:2rem;height:2rem;line-height:1.8rem;font-weight:lighter;background-color:#f1f1f1;padding:0;top:0;text-align:center;cursor:pointer; background-image:url(../image/close.png); background-size:100%;}
.section-title o:hover{background:#8ecbc5;color:#ffffff;opacity:1; background-image:url(../image/close_w.png); background-size:100%;}
.update_box h2{padding-top:30px}
.update_box .c_content{overflow:auto;box-sizing:border-box;padding: 4% 5% 0 5%;height: 88%;}
.update_box .top0{ padding-top:0;}

.notification{position:fixed;top:2rem;left:0.5rem;background-color: #4caf94;color:white;padding: 0.6rem 1rem;border-radius: 0.36rem;box-shadow: 0 0.16rem 0.48rem rgba(0,0,0,0.15);transform: translateX(-150%);transition:transform 0.4s ease;z-index:1000;font-size: 0.6rem;}
.notification.show{transform:translateX(0)}
.update_box2{margin:0 auto;position:relative;z-index:99;overflow:hidden;width: 100%;margin-top: 6rem;}
.update_box2 .box_height{opacity: 0;width: 100%;}
.update_box2 .section-title{overflow:hidden}
.update_box2 .section-title o{float:right;color:#acacac;font-size:2rem;width:2rem;height:2rem;line-height:1.8rem;font-weight:lighter;padding:0;top:0;text-align:center;cursor:pointer;background:none;background-image:url(../image/close.png); background-size:100%;}
.update_box2 .section-title o:hover{background:#8ecbc5;color:#ffffff;opacity:1;background-image:url(../image/close_w.png); background-size:100%;}
.update_bg2 .section-title{overflow:hidden}
.update_bg2 .section-title o{float:right;color:#acacac;font-size:2rem;width:2rem;height:2rem;line-height:1.8rem;font-weight:lighter;padding:0;top:0;text-align:center;cursor:pointer;background:none;background-image:url(../image/close.png); background-size:100%;}
.update_bg2 .section-title o:hover{background:#8ecbc5;color:#ffffff;opacity:1;background-image:url(../image/close_w.png); background-size:100%;}

.desw .section-title{overflow:hidden;position: relative;z-index: 100;}
.desw .section-title o{float:right;color:#acacac;font-size:2rem;width:2rem;height:2rem;line-height:1.8rem;font-weight:lighter;padding:0;top:0;text-align:center;cursor:pointer; background:none;background-image:url(../image/close.png); background-size:100%;}
.desw .section-title o:hover{background:#8ecbc5;color:#ffffff;opacity:1;background-image:url(../image/close_w.png); background-size:100%;}
.desw .update_box2{margin-top: 40%;padding-top: 1rem;}

.update_box2 .box_video{position:absolute;top: 0;width: 100%;height: 100%;}
.update_box2 h2{padding-top:30px}
.update_box2 .c_content2{overflow:auto;box-sizing:border-box;width: 100%;position: absolute;bottom: 0.45rem;}
.update_box2 .c_content2 img{border-top: 2px solid #ffffff75;border-bottom: 2px solid #ffffff75;}


.card_b_down .c_content3{}

.des {position: fixed;top:0;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease;overflow:hidden;width:100%;height:100%;left:0;z-index: 0;left: 50%;transform: translateX(-50%);}
.des.active {opacity: 1;visibility: visible;z-index: 999;}


.link .c_content3{padding-top: 1rem;padding-bottom: 2rem;}

.link .desw img{display:block;width:100%;box-sizing: border-box;}
.link .desw h3{font-size: 1.2rem;background: #fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin: 1.4rem 0 0.6rem 0;text-align:center;font-weight: normal;letter-spacing: 0.1rem;}
.link .desw span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .desw .t_head{width: 71%;overflow: hidden;margin: 0 auto;border: 0.3rem solid #43505d;background-color: #fff;}
.link .desw dl{padding: 4rem 0 0 0;overflow:hidden;width: 80%;margin: 0 auto;}
.link .desw dl a{float:left;display:block;width:28.8%;color:#333;font-size:0.65rem;margin:0 3.3%}
.link .desw dl a:nth-of-type(2) dd{color:#e84028; }
.link .desw dl a:nth-of-type(1){margin-left:0}
.link .desw dl a:nth-of-type(3){margin-right:0}
.link .desw dd{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top:0.6rem;color: #fff;font-size: 0.8rem}
.link .desw dt img{display:block;width:68%;margin:0 auto;border: none;}

.link .dest img{display:block;width:100%;border: 0.2rem solid #ffffff;border-radius: 5rem;box-sizing: border-box;}
.link .dest h3{font-size: 1.6rem;background: #fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin: 3rem 0 0.6rem 0;text-align:center;font-weight: normal;letter-spacing: 0.1rem;}
.link .dest span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .dest .t_head{width: 38%;overflow: hidden;border-radius: 5rem;margin: 0 auto;border: 0.3rem solid #43505d;}
.link .dest dl{padding: 2.4rem 0 0 0;overflow:hidden;width: 80%;margin: 0 auto;}
.link .dest dl a{float:left;display:block;width:28.8%;color:#333;font-size:0.65rem;margin:0 3.3%}
.link .dest dl a:nth-of-type(2) dd{color:#e84028; }
.link .dest dl a:nth-of-type(1){margin-left:0}
.link .dest dl a:nth-of-type(3){margin-right:0}
.link .dest dd{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top:0.6rem;color: #fff;font-size: 0.8rem}
.link .dest dt img{display:block;width:68%;margin:0 auto;border: none;}
.link .dest_circle{margin: 0 auto;width: 2.6rem;height: 2.6rem;position: relative;
    margin-top: 7.6rem;}
.link .dest_circle o{display:block;border-radius:100rem;border:1px solid #dee4ed;margin:0 auto;width: 2.6rem;height: 2.6rem;position:absolute;left: 0;top: 0;box-sizing: border-box;}

.link .desm img{display:block;width:100%;}
.link .desm h3{font-size: 1.2rem;background: #fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin: 3rem 0 0.6rem 0;text-align:center;font-weight: normal;line-height: 1.6rem;}
.link .desm span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .desm .t_head{width: 38%;border: 0.3rem solid #6b4a1d;overflow: hidden;border-radius: 5rem;margin: 0 auto;margin-top: 0.5rem;}
.link .desm dl{padding: 1.9rem 0 0 0;overflow:hidden;width: 80%;margin: 0 auto;}
.link .desm dl a{float:left;display:block;width:28.8%;color:#333;font-size:0.65rem;margin:0 3.3%}
.link .desm dl a:nth-of-type(2) dd{color:#e84028; }
.link .desm dl a:nth-of-type(1){margin-left:0}




.link .desm dl a:nth-of-type(3){margin-right:0}
.link .desm dd{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top:0.6rem;color: #fff;font-size: 0.8rem}
.link .desm dt img{display:block;width:68%;margin:0 auto}
.link .desm_circle{
    margin: 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    position: relative;
    margin-top: 8.1rem;
    }
.link .desm_circle o{display:block;border-radius:100rem;border: 1px solid #dbb886;margin:0 auto;width: 2.6rem;height: 2.6rem;position:absolute;left: 0;top: 0;box-sizing: border-box;}


.link .des1 img{width:60%;margin:0 auto;display:block}
.link .des1 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des1 span{font-size:1rem;color:#0095ac;font-weight: normal;text-align:center;width:100%;display:block;padding-bottom: 0.5rem;}
.link .des1 h5{border-left:0.16rem solid #f69101;padding-left:0.5rem;font-size:1rem;color:#333;line-height:1rem;height:1.1rem;margin-top: 10%;}
.link .des1 p{font-size: 0.8rem;line-height: 1.4rem;padding: 5% 0 0 0;}



.link .des2 img{display:block;width:100%;margin: 0.6rem 0;}
.link .des2 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des2 span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .des2 h5{border-left:0.16rem solid #f69101;padding-left:0.5rem;font-size:1rem;color:#333;line-height:1rem;height:1.1rem;margin-left: 0.3rem;}
.link .des2 p{font-size:0.8rem;line-height:1.1rem;padding:4% 0 8% 0;margin-left: 1rem;}
.link .des2 dl{padding: 0.7rem 0 2rem 0;overflow:hidden;}
.link .des2 dl a{float:left;display:block;width:28.8%;color:#333;font-size:0.65rem;margin:0 3.3%}
.link .des2 dl a:nth-of-type(1){margin-left:0}
.link .des2 dl a:nth-of-type(3){margin-right:0}
.link .des2 dd{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top:0.6rem;color:#333;font-size: 0.8rem}
.link .des2 dt img{display:block;width:68%;margin:0 auto}
.link .des3 video{width:100%;margin:0 auto;display:none;}
.link .des3 .video_play{display:block;}
.link .des3 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des3 span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .des3 h5{border-left:0.16rem solid #f69101;padding-left:0.5rem;font-size:1rem;color:#333;line-height:1rem;height:1.1rem;margin-top:0.6remrem}
.link .des3 p{font-size:0.8rem;line-height:1.1rem;padding:4% 0}
.link .des3 .update_box2{ margin-top:0;}

.link .des4 .update_box .c_content {padding: 0% 0% 0 0%;}
.link .des4 img{display:block; width:100%; margin:1.2rem 0;}
.link .des4 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des4 dl{padding: 0 0 2.4rem 0;overflow:hidden;}
.link .des4 dl a{float:left;display:block;width: 100%;color:#333;font-size:0.65rem;margin-right: 0;margin-left: 0;border-bottom: 1px solid #d9d9d9;padding: 0.8rem 0.2rem;box-sizing: border-box;}
.link .des4 dl a:nth-of-type(1){margin-left:0}
.link .des4 dl a:nth-of-type(3){margin-right:0}
.link .des4 dd{font-weight:normal;text-align:center;letter-spacing:0.02rem;padding-top: 0.6rem;color:#333;font-size: 0.8rem;float:left;width: 87%;text-align: left;box-sizing: border-box;padding-left: 1rem;}
.link .des4 dt {width: 13%;float:left}
.link .des4 dt img{display:block;width: 100%;margin:0 auto}

.link .des5 img{display:block; width:100%; margin:1.2rem 0;}
.link .des5 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des5 dl{ padding: 0.2rem 0 2.4rem 0; overflow:hidden;}
.link .des5 dl a{float:left;display:block;width: 100%;color:#333;font-size:0.65rem;margin-right: 0;margin-left: 0;border-bottom: 1px solid #d9d9d9;padding: 0.6rem 0.2rem;box-sizing: border-box;}
.link .des5 dl a:nth-of-type(1){margin-left:0}

.link .des5 dl a:nth-of-type(3){margin-right:0}
.link .des5 dd{font-weight:normal;letter-spacing:0.02rem;color:#333;font-size: 0.8rem;float:left;width: 61%;text-align: left;box-sizing: border-box;padding-left: 1rem;padding-top: 0.15rem;}
.link .des5 dd h4{font-size: 1rem;color: #333;display:block;margin: 2% 0 5% 0;}
.link .des5 dd span{color: #0095ac;font-weight: normal;display: block;margin: 0.2rem 0 0.5rem 0;font-size: 0.7rem;}
.link .des5 dd p{display:block;color: #888;padding: 0.12rem 0 0.15rem 1.3rem;background-image:url(../image/card_phone.png);background-repeat:no-repeat;background-size:auto 100%;filter: grayscale(100%);font-size: 0.7rem;}
.link .des5 dt {width: 25%;float:left;border: 0.15rem solid #e8f1f2;overflow: hidden;border-radius: 5rem;margin: 0 0.5rem 0 0.5rem;}
.link .des5 dt img{display:block;width: 100%;margin:0 auto;border: 0.08rem solid #fff;border-radius: 5rem;box-sizing: border-box;}


.link .des6 img{width:100%;margin:0 auto;display:block;}
.link .des6 h3{font-size:1.8rem;background:linear-gradient(to top,#000 20%,#545454 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0.9rem 0 0.6rem 0;text-align:center}
.link .des6 span{font-size:1rem;color:#0095ac;font-weight:lighter;text-align:center;width:100%;display:block;padding-bottom:1rem}
.link .des6 h5{border-left:0.16rem solid #f69101;padding-left:0.5rem;font-size:1rem;color:#333;line-height:1rem;height:1.1rem;margin-top:0.6remrem}
.link .des6 p{font-size:0.8rem;line-height:1.1rem;padding:4% 0}
.link .des6 .update_box2{margin-top:0;height: 100%;}
.link .des6 .c_content2{background-color:#0875d0;overflow: hidden;border-top: 1px solid #d5e5e4;height: 100%;bottom: auto;}


.nav{width:100%;position:relative;overflow:hidden;z-index: 9;}
.nav2{position:relative;width:100%;height:0.1rem;overflow:hidden;margin-bottom:-1px}
.nav .nav_line{height: 0.15rem;}
.nav_line_move{position:absolute;top:0;width:60rem}
.nav_line{display:block;position:absolute;left:0;z-index:99;width:20.01rem;height:0.1rem;margin-right:-0.011rem;background:-webkit-linear-gradient(left,rgba(186,140,2,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(171,125,42,1),rgba(228,186,88,1),rgba(167,92,27,1),rgba(167,92,27,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(187,145,59,1),rgba(129,73,11,1));background:-o-linear-gradient(right,rgba(186,140,2,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(171,125,42,1),rgba(228,186,88,1),rgba(167,92,27,1),rgba(167,92,27,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(187,145,59,1),rgba(129,73,11,1));background:-moz-linear-gradient(right,rgba(186,140,2,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(171,125,42,1),rgba(228,186,88,1),rgba(167,92,27,1),rgba(167,92,27,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(187,145,59,1),rgba(129,73,11,1));background:linear-gradient(to right,rgba(186,140,2,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(171,125,42,1),rgba(228,186,88,1),rgba(167,92,27,1),rgba(167,92,27,1),rgba(255,255,205,1),rgba(255,255,180,1),rgba(187,145,59,1),rgba(129,73,11,1))}
.nav_line2{transform:scaleX(-1)}
.nav_adv{height:7.9rem;padding:0.2rem 0;background:-webkit-linear-gradient(top,rgba(9,178,162,1),rgba(5,110,100,1));background:-o-linear-gradient(bottom,rgba(9,178,162,1),rgba(5,110,100,1));background:-moz-linear-gradient(bottom,rgba(9,178,162,1),rgba(5,110,100,1));background:linear-gradient(to bottom,rgba(9,178,162,1),rgba(5,110,100,1))}
.nav_adv_body{width:100%;margin:0 auto;overflow:hidden}
.nav_adv dl{height:7.7rem;float:left;overflow:hidden;padding-top:0.25rem;opacity:0;width:33%}
.nav_adv dl.adv_line{width:0.5%;float:left;display:block;background:-webkit-linear-gradient(top,rgba(33,183,178,0),rgba(33,183,178,1),rgba(33,183,178,0));background:-o-linear-gradient(bottom,rgba(33,183,178,0),rgba(33,183,178,1),rgba(33,183,178,0));background:-moz-linear-gradient(bottom,rgba(33,183,178,0),rgba(33,183,178,1),rgba(33,183,178,0));background:linear-gradient(to bottom,rgba(33,183,178,0),rgba(33,183,178,1),rgba(33,183,178,0))}
.nav_adv dl dt{width:47%;margin:0.5rem auto}
.nav_adv dl dt img{width:100%}
.nav_adv dl dd{color:#FFFFFF;font-size:0.5rem;letter-spacing:0.01rem;text-align:center}
.nav_adv dl:nth-of-type(5) dd{margin-right:0}
.nav_adv dl dd h3{font-weight:lighter}
.nav_adv dl dd span{font-weight:bold;display:block;font-size:0.9rem;margin-bottom:0.3rem;letter-spacing: 0.1rem;padding-left: 0.2rem;}
.nav_adv dl dd p{font-size:0.6rem;color:#fff;opacity: 0.15;font-weight:bold;font-family:Arial;margin-top:0.4rem}
.main{width:100%;overflow:hidden;background:linear-gradient(to left,rgba(244,244,244,1) 0%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 100%);position: relative;z-index: 9;}
.main_title{overflow:hidden}
.main_title h3{text-align:center;font-size:1.5rem;font-weight:normal;color:#0bb1a1;letter-spacing:0.03rem;opacity:0}
.main_title h3 span{color:#343a40}
.main_title h3 o{font-size: 0.9rem;line-height: 1.26rem;padding: 0 0.13rem
2.64062px;color: #0bb1a1;}
.main_title .title_line{display:block;height:2px;width:60%;margin:0 auto;margin-top:0.37rem;margin-bottom:0.39rem;opacity:0;background:-webkit-linear-gradient(left,rgba(9,176,160,0),rgba(9,176,160,1),rgba(9,176,160,0));background:-o-linear-gradient(right,rgba(9,176,160,0),rgba(9,176,160,1),rgba(9,176,160,0));background:-moz-linear-gradient(right,rgba(9,176,160,0),rgba(9,176,160,1),rgba(9,176,160,0));background:linear-gradient(to right,rgba(9,176,160,0),rgba(9,176,160,1),rgba(9,176,160,0))}
.main_title p{text-align:center;font-size:0.65rem;color:rgba(9,176,160,0.5);letter-spacing:0.02rem;opacity:0}
.main_title_d{overflow:hidden}
.main_title_d h3{text-align:center;font-size:1.5rem;font-weight:normal;color:#5beedc;letter-spacing:0.03rem;opacity:0}
.main_title_d h3 span{color:#fff}
.main_title_d h3 o{font-size: 0.9rem;line-height: 1.26rem;padding: 0 0.13rem;color: #5beedc;}
.main_title_d .title_line{display:block;height:3px;width:60%;margin:0 auto;margin-top:0.37rem;margin-bottom:0.39rem;opacity:0;background:-webkit-linear-gradient(left,rgba(91,238,220,0),rgba(91,238,220,1),rgba(91,238,220,0));background:-o-linear-gradient(right,rgba(91,238,220,0),rgba(91,238,220,1),rgba(91,238,220,0));background:-moz-linear-gradient(right,rgba(91,238,220,0),rgba(91,238,220,1),rgba(91,238,220,0));background:linear-gradient(to right,rgba(91,238,220,0),rgba(91,238,220,1),rgba(91,238,220,0))}
.main_title_d p{text-align:center;font-size:0.65rem;color:rgba(91,238,220,0.5);letter-spacing:0.02rem;opacity:0}
.m_about{background-image:url(../image/about_bg.png);background-repeat:no-repeat;background-size:100% auto;background-position:bottom}
.m_about_all{width:17rem;margin:0 auto;overflow:hidden;padding:0 0 0.93rem 0;position:relative;margin-top:-0.9rem}
.m_about_left{width:15rem;position:relative;margin:0 auto}
.m_about_left ul{position:relative;height:12.8rem}
.m_about_left ul li{position:absolute}
.m_about_left ul li:nth-of-type(1){top:4.29rem;left:1.25rem}
.m_about_left ul li:nth-of-type(1) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(1) span{display:block;background-color:rgb(0 0 0 / 6%);width:5.39rem;height:2.66rem;transform:skewX(30.5deg)}
.m_about_left ul li:nth-of-type(2){top:4.71rem;left:2.71rem}
.m_about_left ul li:nth-of-type(2) span{display:block;width:6.16rem;height:4.40rem;transform:skewY(330deg);background:linear-gradient(to top,#1aa1a4 20%,#3bcacb 80%)}
.m_about_left ul li:nth-of-type(3){top:5.41rem;left:1.65rem}
.m_about_left ul li:nth-of-type(3) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(3) span{display:block;border:0.015rem solid #000;box-sizing:border-box;width:4.84rem;height:3.76rem;transform:skewX(30.5deg)}
.m_about_left ul li:nth-of-type(4){top:7.52rem;left:0.92rem;animation:dd 1s infinite alternate ease-in-out;opacity:1}
.m_about_left ul li:nth-of-type(4) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(4) span{display:block;background-color:rgba(34,100,165,1);width:1.43rem;height:1.43rem;transform:skewX(30.5deg);box-shadow:-0.13rem 0.10rem 0 rgb(0 0 0 / 10%)}
.m_about_left ul li:nth-of-type(5){top:5.06rem;left:3.65rem}
.m_about_left ul li:nth-of-type(5) span{display:block;background-color:rgb(255 255 255 / 20%);width:6.38rem;height:4.62rem;transform:skewY(330deg);position:absolute}
.m_about_left ul li:nth-of-type(5) img{display:block;width:6.38rem;height:4.62rem;transform:skewY(330deg);opacity:0.15;object-fit:cover;position:absolute}
.m_about_left ul li:nth-of-type(5) video{display:block;width:6.38rem;height:4.62rem;transform:skewY(330deg);opacity:0.15;object-fit:cover;position:absolute}
.m_about_left ul li:nth-of-type(6){top:5.41rem;left:4.53rem;z-index:9}
.m_about_left ul li:nth-of-type(6) img{display:block;width:6.60rem;transform:skewY(330deg);opacity:0.85;height:4.73rem}
.m_about_left ul li:nth-of-type(6) video{display:block;width:6.60rem;transform:skewY(330deg);opacity:0.85;height:4.73rem;object-fit:cover}
.m_about_left ul li:nth-of-type(7){top:7.70rem;left:7.04rem}
.m_about_left ul li:nth-of-type(7) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(7) span{display:block;border:0.03rem solid #000;box-sizing:border-box;width:6.16rem;height:2.66rem;transform:skewX(30.5deg)}
.m_about_left ul li:nth-of-type(8){top:6.6rem;left:11.88rem;animation:dd 1s infinite alternate ease-in-out;opacity:1}
.m_about_left ul li:nth-of-type(8) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(8) span{display:block;background-color:rgb(247 151 1);width:1.87rem;height:1.54rem;transform:skewX(30.5deg);box-shadow:-0.15rem 0.12rem 0 rgb(86 33 33 / 10%)}
.m_about_left ul li:nth-of-type(9){top:8.40rem;left:6.51rem;z-index:101}
.m_about_left ul li:nth-of-type(9) div{transform:rotate(330deg)}
.m_about_left ul li:nth-of-type(9) span{display:block;border-left:0.015rem solid #000;box-sizing:border-box;width:6.16rem;height:0.66rem;transform:skewX(30.5deg)}
.m_about_left .m_about_plane{text-align:center;opacity:0;display:none}
.m_about_left .m_about_plane img{width:75%}
.m_about_left .m_about_plane img:nth-of-type(1){margin-bottom:0.5rem}
.m_about_right{position:relative;width:17rem;padding-top:0.9rem}
.m_about_right h2{font-size:1.4rem;display:block;background:linear-gradient(to top,#ed8601 20%,#ffa61b 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;line-height: 1.6rem;}
.m_about_right span{font-size:0.8rem;color:#fbcfa3;opacity:0.5;display:block;margin:0.3rem 0 0.7rem 0;opacity:0}
.m_about_right p{font-size:0.7rem;color: #666;font-weight: normal;line-height:1.3rem;opacity:0}
.m_about_right b{font-weight:bold;color: #555;}
.m_about_right ul{overflow:hidden;margin:1rem 0 1.2rem 0}
.m_about_right ul li{float:left;width:5.2rem;margin-right:0.6rem;opacity:0}
.m_about_right ul li:nth-of-type(3){margin-right:0}
.m_about_right ul li img{width:100%}
.m_about_all ol{overflow:hidden;margin:0.5rem 0 0.6rem 0;position:absolute;left:0;top:28.7rem;opacity:0.1}
.m_about_all ol li{float:left;width:5.2rem;margin-right:0.6rem;opacity:0}
.m_about_all ol li:nth-of-type(3){margin-right:0}
.m_about_all ol li span{display:block;position:absolute;top:0;left:0;background:linear-gradient(to top,rgba(255,255,255,1.00) 0%,rgba(255,255,255,0) 100%);z-index:99;width:100%;height:3.4rem;opacity:1;margin-top:0}
.m_about_all ol li img{top:0;left:0;width:100%;transform:scaleY(-1);position:relative;z-index:0;opacity:1}
.m_about_r_num{overflow:hidden}
.m_about_r_num dl{float:left;width:5rem;color:#0ca99b;opacity:0}
.m_about_r_num dl:nth-of-type(2){margin:0 1rem 0 0.8rem}
.m_about_r_num dt{font-size:0.8rem}
.m_about_r_num dd h3{font-size:0.8rem;font-weight:normal;display:block;margin:0.3rem 0 0.1rem 0}
.m_about_r_num dd h3 o{font-size:1.5rem;font-weight:bold;color:#0ca99b}
.m_about_r_num dd p{opacity:0.7;color:#079689;font-size:0.6rem}
.m_project{width:100%;}
.m_project .m_project_pro_t{width:100%;margin:0 auto;overflow:hidden;box-sizing:border-box;margin-top:0.9rem;position:relative;z-index:99}
.m_project .m_project_pro_t ul{overflow:hidden}
.m_project .m_project_pro_t ul o{display:block;width:100%;float:left;height:0.08rem;margin-top:0.28rem;opacity:0;position:absolute;bottom:0}
.m_project .m_project_pro_t ul i{display:block;height:100%;width:0.68rem;background-color:#fff;float:left;height:2.5rem}
.m_project .m_project_pro_t ul li{float:left;padding:0.35rem 0 0 0;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;width:20%;height:4.2rem;box-sizing:border-box;cursor:pointer;position:relative}

.m_project .m_project_pro_t ul li:hover span{background-image:url(../image/white.png);background-color:#dedede;border-color:#dedede}
.m_project .m_project_pro_t ul li.hover span{background-image:url(../image/white.png)}
.m_project .m_project_pro_t ul li span{display:block;background-image:url(../image/grey.png);background-size:auto 100%;width:2.5rem;height:2.5rem;margin:0 auto;border:0.02rem solid #d5d5d5;border-radius:200px;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;opacity:0}
.m_project .m_project_pro_t ul li h4{color:#333;font-size:0.6rem;font-weight:normal;text-align:center;margin-top:0.23rem;letter-spacing:0.02rem;opacity:0}
.m_project .m_project_pro_t ul li p{color:#999;font-size:0.18rem;text-align:center;margin:0.11rem 0 0.07rem 0}
.m_project .m_project_pro_t ul li:nth-of-type(1) span{background-position:0 0}
.m_project .m_project_pro_t ul li:nth-of-type(2) span{background-position:-2.48rem 0}
.m_project .m_project_pro_t ul li:nth-of-type(3) span{background-position:-4.95rem 0}
.m_project .m_project_pro_t ul li:nth-of-type(4) span{background-position:-7.46rem 0}
.m_project .m_project_pro_t ul li:nth-of-type(5) span{background-position:-9.98rem 0}
.m_project .m_project_pro_t ul li:nth-of-type(1).hover span{background-color:rgba(49,182,199,1);border-color:rgba(49,182,199,1)}
.m_project .m_project_pro_t ul li:nth-of-type(1).hover h4{color:rgba(49,182,199,1)}
.m_project .m_project_pro_t ul li:nth-of-type(1).hover o{background:-webkit-linear-gradient(left,rgba(49,182,199,0),rgba(49,182,199,1),rgba(49,182,199,0));background:-o-linear-gradient(left,rgba(49,182,199,0),rgba(49,182,199,1),rgba(49,182,199,0));background:-moz-linear-gradient(left,rgba(49,182,199,0),rgba(49,182,199,1),rgba(49,182,199,0));background:linear-gradient(to right,rgba(49,182,199,0),rgba(49,182,199,1),rgba(49,182,199,0))}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover span{background-color:rgba(102,171,187,1);border-color:rgba(102,171,187,1)}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover h4{color:rgba(102,171,187,1)}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover o{background:-webkit-linear-gradient(left,rgba(102,171,187,0),rgba(102,171,187,1),rgba(102,171,187,0));background:-o-linear-gradient(left,rgba(102,171,187,0),rgba(102,171,187,1),rgba(102,171,187,0));background:-moz-linear-gradient(left,rgba(102,171,187,0),rgba(102,171,187,1),rgba(102,171,187,0));background:linear-gradient(to right,rgba(102,171,187,0),rgba(102,171,187,1),rgba(102,171,187,0))}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover span{background-color:rgba(66,213,218,1);border-color:rgba(66,213,218,1)}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover h4{color:rgba(66,213,218,1)}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover o{background:-webkit-linear-gradient(left,rgba(66,213,218,0),rgba(66,213,218,1),rgba(66,213,218,0));background:-o-linear-gradient(left,rgba(66,213,218,0),rgba(66,213,218,1),rgba(66,213,218,0));background:-moz-linear-gradient(left,rgba(66,213,218,0),rgba(66,213,218,1),rgba(66,213,218,0));background:linear-gradient(to right,rgba(66,213,218,0),rgba(66,213,218,1),rgba(66,213,218,0))}
.m_project .m_project_pro_t ul li:nth-of-type(4).hover span{background-color:rgba(78,129,140,1);border-color:rgba(78,129,140,1)}

.m_project .m_project_pro_t ul li:nth-of-type(4).hover h4{color:rgba(78,129,140,1)}
.m_project .m_project_pro_t ul li:nth-of-type(4).hover o{background:-webkit-linear-gradient(left,rgba(78,129,140,0),rgba(78,129,140,1),rgba(78,129,140,0));background:-o-linear-gradient(left,rgba(78,129,140,0),rgba(78,129,140,1),rgba(78,129,140,0));background:-moz-linear-gradient(left,rgba(78,129,140,0),rgba(78,129,140,1),rgba(78,129,140,0));background:linear-gradient(to right,rgba(78,129,140,0),rgba(78,129,140,1),rgba(78,129,140,0))}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover span{background-color:rgba(61,161,185,1);border-color:rgba(61,161,185,1)}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover h4{color:rgba(61,161,185,1)}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover o{background:-webkit-linear-gradient(left,rgba(61,161,185,0),rgba(61,161,185,1),rgba(61,161,185,0));background:-o-linear-gradient(left,rgba(61,161,185,0),rgba(61,161,185,1),rgba(61,161,185,0));background:-moz-linear-gradient(left,rgba(61,161,185,0),rgba(61,161,185,1),rgba(61,161,185,0));background:linear-gradient(to right,rgba(61,161,185,0),rgba(61,161,185,1),rgba(61,161,185,0))}
.m_project .m_project_pro_d{background-image:url(../image/project_bg.png);background-repeat:no-repeat;background-size:100% auto;background-position:bottom;padding-bottom: 2rem;}
.m_project .m_project_pro_d .m_project_pro_d_bg{width:17rem;margin:0 auto;overflow:hidden;position:relative;height:25.8rem;padding-top:0.5rem}
.m_project .m_project_pro_d dl{z-index:1;opacity:0;position:absolute;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;overflow:hidden;width:17rem}
.m_project .m_project_pro_d dl:nth-of-type(1){z-index:2;opacity:1}
.m_project .m_project_pro_d dt{position:relative;width:17rem;height:11rem;margin:1rem 0 0 0;background-size:100%;background-position:center;background-repeat:no-repeat}
.m_project .m_project_pro_d dt .m_p_video2{position:absolute;opacity:0.2;width:15.6rem;--a:8deg;aspect-ratio:0;border-radius:0.02rem;transform:perspective(400px) rotate3d(var(--r,1,-1,0),calc(var(--i,1)*var(--a)));-webkit-mask:linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;transition:.4s;cursor:pointer;left:0.3rem;top:0;-webkit-animation-duration:3s;animation-duration:3s}
.m_project .m_project_pro_d dt .m_p_video{position:absolute;border:2px solid #fff;padding:0.1rem;width:15rem;--a:8deg;aspect-ratio:0;border-radius:0.02rem;transform:perspective(400px) rotate3d(var(--r,1,-1,0),calc(var(--i,1)*var(--a)));-webkit-mask:linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;transition:.4s;cursor:pointer;left:2rem;top:1.5rem;-webkit-animation-duration:3s;animation-duration:3s}
.m_project .m_project_pro_d dt video{width:100%}
.m_project .m_project_pro_d dt .m_p_video:her{--i:-1;-webkit-mask-position:0 0}
.m_project_pro_l{width:100%;height:0.03rem;background:-webkit-linear-gradient(left,rgba(241,241,241,0),rgba(241,241,241,1),rgba(241,241,241,0));background:-o-linear-gradient(left,rgba(241,241,241,0),rgba(241,241,241,1),rgba(241,241,241,0));background:-moz-linear-gradient(left,rgba(241,241,241,0),rgba(241,241,241,1),rgba(241,241,241,0));background:linear-gradient(to right,rgba(241,241,241,0),rgba(241,241,241,1),rgba(241,241,241,0));margin-top:-0.04rem;position:relative}
.m_project .m_project_pro_d dd{width:17rem}
.m_project .m_project_pro_d dd .pro_title{overflow:hidden;overflow:hidden;margin-top: 0.6rem;opacity:0;width:100%}
.m_project .m_project_pro_d dd h4 o{font-weight:normal;margin-right:0.1rem;letter-spacing:0.02rem}
.m_project .m_project_pro_d dd h4{color:#000;font-size:1.6rem;letter-spacing:0.05rem;background:linear-gradient(to top,#067381 20%,#0998ab 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height: 1.8rem;}
.m_project .m_project_pro_d dl:nth-of-type(1) dd h4{background:linear-gradient(to top,#26a6b6 20%,#4ccbdb 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m_project .m_project_pro_d dl:nth-of-type(2) dd h4{background:linear-gradient(to top,#579eae 20%,#7fbecd 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m_project .m_project_pro_d dl:nth-of-type(3) dd h4{background:linear-gradient(to top,#29b7bc 20%,#4fdce1 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m_project .m_project_pro_d dl:nth-of-type(4) dd h4{background:linear-gradient(to top,#306873 20%,#5c919c 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m_project .m_project_pro_d dl:nth-of-type(5) dd h4{background:linear-gradient(to top,#2e90a7 20%,#4eadc4 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.m_project .m_project_pro_d dd h4 a:hover{color:#397baf;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 300ms ease-in-out}
.m_project .m_project_pro_d dd i{font-style:normal;color:#f79700;font-size:0.7rem;font-weight: normal;letter-spacing:0.01rem;float:left;line-height:1.3rem;padding-top: 0.57rem;opacity:0.8}
.m_project .m_project_pro_d dd .pro_des{position:relative;margin-top:0.5rem;opacity:0}
.m_project .m_project_pro_d dd .pro_des p{font-size:0.7rem;color: #333;line-height:1.3rem;font-weight: normal;padding-left:0.5rem;letter-spacing:0.04rem;position:relative}
.m_project .m_project_pro_d dd .pro_des p span{width:0.2rem;height:0.2rem;background-color:#f79700;position:absolute;display:block;left:0.02rem;top:0.54rem}
.m_project .m_project_pro_d dd .pro_tip{margin-top:0.7rem;overflow:hidden}
.m_project .m_project_pro_d dd .pro_tip span{float:left;font-size:0.68rem;color:#099cb0;font-weight: normal;border:0.01rem solid #099cb0;padding:0.06rem 0.44rem 0.1rem 0.44rem;border-radius:0.3rem;margin-right:0.14rem;letter-spacing:0.02rem;opacity:0;display:block;height:1rem;line-height: 1rem;}
.m_simulator{position:relative;background-image:url(../image/simulator_m.jpg);background-repeat:no-repeat;background-size:100%;height:31rem;width:100%}
.m_s_body{width:100%;margin:0 auto;height:16.2rem;padding-top:2.5rem}
.m_simulator .m_simulator_l{width:95%;text-align:center;margin:0 auto}
.m_simulator .m_simulator_l h3{font-size:1.45rem;letter-spacing:0.05rem;background:linear-gradient(to top,#1a1a1a 20%,#626364 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;display:block;margin-bottom:1.5rem}
.m_simulator .m_simulator_l span{font-size:0.7rem;display:block;color:#666;letter-spacing:0.04rem;margin:0 0 1rem 0;opacity:0;width:100%}
.m_simulator .m_simulator_l a{font-size:0.72rem;color:#f27303;border:0.02rem solid #f27303;width:6rem;height:1.5rem;text-align:center;line-height:1.5rem;display:block;opacity:0;margin:0 auto;margin-top:2rem}
.m_simulator .m_simulator_l a:hover{background-color:#f27303;color:#fff}
.m_simulator .slide1 .img{width:100%;height:100%;object-fit:cover}
.m_simulator .slide1{position:relative;width:7rem;height:8rem;float:right;display:none}
.m_simulator .slide1 a{position:absolute;width:0.7rem;height:0.7rem;cursor:pointer}
.m_simulator .slide1 a:nth-of-type(1){top:1.5rem;left:2.6rem}
.m_simulator .slide1 a:nth-of-type(2){top:1.9rem;left:5rem}
.m_simulator .slide1 a:nth-of-type(3){top:2.9rem;left:4.1rem}
.m_simulator .slide1 a:nth-of-type(4){top:3.4rem;left:4rem}
.m_simulator .slide1 a:nth-of-type(5){top:6.5rem;left:3.3rem}
.m_simulator .slide1 a:nth-of-type(6){top:85%;left:81%}
.m_simulator .slide1 a span{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.m_simulator .slide1 a span:before{content:"";position:absolute;width:0.1rem;height:0.1rem;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box;border:1px solid #fff;animation:dh2 2s infinite}
.m_simulator .slide1 a span::after{content:"";position:absolute;width:0.1rem;height:0.1rem;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-sizing:border-box;border:1px solid #fff;animation:dh2 2s 1s infinite}
@keyframes dh2{0%{width:0.1rem;height:0.1rem;opacity:1}

100%{width:100%;height:100%;opacity:0}
}.m_simulator .slide1 a span i{width:0.15rem;height:0.15rem;border-radius:50%;background-color:#fff}
.m_simulator .slide1 a h6{position:absolute;left:0.5rem;bottom:0.63rem;color:#fff;width:2rem;font-size:0.2rem;text-align:right;opacity:0}
.m_simulator .slide1 a:before{content:"";position:absolute;left:0.32rem;bottom:0.3rem;width:0;height:1px;background-color:#fff;transform:rotate(-60deg);transform-origin:0 0}
.m_simulator .slide1 a::after{content:"";position:absolute;width:0;height:1px;left:0.57rem;bottom:0.73rem;background-color:#fff}
.m_simulator .slide1 a:nth-of-type(4) h6{text-align:left;left:auto;right:0.5rem}
.m_simulator .slide1 a:nth-of-type(4):before{transform:rotate(60deg);left:auto;right:0.32rem;transform-origin:100% 0}
.m_simulator .slide1 a:nth-of-type(4):after{left:auto;right:0.58rem}
.m_simulator .slide1 a:hover:before{width:0.5rem;transition:all 0.2s}
.m_simulator .slide1 a:hover::after{width:2rem;transition:all 0.2s 0.2s}
.m_simulator .slide1 a:hover h6{opacity:1;bottom:0.82rem;transition:all 0.2s 0.4s;text-shadow:0 0 0.05rem #2e3f5a}
.m_application{width:100%;padding-top: 2rem;}
.m_app_body{width:17rem;margin:0 auto;overflow:hidden;margin-top:0.6rem;padding-bottom: 2.5rem;}
.m_app_body dl{float:left;display:block}
.m_app_body .m_app_up dl{height:8.25rem;position:relative;opacity:0}
.m_app_body .m_app_up dt{position:absolute;bottom:0;z-index:99;padding-left:0.4rem}
.m_app_body .m_app_up dt h3{color:#fff;font-size:0.9rem;text-shadow:0 0 0.1rem #2e3f5a}
.m_app_body .m_app_up dd{height:2.81rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.00) 80%);position:absolute;bottom:0}
.m_app_body .m_app_up dt p{color:#fff;font-size:0.5rem;margin:0.6rem 0 0.5rem 0;line-height:0.7rem;font-weight:lighter;letter-spacing:0.02rem}
.m_app_body .m_app_up a:nth-of-type(1) dl{width:17rem;background-image:url(../image/app1.jpg);background-position:center;background-size:102%}
.m_app_body .m_app_up a:nth-of-type(2) dl{width:8.3rem;background-image:url(../image/app2.jpg);background-position:center;background-size:100%;height:5rem;margin:0.4rem 0.4rem 0 0}
.m_app_body .m_app_up a:hover dl{background-size:120%}
.m_app_body .m_app_down dl{height:12rem;position:relative;margin-top:0.8rem;opacity:0;width:100%}
.m_app_body .m_app_down dt{position:absolute;bottom:0;z-index:99;padding-left:0.8rem}
.m_app_body .m_app_down dt h3{color:#fff;font-size:1.8rem;text-shadow:0 0 0.1rem #2e3f5a}
.m_app_body .m_app_down dd{height:2.81rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.00) 100%);position:absolute;bottom:0}
.m_app_body .m_app_down dt p{color:#fff;font-size:0.8rem;margin:0.4rem 0 0.6rem 0;line-height:1.4rem;font-weight: normal;letter-spacing:0.04rem}
.m_app_body .m_app_down a:nth-of-type(1) dl{background-image:url(../image/app1.jpg);background-position:center;background-size:auto 100%}
.m_app_body .m_app_down a:nth-of-type(2) dl{background-image:url(../image/app4.jpg);background-position:center;background-size:auto 100%}
.m_app_body .m_app_down a:nth-of-type(3) dl{background-image:url(../image/app5.jpg);background-position:center;background-size:auto 100%}
.m_app_body .m_app_down a:hover dl{background-size:auto 120%}
.m_plan{width:100%;height:auto;overflow:hidden}
.m_plan_bg{width:100%;margin:1rem 0}
.m_plan ul{width:100%;margin:0 auto;overflow:hidden}
.m_plan ul li:nth-of-type(1){border-top:1px solid #8a959f}
.m_plan ul li{width:100%;background: linear-gradient(to left, #506786 0%, #fff 50%, #506786 100%);opacity:0;padding-bottom: 1px;}
.m_plan ul li img{width:100%;height:auto;margin-top:-6rem}
.m_plan ul li a{display:block;position:relative;height:6rem;overflow:hidden;background-color:#fff}
.m_plan_des{position:absolute;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:top 35% center;overflow:hidden;background-color:rgb(90 117 145 / 70%);-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;background-size:18%}
.m_plan .pro1{background-image:url(../image/pro1_h.png);background-position: 2rem;}
.m_plan .pro2{background-image:url(../image/pro2_h.png);background-position: 2rem;}
.m_plan .pro3{background-image:url(../image/pro3_h.png);background-position: 2rem;}
.m_plan .pro4{background-image:url(../image/pro4_h.png);background-position:1rem}
.m_plan .pro5{background-image:url(../image/pro5_h.png);background-position:1rem}
.m_plan_des span{display:block;background-color:#fff;margin:0 auto;float:left;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;width:2px;height:1.8rem;margin-left: 37%;margin-top:2rem}
.m_plan_des h3{color:#FFFFFF;font-size: 1.32rem;text-align:center;float:left;margin: 0 0.9rem;margin-top: 2.05rem;width:7rem}
.m_plan_des i{font-style:normal;border:1px solid #fff;color:#FFF;width:4rem;height:1.3rem;font-size:0.7rem;line-height:1.3rem;display:block;text-align:center;opacity:1;margin-top:2.2rem;float:left;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;display: none;}
.m_plan_des i:hover{color:#1999da;background-color:#fff;font-weight:bold}
.m_case{width:100%;padding:0.75rem 0 0.35rem 0;overflow:hidden}
.m_case_col{width:14rem;margin:0 auto;margin-top:0.5rem}
.m_case_col dl{float:left;margin-right:1.1rem;margin-bottom:0.6rem}
.m_case_col a:nth-of-type(3) dl{margin-right:0}
.m_case_col a:nth-of-type(6) dl{margin-right:0}
.m_case_col dl dd{position:relative;width:3.88rem;height:2.22rem}
.m_case_col ul li{position:absolute;box-sizing:border-box}
.m_case_col ul li img{width:100%}
.m_case_col ul li:nth-of-type(1){width:3.24rem;height:1.84rem;background-color:rgba(120,120,120,0.2);right:0.08rem;bottom:0.23rem}
.m_case_col ul li:nth-of-type(2){width:3.22rem;height:1.8rem;border:0.03rem solid #423f3f;right:0;bottom:0}
.m_case_col ul li:nth-of-type(3){width:3.27rem;height:1.84rem;background-color:rgb(22,193,255);right:0.21rem;bottom:0.37rem}
.m_case_col ul li:nth-of-type(4){width:3.37rem;height:1.76rem;border:0.1rem solid rgba(255,255,255,0.9);box-sizing:content-box;box-shadow:0 0 0.2rem rgba(13,13,13,0.15);top:0.14rem}
.m_case_col dl dt{width:3.88rem;text-align:center;font-size:0.26rem;color:#666;margin-top:0.25rem}
.m_corp{padding: 2rem 0 1.1rem 0;background:linear-gradient(to top,#0d0f11 20%,#33383b 80%)}
.m_corp ul{width:17.4rem;margin:0 auto;overflow:hidden;margin-top:1rem}
.m_corp ul li{opacity:0;float:left;width:7.7rem;height:2.7rem;overflow:hidden;margin:0 0 0.4rem 0;background-image:url(../image/m_corp.png);background-size:38rem 13.4rem;cursor:pointer;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin:0 1.8rem 0.6rem 0;filter:grayscale(0.7)}
.m_corp ul li:nth-of-type(2){margin-right:0}
.m_corp ul li:nth-of-type(4){margin-right:0}
.m_corp ul li:nth-of-type(6){margin-right:0}
.m_corp ul li:nth-of-type(8){margin-right:0}
.m_corp ul li:nth-of-type(10){margin-right:0}
.m_corp ul li:nth-of-type(12){margin-right:0}
.m_corp ul li:nth-of-type(14){margin-right:0}
.m_corp ul li:nth-of-type(16){margin-right:0}
.m_corp_1_1{background-position:0rem 0rem}
.m_corp_1_2{background-position:-10rem 0rem}
.m_corp_1_3{background-position:-20.1rem 0rem}
.m_corp_1_4{background-position:-30.3rem 0rem}
.m_corp_2_1{background-position:0rem -3.6rem}
.m_corp_2_2{background-position:-10rem -3.6rem}
.m_corp_2_3{background-position:-20.1rem -3.6rem}
.m_corp_2_4{background-position:-30.3rem -3.6rem}
.m_corp_3_1{background-position:0rem -7.1rem}
.m_corp_3_2{background-position:-10rem -7.1rem}
.m_corp_3_3{background-position:-20.1rem -7.1rem}
.m_corp_3_4{background-position:-30.3rem -7.1rem}
.m_corp_4_1{background-position:0rem -10.7rem}
.m_corp_4_2{background-position:-10rem -10.7rem}
.m_corp_4_3{background-position:-20.1rem -10.7rem}
.m_corp_4_4{background-position:-30.3rem -10.7rem}
.m_corp ul li:hover{filter:grayscale(0)}
.m_consult{width:100%;overflow:hidden;background-image:url(../image/m_consult_bg.jpg);background-size:auto 100%;background-repeat:no-repeat;background-position:center}
.m_consult_nr{width:100%;margin:0 auto;overflow:hidden}
.m_consult_nr p{color:#FFFFFF;font-size:1rem;margin-top:1.2rem;letter-spacing:0.07rem;display:block;text-align:center}
.m_consult_nr p span{display:block;margin-top:0.15rem;opacity:0}
.m_consult_nr p b{display:block;float:left;font-size:0.64rem;font-weight:normal;line-height:0.53rem;margin:0 0.1rem}
.m_consult_nr a{font-weight:normal;display:block;width:4.29rem;height:1.2rem;border:1px solid #fff;color:#FFF;font-size:0.7rem;text-align:center;line-height:1.2rem;opacity:0;margin:0 auto;margin-top:0.75rem;margin-bottom:1.2rem}
.m_consult_nr a:hover{background-color:#FFFFFF;color:#00adbc}
.m_map{padding:0.75rem 0 0.75rem 0;overflow:hidden}
.m_map_play{position:relative}
.m_map_play .div3{position:absolute;top:0;left:0;z-index:5}
.m_map_play .div3 .dd{width:10rem;height:10rem}
.m_map_play .div3 .dd img{width:100%;height:auto}
.m_map_play .div3 .dd svg{width:100%;height:100%}
.m_map_nr{background:url(../image/map.png) no-repeat right bottom;background-size:12.8rem;width:17rem;margin:0 auto;height:13.5rem;position:relative;display: none;}
.m_map_circle{position:absolute;left:9.6rem;top:7.1rem;z-index:5}
.m_map_circle span{display:block;border-radius:100rem;border:1px solid #dee4ed;margin:0 auto;width:2rem;height:2rem;position:absolute;left:0;top:0}
.m_map_nr h3{color:#424242;font-size:0.86rem;font-weight:normal;margin:0 0 0.25rem 0;padding-top:0.55rem;opacity:0}
.m_map_nr p{font-size:0.60rem;color:#939393;margin-bottom:0.4rem;font-weight:lighter;line-height:1rem;opacity:0;margin-top:0.6rem}
.m_map_l dl{color:#b2c5cd;width:4.8rem;text-align:center;padding-top:0.88rem;opacity:0}
.m_map_nr dt{font-size:1rem;margin-bottom:0.15rem}
.m_map_nr dd{font-size:0.5rem}
.m_map_nr .m_map_all{position:absolute;width:10rem;height:10rem;left:5.77rem;top:3.62rem;z-index:10}
.m_map_nr .m_map_all img{height:5.90rem;width:9.96rem}
.m_input{width:100%;overflow:hidden;padding:1.5rem 0 1.6rem 0;background:url(../image/input_map.jpg) top center no-repeat;background-size:auto 100%}
.m_input_hr{background-color:rgba(44,44,44,0.09);width:16rem;margin:0 auto;padding:0.2rem;margin-top:0.72rem;opacity:0}
.m_input_hr form{width:100%;background-color:#f1f1f1;padding-top:0.86rem;padding-bottom:0.8rem}
.m_input_hr li{width:13.68rem;overflow:hidden;margin:0 auto;margin-bottom:0.6rem}
.m_input_hr li.sub{margin-bottom:0}
.m_input_hr input{width:13.51rem;padding-left:0.57rem;height:1.5rem;background-color:#FFFFFF;border:0;color:#555;font-size:0.45rem}
.m_input_hr textarea{width:13.51rem;height:4.44rem;padding-left:0.57rem;padding-top:0.3rem;background-color:#FFFFFF;border:0;font-size:0.45rem}
.m_input_hr input#button{width:7.55rem;height:1.82rem;background-color:#f08d22;font-size:0.8rem;color:#FFFFFF;padding:0;margin:0 auto;display:block;margin-top:0.15rem;cursor:pointer}
.m_input_hr input#button:hover{background-color:#de801b}
.m_news{width:100%;padding: 2rem 0 2rem 0;background:linear-gradient(to left,rgba(242,242,242,1) 0%,rgba(250,250,250,1) 50%,rgba(242,242,242,1) 100%)}
.m_news ul{display:flex;flex-wrap:wrap;border-left:1px solid #eee;border-bottom:1px solid #eee;width:17rem;margin:0 auto;margin-top:0.5rem}
.m_news ul li{position:relative;flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid #eee;border-right:1px solid #eee;background-color:#fff;opacity:0}
.m_news ul li a{position:relative;display:block;padding:0.4rem 0.34rem}
.m_news ul li .img{position:absolute;width:80%;right:0;bottom:0;pointer-events:none;opacity:0;transition:all 0.4s}
.m_news ul li h6 strong{display:block;font-weight:normal;font-size:1.2rem}
.m_news ul li h6 small{display:block;font-size:0.54rem;margin-top:0.04rem;font-weight:lighter;opacity:0.5}
.m_news ul li h5{font-size:0.8rem;line-height:2;overflow:hidden;margin:0.26rem 0 0.2rem;transition:all 0.4s;font-weight:normal}
.m_news ul li:hover h5{color:#65b7ff}

.m_news ul li em{position:relative;display:block;width:100%;padding-bottom:60%;overflow:hidden}
.m_news ul li em img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;transition:all 0.4s}
.m_news ul li p{font-size:0.5rem;color:#666;line-height:1.8;height:2rem;overflow:hidden;margin:0.26rem 0}
.m_news ul li span{display:flex;justify-content:center;width:4rem;height:1.3rem;font-size:0.5rem;border:1px solid #f4f4f4;border-radius:1rem;color:#bbb;transition:all 0.4s;line-height:1.3rem}
.m_news ul li span::after{content:"\f003d";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;display:block;margin-left:0.14rem;transform:rotate(90deg)}
.m_news ul li:nth-of-type(2){width:100%}
.m_news ul li:hover em img{transform:scale(1.1)}
.m_news ul li:hover .img{opacity:1}
.m_news ul li:hover span{background-color:#ffb53e;border-color:#ffb53e;color:#fff}


#timedElement .more-a{display:flex;align-items:center;justify-content:center;width:7.4rem;height:2.2rem;border-radius:2.3rem;background-color:#ffb53e;font-size:0.52rem;transition:all 0.4s;line-height:0.52rem;margin: 1rem auto;}
#timedElement .more-a span{color:#fff;transition:all 0.4s;font-size:0.7rem}
#timedElement .more-a i{flex-shrink:0;width:0.72rem;height:0.72rem;text-align:center;line-height:0.72rem;border-radius:50%;border:1px solid #fff;margin-left:0.24rem;font-size:0.4rem;transition:all 0.4s}
#timedElement .more-a i::after{content:"\f003d";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;display:block;transform:rotate(90deg) translateY(0);color:#fff;transition:all 0.4s}



#timedElement .foot-box{position:relative;z-index:3;background:linear-gradient(to top,#011804 0%,#007e63 100%);background-size:cover;background-position:center;color:#fff}
#timedElement .foot-box .box1{position:relative;width:100%;overflow:hidden;height:2.0rem;display:flex;align-items:center;justify-content:space-between;color:#fff}
#timedElement .foot-box .box1::after{content:"";position:absolute;left:50%;margin-left:-50vw;bottom:0;width:100vw;height:1px;background-color:#fff;opacity:0.1}
#timedElement .foot-box .box1 dt{font-size:0.34rem}
#timedElement .foot-box .box1 dd{display:flex;align-items:center}
#timedElement .foot-box .box1 dd img{flex-shrink:0;width:0.32rem}
#timedElement .foot-box .box1 dd p{margin-left:0.16rem}
#timedElement .foot-box .box1 dd span{display:block;font-size:0.16rem;opacity:0.5;margin-bottom:0.08rem}
#timedElement .foot-box .box1 dd em{display:block;font-size:0.22rem;font-style:normal}
#timedElement .foot-box .box1 dd strong{display:block;font-size:0.16rem;line-height:0.22rem;font-weight:normal}
#timedElement .foot-box .box2{display:flex}
#timedElement .foot-box .div{flex-shrink:0;width:3.06rem;text-align:center;padding:0.7rem 0}
#timedElement .foot-box .div a{display:block;width:6.5rem;margin:0 auto}
#timedElement .foot-box .div a img{width:100%}

#timedElement .foot-box .div .img{width:4.3rem;border-radius:0.1rem;margin:0.84rem 0 0.82rem}
#timedElement .foot-box .div span{display:block;font-size:0.8rem;opacity:0.5;margin-bottom:0.8rem}
#timedElement .foot-box .div p{font-size:0.6rem;opacity:1;margin-top:0.4rem}
#timedElement .foot-box .ul{flex:1;padding:0.7rem 0;margin-left:8%;display:flex;justify-content:space-between}
#timedElement .foot-box .ul li{}
#timedElement .foot-box .ul li a{color:#fff;opacity:0.5;display:block;font-size:0.14rem;margin-top:0.24rem;transition:all 0.4s}
#timedElement .foot-box .ul li a:nth-of-type(1){font-size:0.18rem;opacity:1;margin-top:0;margin-bottom:0.44rem}
.w1440{width:14.4rem !important;display:block;margin:0 auto;box-sizing:border-box}
.foot_bg{width:100%;background-image:url(../image/bg3.png);background-repeat:no-repeat;background-size:100% auto;background-position:bottom}

#timedElement .foot-box .box1{height:auto;padding:0.6rem 0 0;flex-direction:column;justify-content:center;display:none}
#timedElement .foot-box .box1::after{position:static;width:100%;left:0;margin-left:0;margin-top:0.4rem}
#timedElement .foot-box .box1 dd{width:2.8rem;margin-top:0.3rem}
#timedElement .foot-box .div{padding:1.2rem 0 1.2rem;width:100%;border-right:0}
#timedElement .foot-box .ul{display:none}


@media (min-width:601px){
.update_box2{margin:0 auto;position:relative;z-index:99;overflow:hidden;width: 100%;margin-top: 4rem;}
.link .dest_circle{margin: 0 auto;width: 2.6rem;height: 2.6rem;position: relative; margin-top: 5.6rem;}
.link .desm_circle{margin: 0 auto;width: 2.6rem;height: 2.6rem;position: relative; margin-top: 6.1rem;}
}