/* pxfaizy */ /*reset*/ * {padding:0;margin:0;outline:none;border-spacing:0;} body {width:100%;float:left;font-size:14px;font-family:"Microsoft YaHei";background:#f5f5f5;} li {list-style:none;} img {border:none;} a {text-decoration:none;} a:hover {color:#0995d9!important;} /*public*/ .max_width {width:1200px!important;margin:auto;overflow:hidden;} .p_img_em_span {width:100%;float:left;position:relative;} .p_img_em_span > img {width:100%;float:left;} .p_img_em_span > em {width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;} .p_img_em_span > span {width:100%;height:20px;font-size:18px;line-height:20px;color:#fff;text-align:center;position:absolute;top:0;left:0;bottom:0;margin:auto;z-index:2;} .p_img_span {} .p_img_span {width:100%;float:left;} .p_img_span > img {width:100%;float:left;border-radius:4px;margin-bottom:10px;} .p_img_span > span {width:100%;float:left;font-size:12px;line-height:20px;color:#3e3e3e;text-indent:2em;} .p_img_span > span + span {color:#5f5e5e;} .p_location {width:100%;float:left;padding:1em 0;margin-top: 56px;} .p_location > p {width:96%;padding:0 2%;color:#666;line-height:20px;} .p_location > p > a {color:#666;} /*header*/ .header {width:100%;float:left;background:#fff;} .h_son {width:96%;padding:12px 2%;position:relative;} .h_son > a {float:left;} .h_son > a > img {height:32px;float:left;} .h_son > ul {float:right;} .h_son > ul > li {float:left;} .h_son > ul > li > a {float:left;color:#010101;line-height:20px;padding:6px 1.6em;} .h_son > ul > .active > a {color:#0081c5;} .h_s_search {position:absolute;top:12px;right:2%;background:#fff;z-index:2;display:none;} .h_s_search > span {width:32px;height:32px;float:right;background:url('/images_pc/h_search.png') #000;cursor:pointer;border-radius:50%;} .h_s_search > form {width:0;float:left;overflow:hidden;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;} .h_s_search > form > input {width:12em;height:20px;float:left;border:solid 1px #d3d3d3;border-radius:4px;padding:5px 0;line-height:20px;text-indent:0.6em;color:#666;} /*banner*/ .banner {width:100%;float:left;position:relative;} .banner > ul {width:100%;float:left;position:relative;} .banner > ul > img {width:100%;float:left;opacity:0;z-index:-1;} .banner > ul > li {width:100%;position:absolute;top:0;left:0;opacity:1;} .banner > ul > li + li {opacity:0;} .banner > ul > li > img {width:100%;float:left;} .banner > ol {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:99; } .banner > ol > li {width:10px;height:10px;float:left;margin:0 1em;border-radius:50%;} .banner > p {width:96%;height:32px;position:absolute;top:50%;left:2%;margin-top:-16px;z-index:9;} .banner > p > span {width:32px;height:32px;float:left;cursor:pointer;background:url('/images_pc/index_banner_icon.png')no-repeat center 0;} .banner > p > span + span {float:right;background-position-y: -32px;} /*index_content*/ .index_content {width:96%;padding:0 2%;} .i_c_nav {width:100%;float:left;margin-top:60px;} .i_c_nav > ul {width:98%;width:calc(100% - 1px);float:left;border-left:solid 1px #d0d0d0;} .i_c_nav > ul > li {width:11%;width:calc(11.11% - 1px);height:106px;float:left;border-right:solid 1px #d0d0d0;position:relative;cursor:pointer;} .i_c_nav > ul > li > a {width:100%;height:106px;float:left;position:relative;} .i_c_nav > ul > li > a > span {width:100%;position:absolute;bottom:0;color:#515050;font-size:12px;line-height:20px;text-align:center;} .i_c_nav > ul > li > a:hover span {color:#0995d9;} .i_c_show {width:100%;float:left;margin-top:60px;} .i_c_show > ul {width:100%;float:left;} .i_c_show > ul > li {width:47.5%;float:left;border-radius:4px;overflow:hidden;} .i_c_show > ul > li + li {margin-left:5%;} .i_c_show > ul > li > a > em {background:url('/images_pc/shadow_bg_40.png');} .i_c_video {width:100%;float:left;margin-top:30px;border-radius:4px;overflow:hidden;} .i_c_video > a > em {background:url('/images_pc/shadow_bg_25.png');} .i_c_points {width:100%;float:left;margin-top:30px;border-radius:4px;} .i_c_points > ul {width:100%;float:left;} .i_c_points > ul > li {width:47.5%;float:left;margin-bottom:1em;position:relative;} .i_c_points > ul > li + li {margin-left:5%;} .i_c_points > ul > li > img {width:calc(100% - 2px);height:371px;float:left;border:solid 1px #a5a4a5;border-radius:4px;} .i_c_points > ul > li > p {width:100%;height:100%;float:left;background:rgba(0,0,0,0.5);border-radius:4px;position:absolute;top:0;left:0;} .i_c_points > ul > li > p > a {width:100%;height:100%;position:absolute;top:0;left:0;} .i_c_points > ul > li > p > a > span {width:100%;height:1em;position:absolute;text-align:center;font-size:18px;color:#fff;top:0;bottom:0;margin:auto;line-height:1em;} .i_c_points > ul > li > video {width:100%;height:373px;float:left;background:rgba(0,0,0,1);border-radius:4px;} .i_c_points > ul > li.son_video > img {display:none;} .i_c_news {width:100%;float:left;margin-top:30px;margin-bottom:80px;} .i_c_news > div {width:47.5%;float:left;background:#fff;border-radius:4px;overflow:hidden;padding-bottom:1em;} .i_c_news > div + div {margin-left:5%;} .i_c_n_right > ul {width:95%;padding:0 2.5%;float:left;background:#e6e6e6;border-radius:4px;} .i_c_n_right > ul > li {width:100%;float:left;padding:7.5px 0;} .i_c_n_right > ul > li + li {border-top:solid 1px #a2a2a2;} .i_c_n_right .left {width:12%;float:left;border:solid 1px #d2d2d2;} .i_c_n_right .left > span {width:100%;float:left;text-align:center;font-size:18px;color:#4d4f4a;line-height:20px;padding:14px 0;} .i_c_n_right .left > span + span {font-size:12px;color:#7b7b7b;padding:0;border-top:solid 1px #d2d2d2;} .i_c_n_right .right {width:82%;float:right;} .i_c_n_right .right > span,.i_c_n_right .right > span > a {width:100%;float:left;color:#4d4f4a;line-height:20px;padding:4px 0;} .i_c_n_right .right > span + span {font-size:12px;line-height:1.5em;color:#7b7b7b;padding:0;} .i_c_n_right > a {width:100%;float:left;padding-bottom:20px;margin-top:10px;} .i_c_n_right > a > span {font-size:12px;float:left;color:#3e3e3e;text-indent:2em;line-height:20px;} .i_c_n_right > a > span + span {float:right;color:#5f5e5e;padding-right:1em;} /*list_service*/ .list_service .son_body {width:100%;float:left;} .list_service .son_body img {max-width:100%!important;height:auto!important;display:block;margin:auto;} .list_service .son_body p {width:90%;font-size:24px;line-height:2em;color:#1294d8;text-align:center;margin:0 5%;} .list_service .son_body p + p {font-size:18px;color:#222;padding-bottom:40px;border-bottom:solid 1px #bbb;} .list_service .son_bottom {width:100%;float:left;margin-top:40px;} .list_service .son_bottom > ul {width:100%;float:left;padding-bottom:30px;} .list_service .son_bottom > ul > li {width:32%;height: 306px;float:left;} .list_service .son_bottom > ul > li + li {margin-left:2%;} .list_service .son_bottom > ul > li:nth-child(3n + 1) {margin-left:0;} .list_service .son_bottom > ul > li > img {width:100%;float:left;} .list_service .son_bottom > ul > li > a {width:100%;float:left;font-size:16px;line-height:1em;margin-top:30px;text-align:center;color:#1294d8;} .list_service .son_bottom > ul > li > a > img {width:100%;float:left;} .list_service .son_bottom.son_server > ul > li > a {margin-top:0;} /*footer*/ .footer {width:100%;float:left;} .f_map {width:100%;float:left;background:#fff;padding:56px 0 66px 0;} .f_map > ul {width:96%;padding:0 2%;} .f_map > ul > li {width:12.5%;float:left;text-indent:24px;} .f_map > ul > li > span {width:100%;float:left;line-height:20px;color:#373737;padding-bottom:10px;} .f_map > ul > li > a {width:100%;float:left;font-size:12px;line-height:20px;padding:2px 0;color:#767575;} .f_info {width:100%;float:left;padding:56px 0 96px 0;} .f_i_son {width:96%;padding:0 2%;overflow:visible;} .f_i_son .left {width:50%;float:left;padding-left:24px;} .f_i_son .left > span {width:100%;float:left;font-size:12px;line-height:20px;color:#515050;} .f_i_son .left > a {float:left;font-size:12px;line-height:1em;color:#515050;padding-right:1em;margin:4px 0;} .f_i_son .left > a + a {padding-left:1em;border-left:solid 1px #515050;} .f_i_son > .son_right {width:270px;float:right;} .f_i_son > .son_right > p {width:100%;float:left;} .f_i_son > .son_right > p > span {width:100%;float:left;font-size:12px;color:#515050;line-height:20px;text-align:right;font-weight:600;} .f_i_son > .son_right > p + p {width:200px;margin-top:20px;float:right;} .f_i_son > .son_right > p > a {width:28px;height:28px;float:left;margin-left:12px;background:url('/images_pc/f_i_son_01.png');position:relative;} .f_i_son > .son_right > p > a > img {width:200px;position:absolute;left:0;top:-230px;display:none;} .f_i_son > .son_right > p > a:hover img {display:block;} .f_i_son .right > .weibo {background-position-x:-38px;} .f_i_son .right > .youku {background-position-x:-76px;} .f_i_son .right > .tengxun {background-position-x:-110px;} .f_to_statistics {width: 60px; float: left;} .f_to_statistics > img {width: 100%; float: left;} /*plan*/ .plan_banner {width:100%;height:282px;float:left;background:url('/images_pc/plan_banner_01.jpg')no-repeat 50%;display:none;} .plan_content {width:100%;float:left;background:#fff;} .plan_content .son_body img {max-width:100%!important;height:auto!important;display:block;margin:auto;} .p_c_son {width:96%;padding:0 2%;} .p_c_nav {width:100%;float:left;} .p_c_nav > ul {width:100%;float:left;padding:20px 0;display:flex;} .p_c_nav > ul > li {width:50%;float:left;} .p_c_nav > ul > li + li {margin-left:1.5%;} .p_c_nav > ul > li > a {width:98%;width:calc(100% - 2px);float:left;border:solid 1px #c9c9c9;border-radius:4px;} .p_c_nav > ul > li > a > span {width:100%;float:left;line-height:20px;padding:8px 0;text-align:center;color:#000;} .p_c_nav > ul > li > a:hover {background:#0095d9;border:solid 1px #0095d9;} .p_c_nav > ul > li > a:hover span {color:#fff;} .p_c_nav > ul > li > a.active {background:#0095d9;border:solid 1px #0095d9;} .p_c_nav > ul > li > a.active > span {color:#fff;} .p_c_nav > ul > p {float:right;} .p_c_nav > ul > p > a {float:left;color:#000;line-height:38px;padding:0 0.6em;} .p_c_nav > ul > p > a:hover,.p_c_nav > ul > p > a.active {color:#0095d9;} .p_c_nav > p {float:right;padding:10px 0;} .p_c_nav > p > a {font-size:14px;line-height:1.5em;float:left;padding-left:1em;;color:#000;} .p_c_nav > p > a:hover {color:#048dd6;} .p_c_nav > p > a.active {color:#048dd6;} .p_c_title {width:100%;float:left;padding:2em 0 1.5em 0;position:relative;} .p_c_title > span {width:100%;float:left;line-height:1.5em;color:#0095d9;text-align:center;font-size:20px;} .p_c_title > span + span {color:#a6a6a6;font-size:14px;} .p_c_title > em {width:48px;height:4px;background:#0095d9;position:absolute;left:50%;bottom:0;margin-left:-24px;} .p_c_image {width:100%;float:left;margin-top:30px;} .p_c_image > ul {width:100%;float:left;} .p_c_image > ul > li {width:31%;width:calc(32% - 2px);float:left;border:solid 1px #d9d9d9;position:relative;} .p_c_image > ul > li + li {margin-left:2%;} .p_c_image > ul > li > img {width:92%;float:left;padding:2em 4% 0 4%;;} .p_c_image > ul > li > span {width:100%;float:left;color:#666;line-height:20px;text-align:center;padding:10px 0;} .p_c_image > ul > li > em {width:60%;height:4px;position:absolute;top:-2px;left:20%;background:#fff;} .p_c_worry {width:100%;float:left;margin-top:30px;} .p_c_worry > ul {width:100%;float:left;background:url('/images_pc/p_c_worry.jpg')no-repeat 50%;} .p_c_worry > ul > li {width:30%;float:left;padding:135px 0;} .p_c_worry > ul > li + li {margin-left:5%;} .p_c_worry > ul > li > p {width:60%;height:40px;float:left;overflow:hidden;line-height:20px;text-align:center;margin:26px 20% 22px 20%;margin-left:20%;} .p_c_advantage {width:100%;float:left;margin-top:30px;} .p_c_advantage > p {width:100%;float:left;} .p_c_advantage > p > span {width:14%;width:calc(15% - 2px);float:left;border:solid 1px #dbdbdb;position:relative;text-align:center;line-height:20px;padding:4px 0;cursor:pointer;} .p_c_advantage > p > span + span {margin-left:2%;} .p_c_advantage > p > span > em {width:13px;height:10px;background:url('/images_pc/ioc_11.jpg')no-repeat left bottom #fff;position:absolute;z-index:2;bottom:-8px;left:50%;margin-left:-0.48em;display:none;} .p_c_advantage > p > span:hover {border:solid 1px #0995d9;color:#0995d9;} .p_c_advantage > p > span:hover em {display:block;} .p_c_advantage > p > .active {border:solid 1px #0995d9;color:#0995d9;} .p_c_advantage > p > .active em {display:block;} .p_c_body {width:100%;float:left;margin-top:30px;} .p_c_body > div {width:100%;float:left;} .p_c_body > div + div {display:none;} .p_c_body > div img {max-width:1200px;padding:1.5em 0;} .p_c_case {width:100%;float:left;margin-top:30px;} .p_c_case > ul {width:100%;position:relative;overflow:hidden;display:none;} .p_c_case > ul > img {width:60%;float:left;opacity:0;} .p_c_case > ul > li {width:60%;position:absolute;top:0;left:0;z-index:1;} .p_c_case > ul > li > img {width:100%;float:left;} .p_c_case > ul > li + li > img {width:98%;width:calc(100% - 2px);border-left:solid 2px #fff;} .p_c_case > ul > li > span {width:100%;position:absolute;bottom:0;left:0;background:url('/images_pc/ioc_08.png');text-align:center;line-height:20px;padding:10px 0;color:#fff;font-size:16px;} .p_c_case > ul > li:nth-child(2) {left:20%;z-index:2;} .p_c_case > ul > li:nth-child(3) {left:40%;z-index:3;} .p_c_case > ul > li:nth-child(4) {left:60%;z-index:4;} .p_c_case > ul > li:nth-child(5) {left:80%;z-index:5;} /*preject*/ .project_banner {width:100%;height:282px;float:left;background:url('/images_pc/project_banner_01.jpg')no-repeat 50%;display:none;} .project_list {width:100%;float:left;background:#fff;} .p_l_son {width:96%;padding:0 2%;} .p_l_son > .i_c_nav {margin-top:30px;} .p_l_s_body {width:100%;float:left;margin-top:30px;} .p_l_s_body > span {width:100%;height:3px;float:left;border:solid 1px #d9d9d9;background:#f5f5f5;} .p_l_s_body > p {width:100%;float:left;margin-top:30px;background:url('/images_pc/p-01.png')no-repeat 50%;color:#fff;font-size:20px;line-height:1em;padding:18px 0;text-align:center;background-position-y:6px;} .p_l_s_body > p > span {padding-left:2em;} .p_l_b_info {width:100%;float:left;padding:2em 0;text-indent:2em;line-height:1.5em;} .product_title {width:100%;float:left;background:#fff;border-top:solid 2px #d9d9d9;} .p_t_son {width:96%;padding:1em 2%;} .p_t_son > span {float:left;font-size:16px;line-height:20px;padding-left:2%;} .p_t_son > p {float:right;padding-right:5%;} .p_t_son > p > span {float:left;line-height:1em;padding:0 0.5em;margin:3px 0;cursor:pointer;border-right:solid 1px #000;} .p_t_son > p > a {float:left;line-height:1em;padding:0 0.5em;margin:3px 0;color:#e60000;font-weight:600;} .p_t_son > p > a > span {color:#000;padding-right:1em;} .p_t_son > p > span:hover {color:#0995d9;} .p_t_son > p > .active {color:#0995d9;} .product_info {width:100%;float:left;background:#fff;} .product_info > p {width:100%;float:left;} .product_info > p > img {width:100%;float:left;} .p_i_son {width:96%;padding:0 2%;} .p_i_son img,.p_o_son img {max-width:100%!important;height:auto!important;display:block;margin:auto;} .product_info {width:100%;float:left;background:#fff;} .p_o_son {width:96%;padding:0 2%;} .prodcut_other {width:100%;float:left;background:#fff;} .pro_section + .pro_section {display:none;} .pro_bottom {width:100%;height:2px;float:left;background:#d9d9d9;} /*about*/ .list_about > .son_video {width:100%;float:left;margin-top:20px;border-radius:8px;overflow:hidden;} .list_about > .son_video > img {width:100%;float:left;} .list_about > ul {width:100%;float:left;} .list_about > ul > li {width:100%;float:left;margin-top:30px;} .list_about > ul > li + li {padding-top:60px;margin-top:60px;border-top:solid 1px #aaa;} .list_about > ul > li > img {width:60%;float:left;border-radius:8px;} .list_about > ul > li > .son_right {width:36%;float:left;margin-left:4%;padding-top:20px;} .list_about > ul > li > .son_right > span {width:100%;float:left;font-size:16px;line-height:2em;color:#3a89d9;} .list_about > ul > li > .son_right > span + span {margin-top:1em;color:#000;} .list_about > ul > li > .son_right > p {width:100%;float:left;margin-top:34px;} .list_about > ul > li > .son_right > p > img {width:45%;float:left;border-radius:4px;} .list_about > ul > li > .son_right > p > img + img {margin-left:10%;} .list_about > ul > li > .son_left {width:36%;float:left;padding-right:4%;padding-top:20px;} .list_about > ul > li > .son_left > p {width:100%;float:left;} .list_about > ul > li > .son_left > p + p {margin-top:10px;} .list_about > ul > li > .son_left > p + p > span {color:#000!important;} .list_about > ul > li > .son_left > p > span {width:100%;float:left;font-size:16px;line-height:1.5em;color:#3a89d9;} .list_about > ul > li > .son_left > p > span + span {margin-top:10px;color:#000;} .list_about > .son_pplc {width:100%;float:left;margin-top:50px;} .list_about > .son_pplc > span {width:16%;float:left;margin-left:42%;background:#008cd6;color:#fff;font-size:20px;line-height:3em; border-radius:6px;text-align:center;} .list_about > .son_pplc > .son_list {width:100%;float:left;margin-top:180px;position:relative;} .list_about > .son_pplc > .son_list > em {width:100%;height:1px;float:left;background:#bbb;} .list_about > .son_pplc > .son_list > ul {width:100%;float:left;} .list_about > .son_pplc > .son_list > ul > li {width:6%;height:72px;float:left;position:relative;} .list_about > .son_pplc > .son_list > ul > li + li {margin-left:69px;} .list_about > .son_pplc > .son_list > ul > li > span {width:72px;height:72px;position:absolute;top:-36px;left:0; border:solid 1px #bbb;background:#fff;line-height:72px;text-align:center;border-radius:50%;cursor:pointer;} .list_about > .son_pplc > .son_list > ul > li > p {width:280%;height:100px;display:none;padding:10px;left:0;top:-170px;border:solid 1px #bbb;border-radius:8px;position:absolute;} .list_about > .son_pplc > .son_list > ul > li > p > span {width:100%;float:left;line-height:1.5em;font-size:12px;} .list_about > .son_pplc > .son_list > ul > li:last-child > p {left:-120px;} .list_about > .son_pplc > .son_list > ul > li:hover p {display:block;} .list_about > .son_pplc > .son_list > ul > li:hover > span {width:92px;height:92px;top:-46px;left:-10px;line-height:92px;} .list_about > .son_pplc > p {width:100%;float:left;margin-top:20px;} .list_about > .son_pplc > p > img {width:18%;float:left;} .list_about > .son_pplc > p > img + img {margin-left:2.5%;} /*honor*/ .list_honor {} .list_honor > .son_list {width:100%;float:left;margin-top:20px;} .list_honor > .son_list > span {width:30%;float:left;margin-left:35%;margin-top:10px;font-size:20px;color:#fff;line-height:2em;background:#0095d9;border-radius:6px;text-align:center;} .list_honor > .son_list > ul {width:100%;float:left;margin-top:20px;} .list_honor > .son_list > ul > li {width:24%;float:left;} .list_honor > .son_list > ul > li + li {margin-left:14%;} .list_honor > .son_list > ul > li:nth-child(3n+1) {margin-left:0;} .list_honor > .son_list > ul > li > img {width:100%;height:216px;float:left;margin-bottom:10px;margin-top:20px;} .list_honor > .son_list > ul > li > span {width:100%;height:1.5em;overflow:hidden;float:left;text-align:center;line-height:1.5em;} /*news*/ .list_news {} .list_news > .son_list {width:100%;float:left;margin-top:20px;} .list_news > .son_list > ul {width:100%;float:left;} .list_news > .son_list > ul > li {width:32%;float:left;position:relative;margin-top:20px;} .list_news > .son_list > ul > li + li {margin-left:2%;} .list_news > .son_list > ul > li > img {width:100%;height:300px;float:left;margin-bottom:10px;margin-top:20px;border-radius:6px;} .list_news > .son_list > ul > li:nth-child(3n+1) {margin-left:0;} .list_news > .son_list > ul > li > a {width:90%;height:2em;overflow:hidden;float:left;padding:0 5%;color:#0995d9;line-height:2em;font-size:16px;} .list_news > .son_list > ul > li > p {width:90%;height:3em;float:left;padding:0 5%;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .list_news > .son_list > ul > li > p + a {width:auto;float:right;font-size:12px;padding:0 1em;border:solid 1px #0995d9;border-radius:4px;} .article_news {} .article_news > .son_body {width:100%;float:left;margin-top:40px;} .article_news > .son_body > span {width:100%;float:left;font-size:24px;line-height:2em;text-align:center;} .article_news > .son_body > span + span {font-size:16px;margin-top:10px;} .article_news > .son_body > .son_body_html {width:100%;float:left;margin-top:60px;} .article_news > .son_body > .son_body_html img {padding:20px 0;} .article_news > .son_body > .son_body_html p {line-height:1.8em!important;} /*images*/ .list_images {} .list_images > .son_list {width:100%;float:left;margin-top:20px;} .list_images > .son_list > ul {width:100%;float:left;} .list_images > .son_list > ul > li {width:32%;float:left;position:relative;margin-top:20px;} .list_images > .son_list > ul > li + li {margin-left:2%;} .list_images > .son_list > ul > li > img {width:100%;height:300px;float:left;margin-bottom:10px;margin-top:20px;border-radius:6px;} .list_images > .son_list > ul > li:nth-child(3n+1) {margin-left:0;} .list_images > .son_list > ul > li > span {width:90%;height:2em;overflow:hidden;float:left;padding:0 5%;color:#0995d9;line-height:2em;font-size:16px;text-align:center;} /*product*/ .list_product {} .list_product > dl {width:100%;float:left;} .list_product > dl > dt {width:100%;float:left;text-align:center;font-size:28px;line-height:2em;color:#414242;padding:2em 0;} .list_product > dl > dd {width:32%;float:left;} .list_product > dl > dd + dd {margin-left:2%;} .list_product > dl > dd:nth-child(3n+2) {margin-left:0;} .list_product > dl > dd > img {width:calc(100% - 2px);height:240px;float:left;border:solid 1px #cecece;border-radius:4px;} .list_product > dl > dd > a {width:100%;float:left;padding:10px 0;color:#0995d9;line-height:2em;font-size:16px;text-align:center;} /*store*/ .list_store {} .list_store > .son_list {width:100%;float:left;margin-top:50px;} .list_store > .son_list > span {width:100%;float:left;font-size:24px;color:#8e8d8e;line-height:2em;} .list_store > .son_list > .son_search {width:60%;float:left;margin-left:20%;margin-top:20px;border:solid 1px #d3d3d3;border-radius:12px;padding:8px 0;position:relative;overflow:hidden;} .list_store > .son_list > .son_search > em {width:47px;height:47px;float:left;background:url('../images_pc/son_search.png');margin-left:20px;} .list_store > .son_list > .son_search > input {width:500px;height:47px;float:left;margin-left:30px;border:none;font-size:18px;line-height:47px;} .list_store > .son_list > .son_search > span {width:120px;height:100%;position:absolute;top:0;right:0;font-size:24px;color:#fff;line-height:60px;text-align:center;background:#2f2f2f;cursor: pointer;} .list_store > .son_list > .hot_city {width:60%;float:left;margin-left:20%;margin-top:20px;font-size:16px;line-height:2em;} .list_store > .son_list > .hot_city > span {cursor:pointer;border-bottom:solid 1px #000;} .list_store > .son_list > ul {width:100%;float:left;margin-top:30px;} .list_store > .son_list > ul > li {width:100%;float:left;padding:10px 0;} .list_store > .son_list > ul > li + li {border-top:dashed 1px #bbb;} .list_store > .son_list > ul > li > span {width:100%;float:left;line-height:1.6em;} .list_store > .son_list > ul.son_book > li {width:46%;border-bottom:dashed 1px #bbb;} .list_store > .son_list > ul.son_book > li + li {margin-left:8%;border-top:none;} .list_store > .son_list > ul.son_book > li:nth-child(2n + 1) {margin-left:0;} .list_store > .son_list > ul.son_book > li > a {width:100%;float:left;} .list_store > .son_list > ul.son_book > li > a > span {float:left;color:#000;} .list_store > .son_list > ul.son_book > li > a > span + span {float:right;color:#0095d9;} .list_store > .son_bottom {width:100%;float:left;margin-top:30px;border-top:solid 1px #bbb;} .list_store > .son_bottom > span {width:100%;float:left;font-size:24px;color:#8e8d8e;line-height:2em;} .list_store > .son_bottom > .son_top {width:100%;float:left;margin-top:20px;} .list_store > .son_bottom > .son_top > span {width:100%;float:left;line-height:1.5em;} .list_store > .son_bottom > .son_middle {width:calc(100% - 2px);float:left;border:solid 1px #bbb;border-radius:8px;margin-top:30px;padding:6px 0;} .list_store > .son_bottom > .son_middle > img {float:left;margin-left:20px;} .list_store > .son_bottom > .son_middle > span {float:left;color:#aaa;line-height:22px;margin-left:158px;} .list_store > .son_bottom > .son_middle > em {width:10px;height:40px;float:left;background:#bbb;margin-left:100px;margin-right:80px;} .list_store > .son_bottom > .son_middle > em + span {color:#008cd6;font-size:16px;font-weight:600;} .list_store > .son_bottom > .son_bottom {width:calc(100% - 2px);float:left;margin-top:20px;border:solid 1px #bbb;border-radius:8px;} .list_store > .son_bottom > .son_bottom > img {float:left;margin-top:80px;margin-left:40px;} .list_store > .son_bottom > .son_bottom > p {float:left;margin-top:80px;margin-left:10px;border-right:solid 10px #bbb;} .list_store > .son_bottom > .son_bottom > p > span {width:100%;float:left;color:#bbb;margin-bottom:40px;margin-top:20px;} .list_store > .son_bottom > .son_bottom > p > span + span {margin-bottom:0;color:#000;} .list_store > .son_bottom > .son_bottom > p + img {width:230px;margin-top:30px;margin-left:200px;margin-bottom:28px;} .list_store > .son_bottom > .son_bottom > span {width:240px;float:left;margin-left:10px;margin-top:22px;} .list_store > .son_bottom > .son_bottom > span > img {width:100%;float:left;} .list_store > .son_bottom > .son_bottom > span > i {width:100%;float:left;color:#ccc;font-style:normal;text-align:center;} /*help*/ .list_store .son_question {border:none;} .list_store .son_question > ul {width:100%;float:left;margin-top:20px;} .list_store .son_question > ul > li{width:50%;float:left;padding:10px 0;border-bottom:dashed 1px #aaa;font-size:16px;line-height:1.5em;} .list_store .son_question > ul > li > a {float:left;color:#000;} .list_store .son_question > ul > li > a em {width:0;height:0;float:left;border-width:5px;border-style:solid;border-color:#fff #fff #fff #000;margin-top:6px;padding-right:10px;} /*footer*/ .f_to_top {display:none;width: 40px;height: 40px;border-radius:50%;cursor: pointer;background:url('../images_pc/f_jlt.png') no-repeat 0 0 #686170;position:fixed;bottom:50px;right:50px;z-index:99999;} .f_to_top:hover {background-position-y:-40px;background-color:#cdcecf;} /*list_video*/ .list_video > .son_body > .son_body > video {width:100%;float:left;} .list_video .son_bottom > ul > li > video {width:100%;float:left;} /*鍦ㄧ嚎鍟嗗煄*/ .shop_list {width:100%;float:left;background:#fff;padding:40px 0;} .shop_list > div > ul {width:100%;float:left;} .shop_list > div > ul > li {width:240px;float:left;margin-top:80px;} .shop_list > div > ul > li + li {margin-left:80px;} .shop_list > div > ul > li:nth-child(4n + 1) {margin-left:0;} .shop_list > div > ul > li > a {width:100%;float:left;} .shop_list > div > ul > li > a > img {width:100%;height:100px;float:left;border-radius:6px;} .p_c_nav.son_help_nav {border-top:solid 2px #ddd;} .p_c_nav.son_help_nav > ul > li {width:100px;} .p_c_nav.son_help_nav > ul > li > a {font-size:12px;line-height:1em;} .p_c_nav.son_help_nav > ul > li + li {margin-left:22px;} .son_page_list {width:100%;float:left;padding:20px 0;text-align:center;margin-top:60px;} .son_page_list > ul {width:100%;float:left;} .son_page_list > ul > li {width:48px;display:inline-block;margin:0 6px;} .son_page_list > ul > li > a,.son_page_list > ul > li > select {width:calc(100% - 2px);display:block;border-radius:2px;border:solid 1px #e5e5e5;font-size:12px;line-height:1em;color:#333;padding:6px 0;cursor:pointer;} .son_page_list > ul > li.thisclass {border-radius:2px;border:solid 1px #e5e5e5;font-size:12px;line-height:1em;color:#333;padding:6px 0;background:#e5e5e5;} .slide_right {width:140px;position:fixed;top:50%;left:-10px;background:#fff;z-index:99;transform:translateY(-50%) scale(0.8);box-shadow:0 0 4px #000;} .slide_right > p {width:100%;float:left;background:#26a3e4;} .slide_right > p > span {float:left;font-size:14px;line-height:40px;color:#fff;text-indent:1em;} .slide_right > p > em {width:40px;height:40px;float:right;cursor:pointer;background:url('../images_pc/icon_close.png')no-repeat center;background-size:14px;} .slide_right > .son_01 {width:100%;height:30px;float:left;margin-top:20px;background:url('../images_pc/qq.gif')no-repeat center;background-size:90px;} .slide_right > ul {width:100%;float:left;border-top:solid 1px #ccc;margin-top:20px;} .slide_right > ul > li {width:100%;float:left;} .slide_right > ul > li > span {width:100%;float:left;font-size:14px;line-height:3em;color:#000;font-weight:600;text-align:center;} .slide_right > ul > li > img {width:90%;float:left;margin-left:5%;} .slide_right > span {width:100%;float:left;margin-top:20px;border-top:solid 1px #ccc;font-size:14px;line-height:1em;color:#000;font-weight:600;text-align:center;padding-top:12px;} .slide_right > em {width:100%;float:left;text-align:center;padding:14px 0;font-size:14px;line-height:1.5em;color:#777;text-align:center;font-style:normal;} .slide_right > .son_02 {width:70%;float:left;font-size:12px;line-height:2.5em;color:#fff;background:#26a3e4;border-radius:4px;text-align:center;margin:0 0 20px 15%;} .slide_right > .son_02:hover {color:#fff!important;} .list_job {width:100%;float:left;} .list_job > p {width:100%;height:420px;float:left;background:url('../images_pc/banner_job.jpg')no-repeat center;} .list_job > .son_list > ul {width:100%;float:left;margin-top:20px;} .list_job > .son_list > ul > li {width:100%;float:left;padding:20px 0;border-top:dashed 1px #ccc;} .list_job > .son_list > ul > li > span {width:100%;float:left;font-size:28px;line-height:1em;color:#000;font-weight:600;text-align:center;} .list_job > .son_list > ul > li > .son_item {width:100%;float:left;margin-top:20px;} .list_job > .son_list > ul > li > .son_item > span {width:100px;float:left;font-size:16px;line-height:1.5em;color:#333;font-weight:600;text-align:right;} .list_job > .son_list > ul > li > .son_item > .son_content {width:calc(100% - 100px);float:left;font-size:16px;line-height:1.5em;position:relative;color:#333;} .list_job > .son_list > p {width:100%;float:left;margin-top:10px;padding:10px 0;} .list_job > .son_list > p > em {width:100%;float:left;font-size:18px;line-height:1.5em;color:#333;font-weight:600;} .list_job > .son_list > p > span {width:100%;float:left;font-size:16px;line-height:1.5em;color:#333;} .list_job > .son_list > p i,.list_job > .son_list > p em {font-style:normal;} .list_job > .son_list > p > span > i {width:1em;float:left;text-align:right;} .list_job > .son_list > p > span > em {width:calc(100% - 1em);float:left;} .indexShowDialog { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; } .indexShowDialog > .sonContent { width: 420px; position: absolute; top: 50%; left: 50%; padding: 40px; transform: translate(-50%, -50%); background: #fff; border-radius: 10px; } .indexShowDialog > .sonContent > .sonTitle { width: 100%; float: left; font-size: 16px; line-height: 2em; color: #333; text-align: center; } .indexShowDialog > .sonContent > .sonForm { width: 100%; float: left; } .indexShowDialog > .sonContent > .sonForm > .sonItem { width: 100%; float: left; margin-top: 20px; } .indexShowDialog > .sonContent > .sonForm > .sonItem > .sonLabel { width: 100%; float: left; font-size: 16px; line-height: 2em; } .indexShowDialog > .sonContent > .sonForm > .sonItem > .sonLabel i { color: red; font-style: normal; line-height: 2em; padding-left: 4px; } .indexShowDialog > .sonContent > .sonForm > .sonItem > .sonValue { box-sizing: border-box; width: 100%; float: left; font-size: 14px; line-height: 16px; padding: 8px ; border-radius: 4px; border: solid 1px #eee; } .indexShowDialog > .sonContent > .sonForm > .sonItem > .sonValue > input { width: 100%; height: 16px; float: left; border: none; padding: 0; } .indexShowDialog > .sonContent > .sonForm > .sonButton { width: 100%; float: left; margin-top: 30px; display: flex; justify-content: center; } .indexShowDialog > .sonContent > .sonForm > .sonButton > .sonItem { width: 100px; float: left; font-size: 14px; line-height:2.5em; text-align: center; border-radius: 2px; cursor: pointer; background: #eee; } .indexShowDialog > .sonContent > .sonForm > .sonButton > .sonItem + .sonItem { margin-left: 60px; color: #fff; background: #008cd6; } /*鍙嬫儏閾炬帴*/ .f_friednUrl {margin-top: 40px;} .f_friednUrl > .sonTitle {width: 100%;float: left;text-indent: 24px;} .f_friednUrl li {float: left; margin-top: 6px; margin-left: 24px; font-size: 14px; line-height: 1.5em;} .f_friednUrl a { color: #767575;} .f_map {position: relative;} .f_map > img {width: 120px; position: absolute; left: 50%; bottom: 40px; margin-left: 480px;} .list_store .sonList {width: 100%; float: left; margin-top: 20px; display: flex; justify-content: center;} .list_store .sonList > li {width: 60px!important; float: left; line-height: 32px; text-align: center; padding: 0!important; border-top: 0!important;} .list_store .sonList > li > a {width: 100%; text-align: center; color: blue;} .list_store .sonList > li:last-child {width: 76px!important; display: flex; align-items: center;}