a{

    text-align: center;

    text-decoration: none;

}

a:link {

	text-decoration: none;

	transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;

}





.container{

    width: 1200px;

    margin: 0 auto;

}

.wrap { width:1180px; margin:0 auto; }

.header,.footer,.branding { min-width:1140px; }





/*地区*/

.title_pro{

    position: relative;
    border-bottom: 1px solid #e9eef1;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;

}

.title_pro:before{
    content: '';
    position: absolute;
    left: 0;
    top: 24px;
    display: block;
    height: 6px;
    width: 6px;
    background: #4285f4;
}


.province{

    margin:15px auto;

}

.province li{

    float: left;

    margin: 5px;

    position: relative;

    cursor: pointer;

    background: #f8fafd;

}

.province li span{

    display:block;

    height:16px;

    width:36px;

    line-height:16px;

    text-align:center;

    font-size:12px;

    color:#fff;

    background:#e87568;

    position:absolute;

    right:-8px;

    top:-8px;

    border-radius:3px;

}

.province li a{

    display: block;

    font: 14px/36px Arial, sans-serif;

    color: #666;

    height: 36px;

    width: 120px;

    border: 1px solid #d6e4ee;

    transition: ease 0.3s;

}

.province .actived_pro a{

    border:1px solid #007edf;

    color: #007edf;

}

.province li a:hover{

    border:1px solid #007edf;

    color: #007edf;

}