﻿body{
	margin:0;
	padding:0;
}
.d-flex{
	display:flex;
}
.j-center{
	justify-content: center;
}
.a-center{
	align-items: center;
}
.f-f{
	flex-flow: column;
}

#Choco_content{
	display:none;
	width:800px;
	height:600px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	border-top:1px solid transparent;
}
#Choco_left_arrow{
	float:left;
	background-image:url(../image/left.png)!important;
	background-position:12%;
	left:-20%;
}
#Choco_right_arrow{
	float:right;
	background-image:url(404.png)!important;
	background-position:88%;
	left:20%;
}
.Choco_arrows{
	background-repeat:no-repeat;
	display:none;
	position:relative;
	cursor:pointer;
	width:49%;
	top:-100%;
	height:100%;
	margin-top:-30px;
}
#Choco_container_photo{
	text-align:center;
	width:800px;
	height:600px;
	
}
#Choco_container_description{
	padding:0;
	height:26px;
	width:100%;
	color:#FFFFFF;
	font-family:Tahoma;
	clear:both;
	position:relative;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	visibility:hidden;
}
#Choco_container_title{
	float:left;
	padding:5px;
}
#Choco_container_via{
	padding:5px;
	float:right;
}
#Choco_container_via a{
	color:gray;
}
#Choco_container_via a:hover{
	color:white;
	background:gray;
}
#Choco_close{
	width:30px;
	height:25px;
	background-image:url(404.png)!important;
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	margin: 0px 0px 15px 0px;
	display:none;
}
#Choco_loading{
	width:9px;
	height:11px;
	background-image:url(404.png);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	float:right;
	margin-top:-20px;
	display:none;
}
#Choco_bigImage{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin-top:-5px;
}




.logos img{
		width: 80%;
	}
.demo{
    width:100%;
    margin:0px auto;
    overflow: hidden;
}
.demo1{
    margin:0px auto;display: flex;
    font-size:0px;
}
.demo1 img{
    width:100%;
    float:left;
}
@keyframes text { 
	    0%,10%{
	        margin-left:0px;
	    }
	    20%,30%{
	        margin-left:-100%;
	    }
	    40%,50%{
	        margin-left:-200%;
	    }
	}
.db{
	width: 15%;flex-flow: column;display: flex;
}
.db img{
		width: 80%;
	}
.db a{
	color: #777;
	margin-bottom: 10px;
}
.dba{
	width: 100%;display: flex;justify-content: center;margin-top: 30px;margin-bottom: 50px;
}
.dba img{
		width: 30%;
	}
.dbs{
	display: flex;
}
.bgone{
	width: 18%;
}
.bans{
	width: 100%;
	margin:0px auto;display: flex;
	font-size:0px;
}
.bans img{
    width:100%;
    float:left;
}
.bann{
    display: none;
}
.webs{
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	height: 50px;
}
.webs:hover{
	background: #419caf;
	color: #fff;
}
.abs{
	color: #fff;
	background: #419caf;
}
.weba{
	display: flex;
}
.weba a{
	display: flex;
	
	align-items: center;
	height: 60px;
	width: 80%;
	background: #419caf;
	color: #fff;
}
.weba p{
	margin-left: 10px;
}
.weba a:hover{
	background: #085c83;
}
.pss{
	color: #085c83;
	font-size: 20px;
	font-weight: 800;
	margin-top: 30px;
}
.pli li{
	color: #919191;
	margin-top: 1%;
	margin-bottom: 1%;
}
@media (min-width:768px) {
	.ppa{
		display: none;
	}
}
@media (max-width: 768px) { 
	.pli li{
		color: #919191;
		margin-top: 1%;
		margin-bottom: 1%;
		font-size: 10px;
	}
	.pss{
		color: #085c83;
		font-weight: 800;
		margin-top: 3%;
	}
	.ppc{
		display: none;
	}
	.ppa a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
		width: 100%;
		background: #419caf;
		color: #fff;
		
	}
	.ppa a:hover{
		background: #085c83;
	}
	.bans{
		display: none;
	}
	.bann{
	    width: 100%;
	    margin:0px auto;display: flex;
	    font-size:0px;
	}
	.bann img{
	    width:100%;
	    float:left;
	}
	.bgone{
		width: 30%;
		margin: 2px;
	}
	.bgone p{
		font-size: 10px;
	}
	.logos img{
		width: 60%;
	}
	.db{
		width: 33%;flex-flow: column;display: flex;
	}
	.db a{
		color: #777;
		margin-bottom: 10px;
	}
	.dba{
		width: 100%;display: flex;justify-content: center;margin-top: 50px;margin-bottom: 30px;
	}
	.dba img{
		width: 50%;
	}
	.dbs{
		display: block;
	}
	.db img{
			width: 100%;
		}
}