/* --------------------------------------------------------------- */

















/* ---------------------------banner-box------------------------------------ */

.banner-box{

    width: 100%;

    overflow: hidden;

    padding: 80px 0 40px 0;

    background-color: #f2f2f2;

}

.banner{

    width: 1024px;

    height: 560px;

    margin: 0 auto;

    position: relative;

    background-repeat: no-repeat;

    background-image: url('../image/map_bg.jpg');

}



.banner-map li img{

    position: absolute;

    z-index: 2;

    display: none;

}

.banner-map li:hover img{

    display: block;

}





.banner-map ul{

    width: 100%;

    overflow: hidden;

}

.banner-map ul li{

    cursor: pointer;

}



.beimei{

    top: 2.3%;

    left: 1.4%;

}

.nanmei{

    bottom: 10%;

    left: 14.6%;

}

.feizhou{

    left: 42.2%;

    bottom: 23.2%;

}

.yazhouT{

    top: 5.8%;

    left: 44.1%;

}

.yazhouB{

    top: 37.6%;

    left: 56.4%;

}

.zhongguo{

    top: 29.2%;

    right: 16.4%;

}

.ouzhouX{

    top: 34%;

    right: 13%;

}

.ouzhou{

    top: 4.6%;

    right: 1.3%;

}

.dayangzhou{

    right: 47px;

    bottom: 15.8%;

}



.beimei-w{

    top: 2%;

    left: 4%;

 }

 .nanmei-w{

    bottom: 36%;

    left: 16%;

 }

 .yazhouT-w{

    top: 5%;

    left: 36%;

 }

 .yazhouB-w{

    top: 17%;

    left: 45%;

 }



 .feizhou-w{

    left: 37%;

    bottom: 46%;

 }

 .ouzhou-w{

    top: 0%;

    right: 13%;

 }

 .zhongguo-w{

    top: 14%;

    right: 9%;

 }

 .ouzhouX-w{

    top: 13%;

    right: 1%;

 }

 .dayangzhou-w{

    right: 19px;

    bottom: 27%;

 }

 

.banner-words{

    position: absolute;

    z-index: 10;

    text-align: center;

}

.banner-words i{

    width: 28px;

    height: 38px;

    background-repeat: no-repeat;

    display: inline-block;

    background-image: url('../image/map_dian.png');

    margin: 16px 0 0 0;

}

.idong{

    -moz-animation:Diantiao 1s ease infinite; 

    -webkit-animation:Diantiao 1s ease infinite; 

    -o-animation:Diantiao 1s ease infinite; 

    animation:Diantiao 1s ease infinite;

}

@keyframes Diantiao{0%{transform: translateY(0);-webkit-transform: translateY(0)；}100% {transform: translateY(-6px);-webkit-transform: translateY(-6px);}}

@-moz-keyframes Diantiao{0%{transform: translateY(0);-webkit-transform: translateY(0)；}100% {transform: translateY(-6px);-webkit-transform: translateY(-6px);}}

@-o-keyframes Diantiao{0%{transform: translateY(0);-webkit-transform: translateY(0)；}100% {transform: translateY(-6px);-webkit-transform: translateY(-6px);}}

@-webkit-keyframes Diantiao{0%{transform: translateY(0);-webkit-transform: translateY(0)；}100% {transform: translateY(-6px);-webkit-transform: translateY(-6px);}}





.banner-words p{

    width: 325px;

    background-color: #fff;

    padding: 20px 10px;

    font-size: 14px;

    color: #555;

    -moz-box-shadow: 0 4px 10px 1px rgb(138, 138, 138);

    -webkit-box-shadow: 0 4px 10px 1px rgb(138, 138, 138);

    box-shadow: 0 4px 10px 1px rgb(138, 138, 138);

    border-radius: 6px;

    text-align: left;

    height: 98px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



/* --------------------------------maptitle-box------------------------------------------- */

.maptitle-box{

    width: 100%;

    overflow: hidden;

    padding: 70px 0 30px 0;

}

.maptitle{

    width: 1280px;

    margin: 0 auto;

}

.maptitle h4{

    font-size: 32px;

    font-weight: bold;

    color: #000;

    text-transform: uppercase;

}

.maptitle p{

    font-size: 18px;

    color: #666;

    margin-top: 16px;

}







/* ----------------------------mapmatter-box----------------------------------- */

.mapmatter-box{

    width: 100%;

    overflow: hidden;

}

.mapmatter{

    width: 1280px;

    margin: 0 auto;

}

.mapmatter ul{

    width: 100%;

    margin-left: -1%;

    overflow: hidden;

}

.mapmatter ul li{

    width: 32.3333333333%;

    height: auto;

    overflow: hidden;

    margin-left: 1%;

    padding: 0 6px 0 0;

    border-right: 1px solid #e5e5e5;

    margin-top: 34px;

    float: left;

}

.mapmatter ul li:nth-child(3n){

    border-right: none;

}





.mapmatter ul li h4{

    width: 100%;

    font-size: 20px;

    color: #333;

}

.mapmatter ul li p{

    width: 100%;

    font-size: 16px;

    color: #666;

    margin-top: 10px;

}

.mapmatter ul li p:hover{

    font-weight: bold;

    color: #152f94;

}









/* -------------------------mapform-box-------------------------------------- */

.mapform-box{

    width: 100%;

    overflow: hidden;

    padding: 10px 0 90px 0;

}

.mapform{

    width: 1280px;

    margin: 0 auto;

}



.serviceSup-form{

    width: 100%;

    overflow: hidden;

}

.serviceSup-form-top{

    width: 100%;

    overflow: hidden;

}

.serviceSup-form-top ul{

    width: 100%;

}

.serviceSup-form-top ul li{

    width: 33.3333333%;

    float: left;

}

.serviceSup-form-top ul li p{

    font-size: 16px;

    color: #aaa;

}

.serviceSup-form-top ul li input{

    font-size: 16px;

    color: #aaa;

    width: 90%;

    height: 50px;

    border: 1px solid #e5e5e5;

    padding: 0 10px;

    margin-top: 14px;

}

.serviceSup-form-center{

    width: 100%;

    overflow: hidden;

    padding-top: 14px;

}

.serviceSup-form-center p{

    font-size: 16px;

    color: #aaa;

}

.serviceSup-form-center textarea{

    font-size: 16px;

    color: #aaa;

    width: 100%;

    height: 140px;

    border: 1px solid #e5e5e5;

    padding: 10px;

    margin-top: 14px;

}

.serviceSup-form-bottom{

    width: 100%;

    overflow: hidden;

    padding-top: 14px;

}

.serviceSup-form-bottom h6{

    float: left;

}

.serviceSup-form-bottom h6 input{

    font-size: 16px;

    color: #aaa;

    width: 200px;

    height: 50px;

    border: 1px solid #e5e5e5;

    padding: 10px;

}

.serviceSup-form-bottom h6 span{

    display: inline-block;

    width: 170px;

    height: 50px;

    margin: -10px 0 0 12px;

    overflow: hidden;

    vertical-align: middle;

}

.serviceSup-form-bottom button{

    width: 200px;

    height: 50px;

    float: right;

    font-size: 18px;

    color: #fff;

    border: none;

    text-transform: uppercase;

    background-color: #273c92;

    cursor: pointer;

}

.serviceSup-form-bottom button:hover{

    background-color: #152f94;

}









/* --------------------------------------------------------------- */







@media all and (max-width:1300px) {

    .maptitle {

        width: 92%;

        margin-left: 4%;

    }

    .mapmatter {

        width: 92%;

        margin-left: 4%;

    }

    .mapmatter ul li h4 {

        font-size: 16px;

    }

    .mapform {

        width: 92%;

        margin-left: 4%;

    }

}



@media all and (max-width:1280px) {}



@media all and (max-width:1200px) {}





/* ------------------------手机端-------------------------- */

.Phone-pic{

    width: 100%;

    object-fit: cover;

    display: none;

}

@media all and (max-width:1000px) {

    .banner-box{

        padding: 18px 0 10px 0;

    }

    .banner{

        display: none;

    }

    .Phone-pic{

        display: block;

    }

    .maptitle h4 {

        font-size: 22px;

    }

    .maptitle p {

        font-size: 14px;

        margin-top: 8px;

    }

    .maptitle-box {

        padding: 28px 0 10px 0;

    }

    .mapmatter ul{

        margin-left: 0%;

    }

    .mapmatter ul li {

        width: 100%;

        margin-left: 0%;

        padding: 0 0 20px 0;

        border-right: none;

        margin-top: 20px;

        height: auto;

        border-bottom: 1px solid #e5e5e5;

    }

    .mapform-box {

        padding: 0px 0 44px 0;

    }







    .serviceSup-form-top ul li {

        width: 100%;

        margin-top: 14px;

    }

    .serviceSup-form-top ul li input {

        width: 100%;

    }

    .serviceSup-form-bottom {

        text-align: center;

    }

    .serviceSup-form-bottom h6 input {

        width: 50%;

    }

    .serviceSup-form-bottom h6 span {

        width: 44%;

        height: 50px;

        margin: -10px 0 0 12px;

    }

    .serviceSup-form-bottom button {

        float: unset;

        margin-top: 14px;

    }

    .serviceSup-form {

        padding: 14px 0 0 0;

    }

}