 html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#w_grid-1553843684566{ position: fixed; z-index: 100; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); background: #fff; left: 0; right: 0; height: 100px; } #w_grid-1553843765903{ padding-top: 100px !important; } #w_grid-1553843684586 .p_gridbox{ height: 100px; } .language{ width: 29px; height: 29px; background: #005331; border-radius: 100%; color: #fff; text-align: center; line-height: 29px; font-family: arial; font-size: 14px; } #content_box-1553843684586-0{ width: 275px !important; margin-top: 16px !important; } #content_box-1553843684586-1{ width: calc(100% - 275px - 255px) !important; } #content_box-1553843684586-2{ width: 255px !important; } #c_portalResPublic_codeContainer-15538436822191337{ display: inline-block; text-align: right; } #c_portalResPublic_codeContainer-15538436822191337 a{ display: inline-block; margin-left: 8px; margin-top: 35px; } a:hover, a:active,a:focus { color: #fff; text-decoration: none; } #content_box-1553843730249-0, #content_box-1553843730253-0, #content_box-1553843730258-0{ width: 44px !important; height: 44px; padding-right: 28px; box-sizing: content-box; border-right: 1px solid #ccc; margin-right: 28px !important; margin-top: 7px !important; } #content_box-1553843730249-1, #content_box-1553843730253-1, #content_box-1553843730258-1{width: calc(100% - 101px) !important;} .yyong{ display: inline-block; text-align: center; width: 100%; } .yyong li{ display: inline-block; text-align: center; margin: 0 8px; transition: all ease .3s; } .yyong li:hover{ transform: scale(.9); transition: all ease .8s; } .abou_center{ width: 100%; max-width: 1300px; padding: 0 20px; margin: 0 auto; } .about_left{ width: 594px; float: left; } .ef43{ margin-top: 40px; } .axx{ background: #fff; padding: 45px 32px 57px; position: relative; display: inline-block; } .axx a{ position: absolute; right: 0; bottom: 0; z-index: 2; } .axx h2{ font-size: 22px; font-weight: 500; color: #666666; margin: 18px 0; float: left; border-bottom: 1px solid #0075bb; padding-bottom: 16px; position: relative; z-index: 2; } .axx p{ width: 100%; float: left; color: #878686; line-height: 24px; position: relative; z-index: 2; } .axx img{ position: relative; z-index: 2; } .axx::before{ content:''; background: #fff; position: absolute; right: 0; width: 50vw; z-index: 1; height: 100%; top: 0; } .about_right{ float: left; width: calc(100% - 594px); margin-left: -60px; } #youce{ position: fixed; list-style: none; top: 50%; right:0px; transform: translatey(-50%); } #youce ul{ padding: 0; } #youce li{ position: relative; width: 65px; height: 65px; list-style: none; background: url(/img/right_contact.png?tenantId=167060&viewType=1&v=000) no-repeat center top; margin-bottom: 3px; cursor: pointer; } #youce li:nth-of-type(2){background-position-y: -68px !important;} #youce li:nth-of-type(3){ background-position-y: -136px !important; } #youce li:nth-of-type(4){ background-position-y: -204px !important; } #youce li:nth-of-type(5){ background-position-y: -272px !important; } #youce li a{ display: block; width: 100%; height: 100%; margin: 0; } #youce li p{ position: absolute; right: 100%; color: #fff; font-size: 14px; box-sizing: border-box; padding: 8px 0px; width: 170px; background: #0075bb; height: 65px; margin-left: 1px; line-height: 20px; opacity:0; visibility:hidden; transition:all ease .3s; } #youce li img{ position: absolute; right: 100%; box-sizing: border-box; width: 133px; height: 133px; margin-left: 1px; margin-top: -68px; opacity:0; visibility:hidden; transition:all ease .3s; } #youce li:hover p, #youce li:hover img{ opacity:1; visibility:visible; } .abox p{ font-size: 16px; color: #666666; line-height: 28px; text-indent: 2em; } .a_left{ float: left; width: 50%; } .a_right{ float: right; width: 48%; } .abox{ float: left; width: 100%; } .abox h2{ font-size: 24px; color: #0075bb; font-weight: 500; margin-bottom: 24px; } .abox li{ list-style: none; float: left; width: 33.333%; } .abox ul{ padding: 0; margin: 40px 0 20px; float: left; width: 100%; } #w_grid-1554340252275, #w_grid-1554341475720, #w_grid-1554342170506, #w_grid-1554345778063, #w_grid-1554346680691{ position: relative; } #w_grid-1554340252275 .c_portalResIntro_category-01001, #w_grid-1554341475720 .c_portalResProduct_category-01001, #w_grid-1554342170506 .c_portalResProduct_category-01001, #w_grid-1554345778063 .c_portalResNews_category-01001, #w_grid-1554346680691 .c_portalResNews_category-01001{ position: absolute; left: 0; right: 0; bottom: 45px; margin: 0 auto; } .decTab:hover, .decTab.active { color: #ffffff; background: #0075bb !important; border: 0; } #cont_left{ width: 50%; float: left; } #cont_right{ float: left; width: 50%; box-sizing: border-box; padding-left: 0; } #cont_right h1{ font-size: 24px; font-weight: 500; margin: 30px 0 10px 0; } #cont_right p{ font-size: 16px; line-height: 30px; } tbody tr, tbody td{ padding: 10px !important; } .why_bor{ margin: 30px 0; } .why_bor img{ display: block; margin: 0 auto; } .why_bor p{ color: #666666; font-size: 16px; text-align: center; } .why_bor p span{ color: #e33624; font-size: 24px; font-style: italic; } .why_bott{ background: #f7f7f7; position: relative; } .why_dki{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; } .why_dki img{ position: relative; } .box_why_box:nth-child(2){ padding-top: 70px; } .box_why_box{ position: relative; display: inline-block; width: 100%; } .why_bott::before{ content:''; position: absolute; left: -50vw; width: 50vw; height: 100%; background: #f7f7f7; z-index: 0; top: 0; } .why_bott::after{ content:''; position: absolute; right: -50vw; width: 50vw; height: 100%; background: #f7f7f7; z-index: 0; top: 0; } .why_text{ position: relative; float: left; width: calc(100% - 468px); padding-right: 20px; } .why_tt{ width: 468px; float: right; } .why_number{ width: 58px; float: left; margin-right: 24px; } .why_xx_bt_r{ width: calc(100% - 82px); float: left; } .why_bbs{ margin-bottom: 35px; float: left; width: 100%; } .why_xx{ width: 100%; float: left; } .why_xx_bt h2{ color: #0075bb; font-size: 36px; font-style: italic; } .why_xx_bt h3{ color: #817f7f; font-weight: 500; font-size: 14px; margin-top: 4px; margin-bottom: 10px; } .why_xx_bt h2 span{ color: #666666; font-size: 30px; } .why_xx_btb{ background: url(/repository/image/OsfKn_o9QVirA8Ez_MOmIQ.png?tenantId=167060&viewType=1&v=000) no-repeat left top; padding-left: 30px; min-height: 155px; padding-top: 18px; } .why_xx_btb p{ color: #757474; font-size: 18px; line-height: 30px; } .rig .why_text { float: right; width: calc(100% - 508px); margin-top: 79px; } .rig .why_tt { float: left; } .box_why_box:nth-child(4){ margin-top: -70px; z-index: 2; } .box_why_box:nth-child(4) .why_text{ margin-top: 130px; } .box_why_box:nth-child(5){ margin-top: -100px; z-index: 2; } .box_why_box:nth-child(5) .why_text{ margin-top: 150px; } .box_why_box:nth-child(2)::after{ content:''; background:url(/repository/image/fQe8gTxZT6S4Vc8AQXsQbg.jpg?tenantId=167060&viewType=1&v=000) no-repeat bottom; width: 298px; height: 125px; z-index: 5; bottom: -13%; position: absolute; left: 36%; pointer-events: none; } .box_why_box:nth-child(3)::after{ content:''; background:url(/repository/image/cujNHms1QQG4tIyYBreZuw.jpg?tenantId=167060&viewType=1&v=000) no-repeat bottom; width: 352px; height: 126px; z-index: 5; bottom: -13%; position: absolute; left: 36%; pointer-events: none; } .box_why_box:nth-child(4)::after{ content:''; background:url(/repository/image/JLfns8RCTYSeZqEcTHGT0A.jpg?tenantId=167060&viewType=1&v=000) no-repeat bottom; width: 385px; height: 239px; z-index: 5; bottom: -13%; position: absolute; left: 32%; pointer-events: none; } .box_why_box:nth-child(5) .why_tt{ } .p_page .next:hover { background: #0065a1; border-color: #0065a1; color: #fff; cursor: pointer; } .p_page .pageNum.active { background-color: #0065a1; border-color: #0065a1; } .p_page .pageNum:hover { border-color: #0065a1; background-color: #0065a1; } .p_page .pre:hover { background: #0065a1; border-color: #0065a1; } .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color: #707070; } #w_grid-1553843684566 .p_gridbox{ overflow: visible; box-shadow: none; } #dibu{ width: 100%; height: 90px; position: fixed; left: 0; right: 0; z-index: 999999999999; bottom: 0; display:none; background: #0065a1; } #dibu ul{ height: 100%; width: 100%; } #dibu li{ float: left; width: 20%; height: 100%; border-right: 1px solid #fff; } #dibu li:nth-child(1){ background: url(/img/DB_CON01.png?tenantId=167060&viewType=1&v=000) no-repeat center; } #dibu li:nth-child(2){ background: url(/img/DB_CON02.png?tenantId=167060&viewType=1&v=000) no-repeat center; } #dibu li:nth-child(3){ background: url(/img/DB_CON03.png?tenantId=167060&viewType=1&v=000) no-repeat center; } #dibu li:nth-child(4){ background: url(/img/DB_CON04.png?tenantId=167060&viewType=1&v=000) no-repeat center; } #dibu li:nth-child(5){ background: url(/img/DB_CON05.png?tenantId=167060&viewType=1&v=000) no-repeat center; } #dibu a{ display: block; height: 100%; } @media only screen and (max-width: 1300px){ #c_portalResPublic_codeContainer-15538436822191337 .top_title{ display: none; } #content_box-1553843684586-2 { width: 80px !important; } #content_box-1553843684586-1 { width: calc(100% - 275px - 80px) !important; } #c_portalResPublic_codeContainer-15538436822191337 a { margin-top: 38px; } .about_left { width: 50%; } .about_right { width: 50%; margin-left: -60px; } #w_grid-1554282304014, #w_grid-1553843730172 .p_gridbox, #w_grid-1553843730184 .p_gridbox, #content_box-1553843730190-0 { padding: 0 20px; } #w_grid-1553843730199 .p_gridbox{ padding: 0 0px; } .pro_zhuan { padding: 0px 0px; height: 300px; } .yyong li { width: 10%; margin: 0 1%; } .yyong li img { width: 100%; } #content_box-1554340252275-0, #content_box-1554888478282-0, #content_box-1554341475720-0, #content_box-1554342170506-0, #content_box-1554946033134-0, #content_box-1554347406787-0, #content_box-1554945853816-0, #content_box-1554345778063-0, #content_box-1554346680691-0, #content_box-1554342901822-0, #content_box-1554344413437-0, #content_box-1554795339555-0{ height:230px; overflow: hidden; position: relative; } #content_box-1579243082367-0 img, #content_box-1579240899893-0 img, #content_box-1579225011831-0 img, #content_box-1554340252275-0 img, #content_box-1554888478282-0 img, #content_box-1554341475720-0 img, #content_box-1554342170506-0 img, #content_box-1554946033134-0 img, #content_box-1554347406787-0 img, #content_box-1554945853816-0 img, #content_box-1554345778063-0 img, #content_box-1554346680691-0 img, #content_box-1554342901822-0 img, #content_box-1554344413437-0 img, #content_box-1554795339555-0 img{ position: absolute; left: 50%; transform: translateX(-50%); height: 100%; width: auto; } .c_portalResIntro_detail-01001 .a_left img{ height: 100% !important; width: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .a_left { height: 498px; overflow: hidden; position: relative; } .abox { margin-bottom:15px; } .c_portalResIntro_detail-01001 .abox li img{ width: 100% !important; } .abox li { width: 32.333%; margin-right: 1.4%; } .abox li:last-child{ margin-right:0; } .c_portalResProblem_list-01001 .p_page { margin: 0px 00px 00px 0; } .why_xx_btb p { font-size: 14px; line-height: 25px; } .why_xx_bt h2 { font-size: 30px; } .why_xx_bt h2 span { font-size: 24px; } .why_xx_btb { padding-top: 0px; } .box_why_box::after { display:none; } #youce { left: auto; transform: translate(0%,-50%); right:5px; } .c_portalResNews_relatedlist-01001 .p_ImageBox { height: 250px !important; } .c_portalResFriendlink_list-01001 .p_images { height: 55px !important; } } @media only screen and (max-width: 768px){ #w_grid-1579225011861 { padding-left: 0px !important; padding-right: 0px !important; } #c_portalResIntro_category-1579225011881{ padding-left: 0px !important; padding-right: 0px !important; } #c_portalResIntro_detail-1579225011886{ padding-left: 0px !important; padding-right: 0px !important; } body{ background:#fff !important; } #content_box-1553843684586-1 { clear: none !important; float: right; width: 46px !important; margin-left: 15px !important; margin-top: 14px; } #content_box-1553843684586-2 { width: 80px !important; clear: none !important; float: right; } #content_box-1553843684586-0 { width: 150px !important; margin-top: 12px !important; } #w_grid-1553843684586 .p_gridbox { height: 80px; } #c_portalResPublic_codeContainer-15538436822191337 a { margin-top: 25px; } #w_grid-1553843765903 { padding-top: 80px !important;  } .c_portalResEbizads_banner-01001001 .swiper-container { height: 200px; } #youce{ display:none; } #w_grid-1579225011851, #w_grid-1553845584856, #content_box-1553852953743-0, #content_box-1554282304014-0, #content_box-1554282905265-0, #w_grid-1554284924967, #w_grid-1554888478302, #w_grid-1554341475740, #w_grid-1554342170526, #w_grid-1554946033154, #w_grid-1554347406807, #w_grid-1554945853836, #w_grid-1554345778083, #w_grid-1554346680711, #w_grid-1554342901842, #w_grid-1554344413457, #w_grid-1554795339575, #w_grid-1579241683162, #w_grid-1579243082397{ padding: 35px 20px; } .pro_zhuan { height: auto; } .pro_zhuan .swiper-slide { transform: scale(1); width: 100%; } .pro_zhuan .swiper-slide .slidebox{ box-shadow: none; width: 100%; } #w_grid-1553853024906{ padding: 20px; } .yyong li { width: 20%; margin: 0 1%; } .c_portalResEbizads_banner-01001001 .swiper-wrapper .swiper-slide img { max-width: none; height: 100%; } .banner .swiper-slide{ overflow: hidden; } .about_left { width: 100%; } .axx { width: 100%; } .axx img { width: 100%; } .about_right { width: 100%; margin-left: 0; } .about_right img{ width: 100%; } #c_portalResFriendlink_list-15542824177056022{ padding: 0; } .c_portalResFriendlink_list-01001 .p_classificationBox:first-child { display: none; } #c_portalResFriendlink_list-15542824177056022 .p_articles { width: calc((100% - 30px)/3); border: 1px solid #c3c3c3; } .c_portalResFriendlink_list-01001 .p_links, #c_portalResNews_list-15542830006344789, #w_grid-1554284940335, #c_portalResIntro_detail-15542851250984887, #w_grid-1554888478312, #c_portalResProblem_list-15548886669744660, #w_grid-1554341475750, #c_portalResProduct_list-15543416083350918, #w_grid-1554342170536, #c_portalResProduct_detail-15543422028392414, #w_grid-1555465520919, #c_portalResProduct_relatedlist-15543422033902372, #w_grid-1555465966451, #c_portalResNews_relatedlist-15543422038753695, #w_grid-1554946033164, #c_portalResNews_list-15549461617748024, #w_grid-1554347406817, #c_portalResIntro_detail-1554347406837, #w_grid-1554945853846, #c_portalResFriendlink_list-15549459237246493, #w_grid-1554345778093, #c_portalResNews_list-15543463597873921, #w_grid-1554346680721, #c_portalResNews_detail-15543468666751705, #w_grid-1555467175469, #c_portalResNews_relatedlist-15543468673646614, #w_grid-1555467320859, #c_portalResProduct_relatedlist-15543468669201006, #w_grid-1554342901852, #c_portalResIntro_detail-1554342901872, #w_grid-1554344413467, #c_portalResMessage_form-15543444763293890, #w_grid-1554795339585, #c_portalResSearch_total-15547954796528665, #c_portalResSearch_result-15547958238620725 { padding: 0px; } .c_portalResFriendlink_list-01001 .p_content{ display:none; } .c_portalResFriendlink_list-01001 .p_images { height: 40px !important; padding-bottom: 0 !important; } .honor-next, .honor-prev{ display:none; } .news_box { max-width: calc(100%); } #w_grid-1553843730184, #w_grid-1553843730172, #w_common_text-1553843730238, #w_grid-1553843730241{ display:none; } #w_common_text-1553843730246{  border-top: 0px solid #ccc; margin-top: 10px; padding-top: 10px; height: auto; padding-bottom: 10px; } .btn-primary { background-color: rgba(0, 117, 187, 0.8); border-color: rgba(0, 117, 187, 0.8); border-radius: 0; width: 100%; padding: 12px 12px; } #w_grid-1554340252275 .c_portalResIntro_category-01001, #w_grid-1554341475720 .c_portalResProduct_category-01001, #w_grid-1554342170506 .c_portalResProduct_category-01001, #w_grid-1554345778063 .c_portalResNews_category-01001, #w_grid-1554346680691 .c_portalResNews_category-01001, #c_portalResIntro_category-1554888478322, #c_portalResIntro_category-1554946033174, #c_portalResIntro_category-1554347406827, #c_portalResIntro_category-1554945853856, #c_portalResIntro_category-1554342901862, #c_portalResIntro_category-1554344413477, #c_portalResProduct_category-1554795339595{ bottom: 0px; height: auto; } .btn-primary:hover, .btn-primary:active { background-color: #0075bb !important; border-color: #0075bb !important; } .c_portalResIntro_category-01001 .p_image { display: none; } .p_categoryBox .p_linkBox.click { background-color: #0075bb; color: #fff; } .background_assist i { display: inline-block !important; background: #0075bb !important; font-size: 26px; height: 50px !important; line-height: 50px !important; padding: 0 10px; margin: 0 !important; } .p_btn-hide .p_c-fff { display: inline-block !important; background: #0075bb !important; font-size: 26px; height: 50px !important; line-height: 50px !important; padding: 0 10px; margin: 0 !important; } .p_categoryBox { width: calc(100% - 46px); background: #0075bb; } .p_linkBox { padding: 5px 10px; border-bottom: 1px solid rgba(255,255,255,.3); padding: 5px 0 5px 30px; background: none !important; color: #fff !important; } .p_linkBox a{ color: #fff !important; } .p_btn-hide { width: 46px; background: rgba(0, 0, 0, 0.59); } .c_portalResIntro_detail-01001 .p_header { display: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst { color: #0075bb; } .c_portalResIntro_detail-01001 .p_dataSource { display: none; } .c_portalResIntro_detail-01001 .summary-mo { display: none; } .c_portalResIntro_detail-01001 .p_tit { display: none; } .a_left { height: auto; width: 100%; } .c_portalResIntro_detail-01001 .a_left img { height: auto !important; width: 100% !important; position: static; transform: translate(0%,0%); } .a_right { width: 100%; padding: 30px 0; } #w_grid-1554284940335, #w_grid-1554341475750, #w_grid-1554342170536, #w_grid-1554946033164, #w_grid-1554347406817, #w_grid-1554945853846, #w_grid-1554345778093, #w_grid-1554346680721, #w_grid-1554344413467, #w_grid-1554795339585{ margin-bottom: 20px; } .c_portalResIntro_detail-01001 .p_con { margin: 0 0px; } .abox li { width: 100%; margin-right: 0%; margin-bottom: 15px; } table.pz{ width: 100% !important; } table.pz tr, table.pz td{ float: left; width: 100%; display: block; } table.pz img{ height: auto !important; } .p_pagebox .NumBox { border: 0px solid #cdd5d5; } .p_pagebox .next { background-color: #0075bb; } .p_pagebox .num .iconfont { display:none; } .p_pagebox .js_pageBtnDisable .iconfont, .p_pagebox .next .iconfont { display:none; } .p_pagebox .num { font-size: 18px; } .p_OccupyBox{ position: relative; z-index: 9999999999999; overflow: inherit !important; } .p_pagebox .ItemBox { border: 0px solid #d3d4d4; background: #e6e6e6; display: none; } .p_pagebox .next:hover { background-color: #0075bb; } .p_pagebox .pre:hover { border-color: #0075bb; background-color: #0075bb; } .p_pagebox .pre{ background-color: #0075bb; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; } .why_text { width: calc(100%); padding-right: 20px; padding-left: 20px; } .why_tt { width: 100%; padding: 0 20px; } .rig .why_text { width: calc(100%); margin-top: 79px; } .why_dki img { display: none; } .c_portalResIntro_detail-01001 .why_bor img { width: auto !important; } .c_portalResNews_relatedlist-01001 .p_ClassificationBox:last-child{ display:none; } .c_portalResNews_relatedlist-01001 .p_ClassificationBox { width: calc((100% - 20px)/2) !important; border: 0; padding: 0; margin-right: 20px; } .c_portalResNews_relatedlist-01001 .p_ImageBox { height: 150px !important; } .c_portalResNews_relatedlist-01001 .p_Time { display: none; } .c_portalResNews_relatedlist-01001 .p_ClassificationBox:nth-child(2n+0){ margin-right: 0px; } .c_portalResNews_relatedlist-01001 .p_title a{ line-height: 30px; float: left; width: 100%; } .dtWra img{ width: 100% !important; } .dtWra p{ margin-bottom: 10px; font-size: 14px; margin-top: 10px; text-align: center; } .xws { float: left; } .c_portalResBreadcrumb_nav-01001{ height: auto !important; } #cont_right { width: 100%; } #w_grid-1553843730157{       margin-bottom: 91px; } #w_grid-1553843684566 { height: 80px; } #dibu{ display:block; } }