@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-15500360816089537 .top-img .top-img-in{ padding:100px 0 120px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box{ height:0; overflow:hidden; padding-bottom:42.19%; position:relative; margin-bottom:50px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box:hover .scale{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box{ width:458px; height:300px; background:rgba(255, 255, 255, 0.85); padding:40px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:60px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box .flag{ color:#fff; display:inline-block; margin-bottom:15px; background:#90c31f; padding:3px 10px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box .title{ font-size:24px; color:#222; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box .desc{ font-size:16px; color:#666; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-left{ font-size:30px; color:#222; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-right{ width:66%; font-size:16px; color:#666; text-align:justify; } @media only screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15500360816089537 .top-img .top-img-in { max-width: 1000px; padding: 50px 0 60px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-right { width: 62%; } } @media only screen and (max-width: 1200px){ #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-right { width: 58%; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box { margin-bottom: 30px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box { right: 0; width: 60%; height: 100%; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-left { width: 100%; margin-bottom: 20px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-right { width: 100%; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500360816089537 .top-img .top-img-in { padding: 40px 0; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-left { font-size: 24px; } } @media only screen and (max-width: 414px){ #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box { background: none; width: 100%; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box .title { color: #fff; } #c_xibDkContentGroup_row-15500360816089537 .top-img .img-box .text-box .desc { display: none; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-left { font-size: 22px; } #c_xibDkContentGroup_row-15500360816089537 .top-img .bot-box .bot-right { font-size: 14px; line-height: 20px; } } #c_xibDkContentGroup_row-15500360816089537{ 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-15500413475595095 .lists{ background:#f4f4f4; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in{ padding:100px 0; position:relative; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box{ position:absolute; z-index:99; width:1280px; height:0; top:53%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box .arrow{ position:absolute; width:46px; height:54px; cursor:pointer; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box .arrow.arrow-left{ left:0; background:url('//dfs.yun300.cn/group1/M00/01/EC/rBQBHVxjw4uEZqG9AAAAAIMN_9o334.png') no-repeat center center #fff; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box .arrow.arrow-left:hover{ background:url('//dfs.yun300.cn/group1/M00/01/EC/rBQBHVxjw5mEDAxCAAAAAHi_kwM028.png') no-repeat center center #90c31f; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box .arrow.arrow-right{ right:0; background:url('//dfs.yun300.cn/group1/M00/14/D2/rBQBG1xjw6OEL8aAAAAAADfpTPA702.png') no-repeat center center #fff; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box .arrow.arrow-right:hover{ background:url('//dfs.yun300.cn/group1/M00/01/EC/rBQBHVxjw6yEbMOSAAAAAGUPLUg056.png') no-repeat center center #90c31f; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-container{ display:none; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-container .swiper-wrapper{ height:auto!important; } #c_xibDkContentGroup_row-15500413475595095 .lists .swipers-box{ margin-bottom:50px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide{ width:1280px; padding:0 15px; position:relative; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide.swiper-slide-active:after{ display:none; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide:after{ position:absolute; content:""; top:0; height:100%; width:1280px; left:15px; background:rgba(144, 195, 31, 0.8); } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in{ display:block; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover; background-position:center center; height:0; overflow:hidden; padding-bottom:43.67%; position:relative; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in .text-box{ position:absolute; overflow:hidden; bottom:60px; left:90px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; transition:all 0.6s; font-size:24px; color:#fff; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs{ text-align:center; margin-bottom:45px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs .tabs-in{ display:inline-block; position:relative; font-size:16px; color:#fff; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span{ display:inline-block; margin-right:25px; cursor:pointer; padding:12px 26px; background:#cccccc; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span.active{ background:#90c31f; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span:hover{ background:#90c31f; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span:last-child{ margin-right:0; } #c_xibDkContentGroup_row-15500413475595095 .lists .more{ display:block; width:220px; height:54px; background:#ccc; line-height:52px; text-align:center; position:relative; margin:0 auto 0; } #c_xibDkContentGroup_row-15500413475595095 .lists .more.hover:before{ width:100%; } #c_xibDkContentGroup_row-15500413475595095 .lists .more.hover img{ left:10px; } #c_xibDkContentGroup_row-15500413475595095 .lists .more:before{ content:""; position:absolute; top:0; left:0; height:100%; width:0; background:#90c31f; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; transition:all 0.6s; } #c_xibDkContentGroup_row-15500413475595095 .lists .more span{ display:inline-block; vertical-align:middle; color:#fff; margin-right:10px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; position:relative; } #c_xibDkContentGroup_row-15500413475595095 .lists .more img{ display:inline-block; vertical-align:middle; position:relative; left:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; } @media only screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in .text-box{ left: 50px; bottom: 30px; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box { width: 800px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide { width: 800px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide:after { width: 800px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs { margin-bottom: 30px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span { font-size: 14px; margin-right: 20px; padding: 10px 20px; } } @media only screen and (max-width: 1200px){ #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box { top: 58%; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span { float: left; width: 30%; margin-right: 3%; margin-bottom: 20px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box { width: 700px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide { width: 700px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide:after { width: 700px; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide { width: 400px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide:after { width: 400px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in .text-box { width: 100%; text-align: center; font-size: 18px; left: 0; bottom: auto; top: -10%; opacity: 0; } } @media only screen and (max-width: 414px){ #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in { padding: 40px 0; } #c_xibDkContentGroup_row-15500413475595095 .lists .lists-in .arrow-box { display: none; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs { margin-bottom: 0; overflow: hidden; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs .tabs-in { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-bottom: 20px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs .tabs-in::-webkit-scrollbar { display: none; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span { float: none; width: auto; margin-right: 2%; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-tabs span:last-child { margin-right: 0; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide { width: 397px; padding: 0 5px; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in { padding-bottom: 55%; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide .div-in .text-box { width: 90%; opacity: 1; top: auto; bottom: 10%; left: 5%; text-align: right; } #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide:after { display: none; } } @media only screen and (max-width: 375px){ #c_xibDkContentGroup_row-15500413475595095 .lists .swiper-slide { width: 360px; } } #c_xibDkContentGroup_row-15500413475595095{ 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-15524674387018718 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15524674387018718{ 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; }