@charset "gb2312";

/* 12号字 */
.f12{
    font-size:12px;
}
/* 14号字 */
.f14{
    font-size:14px;
}
/* 18号字 */
.f18{
    font-size:18px;
}
.f18h{
    font-size:18px;
	font-family:黑体;
}
/* 16号字 */
.f16{
    font-size:16px;
}
.f16h{
    font-size:16px;
	font-family:黑体;
}
/* 24号字 */
.f24{
    font-size:24px;
}
/* 文字加粗 */
.fontB{
    font-weight:bold;
}
/* 文字不粗 */
.fontNb{
    font-weight:normal;
}
.fontWr{
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
}


/* 白色 */
.white{
    color:#FFFFFF;
}
.white a{
    color:#ffffff;
	text-decoration:none;
}
.white a:hover{
    color:#ffffff;
	text-decoration:underline;
}

.white2{
	color:#ffc8fc;
}
.white2 a{
    color:#ffc8fc;
	text-decoration:none;
}
.white2 a:hover{
    color:#ffc8fc;
	text-decoration:underline;
}

/* 紫色 */
.violet1{
	color:#d06ecb;
}
.violet1 a{
	color:#d06ecb;
	text-decoration:none;
}
.violet1 a:hover{
	color:#d06ecb;
	text-decoration:underline;
}

.violet2{
	color:#b85fb2;
}
.violet2 a{
	color:#b85fb2;
	text-decoration:none;
}
.violet2 a:hover{
	color:#b85fb2;
	text-decoration:underline;
}

.violet3{
	color:#912c8c;
}
.violet3 a{
	color:#912c8c;
	text-decoration:none;
}
.violet3 a:hover{
	color:#912c8c;
	text-decoration:underline;
}
/* 红色 */
.red{
    color:#ee0e09;
}
.red a{
    color:#ee0e09;
	text-decoration:none;
}
.red a:hover{
    color:#ee0e09;
	text-decoration:underline;
}

.red2{
    color:#cf0045;
}
.red2 a{
    color:#cf0045;
	text-decoration:none;
}
.red2 a:hover{
    color:#cf0045;
	text-decoration:underline;
}
/* 灰色 */
.gray{
    color:#999999;
}
.gray a{
    color:#999999;
	text-decoration:none;
}
.gray a:hover{
    color:#999999;
	text-decoration:underline;
}
/* 灰色2 */
.gray2{
    color:#717171;
	}
.gray2 a{
    color:#717171;
	text-decoration:none;
	}
.gray2 a:hover{
    color:#717171;
	text-decoration:underline;
	}
.gray3{
	color:#858585;
}
.gray3 a{
	color:#858585;
	text-decoration:none;
}
.gray3 a{
	color:#858585;
	text-decoration:underline;
}

/* 黑色 */
.black{
    color:#404040;
	}
.black a{
    color:#404040;
	text-decoration:none;
	}
.black a:hover{
    color:#404040;
	text-decoration:underline;
	}
/* 黄色 */
.yellow{
    color:#fe6c00;
	}
.yellow a{
    color:#fe6c00;
	text-decoration:none;
	}
.yellow a:hover{
    color:#fe6c00;
	text-decoration:underline;
	}
/* 蓝色 */
.blue{
    color:#0069e7;
	}
.blue a{
    color:#0069e7;
	text-decoration:none;
	}
.blue a:hover{
    color:#0069e7;
	text-decoration:underline;
	}
.blue2{
	color:#0934a4;
}
.blue2 a{
    color:#0934a4;
	text-decoration:none;
	}
.blue2 a:hover{
    color:#0934a4;
	text-decoration:underline;
	}
/* 绿色 */
.green{
    color:#406604;
	}
.green a{
    color:#406604;
	text-decoration:none;
	}
.green a:hover{
    color:#FF0000;
	text-decoration:underline;
	}
	
	

@charset "gb2312";

.cont1,.cont2,.cont3{
    width:980px;
	margin:0px auto;
	overflow:hidden;
}
.cont1 .contL{
	width:229px;
	height:850px;
	background:url(imagesxxgk_cont_04.png) no-repeat left bottom #fbfbfb;
	border:#efefef 1px solid;
	overflow:hidden;
}
.cont1 .contR{
	width:733px;
	overflow:hidden;
}
.cont2 .contL{
	width:253px;
	overflow:hidden;
}
.cont2 .contR{
	width:711px;
	overflow:hidden;
}
.cont3 .contL{
	width:616px;
	overflow:hidden;
}
.cont3 .contR{
	width:347px;
	overflow:hidden;
}

.cont4{
    width:960px;
	margin:0px auto;
	overflow:hidden;
}
.cont4 .contL{
	width:330px;
	overflow:hidden;
}
.cont4 .contR{
	width:600px;
	overflow:hidden;
}























@charset "gb2312";
/* 首页CSS */
#i_topNews{
	width:980px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagestitle_01.png) no-repeat left top #FFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
}
#i_topNews h1{
	width:90%;
	height:50px;
	display:block;
	overflow:hidden;
	text-align:center;
	line-height:50px;
	margin:0 auto;
}
#i_topNews p{
	width:90%;
	height:20px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	line-height:20px;
	text-align:center;
}
.slideBox{
	width:630px;
	height:287px;
	overflow:hidden;
	position: relative;
}
.slideBox .hd {
	position: absolute;
	bottom:0;
	right:0;
	width:96px;
	height:37px;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideBox .hd ul li {
	width: 9px;
	height: 9px;
	margin:14px 9px auto auto;
	display:inline;
	cursor: pointer;
	overflow:hidden;
	background:url(imagesslide_off.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_off.png");
}
.slideBox .hd ul li.on {
	background:url(imagesslide_on.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_on.png");
}
.slideBox .bd {
	height:287px;
	overflow:hidden;
}
.slideBox .bd ul {
	height:287px;
	overflow:hidden;
}
.slideBox .bd ul li {
	position:relative;
	height:287px;
	overflow:hidden;
}
.slideBox .bd ul li .pic {
	width: 630px;
	height: 287px;
	overflow: hidden;
}
.slideBox .bd ul li .pic a {
	display:block;
	overflow:hidden;
	height:287px;
}
.slideBox .bd ul li .pic img {
	width: 630px;
	height: 287px;
	overflow: hidden;
}
.slideBox .bd ul li .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	height:37px;
	width:630px;
}
.slideBox .bd ul li .title {
	position: absolute;
	height: 37px;
	line-height: 37px;
	bottom: 0;
	left:0;
	width:520px;
	overflow:hidden;
}
.slideBox .bd ul li .title a {
	margin-left:10px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	font-size:14px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
}
.slideBox .bd ul li .title a:hover{
	color:#FFF;
}
.i_hyyw{
	width:334px;
	height:287px;
	overflow:hidden;
}
.i_hyyw .title{
	height:40px;
	overflow:hidden;
	line-height:40px;
	background:url(imagestitle_03.png) repeat-x;
}
.i_hyyw .title ul li{
	width:167px;
	height:40px;
	overflow:hidden;
	background:url(imagesline_01.png) repeat-y right top;
}
.i_hyyw .title ul li span{
	width:165px;
	height:40px;
	display:block;
	overflow:hidden;
	text-align:center;
}
.i_hyyw .title ul li.on span{
	background:url(imagestitle_02.png) repeat-x;
	color:#0053a9;
}
.i_hyyw .title ul li.on span a{
	color:#0053a9;
}
.i_hyyw .title ul li.on span a:hover{
	color:#0053a9;
}
.i_hyyw .contMain{
	width:334px;
	height:247px;
	overflow:hidden;
	background:#FFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}
.i_hyyw .contMain ul{
	width:304px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	padding-top:12px;
}
.i_hyyw .contMain ul li{
	width:304px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}

.i_zcwj{
	width:313px;
	height:236px;
	overflow:hidden;
	background:#fbfbfb;
	display:inline;
	border:#d8d8d8 1px solid;
}
.i_zcwj .title{
	height:37px;
	overflow:hidden;
	background:url(imagestitle_05.png) repeat-x;
}
.i_zcwj .title ul li{
	width:auto;
	height:37px;
	line-height:37px;
	padding-left:18px;
	padding-right:18px;
}
.i_zcwj .title ul li.on{
	background:url(imagestitle_04.png) repeat-x;
	color:#FFF;
}
.i_zcwj .title ul li.on a{
	color:#FFF;
}
.i_zcwj .title ul li.on a:hover{
	color:#FFF;
}
.i_zcwj .contMain{
	width:293px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
}
.i_zcwj .contMain ul li{
	width:293px;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
#i_zt_pic{
	width:978px;
	height:91px;
	overflow:hidden;
	margin:0 auto;
	border:#eaeaea 1px solid;
	background:#f7f7f7;
}
#i_zt_pic ul li{
	width:978px;
	height:75px;
	overflow:hidden;
	margin-top:8px;
}
#i_zt_pic ul li img{
	width:233px;
	height:75px;
	overflow:hidden;
	display:inline;
	float:left;
	margin-left:9px;
}

#i_dzzw{
	width:980px;
	height:138px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesline_03.png) no-repeat #80b8e5;
}
#i_dzzw ul li{
	width:194px;
	height:68px;
	overflow:hidden;
	margin:0 2px 2px auto;
}
#i_dzzw ul li span{
	width:194px;
	height:68px;
	overflow:hidden;
	display:block;
	text-align:center;
}
#i_dzzw ul li span.s1 a{
	display:block;
	line-height:68px;
}
#i_dzzw ul li span.s2 a{
	padding-top:12px;
	line-height:24px;
	display:block;
}
#i_dzzw ul li a:hover{
	width:194px;
	height:68px;
	display:block;
	overflow:hidden;
	text-decoration:none;
}
#i_dzzw ul li.t1{
	background:url(imagesico_pt_01.png) no-repeat right bottom;
}
#i_dzzw ul li.t2{
	background:url(imagesico_pt_02.png) no-repeat right bottom;
}
#i_dzzw ul li.t3{
	background:url(imagesico_pt_03.png) no-repeat right bottom;
}
#i_dzzw ul li.t4{
	background:url(imagesico_pt_04.png) no-repeat right bottom;
}
#i_dzzw ul li.t5{
	background:url(imagesico_pt_05.png) no-repeat right bottom;
}
#i_dzzw ul li.t6{
	background:url(imagesico_pt_06.png) no-repeat right bottom;
}
#i_dzzw ul li.t7{
	background:url(imagesico_pt_07.png) no-repeat right bottom;
}
#i_dzzw ul li.t8{
	background:url(imagesico_pt_08.png) no-repeat right bottom;
}
#i_dzzw ul li.t9{
	background:url(imagesico_pt_09.png) no-repeat right bottom;
}
#i_dzzw ul li.t10{
	background:url(imagesico_pt_10.png) no-repeat right bottom;
}

#i_dzzw ul li.t1 span:hover{
	background:url(imagesico_pt_01.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t2 span:hover{
	background:url(imagesico_pt_02.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t3 span:hover{
	background:url(imagesico_pt_03.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t4 span:hover{
	background:url(imagesico_pt_04.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t5 span:hover{
	background:url(imagesico_pt_05.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t6 span:hover{
	background:url(imagesico_pt_06.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t7 span:hover{
	background:url(imagesico_pt_07.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t8 span:hover{
	background:url(imagesico_pt_08.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t9 span:hover{
	background:url(imagesico_pt_09.png) no-repeat right bottom #4d95cf;
}
#i_dzzw ul li.t10 span:hover{
	background:url(imagesico_pt_10.png) no-repeat right bottom #4d95cf;
}
#i_tshm{
	width:978px;
	height:155px;
	overflow: visible;
	background:#f7f7f7;
	margin:0 auto;
	border:#eaeaea 1px solid;
	position:relative;
}
#i_tshm .title{
	width:103px;
	height:41px;
	overflow:hidden;
	line-height:38px;
	background:url(imagestitle_06.png) no-repeat;
	position:absolute;
	left:-7px;
	top:6px;
	z-index:10;
	text-align:center;
}
#i_tshm .contMain{
	width:978px;
	height:155px;
	overflow:hidden;
	position:relative;
}
#i_tshm .contMain ul{
	width:3000px;
	display:block;
	overflow:hidden;
}
#i_tshm .contMain ul li{
	width:177px;
	height:129px;
	overflow:hidden;
	position:relative;
	margin:15px auto auto 16px;
}
#i_tshm .contMain ul li .pic{
	width:177px;
	height:129px;
	overflow:hidden;
}
#i_tshm .contMain ul li .bg{
	width:177px;
	height:23px;
	overflow:hidden;
	background:#000;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
#i_tshm .contMain ul li .text{
	width:177px;
	height:23px;
	line-height:23px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
}





@charset "gb2312";
/* 内页CSS */
.p_xxgk_zn{
	width:229px;
	height:194px;
	overflow:hidden;
	background:#FFF;
}
.p_xxgk_zn ul{
	width:208px;
	display:block;
	margin:0 auto;
	overflow:hidden;
	padding-top:8px;
}
.p_xxgk_zn ul li{
	width:208px;
	height:43px;
	overflow:hidden;
	line-height:43px;
	border-bottom:#dddddd 1px solid;
}
.p_xxgk_zn ul li .pic{
	width:30px;
	height:30px;
	overflow:hidden;
	display:inline;
	margin:7px auto auto 32px;
}
.p_xxgk_zn ul li .text{
	width:132px;
	overflow:hidden;
}
.p_xxgk_kstd{
	width:229px;
	overflow:hidden;
	background:url(imagesxxgk_cont_02.png) repeat-x left top;
}
.p_xxgk_kstd .title{
	width:211px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	background:#b2cff4;
}
.p_xxgk_kstd .title h2{
	width:92px;
	height:28px;
	overflow:hidden;
	display:block;
	margin-top:2px;
	line-height:28px;
	background:#4685d4;
	text-align:center;
}
.p_xxgk_kstd .contMain{
	width:190px;
	overflow:hidden;
	margin:0 auto;
}
.p_xxgk_kstd .contMain ul li{
	width:190px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	border-bottom:#d8d8d8 1px dashed;
	background:url(imagesxxgk_td_ico_01.png) no-repeat 4px center;
	text-indent:26px;
}

.p_xxgk_ld{
	width:731px;
	height:auto;
	overflow:hidden;
	border:#d3dee9 1px solid;
	background:#FFF;
}
.p_xxgk_ld .title{
	width:720px;
	height:31px;
	overflow:hidden;
	background:url(imagesxxgk_title_03.png) repeat-x;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
}
.p_xxgk_ld .title h2{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	line-height:31px;
	float:left;
	background:#5d81cc;
	padding-left:18px;
	padding-right:18px;
}
.p_xxgk_ld_t{
	width:688px;
	overflow:hidden;
	margin:0 auto;
}
.p_xxgk_ld_t ul li{
	width:auto;
	height:28px;
	overflow:hidden;
	padding-left:6px;
	padding-right:6px;
	line-height:28px;
	margin-right:6px;
	margin-top:15px;
}
.p_xxgk_ld_t ul li.on{
	background:#6d93e1;
	color:#FFF;
}
.p_xxgk_ld_t ul li.on a{
	color:#FFF;
}
.p_xxgk_ld_t ul li.on a:hover{
	color:#FFF;
}
.p_xxgk_ld_c{
	width:688px;
	height:154px;
	overflow:hidden;
	margin:0 auto;
}
.p_xxgk_ld_c ul{
	display:block;
	overflow:hidden;
}
.p_xxgk_ld_c .pic{
	width:230px;
	height:154px;
	overflow:hidden;
}
.p_xxgk_ld_c .text{
	width:440px;
	overflow:hidden;
}
.p_xxgk_ld_c .text h2{
	width:440px;
	height:40px;
	overflow:hidden;
	line-height:40px;
	display:block;
}
.p_xxgk_ld_c .text p{
	width:440px;
	height:39px;
	overflow:hidden;
	display:block;
	line-height:18px;
}
.p_xxgk_ld_c .text span{
	width:440px;
	height:30px;
	overflow:hidden;
	display:block;
	margin-bottom:14px;
}
.p_xxgk_ld_c .text span a{
	width:107px;
	height:30px;
	display:block;
	overflow:hidden;
	line-height:30px;
	text-align:center;
	background:url(imagesxxgk_ld_ico_01.png) no-repeat;
}
.p_xxgk_jgcs{
	width:731px;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fafafa;
}
.p_xxgk_jgcs .contMain,.p_xxgk_zsdw{
	width:720px;
	overflow:hidden;
	margin:0 auto;
}
.p_xxgk_jgcs .contMain ul li{
	width:144px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_xxgk_zsdw ul li{
	width:240px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_xxgk_zsdw tr td{
	position:relative;
}
.p_xxgk_zsdw_tc{
	width:200px;
	height:80px;
	overflow:hidden;
	position:absolute;
	left:10px;
	top:28px;
	z-index:20;
	display:none;
	background:#FFF;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
	box-shadow: 0px 0px 8px #666;
    -moz-box-shadow: 0px 0px 8px #666;
    -webkit-box-shadow: 0px 0px 8px #666;
}
.p_xxgk_zsdw_tc span{
	width:160px;
	overflow:hidden;
	margin:0 auto;
	display:block;
	line-height:22px;
	padding-top:6px;
}
.p_xxgk_gzdt{
	width:731px;
	height:225px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#fafafa;
}
.p_xxgk_dt_list{
	width:340px;
	height:114px;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0 12px auto 11px;
}
.p_xxgk_dt_list .title{
	height:38px;
	overflow:hidden;
	line-height:38px;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_xxgk_dt_list .title h2{
	width:auto;
	height:38px;
	overflow:hidden;
	display:block;
	float:left;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
	padding-left:12px;
	padding-right:12px;
}
.p_xxgk_dt_list .contMain{
	width:340px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
	line-height:30px;
}

.p_bs_tel{
	width:251px;
	overflow:hidden;
	background:#FFF;
	border:#efefef 1px solid;
	height:807px;
}
.p_bs_tel .title{
	width:232px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	line-height:32px;
	background:#528bd2;
	text-indent:10px;
}
.p_bs_tel .contMain{
	width:222px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
}
.p_bs_tel .contMain ul li{
	width:222px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	border-bottom:#d8d8d8 1px dashed;
}
.p_bs_tel .contMain ul li span{
	float:right
}
.p_bs_tel_list{
	width:674px;
	overflow:hidden;
	line-height:28px;
	margin:0 auto;
}
.p_bs_tel_list dl{
	width:674px;
	height:28px;
	overflow:hidden;
	display:block;
}
.p_bs_tel_list dl.bg{
	background:#f2f2f2;
}
.p_bs_tel_list dl dd{
	width:337px;
	overflow:hidden;
	float:left;
	text-indent:4px;
}
.p_bs_fw{
	width:709px;
	height:807px;
	overflow:hidden;
	background:#fefefe;
	border:#f0f0f0 1px solid;
}
.p_bs_fw .title{
	width:698px;
	height:31px;
	overflow:hidden;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
	background:url(imagesxxgk_title_03.png) repeat-x;
}
.p_bs_fw .title h2{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	line-height:31px;
	background:#5d81cc;
	padding-left:18px;
	padding-right:18px;
}
.p_bs_fw .contMain{
	width:709px;
	height:479px;
	overflow:hidden;
}
.p_bs_fw_zn{
	width:314px;
	height:226px;
	overflow:hidden;
	display:inline;
	float:left;
	margin:11px 22px auto 18px;
}
.p_bs_fw_zn .p_bs_title{
	width:314px;
	height:42px;
	overflow:hidden;
}
.p_bs_fw_zn .p_bs_title .pic{
	width:44px;
	height:42px;
	overflow:hidden;
}
.p_bs_fw_zn .p_bs_title .text{
	width:260px;
	height:40px;
	overflow:hidden;
	border-bottom:#bccdf2 1px solid;
	line-height:40px;
}
.p_bs_fw_zn .p_bs_title .text span{
	width:49px;
	height:15px;
	overflow:hidden;
	display:inline;
	margin:18px 8px auto auto;
	float:right;
	background:url(imagesbs_more_01.png) no-repeat;
}
.p_bs_fw_zn .p_bs_title .text span a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_bs_fw_zn .p_bs_list{
	width:304px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
}
.p_bs_fw_zn .p_bs_list ul li{
	width:304px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}
.p_bs_fw_zx{
	width:709px;
	height:292px;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fafafa;
}
.p_bs_fw_zx .p_bs_title{
	width:676px;
	height:42px;
	overflow:hidden;
	margin:0 auto;
}
.p_bs_fw_zx .p_bs_title .pic{
	width:44px;
	height:42px;
	overflow:hidden;
}
.p_bs_fw_zx .p_bs_title .text{
	width:622px;
	height:40px;
	overflow:hidden;
	border-bottom:#bccdf2 1px solid;
	line-height:40px;
}
.p_gz_szxx{
	width:251px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#FFF;
}
.p_gz_szxx .title{
	width:232px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	background:#528bd2;
	text-indent:12px;
	line-height:32px;
}
.p_gz_szxx .contMain{
	width:220px;
	height:403px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
}
.p_gz_szxx .contMain ul li{
	width:220px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	border-bottom:#d8d8d8 1px dashed;
}
.p_gz_szxx .contMain ul li span{
	float:right;
}
.p_gz_dc{
	width:251px;
	height:262px;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fbfbfb;
}
.p_gz_dc .p_gz_title{
	width:234px;
	height:40px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_gz_dc .p_gz_title h2{
	width:auto;
	height:40px;
	display:block;
	overflow:hidden;
	line-height:40px;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
	padding-left:10px;
	padding-right:10px;
}
.p_gz_dc .p_gz_title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	display:inline;
	margin:14px 6px auto auto;
	background:url(imagesbs_more_01.png) no-repeat;
}
.p_gz_dc .p_gz_title h5 a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_gz_dc .p_gz_contMain{
	width:220px;
	overflow:hidden;
	margin:0 auto;
	padding-top:4px;
}
.p_gz_dc .p_gz_contMain ul li{
	width:220px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}
.p_gz_tgxx{
	width:251px;
	height:33px;
	overflow:hidden;
	background:url(imagesgz_bg_01.png) no-repeat;
	line-height:33px;
	text-align:center;
}
.p_gz_jzxx{
	width:345px;
	height:434px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#fefefe;
}
.p_gz_jzxx .title{
	width:334px;
	height:31px;
	overflow:hidden;
	line-height:31px;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
	background:url(imagesxxgk_title_03.png) repeat-x;
}
.p_gz_jzxx .title h2{
	width:auto;
	height:31px;
	overflow:hidden;
	display:block;
	background:#5d81cc;
	padding-left:16px;
	padding-right:16px;
}
.p_gz_jzxx .contMain{
	width:325px;
	height:87px;
	overflow:hidden;
	background:#f5f5f5;
	margin:0 auto;
	-moz-border-radius: 5px;     
    -webkit-border-radius: 5px;
    border-radius:5px;          
}
.p_gz_jzxx .contMain .pic{
	width:78px;
	height:78px;
	overflow:hidden;
	display:inline;
	margin:4px auto auto 11px;
}
.p_gz_jzxx .contMain .text{
	width:204px;
	height:62px;
	overflow:hidden;
	display:inline;
	margin:12px 14px auto auto;
	background:url(imagesgz_line_01.gif) no-repeat center center;
}
.p_gz_jzxx .contMain .text ul li{
	width:90px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	background:url(imagesgz_ico_03.png) no-repeat 4px center;
	text-indent:26px;
	margin-left:8px;
}
.p_gz_lxxd{
	width:345px;
	height:285px;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fcfcfc;
}
.p_gz_lxxd .p_gz_title{
	width:320px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	line-height:32px;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_gz_lxxd .p_gz_title h2{
	width:auto;
	height:32px;
	display:block;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
}
.p_gz_lxxd .p_gz_title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	display:inline;
	background:url(imagesbs_more_01.png) no-repeat;
	margin:8px 10px auto auto;
}
.p_gz_lxxd .p_gz_title h5 a{
	width:49px;
	height:15px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.p_gz_lxxd .p_gz_contMain{
	width:302px;
	overflow:hidden;
	margin:0 auto;
	padding-top:8px;
}
.p_gz_lxxd .p_gz_contMain ul li{
	width:302px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}
.p_gz_lxxd .p_gz_contMain ul li span{
	float:right;
	color:#999;
}

.p_gz_zxft{
	width:345px;
	height:225px;
	overflow:hidden;
	background:#fafafa;
	margin-top:16px;
	display:inline;
	border:#efefef 1px solid;
}
.p_gz_zxft .title{
	width:334px;
	height:31px;
	overflow:hidden;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
	line-height:31px;
	background:url(imagesxxgk_title_03.png) repeat-x;
}
.p_gz_zxft .title h2{
	width:auto;
	height:31px;
	overflow:hidden;
	display:block;
	padding-left:16px;
	padding-right:16px;
	background:#5d81cc;
}
.p_gz_zxft .title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	display:inline;
	background:url(imagesbs_more_01.png) no-repeat;
	margin:8px 10px auto auto;
}
.p_gz_zxft .title h5 a{
	width:49px;
	height:15px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.p_gz_zxft .contMain{
	width:314px;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.p_gz_zxft .contMain ul li{
	width:314px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_gz_zxft .contMain ul li span{
	float:right;
	color:#999;
}

.p_cs_jsdw{
	width:251px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#fefefe;
}
.p_cs_jsdw .title{
	width:232px;
	height:32px;
	overflow:hidden;
	line-height:32px;
	margin:0 auto;
	text-indent:10px;
	background:#528bd2;
}
.p_cs_jsdw .contMain{
	width:222px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:10px;
}
.p_cs_jsdw .contMain dl{
	width:222px;
	overflow:hidden;
	display:block;
	padding-top:16px;
	padding-bottom:16px;
	border-bottom:#d8d8d8 1px dashed;
}
.p_cs_jsdw .contMain dl dt{
	width:222px;
	overflow:hidden;
	line-height:24px;
}
.p_cs_jsdw .contMain dl dd{
	width:222px;
	height:28px;
	overflow:hidden;
	text-indent:33px;
	line-height:28px;
}
.p_cs_jsdw .contMain dl dd.t1{
	background:url(imagescs_ico_02.png) no-repeat 7px center;
}
.p_cs_jsdw .contMain dl dd.t2{
	background:url(imagescs_ico_01.png) no-repeat 7px center;
}

.p_cs_jgcs{
	width:709px;
	overflow:hidden;
	border:#f0f0f0 1px solid;
	background:#fefefe;
}
.p_cs_jgcs .title{
	width:698px;
	height:31px;
	overflow:hidden;
	margin:0 auto;
	line-height:31px;
	background:url(imagesxxgk_title_03.png) repeat-x;
}
.p_cs_jgcs .title h2{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	float:left;
	padding-left:15px;
	padding-right:15px;
	background:#5d81cc;
}
.p_cs_jgcs .contMain{
	overflow:hidden;
}
.p_cs_bgs{
	width:318px;
	overflow:hidden;
	display:inline;
	float:left;
	margin:8px 18px auto 18px;
	padding-bottom:12px;
}
.p_cs_bgs .p_cs_title{
	height:32px;
	line-height:32px;
	overflow:hidden;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_cs_bgs .p_cs_title h2{
	width:auto;
	height:32px;
	display:block;
	line-height:32px;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
}
.p_cs_bgs .p_cs_title h5{
	width:63px;
	height:19px;
	overflow:hidden;
	line-height:19px;
	background:url(imagescs_ico_03.png) no-repeat;
	display:inline;
	margin:6px 8px auto auto;
	text-align:center;
	color:#8196c1;
}
.p_cs_bgs .p_cs_title h5 a{
	color:#8196c1;
}
.p_cs_bgs .p_cs_contMain{
	width:304px;
	overflow:hidden;
	margin:0 auto;
	line-height:28px;
	border-bottom:#e6e6e6 1px dashed;
	padding-top:8px;
	padding-bottom:8px;
}
.p_cs_bgs .text{
	width:292px;
	overflow:hidden;
	line-height:24px;
	margin:0 auto;
	background:#e9f0ff;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
	padding-right:6px;
}

#p_oa_body{
	background:url(imagesoa_bg.jpg) no-repeat center top #ddf0ff;
}
#p_oa_wiap{
	width:743px;
	height:246px;
	overflow:hidden;
	position:absolute;
	left:50%;
	margin-left:-371px;
	top:50%;
	margin-top:-123px;
	background:url(imagesoa_cont_01.png) no-repeat;
}
#p_oa_wiap ul{
	width:307px;
	overflow:hidden;
	display:block;
	margin:30px auto auto 389px;
}
#p_oa_wiap ul li.t1,#p_oa_wiap ul li.t2{
	width:307px;
	height:39px;
	overflow:hidden;
	background:url(imagesoa_input_01.png) no-repeat;
	margin-bottom:13px;
}
#p_oa_wiap ul li.t1 input,#p_oa_wiap ul li.t2 input{
	width:267px;
	height:39px;
	overflow:hidden;
	float:right;
	line-height:39px;
	font-size:14px;
	color:#999;
	font-family:"微软雅黑";
	border:0;
	background:none;
	position:relative;
	outline: none;
}
#p_oa_wiap ul li.t2{
	background:url(imagesoa_input_02.png) no-repeat;
}
#p_oa_wiap ul li.t3{
	width:136px;
	height:32px;
	overflow:hidden;
	margin-bottom:11px;
	background:url(imagesoa_input_03.png) no-repeat;
}
#p_oa_wiap ul li.t3 input{
	width:130px;
	height:32px;
	overflow:hidden;
	float:left;
	line-height:32px;
	border:0;
	background:none;
	padding-left:6px;
	font-size:14px;
	color:#999;
	font-family:"微软雅黑";
}
#p_oa_wiap ul li.t4{
	width:90px;
	height:27px;
	overflow:hidden;
	margin:2px auto auto 9px;
}
#p_oa_wiap ul li.t5{
	width:307px;
	height:37px;
	overflow:hidden;
	background:url(imagesoa_input_05.png) no-repeat;
}
#p_oa_wiap ul li.t5 input{
	width:307px;
	height:37px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	border:0;
	background:none;
}

.p_bq_gzdt{
	width:614px;
	height:253px;
	overflow:hidden;
	background:#fcfcfc;
	border:#efefef 1px solid;
}
.p_bq_gzdt .title{
	width:602px;
	height:31px;
	overflow:hidden;
	background:url(imagesxxgk_title_03.png) repeat-x;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
}
.p_bq_gzdt .title h2{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	background:#5d81cc;
	padding-left:16px;
	padding-right:16px;
	line-height:31px;
}
.p_bq_gzdt .title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	background:url(imagesbs_more_01.png) no-repeat;
	display:inline;
	margin:7px 12px auto auto;
}
.p_bq_gzdt .title h5 a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_bq_gzdt .contMain{
	width:574px;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.p_bq_gzdt .contMain ul li{
	width:574px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_bq_gzdt .contMain ul li span{
	float:right;
	color:#999;
}
.p_bq_r{
	width:345px;
	height:796px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#fefefe;
}
.p_bq_my{
	width:320px;
	height:222px;
	overflow:hidden;
	margin:0 auto;
}
.p_bq_my .title{
	width:320px;
	height:32px;
	overflow:hidden;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_bq_my .title h2{
	width:auto;
	height:32px;
	display:block;
	line-height:32px;
	overflow:hidden;
	padding-left:13px;
	padding-right:13px;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
}
.p_bq_my .title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	background:url(imagesbs_more_01.png) no-repeat;
	display:inline;
	margin:7px 9px auto auto;
}
.p_bq_my .title h5 a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_bq_my .contMain{
	width:310px;
	margin:0 auto;
	padding-top:8px;
	overflow:hidden;
}
.p_bq_my .contMain ul li{
	width:310px;
	height:28px;
	overflow:hidden;
	line-height:28px;
}
.p_bq_my .contMain ul li span{
	float:right;
	color:#999;
}
.p_bq_r_main{
	width:100%;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fcfcfc;
}

.p_gl_wiap{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesgl_cont_01.png) repeat-y;
}
.p_gl_main{
	width:980px;
	overflow:hidden;
	background:url(imagesgl_cont_02.png) no-repeat left bottom;
}
.p_gl_main .contL,.p_menu{
	width:246px;
	overflow:hidden;
}
.p_gl_main .contR{
	width:734px;
	overflow:hidden;
}
.p_menu .title{
	width:246px;
	height:84px;
	overflow:hidden;
	background:url(imagesgl_title_01.png) no-repeat;
	_background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gl_title_01.png");
}
.p_menu .title .pic{
	width:50px;
	height:50px;
	overflow:hidden;
	display:inline;
	margin:13px auto auto 25px;
}
.p_menu .title .text{
	width:146px;
	height:76px;
	overflow:hidden;
	line-height:76px;
}
.p_menu .contMain{
	width:230px;
	overflow:hidden;
	margin-left:8px;
}
.p_menu .contMain ul li {
	display:block;
	width:230px;
	list-style:none;
	overflow:visible;
}
.p_menu .contMain ul li span {
	display:block;
	height:36px; 
	width:230px;
	line-height:36px;
	text-indent:28px;
	outline:none;
	position:relative;
	font-size:16px;
}

.p_menu .contMain ul li .on {
	background:url(imagesgl_cont_03.png) no-repeat;
	color:#043197;
}
.p_menu .contMain ul li .on a{
	color:#043197;
}
.p_menu .contMain ul li .on a:hover{
	color:#043197;
}

.p_menu .contMain ul li ul {
	display:none;    
}
.p_menu .contMain ul li ul li ul {
	margin-top:;
}
.p_menu .contMain ul li ul li span {
	text-indent:50px;
}

.p_gl_list{
	width:698px;
	overflow:hidden;
	margin:0 auto;
}
.p_gl_list .title{
	height:34px;
	line-height:34px;
	border-bottom:#3f69c0 4px solid;
}
.p_gl_list .title h2{
	width:auto;
	height:34px;
	overflow:hidden;
	display:block;
	padding-left:14px;
	padding-right:14px;
	background:#5d81cc;
}
.p_gl_list .title h5{
	width:auto;
	height:34px;
	overflow:hidden;
	display:block;
	background:url(imagesgl_ico_01.png) no-repeat left center;
	text-indent:24px;
}
.p_gl_list .contMain{
	width:698px;
	overflow:hidden;
}
.p_gl_list .contMain ul{
	width:698px;
	display:block;
	overflow:hidden;
	padding-top:14px;
	padding-bottom:14px;
	border-bottom:#cacaca 1px dashed;
}
.p_gl_list .contMain ul li{
	width:698px;
	height:26px;
	line-height:26px;
	overflow:hidden;
	text-indent:10px;
}
.p_gl_list .contMain ul li span{
	float:right;
	display:inline;
	margin-right:10px;
	color:#999;
}

.p_next{
	width:auto;
	height:24px;
	overflow:hidden;
}
.p_next ul li{
	width:auto;
	height:23px;
	line-height:23px;
	overflow:hidden;
	padding-left:8px;
	padding-right:8px;
}
.p_next ul li.page{
	background:#5d81cc;
	border-bottom:#5d81cc 1px solid;
	margin-right:10px;
}
.p_next ul li.num{
	background:#ebebeb;
	border-bottom:#ebebeb 1px solid;
	margin-right:6px;
}
.p_next ul li.on{
	background:#e60e1e;
	border-bottom:#ae020f 1px solid;
	margin-right:6px;
	font-weight:bold;
	color:#FFF;
}
.p_next ul li.on a{
	color:#FFF;
}
.p_next ul li.on a:hover{
	color:#FFF;
}

.p_gl_pt{
	width:698px;
	overflow:hidden;
}
.p_gl_pt ul{
	width:730px;
	display:block;
	overflow:hidden;
}
.p_gl_pt ul li{
	width:212px;
	height:166px;
	overflow:hidden;
	background:#ededed;
	margin:20px 30px auto auto;
}
.p_gl_pt ul li .pic{
	width:212px;
	height:140px;
	overflow:hidden;
}
.p_gl_pt ul li h3{
	width:212px;
	height:26px;
	overflow:hidden;
	display:block;
	line-height:26px;
	text-align:center;
}
.p_xl_wiap{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	background:#FFF;
}
.p_xl_dqwz{
	width:960px;
	height:34px;
	overflow:hidden;
	background:url(imagesxl_ico_01.png) no-repeat 26px center #e9f0ff;
	margin:0 auto;
	line-height:34px;
	border-bottom:#c0cff0 2px solid;
	text-indent:54px;
}
.p_xl_wiap h1{
	width:944px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	padding-top:16px;
	padding-bottom:16px;
	line-height:50px;
	text-align:center;
	color:#0536a5;
	font-size:20px;
}
.p_xl_wiap .time{
	width:944px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	margin:0 auto;
	background:#f5f5f5;
	text-align:center;
	border-bottom:2px #ededed solid;
}
.p_xl_wiap .content{
	width:940px;
	overflow:hidden;
	margin:0 auto;
	line-height:200%;
}
.p_map{
	padding-top:18px;
	padding-bottom:18px;
	line-height:32px;
	border-bottom:#cccccc 1px dashed;
}
.p_map a{
	margin-right:8px;
	margin-left:8px;
}

.p_zt_cont1{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}
.p_zt_menu{
	width:220px;
	overflow:hidden;
	border:#dbdbdb 1px solid;
	background:#f6f6f6;
}
.p_zt_menu ul{
	width:202px;
	overflow:hidden;
	display:block;
	padding-top:16px;
	padding-bottom:40px;
	margin:0 auto;
}
.p_zt_menu ul li{
	width:202px;
	padding-top:6px;
	overflow:hidden;
	border-bottom:#cdcdcd 1px dashed;
}
.p_zt_menu ul li span{
	width:198px;
	display:block;
	overflow:hidden;
	line-height:30px;
	padding-left:2px;
	padding-right:2px;
}
.p_zt_menu ul li.on span{
	background:#317cd9;
	color:#FFF;
}
.p_zt_menu ul li.on span a{
	color:#FFF;
}
.p_zt_menu ul li.on span a:hover{
	color:#FFF;
}
.p_zt_main{
	width:716px;
	overflow:hidden;
	border:#cbcbcb 1px solid;
}
.p_zt_main h2{
	width:694px;
	height:26px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	line-height:26px;
	background:url(imageszt_title_01.png) no-repeat 6px center;
	text-indent:20px;
	border-bottom:#0536a5 1px solid;
	color:#0536a5;
}
.p_zt_list{
	width:694px;
	overflow:hidden;
	margin:0 auto;
	padding-top:14px;
}
.p_zt_list .title{
	height:32px;
	overflow:hidden;
	border-bottom:#3f69c0 2px solid;
}
.p_zt_list .title h3{
	width:auto;
	height:32px;
	display:block;
	overflow:hidden;
	float:left;
	background:#2367c5;
	padding-left:18px;
	padding-right:18px;
	line-height:32px;
}
.p_zt_list .title ul li{
	width:auto;
	height:32px;
	display:block;
	overflow:hidden;
	float:left;
	padding-left:18px;
	padding-right:18px;
	line-height:32px;
}
.p_zt_list .title ul li.on{
	background:#2367c5;
	color:#FFF;
}
.p_zt_list .title ul li.on a{
	color:#FFF;
}
.p_zt_list .contMain{
	width:694px;
	padding-top:8px;
}
.p_zt_list .contMain ul li{
	width:694px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-indent:8px;
}
.p_zt_list .contMain ul li span{
	float:right;
	display:inline;
	margin-right:8px;
}
.p_zt_list .contMain ul li.sel{
	background:#f6f6f6;
}
.p_mail_cx{
	width:698px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesmial_cx_cont_02.png) repeat-x left bottom;
	padding-bottom:30px;
}
.p_mail_cx .title{
	height:50px;
	overflow:hidden;
	background:url(imagesmial_cx_ico_01.png) no-repeat 20px center;
	text-indent:34px;
	line-height:50px;
}
.p_mail_cx .contMain{
	width:510px;
	overflow:hidden;
	margin-left:20px;
}
.p_mail_cx .contMain ul li.t1{
	width:401px;
	height:32px;
	overflow:hidden;
	background:url(imagesmial_cx_cont_01.png) repeat-x left top;
	border:#cccccc 1px solid;
}
.p_mail_cx .contMain ul li.t1 input{
	width:401px;
	height:32px;
	overflow:hidden;
	border:0;
	background:none;
	line-height:32px;
	color:#999;
	padding-left:8px;
	float:left;
}
.p_mail_cx .contMain ul li.t2{
	width:97px;
	height:34px;
	overflow:hidden;
	background:url(imagesmial_cx_ico_02.png) no-repeat;
}
.p_mail_cx .contMain ul li.t2 input{
	width:97px;
	height:34px;
	overflow:hidden;
	float:left;
	border:0;
	background:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
}
.p_mail_cx_input{
	width:396px;
	height:30px;
	line-height:30px;
	float:left;
	border:#cccccc 1px solid;
	padding-left:6px;
	color:#999;
	background:url(imagesmial_cx_cont_01.png) repeat-x;
}

.p_mail_ride_select{
	width:222px;
	height:24px;
	overflow:hidden;
	float:left;
	line-height:22px;
	border:#CCC 1px solid;
}
.p_mail_ride_input{
	width:216px;
	height:24px;
	overflow:hidden;
	background:url(imagesmail_ride_input_01.png) no-repeat;
	line-height:24px;
	float:left;
	border:#CCC 1px solid;
	padding-left:2px;
}
.p_mail_ride_text{
	width:586px;
	height:138px;
	overflow:hidden;
	float:left;
	border:#CCC 1px solid;
}
.p_mail_zxhf{
	width:698px;
	margin:0 auto;
	overflow:hidden;
}
.p_mail_zxhf dl{
	width:698px;
	overflow:hidden;
	display:block;
	padding-top:16px;
	padding-bottom:16px;
	border-bottom:#cccccc 1px dashed;
}
.p_mail_zxhf dl dt{
	width:698px;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.p_mail_zxhf dl dd{
	width:698px;
	line-height:24px;
	overflow:hidden;
}
.p_mail_zxhf dl dd span{
	float:right;
	width:55px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	background:#b30808;
	text-align:center;
	display:inline;
	margin-right:12px;
}
.p_mail_xl{
	width:945px;
	overflow:hidden;
	margin:0 auto;
}
.p_mail_xl .title{
	height:41px;
	overflow:hidden;
	background:url(imagesmail_xl_title_02.png) repeat-x;
}
.p_mail_xl .title span{
	display:block;
	overflow:hidden;
	line-height:36px;
	height:41px;
	background:url(imagesmail_xl_title_01.png) no-repeat;
	text-indent:34px;
}
.p_mail_xl .contMain{
	width:945px;
	overflow:hidden;
	background:url(imagesmail_xl_cont_01.png) repeat-y left top #f7f7f7;
}

.p_mail_xl_title{
	width:898px;
	height:28px;
	margin:0 auto;
	overflow:hidden;
	border-bottom:#ebebeb 1px solid;
}
.p_mail_xl_title h2{
	width:auto;
	height:26px;
	line-height:26px;
	padding-left:10px;
	padding-right:10px;
	background:#c60917;
}
.p_mail_xl_title h5{
	width:auto;
	height:26px;
	line-height:26px;
	overflow:hidden;
	display:inline;
	margin-right:10px;
}
.p_mail_xl_cont{
	width:890px;
	overflow:hidden;
	margin:0 auto;
	line-height:200%;
}
.p_jgcs_bgs{
	width:330px;
	overflow:hidden;
}
.p_jgcs_bgs .title{
	height:32px;
	overflow:hidden;
	background:url(imagesjgcs_ico_01.png) no-repeat 10px center #2f5dbc;
	line-height:32px;
	text-indent:24px;
}
.p_jgcs_bgs .contMain{
	width:330px;
	overflow:hidden;
	padding-top:8px;
	padding-bottom:12px;
	line-height:28px;
	border-bottom:#e6e6e6 1px dashed;
}
.p_jgcs_bgs .content{
	width:330px;
	overflow:hidden;
	padding-top:10px;
	line-height:24px;
}

.p_jgcs_list{
	width:600px;
	background:#f7f7f7;
	overflow:hidden;
}
.p_jgcs_list .title{
	width:592px;
	overflow:hidden;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
	padding-top:4px;
}
.p_jgcs_list .title span{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	line-height:31px;
	background:#2367c5;
	padding-left:18px;
	padding-right:18px;
	float:left;
}
.p_jgcs_list .contMain{
	width:592px;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:16px;
}
.p_jgcs_list .contMain ul li{
	width:592px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	text-indent:8px;
}
.p_jgcs_list .contMain ul li span{
	float:right;
	display:inline;
	margin-right:8px;
	color:#999;
}
.p_ysq_cont{
	width:96%;
	overflow:hidden;
	margin:0 auto;
	line-height:200%;
}
.p_ld_wiap{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesld_cont_01.png) repeat-y 228px top;
}
.p_ld_wiap .contL{
	width:228px;
	overflow:hidden;
}
.p_ld_wiap .contR{
	width:692px;
	overflow:hidden;
}
.p_ld_pt,.p_ld_qt{
	width:218px;
	overflow:hidden;
	margin:0 auto;
}
.p_ld_pt .pic{
	width:186px;
	height:224px;
	overflow:hidden;
	margin:0 auto;
}
.p_ld_pt h2{
	width:218px;
	height:38px;
	overflow:hidden;
	display:block;
	line-height:38px;
	text-align:center;
}
.p_ld_pt p{
	width:218px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	display:block;
	text-align:center;
}
.p_ld_qt h2{
	width:218px;
	height:27px;
	overflow:hidden;
	display:block;
	background:#548ede;
	text-align:center;
	line-height:27px;
}
.p_ld_qt .contMain ul li{
	width:109px;
	height:36px;
	overflow:hidden;
	line-height:36px;
	text-align:center;
}
.p_ld_cont{
	width:664px;
	overflow:hidden;
	margin:0 auto;
	line-height:200%;
}
.p_ld_jh{
	width:692px;
	overflow:hidden;
}
.p_ld_jh .title{
	height:31px;
	overflow:hidden;
	border-bottom:#3f69c0 2px solid;
	line-height:31px;
}
.p_ld_jh .title h2{
	width:auto;
	height:31px;
	display:block;
	float:left;
	background:#2367c5;
	padding-left:18px;
	padding-right:18px;
}
.p_ld_jh .contMain ul{
	width:692px;
	overflow:hidden;
	display:block;
	border-bottom:#d8d8d8 1px dashed;
	padding-top:12px;
	padding-bottom:12px;
}
.p_ld_jh .contMain ul li{
	width:692px;
	height:26px;
	line-height:26px;
	overflow:hidden;
	text-indent:10px;
}
.p_ld_jh .contMain ul li span{
	float:right;
	display:inline;
	margin-right:10px;
}
.p_dc_waip{
	width:944px;
	overflow:hidden;
	margin:0 auto;
	background:#f7f7f7;
}
.p_dc_info{
	width:860px;
	overflow:hidden;
	margin:0 auto;
	line-height:200%;
}
.p_dc_info span{
	float:right;
}
.p_dc_list{
	width:860px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:20px;
	border-bottom:#cccccc 1px dashed;
}
.p_dc_list dl{
	width:860px;
	overflow:hidden;
	display:block;
	padding-top:24px;
}
.p_dc_list dl dt{
	width:860px;
	height:26px;
	overflow:hidden;
	background:#2f5dbc;
	line-height:26px;
	text-indent:12px;
}
.p_dc_list dl dd{
	width:788px;
	height:36px;
	overflow:hidden;
	line-height:36px;
	text-indent:16px;
}
.p_dc_list dl dd span{
	float:left;
	display:inline;
	margin-top:10px;
}
.p_dc_bl{
	width:196px;
	height:16px;
	overflow:hidden;
	border:#e0e0e0 1px solid;
	background:#fbfbfb;
}
.p_dc_bl span{
	height:16px;
	display:block;
	overflow:hidden;
	background:#c22e2b;
}
.p_ft_new{
	width:676px;
	height:174px;
	margin:0 auto;
	overflow: visible;
}
.p_ft_new dl dt{
	width:382px;
	height:150px;
	overflow:hidden;
	float:right;
}
.p_ft_new dl dd.pic{
	width:260px;
	height:170px;
	overflow:visible;
	position:relative;
	float:left;
	border:#e2e2e2 2px solid;
}
.p_ft_new dl dd.pic .title{
	width:74px;
	height:30px;
	overflow:hidden;
	position:absolute;
	left:-6px;
	top:1px;
	background:url(imagesft_title_02.png) no-repeat;
	z-index:10;
	line-height:28px;
	text-align:center;
}
.p_ft_new dl dd.more{
	width:74px;
	height:23px;
	line-height:23px;
	overflow:hidden;
	background:#b4000e;
	text-align:center;
	float:right;
}
.p_ft_wq{
	width:698px;
	margin:0 auto;
	overflow:hidden;
}
.p_ft_wq .title{
	height:32px;
	overflow:hidden;
	background:url(imagesft_title_01.png) no-repeat 10px center #2f5dbc;
	text-indent:24px;
	line-height:32px;
}
.p_ft_wq .contMain ul{
	width:730px;
	display:block;
	overflow:hidden;
}
.p_ft_wq .contMain ul li{
	width:241px;
	height:239px;
	overflow:hidden;
	margin-top:20px;
	border-bottom:#999999 1px dashed;
}
.p_ft_wq .contMain ul li .p_ft_wq_cont{
	width:216px;
	height:220px;
	overflow:hidden;
	background:#eff4ff;
}
.p_ft_wq .contMain ul li .pic{
	width:212px;
	height:140px;
	overflow:hidden;
	margin:2px auto auto 2px;
	position:relative;
}
.p_ft_wq .contMain ul li .pic .bg{
	width:212px;
	height:26px;
	overflow:hidden;
	background:#000;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
.p_ft_wq .contMain ul li .pic .text{
	width:212px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	z-index:3;
}
.p_ft_wq .contMain ul li .content{
	width:200px;
	overflow:hidden;
	margin:0 auto;
	line-height:24px;
}

.p_ft_xl{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}
.p_ft_xl_pic{
	width:340px;
	line-height:26px;
	overflow:hidden;
}
.p_ft_xl_pic img{
	margin-bottom:14px;
}
.p_ft_xl_cont{
	width:606px;
	background:#f7f7f7;
	overflow:hidden;
}
.p_ft_xl_cont .title{
	width:596px;
	height:32px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesjgcs_ico_01.png) no-repeat 10px center #2f5dbc;
	text-indent:24px;
	line-height:32px;
}
.p_ft_xl_cont .content{
	width:582px;
	overflow:hidden;
	padding-top:14px;
	padding-bottom:14px;
	line-height:24px;
	border-bottom:#d9d9d9 1px dashed;
	text-indent:24px;
	margin:0 auto;
}


#p_login_body{
	background:url(imageslogin.jpg) no-repeat center top #0066cc;
}
#p_login_waip{
	width:646px;
	height:330px;
	overflow:hidden;
	background:url(imageslogin_bg.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-320px;
	top:50%;
	margin-top:-160px;
}
#p_login_waip .contMain{
	width:646px;
	overflow:hidden;
	margin-top:38px;
	position:relative;
}
#p_login_waip .contMain ul{
	width:426px;
	overflow:hidden;
	display:block;
	float:right;
}
#p_login_waip .contMain ul li.t1{
	width:72px;
	height:35px;
	overflow:hidden;
	line-height:35px;
	margin-bottom:12px;
}
#p_login_waip .contMain ul li.t2{
	width:277px;
	height:33px;
	overflow:hidden;
	margin-bottom:12px;
	border:#0676a4 1px solid;
	background:#FFF;
	margin-right:40px;
}
#p_login_waip .contMain ul li.t2 input{
	width:277px;
	height:33px;
	overflow:hidden;
	float:left;
	border:0;
	background:none;
	line-height:33px;
	padding-left:6px;
	color:#999;
}
#p_login_waip .contMain ul li.t3{
	width:167px;
	height:33px;
	overflow:hidden;
	margin-bottom:12px;
	border:#0676a4 1px solid;
	background:#FFF;
}
#p_login_waip .contMain ul li.t3 input{
	width:167px;
	height:33px;
	overflow:hidden;
	float:left;
	border:0;
	background:none;
	line-height:33px;
	padding-left:6px;
	color:#999;
}
#p_login_waip .contMain ul li.t4{
	width:90px;
	height:27px;
	overflow:hidden;
	margin-top:4px;
	margin-left:12px;
}
#p_login_waip .contMain ul li.t5{
	width:279px;
	height:38px;
	overflow:hidden;
	margin-left:72px;
	background:url(imageslogin_sub.png) no-repeat;
}
#p_login_waip .contMain ul li.t5 input{
	width:279px;
	height:38px;
	overflow:hidden;
	float:left;
	border:0;
	background:none;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
}

.p_dc_new{
	width:232px;
	height:177px;
	overflow:hidden;
	margin:0 auto;
}
.p_dc_new dl dt{
	width:232px;
	height:44px;
	line-height:44px;
	overflow:hidden;
	text-align:center;
}
.p_dc_new dl dd.text{
	width:232px;
	height:86px;
	overflow:hidden;
	line-height:28px;
}
.p_dc_new dl dd.more{
	width:232px;
	height:31px;
	overflow:hidden;
}
.p_dc_new dl dd.more a{
	width:170px;
	height:31px;
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	line-height:28px;
	background:url(imagesdc_new_01.jpg) no-repeat;
}
.p_dc_new_cont{
	width:253px;
	height:150px;
	overflow:hidden;
	padding-top:14px;
	background:url(imagesxxgk_cont_02.png) repeat-x left top;
}
.p_dc_new_cont ul{
	width:220px;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
.p_dc_new_cont ul li{
	width:220px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}

.p_dc_new_lx{
	width:220px;
	overflow:hidden;
	margin:0 auto;
	line-height:30px;
	padding-top:10px;
}

.p_hy_list{
	width:640px;
	height:656px;
	overflow:hidden;
	background:url(../images/hy_pic_01.jpg) no-repeat;
}
.p_hy_list .title{
	width:630px;
	height:82px;
	overflow:hidden;
	margin:4px auto auto 5px;
}
.p_hy_list .contMain{
	width:606px;
	height:232px;
	overflow:hidden;
	margin:14px auto auto 19px;
}
.p_hy_list .contMain ul li{
	width:606px;
	height:30px;
	line-height:30px;
	overflow:hidden;
}
.p_hy_list .contMain ul li span{
	float:right;
}
.p_hy_zw{
	width:318px;
	height:654px;
	overflow:hidden;
	background:#fff;
	border:#efefef 1px solid;
}
.p_hy_zw .title{
	width:300px;
	height:34px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_hy_zw .title ul li{
	width:auto;
	height:34px;
	line-height:32px;
	overflow:hidden;
	padding-left:12px;
	padding-right:12px;
}
.p_hy_zw .title ul li.on{
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
	color:#406ed0;
}
.p_hy_zw .title ul li.on a{
	color:#406ed0;
}
.p_hy_zw .contMain{
	width:280px;
	overflow:hidden;
	margin:0 auto;
	padding-top:4px;
}
.p_hy_zw .contMain dl{
	width:280px;
	height:92px;
	overflow:hidden;
	display:block;
	border-bottom:#c2c2c2 1px dashed;
	margin-top:8px;
}
.p_hy_zw .contMain dl dt{
	width:280px;
	height:28px;
	line-height:28px;
	overflow:hidden;
	background:url(imageshy_pic_02.png) no-repeat left center;
	text-indent:14px;
}
.p_hy_zw .contMain dl dd{
	width:280px;
	overflow:hidden;
	line-height:24px;
}

.p_bs_new_list{
	width:311px;
	height:782px;
	overflow:hidden;
	background:#FFF;
	display:inline;
	border:#efefef 1px solid;
}
.p_bs_new_list .title{
	width:300px;
	height:38px;
	overflow:hidden;
	margin:3px auto auto 5px;
}
.p_bs_new_list .contMain{
	width:274px;
	height:182px;
	padding-top:10px;
	overflow:hidden;
	margin:0 auto;
}
.p_bs_new_list .contMain ul li{
	width:274px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_bs_new_bg{
	width:311px;
	overflow:hidden;
	background:url(imagesxxgk_cont_02.png) repeat-x left top;
}

.p_bs_new_cont{
	width:288px;
	height:178px;
	overflow:hidden;
	margin:0 auto;
}
.p_bs_new_cont .title2{
	height:32px;
	overflow:hidden;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_bs_new_cont .title2 ul li{
	width:auto;
	height:32px;
	overflow:hidden;
	line-height:32px;
	padding-left:12px;
	padding-right:12px;
}
.p_bs_new_cont .title2 ul li.on{
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
	color:#406ed0;
}
.p_bs_new_cont .title2 ul li.on a{
	color:#406ed0;
}
.p_bs_new_cont .bd{
	width:278px;
	overflow:hidden;
	margin:0 auto;
	padding-top:6px;
}
.p_bs_new_cont .bd ul li{
	width:278px;
	height:26px;
	line-height:26px;
	overflow:hidden;
}

.p_zt_ptlist{
	width:694px;
	height:164px;
	position:relative;
	overflow:hidden;
}
.p_zt_ptlist ul{
	display:block;
	width:6000px;
	overflow:hidden;
}
.p_zt_ptlist ul li{
	width:166px;
	height:164px;
	overflow:hidden;
	margin-right:10px;
}
.p_zt_ptlist ul li .pic{
	width:166px;
	height:133px;
	overflow:hidden;
}
.p_zt_ptlist ul li h3{
	width:166px;
	height:26px;
	overflow:hidden;
	line-height:26px;
	background:#d2e0f4;
	text-indent:6px;
	margin-top:4px;
	display:block;
}
.p_zt_ptlist ul li h3 a{
	color:#526886;
}
.p_zt_ptlist .prev,.p_zt_ptlist .next{
	width:18px;
	height:38px;
	overflow:hidden;
	position:absolute;
	top:48px;
	z-index:20;
	cursor:pointer;
}
.p_zt_ptlist .prev{
	background:url(../images/zt_new_01.png) no-repeat;
	left:0;
}
.p_zt_ptlist .next{
	background:url(../images/zt_new_02.png) no-repeat;
	right:0;
}


.p_bq_gzdt{
	width:614px;
	height:198px;
	overflow:hidden;
	background:#fcfcfc;
	border:#efefef 1px solid;
}
.p_bq_gzdt .title{
	width:602px;
	height:31px;
	overflow:hidden;
	background:url(imagesxxgk_title_03.png) repeat-x;
	border-bottom:#3f69c0 2px solid;
	margin:0 auto;
}
.p_bq_gzdt .title h2{
	width:auto;
	height:31px;
	display:block;
	overflow:hidden;
	background:#5d81cc;
	padding-left:16px;
	padding-right:16px;
	line-height:31px;
}
.p_bq_gzdt .title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	background:url(imagesbs_more_01.png) no-repeat;
	display:inline;
	margin:7px 12px auto auto;
}
.p_bq_gzdt .title h5 a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_bq_gzdt .contMain{
	width:574px;
	overflow:hidden;
	margin:0 auto;
	padding-top:10px;
}
.p_bq_gzdt .contMain ul li{
	width:574px;
	height:28px;
	line-height:28px;
	overflow:hidden;
}
.p_bq_gzdt .contMain ul li span{
	float:right;
	color:#999;
}
.p_bq_r{
	width:345px;
	height:630px;
	overflow:hidden;
	border:#efefef 1px solid;
	background:#fefefe;
}
.p_bq_my{
	width:320px;
	height:252px;
	overflow:hidden;
	margin:0 auto;
}
.p_bq_my .title{
	width:320px;
	height:32px;
	overflow:hidden;
	background:url(imagesxxgk_title_02.png) repeat-x left bottom;
}
.p_bq_my .title h2{
	width:auto;
	height:32px;
	display:block;
	line-height:32px;
	overflow:hidden;
	padding-left:13px;
	padding-right:13px;
	background:url(imagesxxgk_title_01.png) repeat-x left bottom;
}
.p_bq_my .title h5{
	width:49px;
	height:15px;
	overflow:hidden;
	background:url(imagesbs_more_01.png) no-repeat;
	display:inline;
	margin:7px 9px auto auto;
}
.p_bq_my .title h5 a{
	width:49px;
	height:15px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
.p_bq_my .contMain{
	width:310px;
	margin:0 auto;
	padding-top:8px;
	overflow:hidden;
}
.p_bq_my .contMain ul li{
	width:310px;
	height:29px;
	overflow:hidden;
	line-height:29px;
}
.p_bq_my .contMain ul li span{
	float:right;
	color:#999;
}
.p_bq_r_main{
	width:100%;
	overflow:hidden;
	background:url(imagesxxgk_cont_03.png) repeat-x left top #fcfcfc;
}




@charset "gb2312";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.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;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

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

@-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);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-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);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

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

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

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

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@charset "gb2312";






*{padding:0px; margin:0px;}

body {
	font-size: 12px;
	color: #333333;
	font-family:"宋体";
	background:url(imagesbg.jpg) no-repeat center top #FFF;
}


.fl{ float:left;}
.fr{ float:right;}

.clear{
    content:".";
    display:block;
    font-size:0px;
    line-height:0px;
    height:0px;
    clear:both;
    visibility:hidden;
}


a{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#d30000;
	text-decoration:underline;
}
ul{
    list-style-type:none;
	clear:both;
	}
li{
    display:inline;
	float:left;
	}
img{
	border:0;
}
.imgAni:hover img{
    -moz-transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
}
.imgAni img{
    width: 100%;
    transition: all ease-out .3s;
}
h2{
	font-family:"微软雅黑" , Arial, Helvetica, sans-serif;
}
.blankH10{
    height:10px;
	font-size:0px;
	overflow:hidden;
}
.blankH12{
    height:12px;
	font-size:0px;
	overflow:hidden;
}
.blankH5{
    height:5px;
	font-size:0px;
	overflow:hidden;
}
.blankH3{
    height:3px;
	font-size:0px;
	overflow:hidden;
}
.blankH2{
    height:2px;
	font-size:0px;
	overflow:hidden;
}
.blankH6{
    height:6px;
	font-size:0px;
	overflow:hidden;
}
.blankH8{
    height:8px;
	font-size:0px;
	overflow:hidden;
}
.blankH24{
    height:24px;
	overflow:hidden;
}
.blankH28{
    height:28px;
	overflow:hidden;
}
.blankH30{
    height:30px;
	overflow:hidden;
}

.blankH20{
    height:20px;
	overflow:hidden;
}
.blankH22{
    height:22px;
	overflow:hidden;
}
.blankH10{
    height:10px;
	overflow:hidden;
}
.blankH16{
    height:16px;
	overflow:hidden;
}
.blankH18{
    height:18px;
	overflow:hidden;
}
.blankH14{
    height:14px;
	overflow:hidden;
}

	
/* 公用头部样式 */
#top_wiap{
	width:100%;
	height:37px;
	overflow:hidden;
	background:#1f61b0;
}
#top_wiap .text{
	width:auto;
	padding-top:10px;
}
.top_ser{
	width:326px;
	overflow:hidden;
}
.top_ser ul li.t1{
	width:251px;
	height:28px;
	overflow:hidden;
	margin-top:4px;
	background:url(imagesinput_01.png) no-repeat;
}
.top_ser ul li.t1 input{
	width:251px;
	height:28px;
	overflow:hidden;
	line-height:28px;
	float:left;
	padding-left:32px;
	border:0;
	background:none;
	color:#999;
}
.top_ser ul li.t2{
	width:62px;
	height:28px;
	overflow:hidden;
	margin:4px auto auto 3px;
	background:url(imagesinput_02.png) no-repeat;
}
.top_ser ul li.t2 input{
	width:62px;
	height:28px;
	overflow:hidden;
	border:0;
	background:none;
	display:block;
	float:left;
	cursor:pointer;
	text-indent:-9999px;
}
#top_banner{
	width:980px;
	height:194px;
	overflow:hidden;
	margin:0 auto;
}
#nav_wiap{
	width:980px;
	height:47px;
	overflow:hidden;
	margin:0 auto;
	background:url(imagesnav_bg.png) repeat-x;
}
#nav_wiap ul li{
	width:128px;
	height:47px;
	overflow:hidden;
	line-height:47px;
	margin-left:10px;
}
#nav_wiap ul li span{
	width:138px;
	height:47px;
	overflow:hidden;
	display:block;
	text-indent:54px;
}
#nav_wiap ul li span.n1{
	text-indent:60px;
	background:url(imagesico_nav_01.png) no-repeat 22px center;
}
#nav_wiap ul li span.n2{
	background:url(imagesico_nav_02.png) no-repeat 16px center;
}
#nav_wiap ul li span.n3{
	background:url(imagesico_nav_03.png) no-repeat 16px center;
}
#nav_wiap ul li span.n4{
	background:url(imagesico_nav_04.png) no-repeat 16px center;
}
#nav_wiap ul li span.n5{
	background:url(imagesico_nav_05.png) no-repeat 16px center;
}
#nav_wiap ul li span.n6{
	background:url(imagesico_nav_06.png) no-repeat 16px center;
}
#nav_wiap ul li span.n7{
	background:url(imagesico_nav_07.png) no-repeat 16px center;
}
#nav_wiap ul li.on{
	background:url(imagesnav_on_bg.png) repeat-x;
	color:#004395;
}
#nav_wiap ul li.on a{
	color:#004395;
}
#nav_wiap ul li.on a:hover{
	color:#004395;
}
#nav_wiap ul li.on span.n1{
	background:url(imagesico_nav_on_01.png) no-repeat 22px center;
}
#nav_wiap ul li.on span.n2{
	background:url(imagesico_nav_on_02.png) no-repeat 16px center;
}
#nav_wiap ul li.on span.n3{
	background:url(imagesico_nav_on_03.png) no-repeat 16px center;
}
#nav_wiap ul li.on span.n4{
	background:url(imagesico_nav_on_04.png) no-repeat 16px center;
}
#nav_wiap ul li.on span.n5{
	background:url(imagesico_nav_on_05.png) no-repeat 16px center;
}
#nav_wiap ul li.on span.n6{
	background:url(imagesico_nav_on_06.png) no-repeat 16px center;
}
#nav_wiap ul li.on span.n7{
	background:url(imagesico_nav_on_07.png) no-repeat 16px center;
}

#footer_link{
	width:100%;
	height:46px;
	overflow:hidden;
	background:#0061ae;
}
#footer_link ul{
	width:980px;
	overflow:hidden;
	display:block;
	margin:0 auto;
	background:url(imagesline_02.png) repeat-y left top;
}
#footer_link ul li{
	width:auto;
	height:46px;
	overflow:hidden;
	line-height:46px;
	background:url(imagesline_02.png) repeat-y right top;
	padding-left:26px;
	padding-right:26px;
}
#footer_link ul li.on{
	font-weight:bold;
}
#footer_cont{
	width:100%;
	overflow:hidden;
	background:#4180d6;
}
#footer_cont .linkCont{
	width:980px;
	overflow:hidden;
	margin:0 auto;
	padding-top:16px;
	padding-bottom:20px;
	background:url(imageslink_line.png) repeat-x left bottom;
}
#footer_cont .linkCont ul li{
	width:196px;
	height:24px;
	line-height:24px;
	overflow:hidden;
}
#footer_cont .content{
	width:980px;
	overflow:hidden;
	background:url(imagesico_dz_01.png) no-repeat 160px center;
	padding-bottom:30px;
	padding-top:18px;
	line-height:24px;
	margin:0 auto;
	text-align:center;
}

#service{
	position:fixed; 
	_position:absolute; 
	left:50%; 
	top:282px;
	width:82px;
	height:162px; 
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||300))); 
	margin-left:516px;
	background:url(imagesweixin.png) no-repeat;
	overflow:visible;
	z-index:10;
}
#service ul li{
	width:82px;
	position:relative;
	overflow:visible;
}
#service ul li a{
	width:82px;
	height:100%;
	display:block;
	overflow:hidden;
}
#service ul li.t1{
	height:82px;
}
#service ul li.t2{
	height:80px;
}
#service ul li.t2 span{
	width:82px;
	height:80px;
	display:block;
	overflow:hidden;
}
#service ul li.t2 span.on{
	background:url(imagesweixin_02.png) no-repeat;
}
#service ul li .weixin{
	width:132px;
	height:145px;
	overflow:hidden;
	position:absolute;
	right:68px;
	top:-4px;
	z-index:12;
	display:none;
	background:url(imagespic37.png) no-repeat;
}
#service ul li .weixin img{
	margin:10px auto auto 18px;
}