@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-15501284125885512 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15501284125885512{ 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-15498787128239145 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15498787128239145 .contact_title{ text-align:center; } #c_xibDkContentGroup_row-15498787128239145 .contact_title > h3{ text-align:center; } #c_xibDkContentGroup_row-15498787128239145 .contact_title > i{ display:block; width:70px; height:1px; background:rgba(34,34,34,.5); margin:30px auto 50px; } #c_xibDkContentGroup_row-15498787128239145 .contactus_box{ padding:100px 0; background-image:url("//dfs.yun300.cn/group1/M00/01/DF/rBQBHVxhJCyEKm84AAAAAOYyHvI981.jpg"); background-repeat:no-repeat; background-position:center top; background-size:100% 850px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_con{ float:right; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text{ float:left; border-right:1px solid #90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > ul{ width:50%; } #c_xibDkContentGroup_row-15498787128239145 .contact_con{ padding-left:40px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li{ position:relative; padding:15px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div{ display:block; padding-left:25px; background-repeat:no-repeat; background-position:0 7px; cursor:pointer; width:200px; margin:0 auto; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(1) > div{ background-image:url("//dfs.yun300.cn/group1/M00/01/E0/rBQBHVxhJHGEDjZOAAAAAPdHiOw563.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(2) > div{ background-image:url("//dfs.yun300.cn/group1/M00/01/E0/rBQBHVxhJKWEV21oAAAAAM4Cf0A571.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(3) > div{ background-image:url("//dfs.yun300.cn/group1/M00/14/CD/rBQBG1xhJLGESw_JAAAAANfXpgk816.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(4) > div{ background-image:url("//dfs.yun300.cn/group1/M00/01/E0/rBQBHVxhJLqEHWVoAAAAAC2-F6E390.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div > h3{ font-size:18px; color:#000; line-height:30px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div > p{ font-size:14px; color:#666; white-space:nowrap; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div:hover > h3{ color:#90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div:hover > p{ color:#90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(1) > div:hover{ background-image:url("//dfs.yun300.cn/group1/M00/14/CD/rBQBG1xhJN-EUQ4wAAAAAJ0gYbQ165.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(2) > div:hover{ background-image:url("//dfs.yun300.cn/group1/M00/01/E0/rBQBHVxhJOmEHWIQAAAAAHfuPvo059.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(3) > div:hover{ background-image:url("//dfs.yun300.cn/group1/M00/01/E2/rBQBHVxiMliEOZV1AAAAAP-uJjc748.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li:nth-child(4) > div:hover{ background-image:url("//dfs.yun300.cn/group1/M00/01/E0/rBQBHVxhJQCEdF2PAAAAAGoim3I360.png"); } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text{ margin-top:10px; position:relative; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text:after{ width:100%; height:0px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li{ padding:15px 0; cursor:pointer; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li:last-child{ border-bottom:0px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li h3{ line-height:30px; font-size:18px; color:#000; padding-left:30px; position:relative; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li h3 > img{ position:absolute; left:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li p{ font-size:14px; color:#666; line-height:22px; padding-left:30px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li p > span{ color:#333; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li > div{ display:inline-block; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li > .adress:hover h3{ color:#90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li > .adress:hover p{ color:#90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li > .adress:hover p > span{ color:#90c31f; } #c_xibDkContentGroup_row-15498787128239145 .contact_map{ margin-top:70px; position:relative; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li{ display:none; box-shadow:0 0 30px 10px rgba(0,0,0,.05); } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li:nth-child(1){ display:block; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li.active{ display:block; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li > div{ width:100%; height:630px; font-size:12px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li img{ width:100%; -webkit-transition:all 0s; -moz-transition:all 0s; -ms-transition:all 0s; transition:all 0s; } @media only screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15498787128239145 .contact_title > i { margin: 20px auto 30px; } #c_xibDkContentGroup_row-15498787128239145 .contactus_box { padding: 60px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li { padding: 10px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li { padding: 10px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_map { margin-top: 50px; padding: 0 5%; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li > div { height: 550px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { padding-left: 5%; } } @media only screen and (max-width: 1024px){ #c_xibDkContentGroup_row-15498787128239145 .contact_map { padding: 0 3%; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { padding-left: 3%; } } @media only screen and (max-width: 768px){ #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { padding-right: 30px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map { margin-top: 30px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li > div { height: 500px; } } @media only screen and (max-width: 639px){ #c_xibDkContentGroup_row-15498787128239145 .contactus_box { background-size: cover; padding: 50px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_con { padding-bottom: 20px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_con { float: none; width: 100%; padding-left: 0; padding-bottom: 10px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con:before { content: ''; display: table; } #c_xibDkContentGroup_row-15498787128239145 .contact_con:after { content: ''; display: table; clear: both; } #c_xibDkContentGroup_row-15498787128239145 .contact_map { padding: 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { float: none; width: 100%; border-right: 0; border-top: 1px solid #90c31f; padding-right: 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li { float: left; width: 50%; padding: 10px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li { padding-left: 20px; padding-right: 20px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map > li > div { height: 400px; } } @media only screen and (max-width: 490px){ #c_xibDkContentGroup_row-15498787128239145 .contact_title > i { width: 40px; margin: 10px auto 20px; } #c_xibDkContentGroup_row-15498787128239145 .contact_title > h3 { font-size: 22px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div { width: 100%; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div > h3 { font-size: 16px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con > li > div > p { font-size: 12px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { padding-top: 10px; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li { padding-left: 0; padding-right: 0; padding: 10px 0; } #c_xibDkContentGroup_row-15498787128239145 .contact_map_text > li h3 { font-size: 16px; } #c_xibDkContentGroup_row-15498787128239145 .contact_con_outer > .contact_map_text { padding-left: 0; } } #c_xibDkContentGroup_row-15498787128239145{ 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; }