@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-1691999011744 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-1691999011744{ 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-16919996878390077 .clearfix{ *zoom:1; } #c_xibDkColumn_list-16919996878390077 .clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } #c_xibDkColumn_list-16919996878390077 .banner img{ width:100%; } #c_xibDkColumn_list-16919996878390077 .ctn{ padding:4vw 0 6vw; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper{ display:none; justify-content:right; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul{ display:flex; } #c_xibDkColumn_list-16919996878390077 .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-16919996878390077 .ctn .ctn-wrapper ul li:not(:last-child){ margin-right:20px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul li:hover{ background:#008cdb; color:#fff; border:1px solid #008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul li.active{ background:#008cdb; color:#fff; border:1px solid #008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list{ display:none; opacity:0; transform:translateY(50px); } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li{ padding:0 40px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a{ display:flex; align-items:center; justify-content:space-between; height:100px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h2{ font-size:22px; color:#333; width:70%; line-height:1.5; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li .text{ display:flex; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h3{ font-size:16px; color:#333; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h4{ width:120px; font-size:16px; color:#666; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; position:relative; padding-left:40px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h4:before{ content:''; width:30px; height:30px; background:url(//omo-oss-file.thefastfile.com/100007/newgc20190520113915/cms/file/dcc745d9-0cf8-43eb-83da-18e883afdf76.png); background-size:contain; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li:nth-child(odd){ background:#f8f8f8; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li:hover a h2{ color:#008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li:hover a h3{ color:#008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li:hover a h4{ color:#008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li:hover a h4:before{ background:url(//omo-oss-file.thefastfile.com/100007/newgc20190520113915/cms/file/1d605d6e-be20-42a8-a141-3882266e9f1f.png); background-size:contain; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores{ text-align:center; margin-top:3vw; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores a{ font-size:18px; color:#737383; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores a:hover{ color:#008cdb; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list.active{ display:block; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list.show{ opacity:1; transform:translateY(0); transition:0.4s; } @media screen and (max-width: 1440px){ #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul li { width: 140px; height: 44px; line-height: 46px; font-size: 16px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a{ height:80px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h2 { font-size: 20px; } } @media screen and (max-width: 1024px){ #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h2 { font-size: 18px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores a { font-size: 16px; } } @media screen and (max-width: 768px){ #c_xibDkColumn_list-16919996878390077 .ctn { padding: 30px 0; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul { width: 100%; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul li { height: 40px; line-height: 42px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-wrapper ul li:not(:last-child) { margin-right: 6px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li { padding: 0 20px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a { padding: 20px 0; height:auto; display:block; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h2 { width: 100%; margin-bottom: 10px; font-size: 16px; line-height: 1.5; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h3 { font-size: 14px; line-height: 1.5; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h4 { float: left; font-size: 14px; padding-left:28px; line-height: 1.5; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list ul li a h4:before { width: 20px; height: 20px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores { margin-top: 20px; } #c_xibDkColumn_list-16919996878390077 .ctn .ctn-list .mores a { font-size: 14px; } } #c_xibDkColumn_list-16919996878390077{ 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; }