body{font-family:"Courier New", monospace;font-size:14px;color:#00FF00; padding:0; margin:0; background:#000000;}
input , textarea , select{font-family:"Courier New", monospace; color:#00FF00; font-size:14px; background:#111111; border:1px solid #00FF00;}
/*头部*/
.m_bg{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:#000000;}
.m_bg_a{ background:#000000;}
.main{ width:100%; position:relative; z-index:2;}
.header{ width:100%; margin:0px auto; position:relative; border-bottom:1px solid #00FF00; position:absolute; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.8);}
.h_fix{ position:fixed; left:0; top:0; z-index:99999; background:rgba(0,0,0,0.9);}
.header .head{ width:1200px; height:70px; margin:0px auto; position:relative;}
.head .logo{ width:157px; height:46px; float:left; margin-top:10px;}
.head .logo img{ width:157px; height:46px; vertical-align:top; filter:hue-rotate(120deg) brightness(1.5);}
.head .nav{ width:850px; float:left; margin-left:50px; text-align:left; margin-top:20px;}
.head .nav li{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; margin-right:13px;}
.head .nav li a{ font-size:18px; color:#00FF00; display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; padding:0px 10px;}
.head .nav li.now a,.h_fix .head .nav li.now a,.head .nav li a:hover,.h_fix .head .nav li a:hover{ color:#33FF33; text-shadow:0 0 5px #00FF00;}
.h_fix .head .nav li a{ color:#00FF00;}
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto; padding-top:70px;}
.head .search{ width:170px; height:27px; background:rgba(0,255,0,0.2); float:right; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px; position:relative; margin-top:23px; border:1px solid #00FF00;}
.head .search input[type="text"]{ width:145px; height:21px; line-height:21px; position:absolute; left:4px; top:3px; padding:0px 5px; border:0px; background:none; color:#00FF00;}
.head .search input[type="submit"]{ width:30px; height:27px; background:url(../images/s_btn.png) no-repeat center center; position:absolute; right:0px; top:0px; cursor:pointer; border:0px; z-index:99; filter:hue-rotate(120deg) brightness(1.5);}
.head .lang{ width:40px; height:25px; margin-top:25px; position:relative; float:left;}
.head .lang .lang_m{ width:40px; height:25px; position:relative; cursor:pointer;}
.head .lang .lang_m span,.head .lang .lang_m em{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; text-align:center; position:absolute;}
.head .lang .lang_m span{ width:30px; text-align:center; font-size:12px; left:0px; top:0; color:#00FF00;}
.h_fix .head .lang .lang_m span{ color:#00FF00;}
.head .lang .lang_m em{ width:5px; height:3px; background:url(../images/icon1.png) no-repeat; right:5px; top:10px; filter:hue-rotate(120deg) brightness(1.5);}
.h_fix .head .lang .lang_m em{background:url(../images/icon1_1.png) no-repeat; filter:hue-rotate(120deg) brightness(1.5);}
.head .lang ul{ width:100%;  position:absolute; left:0px; top:25px; z-index:9999999; font-size:12px; background:#111111; display:none; border:1px solid #00FF00;}
.head .lang ul li{ width:100%; text-align:center; height:25px; line-height:25px; color:#00FF00; cursor:pointer;}
.nav_m{ height:35px; display:inline-block; *display:inline; zoom:1; position:relative; float:left;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; position:relative; height:18px; width:auto; background:url(../images/nav_ico.png) no-repeat left center; padding-left:25px; line-height:18px; color:#00FF00; position:absolute; right:0px; top:5px; z-index:9999; cursor:pointer;display:none; filter:hue-rotate(120deg) brightness(1.5);}
.h_fix .nav_m .n_icon{ color:#00FF00; background:url(../images/nav_ico_a.png) no-repeat left center; filter:hue-rotate(120deg) brightness(1.5);}
.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto; padding-top:70px;}
.banner .slider{ width:100%; position:relative;}
.banner video{ width:100%; height:auto; display:block; object-fit:cover;}
.banner canvas{ width:100%; height:600px; display:block; background:#000000;}
.banner .slider{ position:relative;}
.video-overlay{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:10;}
.studio-name{ font-size:60px; color:#00FF00; text-shadow:0 0 20px #00FF00; margin:0 0 30px; font-weight:bold; letter-spacing:3px;}
.contact-btn{ display:inline-block; padding:15px 40px; font-size:20px; color:#00FF00; border:2px solid #00FF00; background:rgba(0,0,0,0.7); text-decoration:none; border-radius:5px; text-shadow:0 0 10px #00FF00; transition:all 0.3s ease;}
.contact-btn:hover{ background:rgba(0,255,0,0.2); color:#33FF33; box-shadow:0 0 20px #00FF00;}
.i_name{ width:100%; padding:50px 0; text-align:center; font-size:36px; color:#00FF00; font-weight:bold; text-shadow:0 0 10px #00FF00;}
.i_name em{ color:#33FF33; font-weight:bold; text-shadow:0 0 15px #00FF00;}
.i_name p{ font-size:18px; color:#00FF00; text-shadow:0 0 5px #00FF00;}
.i_ma{ width:100%; background:#000000;}
.i_ma ul{ width:1170px; padding:0 0 50px; margin:0px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.i_ma ul li{ width:330px; border:1px solid #00FF00; padding:20px; background:rgba(0,255,0,0.05); margin-bottom:30px;}
.i_ma ul li a{ color:#00FF00;}
.i_ma ul li .tu{ width:200px; height:200px; border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px; overflow:hidden; margin:0px auto; border:2px solid #00FF00;}
.i_ma ul li .tu img{ width:200px; height:200px; vertical-align:top;border-radius:200px; -moz-border-radius:200px; -webkit-border-radius:200px;transition: 0.7s;-moz-transition:  0.7s;-webkit-transition:  0.7s;-o-transition:  0.7s; filter:hue-rotate(120deg) brightness(1.2);}
.i_ma ul li a:hover .tu img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); filter:hue-rotate(120deg) brightness(1.5);}
.i_ma ul li .name{ width:100%; height:45px; line-height:45px; font-size:14px; font-weight:bold; color:#33FF33; text-shadow:0 0 5px #00FF00;}
.i_ma ul li p{ font-size:12px; line-height:175%; color:#00FF00;}
.i_m{ padding:15px 0;}
.i_mb{ width:100%; background:#0A0A0A;}
.i_mb ul{ width:1170px; margin:0px auto; padding-bottom:50px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.i_mb ul li{ width:360px; border:1px solid #00FF00; padding:10px; background:rgba(0,255,0,0.05); margin-bottom:30px;}
.i_mb ul li a{ font-size:16px; color:#00FF00;}
.i_mb ul li a:hover{ color:#33FF33; text-shadow:0 0 5px #00FF00;}
.i_mb ul li img{ width:347px; height:240px; vertical-align:top; border:1px solid #00FF00; filter:hue-rotate(120deg) brightness(1.2);}
.i_mb ul li .title{ width:100%; height:55px; line-height:55px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; text-align:center; color:#33FF33;}
.i_mc{ background:#000000;}
.i_mc ul li img{ height:300px;}
.case-description{ text-align:center; padding:30px 0; font-size:18px; color:#00FF00; line-height:1.6; max-width:800px; margin:0 auto; text-shadow:0 0 5px #00FF00;}
.case-button-container{ text-align:center; margin-top:20px;}
.case-contact-btn{ display:inline-block; padding:15px 40px; font-size:18px; color:#00FF00; border:2px solid #00FF00; background:rgba(0,0,0,0.7); text-decoration:none; border-radius:5px; text-shadow:0 0 10px #00FF00; transition:all 0.3s ease; letter-spacing:1px;}
.case-contact-btn:hover{ background:rgba(0,255,0,0.2); color:#33FF33; box-shadow:0 0 20px #00FF00;}
.i_md{ width:100%; background:#0A0A0A; padding:15px 0; border-top:1px solid #00FF00; border-bottom:1px solid #00FF00;}
.i_md .i_mdm{ width:1120px; margin:0px auto; border-right:1px solid #00FF00; margin-bottom:50px;}
.i_mdm .i_mdl,.i_mdm .i_mdr{ width:559px; float:left; border:1px solid #00FF00; border-right:0px; background:rgba(0,255,0,0.05);}
.i_md .i_name p,.i_md .i_name{ color:#00FF00;}
.team-members{ display:flex; flex-wrap:wrap; justify-content:center; gap:30px; max-width:1200px; margin:0 auto; padding:30px 0;}
.member{ text-align:center; width:180px; background:rgba(0,255,0,0.05); border:1px solid #00FF00; padding:20px; border-radius:5px;}
.member-avatar{ font-size:60px; margin-bottom:15px;}
.member-name{ font-size:20px; color:#33FF33; margin-bottom:10px; text-shadow:0 0 10px #00FF00; font-weight:bold;}
.member-intro{ font-size:14px; color:#00FF00; line-height:1.4; text-shadow:0 0 5px #00FF00;}
.process-steps{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; max-width:1200px; margin:0 auto; padding:30px 0;}
.step{ flex:1; min-width:200px; text-align:center; background:rgba(0,255,0,0.05); border:1px solid #00FF00; padding:20px; border-radius:5px;}
.step-icon{ font-size:50px; margin-bottom:15px;}
.step-title{ font-size:18px; color:#33FF33; margin-bottom:10px; text-shadow:0 0 10px #00FF00; font-weight:bold;}
.step-desc{ font-size:14px; color:#00FF00; line-height:1.4; text-shadow:0 0 5px #00FF00;}
.i_mdm .box_h{ width:100%; height:65px; line-height:65px; position:relative; border-bottom:1px solid #00FF00;}
.i_mdm .box_h span{ font-size:18px; color:#33FF33; margin-left:25px; text-shadow:0 0 5px #00FF00;}
.i_mdm .box_h a{ display:block; position:absolute; right:25px; top:0px; color:#00FF00;}
.i_mdm ul{ width:509px; margin:0px auto; height:300px; padding-top:10px;}
.i_mdm ul li{ width:100%;}
.i_mdl ul li span,.i_mdl ul li .nr{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.i_mdl ul{ height:270px; padding:20px 0;}
.i_mdl ul li{ margin-top:10px;}
.i_mdl ul li span{ width:18px; height:18px; color:#00FF00; text-align:center; line-height:18px;}
.i_mdl ul li.wen span{ background:#333333; border:1px solid #00FF00;}
.i_mdl ul li.da span{ background:#00FF00; color:#000000; font-weight:bold;}
.i_mdl ul li .nr{ width:480px; text-align:left; font-size:12px; line-height:175%; margin-left:5px;}
.i_mdl ul li.wen .nr{ color:#00FF00;}
.i_mdl ul li.da .nr{ color:#33FF33;}
.i_mdr ul li{ width:100%; height:50px; line-height:50px; position:relative; background:url(../images/icon2.png) no-repeat left center; margin-bottom:10px;}
.i_mdr ul li a{ font-size:14px; color:#00FF00;}
.i_mdr ul li p{ width:60%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:30px;}
.i_mdr ul li em{ display:block; position:absolute; right:0px; top:0px;}
.i_mdr ul li a:hover,.i_mdm .box_h a:hover{ color:#33FF33; text-shadow:0 0 5px #00FF00;}
.i_me{ width:100%; background:#000000; padding:20px 0; border-top:1px solid #00FF00; border-bottom:1px solid #00FF00;}
.i_me ul,.i_me ul li{ width:100%;}
.i_me ul li:hover{ background:rgba(0,255,0,0.1);}
.i_me ul li a{ color:#00FF00;}
.i_me ul li:hover a{ color:#33FF33; text-shadow:0 0 5px #00FF00;}
.i_me ul li dl{ width:1120px; height:75px; margin:0px auto; padding:20px 0; background:url(../images/icon3.png) no-repeat right center;}
.i_me ul li:hover dl{ background:url(../images/icon4.png) no-repeat right center;}
.i_me ul li dl dt{ width:105px; float:left; text-align:center; font-size:36px; color:#00FF00;}
.i_me ul li dl dt p{ height:20px; line-height:20px; text-align:center; font-size:14px; color:#33FF33;}
.i_me ul li dl dd{ width:675px; float:left; margin-left:100px;}
.i_me ul li dl dd .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#33FF33;}
.i_me ul li dl dd p{ width:100%; height:45px; line-height:200%; font-size:12px; overflow:hidden; color:#00FF00;}
.main .more{ width:100%; text-align:center; margin:30px 0 20px;}
.main .more a{ display:block; width:290px; height:48px; font-size:18px; background:#0A0A0A; margin:0px auto; color:#00FF00; line-height:48px; border:1px solid #00FF00; text-shadow:0 0 5px #00FF00; text-transform:uppercase; letter-spacing:2px;}
.main .more a:hover{ background:rgba(0,255,0,0.1); color:#33FF33; box-shadow:0 0 15px #00FF00; border:1px solid #33FF33;}
.i_mf{ width:100%; background:#000000; padding:20px 0; border-top:1px solid #00FF00;}
.i_mf .i_mfm{ width:1120px; margin:0px auto; text-align:center; font-size:14px; color:#00FF00; line-height:175%;}
.i_mf .i_mfm p{ margin-bottom:15px;}
.i_mg{ width:100%; background:#0A0A0A; border-top:1px solid #00FF00; border-bottom:1px solid #00FF00;}
.i_mg .i_name,.i_mg .i_name p{ color:#00FF00;}
.i_mgm{ width:1120px; margin:0px auto;}
.i_mgm ul:not(.i_book){ width:100%; display:flex; justify-content:center;}
.i_mgm ul:not(.i_book) li{ width:347px; margin-right:39px; text-align:center; display:flex; flex-direction:column; align-items:center; float:none;}
.i_book{ clear:both; margin-top:40px; width:100%; text-align:center;}
.i_mgm ul li.one,.i_mgm ul li.one p{ text-align:center;}
.i_mgm ul li.one img{ margin-left:0;}
.i_mgm ul li img{ width:25px; height:25px; vertical-align:top; filter:hue-rotate(120deg) brightness(1.5);}
.telegram-icon{ width:80px !important; height:80px !important; vertical-align:top; margin:0 auto 20px; display:block;}
.chat-icon{ font-size:80px; margin:0 auto 20px; display:block; text-align:center;}
.chat-name{ font-size:18px; color:#33FF33; margin:0 0 10px; text-shadow:0 0 10px #00FF00; font-weight:bold; text-align:center;}
.chat-desc{ font-size:14px; color:#00FF00; text-shadow:0 0 5px #00FF00; margin:0; text-align:center;}
.i_mgm ul li p a{ color:#00FF00; text-decoration:none; text-shadow:0 0 10px #00FF00; font-size:18px; display:block; margin:0 0 10px; text-align:center;}
.i_mgm ul li p a:hover{ color:#33FF33; text-decoration:underline;}
.i_mgm ul li p{ width:100%; text-align:center; margin:0; font-size:18px; color:#00FF00;}
.i_mgm .i_book { margin-top:20px; text-align:left; padding-bottom:20px;}
.i_mgm .i_book li{ width:550px; float:left; margin-right:20px; position:relative; margin-top:20px; text-align:left; font-size:14px; color:#00FF00; overflow:hidden;}
.i_mgm .i_book li.chang{ width:100%;}
.i_mgm .i_book li input{ width:100%; height:34px; background:#111111; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding-left:65px; line-height:34px; border:1px solid #00FF00; color:#00FF00;}
.i_mgm .i_book li span{ display:block; width:65px; text-align:center; height:34px; line-height:34px; font-size:14px; color:#00FF00; position:absolute; left:0px; top:0px; background:#111111; border-right:1px solid #00FF00;}
.i_mgm .i_book li textarea{ width:100%; height:105px; background:#111111; border:1px solid #00FF00; padding-left:60px; padding-top:5px; line-height:175%;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#00FF00;}
.i_mgm .i_book li.btn{ text-align:center; width:100%;}
.i_mgm .i_book li input[type="submit"]{ width:165px; height:40px; border:1px solid #00FF00; text-align:center; line-height:40px; color:#00FF00; font-size:14px; padding:0px; background:#111111; cursor:pointer;}
.i_mgm .i_book li input[type="submit"]:hover{ background:rgba(0,255,0,0.1); color:#33FF33; box-shadow:0 0 15px #00FF00;}
.foot{ width:100%; background:#000000; padding:40px 0; text-align:center; font-size:14px; color:#00FF00; border-top:1px solid #00FF00;}
.banner_s{ margin-top:70px;}
.banner_s,.banner_s img{ width:100%; height:auto; vertical-align:top;}
.s_bg{ width:100%; background:url(../images/bg_f.jpg) repeat; padding-top:20px;}
.scd{ width:1120px; margin:0px auto;}
.scd .scd_l{ width:200px; border:10px solid #19B1EC; float:left;}
.scd .scd_l li{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #19B1EC; }
.scd .scd_l li a{ display:block; width:140px; height:60px; line-height:60px; padding-left:60px; font-size:14px; color:#000;}
.scd .scd_l li.now,.scd .scd_l li:hover{background:url(../images/icon8.png) no-repeat 45px center;}
.scd .scd_l li.now a,.scd .scd_l li:hover a{ color:#19B1EC;}
.scd .scd_r{ width:900px; float:left; background:#FFF; position:relative; padding-top:20px; margin-top:-20px;}
.scd .scd_r .r_top{ width:100%; height:78px; background:url(../images/bg_e.png) repeat; position:absolute; top:-78px; left:0; z-index:9999; border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px;border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; text-align:right;}
.scd .scd_r .r_top_a{ background:url(../images/bg_g.png) repeat;}
.scd .scd_r .r_top p{ width:100%; height:50px; line-height:50px; font-size:50px; color:#aaa; text-align:right;}
.scd .scd_r .r_top_a p{ color:#FFF;}
.scd .scd_r .r_top em{ font-size:26px; color:#19B1EB; display:block; width:100%; height:26px; line-height:26px; margin-top:-3px;}
.scd .scd_r .scd_rm{ width:820px; margin:0px auto;}
.pst{ width:100%; height:88px; border-bottom:1px solid #ddd; text-align:left;}
.pst .line{ width:22px; height:4px; background:#19B1EC; margin-bottom:15px;}
.pst p{ width:100%; height:25px; line-height:25px; font-size:20px; color:#7F7F7F;}
.pst b{ font-size:20px; color:#000; font-weight:normal;}
.pro{ width:100%; padding:15px 0;}
.pro dl{ width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px dashed #ddd;}
.pro dl dt{ width:225px; height:155px; float:left; border:2px solid #ddd; border-radius:2px; -moz-border-radius:2px; -webkit- border-radius:2px;}
.pro dl dt img{ width:225px; height:155px; vertical-align:top;}
.pro dl dd{ width:565px; float:right; margin-right:10px;}
.pro dl dd .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro dl dd .title a{ font-size:20px; color:#000;}
.pro dl dd .title a:hover{ color:#00A4DF;}
.pro dl dd .name{ width:100%; height:22px; line-height:22px; margin-top:15px; background:url(../images/icon9.png) no-repeat left center;}
.pro dl dd .name span{ font-size:14px; color:#444; margin-left:25px;}
.pro dl dd p{ width:100%; height:45px; font-size:14px; color:#444; line-height:175%; overflow:hidden;}
.pages{ width:100%; height:30px; line-height:30px; text-align:right; margin-top:12px;}
.pages a{ display:inline-block; *display:inline; zoom:1; margin-left:3px; height:22px; line-height:22px; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 5px; font-size:12px; color:#1D71C7; min-width:12px; text-align:center;}
.pages a.now,.pages a:hover{ color:#FFF; background:#1D71C7; border:1px solid #1D71C7;}
.about{ width:100%; padding:15px 0 25px; font-size:14px; color:#000; line-height:175%;}
.support{ width:100%; padding:20px 0;}
.support li{ padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px; font-size:14px; color:#000; line-height:175%;}
.support li .title{ width:100%; padding:5px 0; color:#19B1EB;}
.support li .des{ width:92%; padding:0 4%;}
.support li .des .des_m{ width:92%; padding:0 4%;}
.support li .des .des_m p div{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:auto;}
.demo{ width:100%; padding:20px 0;}
.demo h5{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:normal; color:#00A4DF;}
.demo ul{ width:100%; border-bottom:1px dashed #ddd; margin-bottom:20px;}
.demo ul li{ width:395px; float:left; margin-right:30px; margin-bottom:20px;}
.demo ul li embed{ width:395px; height:300px; vertical-align:top;}
.demo ul li .title{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#333;}
.case{ width:100%; padding:20px 0;}
.case dl{ width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.case dl dt,.case dl dt img{ width:245px; height:160px; float:left; vertical-align:top;}
.case dl dd{ width:560px; float:right; text-align:left; font-size:14px; color:#000; line-height:230%;}
.case dl dd .title{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case dl dd .title a{ font-size:16px; color:#C50000;}
.case dl dd .title a:hover,.case dl dd .c_more:hover{ color:#00A4DF;}
.case dl dd .des{ width:100%; height:90px; overflow:hidden;}
.case dl dd .c_more{ display:block; width:70px; height:22px; border:1px solid #444; text-align:center; line-height:22px; color:#333; margin-top:12px;}