@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_xibDkBanner_list-15500363454360469 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15500363454360469{ 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-15500364274426675 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500364274426675 .datu{ display:none; } #c_xibDkContentGroup_row-15500364274426675 .product_details_box{ background-color:#c7f1f9; padding:80px 0 50px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details{ background-color:#fff; padding:40px 30px; width:32%; float:left; margin-right:2%; margin-bottom:30px; cursor:pointer; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > div:nth-child(3n){ margin-right:0; } #c_xibDkContentGroup_row-15500364274426675 .product_details_img{ width:100%; height:0; overflow:hidden; padding-bottom:63.8%; } #c_xibDkContentGroup_row-15500364274426675 .product_details_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500364274426675 .product_details:hover .product_details_img > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details > h3{ font-size:18px; line-height:24px; margin-top:25px; color:#222; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details:hover{ background-color:#6bd6ea; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details:hover > h3{ color:#fff; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details { padding: 25px 20px; margin-bottom: 20px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details > h3 { margin-top: 15px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details { width: 49%; margin-right: 0%; margin-bottom: 20px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > div:nth-child(odd) { margin-right: 2%; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details { padding: 25px 15px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500364274426675 .product_details_box { padding: 50px 0 40px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details { width: 100%; margin-bottom: 10px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > div:nth-child(odd) { margin-right: 0; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details > h3 { font-size: 16px; margin-top: 10px; } #c_xibDkContentGroup_row-15500364274426675 .product_details_con > .product_details { padding: 20px 15px; } } #c_xibDkContentGroup_row-15500364274426675{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; } #c_xibDkContentGroup_row-15500364252236460 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500364252236460 .child_box{ padding:80px 0; } #c_xibDkContentGroup_row-15500364252236460 .child_con > div{ float:left; width:50%; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_left{ text-align:right; padding-right:30px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_right{ text-align:left; padding-left:30px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img{ height:300px; margin-bottom:15px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img > img{ height:271px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img > img:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500364252236460 .child_describe > h3{ color:#222; font-size:36px; margin-bottom:20px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > .lv_color{ color:#a8d844; font-size:24px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > p{ color:#666; font-size:14px; line-height:36px; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500364252236460 .child_describe > h3 { font-size: 32px; margin-bottom: 10px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > p { line-height: 28px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > .lv_color { font-size: 22px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img { height: 180px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img > img { height: 100%; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500364252236460 .child_describe > h3 { font-size: 30px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > .lv_color { font-size: 20px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500364252236460 .child_box { padding: 50px 0; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img { height: 150px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img > img { height: 100%; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > h3 { font-size: 24px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > .lv_color { font-size: 16px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_left{ padding-right: 17px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_right{ padding-left: 17px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500364252236460 .child_con > div { float: none; width: 100%; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_left{ text-align: left; padding-right: 0; margin-bottom: 30px; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_right{ padding-left: 0; } #c_xibDkContentGroup_row-15500364252236460 .child_contrast_img { text-align: center; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > h3 { margin-bottom: 10px; font-size: 22px; } #c_xibDkContentGroup_row-15500364252236460 .child_describe > p { line-height: 22px; } } #c_xibDkContentGroup_row-15500364252236460{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; } #c_xibDkContentGroup_row-15500364310063221 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500364310063221 .datu{ display:none; } #c_xibDkContentGroup_row-15500364310063221 .scenery_title > i{ display:block; width:70px; height:1px; background:rgba(34,34,34,.5); margin:30px auto 50px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_product_box{ padding:80px 0 60px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_product_con{ margin-top:50px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_list{ display:block; padding:40px 30px 20px; float:left; width:49%; border:1px solid #e6e6e6; margin-right:2%; margin-bottom:30px; box-sizing:border-box; } #c_xibDkContentGroup_row-15500364310063221 .recommend_product_con > a:nth-child(even){ margin-right:0; } #c_xibDkContentGroup_row-15500364310063221 .recommend_img{ width:100%; height:0; overflow:hidden; padding-bottom:49.08%; } #c_xibDkContentGroup_row-15500364310063221 .recommend_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500364310063221 .recommend_list:hover .recommend_img > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500364310063221 .recommend_text{ margin-top:30px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h3{ font-size:28px; color:#222; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > p{ line-height:24px; font-size:14px; color:#222; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h4{ line-height:24px; font-size:14px; color:#222; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > p:before{ content:''; display:inline-block; width:10px; height:10px; border-radius:50%; background:#222; margin-right:10px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_right{ margin-top:20px; min-height:38px; padding-top:20px; border-top:1px solid #e6e6e6; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_right > p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:26px; font-size:14px; color:#222; position:relative; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_right > p > i{ display:inline-block; vertical-align:middle; width:30px; height:22px; border:1px solid #ddd; margin-right:5px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_list:hover .recommend_left > h3{ color:#90c31f; } #c_xibDkContentGroup_row-15500364310063221 .tk_box{ width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:100000; } #c_xibDkContentGroup_row-15500364310063221 .tk_con{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); cursor:pointer; z-index:1000002; } #c_xibDkContentGroup_row-15500364310063221 .tk_con > img{ width:100%; } #c_xibDkContentGroup_row-15500364310063221 .close{ width:30px; height:30px; position:absolute; left:50%; bottom:70px; z-index:1000002; margin-left:-15px; cursor:pointer; } #c_xibDkContentGroup_row-15500364310063221 .close > img{ width:100%; } #c_xibDkContentGroup_row-15500364310063221 .out_close{ width:100%; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500364310063221 .scenery_title > i { margin: 20px auto 30px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_product_con { margin-top: 30px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_list { padding: 25px 25px 20px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text { margin-top: 10px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h3 { margin-bottom: 5px; } #c_xibDkContentGroup_row-15500364310063221 .close { bottom: 60px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h3 { font-size: 24px; } #c_xibDkContentGroup_row-15500364310063221 .product_details_con > .product_details { padding: 25px 15px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500364310063221 .recommend_list { padding: 20px 10px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_product_box { padding: 50px 0 40px; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500364310063221 .scenery_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15500364310063221 .scenery_title > h3 { font-size: 22px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500364310063221 .recommend_product_con { margin-top: 20px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_list { width: 100%; margin-right: 0; margin-bottom: 10px; padding: 15px 10px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text > div { width: 100% ; float: none; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_right { padding-left: 0; padding-top: 15px; margin-top: 15px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text { margin-top: 10px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h3 { margin-bottom: 5px; font-size: 20px; } #c_xibDkContentGroup_row-15500364310063221 .product_details_con > .product_details { padding: 20px 15px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > p { line-height: 22px; } #c_xibDkContentGroup_row-15500364310063221 .recommend_text .recommend_left > h4 { line-height: 22px; } #c_xibDkContentGroup_row-15500364310063221 .tk_con { text-align: center; } #c_xibDkContentGroup_row-15500364310063221 .tk_con > img { width: 94%; } #c_xibDkContentGroup_row-15500364310063221 .close { bottom: 50px; } } #c_xibDkContentGroup_row-15500364310063221{ padding-left:0px; padding-right:0px; max-height:none; padding-top:0px; max-width:none; width:auto; margin-bottom:0px; min-height:0px; padding-bottom:0px; margin-right:0px; height:auto; min-width:0px; margin-left:0px; margin-top:0px; }