.xw-title02 h3,.xw-title02 a,.xw-title02 span {
    display: inline-block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 5px;
}
.xw-title02{
    width: 175px;
    margin: 40px auto 5px;
    height: 37px;
}
.xw-title02 h3{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}
.xw-title02 a {
    height: 21px;
    line-height: 21px;
    width: 1px;
    margin-top: 8px;
    border: 1px solid #b8b8b8;
}
.xw-title02 span {
    color: #999999;
}
.xw-title p {
    height: 2px;
    line-height: 2px;
    background: #012269;
    width: 36px;
    margin: 0 auto 40px;
}
#ditu{
    position: relative;
}
#ditu .lianxi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:rgba(1,34,105,.75);
    width: 50%;
    /*opacity: .7;*/
    padding: 20px 15px;
}

.lianxi li:hover{
    background-color: #0c2d71;
}
.lianxi h3{
    font-size: 18px;
}
/*.lianxi li:nth-child(2):hover,
.lianxi li:nth-child(8):hover{
    background:rgba(1,34,105,.75)!important;
}*/

.lianxi img{
    vertical-align:bottom;
    margin-right: 10px;
}
.lianxi .c1{
    padding-left: 1%;
}
.lianxi li{
    float: left;
    width: 50%;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px dashed #ededed;
}
.lianxi li:nth-child(1),
.lianxi li:nth-child(2){
    border-top: 1px dashed #ededed;
    margin-top: 20px;
}
.lianxi li:nth-child(7),
.lianxi li:nth-child(8){
    border-bottom: none;
}
.lianxi li span{
    display: inline-block;
    font-size: 14px;
}
.lianxi h3,
.lianxi span{
    color: white;
}
@media screen and (min-width: 999px)and (max-width: 1920px) {
    #ditu{
        min-width: 1200px;
        height: 740px;
    }
    #ditu .lianxi{
        width: 950px;
    }
}
@media screen and (min-width: 999px)and (max-width: 1366px) {
    iframe{
        height: 500px!important;
    }
    #ditu {
        height: 560px!important;
    }
}
@media screen and (max-width: 980px){
    iframe{
        height: 500px!important;
    }
    #ditu {
        height: 560px!important;
    }
    #ditu .lianxi{
        width: 80%;
    }
}

@media all and (max-width:767px){
    iframe{
        height: 300px !important;
    }
    #ditu{
        height: auto !important;
    }
    #ditu .lianxi{
        width: calc(100% - 30px);
        position: static;
        transform: translate(0,0);
        margin: 15px;
    }
    #ditu .lianxi li{
        width: 100%;
        float: none;
    }

}

@media all and (max-width:767px) {
    .banner1{
       height: 352px;
       overflow: hidden;
   }
   .banner img {
       width: 300%;
       transform: translate(-35%);
       max-width: none;
   }
}