@charset "UTF-8";@charset "UTF-8"; .p_OccupyBox{text-align:center;margin-top:3%;margin-bottom:8%;} .p_OccupyBox .e_pagebox>*{display: inline-block;cursor:pointer;float:none;vertical-align:middle;} .p_OccupyBox .e_pagebox .pageNum{cursor:pointer;font-size: 14px;width:50px;height:50px;color:#54a134;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;background:#fff;} .p_OccupyBox .e_pagebox .pageNum.active{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pageNum:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .pre{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .next:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pre:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next.disAble_next:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .next.disAble_next{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .p_more{height:40px;} .p_more .iconfont{display: none;} .p_OccupyBox .p_more .font{height:40px;line-height:40px;} .e_btn:hover{box-shadow:unset;background:rgba(101,166,76,0.9);color:#fff;} .p_page .pre .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page .next .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page{float:none;position:static;} @media only screen and (max-width:767px){ .p_OccupyBox .e_pagebox .pageNum{display:none;} .p_OccupyBox .e_pagebox .next{height:35px;line-height:35px;} .p_OccupyBox .e_pagebox .pre{height:35px;line-height:35px;} }@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_xibDkContentGroup_row-15500533198088025 .icon-box .icon-box-in{ padding:100px 0; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table{ text-align:center; width:100%; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr:nth-child(2n) td .text-box{ bottom:10px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr th{ width:22%; text-align:center; font-size:30px; color:#fff; background:#002b29; border:1px solid #cccccc; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td{ text-align:center; border:1px solid #cccccc; width:200px; height:200px; position:relative; overflow:hidden; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td:nth-of-type(odd){ background:#e1e1e1; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td:nth-of-type(even){ background:#eeeeee; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td img{ max-width:100%; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box{ position:absolute; color:#666; bottom:18px; left:50%; width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p{ line-height:1; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p:first-child{ margin-bottom:3px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p:last-child{ margin-bottom:0; } @media only screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15500533198088025 .icon-box .icon-box-in { max-width: 1000px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr th { width: 15%; font-size: 24px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td { width: 100px; height: 100px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td img { max-width: 60px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box { display: none; position: absolute; color: #666; bottom: 18px; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p { line-height: 1; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p:first-child { margin-bottom: 3px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box p:last-child { margin-bottom: 0; } } @media only screen and (max-width: 1200px){ #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr th { font-size: 20px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td { height: 150px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td img { max-width: 80px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td .text-box { display: none; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500533198088025 .icon-box .icon-box-in { padding: 40px 0 50px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr th { font-size: 14px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td { height: 100px; } #c_xibDkContentGroup_row-15500533198088025 .icon-box table tr td img { max-width: 50px; } } #c_xibDkContentGroup_row-15500533198088025{ 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_xibDkBanner_list-15525273015593531 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15525273015593531{ 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; }