body { -webkit-user-select: text; user-select: text; } .page-body0{min-width:1020px;} .page-body{/*max-width:1020px;*/ width:100%;margin:0 auto;} #module_33628458 .sub-nav-item{color:#fff;color:#333333;} #module_33628458 .sub-nav-item{background-color:#1976d2;background-color: #efefef;} #module_33637356 .BodyCenter.BodyCenter33637356 { border:rgb(232, 232, 232) solid 1px; border-top:0px; } #module_33644924 .BodyCenter.BodyCenter33644924 {border:rgb(232, 232, 232) solid 1px; border-top:0px;padding-top:10px;padding-bottom:5.0505%;padding-bottom:10px;margin-bottom:20px;margin-bottom:15px;} #module_33644967 .BodyCenter.BodyCenter33644967 {border:rgb(232, 232, 232) solid 1px; border-top:0px;padding-top:10px;padding-bottom:5.0505%;padding-bottom:10px;margin-bottom:20px;margin-bottom:15px;} .BodyCenter33644924 .news-container{ padding-top:15px;padding-top:0px;} #module_33637356 .news-item{padding-left:15px;background:url(/zhongxin/images/dot.png) no-repeat 0px 15px;/*22px;*/} #module_33637356 .news-item:hover{background:url(/zhongxin/images/dot.png) no-repeat 0px 15px;} #module_33644924 .news-item{padding-left:15px;background:url(/zhongxin/images/dot.png) no-repeat 0px 16px;} #module_33644924 .news-item:hover{background:url(/zhongxin/images/dot.png) no-repeat 0px 16px;} #module_33644967 .news-item{ height:38px;line-height:38px;padding-left:15px;background:url(/zhongxin/images/dot.png) no-repeat 0px 16px;} #module_33644967 .news-item:hover{background:url(/zhongxin/images/dot.png) no-repeat 0px 16px;} #module_33643398 >.module_33643398 {margin-top:1.5690%;margin-bottom:1.5690%;margin-top:0;margin-bottom:10px;} #module_33653531 {border:rgb(232, 232, 232) solid 1px; border-top:0px;margin-bottom:20px;} #module_33653531:hover {border:rgb(232, 232, 232) solid 1px; border-top:0px;} .ModuleProductListGiant.layout-118 .pro-container{padding-bottom:0px;} #module_33653531 .pro-item{ border:0px; border-bottom:#fff solid 2px;} #module_33662817 .news-item{padding-left:15px;background:url(/zhongxin/images/dot.png) no-repeat 0px 22px;} #module_33662817 .news-item:hover{padding-left:15px;background:url(/zhongxin/images/dot.png) no-repeat 0px 22px;} /*PageCss5.css*/ .news-box{ float:left;width: 50%;} .ModuleNewsListGiant.layout-105 .news-container .news-img{ width:130px;max-width:130px;height:180px;} #module_33659457 .news-title{font-size:14px;line-height:calc( 14px + 12px )} #module_33659457 .news-item:hover .news-title{font-size:14px;line-height:calc( 14px + 12px )} .newsSource .thumb{width:130px;max-width:130px;height:180px; position:relative; border:#CCC solid 1px;} .newsSource .thumb img{ transition: all .3s ease-out; position: absolute; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; top: 50%; left: 50%; margin:auto; padding: auto; } .ModuleGridContainer.ModuleGridContainer33644643 #Sub33644643_1 {width:50.6250%;padding-right:0px;width:50%;padding-right:8px;} .ModuleGridContainer.ModuleGridContainer33644643 #Sub33644643_3 {width:49.3750%;padding-left:15px;width:50%;padding-left:8px;} .ModuleGridContainer.ModuleGridContainer33633379 #Sub33633379_1{width:50%;padding-right:8px;} .ModuleGridContainer.ModuleGridContainer33633379 #Sub33633379_2{width:50%;padding-left:8px;} #module_33637389 >.module_33637389{margin-left:0px;} #module_33637356 >.module_33637356{margin-left:0px;} #module_33644967 >.module_33644967 {border-left-width:0px;} #module_33644707 >.module_33644707 {border-right-width:1px;} #module_33644707 .BodyCenter.BodyCenter33644707 {padding-top:0;padding-bottom:0;} #module_33644917 .BodyCenter.BodyCenter33644917 {padding-top:0;padding-bottom:0;} #module_33644707 .BodyCenter.BodyCenter33644707 {padding-top:0;padding-bottom:0;} #module_33653428 >.module_33653428 {border-right-width:1px;} .normal_ImgtextBox_content .GraphicUpper b{float:left;background:#1976d2; width:6px; height:30px; display:block;} .normal_ImgtextBox_content .GraphicUpper span{float:left;font-size:20px; font-weight:bold; padding-left:10px;} .normal_ImgtextBox_content .GraphicUpper2{float:left;background:#008DF6; height:39px;line-height:39px;} .normal_ImgtextBox_content .GraphicUpper2 b{float:left;background:#008DF6; width:6px; height:30px; display:block;} .normal_ImgtextBox_content .GraphicUpper2 span{float:left;font-size:16px; font-weight:normal; padding-left:10px; color:#FFF;} #module_33653428 .BodyCenter.BodyCenter33653428 { padding-top:8px; padding-bottom:8px; } #module_33646350 >.module_33646350 {margin-top:0;margin-bottom:2.0921%;margin-bottom:0%;} #module_33644707 .GraphicUpper{width:17%;width:100px;padding-top:0;padding-bottom:0;} #module_33644917 .GraphicUpper{width:17%;width:100px;padding-top:0;padding-bottom:0;} #module_33653428 .GraphicUpper{width:100px;} #module_33653428 .normal_ImgtextBox_content{height:39px;line-height:39px;} #module_33653428 .imageTextContainer{height:39px;line-height:39px;} #module_33653428 .BodyCenter.BodyCenter33653428{padding-top:0;padding-bottom:0;} #module_33653428 .ModuleImageTextContent{ float:right; border:#F00 solid 0px;line-height:28px;} #module_33653428 .normal_ImgtextBox_content{width:100%; display:block;background:#F4F4F4;} #module_33644707 .ModuleImageTextContent{ float:right; border:#F00 solid 0px;line-height:28px;} #module_33644707 .normal_ImgtextBox_content{width:100%; display:block;background:#F4F4F4;} #module_33644917 .ModuleImageTextContent{ float:right; border:#F00 solid 0px;line-height:28px;} #module_33644917 .normal_ImgtextBox_content{width:100%; display:block; background:#F4F4F4;} #module_33637389 .normal_ImgtextBox_content{width:100%; display:block; background:#F4F4F4;} .ModuleProductListGiant.layout-118 .pro-container .pro-item { width:230px;border-bottom: 0px solid #000;} .ModuleProductListGiant.layout-118 .pro-container .pro-item .pro-img {width:130px;height:180px;} .ModuleProductListGiant.layout-118 .pro-container .pro-item .pro-img img{max-width:130px;height:180px;} .ModuleProductListGiant.layout-118 .pro-container .pro-item .pro-text { padding-left:0px; padding-bottom:10px;margin-top:10px;} .ModuleProductListGiant.layout-118 .pro-name{text-align: left;} #module_33653531 .pro-title{margin-top:0px;} .list_upload{} .list_upload ul{ padding-top:30px;} .list_upload li{padding-left:10px;padding-bottom:10px; line-height:1.2} .list_upload li a{ font-size:14px;} .list_upload li a:hover{ } .list_upload li span{width:200px;} .ModuleGridContainer.ModuleGridContainer33628365{max-width:1020px; width:100%; border:#F00 solid 0px;} #module_3362845{max-width:1020px; width:100%;} #module_33628458 .main-nav-item{ padding-left:45px; padding-right:45px;padding-left:40px; padding-right:40px;}/**/ #module_33628439 .BodyCenter.BodyCenter33628439{padding-left:20px; padding-right:20px;} .blank-solve{max-width:1020px; width:100%;} .ModuleGridContainer.ModuleGridContainer33653564{max-width:1020px; width:100%; border:#F00 solid 0px;} #BodyMain1Zone{max-width:1020px; width:100%;} #module_33659446 .BodyCenter.BodyCenter33659446{padding-left:0px;} #module_33633379 .BodyCenter.BodyCenter33633379{padding-left:0px;padding-right:0px;padding-bottom:15px;} #module_33644643 .BodyCenter.BodyCenter33644643{padding-left:0px;padding-right:0px;} #module_33643398 .BodyCenter.BodyCenter33643398{padding-left:0px;padding-right:0px;} #module_33646350 .BodyCenter.BodyCenter33646350{padding-left:0px;padding-right:0px;} .pro-container{padding-left:30px;} .ModuleNewsListGiant.layout-108 .news-item .news-tit .news-title{width:calc(100% - 80px)} #module_33637389 .GraphicUpper{width:22%;width:100px;} #module_33637389 .ModuleImageTextContent{width:78%;width:200px; float:right;} #module_33637356 .news-item{height:35px;line-height:35px;height:36px;line-height:36px;} .news-details-item0{max-width:1020px; width:100%;} #module_33659445 .BodyCenter.BodyCenter33659445{padding-left:0px; padding-right:0px;} #module_33653810 .BodyCenter.BodyCenter33653810{padding-left:0px; padding-right:0px;} #module_33653809 .BodyCenter.BodyCenter33653809{padding-left:0px; padding-right:0px;} .SubContainer01{width:250px;} .SubContainer02{width:750px;} .BodyCenter33653568 p{text-align: right;} .BodyCenter33653568 p img{height:50px;} #module_33659447{line-height:30px;} .ModuleCommonClsGiant.layout-104 .class-title{ display:block;} #module_33655963 .ModuleMobileImageTextContent span{font-size: 28px;} #module_33664640 .main-class-item.active .main-class-text a{color:#fff !important;} #module_33616575.layout-101 #header {background-color: rgb(5, 121, 203);} #module_33664658 .BodyCenter.BodyCenter33664658 {background-color: rgb(5, 121, 203);} #module_33664640 .main-class-text, .inlayout-104dialogmodule_33664640 .main-class-text:hover {color: #fff !important;} #module_33664640 .main-class-text, .inlayout-104dialogmodule_33664640 .active .main-class-text {color: #fff !important;} #module_33664656 .main-class-text, .inlayout-104dialogmodule_33664656 .main-class-text:hover {color: #fff !important;} #module_33664656 .main-class-text, .inlayout-104dialogmodule_33664656 .active .main-class-text {color: #fff !important;} @media screen and (max-width:767px) { .BodyCenter33664692 p{width:100%; text-align:center;} .BodyCenter33653568 p{width:100%; text-align:center;} .BodyCenter33653568 p img{height:40px;} .SubContainer01{width:100%;} .SubContainer02{width:100%;} #BodyMain1Zone{max-width:1020px; width:100%;padding-left:0px;padding-right:0px;} #module_33655963 .module_33655963{ margin-right:0px;} #module_33655963 .GraphicUpper {padding-bottom: 0px;} #module_33664658 .module_33664658{margin-right:0px;} #module_33664658 .BodyCenter.BodyCenter33664658{padding:0px} #module_33655955 .module_33655955 {margin-bottom:0px;} #module_33662817{padding-left:10px;padding-right:10px;} .ModuleImageTextGiant.layout-105 .imageTextGiant-Container .normal_ImgtextBox_content .GraphicUpper .TextImage{width:24px;height:30px;} #module_33655963 .normal_ImgtextBox_content {padding-top: 20px;padding-bottom: 20px;} #module_33655963 .ModuleMobileImageTextContent span{ float:left;padding-top: 0px;font-size: 26px;} #module_33653810 {padding-left:10px;} #module_33653812 {margin-top:5px;} #module_33654898 .module_33654898{margin-right:0px;} #module_33664645 .module_33664645{margin-right:0px;} #module_33664645 .BodyCenter.BodyCenter33664645{padding:0px} #module_33653809 .module_33653809 {margin-bottom:0px;} #module_33659446 {padding-left:10px;} #module_33659447 {margin-top:5px;margin-top:0px;} #module_218506130{padding-left:10px;padding-right:10px;} #module_33655962{padding-left:10px;padding-right:10px;} #module_33655962 .imageTextGiant-Container {padding-bottom: 0px;padding-top: 10px;} #module_33659454 .module_33659454{margin-right:0px;} #module_33664667 .module_33664667{margin-right:0px;} #module_33664667 .BodyCenter.BodyCenter33664667{padding:0px} #module_33659445 .module_33659445 {margin-bottom:0px;} #module_33659453{padding-left:10px;padding-right:10px;} #module_33659453 .imageTextGiant-Container {padding-bottom: 0px;padding-top: 10px;} #module_33654867{padding-left:10px;padding-right:10px;} #module_33654843{padding-left:10px;padding-right:10px;} #module_33659457{padding-left:10px;padding-right:10px;} #module_33654867 .imageTextGiant-Container {padding-bottom: 0px;padding-top: 10px;} #module_33655956{padding-left:10px;padding-right:10px;} #module_33655957{margin-top:5px;} #module_33633379 .ModuleGridCustomGiant.layout-101 .ModuleSubContainer {display: flex;flex-direction: column;padding-left:10px;padding-right:10px;} .ModuleGridContainer.ModuleGridContainer33633379 #Sub33633379_1{width:100%;padding-right:0px;} .ModuleGridContainer.ModuleGridContainer33633379 #Sub33633379_2{width:100%;padding-left:0px;margin-top:10px;} #module_33644643 .ModuleGridCustomGiant.layout-101 .ModuleSubContainer {display: flex;flex-direction: column;padding-left:10px;padding-right:10px;} .ModuleGridContainer.ModuleGridContainer33644643 #Sub33644643_1 {width:100%;padding-right:0px;} .ModuleGridContainer.ModuleGridContainer33644643 #Sub33644643_3 {width:100%;padding-left:0px;} #module_33633379 .BodyCenter.BodyCenter33633379{padding-bottom:10px;} #module_33644924 .BodyCenter.BodyCenter33644924 {margin-bottom:10px;} #module_33644967 .BodyCenter.BodyCenter33644967 {margin-bottom:10px;} #module_33643398 >.module_33643398 {margin-bottom:0px;} #module_33646350 >.module_33646350 {padding-left:10px;padding-right:10px;} #module_33653531 {margin-bottom:10px;} #module_33659446 .BodyCenter.BodyCenter33659446 {padding-right:10px;} #module_33637389 .ModuleImageTextGiantContent {padding-right:10px;} #module_33644707 .ModuleImageTextGiantContent {padding-right: 10px;} #module_33644917 .ModuleImageTextGiantContent {padding-right: 10px;} #MobileNav,#MobileNavRenderElem,#MobileNavFloatLayer,#MobileNavMask,.FootNavMask,.FootNavQRCodeImg,.QQList,#MobileFootNav{display:block;} #contentNewW1505607 p{} #contentNewW1505607 p img{} } /*0579CB*/ @media (min-width: 767px){ .mhidden-lg2{display:none;} .mhidden-md2.mhidden-lg2{display: none;} .mhidden-sm2.mhidden-lg2{display: none;} } @media (max-width: 767px) {.mhidden-xs2{display:none}} @media only screen and (max-width: 767px) { .ModuleCommonClsGiant.layout-104 .class-title{display: flex;align-items: center;justify-content: space-between;padding: 6px 6px 6px 15px;height:40px;line-height: 40px;border:1px solid #e5e5e5;} .ModuleCommonClsGiant.layout-104 .class-title .class-title-text{width:100%;font-size:16px;color:#333;font-weight:bold;} .ModuleCommonClsGiant.layout-104 .sub-class-item{color:#666} .mask-layer{height:100%;width:100%;position: absolute;top:0;left:0;background: rgba(0,0,0,0.5);display: none} .ModuleCommonClsGiant.layout-104.layout-104dialog{position: fixed;height: 100%;width: 100%;padding-left:21%;left:0;top:0px;z-index:955;background: #fff;background-clip:content-box;box-sizing: border-box;border:0;overflow: hidden;} .ModuleCommonClsGiant.layout-104 .main-class-container-mobile{display: none} .ModuleCommonClsGiant.layout-104 .sub-class-item:hover .sub-class-text{color: #666} .ModuleCommonClsGiant.layout-104.layout-104dialog.dialog-show{animation: dialogshow 0.5s;animation-fill-mode: forwards;} .ModuleCommonClsGiant.layout-104.layout-104dialog.goback{animation: dialoggoback 0.5s;animation-fill-mode: forwards;} .ModuleCommonClsGiant.layout-104.layout-104dialog.dialog-hide{animation: dialoggohide 0.5s;animation-fill-mode: forwards;} .ModuleCommonClsGiant.layout-104 .sub-class-item:hover{border-top:0;border-bottom: 0;background: #fbfbfb;} .ModuleCommonClsGiant.layout-104 .sub-class-text:hover{color: #ff6600;} .ModuleCommonClsGiant.layout-104{border:0;} @keyframes dialogshow { from {left: 100%;} to {left:0} } @keyframes dialoggoback { from {} to {margin-left:0} } @keyframes dialoggohide { from {} to {margin-left:100%;} } } .ModuleMobileNavGiant.layout-101 .navcontent a { width:auto;} /*手机导航显示控制（顶部、底部、响应式导航） START*/ @media screen and (min-width:767px){ #MobileNav,#MobileNavRenderElem,#MobileNavFloatLayer,#MobileNavMask,.FootNavMask,.FootNavQRCodeImg,.QQList,#MobileFootNav{display:none;} .ModuleNav,.ModuleNavGiant{display:block;} .ModuleNav .pre_nav .nav, .ModuleNav .navMainItemGroup, .ModuleNav .BodyCenter, .ModuleNavGiant .pre_nav .nav, .ModuleNavGiant .main-nav-item-group, .ModuleNavGiant .BodyCenter{display:block;} } @media screen and (max-width:767px){ #MobileNav,#MobileNavRenderElem,#MobileNavFloatLayer,#MobileNavMask,.FootNavMask,.FootNavQRCodeImg,.QQList,#MobileFootNav{display:block;} .ModuleNav,.ModuleNavGiant{display:none;} div[ModuleType=ModuleNav],div[ModuleType=ModuleNavGiant]{display:none;} .ModuleMobileNavGiant a:focus{text-decoration:none} /*旋转动画stat */ .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody0 .center { opacity: 0; } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody0 .top{ -webkit-transform: translateY(10px) translateY(-50%) rotate(-45deg); transform: translateY(10px) translateY(-50%) rotate(-45deg); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody0 .bottom { -webkit-transform: translateY(-10px) translateY(50%) rotate(45deg); transform: translateY(-10px) translateY(50%) rotate(45deg); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody1{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody1 .top{ -webkit-transform: rotate(-90deg) translateX(6px); transform: rotate(-90deg) translateX(6px); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody1 .bottom{ -webkit-transform: rotate(-90deg) translateX(-6px); transform: rotate(-90deg) translateX(-6px); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody2 .bottom { top: -11px; width: 100%; opacity: 0; } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody2 .top { top: 11px; width: 100%; opacity: 0; } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody3 .top { -webkit-transform: rotate(45deg); transform: rotate(45deg); top:10px } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody3,.ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody4{ height: 25px; } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody3 .bottom { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 10.5px; } .ModuleMobileNavGiant .view-change .lcbody3 .rect { /* -webkit-transition: top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; */ transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody4 .bottom { width: 100%; -webkit-transform: translateY(-1px) translateY(-50%) rotate(-45deg); transform: translateY(-1px) translateY(-50%) rotate(-45deg); } .ModuleMobileNavGiant .view-change header .mm-hbtn .lcbody4 .top { -webkit-transform: translateY(10px) translateY(50%) rotate(45deg); transform: translateY(10px) translateY(50%) rotate(45deg); } /*旋转动画end */ /*默认样式 start*/ .ModuleMobileNavGiant,.ModuleMobileNavGiant .navcontent{ min-height: 48px; } .ModuleMobileNavGiant.layout-108,.ModuleMobileNavGiant.layout-108 .navcontent{ min-height: 0; } .ModuleMobileNavGiant header a.mm-hbtn { background: center center no-repeat transparent; display: flex; width: 30px; height: 30px; position: absolute; top: 0; left: auto; margin: 10px } .ModuleMobileNavGiant .lcbody { width: 30px; position: relative; margin: auto; height: 20px; } .ModuleMobileNavGiant .lcbody0 .rect{ height: 2px; width: 100%; border-radius: 2px; position: absolute; left: 0; transition: all 0.25s ease-in-out; background-color: #fff; } .ModuleMobileNavGiant .lcbody0 .rect.center { top: 0; bottom: 0; margin: auto; } .ModuleMobileNavGiant .lcbody0 .rect.bottom { bottom: 0; } .ModuleMobileNavGiant .lcbody1,.ModuleMobileNavGiant .lcbody2 { display: flex; justify-content: space-between; flex-direction: column; -webkit-box-pack: justify; -webkit-transition: -webkit-transform 330ms ease-out; transition: -webkit-transform 330ms ease-out; transition: transform 330ms ease-out; transition: transform 330ms ease-out, -webkit-transform 330ms ease-out; /* margin-top: 5px; */ height: 20px; } .ModuleMobileNavGiant .lcbody1 .rect,.ModuleMobileNavGiant .lcbody2 .rect{ background: #fff; border-radius: 1.5px; width: 100%; height: 2px; } .ModuleMobileNavGiant .lcbody1 .rect.top{ -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -webkit-transform-origin: right; transform-origin: right; } .ModuleMobileNavGiant .lcbody1 .rect.bottom{ -webkit-align-self: flex-end; align-self: flex-end; -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); -webkit-transform-origin: left; transform-origin: left; } .ModuleMobileNavGiant .lcbody2 .rect{ position: relative; transition:0.5s width,0.8s top,0.8s opacity; top:0; } .ModuleMobileNavGiant .lcbody3 .rect,.ModuleMobileNavGiant .lcbody4 .rect { height: 2px; left: 0; top: 0; width: 100%; position: absolute; background-color: #fff; -webkit-transition: top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* transition: top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s; */ transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, bottom 0.2s cubic-bezier(0.3, 1.4, 0.7, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /*默认样式end*/ /*按钮风格2*/ .ModuleMobileNavGiant .lcbody1 .top{ width: 50%; } .ModuleMobileNavGiant .lcbody1 .bottom{ width: 50%; } /*按钮风格3*/ .ModuleMobileNavGiant .lcbody2 .top{ width: 50%; } .ModuleMobileNavGiant .lcbody2 .bottom{width: 70%;} /*按钮风格4*/ .ModuleMobileNavGiant .lcbody3 .bottom{ top:15px; } .ModuleMobileNavGiant .lcbody3 .center{ display: none;} /*按钮风格5*/ .ModuleMobileNavGiant .lcbody4 .center{ display: none;} .ModuleMobileNavGiant .lcbody4 .bottom{width: 70%;top:13.5px;} /*end*/ .ModuleMobileNavGiant .langlistboxshadow{ background-color:#000; opacity: 0.7; position:fixed; height: 100%; top: 50px; left: 0; width: 100%; display: none; z-index: -1; } .ModuleMobileNavGiant .langlistbox{ width: 100%; position: fixed; background-color: #fff; display: none; left: 0; text-align: left; top: 48px; } .ModuleMobileNavGiant .langlistbox .jt{ content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; position: fixed; top: 42px; display: none; } .ModuleMobileNavGiant .langlistbox a{ width: 100% !important; text-align: left !important; } .ModuleMobileNavGiant .langlistbox li{ height: 48px; line-height: 48px; padding: 0 19px; } .ModuleMobileNavGiant .langlistbox li span{ display: inline-block; font-weight: normal; vertical-align: middle; } .ModuleMobileNavGiant .langlistbox li .langinfo{ border-radius: 50%; width: 28px; height: 28px; font-size: 12px; margin-right: 10px; vertical-align: middle; line-height: 25px; text-align: center; border: 1px solid #333333; overflow: hidden; } .ModuleMobileNavGiant .langlistbox li .langinfo.active{ background: #333333; color:#ffffff; } .ModuleNav .pre_nav .nav, .ModuleNav .navMainItemGroup, .ModuleNav .BodyCenter, .ModuleNavGiant .pre_nav .nav, .ModuleNavGiant .main-nav-item-group, .ModuleNavGiant .BodyCenter{display:none;} .ModuleMobileNavGiant .MobileNavfadeout{ top:0; opacity: 1; transition: all 0.5s; } } .ModuleItem[alwaysshow="1"], .ModuleItem[alwaysshow="1"] .ModuleNav, .ModuleItem[alwaysshow="1"] .ModuleNav .pre_nav .nav, .ModuleItem[alwaysshow="1"] .ModuleNav .navMainItemGroup, .ModuleItem[alwaysshow="1"] .ModuleNav .BodyCenter, .ModuleItem[alwaysshow="1"] .ModuleNavGiant, .ModuleItem[alwaysshow="1"] .ModuleNavGiant .pre_nav .nav, .ModuleItem[alwaysshow="1"] .ModuleNavGiant .main-nav-item-group, .ModuleItem[alwaysshow="1"] .ModuleNavGiant .BodyCenter{display:block !important;} /*========== 手机导航显示控制 END ==========*/