@charset "utf-8";
/* CSS Document */

.container-1{
	margin:0;
	padding:0;
	background:url(../images/mayor/bg.jpg) top center no-repeat;
	/* padding-bottom: 30px!important; */
}
.container-1 .update{
	margin:34px 0px;
	margin-bottom:15px;
	/* margin-left: 148px; */
	padding:0px;
	background:url(../images/update/update.png) top left no-repeat;
	height:73px;
	background-size: 100% 100%;
}
.container-1 .update .update-right{
	    margin-left: 190px;
	    font: 16px/57px 'lineseed', Arial, sans-serif;
	    color:#fff;
		height:57px;
		overflow:hidden;
}
.container-1 .banner{
	margin:0;
	padding:0;	
}
.container-1 .banner .bannerin{
	margin:0;
	padding:0;
}
.container-1 .banner .bannerin img{
	max-width:100%;
	height:auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;	
}
.container-1 .banner .bottom{
	margin:5px 0px;
	text-align:center;
}

.container-1 .mayor{
	position:relative;
}
.container-1 .mayor .saima{
	position:absolute;
	top: 50px;
	left: 20px;
	z-index:1;
}
.container-1 .mayor .square-pic{
	position:absolute;
	top: 310px;
	right:0;
	z-index:1;
}
.container-1 .mayor .mayor-name{
	font: 26px/33px 'lineseed', Arial, sans-serif;
	padding-right: 41px;
	padding-top: 10px;
	color:#fff;
	font-weight:bold;
	background:url(../images/mayor/name.png) top left no-repeat;
	width:572px;
	height: 122px;
	text-align:right;
	position:absolute;
	top: 550px;
	right: -15px;
	z-index: 1;
}
.container-1 .mayor .mayor-name span{
	font: 20px/33px 'lineseed', Arial, sans-serif;
	    color:#fff;
		font-weight:bold;
}
.container-1 .mayor .mayor-pic{
	position:absolute;
	top: 30px;
	right:0;
	z-index:0;
}
@media (min-width: 320px) and (max-width: 424px) { 
.container-1{
	background-size: 770%;
	padding-bottom:0px;
}
	.container-1 .update{
	        margin-left: 0px;
        background-size: 180%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
	        height: 42px;
	}
	.container-1 .update .update-right{
		           margin-left: 140px;
        font: 14px / 42px 'lineseed', Arial, sans-serif;
        color: #fff;
        height: 42px;	
	}
	.container-1 .mayor{
		min-height:697px;	
	}
	.container-1 .mayor .mayor-pic img{
		max-width:100%;
		height:auto;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;	
	}
}

@media (min-width: 425px) and (max-width: 767px) { 
.container-1{
	background-size: 610%;
}
	.container-1 .update{
	        margin-left: 0px;
        background-size: 180%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
	        height: 42px;
	}
	.container-1 .update .update-right{
		           margin-left: 140px;
        font: 14px / 42px 'lineseed', Arial, sans-serif;
        color: #fff;
        height: 42px;	
	}
	.container-1 .mayor{
		min-height:567px;	
	}
	.container-1 .mayor .mayor-pic{		
	top: 30px;
    margin-left: -110px;
    left: 50%;
	}
	.container-1 .mayor .square-pic{
		top: 250px;
	}
	.container-1 .mayor .mayor-name{
		    top: 470px;
	}
	.container-1 .mayor .mayor-pic img{
		max-width:100%;
		height:auto;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;	
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
.container-1{
	background-size: 450%;
}
	.container-1 .update{
	        margin-left: 0px;
        background-size: 100%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
	        height: 42px;
	}
	.container-1 .update .update-right{
		           margin-left: 140px;
        font: 14px / 42px 'lineseed', Arial, sans-serif;
        color: #fff;
        height: 42px;	
	}
	.container-1 .mayor{
		min-height:697px;	
	}
	.container-1 .mayor .mayor-pic img{
		max-width:100%;
		height:auto;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;	
	}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.container-1{
	background: url(../images/mayor/bg.jpg) top left no-repeat;
        background-size: 140%;
}
	.container-1 .update{
	        margin-left: 0px;
	        background-size: 100%;
	        -webkit-border-radius: 10px;
	        -moz-border-radius: 10px;
	        border-radius: 10px;
	        height: 75px;
	}
	.container-1 .update .update-right{
		           margin-left: 195px;
		           font: 16px / 65px 'lineseed', Arial, sans-serif;
		           color: #fff;
		           height: 42px;
	}
	.container-1 .mayor .saima{
		display:none!important;	
	}
	.container-1 .mayor .square-pic{
		top: 260px;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;
	}
	.container-1 .mayor .mayor-name{
		            top: 444px;
        background-size: 100%;
        width: 431px;
        font: 24px / 24px 'lineseed', Arial, sans-serif;
        font-weight: bold;
	}
}
@media (min-width: 1200px) and (max-width: 1280px) { 
	.container-1 .update{
	        /* margin-left: 0px; */
	        /* background-size: 100%; */
	}
	.container-1 .update .update-right{
		           margin-left: 215px;
		           font: 16px / 65px 'lineseed', Arial, sans-serif;
		           color: #fff;
		           height: 49px;
	}
	.container-1 .mayor .saima{
		display:none!important;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;
	}
		.container-1 .mayor .mayor-name{
		            top: 551px;
		            background-size: 100%;
		            width: 481px;
		            font: 24px / 24px 'lineseed', Arial, sans-serif;
		            font-weight: bold;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) { 
	.container-1 .update{
	        /* margin-left: 0px; */
	        /* background-size: 100%; */
	}
	.container-1 .update .update-right{
		           margin-left: 215px;
		           font: 18px / 70px 'lineseed', Arial, sans-serif;
		           color: #fff;
		           height: 49px;
	}
	.container-1 .mayor .saima{
		display:none!important;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;
	}
		.container-1 .mayor .mayor-name{
		            top: 561px;
		            background-size: 118%;
		            width: 481px;
		            font: 25px / 30px 'lineseed', Arial, sans-serif;
		            font-weight: bold;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) { 
	.container-1 .update{
	        /* margin-left: 0px; */
	        /* background-size: 100%; */
	}
	.container-1 .update .update-right{
		           margin-left: 200px;
		           font: 16px / 65px 'lineseed', Arial, sans-serif;
		           color: #fff;
		           height: 49px;
	}
	.container-1 .mayor .saima{
		display:none!important;	
	}
	.container-1 .mayor .square-pic img{
		max-width:100%;
		height:auto;
	}
		.container-1 .mayor .mayor-name{
		            top: 561px;
		            background-size: 118%;
		            width: 481px;
		            font: 25px / 30px 'lineseed', Arial, sans-serif;
		            font-weight: bold;
	}
}
@media (min-width: 1441px) and (max-width: 1600px) { 
.container-1 .update{
	margin-left: 42px;	
}
.container-1 .mayor .saima{
	        top: 72px;
        left: 20px;	
}
.container-1 .mayor .saima img{
	max-width:88%;
		height:auto;
}
}