*{
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	
	}

h1,h2,h3,h4,h5,h6,p {
	margin: 0 !important;
	padding: 0 !important;
}
p {
	font-family: 'Lato', sans-serif;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
ol {
	list-style-type: none;
	padding: 0 !important;
}
a {
	text-decoration: none !important;
}
ul {
	margin-bottom: 30px !important;
	padding: 0 0 0 20px !important;
	margin-top: 10px !important; 
}
.ss ul li {
	margin-bottom: 10px;
}

.appcon h1 {
	color: #11bee9;
	text-align: center;
	margin-bottom: 15px !important;
	font-size: 30px;
	font-weight: 700;
}
.appcon p {
	color: #232323;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 25px;
}
.app{
	margin-bottom: 45px;
}
.ssbox img{
	display: block;
	width: 250px !important;
	height: 500px;
}
.ss h1 {
	color: #11bee9;
	text-align: center;
	/*margin-bottom: 25px !important;*/
	font-size: 30px;
	font-weight: 700;
}
/*.ss {
	margin-bottom: 25px;
}*/

.appvideo {
	margin-bottom: 45px;
}

.police{
	margin-bottom: 30px;
}
.police img {
	margin-bottom: 15px;
}
.logo{
    width:70%;
}
.v-center{
    align-items:center;
}
.bnrimg{
    text-align:right;
}
.banner {
    background:url("../image/bnr.jpg") no-repeat center;
    overflow: hidden;
    float:left;
    width:100%;
	margin-bottom: 20px;
    padding: 20px 0;
}
.banner2 {
	margin-bottom: 20px;
	position: relative;
}
.banner h3{
    text-align:center;
    color:#fff;
}
.bnrtext2 {
	position: absolute;
	top: 86%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
.bannercon img {
	width: 100%;
}
.police h1 {
	color: #11bee9;
	text-align: center;
	margin-bottom: 35px !important;
	font-size: 30px;
	font-weight: 700;
	
    margin-top: 20px !important;
}
.police p {
	font-size: 15px;
	font-weight: 700;
	color: #11bee9;
}
.upcoming{
	margin-bottom: 25px;
}
.upcoming p {
	color: #232323;
	padding-top: 58px !important;
	margin-bottom: 25px !important;
	font-size: 14px;
	font-weight: 400;
	
}
.upcoming h1 {
	color: #11bee9;
	text-align: center;
	margin-bottom: 15px !important;
	font-size: 30px;
	font-weight: 700;
}
.upcoming img {
	width: 100%;
	margin: 0 0 11px 0;
}
.policecon {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.policebox {
	border-right: 1px #18181836 solid;
	width: 100%;
	text-align: center;
}
.policeboxs {
	/*border-right: 1px #18181836 solid;*/
	width: 100%;
	text-align: center;
}
.policebox img {
	display: block;
	width: 121px;
	height: 130px;
	margin-left: 33px; 
}
.policeboxs h3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px !important;
}
.policebox h3 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px !important;
}
.brdr {
	border-right: none !important;
}

.appvideo img {
	display: block;
	width: 100%;
	height: 300px;
	border: 1px #11bee9 solid;
}
.ss p{
   padding-top: 50px !important;
   margin-bottom: 35px !important;
}
.ss h3 {
	font-weight: 500;
	font-size: 25px;
	margin-bottom: 15px !important;
}

.bnrtext img{
   width: 34%;
    float: left;
    position: relative;
    right: 157px;
    top: -14px;
   
}


.diver{
    width:100%;
    float:left;
    margin:0px;
    padding:0px 0 0px 0;
    border: 1px solid #00000029;
    /*border-bottom: none;
    border-left: none;
    border-right: none;*/
}





.footer {
background-color: #232323;
padding: 20px 0;
}
.footer p {
color: #fff;
font-size: 14px;
}
.f1 {
text-align: left;
}
.f2 {
text-align: right;
}



.projectarae{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}
.pinn{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}

.pinn img{
    width:100%;
    float:left;
    margin:0px;
    padding:0px;
}






@media only screen and (max-width: 1024px){

.container {
		width: 960px;
		box-sizing: border-box;
		margin: 0 auto;
	}

.app{
	width: 100%;
}

.ssbox img {
    display: block;
    width: 210px !important;
    height: 500px;
}
.policecon{
	flex-wrap: wrap;
}

.policebox{
	width: 48% !important;
	margin-bottom: 25px !important;
}
.policeboxs{
	width: 48% !important;
	margin-bottom: 25px !important;
}
.policebox img {
    display: block;
    margin: 0 0 0 37% !important;
}
.ssbox{
	overflow: hidden;
}

.ssbox{
	margin-bottom: 15px;
}
.policebox {
	border-right: none;
	width: 100%;
	text-align: center;
}

.policebox h3 {
    font-size: 20px;
    font-weight: 700;
}






}
















@media only screen and (max-width: 768px){
.f1,.f2{
text-align: center !important;
margin-bottom: 5px !important;
}


.container {
		width: 720px;
	}

.app{
	width: 100%;
}


.policecon{
	flex-wrap: wrap;
}

.policebox{
	width: 48% !important;
	margin-bottom: 25px !important;
}
.policeboxs{
	width: 48% !important;
	margin-bottom: 25px !important;
}
.policebox img {
    display: block;
    margin: 0 0 0 33% !important;
}

.ssbox img{
	display: block;
	width: 100% !important;
	height: 375px;
}
.ssbox{
	margin-bottom: 15px;
}
.policebox {
	border-right: none;
	width: 100%;
	text-align: center;
}

.policebox h3 {
    font-size: 20px;
    font-weight: 700;
}


.appvideo img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px #11bee9 solid;
    margin:0 0 15px 0;
}
.bnrimg{
    text-align:center;
}
.bnrtext {
    position: absolute;
    top: 55%;
    left: 42%;
    transform: translate(-50%,-50%);
    color: #fff;
        text-align: center;
}

.bnrtext img {
    width: 34%;
    float: left;
    position: relative;
    right: 29px;
    top: -5px;
}

}









@media only screen and (max-width: 414px){

.container {
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
		text-align: center;
	}

.app{
	width: 100%;
}


.policecon{
	flex-wrap: wrap;
}

.policebox{
	width: 100% !important;
	margin-bottom: 25px !important;
}
.policeboxs{
	width: 100% !important;
	margin-bottom: 25px !important;
}
.policebox img {
    display: block;
    margin: 0 0 0 33% !important;
}

.ssbox img{
	display: block;
	width: 300px !important;
	height: 500px;
	margin: 0 0 0 12%;
}
.ssbox{
	margin-bottom: 15px;
}
.policebox {
	border-right: none;
	width: 100%;
	text-align: center;
}

.policebox h3 {
    font-size: 20px;
    font-weight: 700;
}
.policeboxs {
    margin-bottom: 15px;
}


.bnrtext h3{
	font-size: 15px;
}






}