@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-15499647379667633 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15499647379667633{ 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-15500204708397789 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title h3{ color:#000; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title h3 > .lv_color{ color:#90c31f; font-family:Arial; font-weight:bold; } #c_xibDkContentGroup_row-15500204708397789 .lv_color{ color:#90c31f; } #c_xibDkContentGroup_row-15500204708397789 .xian{ display:block; width:70px; height:1px; background:#b2b2b2; margin:30px auto 50px; } #c_xibDkContentGroup_row-15500204708397789 .supplier-fpp{ padding:100px 0; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title > p{ font-size:16px; color:#666; line-height:36px; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title > p .lv_color{ font-size:24px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp{ display:block; overflow:hidden; width:100%; height:0; padding-bottom:37.18%; position:relative; margin-top:50px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp > .fppbg{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp.active{ color:#333; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp > .fppbg.active{ transform:scale(1.04); -webkit-transform:scale(1.04); -o-transform:scale(1.04); -ms-transform:scale(1.04); } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in{ position:absolute; right:40px; top:30px; width:390px; height:420px; background-color:#fff; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_top{ padding:21px 0; text-align:center; background-color:#dadbde; position:relative; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_top_icon{ position:absolute; right:0px; bottom:21px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_in.active .sup_fpp_top_icon{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_bt{ padding-top:25px; background-color:#fff; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_bt > p{ line-height:30px; color:#333; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500204708397789 .xian { margin: 20px auto 20px; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title > p { line-height: 32px; } #c_xibDkContentGroup_row-15500204708397789 .supplier-fpp { padding: 70px 0; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp { padding-bottom: 30.38%; margin-top: 15px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in { height: auto; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in { width: auto; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in > div { float: left; padding-left: 20px; padding-right: 20px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_top > .sup_fpp_top_zs { width: 85%; } } @media only screen and (max-width: 1300px){ #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_top > .sup_fpp_top_zs { width: 60%; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_bt { padding-bottom: 21px; padding-top: 21px; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500204708397789 .sup_fpp_bt { padding-top: 20px; padding-bottom: 20px; } } @media only screen and (max-width: 767px){ #c_xibDkContentGroup_row-15500204708397789 .xian { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15500204708397789 .supplier-fpp { padding: 50px 0; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp { height: 100%; padding-bottom: 0; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in { position: static; transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; -moz-transform: none; width: 390px; margin: 0 auto; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in > div { float: none; font-size: 14px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500204708397789 .supplier_title > p { font-size: 14px; line-height: 20px; } #c_xibDkContentGroup_row-15500204708397789 .supplier_title > p .lv_color { font-size: 16px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp { margin-top: 30px; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp .sup_fpp_in { width: 100%; } #c_xibDkContentGroup_row-15500204708397789 .sup_fpp > .fppbg { width: auto; height: 250px; } } #c_xibDkContentGroup_row-15500204708397789{ 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; } #c_xibDkContentGroup_row-15500204791543743 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier{ padding:100px 0; position:relative; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con{ width:100%; height:100%; position:relative; } #c_xibDkContentGroup_row-15500204791543743 .bx-wrapper{ margin-top:50px!important; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier .bx-wrapper .bx-viewport{ height:auto!important; box-shadow:none; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con > .swiper-slide{ float:left; text-align:center; border-right:1px solid rgba(102,102,102,.15); cursor:pointer; margin-left:1px; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con > .swiper-slide .suphide{ display:inline-block; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con > .swiper-slide .supshow{ display:none; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con > .swiper-slide:hover .supshow{ display:none; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con > .swiper-slide:hover .suphide{ display:inline; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con .other_img{ line-height:112px; height:112px; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier_con .other_img > img{ vertical-align:middle; display:inline; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier .bx-wrapper .bx-prev{ cursor:pointer; top:50%; z-index:99; left:-24px; background-color:#fff; background-image:url("//dfs.yun300.cn/group1/M00/01/E9/rBQBHVxje42ESymzAAAAAPck_YU209.png"); background-repeat:no-repeat; background-position:center center; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); position:absolute; width:37px; height:36px; border:1px solid #e1e1e1; margin-top:0px; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier .bx-wrapper .bx-prev:hover{ background-position:center center; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier .bx-wrapper .bx-next{ cursor:pointer; top:50%; z-index:99; right:-60px; background-color:#fff; background-image:url("//dfs.yun300.cn/group1/M00/14/D1/rBQBG1xje3yEZ_APAAAAABGLXIc730.png"); background-repeat:no-repeat; background-position:center center; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); position:absolute; width:37px; height:36px; border:1px solid #e1e1e1; margin-top:0px; } #c_xibDkContentGroup_row-15500204791543743 .other-supplier .bx-wrapper .bx-next:hover{ background-position:center center; } #c_xibDkContentGroup_row-15500204791543743 .now_more{ margin-top:50px; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a{ display:block; width:164px; height:100%; margin:0 auto; background-color:#eeeeee; color:#999; box-sizing:border-box; text-align:center; line-height:46px; position:relative; z-index:1; padding-right:30px; font-size:14px; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a:after{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background-color:#90c31f; z-index:-9; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a > i{ display:inline-block; width:24px; height:11px; background-image:url("//dfs.yun300.cn/group1/M00/14/D1/rBQBG1xje9qEE_g6AAAAALC3qaQ693.png"); background-repeat:no-repeat; background-position:center center; position:absolute; right:32px; top:50%; margin-top:-5px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a.active{ color:#fff; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a.active > i{ right:20px; background-image:url("//dfs.yun300.cn/group1/M00/01/E9/rBQBHVxjfAKEBhpwAAAAAPTYyuE625.png"); } #c_xibDkContentGroup_row-15500204791543743 .now_more > a.active:after{ width:100%; } @media only screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15500204791543743 .other-supplier { padding: 70px 0; } } @media only screen and (max-width: 560px){ #c_xibDkContentGroup_row-15500204791543743 .other-supplier { padding: 50px 0; } #c_xibDkContentGroup_row-15500204791543743 .bx-wrapper { margin-top: 20px!important; } #c_xibDkContentGroup_row-15500204791543743 .now_more { margin-top: 30px; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a { width: 140px; font-size: 12px; line-height: 40px; background-color: #90c31f; color: #fff; } #c_xibDkContentGroup_row-15500204791543743 .now_more > a > i { width: 21px; height: 10px; background-image: url("//dfs.yun300.cn/group1/M00/01/E9/rBQBHVxjfDKEZy6yAAAAAGSbjig880.png"); } #c_xibDkContentGroup_row-15500204791543743 .now_more > a.active > i { background-image: url("//dfs.yun300.cn/group1/M00/01/E9/rBQBHVxjfDKEZy6yAAAAAGSbjig880.png"); } #c_xibDkContentGroup_row-15500204791543743 .bx-has-controls-direction { display: none; } #c_xibDkContentGroup_row-15500204791543743 .bx-wrapper .bx-viewport { left: 0; } } #c_xibDkContentGroup_row-15500204791543743{ 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; } #c_xibDkContentGroup_row-15500204769861612 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15500204769861612 .two-supplier{ background-color:#f4f4f4; padding:80px 0 100px; } #c_xibDkContentGroup_row-15500204769861612 .two-supplier h3{ color:#000; } #c_xibDkContentGroup_row-15500204769861612 .two-supplier h3 > .lv_color{ color:#90c31f; font-family:Arial; font-weight:bold; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(1){ float:left; width:49%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2){ float:right; width:49%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_o{ margin-top:50px; width:100%; position:relative; cursor:pointer; display:block; } #c_xibDkContentGroup_row-15500204769861612 .supplier_img{ padding-bottom:83.2%; overflow:hidden; width:100%; height:0; } #c_xibDkContentGroup_row-15500204769861612 .supplier_img img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204769861612 .supplier_o.active .supplier_img img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } #c_xibDkContentGroup_row-15500204769861612 .supplier_des{ position:absolute; bottom:0; left:0; width:100%; background-color:rgba(144,195,31,.7); color:#fff; padding-left:90px; padding-top:50px; padding-bottom:50px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des > p{ line-height:30px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des > img{ position:absolute; top:-60%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(1) .supplier_o .supplier_des > img{ right:30px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) .supplier_o .supplier_des > img{ right:70px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_o.active .supplier_des > img{ top:-50%; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15500204769861612 .two-supplier { padding: 40px 0 50px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_o { margin-top: 25px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des { padding-left: 50px; padding-top: 40px; padding-bottom: 40px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des > img { width: 20%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) .supplier_o .supplier_des > img { top: -45%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) .supplier_o.active .supplier_des > img { top: -35%; } } @media only screen and (max-width: 1300px){ #c_xibDkContentGroup_row-15500204769861612 .supplier_des { padding-left: 50px; } } @media only screen and (max-width: 880px){ #c_xibDkContentGroup_row-15500204769861612 .two-supplier { padding: 50px 0 60px; } #c_xibDkContentGroup_row-15500204769861612 .two-supplier h3 { font-size: 16px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des { padding-left: 20px; position: relative; padding-top: 20px; padding-bottom: 20px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des > p { font-size: 14px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(1) .supplier_o .supplier_des > img { right: 30px; top: -55%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) .supplier_o .supplier_des > img { right: 30px; top: -35%; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15500204769861612 .supplier_des > img { width: 18%; } } @media only screen and (max-width: 700px){ #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(1) { width: 100%; margin-bottom: 50px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) { width: 100%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des { position: absolute; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15500204769861612 .supplier_des > img { width: 16%; top: -50%; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des { padding: 22px 20px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_des > p { font-size: 14px; line-height: 24px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_con > div:nth-child(2) .supplier_o .supplier_des > img { top: -40%; right: 30px; } #c_xibDkContentGroup_row-15500204769861612 .supplier_o { margin-top: 20px; } } #c_xibDkContentGroup_row-15500204769861612{ 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; }