@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-15500510744128512 .texts{ text-align:center; } #c_xibDkContentGroup_row-15500510744128512 .texts .texts-in{ padding:100px 0 80px; } #c_xibDkContentGroup_row-15500510744128512 .texts .fifa{ color:#90c31f; font-family:Arial; font-weight:bold; font-size:36px; } #c_xibDkContentGroup_row-15500510744128512 .texts .desc{ font-size:18px; color:#666; } #c_xibDkContentGroup_row-15500510744128512 .texts .desc .green{ color:#9bdb00; font-size:30px; } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500510744128512 .texts .texts-in { padding: 30px 0 40px; } #c_xibDkContentGroup_row-15500510744128512 .texts .fifa { font-size: 24px; } #c_xibDkContentGroup_row-15500510744128512 .texts .desc .green { font-size: 24px; } } @media only screen and (max-width: 414px){ #c_xibDkContentGroup_row-15500510744128512 .texts .fifa { font-size: 22px; } #c_xibDkContentGroup_row-15500510744128512 .texts .top-title { font-size: 22px; } #c_xibDkContentGroup_row-15500510744128512 .texts .desc { font-size: 16px; } #c_xibDkContentGroup_row-15500510744128512 .texts .desc .green { font-size: 18px; } } #c_xibDkContentGroup_row-15500510744128512{ 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_xibDkContentGroup_row-15500522258617330 .text-img-box{ background:#f4f4f4; text-align:center; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text-img-in{ padding:60px 0 90px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text{ margin-bottom:80px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text-img{ margin-bottom:80px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text-img:last-child{ margin-bottom:0; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .title{ font-size:30px; color:#000; margin-bottom:35px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box p{ font-size:16px; color:#666; margin-bottom:5px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box img{ max-width:100%; margin:30px 0; } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text-img-in { padding: 30px 0 40px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .title { font-size: 24px; margin-bottom: 20px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text { margin-bottom: 40px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box .text-img { margin-bottom: 30px; } } @media only screen and (max-width: 414px){ #c_xibDkContentGroup_row-15500522258617330 .text-img-box .title { font-size: 22px; } #c_xibDkContentGroup_row-15500522258617330 .text-img-box p { font-size: 14px; line-height: 20px; } #c_xibDkContentGroup_row-15500522258617330 .last-box .text-list dd { font-size: 14px; } } #c_xibDkContentGroup_row-15500522258617330{ 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_xibDkContentGroup_row-15500525681337273 .last-box{ position:relative; height:0; overflow:hidden; padding-bottom:24.8%; } #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list{ position:absolute; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:24px; color:#fff; } #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list dd{ margin-bottom:10px; } #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list dd:last-child{ margin-bottom:0; } @media only screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list { font-size: 18px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list { width: 90%; font-size: 20px; } #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list dd { margin-bottom: 5px; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500525681337273 .last-box { padding-bottom: 40%; } #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list { font-size: 16px; margin-bottom: 3px; } } @media only screen and (max-width: 414px){ #c_xibDkContentGroup_row-15500525681337273 .last-box .text-list dd { font-size: 14px; } } #c_xibDkContentGroup_row-15500525681337273{ 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-15524683748596141 .banner .icon{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:1280px; } #c_xibDkBanner_list-15524683748596141 .banner .icon img{ max-width:100%; } #c_xibDkBanner_list-15524683748596141 .banner .icon h5{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:10%; font-size:60px; color:#fff; } @media only screen and (max-width: 1366px){ #c_xibDkBanner_list-15524683748596141 .banner .icon { width: 1100px; } #c_xibDkBanner_list-15524683748596141 .banner .icon img { max-width: 40%; } #c_xibDkBanner_list-15524683748596141 .banner .icon h5 { font-size: 40px; } } @media only screen and (max-width: 1200px){ #c_xibDkBanner_list-15524683748596141 .banner .icon { width: 900px; } } @media only screen and (max-width: 1024px){ #c_xibDkBanner_list-15524683748596141 .banner .icon { width: 700px; } #c_xibDkBanner_list-15524683748596141 .banner .icon h5 { font-size: 32px; } } @media only screen and (max-width: 767px){ #c_xibDkBanner_list-15524683748596141 .banner .icon { width: 96%; } #c_xibDkBanner_list-15524683748596141 .banner .icon h5 { font-size: 24px; position: static; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); text-align: center; } #c_xibDkBanner_list-15524683748596141 .banner .icon img { display: none; } } #c_xibDkBanner_list-15524683748596141{ 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; }