@charset "UTF-8"; .prodect_m01 li{ float:left; text-align:center; cursor:pointer; } .prodect_m01 li:hover .prodect_m01_t{ color:#008cda; } .prodect_m01 .prodect_m_list{ -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; cursor:pointer; } .prodect_m01 .prodect_m_list img{ width:100%; height:100%; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray; } .prodect_m01 .prodect_m_list:hover img{ filter:none; } .prodect_m01 li:nth-child(1){ margin-left:0; } .prodect_m01_t{ text-align:center; font-size:24px; color:#ffffff; margin-top:25px; -moz-transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; cursor:pointer; } .prodect_m_list{ width:95px; height:95px; margin:0 auto; } .prodect_m01 li.on .prodect_m01_t{ color:#008cda; } .prodect_m01 li.on .prodect_m_list img{ filter:none; } @media only screen and (max-width: 768px){ .prodect_m_list{width: 50px;height: 50px;background-size: cover;} } .plan_menu{ padding:80px 0; background-color:#f4f4f4; } .plan_menu .prodect_m01_t{ color:#333333; } .plan_menu01 .plan_menu01ul li{ float:left; margin-left:132px; } .plan_menu01 .plan_menu01ul li:nth-child(1){ margin-left:0; } .plan_menu01 .prodect_m01_t{ color:#666666; font-size:16px; margin-top:0; } .plan_menu01ul{ padding:58px 0; } .plan_menu0101{ display:none; } @media only screen and (max-width: 1440px){ .plan_menu01 .plan_menu01ul li{margin-left: 110px;} } @media only screen and (max-width: 992px){ .plan_menu01 .plan_menu01ul li{margin-left: 110px;} .plan_menu01 .plan_menu01ul li{margin-left: 0;background-color: #eee;padding: 10px 10px;border-radius: 50px;margin-right:2px;margin-bottom: 15px; } .plan_menu01 .prodect_m01_t{color: #333;font-size: 12px;} .plan_menu01ul{padding: 16px 0;} .plan_menu{padding: 30px 0;} } @media only screen and (max-width: 768px){ } .swiper-container{ z-index:0 !important; }@charset "UTF-8";.c_xibDkBanner_list-00001003 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_xibDkBanner_list-00001003 .public-banner{ position:relative; margin-top:110px; } .c_xibDkBanner_list-00001003 .public-banner .img img{ width:100%; } .c_xibDkBanner_list-00001003 .public-banner .text{ position:absolute; width:100%; left:0px; top:50%; transform:translateY(-50%); margin-top:55px; color:#fff; text-align:center; } .c_xibDkBanner_list-00001003 .public-banner .text h2{ font-size:48px; line-height:60px; } @media only screen and (max-width: 1440px){ .c_xibDkBanner_list-00001003 .public-banner{margin-top: 90px;} .c_xibDkBanner_list-00001003 .public-banner .text h2{font-size: 36px;line-height: 44px;} } @media only screen and (max-width: 1028px){ .c_xibDkBanner_list-00001003 .public-banner .text h2{font-size: 30px;line-height: 36px;} } @media only screen and (max-width: 992px){ .c_xibDkBanner_list-00001003 .public-banner .text{margin-top: 40px;} } @media only screen and (max-width: 768px){ .c_xibDkBanner_list-00001003 .public-banner{margin-top: 50px;} .c_xibDkBanner_list-00001003 .public-banner .text {margin-top: 0;} .c_xibDkBanner_list-00001003 .public-banner .text h2{font-size: 24px;line-height: 30px;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_xibDkBanner_list-1691655698053 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-1691655698053{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-16916563187187462 .clearfix{ *zoom:1; } #c_xibDkColumn_list-16916563187187462 .clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } #c_xibDkColumn_list-16916563187187462 .ctn{ padding:4vw 0 6vw; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper{ display:flex; justify-content:right; margin-bottom:4vw; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul{ display:flex; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li{ width:160px; height:50px; border:1px solid rgba(0, 0, 0, 0.1); text-align:center; line-height:50px; color:#999; font-size:18px; cursor:pointer; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li:not(:last-child){ margin-right:20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li:hover{ background:#008cdb; color:#fff; border:1px solid #008cdb; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li.active{ background:#008cdb; color:#fff; border:1px solid #008cdb; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box{ display:none; opacity:0; transform:translateY(50px); } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li{ margin-top:2vw; border:1px solid #eaeaea; background:#fff url(/repository/image/DLfshFfyQFWdxWRpsUjimg.png?=0.6963388043648409) no-repeat bottom right; background-size:cover; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left{ float:left; width:332px; height:331px; position:relative; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text{ position:relative; z-index:2; top:40px; left:40px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text h2{ font-size:34px; color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text h3{ color:#fff; font-size:18px; margin-top:10px; position:relative; padding-bottom:14px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text h3:after{ content:''; width:40px; height:2px; background:#fff; position:absolute; left:0; bottom:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .mask{ position:absolute; width:100%; left:0; top:0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .mask img{ width:100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .mask .color{ opacity:1; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .mask .white{ position:absolute; left:0; top:0; opacity:0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right{ float:right; width:calc(100% - 370px); padding:46px 0 0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right h2{ font-size:16px; color:#333; position:relative; padding-bottom:14px; font-weight:700; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right h2:after{ content:''; width:40px; height:2px; background:#2e81d4; position:absolute; left:0; bottom:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .text{ font-size:16px; color:#333; line-height:1.6; margin-top:30px; width:70%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; height:156px; overflow:hidden; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .text p{ text-align:justify; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .text p:not(:first-child){ margin-top:8px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .mores{ width:70%; font-size:16px; text-align:right; cursor:pointer; margin-top:10px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover{ background:#008cdb url(/repository/image/mGDIPyVKRPOsf5LRsftX7g.png?=0.6963388043648409) no-repeat bottom right; background-size:cover; border-radius:10px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .left .text h2{ color:#333; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .left .text h3{ color:#333; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .left .text h3:after{ background:#2177cd; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .left .mask .color{ opacity:0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .left .mask .white{ opacity:1; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .right h2{ color:#fff; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .right h2:after{ background:#fff; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .right .text{ color:#fff; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li:hover .right .mores{ color:#fff; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li.add_more .right{ padding:46px 0 56px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li.add_more .right .text{ height:auto; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box.active{ display:block; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box.show{ opacity:1; transform:translateY(0); transition:0.4s; } @media screen and (max-width: 1440px){ #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li { width: 140px; height: 44px; line-height: 46px; font-size: 16px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .text { width: 77%; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .mores { width: 77%; } } @media screen and (max-width: 1024px){ #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left { width: 300px; height: 299px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text { top: 30px; left: 30px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text h2 { font-size: 30px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .left .text h3 { font-size: 16px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right { width: calc(100% - 320px); padding: 36px 0 0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .text { font-size: 14px; width: 82%; height: 132px; margin-top: 20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li .right .mores { width: 82%; font-size: 14px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-box ul li.add_more .right { padding: 36px 0; } } @media screen and (max-width: 768px){ #c_xibDkColumn_list-16916563187187462 .ctn { padding: 30px 0; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper { margin-bottom: 20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul { width: 100%; justify-content: center; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li { width: auto; min-width: 60px; height: auto; padding: 6px 10px; line-height: 1.5; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-wrapper ul li:not(:last-child) { margin-right: 10px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li { margin-top: 20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .left { width: 220px; height: 219px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .left .text { top: 20px; left: 20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .left .text h2 { font-size: 20px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .left .text h3 { font-size: 14px; padding-bottom: 10px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .left .text h3:after { width: 30px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .right { width: 100%; padding: 20px; box-sizing: border-box; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .right h2 { padding-bottom: 10px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .right h2:after { width: 30px; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .right .text { width: 100%; height: auto; } #c_xibDkColumn_list-16916563187187462 .ctn .ctn-list .ctn-box ul li .right .mores { width: 100%; display: none; } } #c_xibDkColumn_list-16916563187187462{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }