@keyframes rotation3dTwin{
	0%{
		transform:translate3d(0%,0%,0) rotateY(0deg) rotateX(0deg)
	}

	10%{
		transform:translate3d(0%,0%,0) rotateY(20deg) rotateX(-5deg)
	}

	20%{
		transform:translate3d(0%,0%,0) rotateY(-24deg) rotateX(13deg)
	}

	30%{
		transform:translate3d(0%,0%,0) rotateY(20deg) rotateX(7deg)
	}

	40%{
		transform:translate3d(0%,0%,0) rotateY(-17deg) rotateX(6deg)
	}

	50%{
		transform:translate3d(0%,0%,0) rotateY(27deg) rotateX(-14deg)
	}

	60%{
		transform:translate3d(0%,0%,0) rotateY(20deg) rotateX(12deg)
	}

	70%{
		transform:translate3d(0%,0%,0) rotateY(22deg) rotateX(-10deg)
	}

	80%{
		transform:translate3d(0%,0%,0) rotateY(23deg) rotateX(12deg)
	}

	90%{
		transform:translate3d(0%,0%,0) rotateY(-15deg) rotateX(2deg)
	}

	100%{
		transform:translate3d(0%,0%,0) rotateY(0deg) rotateX(0deg)
	}

}

.tile:hover{
	-webkit-animation:rotation3dTwin 2s infinite alternate;
	-moz-animation:rotation3dTwin 2s infinite alternate;
	-o-animation:rotation3dTwin 2s infinite alternate;
	animation:rotation3dTwin 2s infinite alternate
}

#content
{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
overflow:auto;
box-sizing:border-box;
padding:0px;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#menubear
{
position:fixed;
right:-30%;
top:0px;
width:30%;
height:100%;
overflow:auto;
color: #808080;
box-sizing:border-box;
padding:0px 20px;
letter-spacing:1px;
border-left: 1px solid #333;
font-family: 'Source Sans Pro', sans-serif;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#closemenu
{
float:left;
width:100%;
text-align:right;
box-sizing:border-box;
font-size:3em;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
cursor:pointer;
}
#closemenu:hover
{
color:#AAA;
}
.topbar
{
float:left;
width:100%;
position:relative;
text-align:center;
height:155px;
}
.menucarrier
{
float:left;
width:100%;
position:relative;
box-sizing:border-box;
padding: 0px 10px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.menuht
{
float:left;
width:100%;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
.mbut
{
float: left;
margin: 10px 0px;
cursor: pointer;
padding: 0px 21px;
border-right: 1px solid #999;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bbut
{
float: right;
margin: 10px 0px;
cursor: pointer;
padding: 0px 21px;
border-left: 1px solid #999;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.bbut:hover
{
background-color: #1A1A1A;
color: #DDD;
}
.asty
{
float:left;
text-align:center;
line-height: 29px;
}
#dn:hover #content
{
color: #FFF;
background-color: #1A1A1A;
}
#rot
{
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#lang:hover #rot
{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
#lang1:hover #rot1
{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}



#ulm {
text-align: left;
display: inline;
list-style: outside none none;
margin: 0px;
padding: 0px;
z-index: 10;
left: 0px;
width: 100%;
float: left;
}
#ulm li {
font-size: 2em;
display: inline-block;
text-decoration: none;
padding: 0px;
margin-right: -4px;
position: relative;
cursor: pointer;
float: left;
width: 100%;
line-height:1.2;
  color: #BBB;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#ulm li a
{
float: left;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #999;
padding: 14px 0px 8px 0px;
text-decoration: none;
color: inherit;
}
#ulm li:hover {
  color: #FFF;
}
#ulm li ul {
padding: 0px;
margin-top: 9px;
float:left;
top: 33px;
left: 0px;
box-shadow: none;
width: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#ulm li ul li { 
float: left;
font: .5em "Roboto",sans-serif;
display: block;
opacity: 0.85;
text-align: left;
width: 100%;
-moz-opacity:0.85;
-khtml-opacity:0.85;
filter:alpha(opacity=85);
line-height:1.5;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#ulm li ul li a
{
float: left;
width: 100%;
padding: 0px;
border-bottom: 0px;
white-space: nowrap;
text-decoration: none;
color: inherit;
}
#ulm li ul li:hover {  color:#FFF; }
.smlk
{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#ulm li ul li:hover .smlk
{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
#ulm li ul li ul{
padding: 0px;
float: left;
margin: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
#ulm li ul li ul li{ 
float: left;
width: 100%;
overflow:hidden;
font: 1em "Roboto",sans-serif;
display: block;
text-align: left;
box-shadow: none;
opacity:0;
-moz-opacity:0;
-khtml-opacity:0;
filter:alpha(opacity=0);
text-align:left;
box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
display: none;
visibility: hidden;
}
#ulm li ul li ul li:hover {  color:#FFF; }
#ulm li ul li:hover ul li{
display: block;
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
visibility: visible;
}
#ulm li ul li ul li a
{
float: left;
width: 100%;
padding: 1px 0px 1px 22px;
text-decoration: none;
color: inherit;
}
.fstcont
{
width:100%;
float:left;
position:relative;
z-index:1;
box-sizing: border-box;
padding: 0px 10px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.fstlt
{
width:25%;
float:left;
height:150px;
background-color: #FFF;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
background:url(imgs/wor.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fstrt
{
width:25%;
float:right;
height:150px;
background-color: #FFF;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
background:url(imgs/fstlt.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.fstmid
{
width:50%;
float:left;
height:150px;
overflow:hidden;
background-color: #FD4B65;
text-align:center;
cursor: pointer;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.fstmid1
{
width:0%;
float:left;
height:150px;
overflow:hidden;
background-color: #6799BD;
text-align:center;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.color1
{
/* background-color:#FFF989#FFEFCA; */
background-color:#FFF;
color:#444;
}
.color2
{
background-color:#6799BD;
color:#000;
}
.color4
{
color:#000;
}
.colota
{
/* background-color:#EEE; */
background-color: #1A468D;
color:#FFF;
}
.boxescont
{
float:left;
width:100%;
padding: 5px;
box-sizing: border-box;
}
.singlebox
{
float:left;
width:25%;
box-sizing:border-box;
height:350px;
padding:5px;
}
.doublebox
{
float:left;
width:50%;
box-sizing:border-box;
height:350px;
padding:5px;
}
.boxin
{
width:100%;
height:100%;
box-sizing:border-box;
cursor:pointer;
}
.inb
{
float:none;
/* background-color: rgb(114, 200, 172); */
background-color:#3F83CF;
background-image: url('imgs/str.png');
background-repeat: no-repeat;
background-position: left bottom;
font-family: ss; font-size: 211px;
text-align: center;
display: table-cell;
vertical-align: middle;
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.inb:hover
{
background-color: #333;
color: #3F83CF;
}
.inb1
{
float:none;
background-color: rgb(114, 200, 172);
background-image: url('imgs/str.png');
background-repeat: no-repeat;
background-position: left bottom;
font-family: ss; font-size: 211px;
text-align: center;
display: table-cell;
vertical-align: middle;
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.inb1:hover
{
background-color: #333;
color: rgb(114, 200, 172);
}
.inb2
{
float:none;
background-color: #FF5A5A;
background-image: url('imgs/str.png');
background-repeat: no-repeat;
background-position: left bottom;
font-family: ss; font-size: 211px;
text-align: center;
display: table-cell;
vertical-align: middle;
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.inb2:hover
{
background-color: #333;
color: #FF5A5A;
}
.inb3
{
float:none;
background-color: #FC8148;
background-image: url('imgs/str.png');
background-repeat: no-repeat;
background-position: left bottom;
font-family: ss; font-size: 211px;
text-align: center;
display: table-cell;
vertical-align: middle;
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.inb3:hover
{
background-color: #333;
color: #FC8148;
}
.impp
{
font-size: .1em;
font-family: Raleway;
margin: 0px;
text-decoration: underline;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.inb:hover .impp
{
font-size:0px;
}
.inb1:hover .impp
{
font-size:0px;
}
.inb2:hover .impp
{
font-size:0px;
}
.inb3:hover .impp
{
font-size:0px;
}
.tille
{
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;
position: relative;
background-color:rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.boxin:hover .tile{
	-webkit-animation:rotation3dTwin 2s infinite alternate;
	-moz-animation:rotation3dTwin 2s infinite alternate;
	-o-animation:rotation3dTwin 2s infinite alternate;
	animation:rotation3dTwin 2s infinite alternate
}
.boxin:hover .tille{
background-color:rgba(0,0,0,0);
}
.tillea
{
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;
position: relative;
background-color:rgba(0,0,0,0.2);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.boxin:hover .tillea{
background-color:rgba(0,0,0,0);
color:transparent;
}
@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -400px 0;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -400px 0;}
}
.scro:hover
{
-webkit-animation: backgroundScroll 20s linear infinite;animation: backgroundScroll 20s linear infinite;
}
@media screen and (min-width: 850px) {
  .singlebox { width:25%; }
  .doublebox { width:50%; }
  .anot { width:50%; }
  .inb { background-position: left bottom; }
  .fstlt { display:block; }
  .fstrt { display:block; }
  .fstmid{ width:50%; }
}
@media screen and (max-width: 851px) {
  .singlebox { width:50%; }
  .doublebox { width:50%; }
  .anot { width:100%; }
  .inb { background-position: right bottom; }
  .fstlt { display:none; }
  .fstrt { display:none; }
  .fstmid{ width:100%; }
}

.newhov
{
background: linear-gradient(to right, #9B4446 0%,#9B4446 50%,#9B4446 50%,#DE6164 50%,#DE6164 100%);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
@keyframes newhover{
	0%{
		color:#FFF
	}
	50%{
		color:#000
	}
	100%{
		color:#FFF
	}
}
.newhov:hover
{
background: linear-gradient(to left, #9B4446 0%,#9B4446 50%,#9B4446 50%,#DE6164 50%,#DE6164 100%);
	-webkit-animation:newhover 1s infinite alternate;
	-moz-animation:newhover 1s infinite alternate;
	-o-animation:newhover 1s infinite alternate;
	animation:newhover 1s infinite alternate
}

.newhov1
{
background: linear-gradient(to right, #449B48 0%,#449B48 50%,#449B48 50%,#61DE67 50%,#61DE67 100%);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.newhov1:hover
{
background: linear-gradient(to left, #449B48 0%,#449B48 50%,#449B48 50%,#61DE67 50%,#61DE67 100%);
	-webkit-animation:newhover 1s infinite alternate;
	-moz-animation:newhover 1s infinite alternate;
	-o-animation:newhover 1s infinite alternate;
	animation:newhover 1s infinite alternate
}

.doutwin
{
width:50%;
height:100%;
box-sizing:border-box;
position: relative;
display: table;
float:left;
}
.twinbut
{
width: 70px;
height: 70px;
display: table;
text-align: center;
color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin:-35px 0px 0px -35px;
z-index: 2;
pointer-events: none;
box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
transform: translate3d(-50%, -50%, 0px);
transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.anot:hover .twinbut
{
left:25%;
width: 90px;
height: 90px;
margin:-45px 0px 0px -45px;
background-color:#FFF;
color: #777;
}
.newte
{
width:100%;
height:100%;
background-color:#DADADA;
display: table-cell;
vertical-align: middle;
text-align:center;
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.anot:hover .newte
{
background-color:#333;
color:#FFF;
}
.idbrk
{
color:#000;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.idbrk span
{
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
color: #3F83CF;
}
.idbrk:hover
{
color:#3F83CF;
}
.idbrk:hover span
{
color:#000;
}
.anotwinbut
{
width: 70px;
height: 70px;
display: table;
text-align: center;
color: transparent;
position: absolute;
top: 50%;
left: 50%;
margin:-35px 0px 0px -35px;
z-index: 2;
pointer-events: none;
transform: translate3d(-50%, -50%, 0px);
transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.anot:hover .anotwinbut
{
left:25%;
width: 90px;
height: 90px;
margin:-45px 0px 0px -45px;
background-color:#FFF;
color: #777;
}
.leftarrof, .rightarrof
{
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.banner
{
width:100%;
height:100%;
overflow:hidden;
position:relative;
}
.slide
{
width: 100%; height: 100%; position: absolute;
}
.bannera
{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
}
.slidea
{
width: 100%; height: 100%; position: absolute;
}
.air
{
position:absolute;
width:100%;
bottom:0px;
left:0px;
text-align:center;
background-color:transparent;
color:transparent;
padding:10px;
box-sizing:border-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.boxin:hover .air
{
background-color:#FFF;
color:#000;
}
#loadmore
{
float: left;
width: 100%;
padding: 5px;
cursor: pointer;
box-sizing: border-box;
text-align: center;
font-size: 65px;
line-height: 60px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#loadmore:hover .boxin
{
background-color:#444;
color:#DDD;
}
.spec
{
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px dashed #A5A5A5;
}
.rfoot
{
float: left;
width: 100%;
padding: 5px;
box-sizing: border-box;
text-align: center;
line-height:1.5;
border-top: 1px solid;
margin-top: 5px;
}
.leftpart
{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.scro
{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}