/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{position:relative;background-color:rgba(247, 247, 247, 1); }@media only screen and (max-width: 769px) { #w_grid-1596783343140{display: none;} #c_portalResPublic_codeContainer-15967895844649690{max-width:100%!important; min-width:auto!important;} #w_grid-1596783919396 > div > .p_gridbox {background:none!important;} #c_portalResPublic_codeContainer-15967895844649690 .box_title i {width: 28%!important;font-size: 1.6rem!important;} #w_common_text-1596785304263,#w_common_text-1596868177841{ max-width: 94%!important; margin: 0 auto!important;} #c_portalResPublic_codeContainer-15967895844649690 .box_title p {font-size:25px!important;width: 67%!important;} #c_portalResPublic_codeContainer-15967857302452297 {max-width:100%!important;} #c_portalResPublic_codeContainer-15967857302452297 span.jieshao {font-size: 15px!important;} #c_portalResPublic_codeContainer-15967857302452297 .demo #demo01{padding-left:20px!important;padding-right:20px!important;} #c_portalResPublic_codeContainer-15967857302452297 .demo #demo02{padding-right:20px!important;} #c_portalResPublic_codeContainer-15967857302452297 .demo #demo03{padding-right:0!important;} #w_grid-1596784070311 {max-width:auto!important;} #w_grid-1596784070311 {max-width: 96.6%!important;} #w_grid-1596783951138 {min-height: 302px!important;} #w_common_text-1596867436301 span{font-size: 27px !important;} #w_common_text-1596868177837 span{font-size: 27px !important;} #w_common_text-1596868857106 span{font-size: 25px !important;} #w_common_text-1596869082399 span{font-size: 25px !important;} #w_common_text-1596868857110 span{font-size: 15px !important; letter-spacing:0 !important;} #c_portalResProduct_list-15971551082664948 .proSummry{ display:none !important;} #c_portalResProduct_list-15971551082664948 {max-width:100%!important;} #c_portalResProduct_list-15971551082664948 .proTitle {font-size:0.88rem!important;} .c_portalResnav_main-01001004 .header2 .logo {width: 70%!important; margin-top: 10px!important;} #w_common_text-1596784109453 span{line-height: 1.5 !important;} #w_grid-1596868303573 {max-width:98% !important;} #content_box-1596868303573-0{ width: 60%!important; float: left !important;} #content_box-1596868303573-1{ width: 40%!important; float: right!important;} #content_box-1596868780560-0{ width: 60%!important; float: left !important;} #content_box-1596868780560-1{ width: 40%!important; float: right!important;} #c_portalResProduct_list-15970479649058461 {max-width: 100%!important;} #c_portalResProduct_list-15970466434154757 {max-width: 100%!important;} #c_portalResNews_list-15968692085067825 {max-width: 100%!important;} #c_portalResProduct_list-15970603329081569{max-width: 100%!important;} #w_grid-1596868780560 {max-width: 98%!important;} #c_portalResNews_list-15968692085067825 .rightBox .newPicBox {width: 110px!important;} #w_grid-1596868823885 .p_gridbox {background-position:center!important; background-size:700%!important;} #w_grid-1596868823885 {min-height:360px!important;} #c_portalResProduct_list-15970603329081569{height: auto!important;} #c_portalResProduct_list-15970479649058461 .proTitle {padding:15px 0 0 10px!important; font-size: 1rem!important;} #c_portalResProduct_list-15970479649058461 .proSummry {font-size: 12px!important; padding-left: 12px;} #c_portalResPublic_codeContainer-15967895844649690 {min-height:100px!important;} #c_portalResEbizads_banner-15967835792649088 .bannerPic{min-height:240px;} #c_portalResProduct_list-15928957993109498 .porTbox{padding-bottom:74.4%!important} .c_portalResProduct_list-01001 .proTitle{line-height: 56px!important;} } a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} *{font-family:微软雅黑,arial;} /* page */ #content_box-1596868857101-0{ text-shadow:2px 2px 3px rgb(0 0 0 / 78%); letter-spacing:3px; } #c_portalResPublic_codeContainer-15967857302452297 .demo03{margin-right:0!important;} @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #e89513; border-color: #e89513; color: #fff; } .p_page .pre:hover { color: #fff; background: #e89513; border-color: #e89513; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #0c64b3; border-color: #0c64b3; color: #fff; } .p_page .next:hover { background: #e89513; border-color: #e89513; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #e89513; border-color: #e89513; } .p_page .pageNum:hover { color: #fff; border-color: #e89513; cursor: pointer; text-decoration: none; background-color: #e89513; } .p_page .pageNum.active { text-decoration: none; background-color: #e89513; color: #fff; border-color: #e89513; } } @media screen and (max-width: 768px) { #c_portalResPublic_codeContainer-16082766445069428 .counter { font-size: 35px !important; } #external-frame { width:100% !important; height: 400px !important; } #c_portalResProduct_list-16082715538013389 .pic-box,#c_portalResProduct_list-16082890139662694 .pic-box,#c_portalResProduct_list-1608289811236 .pic-box { height: 55vw !important; } .c_portalResProduct_category-01001008 .contentBox { z-index: 999999999 !important; } #w_tabswitchbox-1608271222822 > .layout_1 > div > .e_link-000 { width: calc((100% - 0px)/3) !important; } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #e89513; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #e89513; background-color: #e89513; cursor: pointer; } .p_pagebox .pre:active { background-color: #e89513; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #e89513; } .p_pagebox .next:hover { background-color: #e89513; } .p_pagebox .next:active { background-color: #e89513; } } /* scrollbar css */ /* width */ ::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #e89513; } /* animation */ @-webkit-keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes scaleBigToSmall { 0% { opacity: 1; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(-100%); opacity: 1; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes slideIn { 0% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes imgIn { 0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; } 100% { -webkit-transform: -webkit-translateX(0); opacity: 1; } } @keyframes imgIn { 0% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } }