.header .head .del@charset "utf-8";
/* CSS Document */

body{ margin:0px auto; padding:0px; font-family:Arial, "微软雅黑"; font-size:14px; line-height:26px;  color:#333;}
*{padding:0px;margin:0px;}

table,div,p,ul,ol,li{ margin:0px auto; padding:0px; border:none;}
table{ empty-cells:show; border-collapse:collapse;}
td{ vertical-align:top;}
li{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#1b5edc;}
li a:hover{ color:#1b5edc;}
a img{ border:none;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
.hei10{ height:10px;}
.hei20{ height:20px;}
.hei30{ height:30px;}


/*头锟斤拷*/
#topToolbar{
	_display:none;
	width:100%; height:120px;
	top:0px; left:0; _top:0; z-index:10000;
	_position:absolute; _top:expression(documentElement.scrollTop); 
}
.header { height:120px;background-color:rgba(255,255,255,0.85);box-shadow:0 0 6px #666; width:100%; }
.header .head { width:1200px; margin:0 auto; }
.header .head .logo {width:320px; height:105px; float:left; margin-top:7px;  }


.adress i{display:block;position:absolute;top:4px;right:8px;width:16px;height:17px;background: url(../images/wztb.png) center no-repeat;}
/*menu*/
#nav {
     margin:0px 0px 0px 0px; 
     width:1000px; 
     display:block;
	 font-size:16px; 
	 font-family:"微软雅黑"; 
}
#nav .mainlevel {
      background:url(../images/d2.jpg) 0 0 repeat-x; 
	  float:left; 
	  margin-right:0px; 	  width:136px;
 
/*IE6 only*/}
.piclist img{width: 254px !important;height:180px ; padding:0px;margin-bottom:2px;}

#nav .mainlevel a {
      color:#333333; 
	  text-decoration:none;
	  line-height:120px; 
	  display:block; 
	  padding:0; 
	  text-align:center; font-size:15px;
	  }
	  #nav .mainlevel a:hover { color:#fff;}
#nav .mainlevel:hover {
      color:#fff;
	  line-height:90px;
	  text-decoration:none; background: #1e2b8e; height:120px;
	  
	  }
#nav .mainlevel a.on {
      color:#fff;
	  line-height:90px;
	  text-decoration:none; 
	  
	  }
#nav .mainlevel1 {
      background:#e1e0e0;
	  float:left; 
	  margin-right:4px; margin-left:-0px; 
	  width:135px; z-index:1000000000000000;
/*IE6 only*/}
#nav .mainlevel1 a {
      color:#000; 
	  text-decoration:none; font-size:14px;
	  line-height:40px; 
	  display:block; 
	  padding:0; 
	  width:135px;
	  text-align:center;
	  }
#nav .mainlevel1 a:hover {
      color:#fff;
	  line-height:40px;
	  text-decoration:none; 
	  background:#0d72da; border-bottom:none; height:40px;
	  }
#nav .mainlevel ul {
      display:none; 
	  position:absolute;
	  }
#nav .mainlevel li {
	  width:135px;
	  /*IE6 only*/}

.header .head .del { width:155px; float:right; margin-top:44px; }

.lo-btn {
   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #026da5;
    color: #14c2ff;
}
.h-btn {
    float: left;
    text-align: center; border-radius:4px;
    padding: 0 10px;
    margin-right: 9px;
    border: 1px solid #666;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #000;}
.h-btn:hover {
 
    border: 1px solid #1e2b8e; background:#0d72da;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    color: #fff;}
	
	

/*banner*/

.banner{position:relative;width:100%;min-width:1000px;height:697px;overflow:hidden;z-index:9; margin:0px; padding:0px;}
#fullSlide{width:100%;position:relative;height:650px;}
#fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
#fullSlide .bd ul{width:100% !important;}
#fullSlide .bd li{width:100% !important;height:650px;overflow:hidden;text-align:center;}
#fullSlide .bd li a{display:block;height:650px;}
#fullSlide .hd{position:absolute;bottom:0;left:0;width:100%;z-index:1;height:28px;line-height:28px;text-align:center;}
#fullSlide .hd ul{height:28px;text-align:center;}
#fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:28px;margin:0 5px;background:url(../images/ico.png) no-repeat 0 -169px;overflow:hidden;line-height:9999px;}
#fullSlide .hd ul .on{background:url(../images/ico.png) no-repeat -17px -169px;}


/*锟斤拷锟斤拷业锟斤拷锟斤拷*/
.about{ width:1000px;  text-align:center; margin: auto; font-size:14px; color:#333333; line-height:30px;}
.about a{ color: #dc621a; font-size:14px;}

.fwxm {
	width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 20px;
}
.fwxm_title {
	margin-top: 15px;
	
	height: 118px;
	text-align: center;
}
.fwxm_title h1 {
	font-size: 32px;
	color: #dc621a;
	line-height: 50px;
}
.fwxm_title h2 {
	background: url(../images/xian.png) repeat-x center;
	max-width: 1200px;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	margin: auto;
	text-transform: uppercase;
	line-height: 30px; 
}
.fwxm_title h2 span {
	background: #fff;
	padding: 0 20px; color:#313030;
}
.fwxm_title p {
	font-size: 13px;
	color: #565656;
	line-height: 30px;
}
.fwxm ul {
	margin-top: 00px;
	width: 1030px;
	clear: both;  margin-left:85px;
}
.fwxm li {
	margin-right: 0px;margin-left: -33px;
	cursor: pointer;
	height: 230px;
	margin-bottom: 10px;
	float: left;
	width:180px;
	
}
.fwxm li.last { margin-right:0}
.fwxm li:hover {
	background: #f5f5f5;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb {
margin:30px auto 0;
	border-radius: 120px;
	width: 120px;
	
	height: 120px;	 
}
.fwxm li .tb a {
	height: 120px;
	display: block;background:url(../images/title_bg.png) no-repeat center;
}
.fwxm li .tb1 {
	background: url(../images/tb2.png) no-repeat 35px 30px;
}
.fwxm li:hover .tb1 {
	background: url(../images/tb2.png) no-repeat 35px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb2 {
	background: url(../images/tb2.png) no-repeat -125px 30px;
}
.fwxm li:hover .tb2 {
	background: url(../images/tb2.png) no-repeat -125px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb3 {
	background: url(../images/tb2.png) no-repeat -273px 30px;
}
.fwxm li:hover .tb3 {
	background: url(../images/tb2.png) no-repeat -273px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb4 {
	background: url(../images/tb2.png) no-repeat -427px 30px;
}
.fwxm li:hover .tb4 {
	background: url(../images/tb2.png) no-repeat -427px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb5 {
	background: url(../images/tb2.png) no-repeat -584px 30px;
}
.fwxm li:hover .tb5 {
	background: url(../images/tb2.png) no-repeat -584px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb6 {
	background: url(../images/tb2.png) no-repeat -738px 30px;
}
.fwxm li:hover .tb6 {
	background: url(../images/tb2.png) no-repeat -738px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb7 {
	background: url(../images/tb2.png) no-repeat -890px 30px;
}
.fwxm li:hover .tb7 {
	background: url(../images/tb2.png) no-repeat -890px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .tb8 {
	background: url(../images/tb2.png) no-repeat -1040px 30px;
}
.fwxm li:hover .tb8 {
	background: url(../images/tb2.png) no-repeat -1040px -108px #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .fwxm_txt {
	margin: 30px 20px 0 20px;
}
.fwxm li .fwxm_txt strong a {
	color: #646362;
}
.fwxm li .fwxm_txt strong {
	text-align: center;
	display: block;
	font-size: 18px;
	line-height: 26px;
}
.fwxm li:hover .fwxm_txt strong a {
	display: block;
	color: #1e2b8e;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
.fwxm li .fwxm_txt p.txt_con {
	text-transform: uppercase;
	height: 45px;
	text-align: center;
	overflow: hidden;
	color: #888;
}
.fwxm li .fwxm_txt p a {
	line-height: 24px;
	border-radius: 20px;
	border: 1px solid #224fb4;
	display: block;
	text-align: center;
	color: #224fb4;
	margin-top: 10px;
	margin-left: 15px;
	width: 100px;
}
.fwxm li:hover .fwxm_txt p a {
	color: #fff;
	background: #224fb4;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
/*品锟斤拷*/
.pinpai {
	width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 0px;
}
.aboutda{ width:1200px; height:340px; position:relative;  }

.aboutda-l{width:580px; height:301px;  position:absolute;top:15px; left:1px; }

.aboutda-l img{ width:580px; height:345px;}
.aboutda-r{width:565px; height:420px;  position:absolute; top:15px; right:1px; }
.aboutda-r span{ font-size:18px;  color:#211f1d;  line-height:50px; display:block;  font-weight:bold;}
.aboutda-r p{font-size:14px; color:#333333; text-align:left; display:block;   line-height:33px;}

.chakan{ width:120px; height:35px; border:1px solid #f2f2f2; float:right; margin-top:40px;}
.chakan a{ width:120px; height:35px; font-size:15px; line-height:35px;display:block; text-align:center;}



/*锟斤拷锟斤拷*/
#about{ width:100%; height:345px; background-color:#f2f2f2;}

.jiyu {
	width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 20px;
}
.aboutda2{ width:1200px; height:345px; position:relative; }

.aboutda-r2{width:581px; height:420px;  position:absolute;top:15px; right:1px; }
.aboutda-l2{width:560px; height:420px;  position:absolute; top:5px; left:1px; }
.aboutda-l2 h1{ font-size:32px;  color:#dc621a; line-height:65px; display:block;  margin-top:22px;}
.aboutda-l2 SAPN{ color:#313030; font-size:13px; line-height:50px;}
.aboutda-r2 img{ width:581px; height:345px;}

.heng{ width:55px; height:2px; background-color:#313131; margin-top:10px; margin-left:1px;}
.aboutda-l2 p{font-size:14px; color:#333333; text-align:left; display:block;  line-height:33px;}
.meihua{ margin-top:18px;}
.meihua p{ font-size:14px; color:#211f1d; text-align:left; display:block;  line-height:33px;}
.aboutda-r2  img{ margin-top:-15px;}


.chakan2{ width:120px; height:35px; border:1px solid #cfcfcf; margin-top:30px; background-color:#fff; margin-left:1px;}
.chakan2 a{ width:120px; height:35px; font-size:15px; line-height:35px;display:block;  text-align:center;}


/*锟斤拷品*/
.lxcp { background: url(../images/pc-events-bg-03.jpg) top center no-repeat; padding:10px 0 30px; overflow:hidden}
.lxcp_title {
	margin-top: 15px;

	height: 118px;
	text-align: center;
}
.lxcp_title h1 {
	font-size: 32px;
	color: #dc621a;
	line-height: 50px;
}
.lxcp_title h2 {
	background: url(../images/xian.png) repeat-x center;
	max-width: 1200px;
	font-weight: normal;
	font-size: 14px;
	color: #000;
	margin: auto;
	text-transform: uppercase;
	line-height: 30px;
}
.lxcp_title h2 span {
	 background-color:#f2f2f2;
	padding: 0 20px;
}
.lxcp_title p {
	font-size: 12px;
	color: #565656;
	line-height: 30px;
}
#wrap{
	width: 1040px;
	height: auto;
	margin: 10px auto;
}
#wrap ul li .a1 img{
	width: 240px;
	height: 130px;
}
#wrap ul li{
	width: 240px;
	height: 130px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 10px;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	height: 0px;
	padding: 0px 20px;
	background: #fff;
}
#wrap ul li .a1 .divA>.p1{
	width: 240px;
	height: 10px;
	font-size: 17px;
    line-height: 85px;
    color: #333333;
}
#wrap ul li .a1 .divA>.p2{
	width: 240px;
	height: 10px;
    font-size: 15px;
    color: #666666;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #0d72da;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*閬僵*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:240PX;
	width: 240px;
	height:130px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 195px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -380px;
	color: #0d72da;
	font-size: 15px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 360px;
	text-align: center; padding:0 10px;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -380px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left:30%;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border-radius: 10px;
	margin: 5px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}
    






/*--锟斤拷锟斤拷-*/
.gongyi{width: 1200px;
	margin: auto;
	clear: both;
	margin-top: 20px;}


.pro{ width:260px; height:0px;  text-align:center; padding-top:0px; float:left; margin-right:55px; background-color:#f3f3f3; border-radius:8px;}
.pro p{ height:5px; font-size:15px; color:#000;  line-height:45px;  font-family:serif; margin-top:5px;}
.pro span{  font-size:15px; color:#6b6b6b;  line-height:37px;  font-family:"微锟斤拷锟脚猴拷"; margin-top:20px;}
.pro img{ width:260px; height:180px;}
.ban{ width:100%; height:350px;}
.pro:hover{ background-color:#dddddd;}

.heng2{ width:0px; height:2px; background-color:#999999; margin: auto; margin-top:10px;margin-bottom: 10px;}

.zizi{ text-align:left; color:#666666; line-height:35px; margin-top:20px; width:290px; margin: auto; font-size:14px;}





.liuyan{ width:100%; height:300px; background:url(../images/lian.jpg) no-repeat center; margin-top:-10px;}

.liuyanzz{ width:1170px; height:350px;  margin: auto; }
.liuyanzz-l{ float:left; width:490px; margin-top:35px; }
.liuyanzz-l span{ display:block; color:#666666; font-size:16px; font-weight:bold;}
.liuyanzz-l span strong{color:#0d72da; font-size:20px;}
.liuyanzz-l p{ font-size:16px; color:#666666; line-height:30px;}



.liuyanzz-r{ float:right; width:630px; }
.liuyanzz-r p{ color:#666666; font-size:16px;}
.zizizi{ width:630px;}
.zizizi { display:block; color:#666666; font-size:16px; margin-top:30px; line-height:35px;}

.neirong { line-height:75px;}

.anniu{ width:235px; height:45px; background-color:#0d72da; margin-left:41px;}
.anniu a{ color:#666666; line-height:45px; font-size:18px; width:235px; height:45px; display:block; text-align:center;}


/* start footer */

.w1200{ width:1200px; margin:0 auto; overflow:hidden ;}
.youlian{ width:1136px; background:url(../images/youlian.jpg) no-repeat left; padding-left:64px;  font-size:16px; color:#4f4f4f; }
.youlian a{margin-left:10px;  font-size:15px; color:#555555;}


.foot{width:100%; margin:0 auto; background:url(../images/end.jpg) no-repeat center; display:block; overflow:hidden; height:287px;  font-family:"微软雅黑"; }
.dot1{ width:120px; color:#fff; font-size:17px;}
.dot1 span{ color:#fff; display: block; font-size:17px;  font-family:"微软雅黑";}
.dot1 p a{ font-size:14px; color:#fff;  font-family:"微软雅黑"; }
.dot1 a:hover{ color:#0d72da;}
#dot{ width:150px; margin-left:80px;}
.dot2{ width:350px; color:#b1b1b1; font-size:18px;  font-family:"微软雅黑"; }

.dot2 p a{ font-size:12px; color:#fff; display:block;}
.dot3{ width:320px; color:#fff; font-size:18px; margin-left:40px; font-family:"微软雅黑"; }

.dot3 ul li { width:126px; float:left; margin-left:20px; }
.dot3 ul li img{ width:120px; height:120px;}
.dot3 ul li p{ color:#fff; font-size:15px;  width:126px; display:block; text-align:center; }

.foot-bot{ height:218px; }
.btm{width:100%; display:block; text-align:center; line-height:40px; color:#fff; font-size:15px; height:40px; margin-bottom:1px;}

.btm a{ color:#fff; font-size:15px; line-height:55px;}
	
/*锟斤拷页*/


.aboutus{ width:305px; height:100px; background-color:#1e2b8e; padding-top:20px;  }
.aboutus p{ font-size:30px; color:#fff;text-align:center; line-height:45px; }
.aboutus span{ font-size:20px; color:#fff; display:block; text-align:center; line-height:35px;}

.aboutus-bot{ width:305px; }
.aboutus-bot ul{width:305px; }
.aboutus-bot ul li{  width:305px; height:50px; background-color:#ededed; }
.aboutus-bot ul li a{ display:block;color:#666666; margin-top:10px; width:305px; height:50px; text-align:center; line-height:50px; font-size:16px;}
.aboutus-bot ul li a:hover{ color:#fff; background-color:#1e2b8e; }
.lianxi{background-color:#f2f2f2; margin-top:20px;}
.lianxi span{ font-size:17px; color:#00; font-weight:blod; text-align:center;display:block; padding-top:5px; }
.lianxi p{ padding:5px 5px 5px 8px;font-size:15px;}

.jianjie{ width:840px;color:#333333; text-align:left;  line-height:30px; }
.jianjie p{ color:#333333; font-size:15px; }


.aboutus-right{ width:840px; height:40px; border-bottom:1px solid #cccccc; line-height:40px;}
.aboutus-right1{ width:100px; float:left;  height:40px; line-height:40px; text-align:left; }
.aboutus-right2{   height:40px; line-height:40px; float:right; color:#666666; font-size:15px; }
.aboutus-right1 a{  color:#666666; font-size:16px; }
.aboutus-right2 a{  color:#666666; font-size:15px; }


@media (max-width:1024px ) {


.menu{width:100%; height:auto; overflow:hidden; float:right; margin-left:0}

.menu.on{position:relative;}
.menu p{position:relative; height:50px; border-bottom:1px solid #ccc;}
.menu span{width:40px; height:40px; font-size:18px; line-height:40px; text-align:center; color:#333; display:block; position:absolute; top:5px; right:0; border-left:1px solid #ccc;}
.menu span.ch{display:none;}
.menu ul{width:100%; border-top:1px solid #ccc; display:none;}
.menu ul li{width:100%; height:auto; text-align:left; font-size:12px; line-height:50px; border-right:0;}
.menu ul li a{padding:0 5%; display:inline-block;}
.menu ul li.jian { background: none; }
.menu ul li a:hover{ border-bottom: none; color:#1a3296;}
.menu .ej{width:100%; text-align:left; background-color:#fff; display:none;}
.menu .ej a{display:block; height:50px; padding:0 8%; font-size:12px; line-height:50px; border-bottom:1px solid #ccc;}
.menu ul li:hover .ej a{background-color:#fff; color:#666}
.menu ul li:hover .ej a:hover{ color:#333;border-bottom:1px solid #ccc;}
.menu ul li:hover .ej{display:none;}

.nav{display:block; width:10%; margin-top:1rem; float:right;}
.nav img{width:100%; height:auto;}

}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;                                           
  vertical-align: middle;
  -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
    -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
    -o-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1e2b8e;
  -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
    -o-transition-property: transform;
  -moz-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}