@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"; .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; } .plan_menu01ul{display: flex; justify-content:space-between; align-items:center;} @media only screen and (max-width: 768px){ .plan_menu01ul{display:block} .prodect_m_list{width: 50px;height: 50px;background-size: cover;} .plan_menu01 .plan_menu01ul li{ float: left; } } .plan_menu{ padding:80px 0; background-color:#f4f4f4; } .plan_menu .prodect_m01_t{ color:#333333; } .plan_menu01 .plan_menu01ul li{ margin-right:0!important; margin-left:0!important; } .plan_menu01 .plan_menu01ul li:nth-child(1){ margin-left:0; } .plan_menu01 .prodect_m01_t{ color:#666666; font-size:20px; 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-right: 110px;} } @media only screen and (max-width: 992px){ .plan_menu01 .plan_menu01ul li{margin-right: 110px;} .plan_menu01 .plan_menu01ul li{margin-right: 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; } .c_xibDkColumn_list-00001003 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_xibDkColumn_list-00001003 .prodect_m_icon11{ background-position:-159px -12px; } .c_xibDkColumn_list-00001003 .active .prodect_m_icon11{ background-position:-159px -38px; } .c_xibDkColumn_list-00001003 .plan_menu0101{ display:block; } .c_xibDkColumn_list-00001003 .plan_menu01con01{ display:block; margin-bottom:90px; } .c_xibDkColumn_list-00001003 .plan{ padding-top:100px; } .c_xibDkColumn_list-00001003 .plan_li{ border:1px solid #dcdcdc; width:32%; padding:30px 4%; margin-right:1.7%; margin-top:1.5%; } .c_xibDkColumn_list-00001003 .plan_li:nth-child(3n+3){ margin-right:0; } .c_xibDkColumn_list-00001003 .plan_li .img_w{ width:80px; height:80px; overflow:hidden; border-radius:50%; opacity:0.8; } .c_xibDkColumn_list-00001003 .plan_li .img_w img{ width:100%; height:100%; } .c_xibDkColumn_list-00001003 .plan_li .plan_txt{ margin-left:20px; padding-top:5px; width:63%; } .c_xibDkColumn_list-00001003 .plan_li .plan_txt .p1{ color:#2c7dd2; font-size:18px; font-weight:lighter; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:1.5; height:3em; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; word-wrap: break-word; word-break: break-all; } .c_xibDkColumn_list-00001003 .plan_li .plan_txt .p2{ color:#2c7dd2; font-size:16px; font-weight:lighter; margin-top:5px; -webkit-line-clamp:1; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; line-height:1.5; height:1.5em; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .c_xibDkColumn_list-00001003 .plan_li:hover .plan_txt .p1{ color:#008cda; } .c_xibDkColumn_list-00001003 .plan_li:hover .plan_txt .p2{ color:#008cda; } @media only screen and (max-width: 1200px){ .c_xibDkColumn_list-00001003 .plan_li .plan_txt{margin-left: 15px;padding-top: 5px;width: 55%;} .c_xibDkColumn_list-00001003 .plan_li .plan_txt .p1{font-size: 16px;} .c_xibDkColumn_list-00001003 .plan_li .plan_txt .p2{font-size: 14px;} } @media only screen and (max-width: 1024px){ .c_xibDkColumn_list-00001003 .plan_li .img_w{width: 67px;height: 67px;} .c_xibDkColumn_list-00001003 .plan_li{width: 32%;padding: 30px 3%;margin-right: 1.5%;margin-top: 1.5%;} } @media only screen and (max-width: 768px){ .c_xibDkColumn_list-00001003 .prodect_m_icon11 { background-position: -108px -8px; } .c_xibDkColumn_list-00001003 .active .prodect_m_icon11 { background-position: -108px -26px; } .c_xibDkColumn_list-00001003 .plan_menu01con01 { margin-bottom: 30px; } .c_xibDkColumn_list-00001003 .plan_li .img_w{width: 70px;height: 70px;} .c_xibDkColumn_list-00001003 .plan_li{width: 42.6%;padding: 30px 3%;margin-right: 2%;margin-top: 2%;} .c_xibDkColumn_list-00001003 .plan_li:nth-child(3n+3){margin-right: 2%;} .c_xibDkColumn_list-00001003 .plan_li:nth-child(2n+2){margin-right: 0;} } @media only screen and (max-width: 640px){ .c_xibDkColumn_list-00001003 .plan_li{padding: 30px 3% 30px 3%;width: 48.4%;} .c_xibDkColumn_list-00001003 .plan_li .img_w{margin: 0 auto;float: none;} .c_xibDkColumn_list-00001003 .plan_li .plan_txt{display: block;width: 94%;padding: 0px 3%;margin-right: 0;margin-left: 0;text-align: center;margin-top: 10px;} } @media only screen and (max-width: 400px){ .c_xibDkColumn_list-00001003 .plan_li{padding: 30px 3% 30px 3%;width: 48.3%;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_xibDkBanner_list-15586626334690905 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15586626334690905{ 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; } @media only screen and (max-width: 1440px){ .prodect_m01_t { font-size: 20px; } } @media only screen and (max-width: 992px){ .jian_com05 { text-align: center; } @media only screen and (max-width: 992px){ .jian_com05 { text-align: center; } #c_xibDkColumn_list-15591154341975328{ 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-15608414384392759 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15608414384392759{ 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; }