* { margin: 0px; padding: 0px; }
body {
	background-color: white;
	width: 100%; 
	height: 100%;
	font:12px "Open Sans", sans-serif; 
}
div.screen{
	width:100%;
	height:100%;	
	position:absolute; 
	top:0px; 
	left:0px;
	bottom: 0px;
	right: 0px;
	background:white;
}

div.logo img{
	width: 70px;
	position: absolute;
	top: 11px; 
	left: 21px;
	cursor: pointer;	
}

.list{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-size: 100%;
    z-index: 0;
}
.item{
	height:115px;.menu-splitR li:nth-of-type(3)
	margin-top:30px 0;
	padding-left:115px;
	clear:both;
}
.item .img, .item span{background:#214273; border-radius:3px;}
.item .img{float:left; width:71px; height:71px; margin-left:-93px;}
.item span{height:11px; width:180px; margin-bottom:19px; float:left;}
.item span:nth-of-type(3){width:75px; margin-botom:0;}

div.burger {
	height: 30px; 
	width: 40px;
	position: absolute;
	top: 11px; 
	right: 21px;
	cursor: pointer;	
	z-index: 3;
}
	div.x,
	div.y,
	div.z {
		position: absolute; margin: auto;
		top: 0px; bottom: 0px;		
		background: #fff;
		border-radius:2px;
		-webkit-transition: all 200ms ease-out;
		   -moz-transition: all 200ms ease-out;
		    -ms-transition: all 200ms ease-out;
		     -o-transition: all 200ms ease-out;
		        transition: all 200ms ease-out;
	}		
	div.x, div.y, div.z { height: 3px; width: 26px; }
	div.y{top: 18px;}
	div.z{top: 37px;}
	div.collapse{
		top: 20px;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;
	}
	 
	
	div.rotate30{
		-ms-transform: rotate(30deg); 
    	-webkit-transform: rotate(30deg); 
	    transform: rotate(30deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	div.rotate150{
		-ms-transform: rotate(150deg); 
    	-webkit-transform: rotate(150deg); 
	    transform: rotate(150deg);	
		-webkit-transition: all 50ms ease-out;
		   -moz-transition: all 50ms ease-out;
		    -ms-transition: all 50ms ease-out;
		     -o-transition: all 50ms ease-out;
		        transition: all 50ms ease-out;					
	}
	
	div.rotate45{
		-ms-transform: rotate(45deg); 
    	-webkit-transform: rotate(45deg); 
	    transform: rotate(45deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}
	div.rotate135{
		-ms-transform: rotate(135deg); 
    	-webkit-transform: rotate(135deg); 
	    transform: rotate(135deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}

div.navbar{height:73px;background:black;}

div.menu-bg{	
	z-index: -1;
	width: 100%;
	height: 100%; 
	position:absolute;	
  	top:0;
  	left:0;
	background:rgba(0,0,0,.8);
	opacity:0;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu-bg.animate{
	opacity:0.9;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);					
	
}
div.menu {
	width: 100%;
}

.menu-splitL, .menu-splitR{
	overflow:hidden;
	position: absolute;
	top: 90px;	
	right: 0px;
	width:180px;
	z-index: 0;
}
.menu-splitR{right:20px;}

div.menu ul li {
	list-style: none;
	width:320px;
	margin-top:40px;
	text-align:center;
	font-size:19px;
	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;	
	letter-spacing:3px;	
}

section > div {
    transition: transform 1s;
    transform: translateX(0px);
}

div.menu li.animate{
	font-size:19px;
	opacity:1;
	-webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

.menu-splitL li:nth-of-type(1){	margin-left:44px;transition-delay: 0.12s;}
.menu-splitL li.animate:nth-of-type(1){	margin-left:0;	transition-delay: 0.0s;	}

.menu-splitL li:nth-of-type(2){	margin-left:41px;	transition-delay: 0.09s;}
.menu-splitL li.animate:nth-of-type(2){	margin-left:0;	transition-delay: 0.05s;}

.menu-splitL li:nth-of-type(3){	margin-left:57px;	transition-delay: 0.046s;}
.menu-splitL li.animate:nth-of-type(3){	margin-left:0;	transition-delay: 0.1s;}

.menu-splitL li:nth-of-type(4){	margin-left:61px;transition-delay: 0.03s;}
.menu-splitL li.animate:nth-of-type(4){	margin-left:0;	transition-delay: 0.15s;}

.menu-splitL li:nth-of-type(5){	margin-left:59px;	transition-delay: 0.0s;	}
.menu-splitL li.animate:nth-of-type(5){	margin-left:0;	transition-delay: 0.2s;	}

.menu-splitL li:nth-of-type(6){	margin-left:59px;	transition-delay: 0.0s;	}
.menu-splitL li.animate:nth-of-type(6){	margin-left:0;	transition-delay: 0.2s;	}

.menu-splitL li:nth-of-type(7){	margin-left:59px;	transition-delay: 0.0s;	}
.menu-splitL li.animate:nth-of-type(7){	margin-left:0;	transition-delay: 0.2s;	}



.menu-splitR li:nth-of-type(1){	margin-left:-247px;transition-delay: 0.12s;}
.menu-splitR li.animate:nth-of-type(1){	margin-left:-70px;	transition-delay: 0.0s;	}

.menu-splitR li:nth-of-type(2){	margin-left:-247px;	transition-delay: 0.069s;}
.menu-splitR li.animate:nth-of-type(2){	margin-left:-70px;	transition-delay: 0.05s;}

.menu-splitR li:nth-of-type(3){	margin-left:-247px;	transition-delay: 0.06s;}
.menu-splitR li.animate:nth-of-type(3){	margin-left:-70px;	transition-delay: 0.1s;}

.menu-splitR li:nth-of-type(4){	margin-left:-247px;transition-delay: 0.03s;}
.menu-splitR li.animate:nth-of-type(4){	margin-left:-70px;	transition-delay: 0.15s;}

.menu-splitR li:nth-of-type(5){	margin-left:-247px;	transition-delay: 0.0s;	}
.menu-splitR li.animate:nth-of-type(5){	margin-left:-70px;	transition-delay: 0.2s;	}

.menu-splitR li:nth-of-type(6){	margin-left:-247px;	transition-delay: 0.0s;	}
.menu-splitR li.animate:nth-of-type(6){	margin-left:-70px;	transition-delay: 0.2s;	}

.menu-splitR li:nth-of-type(7){	margin-left:-247px;	transition-delay: 0.0s;	}
.menu-splitR li.animate:nth-of-type(7){	margin-left:-70px;	transition-delay: 0.2s;	}



.screen .bottom{
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 90px;
	background-color: rgb(0,0,0);
	z-index: 1;
	min-height: 100px;
}


.screen .bottom .p1{
	position: absolute;
	left: 20px;
	top:10px;
	color: rgb(220,200,200);
	font-size: 14px;
}

.screen .bottom .p2{
	position: absolute;
	left: 110px;
	top:10px;
	color: white;
	font-size: 14px;
}

.screen .bottom .p3{
	position: absolute;
	left: 200px;
	top:10px;
	color: white;
	font-size: 14px;
}

.screen .bottom .p4{
	position: absolute;
	left: 20px;
	top:35px;
	color: white;
	font-size: 14px;
}

.screen .bottom .p5{
	position: absolute;
	left: 110px;
	top:35px;
	color: white;
	font-size: 14px;
}

.screen .bottom .p6{
	position: absolute;
	left: 20px;
	top:60px;
	color: white;
	font-size: 14px;
}

.screen .bottom .p7 img{
	position: absolute;
	right: 0px;
	top:25px;
	height: 40px;
}

.screen .bottom a{
	text-decoration: none;
	color: rgb(125,125,125);
}


.company_menu{
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 100px;
	width: 100%;
}


.company_menu .item2{
	margin-left: 1%;
	width: 48%;
	display: inline-block;
	position: relative;
}

.company_menu .item2 img{
	width: 100%;
}

.company_menu .item2 span{
	display: block;
	position: absolute;
	left: 10px;
	right: 0px;
	bottom: 10px;
	font-size: 22px;
	color: white;
}


.company_menu .item3{
	margin-left: 1%;
	width: 98%;
	display: inline-block;
	position: relative;
}

.company_menu .item3 img{
	width: 100%;
}

.company_menu .item3 span{
	display: block;
	position: absolute;
	left: 10px;
	right: 0px;
	bottom: 10px;
	font-size: 22px;
	color: white;
}

.company_menu .item4{
	margin-left: 1%;
	width: 50%;
	display: inline-block;
	position: relative;
}

.company_menu .item4 img{
	width: 100%;
}

.company_menu .item4 span{
	display: block;
	position: absolute;
	left: 10px;
	right: 0px;
	bottom: 10px;
	font-size: 22px;
	color: white;
}
.screen .list2{
	width: 100%;
	overflow-y: scroll;
	padding-bottom: 110px;
	z-index: 0;
}

.screen .list2 .s1{
	width: 100%;
	line-height: 60px;
	text-align: center;
	color: rgb(0,0,0);
	font-size: 25px;
}

.screen .list2 .s2{
	color: rgb(0,0,0);
	font-size: 14px;
	margin-left: 5%;
	width: 90%;
	margin-top: 10px;
}

.screen .list2 .s3 img{
	color: rgb(0,0,0);
	font-size: 14px;
	margin-left: 5%;
	width: 90%;
	margin-top: 10px;
}

.screen .list2 .s4{
	color: rgb(0,0,0);
	font-size: 14px;
	margin-left: 5%;
	width: 90%;
	margin-top: 10px;
}

.screen .list2 .s4 a{
	color: rgb(0,0,0);
}

.screen .list2 .s5 img{
	width: 100%;
}

.screen .list2 .s5a img{
	width: 50%;
}

.screen .list2 .s6{
	margin-left: 5%;
	width: 90%;
	line-height: 20px;
	text-align: center;
	color: rgb(0,0,0);
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
}

.screen .list2 .s7{
	margin-left:10%;
	width: 80%;
	height: 2px;
	background-color: rgb(150,150,150);
	margin-top: 20px;
	
}


.screen .list2 .s8{
	text-align: center;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
}

.screen .list2 .s9{
	text-align: center;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: rgb(220,220,220);
	margin-top: 10px;
}

.screen .list2 .s10{
	font-size: 14px;
	margin-left: 5%;
	width: 90%;
}

.screen .list2 .s10 img{
	width: 100%;
}


.screen .list2 .item3{
	margin-left: 10%;
	width: 80%;
	border-top: solid 2px rgb(120,120,120);
	margin-top: 10px;
}

.screen .list2 .item3 .p1{
	font-size: 16px;
	margin-top: 10px;
}

.screen .list2 .item3 .p2{
	font-size: 12px;
	margin-top: 10px;
}

.screen .list2 .item3 .p3 img{
	width: 100%;
	margin-top: 10px;
}





.screen .list .s1{
	text-align: center;
	width: 100%;
	margin-top: 20px;
	font-size: 25px;
	line-height: 40px;
}

.screen .list .s2{
	margin-left: 10%;
	width: 80%;
	line-height: 20px;
	font-size: 14px;
}

.screen .list .s3{
	margin-left: 20%;
	width: 60%;
	height: 50px;
	line-height: 50px;
	background-color: black;
	text-align: center;
	font-size: 30px;
	color: white;
	margin-top: 10px;
}



.screen .list2 .item4{
	position: relative;
	margin-left: 5%;
	width: 90%;
	margin-top: 10px;
}


.screen .list2 .item4 img{
	width: 100%;
}

.screen .list2 .item4 .p1{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 50px;
	background-color: rgba(0,0,0,.6);
}

.screen .list2 .item4 .p2{
	position: absolute;
	left: 20px;
	bottom:25px;
	line-height: 20px;
	color: white;
	font-size: 16px;
}

.screen .list2 .item4 .p3{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom:5px;
	line-height: 20px;
	color: white;
	display: inline-block; 
	white-space: nowrap;
	overflow: hidden; 
	text-overflow:ellipsis;
}



.screen .list3{
	width: 100%;
	overflow-y: scroll;
	padding-bottom: 110px;
	z-index: 0;
	background-color: rgb(43,41,43);
	height: 100%;
}

.screen .list3 .s1{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	font-size: 30px;
	color: white;
}

.screen .list3 .s2{
	width: 80%;
	margin-top: 20px;
	font-size: 15px;
	color: white;
	margin-left: 10%;
}


.screen .list3 .item2{
	position: relative;
	margin-left: 10%;
	width: 80%;
	height: 40px;
	margin-top: 10px;
}

.screen .list3 .item2 span{
	position: absolute;
	left: 0px;
	top:10px;
	display: block;
	height: 30px;
	color: white;
	font-size: 15px;
}

.screen .list3 .item2 input{
	position: absolute;
	left: 30%;
	right: 0px;
	width: 70%;
	top:10px;
	height: 30px;
	border:none;
	padding-left: 5px;
	font-size: 15px;

}

.screen .list3 .item2 button{
	position: absolute;
	right: -5px;
	width: 70px;
	height: 30px;
	border:none;
	color: white;
	font-size: 14px;
	background-color: rgb(0,0,0);
	top:20px;
	outline: none;

}


.screen .list4{
	position: relative;
	width: 100%;
	z-index: 0;
	background-color: rgb(43,41,43);
	height: 100%;
	overflow: hidden;
}


.screen .list4 .s1{
	position: absolute;
	left: 0px;
	width: 100%;
	top:50px;
	font-size: 40px;
	text-align: center;
	color: white;
}

.screen .list4 .s2{
	position: absolute;
	left: 10%;
	width: 80%;
	top:170px;
	background-color: white;
	height: 1px;
	color: white;
}

.screen .list4 .s3{
	position: absolute;
	left: 0px;
	width: 100%;
	top:200px;
	font-size: 30px;
	text-align: center;
	color: white;
}

.screen .list4 .s4{
	position: absolute;
	left: 0px;
	width: 100%;
	top:250px;
	font-size: 30px;
	text-align: center;
	color: white;
}

.screen .list4 .s5{
	position: absolute;
	left: 10%;
	width: 80%;
	top:340px;
	background-color: white;
	height: 1px;
	color: white;
}



.list2 .h1{
	width: 90%;
	margin-left: 5%;
	line-height: 80px;
	font-size: 22px;
	text-align: center;
	font-weight: bold;

}


.list2 .h2{
	width: 90%;
	margin-left: 5%;
	line-height: 20px;
	font-size: 15px;
	margin-top: 20px;
}

.list2 .h3{
	width: 90%;
	margin-left: 5%;
	line-height: 20px;
	font-size: 15px;
	margin-top: 5px;
}