/*鍏充簬*/
.network-part01 .info{padding: 5% 0 3%;}
.network-part01 .info dt{margin-bottom:2%;}
.network-part01 .info dd{ float: left;width:20%;color:#686868;}
.network-part01 .info dd:nth-of-type(1){ widtH:50%;}
.network-part01 .info dd:last-child{ float: right; text-align: right;}
.network-part01 .info dd i{font-size: 22px; color: #F40940; margin-right: 10px; vertical-align: middle;}
.network-part01 .info dd a.tel_link{color: #686868!important;cursor: inherit;}
.netbox{background:#F3F8FA;position: relative;}
.netbox .ll{ float: left; widtH:29%; background: #E6F1F4; position: absolute;height: 100%;}
.netbox .rr{ float: right; widtH:71%; position: relative;background:#f3f8fa url(../upload/network.jpg) no-repeat center;background-size: cover;background-size: 100% 100%;}

.ll_dq{ float: left; widtH:50%; padding: 5% 9% 20%; background: #3E6283;height: 100%;}
.ll_dq li{ widtH:100%; cursor: pointer; max-widtH:175px; height: 46px; line-height: 46px; margin: 40px auto 0; text-align: center; color:#fff;}
.ll_dq li.on{ color:#446B8C; background: #F3F8FA;}

.ll_dbc{ float: right; widtH:50%; position: absolute; right: 0; top:0; height: 100%;}
.ll_dbc li{ display: none; cursor: pointer;}
.ll_dbc li.on{ display: block;}
.ll_dbc li dl{padding: 35px 30px 35px 70px;}
.ll_dbc li dd{ text-align: left; padding: 16px 0;}
.ll_dbc li dd:last-child{border-bottom: none;}
.ll_dbc li dd.on{color: #F40940;font-weight: bold;}
.cl22{display:none;z-index:4;position:absolute; left:100%; top:0; box-shadow:0 0 5px 5px rgba(0,0,0,0.05); background:#fff; width:568px;}
.cl22 .w { padding:10% 5% 12%;}
.cl22 .close{ position:absolute;right:20px; top:20px; width:25px; height: 25px; line-height: 25px; text-align:center; color:#fff!important; background:#3E6283; z-index:111; border-radius: 50%;}
.cl22 dt{ color:#000; position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.cl22 dt::after{ content: ""; position: absolute; lefT:0; bottom:0; widtH:94px; height:2px; background: #F40940;}
.cl22 dd{
    color:#686868;
    margin-bottom: 10px;
}
.fix{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.fix div{
    width: 50%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    position: relative;
}
.fix div img{
   max-width: 100%;
   width: 100%;
}
.fix i{
    cursor: pointer;    
    position: absolute;
    top:-10%;
    right: 0%;
    color: #fff;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
  }
  .clearfix {
    *zoom: 1;
  }
.w dd:last-child{margin-top: 10px;}
/* .w dd:last-child img{ widtH:106px; height: 106px; overflow: hidden;} */
.w dd .leftlable{
    float: left;
    width: 15%;
    text-align: right;
}
.w dd .rightbox{
    width: 85%;
    float: left;
}
.w dd .rightbox p{
    margin-bottom: 5px;
}
.w dd .rightbox h5{
    color: #446b8c;
}
.w dd .rightbox ul li{
    cursor: pointer;
    float: left;
    text-align: center;
    width: 23.31%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.w dd .rightbox ul li img{
    margin-bottom: 1%;
    max-width: 100%;

}
.w dl .swiper-pagination{
    bottom: 5%;
    left: 0;
    width: 100%;
}
.w dl .swiper-pagination span{
    margin:  0 5px;
}
.w dd .rightbox ul li h2{
    color: #686868;
    font-size: 14px;
}
.nanhai{ position: absolute;left:52%; bottom:-95px; }
.nanhai1{position: absolute;right:10%; bottom:0;}
.province_ul li.m01{left: 73%;top: 20.9%;}
.province_ul li.m01-1{ left: 72.1%;top: 27.2%;}
.province_ul li.m02{ left:69.7%; top: 34.2%;}
.province_ul li.m03{ left:69.1%; top:39.8%;}
.province_ul li.m04{ left:62.5%; top:37.9%;}
.province_ul li.m05{ left:63.4%; top:40.6%;}
.province_ul li.m06{ left:60.4%; top:42%;}
.province_ul li.m07{ left:58.9%; top:30.6%;}
.province_ul li.m08{ left: 56.8%;top: 46.3%;}
.province_ul li.m09{ left: 52.3%; top: 54.4%;}
.province_ul li.m10{left: 67.3%;top: 47.4%;}
.province_ul li.m11{ left: 63.5%;top: 49%;}
.province_ul li.m11-1{ left:58.5%;top: 54.2%;}
.province_ul li.m12{ left: 66.3%;top: 60.2%;}
.province_ul li.m13{ left: 67.8%;top: 57.9%;}
.province_ul li.m13-1{ left:70%; top:60%;}
.province_ul li.m14{left: 70.2%;top: 63.3%;}
.province_ul li.m15{ left:63.7%; top:60.7%;}
.province_ul li.m15-1{ left: 67.8%;top: 64.3%;}
.province_ul li.m16{ left:66.5%; top:73%;}
.province_ul li.m17{ left: 64.7%;top: 76.7%;}
.province_ul li.m18{ left:62.2%; top:68.8%;}
.province_ul li.m19{ left:60.2%; top: 63.9%;}
.province_ul li.m20{ left: 49.6%;top: 65.2%;}
.province_ul li.m21{ left:45.5%; top: 64.7%;}
.province_ul li.m22{ left:49.4%; top: 73.8%;}
.province_ul li.m23{ left:56.6%; top:68.8%;}
.province_ul li.m24{ left:59.2%; top: 79.8%;}
.province_ul li.m25{ left:61.1%; top:82%;}
.province_ul li.m26{ left:53.3%; top:91.3%;}
.province_ul li.m27{ left:52.1%; top: 82.3%;}
.province_ul li.m28{ left:43.6%; top: 77.2%;}
.province_ul li.m29{ left:25.6%; top:55.4%;}
.province_ul li.m30{ left:23%; top:32.6%;}
.province_ul li.m31{ left:35.1%; top:47.1%;}
.province_ul li.m32{ left:44.1%; top:42.7%;}
.province_ul li.m33{ left:48.7%; top:45.4%;}

.province_ul{width:100%; height:100%; position:absolute;  margin:0 auto; left:0; top:0; z-index:1}
.province_ul li{ color:#333; font-size:12px;height:20px; position:absolute; cursor: pointer;}
.province_ul li span{ background:url(../images/dotnet.png) left center no-repeat; padding-left:14px;}
.province_ul li span.nodot{ background:none;}

.province_ul li.m07 span,
.province_ul li.m26 span,
.province_ul li.m29 span,
.province_ul li.m30 span,
.province_ul li.m31 span,
.province_ul li.m32 span,
.province_ul li.m33 span
{background: none;padding-left: 0;}
/*.province_ul li.m01 span,*/
/*.province_ul li.m01-1 span,*/
.province_ul li.m02 span,
/*.province_ul li.m06 span,*/
/*.province_ul li.m08 span,*/
.province_ul li.m09 span,
.province_ul li.m11 span,
.province_ul li.m11-1 span,
.province_ul li.m15 span,
.province_ul li.m15-1 span,
/*.province_ul li.m18 span,*/
.province_ul li.m19 span,
/*.province_ul li.m20 span,*/
.province_ul li.m21 span,
.province_ul li.m22 span,
/*.province_ul li.m23 span,*/
/*.province_ul li.m27 span,*/
.province_ul li.m28 span
{background: url(../images/dotnet.png) top center no-repeat;padding-top: 14px;padding-left: 0;}

.province_ul li.m16 span,.province_ul li.m17 span,.province_ul li.m23 span
{background: url(../images/dotnet.png) right center no-repeat;padding-right: 14px;padding-left: 0;}
.province_ul li.m18 span
{background: url(../images/dotnet.png) top center no-repeat;padding-top: 14px;padding-left: 0;}
.province_ul li.m08 span{
    background: url(../images/dotnet.png) top right no-repeat;
    padding-top: 12px;
    padding-left: 0;
}
.province_ul li.m12 span{background: url(../images/dotnet.png) top center no-repeat;
    padding-top: 12px;
    padding-left: 0;}
.province_ul li.m13 span{background: url(../images/dotnet.png) bottom center no-repeat;
    padding-bottom: 12px;
    padding-left: 0;}
.province_ul li.m06 span{background: url(../images/dotnet.png) bottom left no-repeat;
    padding-bottom: 12px;
    padding-left: 0;}
.province_ul li.m24 span{background: url(../images/dotnet.png) bottom center no-repeat;
    padding-bottom: 12px;
    padding-left: 0;}
.province_ul li.current{color:#000;}
.province_ul li.current span{background:url(../images/dotnet_on.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:100%; height:100%; margin:0 auto;
  background: #fafcfc url(../images/network.jpg) no-repeat !important;
  background-size: contain !important;
  pointer-events: none !important;
}

/* #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;display: none;}
.hidden{ display:none;}
.cl11{display:none;z-index:4; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%; box-shadow:0 0 5px 5px rgba(0,0,0,0.05); background:#fff; width:568px;}
.cl11 .w { padding:10% 8%;}
.cl11 .close1{ position:absolute;right:20px; top:20px; width:25px; height: 25px; line-height: 25px; text-align:center; color:#fff!important; background:#3E6283; z-index:111; border-radius: 50%;}
.cl11 dt{ color:#000; position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.cl11 dt::after{ content: ""; position: absolute; lefT:0; bottom:0; widtH:94px; height:2px; background: #F40940;}
.cl11 dd{line-height:2; color:#686868;}
.cl11 dd:last-child{margin-top: 10px;}

.address-select { display:none;} */









.network-part02 .img{ text-align: center; margin: 3% 0;}
.network-part02 .img img{ max-width: 100%;}

.network-part03{padding:5% 0; background:#F3F8FA;overflow: hidden;}
.network-part03-con{width: 64%;margin: 0 auto;}
.network-part03-con .groupDiv input{background: #fff;}
.network-part03-con h2{color: #000;font-weight: bold;}
.network-part03-con>p{color: #686868;margin-bottom: 30px;margin-top: 20px;}
.network-part03-con .itemCity{float: right;}
.network-part03-con .itemBrand{float: left;width: 54%;}
.network-part03-con .groupDiv .pub_select dt,.network-part03-con .groupDiv .pub_select dd,.network-part03-con .groupDiv textarea{background: #fff;}
.network-part03-con .itemPhone{float: left;width: 32%;margin-right: 2%;}
.network-part03-con .itemcode{float: left;width: 32%;margin-right: 1%;}
.network-part03-con .itemGetcode{float: left;width: 17%;margin-right: 2%;}
.network-part03-con .itemSubmit{float: right;width: 14%;}
.network-part03-con .itemSubmit .btn{margin-right: 0;width: 100%;height: 47px;line-height: 47px;}

@media only screen and (max-width: 1600px) {
    .ll_dbc li dl{padding: 35px 30px 35px 50px;}
}
@media only screen and (max-width: 1599px) {
    .nanhai{bottom:-80px;}
    .nanhai1{right:5%;}
}

@media only screen and (max-width: 1367px) {
    .province_ul li.m01{left: 73%;top: 20%;}
    .province_ul li.m01-1{ left: 72.1%;top: 26.5%;}
    .province_ul li.m02{ left:69.7%; top: 34.2%;}
    .province_ul li.m03{ left:69.1%; top:39.8%;}
    .province_ul li.m04{ left:62.5%; top:37.5%;}
    .province_ul li.m05{ left:63.4%; top:40.2%;}
    .province_ul li.m06{ left: 60.6%;top: 41.2%;}
    .province_ul li.m07{ left:58.9%; top:30.6%;}
    .province_ul li.m08{ left: 56%;top: 46.3%;}
    .province_ul li.m09{ left: 52.5%;top: 55.4%;}
    .province_ul li.m10{ left: 67.7%;top: 47%;}
    .province_ul li.m11{ left: 63.5%;top: 49%;}
    .province_ul li.m11-1{ left: 58.7%;top: 54.4%;}
    .province_ul li.m12{ left: 66.3%;top: 60.2%;}
    .province_ul li.m13{ left: 67.8%;top: 57.9%;}
    .province_ul li.m13-1{ left:70%; top:60%;}
    .province_ul li.m14{ left: 70.1%;top: 63.1%;}
    .province_ul li.m15{ left:63.3%; top:60.7%;}
    .province_ul li.m15-1{ left: 67.5%;top: 64.3%;}
    .province_ul li.m16{ left: 66%; top:73%;}
    .province_ul li.m17{ left: 63.7%;top: 76.5%;;}
    .province_ul li.m18{ left: 62.2%; top: 69.2%;}
    .province_ul li.m19{ left: 59.8%;top: 64.4%;}
    .province_ul li.m20{ left: 49.5%;top: 65%;}
    .province_ul li.m21{ left: 45.3%;top: 64.7%;}
    .province_ul li.m22{ left: 49.2%;top: 74.2%;}
    .province_ul li.m23{ left: 55.3%; top:68.8%;}
    .province_ul li.m24{ left: 58.9%; top: 78%;}
    .province_ul li.m25{ left: 61%; top: 81.3%;}
    .province_ul li.m26{ left:53.3%; top:91.3%;}
    .province_ul li.m27{ left: 52%; top: 81.8%;}
    .province_ul li.m28{ left:43.6%; top: 77.4%;}
    .province_ul li.m29{ left:25.6%; top:55.4%;}
    .province_ul li.m30{ left:23%; top:32.6%;}
    .province_ul li.m31{ left:35.1%; top:47.1%;}
    .province_ul li.m32{ left:44.1%; top:42.7%;}
    .province_ul li.m33{ left:48.7%; top:45.4%;}
}
@media only screen and (max-width: 1365px) {
    .nanhai{bottom:-70px;}
    .network-part01 .info dd,.network-part01 .info dd:nth-of-type(1){ widtH:auto; margin-right: 5%;}
    .network-part01 .info dd:last-child{ float: left; margin-right: 0;}
}
@media only screen and (max-width: 1300px) {
    .province_ul li.m13 {
        left: 67.3%;
        top: 56.5%;
    }
}
@media only screen and (max-width: 1280px) {
    .ll_dbc li dl{padding: 35px 20px 35px 20px;}
}
@media only screen and (max-width: 1100px) {
    .netbox .ll,.netbox .rr{widtH:100%;}
    .nanhai{bottom:0px;}
    .map_box{ height: 700px;}
    .ll_dq{widtH:100%; padding:5%;}
    .ll_dq li{ float: left; margin: 0; max-width: none; widtH:14.28%;}
    .ll_dbc{position: static; widtH:100%; height: auto;}
    .ll_dbc li dl{padding:5%;}
    .ll_dbc li dd{ float: left; widtH:16.66%; border-bottom: none; padding: 0;}
    .cl22{ lefT:0;}
    .network-part03-con{width: 100%;}
}

@media only screen and (max-width: 1023px) {
    .conn_ll,.conn_rr{width:100%;}
    .conn_rr dl{padding:5%;}
    .conn_rr dd a.btn{margin-top: 0;}
    .netbox .ll{}
    .cl11 .w{padding: 5%;}
    .cl11{ position:static;  margin: 5%; width: 90%; margin-top: 15px;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
    .cl11 .close1,.nanhai,.nanhai1{ display:none;}
    .map_box{ display: none;}
    .address-select{ display:none;}
    .address-select ul{padding:5%;}
    .address-select li{float: left;width:12%; line-height: 30px; text-align: center;}
    .address-select li.on{color:#0167CA;}

    .cl22{position: static;width: 100%;overflow: hidden;}
    .cl22 .close{display: none;}
    .ll_dbc li dd.on{font-weight: bold;color: #F40940;}
    .network-part03-con .itemSubmit{width: 20%;}
    .network-part03-con .itemcode{width: 29%;}
    .netbox .ll{position: static;}
    .netbox .rr{display: none;}

}
    

@media only screen and (max-width: 767px) {
    .map{height: 360px;}
    .address-select li{width:20%;}
    .ll_dq li{width: 33.3%;}
    .ll_dbc li dd{width: 33.3%;margin-bottom: 8px;}
    .network-part01 .info{padding: 30px 0;}
}

@media only screen and (min-width: 1025px) {
    .conn_rr dd a.btn:hover{opacity: 0.8;}
}