html,body{margin: 0;padding: 0;background-color: transparent;} .pagebox{ width: 640px; margin: 0 auto; position: relative; }.resetHtmlCssStyle p,.resetHtmlCssStyle div,.reset_style p,.reset_style p,.reset_style{ font-size:18px !important; line-height:1.8 !important;} .c_nav_main-13001 .btn{ margin:24px 10px 20px 10px !important; } .c_nav_main-13001 .btn span{ background-color: #fff !important; } .w_btn-001 .p_CommonBtn{ font-size: 26px !important; } .c_product_list-01001 .d_PriceGroupBox,.c_product_list-01001 .d_ProductDetailBox,.c_product_list-01001 .d_interaction,.c_product_list-01001 .d_assist { display: none !important; } .e_MajorStyleBox-001 .stylebox_top,.e_MajorStyleBox-001 .stylebox_title,.c_intro_category-01001 .p_iconA,.c_product_category-01001 .p_iconA,.c_news_category-01001 .p_iconA,.c_product_category-01001 .p_icon:active,.e_OrdinaryStyleBox-001 .stylebox_top,.c_intro_category-01001 .p_icon:active,.c_intro_category-01001 .p_iconA:active,.c_message_form-01001 .p_CommonBtnA,.c_product_list-01001 .d_inquiry,.c_companyFile_list-01001 .p_btnA,.c_companyFile_detail-01001 .p_download,.c_product_detail-03001 .d_BaseInfoBtn.active,.c_booking_form-01001 .p_titleA,.c_booking_form-01001 .p_titleB,.c_booking_form-01001 .p_titleC,.c_booking_form-01001 .p_SubmitBtn,.c_product_detail-03001 .d_inquiry,.c_companyFile_category-01001 .p_iconA,.c_companyFile_category-01001 .p_icon:hover,.c_video_list-03001 .p_pagebox .pre,.c_video_list-03001 .p_pagebox .next,.c_companyplace_network-03001 .p_IconRelationBtnBarB.active,.c_companyplace_network-03001 .p_IconRelationBtnBarA.active,.c_news_category-01001 .p_icon:hover,.c_product_detail-06001 .d_BaseInfoBtn.active,.c_news_category-03001 .p_iconA .font,.c_news_category-03001 .p_icon:active,.c_employ_category-01001 .p_iconA,.c_employ_category-01001 .p_iconA:hover,.c_news_category-03001 .p_iconA,.c_atlas_category-01001 .p_iconA,.c_atlas_category-01001 .p_iconA:hover,.c_atlas_category-01001 .p_iconA:active{ background:#0d4294; background-color:#0d4294 !important} .c_intro_category-01001 .p_articlesA,.c_news_category-01001 .p_articlesA,.c_product_category-01001 .p_articlesA,.c_atlas_category-01001 .p_articlesA{background-color: #fff !important;} .c_employ_list-01001 .p_pagebox .pre,.c_employ_list-01001 .p_pagebox .next{background-color:#a9a9a9 !important;} .c_intro_category-01001 .p_shade,.c_news_category-01001 .p_shade,.c_product_category-01001 .p_shade,.c_companyFile_category-01001 .p_shade,.c_news_category-03001 .p_shade,.c_atlas_category-01001 .p_shade{margin-top: 100px;} .c_product_list-01001 .p_pagebox .pre,.c_product_list-01001 .p_pagebox .next,.c_news_list-01001 .p_pagebox .pre:hover,.c_news_list-01001 .p_pagebox .pre,.c_news_list-01001 .p_pagebox .next{ background-color: #12356c !important; } .c_product_detail-06001 .p_SummaryBox { display: none !important; }  .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; }  .p_pagebox { height:auto; margin: 20px auto 0; clear:both; position:relative; font-size: 0; white-space: nowrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p_pagebox .pre{ display: block; height:90px; width: 32%; line-height: 90px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:border-box; } .p_pagebox .pre:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .p_pagebox .pre .font{ display:inline-block; vertical-align:middle; bottom:0; font-size: 32px; } .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: left; font-size: 32px; line-height: 90px; } .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .p_pagebox .next{ display: block; height:90px; width: 32%; line-height: 90px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:border-box; } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .p_pagebox .next .font{ display:inline-block; vertical-align:middle; bottom:0; font-size: 32px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 32px; line-height: 90px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; }  .p_pagebox .NumBox{ -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; display: block; height: 90px; line-height: 90px; border: 1px solid #CDD5D5; position: relative; cursor: pointer; box-sizing:border-box; background: #e6e6e6; vertical-align: top; text-align: center; } .p_pagebox .num{ display: inline-block; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .p_pagebox .ItemBox{ position: absolute; width: 100%; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: 0; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; line-height: 90px; } .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; }   .p_more{ display: block; text-align:center; padding-right:20px; padding-left:20px; height: 100px; line-height: 100px; background-color: rgba(248,248,248,0.8); position: relative; border-radius: 0; border-width: 0; color: rgba(115,115,131,1); font-size: 22px; } .p_more:active{ background-color:rgba(248,248,248,0.8); } .p_more .font{ display:inline-block; vertical-align:middle; text-align: inherit; } .p_more .iconfont{ display:inline; vertical-align:middle; } .p_more .iconfont:before{ content: "\e6d1"; }   .p_CommonLanternBox{ position: relative; width: auto; height: auto; background-color: transparent; overflow: hidden; } .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .d_CommonInteractionA{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .d_CommonInteractionB{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .p_CommonSwitchBtnA{ display:inline-block; position: absolute; top: 50%; left: 50%; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191,191,191,1); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: '\e6b0'; display: inline-block; } .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .p_CommonSwitchBtnA:active{ color: rgba(105,192,188,1); } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191,191,191,1); -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .p_CommonSwitchBtnB .iconfont:before{ content: '\e6af'; display: inline-block; } .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .p_CommonSwitchBtnB:active{ color: rgba(105,192,188,1); } .p_CommonSummaryBoxA{ width: auto; height: auto; margin-bottom: 20px; background-color: transparent; overflow: hidden; text-align: center; } .p_CommonThumbnailBox{ width: auto; height: auto; background-color: transparent; overflow: hidden; } .p_CommonSquareNumBtn { display: inline-table; margin: 0px 5px; background-color:rgba(191,191,191,1); color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; text-align: center; } .p_CommonSquareNumBtn:active { background-color: rgba(105,192,188,1); } .p_CommonSquareNumBtn.active { background-color: rgba(105,192,188,1); } .lantern{ margin-left: 50px !important; margin-right:50px !important; } .p_CommonSquareNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; }