@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-15500380120523231 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15500380120523231{ 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-15500380187416148 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_box{ padding:90px 0; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_con > div{ float:left; width:49%; position:relative; cursor:pointer; margin-right:2%; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_con > div:last-child{ margin-right:0; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_img{ width:100%; height:0; overflow:hidden; padding-bottom:74.87%; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_con > div:hover .grass_silk_img > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text{ position:absolute; bottom:0; left:0; width:100%; height:170px; background-color:rgba(144,195,30,.9); color:#fff; padding:30px 25px 0; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text > h3{ font-size:18px; line-height:24px; margin-bottom:15px; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text > p{ font-size:14px; line-height:24px; } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text { padding: 30px 20px 0; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text { padding: 20px 17px 0; position: static; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text > h3 { font-size: 16px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text { height: 220px; } } @media only screen and (max-width: 639px){ #c_xibDkContentGroup_row-15500380187416148 .grass_silk_box { padding: 50px 0 30px; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_con > div { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text { padding: 20px 17px; height: auto; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text > h3 { margin-bottom: 5px; } #c_xibDkContentGroup_row-15500380187416148 .grass_silk_text > p { line-height: 22px; } } #c_xibDkContentGroup_row-15500380187416148{ 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-15500395519145562 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_box{ padding:100px 0 30px; } #c_xibDkContentGroup_row-15500395519145562 .core_title{ text-align:center; } #c_xibDkContentGroup_row-15500395519145562 .core_title > h3{ text-align:center; color:#333; } #c_xibDkContentGroup_row-15500395519145562 .core_title > i{ display:block; width:70px; height:1px; background:rgba(102,102,102,.5); margin:30px auto 50px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div:nth-child(odd){ float:left; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div:nth-child(even){ float:right; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div{ width:48%; position:relative; padding-left:100px; margin-bottom:70px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > img{ position:absolute; left:0; top:5px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > h3{ color:#90c31e; font-size:20px; margin-bottom:15px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > p{ font-size:14px; color:#666; line-height:24px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > p.lv_color{ font-size:14px; color:#9bdb00; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500395519145562 .core_title > i { margin: 20px auto 30px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500395519145562 .core_perform_box { padding: 50px 0 10px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div { padding-left: 80px; } } @media only screen and (max-width: 630px){ #c_xibDkContentGroup_row-15500395519145562 .core_title > h3 { font-size: 22px; } #c_xibDkContentGroup_row-15500395519145562 .core_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div:nth-child(odd) { float: none; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div:nth-child(even) { float: none; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div { width: 100%; margin-bottom: 30px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > h3 { font-size: 18px; margin-bottom: 5px; } #c_xibDkContentGroup_row-15500395519145562 .core_perform_con > div > p { line-height: 20px; } } #c_xibDkContentGroup_row-15500395519145562{ 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-15500386604407219 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_box{ padding:70px 0; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text{ float:left; width:55%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div{ margin-top:50px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div > h3{ color:#90c31e; font-size:20px; margin-bottom:15px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div > p{ color:#666; font-size:14px; line-height:24px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img{ float:right; width:398px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_top > div{ float:left; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_left{ width:194px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_left > div{ width:100%; height:0; overflow:hidden; padding-bottom:78.32%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_left > div > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_left > div:hover > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right{ width:204px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right > div{ width:100%; height:0; overflow:hidden; padding-bottom:148.9%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right > div > span{ position:absolute; bottom:10px; right:15px; font-size:16px; color:#fff; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right > div > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right > div:hover > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_bt{ margin-top:12px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_bt > div{ width:100%; height:0; overflow:hidden; padding-bottom:37.37%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_bt > div > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_bt > div:hover > img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_box { padding: 30px 0 70px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text { width: 41%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img { margin-top: 50px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div { margin-top: 40px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text { width: 100%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img { width: 100%; margin-top: 20px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_right { width: 51.27%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_glue_left { width: 48.73%; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div { margin-top: 20px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div > h3 { font-size: 16px; margin-bottom: 5px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_text > div > p { line-height: 22px; } #c_xibDkContentGroup_row-15500386604407219 .lawn_bottom_img_bt { margin-top: 6px; } } #c_xibDkContentGroup_row-15500386604407219{ 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-15500386628791814 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500386628791814 .lawn_box{ padding:70px 0 90px; background-repeat:no-repeat; background-size:100% 100%; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div{ margin-top:40px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(1){ width:440px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(2){ width:510px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(3){ width:630px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div > h3{ font-size:20px; color:#90c31e; margin-bottom:15px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div > p{ font-size:14px; color:#666; line-height:24px; } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15500386628791814 .lawn_box { padding: 30px 0 60px; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15500386628791814 .lawn_box { background-size: auto 100%; background-position: 25% center; } } @media only screen and (max-width: 639px){ #c_xibDkContentGroup_row-15500386628791814 .grass_silk_box { padding: 50px 0 30px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(1) { width: 100%; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(2) { width: 100%; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div:nth-child(3) { width: 100%; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div > h3 { font-size: 16px; margin-bottom: 10px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div { margin-top: 20px; } #c_xibDkContentGroup_row-15500386628791814 .lawn_con > div > p { line-height: 22px; } } #c_xibDkContentGroup_row-15500386628791814{ 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; } #c_xibDkContentGroup_row-15500386571697990 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_box{ background-repeat:no-repeat; background-size:100% 100%; padding:100px 0; } #c_xibDkContentGroup_row-15500386571697990 .common_title{ text-align:center; } #c_xibDkContentGroup_row-15500386571697990 .common_title > h3{ text-align:center; color:#fff; } #c_xibDkContentGroup_row-15500386571697990 .common_title > i{ display:block; width:70px; height:1px; background:#fff; margin:30px auto 50px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con{ width:100%; background:#fafafa; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li:first-child{ height:auto; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li{ color:#666; height:70px; overflow:hidden; border-bottom:1px solid #e5e5e5; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li:last-child{ border-bottom:0; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3{ background:#fff; height:70px; line-height:70px; padding-left:60px; font-size:20px; position:relative; cursor:pointer; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3 > i{ display:block; width:18px; height:18px; border-left:1px solid #666; border-bottom:1px solid #666; position:absolute; right:30px; top:20px; transform:rotateZ(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; cursor:pointer; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > p{ background:#fafafa; padding:30px 60px; font-size:14px; line-height:30px; border-top:1px solid #f2f2f2; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3:hover{ color:#9bdb00; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3:hover > i{ border-left:1px solid #9bdb00; border-bottom:1px solid #9bdb00; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3.active{ color:#9bdb00; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3.active > i{ top:33px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500386571697990 .common_title > i { margin: 20px auto 30px; } } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3 { padding-left: 40px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > p { padding: 20px 40px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500386571697990 .common_problem_box { padding: 50px 0 70px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500386571697990 .common_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_box { background-size: 1000px 800px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > p { padding: 20px; line-height: 22px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3 { font-size: 16px; padding-left: 20px; height: 50px; line-height: 50px; } #c_xibDkContentGroup_row-15500386571697990 .common_title > h3 { font-size: 22px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li { height: 50px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3 > i { width: 14px; height: 14px; top: 13px; } #c_xibDkContentGroup_row-15500386571697990 .common_problem_con > li > h3.active > i { top: 23px; } } #c_xibDkContentGroup_row-15500386571697990{ 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; padding-right:0px; height:auto; min-width:0px; }