@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px;font-family: '微软雅黑'; }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td,a { margin: 0; padding: 0;}
body{color:#333;	margin:0px auto; font-size:14px;overflow-x: hidden;width: 100%;margin: 0 auto; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;padding: 0}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
i,em{font-style: normal;}
/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover{ color:#c30d23; outline:none; }
a:active{ color:#c30d23; outline:none; }

/*==========@@频道布局 开始@@==========*/


/*===公共 结束===*/
.hidden {display:none;}
.hide {display:none !important;}
.w1200 {width:1200px;margin:0 auto;}
.hv4 {clear:both;height:40px;}
.clearfix {*zoom:1;}
.hv{height: 10px;}
.fl {float: left;}
.fr {float: right;}
#content_k{width: 100%;float: left;}
#content{width: 1200px;margin: 0 auto}
#abcontent{width: 100%;float: left;padding: 0 0 40px;background: #f5f5f5}
.ying{ overflow:hidden; text-overflow:ellipsis}

#gun_xinwen{height:;width:100%;;float:left;position: relative;}
#gun_xinwen ul{width: 1200px;margin: 0 auto}
#suiji,#gun_xinwen{font-size: 0;width: 0;height: 0}
#suiji img,#gunxinwen img{width: 0;height: 0}

#auto_img{width: 100%;height: auto;}
#auto_img img{width: 100%;height: 100%;object-fit: contain;}

/*======头部======*/

/* 顶部 */
#top_main { height:40px;  width: 100%; float: left;}
#top { height:40px; line-height:40px; text-align:right;width:1200px;  margin:0 auto; }
#top_1 { float:right;  text-align:left;}
#top_2 { float:right; text-align:right; }
#zhuying{float: left;}
#top a { color:#333; font-weight:bold;  }
#top a:hover { color:#F00; font-weight:bold; text-decoration:none}


/*Logo*/
#logo_main {width: 100%; ;position: fixed;top: 0;left:0;height: 70px;z-index: 10000;
  min-width: 1200px;background: rgba(0,0,0,0.2);}
#logo_main:hover{background: rgba(0,0,0,0.6);}  
#logo { position: absolute;width:88%;  margin:0 auto; ;z-index: 10000;height: 70px;left: 6%;}
#logo .WebLogo{ float:left;width: 33.33%;height: 50px;margin-top: 10px;min-width: 1200px;}
#logo .WebLogo img{ height: 50px;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

#logo #dianhua{position: absolute;right: 0;top:20px;height: 60px;font-size: 18px;}
#logo #dianhua font{color: red;font-size: 24px}
/*导航*/
#navigation_main { position:absolute;z-index:100; width: 910px; right: 0;height: 100%;}
#navigation { height:70px; width:100%;  margin:0 auto; overflow:hidden; }
#navigation ul.navigationlist li { float:left; line-height:70px; text-align:center;width: 130px;}
/*#navigation ul.navigationlist>li { position: relative;}*/
#navigation ul.navigationlist li a { display:block;font-size:16px;color:#FFF;}

#navigation ul.navigationlist>li#navigationlist_li>a:hover,#navigation ul.navigationlist .current {
 text-decoration:none;background:url(../images/line.png) repeat-x top;box-sizing: border-box;
}

/*导航栏下拉*/
#navigation  ul.subnavigationlist{
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0px 5px 1px rgba(0,0,0,0.05);
    display:none; position:absolute; z-index:100;width:250px;
  border-top-width:0px;border-top-style:solid;height: auto;padding: 10px;background: #fff;border-radius:0 0 5px 5px;
  box-sizing: border-box;left:575px;
}
#navigation .nav2 ul.subnavigationlist,#navigation .nav3 ul.subnavigationlist,#navigation .nav4 ul.subnavigationlist{
  width:80%;left:50%;transform: translateX(-75%);max-width: 1200px;
}
#navigation .nav3 ul.subnavigationlist{
	left:calc(50% + 130px);
}
#navigation .nav4 ul.subnavigationlist{
	left:calc(50% + 260px);
}

#navigation .nav5 ul.subnavigationlist{
  left: 460px;
}
#navigation .nav2 ul.subnavigationlist li,#navigation .nav3 ul.subnavigationlist li,#navigation .nav4 ul.subnavigationlist li{
  border: none;
}

#navigation  ul.subnavigationlist .navnew{background: #fff;height: auto;}
#navigation  ul.subnavigationlist .navnew>li{border-bottom: 1px solid #ccc;}
/*#navigation  ul.subnavigationlist .navnew>li li{border-bottom: 0px solid #ccc;}*/
#navigation .nav2 ul.subnavigationlist .navnew>li,#navigation .nav3 ul.subnavigationlist .navnew>li,#navigation .nav4 ul.subnavigationlist .navnew>li{border-bottom: 0px solid #ccc;width: 46%;margin:0 2% !important;padding: 0; }

#navigation  ul.subnavigationlist li { position: relative;background: #ffffff;margin: 0 auto;margin-left: 10px;
 width: 210px;text-align: left;text-indent: 0;padding:0 10px;box-sizing: border-box;}
#navigation  ul.subnavigationlist>li:last-child{ border-bottom:0px solid rgba(0,0,0,0.10);}
#navigation  ul.subnavigationlist li a { position: relative;display: block;padding: 10px 15px;line-height: 24px;font-weight: 400;font-size: 14px;text-transform: capitalize;color: #272727;
  /* transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;
  -o-transition: all 500ms ease; */
}
#navigation  ul.subnavigationlist li a:hover {/* background:#1faeff; */color:#1faeff; }
#navigation  ul.subnavigationlist li:hover .dropdown-btn{color: #ffffff;}
.navarrow{position: relative;}
.nav2 .navarrow:after,.nav3 .navarrow:after,.nav4 .navarrow:after,.nav6 .navarrow:after{
  top: 52px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
  display: none;
}
#navigation .nav2 ul.subnavigationlist li a.twotitle,#navigation .nav3 ul.subnavigationlist li a.twotitle,#navigation .nav4 ul.subnavigationlist li a.twotitle{
  color: #434343;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #e2e2e2;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-right: 0;
}
#navigation ul.subnavigationlist li a.twotitle{
  color: #434343;
  font-size: 13px;
  font-weight: normal;
  display: block;
  height: 20px;
  line-height: 20px;
  padding-right: 0;
}
#navigation ul.subnavigationlist li .subnavigationlist1 li{width: 100%;padding: 0;margin: 0;}
#navigation ul.subnavigationlist li .subnavigationlist1 li a{padding: 5px 0;}
#navigation  ul.subnavigationlist li a.twotitle img{
  margin-right: 10px;/*margin-top: 5px;*/
  position: absolute;left:0px;top: 14px;width: 14px;
}

#navigationlist_li:hover .navarrow:after {
  display: block;
}
#navigation ul.subnavigationlist li ul.subnavigationlist1{top:0;left: 200px}

#subnavigationlist_li .dropdown-btn1 {position: absolute;right: 10px;top: 6px;width: 30px;height: 30px;text-align: center;color: #272727;line-height: 28px;background-size: 20px;cursor: pointer;z-index: 5;}
#navigation  ul.subnavigationlist #subnavigationlist_li .subnavigationlist1 a {padding: 5px 0px;color: #444;font-size: 13px;}
#navigation  ul.subnavigationlist #subnavigationlist_li .subnavigationlist1 li:hover a.twotitle{color: #1faeff;}
#navigation  ul.subnavigationlist #subnavigationlist_li .subnavigationlist1 li:hover a.twotitle1{color: #1faeff;}


#navigation ul.navigationlist li a:hover,#navigation ul.navigationlist .current,#subnavigationlist_li:hover .dropdown-btn1,#subnavigationlist_li:hover a {text-decoration:none; color:#1faeff;}
#navigation ul.navigationlist .subnavigationlist li a:hover{text-decoration:none; color:#1faeff;}

/* #subnavigationlist01 #subnavigationlist02 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist03 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist04 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist05 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist06 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist07 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist08 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist09 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist010 a{color: #999 !important;cursor: not-allowed;} */
/* #subnavigationlist01 #subnavigationlist011 a{color: #999 !important;cursor: not-allowed;} */
/*#subnavigationlist01 #subnavigationlist012 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist013 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist01 #subnavigationlist014 a{color: #999 !important;cursor: not-allowed;}
*/
/* #subnavigationlist02 #subnavigationlist02 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist03 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist04 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist05 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist06 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist07 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist08 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist09 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist010 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist011 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist012 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist013 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist014 a{color: #999 !important;cursor: not-allowed;} */
/*#subnavigationlist02 #subnavigationlist08 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist02 #subnavigationlist010 a{color: #999 !important;cursor: not-allowed;}

#subnavigationlist03 #subnavigationlist01 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist02 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist03 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist04 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist05 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist06 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist07 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist08 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist09 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist010 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist011 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist012 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist013 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist03 #subnavigationlist014 a{color: #999 !important;cursor: not-allowed;}*/

/* #subnavigationlist04 #subnavigationlist02 a{color: #999 !important;cursor: not-allowed;} */
/*#subnavigationlist04 #subnavigationlist03 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist04 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist05 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist06 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist07 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist08 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist09 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist010 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist011 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist012 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist013 a{color: #999 !important;cursor: not-allowed;}
#subnavigationlist04 #subnavigationlist014 a{color: #999 !important;cursor: not-allowed;}

*/
/*======banner======*/
#banner_main {position:relative; width: 100%; float: left;top: 0px;overflow-y: hidden;}
#banner { margin:0 auto; overflow:hidden; width:100%;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block; width:100%;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main .hd{ width:100%; position:absolute; bottom:25px; left:0; height:12px; line-height:12px; text-align:center;  }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:50%;background:#333; margin:0 5px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  width: 14px;height: 14px}

.tit{
	height: 60px;line-height: 60px;color: #fff;font-size: 48px;width: 615px;position: absolute;left: 6%;top: 240px;font-weight: bold;
}

.morelink{
	width: 700px;position: absolute;left: 6%;top: 370px;font-weight: bold;
}


.morelink li{
	float: left;width: 48%;margin-right: 2%;margin-bottom: 29px;box-shadow: 0px 0px 24px #f4e8a5 inset; 
	height: 50px;border: 1px solid #f4e8a5;border-radius: 25px;box-sizing: border-box;line-height: 48px;text-align: center;
}
.morelink li a{
	color: #fff;font-size: 20px;font-weight: normal;margin-right: 5px;
}
.morelink li img{
	animation: scale-up-ver-center 1.3s cubic-bezier(.39,.575,.565,1) infinite alternate both;margin-top: 4px;
}
.morelink li:hover{border: 1px solid #fff;}
/*.morelink li:hover a{color: #1faeff;}*/
.morelink li:hover img{color: #1faeff;}


.chanp{width: 100%;min-height: 440px;float: left;}
.chanp .w{
	width: 75%;
	min-width: 1200px;
	margin: 0 auto;
/*	height: 100%;
/*	background: red;*/
}
.chanp .lieb{
  margin-top: 40px;
  width: 100%;
 /* background: blue;*/
  /*background: url(http://xh.xinhaogroup.com.cn/probg.png) repeat-x center bottom;*/
  background: url(http://xh.xinhaogroup.com.cn/10th/%E4%B8%AD%E9%83%A8.jpg) repeat-x center bottom;
  height: 338px;
  padding-top: 64px;box-sizing: border-box;
}

.chanp .lieb dl{
  width: 31.33%;float: left;height: 210px;text-align: center;
  position: relative;overflow: hidden;
  background: rgba(255,255,255,0.7);
/*	box-shadow: 10px 10px 25px #ccc;*/
	border-radius: 15px;
	margin-bottom: 60px;
  margin: 1%;
  padding: 20px;
  box-sizing: border-box;
}

/*.chanp .lieb li:nth-child(2n-1){
	margin-right: 2%;
}
.chanp .lieb li:nth-child(2n){
	margin-left: 2%;
}*/
.chanp .lieb  dt{
	width: 35%;
  height: 190px;
	position: absolute;
	top: 10px;left: 10px;

}
.chanp .lieb  dt a{
  width: 100%;
  height: 190px;
  display: block;

}
.chanp .lieb dt img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  

}
.chanp .lieb  dd{
  width: 60%;
  position: absolute;
  top: 10px;right: 10px;

}
.chanp .lieb  dd h2{line-height: 2.2;}
.chanp .lieb  dd h2:hover a{color: #1faeff;}
.chanp .lieb  dd p:hover a{color: #1faeff;}
.chanp .lieb  dd h2 a{color: #263238;font-size: 20px;font-weight: normal;}

.chanp .lieb  dd p{line-height: 1.8;}
.chanp .lieb  dd p a{color: #263238;font-size: 13px;font-weight: normal;}




.chanp .lieb li a{
	width: 100%;
	position: absolute;
	bottom:30px;left: 0;
	font-size: 36px;color: #263238;

}
.chanp .lieb li:nth-child(3){
	box-shadow: 10px 10px 25px #1655dc;
}
.chanp .lieb li:nth-child(4){
	box-shadow: 10px 10px 25px #1655dc;
}
.chanp .lieb li img{
	width: 100%;
/*	position: absolute;
	top: 0;left: 0;*/

}

.fuwu{width: 100%;height: 643px;background:#fff;float: left;}

.fuwu .w{
	width: 75%;
	min-width: 1200px;
	margin: 0 auto;
	height: 100%;
/*	background: red;*/
}
.fuwu .lieb{
  margin-top: 60px;
}


.fuwu .lieb li{
  width: 31.33%;float: left;height: 422px;text-align: center;
/*  overflow: hidden;*/
/*  background: #fff;*/
/*	box-shadow: 10px 10px 25px #c3e5fd;*/
	/*border-radius: 15px;*/
	margin-bottom: 60px;
}
.fuwu .lieb li .pic{
height: 352px;text-align: center;
  overflow: hidden;
  background: #fff;
	box-shadow: 10px 10px 15px #dddedf;
	border-radius: 15px;

}
.fuwu .lieb li .pic:hover img{
transform: scale(1.2,1.2);
}

.fuwu .lieb li:nth-child(2){
	margin-left: 3%;
	margin-right: 3%;
}
.fuwu .lieb li .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;transition: 1.5s;
}
.fuwu .lieb li h2{
	height: 70px;
	line-height: 70px;

}
.fuwu .lieb li h2:hover a{
	color: #4c97ff;
}

.fuwu .lieb li h2 a{
	color: #263238;font-size: 20px;font-weight: normal;
}

.newcenter{width: 100%;height: 848px;background:#eaeff4;float: left;}
.newcenter .w{width: 75%;min-width: 1200px;margin: 0 auto;height: 100%;}

          
#pro{height:;width:100%;background:none;;float:left;position: relative;}
#pro_cen_k{height: 735px;}
#pro_cen{  position:relative;
	overflow:hidden;
	width: 100%;float:left;margin: 30px 0 0 0;height: 735px;}
#pro_cen li{width: 33.33%;height: auto;float: left;box-sizing: border-box;position: relative;height: 555px;}
#pro_cen li #kuang{width: 90%;margin: 0 auto;height: 585px;background: #fff;border-radius: 20px;box-shadow: 10px 10px 15px #dddedf;}
#pro_cen li #auto_img{width: 100%;height: 256px;border-radius: 20px 20px 0 0;overflow:hidden;}
#pro_cen li #auto_img img{width: 100%;height: 100%;object-fit: cover;transition: 0.9s;}
#pro_cen li:hover #auto_img img{transform: scale(1.1,1.1);}
#pro_cen li .ying{width: 90%;height: 70px;line-height: 35px;text-align: left;margin: 0 auto;margin-top: 20px;}

#pro_cen li p{width: 90%;height: 130px;line-height: 35px;text-align: left;margin: 0 auto;margin-top: 10px;color: #546e7a;font-size: 14px;}
#pro_cen li .ying a{color: #263238;font-size: 20px;}
#pro_cen li .ying:hover a{color: #0097f5;font-size: 20px;}

#pro_cen li .more1{width: 130px;height: 35px;line-height: 35px;text-align: left;margin-left: 20px;
	margin-top: 20px;color: #546e7a;font-size: 18px;}
#pro_cen li .more1 a{
	color: #1b3373;letter-spacing: 2px;
}
#pro_cen li .more1 a img{
  margin-left: 10px;}
/*#pro_cen li .more1:hover{
	background: #2870db
}*/
#pro_cen li .more1:hover a{
  text-decoration: underline;
}

/*#pro_cen li:hover{
	height: 675px;
	margin-top: -20px;
}
*/


.pro_down {position: absolute;top: 258px;left: -10%;width:120%;}
.pro_down a.prev_1{display: block;float: left;cursor:pointer;}
.pro_down a.next_1{display: block;float: right;cursor:pointer;}



.jiejue{width: 100%;min-height: 683px;background:#fff;float: left;margin-bottom: 60px;}
.jiejue .w{
	width: 75%;
/*  max-width: 1400px;*/
	min-width: 1200px;
	margin: 0 auto;
	height: 100%;
/*	background: red;*/
}
.futit{
  color: #333333;font-size: 50px;font-weight: 200;width: 100%;text-align: center;margin-top: 61px;
}
.futit span{color: #1faeff;font-size: 50px;font-weight: bold;}
.ztit{
	color: #263238;font-size: 30px;width: 100%;text-align: center;margin-top: 41px;
}

.jiejue .lieb{
  margin-top: 50px;
}
.jiejue .lieb li {
	text-align: center;
	box-shadow: 10px 10px 15px #acacad;
	border-radius: 15px;
	transition: 0.5s;
  float: left;
  width: 23%;
  margin: 1%;
  min-height: 521px;
  padding-bottom: 60px;
  box-sizing: border-box;
  
}
.jiejue .lieb li:hover {
/*	margin-top: -20px;*/
 /* box-shadow: 10px 10px 15px #1faeff;*/
  
}
.jiejue .lieb li:hover img{
	transform: scale(1.1,1.1);
  
}
.jiejue .lieb li span{
	text-align: center;
  display: inline-block;
  min-height: 206px;
  overflow: hidden;
  width: 100%;
   border-radius: 15px 15px 0 0;
 /*  border-bottom: 1px solid #ccc;*/
  
}
.jiejue .lieb li span img{
  
  width: 100%;
 
  transition: 1s;
  
}

.jiejue .lieb li h2{
	text-align: center;
	color: #263238;
	font-size: 24px;
	font-weight: normal;margin-bottom: 20px;margin-top: 20px; 
}
.jiejue .lieb li:hover h2 a{
  color: #1faeff;
}
.jiejue .lieb li p{
	text-align: center;
	color: #546e7a;
	line-height:1.8;
	font-size: 14px;
	width: 80%;
	font-weight: normal;
	margin: 0 auto;
  height: 170px;
}

/*.box-size {
 height:532px;
 background-color:#000
}
.text-last-center {
 text-align:center
}
.text-all-left {
 text-align:justify
}
.uino-intro-container {
 background-color:#fff;
 width:80%;
 margin:60px auto 200px
}
.uino-intro-title-box>h1 {
 margin-bottom:140px;
 font-size:48px
}
.uino-intro-ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center
}
.uino-intro-ul>li {
 background-color:#f9f9f9;
 padding:0px 0px 20px;
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.uino-intro-ul>li+li {
 margin-left:50px
}
/*.uino-intro-ul img {
 width:100px
}*/
/*.uino-intro-ul h2,
.uino-intro-ul span,
.uino-intro-ul p {
 margin-bottom:40px
}
.uino-intro-ul p {
 line-height:32px;
 font-size:18px
}
.uino-intro-ul>li:nth-child(2) {
 -webkit-animation-delay:.3s;
 animation-delay:.3s
}
.uino-intro-ul>li:nth-child(3) {
 -webkit-animation-delay:.6s;
 animation-delay:.6s
}
.uino-intro-ul>li:nth-child(4) {
 -webkit-animation-delay:.9s;
 animation-delay:.9s
}
.intros {
 min-height:400px
}
.detail-box {
 width:100%
}*/
/*@media only screen and (min-width:1680px) {
 .uino-intro-container {
  background-color:#fff;
  width:80%;
  margin:60px auto 200px
 }
 .uino-intro-title-box>h1 {
  margin-bottom:140px;
  font-size:48px
 }
 .uino-intro-ul>li {
  background-color:#f9f9f9;
  padding:40px 10px 40px;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1
 }
 .uino-intro-ul>li+li {
  margin-left:50px
 }
 .uino-intro-ul img {
  width:100px
 }
 .uino-intro-ul h2,
 .uino-intro-ul span,
 .uino-intro-ul p {
  margin-bottom:40px
 }
 .uino-intro-ul p {
  line-height:32px;
  font-size:18px
 }
 .uino-intro-ul>li:nth-child(2) {
  -webkit-animation-delay:.3s;
  animation-delay:.3s
 }
 .uino-intro-ul>li:nth-child(3) {
  -webkit-animation-delay:.6s;
  animation-delay:.6s
 }
 .uino-intro-ul>li:nth-child(4) {
  -webkit-animation-delay:.9s;
  animation-delay:.9s
 }
}
@media only screen and (min-width:1440px) and (max-width:1679px) {
 .uino-intro-ul>li {
  padding:40px 12px 0
 }
 .uino-intro-ul>li+li {
  margin-left:20px
 }
 .uino-intro-title-box>h1 {
  margin-bottom:120px;
  font-size:40px
 }
 .uino-intro-ul p {
  text-align:center;
  line-height:25px;
  font-size:16px;
  padding:15px
 }
}*/
/*@media only screen and (max-width:1439px) and (min-width:800px) {
 .uino-intro-ul img {
  width:80px
 }
 .uino-intro-ul>li h2 {
  font-size:32px;
  margin-bottom:20px
 }
 .uino-intro-ul>li {
  padding:40px 11px 0
 }
 .uino-intro-ul>li+li {
  margin-left:15px
 }
 .uino-intro-title-box>h1 {
  margin-bottom:120px;
  font-size:40px
 }
 .uino-intro-ul p {
  text-align:justify;
  text-align-last:left;
  line-height:24px;
  font-size:16px;
  height:110px
 }
}*/


.bg-bubbles {
  position: absolute;
  top: 0;
  left: 6%;
  width: 88%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 15px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.45);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
/*  box-shadow: 0px 0px 10px 0px #fff;*/
}
.bg-bubbles li:nth-child(1) {
  left: 10%;
}
.bg-bubbles li:nth-child(2) {
  left: 20%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 20px;
  height: 20px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
}
.bg-bubbles li:nth-child(6) {
  left: 80%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
  }
}






/* search部分 */
.search1 {height: 68px;border-bottom: 1px solid #eee;position: relative;z-index: 5;background: #f8f8f8;float: left;width: 100%}
.search1 .keyword {font-size: 14px;color: #333;margin-top: 29px;height: 16px;line-height: 16px;width: 815px;position: relative;z-index: 4;}
.search1 .keyword span {float: left;width: 90px;color: #333;font-weight: bold;}
.search1 .keyword p {float: left;}
.search1 .keyword p a {float: left;color: #888;font-size: 14px;margin-right: 10px;height: 15px;line-height: 15px;border-left: 1px dotted #a5a5a5;padding: 0 12px;}
.search1 .keyword p a:hover {color: #181a98;}
.search1 .keyword a:first-child {padding-left: 0;border-left: none;}
.search1 .inp {width: 300px; height: 36px;margin-top: 15px;overflow: hidden;margin-left: 27px;border: 1px solid #dddddd;border-radius: 27px;}
.search1 .inp input#seachkeywords {border:none;height: 36px;line-height: 36px;width: 250px;float: left; text-indent: 17px; font-size: 14px;color: #999;}
.search1 .inp .sea {display: block; float: left; width: 35px;height: 38px;position: relative;top: -1px; background: #181a98;padding-right: 15px;;background: url(../images/search.png) no-repeat 18px center;border:none;text-indent: -999999px}
.search1 .inp .sea i {display: block;width: 35px;height: 38px}

/* 友情链接 */ 
#link_main { width: 100%; float: left; }
#link { padding:0; width: 1200px; margin: 0 auto; overflow:hidden;}
.link_title { ; height:60px; line-height:60px; float: left; margin-right: 20px}
.link_title h2 { font-size:16px; font-weight:bold;color:#626262;}
.link_body { overflow:hidden; zoom:1;  border-top:0; border-bottom:0}
.link_bottom { height: 5px; font-size: 0px; line-height:0; background:#FACEB9;  overflow:hidden; margin-bottom:5px;}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; text-align:center; }
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC;}
.link_text { overflow: hidden; zoom:1; }
.link_text ul li { float:left; text-align:center;  overflow:hidden; white-space:nowrap;margin: 0 10px 0 0}
.link_text a { line-height:60px; font-size:16px; }

/* 版权信息 */
/*.newcenter{width: 100%;height: 978px;background: url(../images/images/part_05.png) no-repeat center;float: left;}
.newcenter .w{width: 75%;
	min-width: 1200px;
	margin: 0 auto;
	height: 100%;}*/
.footer {width: 100%;height: 528px;background:#09335f url(http://xh.xinhaogroup.com.cn/footer.png) no-repeat top center;float: left;padding-top: 160px;box-sizing: border-box;}
.footer{
	background:#09335f url(http://xh.xinhaogroup.com.cn/10th/%E5%BA%95%E9%83%A8.jpg) repeat-x top center;
}
.footer .w{width: 75%;
	min-width: 1200px;
	margin: 0 auto;
	height: 100%;}
.footer .w dl{

}
.footer .clear{
	clear: both;height: 40px;
}
.footer .w .bot{height: 60px;border-top: 1px solid #6b93aa;text-align: center;line-height: 2.5;color: #fff;line-height: 60px;;}
.footer .w dl dt.d1{width: 34%;}
.footer .w dl dt.d2{width: 22%;}
.footer .w dl dt.d2 h2{font-size: 24px;font-weight: normal;color: #fff;margin-bottom: 20px;height: 50px;line-height: 50px;}
.footer .w dl dt.d2 p{font-size: 16px;color: #fff;line-height: 2;}
.footer .w dl dt.d1 img{margin-bottom: 40px;}
.footer .w dl dt p.tel{font-size: 16px;color: #fff;line-height: 2;}


.clear{
	clear: both;
}

.footer .bNav {width:auto;min-height:180px;margin-top:60px;}
.footer .di_logo img {width:111px;height:111px;background-size:100%;}
.footer .bNav dl {display:inline-block;float:left;width:auto;overflow:hidden;text-align:left;padding:10px 40px 0 0;}
.footer .bNav dl#dl_k4 {width:200px;}
.footer .bNav dl#dl_k1 {display:none;}
.footer .bNav dl dt {height:16px;display:block;padding-bottom:32px;}
.footer .bNav dl dt a {display:block;font-size:16px;color:#fff;line-height:16px;}
.footer .bNav dl dd {display:block;height:14px;padding-bottom:16px;}
.footer .bNav dl dd a {display:block;font-size:14px;color:#999;line-height:14px;}
.footer .bNav dl dd a:hover {color:#fff;}
.footer .ewm {text-align:center;margin-left:15px;margin-top:78px;}
.footer .ewm dl {width:auto;float:left;display:block;margin-right:0px;height:164px;padding-right: 10px}
.footer .ewm dl:nth-child(2) {margin-right:0px;}
.footer .ewm dl:first-child+dl {margin-right:0px;}
.footer .ewm dl dt {width:150px;text-align:center;}
.footer .ewm dl dt img {width:130px;display:inline-block;background-size:100%;margin-top:5px;}
.footer .ewm dl dd {font-size:14px;color:#666;line-height:24px;padding-top:10px;}
.footer .contact_info {width:auto;height:180px;margin-top:60px;border-left:#444444 solid 1px;padding:0 40px 0 50px}
.footer .contact_info p.p1 {font-size:14px;color:#ccc;line-height:14px;padding-top:10px;}
.footer .contact_info p.dh {font-size:36px;color:#ccc;font-family:"Arial";line-height:36px;padding-top:4px;font-weight:bold;padding-bottom:12px;}
.footer .contact_info h3 {font-size:20px;padding-top:8px;}
.footer .contact_info p.tel {font-size:14px;color:#999;line-height:26px;width:auto;}
.footer .contact_info i {display:block;padding-top:8px;font-size:14px;color:#fff;}

.footer .contact_info i a {display: inline-block;color: #fff;padding-right: 12px;}
.copyright {height: 80px;line-height: 80px;color: #fff;font-size: 12px;background: #111111;overflow: hidden;float: left;width: 100%}
.copyright span {margin: 0 6px;}
.copyright a {color: #666;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.copyright a:hover {color: #fff;}


/*fa1*/
.bt_link{ height: 55px; line-height: 55px;  float: left;width: 100% }
.btLink{ color: #fff;  font-size: 18px; }
.btLink a { margin:0 5px; color:#fff;  font-size: 16px; height: 18px; line-height: 1; vertical-align: middle; display: inline-block;  *display: inline; 
      padding-left: 8px;    border-left: 1px #fff solid;}
.btLink a:first-child{ margin-left: 0; border-left: 0;}
.btLink a:hover{ text-decoration: underline; }
/*foot1*/
.footer1{background: #000; font-size: 16px;color: #fff;  min-height: 200px;  float: left;width: 100% }
.footer1 .w{  position: relative;}
.footer1 .icon{ position: absolute;right: 0;top: -64px;width: 426px;height: 75px;}
.code1{float: left;text-align: center;width:190px;  font-size: 16px;  color: #fcf8f8;padding-top: 20px;height:180px;}
.code1 img{width: 100px;height: 100px; display: block; margin:15px auto 0;}
.copyright1 { float: right;line-height:26px;  width:970px; position: relative; }
.copyright1 a{color: #fff;}
.copyright1 .c_links{margin-top: 15px;}
.copyright1 .c_links a{ margin: 0 10px;}
.copyright1 .subnav { float: left;  line-height:42px;margin: 27px 0 16px 0; height: 42px;  font-size: 18px; width: 100%; }
.copyright1 .subnav a { margin: 0 4px;color: #fff;  font-size: 18px; }
.copyright1 .subnav a:hover{color: #fff; text-decoration: underline;}
.copyright1 p a:hover{text-decoration: underline; }
.copyright1 .bt_data{  font-size: 16px;   padding:5px 0;  float: left;}
.copyright1 .zhichi{  float: left; width: 100%;  padding-top: 16px; line-height: 23px; font-size: 16px; width: 100%;}
/**/
#esobao{width:;text-align: center;margin:20px 0 10px;float: right;}

/**/
.footer-bottom {width: 100%;float: left;position: relative;padding: 30px 0px;text-align: center;border-top: 1px solid rgba(255,255,255,0.20);}
.copyright a{color:#fff}
#jishuzhichi{position: relative;top:2px;}

/*当前位置*/
#location_main {} 
#location {color:#999; float:right; padding-right:8px;}

.auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}

.page-title{position:relative;padding:110px 0px 0px;background-repeat:no-repeat;background-size:cover;background-position:center top;width: 100%;float: left;}

.page-title .auto-container{position:relative;}
.page-title:before{position:absolute;content:'';left:0px;top:0px;width:100%;height:100%;display:block;}
.page-title.shop-title:before{display:none;}
.page-title h1{position:relative;color:#ffffff;font-size:42px;font-weight:700;line-height:1.2em;margin-bottom:100px;text-transform:capitalize;}
.page-breadcrumb{position:relative;left:0px;bottom:0px;display:inline-block;padding:20px 50px 20px 60px;border-left-width:4px;border-left-style:solid;background-color:rgba(0,0,0,1);color:#fff;}
.page-breadcrumb a{margin-right:6px;padding-right:0;color:#fff;font-size:16px;font-weight:400;}
.page-breadcrumb a:first-child:after{display:none; }
.page-breadcrumb a:first-child{color:#ffffff;padding-right:0px;}
.page-breadcrumb a:last-child::after{display:none;}
.page-breadcrumb a:last-child{color:#ffffff;padding-right:0px;margin-right:0px;}
.page-breadcrumb li a{}

.page-breadcrumb li a:hover{color:#fff;}
/*===结束===*/

/*分页样式*/

.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;width: 100%;float: left;}
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; margin-bottom:10px; border-radius:4px;}
.page-num-current{color:#fff !important;border-width: 1px;border-style:solid }
.yema a:hover{ margin:0 2px; color:#fff; text-decoration:none; }


/*分页样式一*/
.page {position: relative;text-align: center;width: 100%;float: left;margin: 80px 0 0}
.page:before {position: absolute;content: '';left: 0px;margin-top: 25px;width: 100%;height: 1px;background-color: #dddddd;}
.styled-pagination {position: relative;display: inline-block;padding: 0px 10px;background-color: #ffffff;}
.text-center {text-align: center;}
.my-5{padding: 10px 0}
.page a, .page span{margin: 0px 6px 0px 0px;position: relative;display: inline-block;line-height: 48px;height: 50px;font-size: 18px;min-width: 40px;padding-left: 5px;padding-right: 5px;color: #3d3e3e;font-weight: 400;text-align: center;background: #ffffff;border: 1px solid #dddddd;text-transform: capitalize;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;font-family: 'Volkhov';}
.page span,.page a,.page .pagedown,.page .pageend{color: #ffffff;border-color: #3d3e3e;background-color: #3d3e3e;}
.page .pageinfo{padding: 0 15px}
.page .pagefirst,.page .pageup,.page .pagedown,.page .pageend{padding: 0 10px}

.page .pagenum{background: #ffffff;border: 1px solid #dddddd;color: #3d3e3e;}
.page-num-current{}

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist textarea{}
textarea::-webkit-input-placeholder { }

.guestbook_table li{float: left;width: 33%;margin-bottom: 15px}
.guestbook_table li input{width: 95%;height: 40px;line-height: 40px;border: 1px solid #D9D9D9;border-radius: 4px;text-indent: 10px}
.guestbook_table li textarea{width: 100%;height: 160px;padding: 15px 12px;border: 1px solid #D9D9D9;color: #666666;border-radius: 4px;}
.guestbook_table li input[type="radio"]{width: auto;height: 20px;line-height: 20px;position: relative;top:0;}
.guestbook_table li span{height: 20px;line-height: 20px;position: relative;top:-5px;padding:0 5px;}
.guestbook_table li.gust_li_MessageContent{width: 95%}
.guestbook_table li.gust_yanz{width: 100%}
.guestbook_table li.gust_yanz input{width: 200px}
#code{height: 34px}
.guestbook_table li.gust_tijiao{width: 200px;}
.guestbook_table li.gust_tijiao input{width: 100%;color: #fff;font-size: 16px;text-indent: 0}
/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{ height:40px;  line-height:40px; font-size:24px; color:#5d5d5d; font-weight:500;width: 100%;padding: 40px 0 20px}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262;display:inline-block }
.message_bottom{}
/*===留言频道  结束===*/
/*联系我们*/
#linaixwomen{padding-bottom: 10px;line-height: 28px}
#linaixwomen i{color:#999;padding-right: 10px;font-size: 16px} 
#linaixwomen i.i1{font-size: 20px}
#linaixwomen i.i2{font-size: 20px}
#linaixwomen i.i3{font-size: 20px}
#linaixwomen i.i8{font-size: 25px}
/*===联系我们  结束===*/


.scale-up-center {
 -webkit-animation:scale-up-center 3s cubic-bezier(.39,.575,.565,1) infinite normal both;
 animation:scale-up-center 3s cubic-bezier(.39,.575,.565,1) infinite normal both
}
.scale-up-front-back {
 -webkit-animation:scale-up-ver-center 1.3s cubic-bezier(.39,.575,.565,1) infinite alternate both;
 animation:scale-up-ver-center 1.3s cubic-bezier(.39,.575,.565,1) infinite alternate both
}
.scale-center-show {
 -webkit-animation:scale-center-show 3s cubic-bezier(.39,.575,.565,1) 1 normal both;
 animation:scale-center-show 3s cubic-bezier(.39,.575,.565,1) 1 normal both
}
.scale-center-breath {
 -webkit-animation:scale-center-breath 3s cubic-bezier(.39,.575,.565,1) infinite alternate both;
 animation:scale-center-breath 3s cubic-bezier(.39,.575,.565,1) infinite alternate both
}
.shake-vertical {
 -webkit-animation:shake-vertical 1.6s cubic-bezier(.455,.03,.515,.955) infinite alternate both;
 animation:shake-vertical 1.6s cubic-bezier(.455,.03,.515,.955) infinite alternate both
}
.slide-bottom {
 -webkit-animation:slide-bottom 1.5s ease-in-out both;
 animation:slide-bottom 1.5s ease-in-out both
}
.slide-right {
 -webkit-animation:slide-right 1.2s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-right 1.2s cubic-bezier(.25,.46,.45,.94) both
}
.slide-left {
 -webkit-animation:slide-left 1.2s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-left 1.2s cubic-bezier(.25,.46,.45,.94) both
}
.animation-delay-order-1 {
 animation-delay:1s;
 -webkit-animation-delay:1s
}
.animation-delay-order-2 {
 animation-delay:1.4s;
 -webkit-animation-delay:1.4s
}
.animation-delay-order-3 {
 animation-delay:1.8s;
 -webkit-animation-delay:1.8s
}
.fade-in-bl {
 -webkit-animation:fade-in-bl .6s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in-bl .6s cubic-bezier(.39,.575,.565,1) both
}
.fade-in-bottom {
 -webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both
}
.slide-out-left {
 -webkit-animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both
}
.slide-out-right {
 -webkit-animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both
}
.scale-in-bl {
 -webkit-animation:scale-in-bl .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:scale-in-bl .5s cubic-bezier(.25,.46,.45,.94) both
}
.slide-in-top {
 -webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-in-bottom {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
.slide-in-bottom {
 -webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both
}
.scale-in-br {
 -webkit-animation:scale-in-br .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:scale-in-br .5s cubic-bezier(.25,.46,.45,.94) both
}
.scale-out-br {
 -webkit-animation:scale-out-br .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:scale-out-br .5s cubic-bezier(.55,.085,.68,.53) both
}
.slide-out-top {
 -webkit-animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both
}
.fade-out {
 -webkit-animation:fade-out 1s ease-out both;
 animation:fade-out 1s ease-out both
}
.fade-in {
 -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both
}
.nav-enter-active {
 -webkit-animation:slide-in-top .3s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-top .3s cubic-bezier(.25,.46,.45,.94) both
}
.nav-leave-active {
 -webkit-animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both
}
.fade-enter-active {
 -webkit-animation:fade-in .8s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in .8s cubic-bezier(.39,.575,.565,1) both
}
.mobilenav-enter-active {
 -webkit-animation:slide-right .3s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-right .3s cubic-bezier(.25,.46,.45,.94) both
}
.dropmenu-enter-active {
 -webkit-animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both
}
@-webkit-keyframes scale-up-center {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.6
 }
 to {
  -webkit-transform:scale(1.35);
  transform:scale(1.35);
  opacity:0
 }
}
@keyframes scale-up-center {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.6
 }
 to {
  -webkit-transform:scale(1.35);
  transform:scale(1.35);
  opacity:0
 }
}
@-webkit-keyframes scale-up-ver-center {
 0% {
  -webkit-transform:scaleX(.6);
  transform:scaleX(.6)
 }
 to {
  -webkit-transform:scaleY(1.2);
  transform:scaleY(1.2)
 }
}
@keyframes scale-up-ver-center {
 0% {
  -webkit-transform:scaleX(.6);
  transform:scaleX(.6)
 }
 to {
  -webkit-transform:scaleY(1.2);
  transform:scaleY(1.2)
 }
}
@-webkit-keyframes scale-center-show {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes scale-center-show {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes scale-center-breath {
 0% {
  -webkit-transform:scale(.98);
  transform:scale(.98)
 }
 to {
  -webkit-transform:scale(1.02);
  transform:scale(1.02)
 }
}
@keyframes scale-center-breath {
 0% {
  -webkit-transform:scale(.98);
  transform:scale(.98)
 }
 to {
  -webkit-transform:scale(1.02);
  transform:scale(1.02)
 }
}
@-webkit-keyframes shake-vertical {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 20% {
  -webkit-transform:translateY(-1.7px);
  transform:translateY(-1.7px)
 }
 40% {
  -webkit-transform:translateY(2.3px);
  transform:translateY(2.3px)
 }
 60% {
  -webkit-transform:translateY(-3.3px);
  transform:translateY(-3.3px)
 }
 80% {
  -webkit-transform:translateY(4.3px);
  transform:translateY(4.3px)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes shake-vertical {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 20% {
  -webkit-transform:translateY(-1.7px);
  transform:translateY(-1.7px)
 }
 40% {
  -webkit-transform:translateY(2.3px);
  transform:translateY(2.3px)
 }
 60% {
  -webkit-transform:translateY(-3.3px);
  transform:translateY(-3.3px)
 }
 80% {
  -webkit-transform:translateY(4.3px);
  transform:translateY(4.3px)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@-webkit-keyframes slide-bottom {
 0% {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes slide-bottom {
 0% {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes slide-right {
 0% {
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes slide-right {
 0% {
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes slide-left {
 0% {
  -webkit-transform:translateX(300px);
  transform:translateX(300px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes slide-left {
 0% {
  -webkit-transform:translateX(300px);
  transform:translateX(300px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes fade-in-bl {
 0% {
  -webkit-transform:translateX(-50px) translateY(50px);
  transform:translateX(-50px) translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0) translateY(0);
  transform:translateX(0) translateY(0);
  opacity:1
 }
}
@keyframes fade-in-bl {
 0% {
  -webkit-transform:translateX(-50px) translateY(50px);
  transform:translateX(-50px) translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0) translateY(0);
  transform:translateX(0) translateY(0);
  opacity:1
 }
}
@-webkit-keyframes fade-in-bottom {
 0% {
  -webkit-transform:translateY(50px);
  transform:translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes fade-in-bottom {
 0% {
  -webkit-transform:translateY(50px);
  transform:translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes slide-out-left {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(-1000px);
  transform:translateX(-1000px);
  opacity:0
 }
}
@keyframes slide-out-left {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(-1000px);
  transform:translateX(-1000px);
  opacity:0
 }
}
@-webkit-keyframes slide-out-right {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(1000px);
  transform:translateX(1000px);
  opacity:0
 }
}
@keyframes slide-out-right {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(1000px);
  transform:translateX(1000px);
  opacity:0
 }
}
@-webkit-keyframes scale-in-bl {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@keyframes scale-in-bl {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@-webkit-keyframes slide-in-top {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes slide-in-top {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes scale-in-br {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@keyframes scale-in-br {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@-webkit-keyframes scale-out-br {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@keyframes scale-out-br {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@-webkit-keyframes slide-out-top {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
 to {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  opacity:0
 }
}
@keyframes slide-out-top {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
 to {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  opacity:0
 }
}
@-webkit-keyframes fade-out {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@keyframes fade-out {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@-webkit-keyframes fade-in {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fade-in {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}

.scale-up-center {
 -webkit-animation:scale-up-center 3s cubic-bezier(.39,.575,.565,1) infinite normal both;
 animation:scale-up-center 3s cubic-bezier(.39,.575,.565,1) infinite normal both
}
.scale-up-front-back {
 -webkit-animation:scale-up-ver-center 1.3s cubic-bezier(.39,.575,.565,1) infinite alternate both;
 animation:scale-up-ver-center 1.3s cubic-bezier(.39,.575,.565,1) infinite alternate both
}
.scale-center-show {
 -webkit-animation:scale-center-show 3s cubic-bezier(.39,.575,.565,1) 1 normal both;
 animation:scale-center-show 3s cubic-bezier(.39,.575,.565,1) 1 normal both
}
.scale-center-breath {
 -webkit-animation:scale-center-breath 3s cubic-bezier(.39,.575,.565,1) infinite alternate both;
 animation:scale-center-breath 3s cubic-bezier(.39,.575,.565,1) infinite alternate both
}
.shake-vertical {
 -webkit-animation:shake-vertical 1.6s cubic-bezier(.455,.03,.515,.955) infinite alternate both;
 animation:shake-vertical 1.6s cubic-bezier(.455,.03,.515,.955) infinite alternate both
}
.slide-bottom {
 -webkit-animation:slide-bottom 1.5s ease-in-out both;
 animation:slide-bottom 1.5s ease-in-out both
}
.slide-right {
 -webkit-animation:slide-right 1.2s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-right 1.2s cubic-bezier(.25,.46,.45,.94) both
}
.slide-left {
 -webkit-animation:slide-left 1.2s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-left 1.2s cubic-bezier(.25,.46,.45,.94) both
}
.animation-delay-order-1 {
 animation-delay:1s;
 -webkit-animation-delay:1s
}
.animation-delay-order-2 {
 animation-delay:1.4s;
 -webkit-animation-delay:1.4s
}
.animation-delay-order-3 {
 animation-delay:1.8s;
 -webkit-animation-delay:1.8s
}
.fade-in-bl {
 -webkit-animation:fade-in-bl .6s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in-bl .6s cubic-bezier(.39,.575,.565,1) both
}
.fade-in-bottom {
 -webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1) both
}
.slide-out-left {
 -webkit-animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both
}
.slide-out-right {
 -webkit-animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both
}
.scale-in-bl {
 -webkit-animation:scale-in-bl .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:scale-in-bl .5s cubic-bezier(.25,.46,.45,.94) both
}
.slide-in-top {
 -webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both
}
@-webkit-keyframes slide-in-bottom {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
.slide-in-bottom {
 -webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both
}
.scale-in-br {
 -webkit-animation:scale-in-br .5s cubic-bezier(.25,.46,.45,.94) both;
 animation:scale-in-br .5s cubic-bezier(.25,.46,.45,.94) both
}
.scale-out-br {
 -webkit-animation:scale-out-br .5s cubic-bezier(.55,.085,.68,.53) both;
 animation:scale-out-br .5s cubic-bezier(.55,.085,.68,.53) both
}
.slide-out-top {
 -webkit-animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both
}
.fade-out {
 -webkit-animation:fade-out 1s ease-out both;
 animation:fade-out 1s ease-out both
}
.fade-in {
 -webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both
}
.nav-enter-active {
 -webkit-animation:slide-in-top .3s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-in-top .3s cubic-bezier(.25,.46,.45,.94) both
}
.nav-leave-active {
 -webkit-animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both;
 animation:slide-out-top .3s cubic-bezier(.55,.085,.68,.53) both
}
.fade-enter-active {
 -webkit-animation:fade-in .8s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in .8s cubic-bezier(.39,.575,.565,1) both
}
.mobilenav-enter-active {
 -webkit-animation:slide-right .3s cubic-bezier(.25,.46,.45,.94) both;
 animation:slide-right .3s cubic-bezier(.25,.46,.45,.94) both
}
.dropmenu-enter-active {
 -webkit-animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both;
 animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both
}
@-webkit-keyframes scale-up-center {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.6
 }
 to {
  -webkit-transform:scale(1.35);
  transform:scale(1.35);
  opacity:0
 }
}
@keyframes scale-up-center {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.6
 }
 to {
  -webkit-transform:scale(1.35);
  transform:scale(1.35);
  opacity:0
 }
}
@-webkit-keyframes scale-up-ver-center {
 0% {
  -webkit-transform:scaleX(.6);
  transform:scaleX(.6)
 }
 to {
  -webkit-transform:scaleY(1.2);
  transform:scaleY(1.2)
 }
}
@keyframes scale-up-ver-center {
 0% {
  -webkit-transform:scaleX(.6);
  transform:scaleX(.6)
 }
 to {
  -webkit-transform:scaleY(1.2);
  transform:scaleY(1.2)
 }
}
@-webkit-keyframes scale-center-show {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes scale-center-show {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes scale-center-breath {
 0% {
  -webkit-transform:scale(.98);
  transform:scale(.98)
 }
 to {
  -webkit-transform:scale(1.02);
  transform:scale(1.02)
 }
}
@keyframes scale-center-breath {
 0% {
  -webkit-transform:scale(.98);
  transform:scale(.98)
 }
 to {
  -webkit-transform:scale(1.02);
  transform:scale(1.02)
 }
}
@-webkit-keyframes shake-vertical {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 20% {
  -webkit-transform:translateY(-1.7px);
  transform:translateY(-1.7px)
 }
 40% {
  -webkit-transform:translateY(2.3px);
  transform:translateY(2.3px)
 }
 60% {
  -webkit-transform:translateY(-3.3px);
  transform:translateY(-3.3px)
 }
 80% {
  -webkit-transform:translateY(4.3px);
  transform:translateY(4.3px)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes shake-vertical {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 20% {
  -webkit-transform:translateY(-1.7px);
  transform:translateY(-1.7px)
 }
 40% {
  -webkit-transform:translateY(2.3px);
  transform:translateY(2.3px)
 }
 60% {
  -webkit-transform:translateY(-3.3px);
  transform:translateY(-3.3px)
 }
 80% {
  -webkit-transform:translateY(4.3px);
  transform:translateY(4.3px)
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@-webkit-keyframes slide-bottom {
 0% {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes slide-bottom {
 0% {
  -webkit-transform:translateY(-100px);
  transform:translateY(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes slide-right {
 0% {
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes slide-right {
 0% {
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes slide-left {
 0% {
  -webkit-transform:translateX(300px);
  transform:translateX(300px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@keyframes slide-left {
 0% {
  -webkit-transform:translateX(300px);
  transform:translateX(300px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
}
@-webkit-keyframes fade-in-bl {
 0% {
  -webkit-transform:translateX(-50px) translateY(50px);
  transform:translateX(-50px) translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0) translateY(0);
  transform:translateX(0) translateY(0);
  opacity:1
 }
}
@keyframes fade-in-bl {
 0% {
  -webkit-transform:translateX(-50px) translateY(50px);
  transform:translateX(-50px) translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateX(0) translateY(0);
  transform:translateX(0) translateY(0);
  opacity:1
 }
}
@-webkit-keyframes fade-in-bottom {
 0% {
  -webkit-transform:translateY(50px);
  transform:translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes fade-in-bottom {
 0% {
  -webkit-transform:translateY(50px);
  transform:translateY(50px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes slide-out-left {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(-1000px);
  transform:translateX(-1000px);
  opacity:0
 }
}
@keyframes slide-out-left {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(-1000px);
  transform:translateX(-1000px);
  opacity:0
 }
}
@-webkit-keyframes slide-out-right {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(1000px);
  transform:translateX(1000px);
  opacity:0
 }
}
@keyframes slide-out-right {
 0% {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  opacity:1
 }
 to {
  -webkit-transform:translateX(1000px);
  transform:translateX(1000px);
  opacity:0
 }
}
@-webkit-keyframes scale-in-bl {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@keyframes scale-in-bl {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:0 100%;
  transform-origin:0 100%;
  opacity:1
 }
}
@-webkit-keyframes slide-in-top {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@keyframes slide-in-top {
 0% {
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0
 }
 to {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
}
@-webkit-keyframes scale-in-br {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@keyframes scale-in-br {
 0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@-webkit-keyframes scale-out-br {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@keyframes scale-out-br {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
 to {
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  opacity:1
 }
}
@-webkit-keyframes slide-out-top {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
 to {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  opacity:0
 }
}
@keyframes slide-out-top {
 0% {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  opacity:1
 }
 to {
  -webkit-transform:translateY(-30px);
  transform:translateY(-30px);
  opacity:0
 }
}
@-webkit-keyframes fade-out {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@keyframes fade-out {
 0% {
  opacity:1
 }
 to {
  opacity:0
 }
}
@-webkit-keyframes fade-in {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}
@keyframes fade-in {
 0% {
  opacity:0
 }
 to {
  opacity:1
 }
}