.container{padding-right: 0;padding-left: 0;} .banner{text-align: center;} .banner img{/*max-width:100%;*/ width:100%;} .footer_in{margin-top:3%;} .site{padding:20px 0;color: #808080;} .site a,.site span{color: #808080;} .tit{color:#000;margin:1% 0 2%;} .tit a{color:#000} .page {vertical-align:middle;text-align:center; margin:2% 0px; font-size: 12px; color:#666666; height:34px; line-height:34px;} .page .cen{display: inline-block;} .page a{float: left; display:inline-block;vertical-align:middle;text-align:center; width:32px; height: 32px; line-height: 32px; font-family:Arial;color:#666666;} .page a.num{ border:1px solid #D8D8D8;border-left: none;} .page a.prev + a{border-left:1px solid #D8D8D8;} .page a.prev + a.on{border-left:1px solid #0167CA;} .page a.on{ background:#0167CA;border:1px solid #0167CA;border-left:none;color:#fff;} .page a.prev{border:1px solid #D8D8D8;margin-right:6px;background: url(../images/page_prev.png) center center no-repeat; } .page a.next{border:1px solid #D8D8D8;margin-left:6px;margin-right:6px;background: url(../images/page_next.png) center center no-repeat; } .page a.prev.dis,.page a.next.dis{opacity: 0.5;cursor: default;} .page i.dian{margin:0 20px;float: left; display:inline-block;} .page label{float: left; display:inline-block; font-weight: normal;} .page .txtnum{width:44px; display: inline-block; background:#fff;height:24px; line-height:24px; border:1px solid #CECECE; margin:0 5px;} .page .txtnum input{width:40px; padding-left: 4px; height:24px; line-height:24px; color:#A5A5A5;font-family:Arial; background:none; border:none;} .page a.go{background:#0167CA;color:#fff; border:none; width:46px; height: 24px; line-height: 24px; margin:4px 0 0 5px;} .product_list{margin:0 -2px 20px;overflow: hidden;} .product_list ul{} .product_list li{float: left; width:33.3333%;} .product_list li .inner{margin:2px;} .product_list li .img{width:100%; border: 1px solid #E9E9E9;} .product_list li span{color:#000; display: block; margin:10px 0; width:100%; text-align: center;} .product_list li span a{ color: #000; } .product_adv{margin:1% 0 0;} .product_adv li{ float: left;width:48.7%;} .product_adv li + li{float: right;} .tisane{margin:1% 0 3%;} .tisane_list{margin:0 -0.5%;} .tisane_list li{ float: left; width:32.33%; margin:0 0.5% 2%;} .tisane_list li .img{border:1px solid #E9E9E9;} .tisane_list li .con{margin:3% 5%;} .tisane_list li h2 a{color:#000;} .tisane_list li h3{margin:4% 0 0; color:#777777;} .tis_block_box img,.hel_block_box img{max-width: 100%;} .tis_block01,.tis_block03,.tis_block04,.tis_block05,.tis_block06{padding:5.2% 0;} .tis_block01 .ll{ float: left; width:38.11%; } .tis_block01 .ll .img{margin-top:20px;} .tis_block01 .rr{ float: right; width:54.91%; } .tis_block01 .rr h2{color:#2672A5; margin-bottom:40px;} .tis_block01 .rr .c{color:#727171;} .imgbox{max-width: 96%;margin:5% 0 0;} .imgbox li{ float: left; width: 48.5%; margin-right: 1.5%;} .tis_block02{ background:#EDF0F3;} .tis_block02 .rr{margin-top:7.5%;} .tis_block02 .ll .img{margin-top:5px;} .tis_block03{ text-align: center;} .tis_block03 h2{ color: #2672A5;} .tis_block03 h3{color:#727171;margin:1.5% 0 3%;} .tis_block04{ background: #EDF0F3;} .tis_block04 .container{ position: relative;} .tis_block04 .ll{ float: left;width:50%; position: relative;} .tis_block04 .ll .txt{ float: left;width:50%;margin-top:125px;} .tis_block04 .ll h2{ position: absolute;left:0;top:0;padding:0 20px 0 54px;height:42px; line-height: 40px;color:#fff; border-radius: 15px; background: #9B0505;} .tis_block04 .ll h2 span{ width: 53px; height: 36px; position:absolute; left:0; top:-25px; background:url(../images/dot29.png) no-repeat;} .tis_block04 .ll .txt dt{ font-weight: normal; color: #2672A5; line-height: 1.2; margin-bottom:30px;} .tis_block04 .ll .txt dt span{ display: block; font-weight: bold; color:#C43C6F;} .tis_block04 .ll .txt dd{ float: left;width:56px; height: 56px; text-align: center; margin-bottom:40px; margin-right: 35px;} .tis_block04 .ll .txt dd em{ display: block;margin:0 auto; width:50px; height: 50px; border: 1px solid #AEAEAE; border-radius:10px;} .tis_block04 .ll .txt dd span{color:#2672A5;display: block;margin:6px 0 0; line-height: 1.1;} .tis_block04 .ll .img{ float: left; width:50%; max-width: 270px;} .tis_block04 .line{ width:1px; height:94%; position: absolute;left:50%; top:20px; background: url(../images/dot30.jpg) repeat-y; } .tis_block04 .rr .img{margin:0 0 0 8%;} .tis_block04 .rr .txt{width:42%;} .tis_block05{ text-align: center; } .tis_block05 h2{color:#2672A5; margin-bottom: 6%;} .tis_block06{background: #EDF0F3; text-align: center;} .tis_block06 h2{color:#2672A5; line-height: 1.4;} .tis_block06 h3{color:#727171;margin:1.5% 0 3%;} .tis_block06 ul{margin:0 -25px;} .tis_block06 ul li{ float: left;width:25%;} .tis_block06 ul li .inner{margin:0 25px;} .tis_block06 ul li .inner .img{height: 370px; background: #7799AF;padding:20px; border-top-left-radius: 10px; border-top-right-radius: 10px;} .tis_block06 ul li .inner .txt{ position: relative; background: #fff;padding:60px 20px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} .tis_block06 ul li .inner .img span{ display: block; margin-bottom: 25px;} .tis_block06 ul li .inner .img span + span{ margin-bottom: 0; } .tis_block06 ul li .inner .img.an{ position: relative;} .tis_block06 ul li .inner .img.an span{margin-bottom: 0;position:absolute;left:20px;right:20px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);top:50%;} .tis_block06 ul li .inner .txt em{ position: absolute;left:50%; margin-left: -22px; top:-22px; width:44px; height: 44px; line-height: 44px; font-family: arial; background: #2672A5; color:#fff; border-radius: 50%;} .tis_block06 ul li .inner .txt h2 span{font-weight: bold; display: block; } .tis_block07{padding:3% 0 1.6%;} .tis_block07 .container > img{margin-bottom: 7.5%;} .tis_block07 h2,.tis_block07 h3,.tis_block07 h4{ text-align: center; color:#2672A5; } .tis_block07 h4{ margin-bottom: 20px;} .tis_block07 h3{color: #727171;margin:1.5% 0 3%;} .tis_block07 ul{margin:0 -10px;} .tis_block07 ul li{ float: left;width:50%;} .tis_block07 ul li .inner{margin:10px; position: relative;} .tis_block07 ul li .inner span{position: absolute;left:0;bottom:0; right:0; width:100%; height: 46px; line-height: 46px; color:#fff; text-align: center; background: rgba(1,103,202,0.8);} .hel_block01,.hel_block02,.hel_block03,.hel_block04,.hel_block05,.hel_block06,.hel_block07,.hel_block08{padding:5.2% 0;} .hel_block01{background: #E8FBF3;color:#727171;} .hel_block02{color:#727171;} .hel_block02 h2{ text-align: center; color: #00AB63; margin-bottom: 3%;} .hel_block02 .c{margin-bottom: 5%;} .hel_block02 .box{ float: left; width:48.5%;} .hel_block02 .box:nth-child(2n){float: right;} .hel_block02 .box .img{margin-bottom:6%;} .hel_block02 .box .txt h3{color:#00AB63;} .hel_block02 .box .txt h3 em{display:inline-block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 5px solid #00AB63;} .hel_block02 .box .txt span{display: block;margin-bottom:5%;} .hel_block02 .box .txt ul li{ float: left;width:100%;} .hel_block02 .box .txt ul li .w_1{float: left;width:75px;padding-left:15px;background: url(../images/dot44.png) left center no-repeat;} .hel_block02 .box .txt ul li .w_2{float: left;width:calc(100% - 75px);} .hel_block02 .box:nth-child(2n) .txt ul li .w_1{width:115px;} .hel_block02 .box:nth-child(2n) .txt ul li .w_2{width:calc(100% - 115px);} .hel_block03{background: #F7F7F7} .hel_block03 h2{ text-align: center;color:#00AB63; margin-bottom: 3%;} .hel_block03 h4{color: #727171; text-align: center;margin:3% 0 0;} .hel_sw1{position: relative;} .hel_sw1 .swiper-container,.hel_sw1 .swiper-container1{width:calc(100% - 80px); margin:0 auto; overflow: hidden;} .hel_sw1 .swiper-slide{border: 1px solid #E8E8E8; box-shadow: 2px 0px 2px #E8E8E8;} .hel_sw1 img{ display: block; } .hel_sw1 h3{padding:5%;color:#000;} .hel_sw1 .swiper-button-prev{left:0; width: 27px; height: 34px; margin-top:-17px; background: url(../images/dot31.jpg) no-repeat;} .hel_sw1 .swiper-button-next{right:0;width: 27px; height: 34px; margin-top:-17px; background: url(../images/dot32.jpg) no-repeat;} .hel_sw1 .swiper-button-prev.swiper-button-disabled{background: url(../images/ind_p1_l_act.jpg) no-repeat;opacity:1;} .hel_sw1 .swiper-button-next.swiper-button-disabled{background: url(../images/ind_p1_r_act.jpg) no-repeat;opacity:1;} .hel_block04 h2{ text-align: center;color:#fff; margin-bottom: 3%;} .hel_block04 li{/*transition:0.3s all;*/margin-bottom: 5px; cursor: pointer; border: 1px solid #43D097;} .hel_block04 li .item_t{ color:#fff; height:56px; line-height: 26px;padding:15px 2.5%; background: rgba(58,229,149,0.46); position: relative;} .hel_block04 li .item_t span{ position: absolute;right:2%;top:22px; display: block;width:20px; height: 12px; background: url(../images/dot45.png) no-repeat;} .hel_block04 li .item_c{ background: #C5EFD8; color: #727171; padding:2% 2.5%; display: none;} .hel_block04 li.on .item_t{color:#008049;background:url(../images/dot47.png) left bottom repeat-x #fff;} .hel_block04 li.on .item_c{ display: block;} .hel_block04 li.on .item_t span{ background: url(../images/dot46.png) no-repeat;} .hel_block05 h2{color:#00AB63; text-align: center;margin-bottom:5%;} .hel_block05 dt{ position: relative; height: 56px; line-height: 56px; font-weight: normal; display: inline-block; padding:0px 80px 0 30px; color:#fff; background: #00AB63;} .hel_block05 dt span{ display: block; position: absolute;right:-40px;top:0; width: 0;height: 0;border-top: 28px solid transparent;border-bottom: 28px solid transparent;border-left:40px solid #00AB63;} .hel_block05 dd{margin-top: 3.5%;} .hel_block05 dd h3{color:#00AB63; margin-bottom:1.5%;} .hel_block05 dd h3 em{font-family: arial;} .hel_block05 dd p{color: #727171;} .hel_block06 .hel_sw1 h3 span{ display: block; } .hel_block07 h2{margin-bottom: 2%;} .hel_block07 dl{margin-bottom:3.5%;} .hel_block07 dl dd{margin-top: 1.5%;} .hel_block08{background: #F7F7F7;} .hel_block08 h2{color:#00AB63; text-align: center; margin-bottom: 3%;} .hel_block08 .c{color:#727171;} .hel_block08 h3{color:#727171; font-weight: bold; text-align: center; margin:3% 0 1.5%;} .hel_block08 h4{color:#727171;text-align: center; margin-bottom: 5%;} .hel_block08 h4 em{ width:25%; height:7px; display: inline-block; background: url(../images/dot43.jpg) left top repeat-x; } .hel_block08 h4 span{display: inline-block;margin:0 2%;} .hel_block08 h4 span + em{} .hel_b8_list1 li{ float: left;width:33.33%; text-align: center; margin:0 0 4%;} .hel_b8_list1 li span{width: 150px; height: 150px; display: block; margin:0 auto 15px;} .hel_b8_list1 li h5{color:#5AB434; height: 3em; line-height: 1.5; overflow: hidden;} .hel_b8_list2 li h5{ height: 1.5em; } .hel_b8_list2{width:90%; margin:0 auto;} .hel_b8_list2 li{width:25%;} .hel_b8_list2 li span{width: 150px; height: 120px;} .hel_b8_list3,.hel_b8_list4{max-width: 90%;margin:0 auto;} .hel_b8_list3{margin-bottom:3%;} .hel_b8_list3 li{float: left;width:49%;} .hel_b8_list3 li:nth-child(2n){ float: right;} .hel_b8_list4{max-width: 91%;} .hel_b8_list4 li{float: left;width:32.33%; margin:0.5%;} .footer_pro .footer{margin-top:0;} .news_box > p{ padding:20px 0; line-height: 1.7em;} @media only screen and (max-width: 1279px) { .tis_block06 ul li .inner .img{height:300px;} .tis_block06 ul li .inner .txt{padding:40px 20px;} .tis_block04 .ll .txt dd{margin-right:20px;} } @media only screen and (max-width: 1023px) { .tis_block06 ul li .inner .img{height:220px;} .tis_block04 .ll .txt{margin-top:65px;} .tis_block04 .ll .txt dd{margin-right:5px;} } @media only screen and (max-width: 767px) { .tis_block01 .ll,.tis_block01 .rr{width:100%;} .tis_block01 .rr h2{margin-bottom: 20px;} .tis_block01 .rr .c{font-size: 12px;} .tis_block01 .ll .img{max-width: 320px; margin:0 auto;} .tis_block03,.tis_block04 .line,.tis_block05,.tis_block07{display: none;} .tis_block07 h3{ line-height: 1.7em;} .tis_block07{ display: block;} .tis_block07 .address-select ul{ overflow: hidden;} .tis_block07 .address-select li{ width:20%;} .tis_block07 ul li .inner span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:100%; padding:0 10px; box-sizing: border-box;} .tis_block04{background: #fff;} .tis_block04 .ll{width:100%;} .tis_block06 ul{margin: 0;} .tis_block06 ul li{width: 50%;} .tis_block06 ul li .inner{margin:5px 2px;} .tis_block06 ul li .inner .img{height: 260px; padding:10px;} .tis_block06 ul li .inner .img span{margin-bottom: 10px;} .tis_block06 ul li .inner .txt{padding: 30px 10px 20px;} .tis_block06 ul li .inner .img.an span{left:10px; right:10px;} .tis_block06 ul li .inner .txt em{width:30px; height: 30px; line-height: 30px; margin-left: -15px; top:-15px;} } @media only screen and (max-width:375px) { .tis_block06 ul li .inner .img{ height: 230px;} } @media only screen and (max-width:360px) { .tis_block06 ul li .inner .img{ height: 220px;} } @media only screen and (max-width:340px) { .tis_block06 ul li .inner .img{ height: 210px;} } @media only screen and (max-width:320px) { .tis_block06 ul li .inner .img{ height: 200px;} } .pro_dets_top .ll_box{ float: left; width: 61.66%} .slider-for{margin-bottom:10px; border: 1px solid #E9E9E9;} .slider-for img{max-width: 100%;} .slider-nav .slick-list{margin:0 auto!important;width: calc(100% - 58px);} .slider-nav .slick-slide{margin:0 3px; cursor: pointer;} .slider-nav .slick-slide img{max-width: 100%;border:1px solid #E9E9E9;} .slider-nav .slick-current img{border:2px solid #0167CA;} .slick-prev, .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 27px;height: 34px;margin-top: -17px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;} .slick-prev{left:0; background: url(../images/ind_p1_l.jpg) no-repeat;} .slick-next{right:0;background: url(../images/ind_p1_r.jpg) no-repeat;} .slick-prev.slick-disabled{background: url(../images/ind_p1_l_act.jpg) no-repeat;} .slick-next.slick-disabled{background: url(../images/ind_p1_r_act.jpg) no-repeat;} .pro_dets_top .rr_box{ float: right;width: 34%} .rr_box{color:#000;} .rr_box h2{margin:3% 0 0;} .rr_box .c{ line-height: 2; margin:10% 0 0;} .rr_box .c span{ display: block; margin-bottom: 2%;} .rr_box .online_ask{ display: block; margin:8% 0; padding: 7px 0; background: #0167CA; color:#fff; text-align: center; max-width: 80%;} .rr_box h3,.rr_box h3 a{color:#FF6363;} .rr_box h3 em{ vertical-align: middle; display: inline-block; margin-right: 10px;} .pro_dets_bot{margin:3% 0 0;} .tab-tit{margin:0 0 1%;} .tab-tit li{ float: left;padding:0 15px; margin-right:20px; color:#000000; cursor: pointer;} .tab-tit li.on{color:#fff; background: #0167CA;} .tab-con{border: 1px solid #E9E9E9;} .t-box01{padding:10px 0;} .t-box01 li{line-height:20px;padding:10px 20px 10px 45px;color:#000;background: url(../images/dot02.png) 30px 15px no-repeat;} .t-box01 li:nth-child(2n){ background:url(../images/dot02.png) 30px 15px no-repeat #FBFBFB; } .t-video{width:80%; margin:20px auto;} .t-video video{width:100%; height: 100%;} .t-box02{margin:20px;} .news_tit{ text-align: center;margin:1.5% 0 3%;} .news_tit ul{display: inline-block; } .news_tit li{ float: left; width: 200px; height: 38px; line-height: 38px; margin:0 2px; border: 1px solid #E2E2E2;} .news_tit li a{color:#000; display: block;} .news_tit li.on{background: #0167CA; color:#fff;border: 1px solid #0167CA;} .news_tit li.on a{color:#fff;} .abo_tit li{width:166px;} .newtop{margin-bottom: 3%;} .newtop dt{ float: left; width:54.16%;} .newtop dd{ float: right; width:43%; } .newtop dd h2,.newlist li h2,.newlist1 li h2{ line-height: 1.3;-webkit-line-clamp:2; height: 2.6em; } .newtop dd h2 a,.newlist li h2 a,.newlist1 li h2 a{color: #000;} .newtop dd span,.newlist li span,.newlist1 li span{display: block; margin: 2% 0 5%; color:#0167CA; font-family: arial;} .newtop dd span em,.newlist li span em{ margin-left: 20px;} .newtop dd .c{line-height: 2;-webkit-line-clamp:5; max-height: 10em; color: #777777;} .newlist{margin:0 -5px; padding-bottom: 20px;} .newlist li{float: left;width:33.3333%;} .newlist li .inner{margin:5px; background: #FBFBFB;} .newlist li:nth-child(odd) .inner{background: #F1F1F1;} .newlist li .c{padding:8%;line-height: 2;color: #777777;} .newlist li span{margin-bottom: 0;} .newlist1{padding-bottom: 20px;} .newlist1 li{float: left;width:47%;} .newlist1 li:nth-child(2n){ float: right;} .newlist1 li .inner{padding:6%;border-bottom: 1px solid #EBEBEB;} .newlist1 li .c{line-height: 2;color: #777777;-webkit-line-clamp:2; max-height: 4em; } .details h2{color:#000;padding:0 0 3%; text-align: center;} .details .bon {text-align: center;margin:0 0 3%;color:#888888;padding:0 0 3%;border-bottom:1px solid #CCCCCC;} .details .bon span { display: inline-block;zoom:1; *+display:inline;margin:0 8px;} .details .bon span + em{display: inline-block;zoom:1; *+display:inline;margin:0 10px;color:#C8C8C8} .news_article { font-size:14px; margin-bottom:30px;} .news_article img { max-width: 100%; height: auto; } .news_article .vid{ max-width:915px; width:100%; height:514px; position:relative; margin:20px auto;} .news_article .vid .videobox{ width:100%; height:100%;} a.closebtn{float:right;width:80px;height:26px;line-height:26px;text-align:center;background:#A4A4A4; color:#fff!important;font-size:12px;} .sharebox{margin-bottom:25px;} .sharebox dt{display:inline-block;zoom:1;*+display: inline;} .sharebox dd{display:inline-block;zoom:1;*+display: inline;margin:0 6px 0 0;} .prev_next{position: relative; margin-bottom: 20px;} .prev_next span{ display: block;margin-bottom: 5px;color:#616161;} .prev_next span a{color:#000000;} .prev_next .closebtn{position:absolute;right:0;top:12px;} .standard > p{ line-height: 1.7em; text-align: center; margin-bottom: 2em;} .service dl dt{color:#0167CA; text-align: center; margin:3% 0;} .service dl dd{ line-height: 2;} .service dl dd h2{margin:2% 0;} .service dl dd h3{margin:1% 0;} .adver_c{overflow: hidden;margin-bottom: 20px;} .adver_cl{float: right;width: 80%;position: relative;} .adver_cl em{display: block;overflow: hidden;} .adver_cl em img{width: 100%;} .adver_cl_co{position: absolute;width: 100%;height:46px; line-height: 46px; color:#fff; bottom: 0;left: 0; text-align: center; background:rgba(1,103,202,0.8);} .adver_cr{float: left;width: 19%;margin-right:1%;position: relative;height: 100%; background: #F1F1F1;} .adver_cr ul{ position: relative; } .adver_cr ul li{position: relative; cursor: pointer;} .adver_cr ul li em{display: block;} .adver_cr ul li em img{width: 100%;} .adver_cr ul li.on em img{border: 2px solid #0167CA;} .adv_li_co{position: absolute;width: 100%;height: 100%;top: 0;left: 0; display: none;} .adver_list{margin-top:5px; padding:0 16px;position: relative;/*height: 475px;*/ height: 490px; overflow: hidden;} .adv_prev{ display: block; width: 100%;height: 27px;background:url(../images/dot05.jpg) center no-repeat;z-index: 5;} .adv_next{display: block;width: 100%;height: 27px;background: url(../images/dot06.jpg) center no-repeat;z-index: 5;} .adv_prev.disabled{background:url(../images/dot05_dis.jpg) center no-repeat;cursor: default;} .adv_next.disabled{background:url(../images/dot06_dis.jpg) center no-repeat;cursor: default;} .case_list{margin: 20px -1.5px 0;} .case_list li{ float: left;width:20%; margin:10px 0; } .case_list li .inner{padding:10px 15px; height:66px; overflow: hidden; position: relative; margin:0 1.5px;border: 1px solid #CBDAE9;background: url(../images/dot03.jpg) repeat-x; } .case_list li h2{padding:0 15px; font-weight: bold; color:#0056A9; background: url(../images/dot04.png) left center no-repeat;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:15px; top:50%;} @media only screen and (max-width:1280px) { .adver_list{height:471px;} } @media only screen and (max-width:1024px) { .adver_list{height:392px;} } @media only screen and (max-width:768px) { .adver_list{height:277px;} .case_list li{width:33.33%;} } @media only screen and (max-width: 767px) { .adver_cl{float: none;width: 100%;} .adver_cr{float: none;width: 100%; background: none; margin:0;} .adver_cr ul{overflow: hidden;} .adver_cr ul li{float: left;width: 33.33%;} .adver_c{height: auto!important;} .adver_list{height: auto; padding: 0;} .adv_prev{position: absolute;width: 27px;height: 100%;top: 0;left:1px;background:url(../images/ind_p1_l.jpg) center no-repeat;z-index: 5;} .adv_next{position: absolute;width: 27px;height: 100%;bottom: 0;left: auto;right:1px;background:url(../images/ind_p1_r.jpg) center no-repeat;z-index: 5;} .adv_prev.disabled{background:url(../images/ind_p1_l_act.jpg) center no-repeat;} .adv_next.disabled{background:url(../images/ind_p1_r_act.jpg) center no-repeat;} .adver_cr ul li em{margin:0 1px;} .adver_cr ul li.on em{border: 1px solid #0167CA;} .adver_cr ul li.on em img{border:none;} .case_list li{width:50%; margin:5px 0;} } .network{ background: #F7F7F7; padding:5% 5% 10%; position: relative; } .nanhai{ position: absolute;right:25%; bottom:0; } .nanhai1{position: absolute;right:5%; bottom:10%;} .province_ul li.m01{left:590px; top:205px;} .province_ul li.m02{ left:630px; top:160px;} .province_ul li.m03{ left:630px; top:110px;} .province_ul li.m04{ left:508px; top:228px;} .province_ul li.m05{ left:525px; top:242px;} .province_ul li.m06{ left:500px; top:260px;} .province_ul li.m07{ left:455px; top:280px;} .province_ul li.m08{ left:450px; top:200px;} .province_ul li.m09{ left:585px; top:380px;} .province_ul li.m10{ left:568px; top:350px;} .province_ul li.m11{ left:570px; top:410px;} .province_ul li.m12{ left:534px; top:370px;} .province_ul li.m13{ left:550px; top:460px;} .province_ul li.m14{ left:510px; top:440px;} .province_ul li.m15{ left:535px; top:295px;} .province_ul li.m16{ left:475px; top:335px;} .province_ul li.m17{ left:460px; top:380px;} .province_ul li.m18{ left:450px; top:440px;} .province_ul li.m19{ left:480px; top:502px;} .province_ul li.m20{ left:410px; top:502px;} .province_ul li.m21{ left:410px; top:580px;} .province_ul li.m22{ left:395px; top:405px;} .province_ul li.m23{ left:320px; top:390px;} .province_ul li.m24{ left:380px; top:455px;} .province_ul li.m25{ left:290px; top:490px;} .province_ul li.m26{ left:120px; top:360px;} .province_ul li.m27{ left:410px; top:322px;} .province_ul li.m28{ left:318px; top:260px;} .province_ul li.m29{ left:230px; top:290px;} .province_ul li.m30{ left:368px; top:280px;} .province_ul li.m31{ left:120px; top:180px;} .province_ul li.m32{ left:590px; top:500px;} .province_ul li.m33{ left:500px; top:530px;} .province_ul li.m34{left:475px; top:540px;} .province_ul{width:760px; height:620px; position:absolute; margin:0 auto; left:0; top:0; z-index:1} .province_ul li{ color:#333; font-size:12px; width:100px; height:20px; position:absolute; } .province_ul li span{ background:url(../images/dot02.png) left center no-repeat; padding-left:10px;} .province_ul li span.nodot{ background:none;} .province_ul li.m04 span{background:url(../images/dot02_bj.png) left center no-repeat;} .province_ul li.m04.current span{background:url(../images/dot02_bj_on.png) left center no-repeat;} .province_ul li.current{color:#000;} .province_ul li.current span{background:url(../images/dot02_on.png) left center no-repeat;} .province_ul li.m33.current span,.province_ul li.m34.current span{background:url(../images/dot02.png) left center no-repeat;} .province_ul li.m04.current,.province_ul li.m05.current,.province_ul li.m06.current,.province_ul li.m09.current,.province_ul li.m10.current,.province_ul li.m11.current,.province_ul li.m13.current,.province_ul li.m21.current,.province_ul li.m32.current{ color:#333; } .map_box{ position:relative; width:760px; height:620px; margin:0 auto;} #svgpaper{ width:760px; height:620px; position:absolute; left:-40px; top:0; z-index:0} #paper{width:760px; height:620px; position:absolute; margin:0 auto; left:-40px; top:0; z-index:2} .hidden{ display:none;} .cl11{ position:absolute;display:none;z-index:4; left:5%; top:40%; border: 1px solid #D8D8D8; box-shadow:3px 3px 3px #C6C6C6; border-radius: 3px; background:#fff; width:90%;} .cl11 .w { padding:20px 15px 50px; } .cl11 table{width:100%;color:#000; text-align: center; line-height: 30px; } .cl11 table th{ border-bottom:2px solid #0069CF; text-align: center; } .cl11 table td{color:#777777; padding:5px;} .cl11 table td a{color:#777777;} .cl_box{ width:312px; } .cl11 .close1 { position:absolute;right:15px; top:10px; width:25px; height: 25px; line-height: 25px; text-align:center; color:#fff; background:#0167CA; z-index:111; border-radius: 50%;} .address-select { display:none;} .abo_ll{float: left;width:43.33%;} .abo_ll dd{ position:relative;} .abo_ll dd span{position: absolute;right:3%;bottom:28%; width: 130px; height: 45px;} .abo_ll dd h3{ color: #fff; position: absolute;right:3%; bottom:19%;} .abo_rr{float: right;width:52.5%;} .abo_rr h3 span{ display: block;width:46px; height:29px; margin-bottom:20px; border-bottom: 1px solid #0167CA; } .abo_rr li{ float: left;width:33.33%;color:#777777; margin-bottom:30px; position: relative;} .abo_rr li i{ position: relative;top:5px; } .abo_rr li em{ position: absolute;right:30px;top:0; width: 1px; height: 100%; background: #B4A9A8;transform:rotate(15deg); -ms-transform:rotate(15deg); } .spe_ll{float: left;width:65.16%;} .spe_ll dl{color:#fff; padding:3% 5% 6%; margin-bottom: 5%; background: url(../upload/about_img03.jpg) no-repeat; /*background-size:cover;*/} .spe_ll dt {font-weight: normal; margin-bottom:4.5%;} .spe_ll dt span{margin-right: 20px;} .spe_ll dd h2{margin-bottom:2%;} .spe_rr{float: right;width:28.66%;} .spe_rr dt{border-bottom:4px solid #0167CA; overflow: hidden;} .spe_rr dd{margin-top: 20px; padding-right: 20px; text-align: right;} .honor_top{background: #F7F7F7;color: #000000; padding:3%;margin-bottom:5%;} .honor_top dt{margin-bottom:2%;} .honor_top dd{line-height: 2.4; } .dahis{overflow: hidden;} .dahis .left{float: left; width:175px; margin-top: 15px; text-align: center; color: #777777; position:relative;} .dahis .left .prev{overflow: hidden;} .dahis .left .prev i{float: left; width:40px; height:22px; margin-bottom: 15px; background: url(../images/dot11.png) no-repeat center center; cursor: pointer; } .dahis .left .prev i.disabled{cursor:default;background: url(../images/dot11_dis.png) no-repeat center center;} .dahis .left .next{overflow: hidden;} .dahis .left .next i{float: left; width:40px; height:22px;margin-top: 15px; background: url(../images/dot12.png) no-repeat center center; cursor: pointer;} .dahis .left .next i.disabled{ cursor:default; background: url(../images/dot12_dis.png) no-repeat center center;} .dahis .left .prevBox{ margin-left: 18px;position: relative; overflow: hidden; height: 504px; background: url(../images/dot13.png) repeat-y left -53px;} .dahis .left .prevBox ul{padding-left:33px; position:relative; height:8000%;} .dahis .left .prevBox ul li{width: 120px;height: 72px;cursor: pointer; font-family: arial;position: relative;} .dahis .left .prevBox ul li span{width:100%; display: block; font-size:24px; height:40px; line-height:40px; margin-bottom: 32px; transition:0.3s all;} .dahis .left .prevBox ul li.on span{font-size:36px; font-weight: bold; color:#fff;background:#02D279;border-radius:10px;border-top-left-radius:0;} .dahis .right{float: right;width: calc(100% - 260px); padding-bottom: 10%;} .his_list{position: relative; } .his_line{width:1px; min-height: 400px; padding-bottom: 5%; left: 50%; margin-left:-2px; top:0; bottom: 0; position: absolute; height: 100%; border-left: 1px dotted #0167CA;} .his_line i{ display: block; width:10px; height: 10px; background: #0167CA; border-radius: 50%; margin: 0 0 0 -5px;} .list_box{padding-top:35px; max-width: 890px; margin: 0 auto;} .list_box li{ float: left;width:50%;position: relative;} .list_box li:nth-child(even){float: right; margin-top:60px;} .list_box li em { position:absolute; background:#fff; border:3px solid #0167CA; border-radius: 50%; width:20px; height:20px; top:0;right:-8px;} .list_box li:nth-child(even) em { right:auto; left:-12px;} .list_box li span{ text-align: right; display: block; color: #0167CA; margin-bottom:8%;} .list_box li:nth-child(even) span{ text-align: left; } .list_box li .bx{max-width:400px; width:90%; float: left; margin-bottom:80px;} .list_box li:nth-child(even) .bx{ float: right;} .list_box li p{margin:5% 0 0; color: #777;} .sub_tit{ text-align: center; margin:0 0 30px;} .sub_tit span{ display: inline-block; padding: 0 15px; margin:0 15px;} .sub_tit span a{color:#000;} .sub_tit span.on{ background: #0167CA; color:#fff;} .sub_tit span.on a{color:#fff;} .standard li{ float: left;width: 100%;background: #F7F7F7; color: #777777; margin-bottom:3.5%;} .standard li .img{float: left;width:50%;} .standard li .txt{float: left;width:50%; padding:3%;} .standard li .txt h2{color:#000; margin-bottom: 20px; line-height: 1.2;-webkit-line-clamp:2; max-height: 2.4em;} .standard li:nth-child(even){background: #00AB63; color: #fff;} .standard li:nth-child(even) .img{float: right;} .standard li:nth-child(even) h2{color: #fff;} .standard li .txt .c{ line-height: 2.2; max-height: 13.2em; overflow: hidden;} .standard li:nth-child(even) .mCSB_scrollTools .mCSB_draggerRail,.standard li:nth-child(even) .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #fff; } .stand_show{ padding:3.5% 6.5%; background: #F7F7F7; position: relative;} .stand_show .swiper-button-prev{ width:20px; height: 53px; margin:-26px 0 0 -10px; left:30px; background: url(../images/dot14.png) no-repeat; } .stand_show .swiper-button-prev.swiper-button-disabled{background: url(../images/dot14_dis.png) no-repeat;} .stand_show .swiper-button-next{ width:20px; height: 53px; margin:-26px 0 0 -10px;right:20px;background: url(../images/dot15.png) no-repeat; } .stand_show .swiper-button-next.swiper-button-disabled{background: url(../images/dot15_dis.png) no-repeat;} .stand_show .swiper-slide{border: 4px solid #DCDDDD;} .stand_show .swiper-slide img{max-width: 100%;} .stand_show .swiper-slide.on{border: 4px solid #0167CA;} /*企业简介*/ .culture_tab{margin: 40px 0;} .culture_tab ul{overflow-y: hidden;} .culture_tab li{float: left; width: 14.2857%;*margin-left: -1px;} .culture_tab li a{color: #000; border: 1px solid #e2e2e2; background: #fff; display: block; height:38px; line-height: 38px; margin: 0 4px; text-align: center;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .culture_tab li.on a,.culture_tab li a:hover{color: #fff; border: 1px solid #0167ca; background: #0167ca;color: #fff !important;} .culture_01{background:url(../images/dot16.jpg) right top no-repeat #f3f3f3;max-height: 385px; padding: 50px 65px 90px 50px; } .culture_01 dl{overflow-y: hidden;} .culture_01 dt{float: left;width: 20.8%; float: left;} .culture_01 dt img{width: 100%} .culture_01 dd{ width: 77%; float: right; color: #777777;} .culture_01 dd em{color: #000;} .culture_01 dd h1{ color: #000; margin-bottom: 10px} .culture_line{ width: 47px; height: 1px; background: #0167ca; margin: 20px 0 20px 0;} .culture_01 dd .cu_hbtext{line-height: 28px;} .culture_02{margin: 40px 0;} .culture_02 li{position: relative;} .culture_02 .culture_pcon h1{line-height: 1.4em; max-height: 2.8em; overflow: hidden;} .culture_02 .culture_pcon .culture_line{background: #fff;} .culture_02 .culture_pcon{position: absolute; top:0; right: 0; width: 395px; background:rgba(0,151,64,0.9); height: 100%; color: #fff;} .culture_02 li.current .culture_pcon{background:rgba(1,103,202,0.9); left: 0; right: auto;} .culture_02 .culture_p{ padding: 70px; padding-left: 35px;} .culture_02 .culture_ptext{line-height: 28px;} .culture_03 h1{text-align: center;color:#000;} .culture_03 ul{margin: 0 -12px;overflow: hidden;text-align: center;} .culture_03 li .transbox{padding: 35px 0; margin: 0 12px;} .culture_03 li{display:inline-block;*display:inline;*zoom:1; width: 32%;*margin-left: -1px;/* float: left; */;vertical-align: top;} .culture_03 li h1{margin-top: 20px; line-height: 1.5em;height: 3em; overflow-y: hidden; color: #000} .culture_03 .culture_line{margin:20px auto} .culture_03 .imgbox{ width: 125px; height: 125px;margin: auto; border: 3px solid #fff;box-shadow: 0 0 5px 2px #eaeaea;border-radius: 50%;background: -webkit-linear-gradient(#fff,#f8f8f8); background: -o-linear-gradient(#fff,#f8f8f8); background: -moz-linear-gradient(#fff,#f8f8f8); background: linear-gradient(#fff,#f8f8f8); } .culture_03 .imgbox>img{ margin-top: 28px;} .culture_qytext p{color: #777;} @media only screen and (max-width: 1024px) { .culture_01{padding: 50px 20px;} .culture_02 .culture_p{padding: 30px;} } @media only screen and (max-width: 768px) { .culture_tab{margin: 20px 0;} .culture_tab li{width: 25%; margin-bottom: 10px;} .culture_01 dt{width: 100%; text-align: center; margin-bottom: 20px;} .culture_01 dt img{width: 150px;} .culture_01 dd{width: 100%;} .culture_02{margin: 20px 0;} .culture_02 .culture_pcon{position: static; width: 100%;} .culture_02 .culture_p{height: auto !important;} .culture_02 .culture_p{padding: 20px;} .culture_03 li{width: 47%} } @media only screen and (max-width:540px) { .culture_tab li{width: 33.333%; margin-bottom: 10px;} .culture_01{padding:20px 10px;} .culture_01 dt img{width: 120px;} .culture_02 .culture_p{padding: 20px 10px;} .culture_line{margin: 10px 0; margin-top: 15px;} .culture_03{padding-bottom: 40px;} .culture_03 h1{margin-bottom: 10px;} .culture_03 li{width: 100%} .culture_03 li .transbox{padding: 20px 0; border-bottom: 1px dashed #ccc;} .culture_03 li:last-child .transbox{border-bottom: 0;} .culture_03 .culture_line{margin: 10px auto} } .aid_search .keyword{height: 64px;width: 100%;background: #ededed;overflow: hidden;} .aid_search .keyword>div{margin:21px auto 19px;width: 90.78%;} .aid_search .keyword h4{color: #272727;line-height: 1.11em;display: inline-block;} .aid_search .keyword a{display: inline-block;margin-left: 10px;width: 62px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #014099;} .aid_search .keyword a:hover { color:#fff!important;background: #2D60C2;} .aid_search .keyword > div > div{position: relative;display: inline-block;width: 214px;border: 1px solid #d5dfe8;height: 26px; line-height: 26px; padding-right:8px;padding-left: 8px;background: #fff;box-sizing: border-box;} .aid_search .keyword input{border: none;background: transparent;width: 100%; height: 24px; line-height:24px;} .aid_search .keyword input#btnSearch2{display: inline-block;margin-left: 10px;width: 62px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #014099;} .aid_search>p{display: block;width: 90.78%;margin: 20px auto 0;color: #1b1b1b;} .aid_search em{color:#014099;} .aid_search .result{margin: 20px 0 0; padding-bottom:10px;} .aid_search .result li{border-bottom: 1px solid #e5e5e5;border-top:transparent solid 1px;} .aid_search .result li:first-child{border-top:1px solid #e5e5e5; } .aid_search .result li>div{margin: 5px 0;padding: 28px 0 30px;transition:all .5s} .aid_search .result dl{width: 90.78%;margin:auto} .aid_search .result dt{position: relative;} .aid_search .result dt:before{content: "";left: -16px;position: absolute;width: 3px;height: 6px;background: url(../images/search_icon02.png) no-repeat;top: 50%;margin-top: -3px;} .aid_search .result dt a{color: #333;line-height: 1.11em;} .aid_search .result dt a:hover{color:#014099!important;} .aid_search .result dd{margin-top: 15px;color: #777;} @media only screen and (max-width: 1023px){ .aid_search .result li > div { padding:15px 0 20px;} } @media only screen and (max-width: 767px){ .aid_search .keyword > div > div{width: 50%;} .aid_search .result dd { height:3em;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} } .map{width:100%;height:550px; font-size: 12px;} .BMap_bubble_title {font-size:15px!important;white-space:break-all; word-break: break-all;} .BMapLabel {display: none !important;} .BMap_bottom + div + div + div + img{width:10px!important; height: 10px!important;} .conn_box{margin:4% 0 0; padding-bottom:2%;} .conn_ll{ float: left;width:60%;} .conn_rr{float: right;width:32%; margin-right: 2%; padding:5% 0 10%; text-align: center; background: #F7F7F7;} .conn_rr dt img{ max-width: 147px; border: 10px solid #fff; } .conn_rr dd{line-height: 2; color: #777; margin-top:10%;} .conn_rr dd span{ text-decoration: underline; font-weight:bold; } .conn_ll h2{color:#000;} .cdl_01{margin:5% 3% 0;} .cdl_01 dd{ color:#777; padding-left:30px; margin-bottom:15px; background: url(../images/dot18.png) no-repeat;} .cdl_01 .d01{ background-position: 0px 0px;} .cdl_01 .d02{ background-position: 0px -34px;} .cdl_01 .d03{ background-position: 0px -72px;} .cdl_01 .d04{ background-position: 0px -108px;} .cdl_01 .d05{ background-position: 0px -143px;} .cdl_02{margin:2% 3% 0; padding-top:20px; border-top:1px solid #E2E2E2;} .cdl_02 dd{color: #000;padding-left:30px;margin-bottom:15px; background: url(../images/dot19.png) no-repeat;} .cdl_02 dd:first-child{background: none;} .cdl_02 .d01{background-position: 0px 0px;} .cdl_02 .d02{background-position: 0px -39px;} .cdl_02 .d02 a{color: #000;} .cdl_02 .d01 em{margin-right: 20px;} .index-network{ position:relative; overflow:hidden;} .index-network .img { width:1220px; height:849px; margin:0 auto; position:relative; } .index-network .img > img { width:100%;transition:1s all; -webkit-transition:1s all; opacity:0;} .index-network .img .d { background:#fff; width:8px; height:8px; border-radius: 50%; z-index:10; left:74.83%; top:49.46%; position:absolute;} .index-network .img > .list { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .index-network .img > .list li {position:absolute; right:0; top:0; width:100%; height:100%;} .index-network .img > .list li img { width:1200px; height:849px; position:absolute; right:0; top:0;} .index-network .img > .logo-item{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;} .logo-item li { background:url(../images/logo-item.png) no-repeat; width:68px; height:70px; position:absolute; transition:3s all; -webkit-transition:3s all; -moz-transition:3s all; -o-transition:3s all; transform:scale(0,0); -webkit-transform:scale(0,0);} .logo-item li.i1 { left:36%; top:19%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .logo-item li.i2 { left:17%; top:33%; transition-delay:0.6s; -webkit-transition-delay:0.4s;} .logo-item li.i3 { left:20%; top:45%; transition-delay:1.4s; -webkit-transition-delay:0.4s;} .logo-item li.i4 { left:50%; top:41%; transition-delay:0.2s; -webkit-transition-delay:0.4s;} .logo-item li.i5 { left:59%; top:33%; transition-delay:1.4s; -webkit-transition-delay:0.4s;} .logo-item li.i6 { left:32%; top:66%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .logo-item li.i7 { left:49%; top:56%; transition-delay:0.8s; -webkit-transition-delay:0.4s;} .logo-item li.i8 { left:79%; top:68%; transition-delay:0.2s; -webkit-transition-delay:0.4s;} .index-network.open .logo-item li { transform:scale(1,1); -webkit-transform:scale(1,1);} .index-network.open .img > img { opacity:1;} .index-network.open .img .d { opacity:1;} .map-network .list li { overflow:hidden; transition:3s all; -webkit-transition:3s all; -moz-transition:3s all; -o-transition:3s all; } .map-network .list li.l1 { width:0%;} .map-network .list li.l2 { width:0%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .map-network .list li.l3 { width:0%; transition-delay:1.6s; -webkit-transition-delay:1.6s;} .map-network .list li.l4 { width:0%; transition-delay:1.4s; -webkit-transition-delay:1.4s;} .map-network .list li.l5 { width:0%; transition-delay:1.2s; -webkit-transition-delay:1.2s;} .map-network .list li.l6 { width:0%; transition-delay:1.0s; -webkit-transition-delay:1.0s;} .map-network .list li.l7 { width:0%; transition-delay:0.4s; -webkit-transition-delay:0.4s;} .map-network .list li.l8 { height:0%; transition-delay:1.5s; -webkit-transition-delay:0.4s;} .index-network.open .list li.l1 { width:100%;} .index-network.open .list li.l2 { width:100%;} .index-network.open .list li.l3 { width:100%;} .index-network.open .list li.l4 { width:100%;} .index-network.open .list li.l5 { width:100%;} .index-network.open .list li.l6 { width:100%;} .index-network.open .list li.l7 { width:100%;} .index-network.open .list li.l8 { height:100%;} @media only screen and (min-width: 1025px) { .page a.num:hover{ background:#0167CA;border:1px solid #0167CA;border-left:none;color:#fff!important;} .page a.go:hover{border:none;color:#fff!important;} .news_tit li:hover{background: #0167CA; color:#fff;border: 1px solid #0167CA;} .news_tit li:hover a{color:#fff!important;} .newlist1 li:hover .inner{ background: #FBFBFB; } a.closebtn:hover{background: #0167CA;} .stand_show .swiper-slide:hover{border: 4px solid #0167CA;} .sub_tit span.on a:hover{color:#fff!important;;} } @media only screen and (max-width: 1679px) { .hel_block02 .box .txt ul li .w_1{width: 60px;} .hel_block02 .box:nth-child(2n) .txt ul li .w_1{width:90px;} } @media only screen and (max-width: 1365px) { .abo_tit li{width:160px;} .index-network { height:800px;} .index-network .img { width:1150px;height:800px;} .index-network .img > .list li img { width:1150px;height:800px;} } @media only screen and (max-width: 1279px) { .network{padding-bottom:12%;} .nanhai{right:20%;} .abo_tit li{width:135px;} .abo_rr li i{top:3px;} .standard li .txt .c{line-height: 2; max-height: 12em;} .index-network { height:675px;} .index-network .img { width:970px;height:675px;} .index-network .img > .list li img { width:970px;height:675px;} .dahis .right{width: calc(100% - 200px);} .dahis .left .prevBox ul li span{font-size: 16px;} .dahis .left .prevBox ul li.on span{font-size: 24px;} .dahis .left .prevBox ul{padding-left: 25px;} .slider-nav .slick-list{width: calc(100% - 54px);} } @media only screen and (max-width: 1023px) { .container{padding:0 10px;} .news_tit ul{display: block;} .news_tit li{width: 24%; margin:0 0.5%;} .t-video{width:100%;} .abo_tit li{width:101px; margin:0 2px;} .abo_rr li i{top:0;} .abo_rr h3 span{height: 19px;} .standard li .txt .c{ max-height: 8em;} .map_box{ display:none;} .address-select{ display:block;} .address-select li{float: left;width:12%; line-height: 30px; text-align: center;} .address-select li.on{color:#0167CA;} .ph_table , .ph_table thead, .ph_table tbody, .ph_table th, .ph_table td, .ph_table tr { display: block; } .ph_table thead tr { position: absolute; top: -9999px; left: -9999px; } .ph_table tr { border: 1px solid #eee; border-bottom:0; margin-bottom:20px; } .ph_table td { border: none; border-bottom: 1px solid #eee; position: relative; padding:5px 0!important; line-height: 20px; padding-left: 6.5em!important; white-space: normal; text-align: left; } .ph_table td:before { position: absolute; top: 0; left: 0; padding:5px 0; width: 6em; text-indent:10px; white-space: nowrap; word-break:break-all; text-align: left; } .ph_table td:before { content: attr(data-title); } .cl11 .w{padding: 0;} .cl11{ position:relative; left:0; top:0; width: 100%; margin-top: 15px; border: none;} .cl11 .close1,.nanhai,.nanhai1{ display:none;} .map{height: 450px;} .culture_01{max-height: 100%;} .network{padding:2%;} .index-network { height:513px;} .index-network .img { width:738px;height:513px;} .index-network .img > .list li img { width:738px;height:513px;} .slider-nav .slick-list{width: calc(100% - 60px);} .hel_b8_list2{width: 100%;} .hel_b8_list3, .hel_b8_list4{max-width: 100%;} .cdl_02 .d01 span{ display: block; } } @media only screen and (max-width: 767px) { body,.edit_con_original{font-size: 12px;} .product_list li span{font-size: 12px;} .product_adv li{width: 100%;} .tisane_list li{width:100%;} .pro_dets_top .ll_box,.pro_dets_top .rr_box{width:100%;margin-bottom: 5%;} .abo_tit li{width: 24%; margin:0 0.5% 1%;} .abo_ll,.abo_rr,.spe_ll,.spe_rr,.conn_ll,.conn_rr,.standard li .img,.standard li .txt{width:100%;} .abo_ll,.spe_rr{margin-bottom: 5%;} a.closebtn{display: none;} .page label,.page a.go{display: none;} .newtop dt,.newtop dd{width:100%;margin-bottom:3%;} .newtop dd h2, .newlist li h2,.newlist1 li h2{height: auto;-webkit-line-clamp:none;} .newlist li{margin: 0;} .newlist li .inner,.newlist1 li .inner{margin: 0;} .newlist li,.newlist1 li{width: 100%;} .newlist li .c{padding:5%;} .newlist1 li .inner{padding:3%;} .stand_show .swiper-button-prev{left:10px;} .stand_show .swiper-button-next{ right: 0px;} .map{height: 350px;} .BMap_bubble_title{font-size: 14px!important;} .index-network { height:268px;} .index-network .img { width:385px;height:268px;} .index-network .img > .list li img { width:385px;height:268px;} .index-network .img .d{width:4px; height: 4px;} .logo-item li{width:28px; height: 30px; background-size: cover;} .address-select li{width:20%;} .dahis .left{width: 115px;margin-top:0;} .dahis .right{width: calc(100% - 130px)} .dahis .left .prevBox ul li{width:70px;} .his_line{left:0;} .list_box li{width:100%;} .list_box li span{text-align: left;} .list_box li:nth-child(even){margin-top: 0;} .list_box li em{right: auto;left:-12px;} .list_box li .bx{float: right;margin-bottom: 20px;} .rr_box .c{margin-top: 5%;} .tab-tit li{margin-right:5px;padding:0 5px;} .tis_block04 .rr .img{margin:0;} .pro_dets_bot .tab-con .fnt_16{font-size: 12px;} .rr_box .online_ask{max-width: 100%;} .hel_block02 .box{width: 100%;margin-bottom: 5%;} .hel_block05,.hel_block07,.hel_block08{display: none;} .product_list li{ width: 50%; } } @media only screen and (max-width:375px) { .map{height: 300px;} .index-network { height:240px;} .index-network .img { width:345px;height:240px;} .index-network .img > .list li img { width:345px;height:240px;} .abo_rr li em{right:20px;} .tis_block04 .ll .txt{width:60%;margin-top: 50px;} .tis_block04 .ll .txt dt{margin-bottom: 15px;} .tis_block04 .rr .txt{width:50%;} .tis_block04 .ll .img{width:40%;} .tis_block04 .ll .img{margin-top:50px;} .tis_block04 .rr .img{margin-right: 10%;margin-top: 0;} } @media only screen and (max-width:360px) { .product_list{margin-bottom: 0;} .product_list li{width:100%;} .abo_rr li em{right:15px;} .tab-tit li{margin-right:0px;} } @media only screen and (max-width:340px) { .index-network { height:216px;} .index-network .img { width:310px;height:216px;} .index-network .img > .list li img { width:310px;height:216px;} } @media only screen and (max-width:320px) { .index-network { height:201px;} .index-network .img { width:290px;height:201px;} .index-network .img > .list li img { width:290px;height:201px;} .abo_rr li em{right:10px;} .tis_block04 .ll .txt dd{width:52px; height: 52px;} .tis_block04 .rr .txt{margin-top:30px;} .tab-tit li{font-size: 12px;} }