﻿.boxblock-m{display:none!important;}
.ontrialmain{width:auto; min-height:1px;}
.ontrialbox{width:auto; min-height:1px; overflow:hidden; float:left; background-color:#f5f5f5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s;}
.ontrialbox:hover{box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24); -moz-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24); -webkit-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24); background-color:#ffffff;}
.ontrialbox_input{width:200px; height:48px; float:left;}
.ontrialbox_input input{background:none; border:none; width:100%; height:48px; line-height:48px; font-size:14px; color:#000000; padding:0px 16px; text-decoration:none; /* margin:4px 0px; */}
.ontrialbox_input input::input-placeholder{color:#888888; font-size:12px;}
.ontrialbox_input input::-webkit-input-placeholder{color:#888888; font-size:12px;}
.ontrialbox_input input::-moz-placeholder{color:#888888; font-size:12px;}
.ontrialbox_input input::-moz-placeholder{color:#888888; font-size:12px;}
.ontrialbox_input input::-ms-input-placeholder{color:#888888; font-size:12px;}
.ontrialbox_btn{width:120px; height:48px; float:left;}
.ontrialbox_btn a{width:120px; height:48px; display:block; font-size:14px; line-height:48px; color:#ffffff; background-color:#dc000c; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.ontrialbox_btn a:hover{color:#ffffff; background-color:#dc000c;}
.ontrialbox_btn a:focus{color:#ffffff; outline:none;}
.ontrial_videobtn{width:auto; min-height:1px; margin-left:8px; float:left;}
.ontrial_videobtn a{width:auto; min-height:1px; display:block; padding:0px 32px; line-height:48px; font-size:14px; color:#666666; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:rgba(255, 255, 255, 0.18); box-shadow:0px 0px 48px rgba(0, 80, 157, 0.08); -moz-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.08); -webkit-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.08);}
.ontrial_videobtn a:hover{box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24); -moz-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24); -webkit-box-shadow:0px 0px 48px rgba(0, 80, 157, 0.24);}
.page_ontrial{background-color:#fff; border-bottom:4px solid #fff; padding:48px 0px; border-top:1px solid rgba(0, 0, 0, .08);}
.bgWhite .page_ontrial{border-bottom:4px solid #dc000c;}
.page_ontrialtbox{width:100%; min-height:1px; overflow:hidden; text-align:center;}
.page_ontrialtbox h2{font-size:36px; line-height:48px; color:#dc000c; font-weight:bold; margin-top:20px; margin-bottom:0px;}
.page_ontrialtbox span{display:block; font-size:13px; line-height:24px; color:#666666;}
.page_ontrialform{padding:48px 0px 42px 0px;}
.page_footOtherinfo{width:100%; min-height:1px; overflow:hidden;}
.page_footOther_link{width:100%; min-height:1px; overflow:hidden; border-top:1px solid rgba(255, 255, 255, 0.12); border-bottom:1px solid rgba(255, 255, 255, 0.12); margin:32px 0px 8px 0px;}
.bgWhite .page_footOther_link{border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.footer_CompanyInfo{width:auto; min-height:1px; overflow:hidden; color:rgba(255, 255, 255, 0.72); font-size:12px; line-height:32px; float:right; padding:8px 0px;}
.bgWhite .footer_CompanyInfo{color:#333333;}
.footer_copyright{width:100%; min-height:1px; overflow:hidden; padding-top:14px; padding-bottom:25px; font-size:12px; line-height:24px; color:rgba(255, 255, 255, .64); color:#ffffff \9; text-align:center;}
.footer_aboutlinks{width:auto; min-height:1px; overflow:hidden; float:left; padding:8px 0px;}
.footer_aboutlinks a{width:auto; min-height:1px; overflow:hidden; display:block; float:left; font-size:12px; line-height:32px; color:rgba(255, 255, 255, 0.72); padding-right:24px;}
.bgWhite .footer_aboutlinks a{color:#666666;}
.footer_aboutlinks a:hover{color:#ffffff;}
.bgWhite .footer_aboutlinks a:hover{color:#000000;}
.page_footOther_copyright{width:100%; min-height:1px; overflow:hidden;}
.page_footnavbox{padding:45px 0px 0px 0px;}
.page_footnavmain_tbox{width:100%; font-size:16px; line-height:24px; color:#fff; margin-bottom:24px;}
.bgWhite .page_footnavmain_tbox{color:#333333;}
.page_footnavmain_tbox2{font-size:12px; color:#666666;}
.page_footnavmain_tlist{overflow:hidden;}
.page_footnavmain_tlist ul{padding:0; margin:0;}
.page_footnavmain_tlist ul li{list-style:none;}
.page_footnavmain_tlist ul li a{width:100%; display:block; font-size:12px; line-height:26px; color:rgba(255, 255, 255, 0.72); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_footnavmain_tlist ul li a.sitemap{display:none;}
.bgWhite .page_footnavmain_tlist ul li a{color:#666666;}
.page_footnavmain_tlist ul li a:hover{color:#ffff;}
.bgWhite .page_footnavmain_tlist ul li a:hover{color:#000000;}
.page_footnavmain_tlist ul li span{font-size:12px; line-height:18px; color:rgba(255, 255, 255, 0.32); padding-top:14px; padding-bottom:8px;}
.bgWhite .page_footnavmain_tlist ul li span{color:#b8b8b8;}
.page_footnavmain_tlist2 ul{padding:0; margin:0;}
.page_footnavmain_tlist2 ul li{list-style:none;}
.page_footnavmain_tlist2 ul li a{width:auto; display:block; float:left; font-size:12px; line-height:18px; color:rgba(255, 255, 255, 0.72); text-align:center; margin:0px 10px;}
.bgWhite .page_footnavmain_tlist2 ul li a{color:#666666;}
.page_footnavmain_tlist2 ul li a:hover{color:#ffffff;}
.bgWhite .page_footnavmain_tlist2 ul li a:hover{color:#000000;}
.page_footnavmain_company{font-size:12px; line-height:18px; margin-bottom:16px; color:#666666;}
.footnav_contactus{width:100%; min-height:1px; display:block;}
.footnav_contactusbox{width:100%; min-height:1px; display:block; margin-bottom:12px;}
.footnav_contactusbox span{display:block;}
.footnav_contactusbox_name{font-size:12px; line-height:22px; color:rgba(255, 255, 255, 0.48);}
.bgWhite .footnav_contactusbox_name{color:#a3a3a3;}
.footnav_contactusbox_info{width:100%; min-height:1px; display:block;}
.footnav_contactusbox_info a{line-height:22px;}
.footnav_contactusbox_info a{width:100%; min-height:1px; display:block; font-size:16px; line-height:26px; color:rgba(255, 255, 255, 0.72); font-weight:bold;}
.bgWhite .footnav_contactusbox_info a{color:#666666;}
.footnav_contactusbox_info a:hover{color:#fff;}
.bgWhite .footnav_contactusbox_info a:hover{color:#000000;}
.footnav_contactusbox .footnav_contactusbox_codes{display:flex; justify-content:space-between; align-items:center; margin-top:6px;}
.footnav_contactusbox .footnav_contactusbox_code{width:46%; display:flex; flex-direction:column; align-items:center;}
.footnav_contactusbox .footnav_contactusbox_code > img{width:120px; display:block; background-color:#fff; border-radius:2px; padding:2px;}
.footnav_contactusbox .footnav_contactusbox_code > span{text-align:center; font-size:12px; line-height:20px; margin-top:4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:rgba(255, 255, 255, 0.48);}
.bgWhite .footnav_contactusbox .footnav_contactusbox_code > img{padding:0px;}
.bgWhite .footnav_contactusbox .footnav_contactusbox_code > span{color:#a3a3a3;}
.footnav_contactusbtn{width:100%; min-height:1px; display:block; overflow:hidden; margin-top:18px;}
.footnav_contactusbtn a{width:80%; min-height:1px; display:block; overflow:hidden; font-size:12px; line-height:44px; color:#fff; background-color:#dc000c; margin-bottom:10px; text-align:center; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.bgWhite .footnav_contactusbtn a{color:#666666; background-color:#f5f5f5;}
.footnav_contactusbtn a:hover{background-color:#fff; color:#666;}
.bgWhite .footnav_contactusbtn a:hover{background-color:#dc000c; color:#ffffff;}
.livebox{display:block !important;}
.listbtnPublic{margin-bottom:6px!important;}
.listbtnPublic a{padding:8px 0px!important;}
#liveinfobox{width:298px; height:299px; border-radius:6px; background:url('../image/msgbg4.png') center top; background-repeat:no-repeat; box-shadow:rgb(2 80 158 / 24%) 0px 0px 96px; position:absolute; bottom:-69px; right:60px; left:auto; z-index:1000; display:none; overflow:unset !important;}
#liveinfobox::after{content:''; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #ffffff; border-bottom:6px solid transparent; border-right:6px solid transparent; float:left; background:none; position:absolute; right:-12px; bottom:30px;}
.listbtnPublic a img{width:18px; height:18px; display:block; margin:0 auto 4px auto; opacity:.64;}
#floatfoot{display:none;}
.footerbbox{width:100%; height:auto; background-color:#dc000c;}
.footerbbox.bgWhite{background-color:#ffffff;}
.footerbbox span{display:inline-block;}
.footerbtn-online{width:auto; min-height:1px; display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -75%); box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2); -moz-box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2); -webkit-box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2);}
.footerbtn-online img{width:284px; box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2); -moz-box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2); -webkit-box-shadow:0px 0px 24px rgba(102, 102, 102, 0.2);}
.onlinezixunFoot:hover~.footerbtn-online{display:block;}
.livebtn:hover~.liveinfobox{display:block;}
.clauseList{display:block; overflow:hidden;}
.clauseList a{width:auto !important; float:left; margin-right:12px;}
.m_footer{display:none;position:fixed;bottom:0px;left:0px;width:100%;background:#b10017;z-index:999;}
.m_footer ul{width:100%;padding:10px 0px;overflow:hidden;}
.m_footer ul li{width:33.3333333%;text-align:center;float:left;}
.m_footer ul li img{width:24px;margin:0 auto;}
.m_footer ul li p{font-size:14px;font-family:MiSans-Normal;width:100%;text-align:center;color:#fff;}


@media (max-width:767px) {
#floatfoot{display:block;}
.footerbbox{height:auto !important;margin-bottom:0px !important;padding-bottom:100px !important;}
.boxblock-m{display:block!important;}
.boxblock-p{display:none!important;}
.footnav_contactusbox_name{display:none !important;}
.page_footnavbox{padding:64px 0px 0px 0px;}
.page_footnavmain_tbox{margin-bottom:6px;}
.ontrialbox_input{display:none;}
.ontrial_videobtn{display:none;}
.page_ontrial{padding:64px 0px 32px 0px;}
.page_ontrialform{padding:32px 0px 20px 0px;}
.page_ontrialtbox h2{font-size:24px;line-height:32px;margin-top:10px;margin-bottom:0px;}
.page_ontrialtbox span{font-size:11px;line-height:24px;}
.page_footnavmain{margin-bottom:24px;}
.page_footnavmain_tlist ul li a{line-height:24px;}
.footnav_contactusbtn{margin-bottom:0px;display:inline-block;margin-top:12px;}
.footnav_contactusbtn a{width:100%;}
.footnav_contactusbox{width:100%;margin-bottom:0px;}
.page_footOther_link{min-height:1px;overflow:hidden;margin:0px 0px 12px 0px;}
.footer_aboutlinks{display:none;}
.footer_CompanyInfo{width:100%;text-align:center;}
.footer_copyright{color:rgba(255, 255, 255, .64);color:#ffffff \9;text-align:center;padding-top:0px;padding-bottom:0px;}
.page_footnavmain_tlist2 ul li{width:100%;float:left;display:inline-grid;}
.footnav_contactusbox .footnav_contactusbox_code > span{font-size:11px;line-height:18px;}
.mnavlist{display:flex;flex-wrap:wrap;}
.mnavlist .foot_fangan2{display:none;}
.m_footer.active{display:block;}
}