.e_MajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_MajorStyleBox-001 .stylebox_top{ background-color: #65beba; height: 67px; }  .e_MajorStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; }  .e_MajorStyleBox-001 .stylebox_link{ color: #EAF3F3; font-size: 30px; padding: 0 15px; margin: 0; float: right; vertical-align: middle; display: table; height: inherit; border-width: 0; } .e_MajorStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; }  .e_MajorStyleBox-001 .stylebox_content{ height: calc(100% - 48px); width: 100%; border-style: solid; border-width: 1px; border-color:#f0f0f0; width-uint:%; } .e_MajorStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); font-weight: normal; } .e_MajorStyleBox-001 .title_sub{ font-size: 34px; color: #fff; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content: "\e63d"; font-size: 34px; color: #fff; } .e_MajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_MajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; } .e_OrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; }  .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); }  .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; }  .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; }  .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.w_img-001{position:absolute; width:280px; height:280px; font-size: 30px;} .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; } .w_img-001 .e_image:hover:after { background: transparent; }.w_img-001 .p_MatteIcon:before{content:'\e752'; }.w_img-001 >div{animation-fill-mode:both; }.c_nav_main-61003{position:absolute;width:400px;height:200px;overflow:hidden} .menu_bg { position: absolute; width:100%; height: 80px; z-index: 0; } header{ position: relative; } header .m-btn { width: 50px; height: 50px; display: block; padding: 10px; cursor: pointer; position: absolute; right: 0; margin-top: 15px; z-index: 9999999999; } .fr { float: right; display: inline; } header .m-btn .box { display: block; width: 30px; height: 30px; overflow: hidden; position: relative; } header .m-btn .line { display: block; width: 100%; height: 3px; background-color:#005aa0; position: absolute; left: 0; transition: all .5s; } header .m-btn .line1 { width: 18px; top: 0; } header .m-btn .line2 { width: 26px; top: 10px; } header .m-btn .line3 { width: 22px; top: 21px; } header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 { width: 100%; background: #fff; } .m-sub-menu { position: fixed; right: -100%; width: 66%; top: 0; z-index: 0; height: 100%; background-color: #fff; transition: all 0.64s ease 0s; } .m-sub-menu.show { right: 0; transition: all 0.44s ease 0s; } .m-sub-menu .top-box { line-height: 100px; background-color: #005aa0; } .f-cb { zoom: 1; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .m-sub-menu .top-box .stt { display: inline-block; font-size: 22px; color: #fff; margin-left: 8.2%; font-family: 'iconfont'!important; } .m-sub-menu .list-wrap ul { width: 100%; } .m-sub-menu .list-wrap li { line-height: 60px; width: 100%; border-bottom: 1px solid #f2f2f2; } .m-sub-menu .list-wrap li .col-box { display: block; width: 100%; } .m-sub-menu .list-wrap .tit { font-size: 22px; color: #666; margin-left: 8.2%; } ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }.c_complaintPage_detail-01001 { position: absolute; width: 640px; height: 680px; overflow: hidden; } .c_complaintPage_detail-01001 .p_complaintPageDetails{ width: inherit; height: auto; white-space: normal; background: transparent; } .c_complaintPage_detail-01001 .p_articles { width: inherit; height: auto; font-size: 14px; line-height: 21px; color: #656565; }.w_bbox-001{ position:absolute; width:100%; height:120px; } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); }.w_rbox-001{position:absolute; width:263px; height:242px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.w_rbox-001 .p_rbox{background-color:rgba(0, 0, 0, 0); }.w_rbox-001 .p_MatteIcon:before{content:'\e752'; } #w_rbox-1530003203738{z-index:222222!important;} #.w_rbox-001{position:absolute; width:263px; height:242px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.w_rbox-001 .p_rbox{background-color:rgba(0, 0, 0, 0); }.w_rbox-001 .p_MatteIcon:before{content:'\e752'; } #w_rbox-1530003203738{z-index:222222;} .resetHtmlCssStyle img{max-width:100%!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{background:#005aa0;background-color:#005aa0!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{margin-top: 100px;} .c_intro_category-01001 .p_articlesA,.c_news_category-01001 .p_articlesA,.c_product_category-01001 .p_articlesA{background-color:#fff;height: 82px!important; min-height:82px!important;} .c_product_category-01001 .p_infoA,.c_news_category-01001 .p_info,.c_intro_category-01001 .p_info{font-size:26px!important} .iconfont{font-size: inherit!important;} .e_OrdinaryStyleBox-001 .title_main{color:#fff;} .resetHtmlCssStyle p{line-height:38px;} .c_intro_detail-01001 .p_headA,.c_news_detail-01001 .p_Atlas,.c_product_detail-03001 .d_RelaionBtnBoxA,.c_product_detail-03001 .p_SummaryBox,.c_product_detail-01001 .d_ProductInfoBox{display:none;} .c_product_detail-03001 .d_titleBoxC{background-color:#005aa0!important} .c_product_detail-03001 .d_relatedHeadC{color:#fff!important} .resetHtmlCssStyle div,.resetHtmlCssStyle p,.resetHtmlCssStyle p,.reset_style div,.reset_style p{font-size:22px; line-height:38px;color: #333;} .c_news_detail-01001 .p_SummaryBox{border-left:3px solid #005aa0!important} .c_news_list-01001 .p_title .font,.c_news_list-02001 .p_title{font-size:24px!important} .c_news_list-02001 .p_TitleBox{text-align:center;} .c_atlas_detail-01001 .p_images{height:640px!important} .c_atlas_detail-01001 .p_image img{width: 100%!important; height: auto!important; top:45%!important;} .c_atlas_detail-01001 .p_title{font-size: 28px!important;} .c_companyFile_list-01001 .p_pagebox .pre,.c_companyFile_list-01001 .p_pagebox .next{background-color:rgb(160, 160, 160)!important} .c_product_detail-03001 .d_PreBox{width:318px!important} .c_atlas_detail-01001 .p_image{padding-bottom:88%!important} .c_booking_form-01001 .p_head,.c_product_detail-03001 .d_ProSummaryBox,.c_news_detail-01001 .p_AssistInfo{display:none;} .c_product_detail-03001 .d_diy{background:#333!important;} .c_product_detail-03001 .d_inquiry{width:278px!important;margin: 0 auto; float: none!important;} .c_product_detail-03001 .d_CustomText{width: 550px!important;} .c_product_detail-03001 .d_interaction{margin-bottom: 54px;}#c_nav_main-15300032474182758{ position:absolute; top:15px; left:506px; z-index:2; width:103px; height:75px; }#c_complaintPage_detail-15300050224109080 .p_MatteIcon:before{content:'\e752'; }#c_complaintPage_detail-15300050224109080{ position:absolute; top:24px; left:17px; z-index:1; width:606px; height:127px; } #w_rbox-1530003203738 .p_rbox{ background-color:rgba(255, 255, 255, 0.7); } #w_rbox-1530003203738 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1530003203738 >div{ animation-fill-mode:both; } #w_bbox-1530005049253 .p_wbox{ background-color:rgba(65, 65, 65, 1); } #w_bbox-1530005049253 .p_MatteIcon:before{ content:'\e752'; } #w_bbox-1530005049253 >div{ animation-fill-mode:both; } #w_img-1530003212497 .p_link001{ height:calc(100%); } #w_img-1530003212497 .p_MatteIcon:before{ content:'\e752'; } #w_img-1530003212497 >div{ animation-fill-mode:both; } #w_rbox-1530003203738{ position:absolute; top:0px; left:0px; z-index:222222; width:640px; height:100px; } #w_bbox-1530005049253{ position:absolute; top:2642px; left:0px; z-index:103; width:640px; height:166px; } #w_img-1530003212497{ position:absolute; top:28px; left:21px; z-index:1; width:241px; height:44px; }