/* Merged site stylesheet - yk.qw1688.net refactor */

/* === css.css === */
@font-face{
	        font-family: 'DINPro-Bold';
	        src:url('../fonts/DINPro-Bold.otf');
}
@font-face{
	        font-family: 'DIN Condensed Bold';
	        src:url('../fonts/DINPro-Bold.otf');
}
@font-face{
	        font-family: 'GOTHICB';
	        src:url('../fonts/GOTHICB.TTF');
}
@font-face{
	font-family: 'Alibaba-PuHuiTi-Regular';
	src:url('../fonts/Alibaba-PuHuiTi-Regular.otf');
	font-display: swap;
}


*{font-family:'Microsoft YaHei', '΢���ź�';}
/*
	*{font-family:'Alibaba-PuHuiTi-Regular','Microsoft Jhenghei', '΢ܛ�����w', 'Microsoft YaHei', '΢���ź�';}
*/
html {
	_background-image: url(about:blank);
	_background-attachment: fixed;         /* prevent screen flash in IE6 */
	 

}

body{
	/* background:url(/images/bg.gif) repeat-x  top ; */
	margin:0px;
	padding:0px;
	font-size:12px;
	/* overflow-x 改为 clip，避免裁切掩盖定宽溢出；响应式由 responsive.css 兜底 */
	overflow-x: clip;
	
	/* cursor: url(/images/zzz.png),auto !important; */
}

html,body{
	height: 100%;
 
 
}

img{
	border:0px;
}
a{
	color:#111111;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	/*cursor: url(/images/hand2.png),auto !important;*/
	-moz-transition: all .5s;
}
a:hover{
	color:#BA0001;
 	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	/*cursor: url(/images/hand2.png),auto !important;*/
}
.sc {
	border:1px solid #CCCCCC; 
	border-collapse:collapse;
	border-top:0px;
}


#showaa a{
	color:#0033CC;
	text-decoration:underline;
}

.NewsA{
	color:#204E7D;
	font-size:16px;
	font-weight:bold;
	
}
 
.noxiaoshou{
	color:#272727;
	text-decoration:none;
	font-size:14px;
}
.xiaoshou{
	background:url(../img/xiaoshou12.jpg)  no-repeat right; 
	font-size:14px;
}
.xiaoshou a:hover{
	text-decoration:none;
}
.guanggao a{
	color:#333333;
 
}
.guanggao a:hover{
	color:#BE0302;
	font-weight:bold;
}
#bottom a{
	font-size:14px;
}
#bottom{
	 color:#333333;
	font-size:14px;
}
.fixed{ position:absolute; left:0px; top:130px; height:385px;width:100px;background:#F0EEE1;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}

.page{text-align:center;margin-top:30px; margin-bottom:20px;}
.page a{border:1px solid #CCC;margin-left:8px;padding:2px 12px; display:inline-block;color:#000; text-decoration:none; background-color:#FFFFFF;-webkit-border-radius: 4px;
-moz-border-radius: 4px;}
.page a:hover{background:#eeeeee;color:#BB0408; text-decoration:none}



.page2{text-align:center;margin-top:20px; margin-bottom:20px;}
.page2 a{margin-left:8px;padding:3px 11px;background:#737373; display:inline-block;color:#ffffff; text-decoration:none;  ;}
.page2 a:hover{background:#eeeeee;color:#ffffff;text-decoration:none}

.yangbanA{
	clear:both;
	background-color:#9B0505; text-decoration:none; padding:4px; border:1px solid #A90404;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	 
}
.yangbanA:hover{
	clear:both;
	background-color:#020101; text-decoration:none; padding:4px; border:1px solid #020101;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	 
}
.yewuClass{
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	background:url(../img/yewu_03.jpg) repeat-x;
	border:1px solid #E6E6E6;
	font-size:15px;
	font-weight:bold;
	color:#222222;
	margin-right:15px;
	text-align:center;
	
}
.yewuClass2,.yewuClass2:hover,.yewuClass:hover{
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	background:url(../img/yewu_05.jpg) repeat-x;
	border:1px solid #D30100;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	margin-right:15px;
	text-align:center;
	
	text-decoration:none;
	 
}

#oLiSmall{
	list-style:none;
	position:relative;
	width:200px;
	height:186px;
	text-align:center;
	float:left;
	left:22px;
	
	 
}
#oLiSmall div{
	background: #191919;
	left: -99999px;
	margin: 0;
	filter:alpha(opacity=80);    /* ie5-7  */
        opacity: 0.8;
	padding: 20px 20px;
	text-align:center;
	width:162px;
	position: absolute;
	height:150px;
	margin-left:19px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#oLiSmall div p{
	color:#FFFFFF;
	line-height:24px;
	font-size:16px;
	
	
}
#oLiSmall div a{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	
	
}
#oLiSmall span{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	
}
#oLiSmall:hover div{
	left: -20px;
	position: absolute;
}
#oLiSmall img{
	width:200px;
	height:190px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	margin:0 auto;
}
#oLiSmall .more{
	background-color:#C71207;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	z-index:9999px;
	position:relative;
	clear:both;
}
.weiruan{
		
		font-size:16px;
		font-weight:bold;
}
.classleftTab {
	background-color:#E1DEDE;
}
.classleftTab:hover{
	background-color:#CC0D09;
	text-decoration:none;
}
.classleftTab:hover a{
	color:#FFFFFF;
	text-decoration:none;
}
.classleftTabB{
	background-color:#CC0D09;
	text-decoration:none;
}
.classleftTabB a{
	color:#FFFFFF;
	text-decoration:none;
}

.navClass{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../img/navClass.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
}
.navClass:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	
	background:url(../img/imghov_02.jpg) repeat-x;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	border-right:1px solid #d9d9d9;
}
.navClass2,.navClass2:hover{
display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:182px;
	color:#ffffff;
	text-decoration:none;
 
	line-height:70px;
	font-weight:bold;
	
	background:url(../img/imghov_02.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
	}
	
.navClass_anli{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../img/navClass.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
}
.navClass_anli:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	font-weight:bold;
	
	background:url(../img/imghov_02.jpg) repeat-x;
	transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	border-right:1px solid #d9d9d9;
}
.navClass_anli2,.navClass_anli2:hover{
display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:194px;
	color:#ffffff;
	text-decoration:none;
 
	line-height:70px;
	font-weight:bold;
	
	background:url(../img/imghov_02.jpg) repeat-x;
	border-right:1px solid #d9d9d9;
	}
	
.nav400Class{
	display:block;
	float:left;
	font-size:16px;
	margin-right:2px;
	text-align:center;
	width:169px;
	color:#000000;
	text-decoration:none;
	line-height:43px;
	font-weight:bold;
	
}
.nav400Class:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:169px;
	color:#ffffff;
	text-decoration:none;
	margin-right:2px;
	line-height:43px;
	font-weight:bold;
	
	background:url(../img/navBgline_03.jpg) center;
}
.nav400Class2,.nav400Class2:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:169px;
	color:#ffffff;
	text-decoration:none;
	margin-right:2px;
	line-height:43px;
	font-weight:bold;
	
	background:url(../img/navBgline_03.jpg) center;
	}
	
.tanImg{
		border:1px solid #ffffff;
	}
.tanImg:hover{
		border:1px solid #cccccc;
		-webkit-box-shadow:0 0 5px #cccccc;  
		-moz-box-shadow:0 0 5px #cccccc;  
		box-shadow:0 0 5px #cccccc;  
	}

.indexanliClass{
		display:block;
		float:left;
		font-size:12px;
		text-align:center;
		width:60px;
		line-height:25px;
		color:#333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color:#EAEAEA;
		margin-right:7px;

}
.indexanliClass2,.indexanliClass:hover{
		display:block;
		float:left;
		font-size:12px;
		text-align:center;
		width:60px;
		line-height:25px;
		color:#ffffff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color:#C1070C;
		margin-right:7px;
		text-decoration:none;

}




.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
    white-space:nowrap;
    font-size:0;
    left:0;
}
.flashbox img{
    display:inline-block;
    float:left;
    vertical-align:top;
    margin:0;
    padding:0;
    border:0;
}
.imagebox{
    text-align:right;position:relative;z-index:3;
    overflow:hidden;
}
.bitdiv{display:inline-block;width:18px;height:18px;margin:0 5px 10px 0px;float:right;}
.defimg{background-image:url(../img/02.png)}
.curimg{background-image:url(../img/01.png)}



 
.titleAtitle{
	font-size:22px;
	padding-bottom:10px;
	font-weight:bold;
}
.titleAtitle:hover{
	font-size:22px;
	padding-left:10px;
	text-decoration:none;
	padding-bottom:10px;
	
	color:#b91103;
}

#demo { 
overflow:hidden;
margin:0px auto;
width: 844px; 
} 
#demo img { 
	border: 1px solid #dfdfdf; 
} 
#demo img:hover{ 
	border:1px solid #b7b7b7;
	-webkit-box-shadow:0 0 6px #999999;  
	-moz-box-shadow:0 0 6px #999999;  
	box-shadow:0 0 6px #999999;  
	z-index:9999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
 
} 
#indemo { 
float: left; 
width: 900%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
}
.aboutDiv{
		line-height:38px;
		background:url(../img/diandian.gif) left no-repeat;
		padding-left:15px; 
		border-bottom:1px dashed #C4C4C4;
}
.ShowDivAbout{
	background-color:#F7F7F7;
	padding:15px;
}
.black_overlay{ 
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 270%; 
	background-color: #111111; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.80; 
	filter: alpha(opacity=88); 
} 
.white_content { 
	display: none; 
	position: absolute; 
	top: 75%; 
	left: 15%; 
	width: 70%; 
	border: 6px solid #BC0201; 
	background-color: white; 
	z-index:1002; 
	overflow: auto; 
}
.lingDiv{
	width:52px;
	height:71px;
	position:fixed;
	right:-20px;
	bottom:10px;
}
.lingDiv img{
	filter:alpha(opacity=70);  
	-moz-opacity:0.7;  
	-khtml-opacity: 0.7;  
	opacity: 0.7;  
}
.lingDiv:hover{
	width:52px;
	height:71px;
	position:fixed;
	right:0px;
	bottom:10px;
}
.lingDiv:hover img{
filter:alpha(opacity=1);  
	-moz-opacity:1;  
	-khtml-opacity:1;  
	opacity:1;  
}
.bottomA{
	margin-left:70px;
}
.bottomA p{
	font-size:16px;
	color:#eae8e8;
	margin-bottom:20px;
}

.bottomA a{
	font-size:14px;
	color:#a0a0a0;
	display:block;
	margin-bottom:6px;
	line-height:28px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
 
 
}

.bottomA a:hover{
	font-size:14px;
	color:#CDCDCD;
	display:block;
	line-height:28px;
	width:100%;
	text-decoration:none;
	padding-left:5px;
	margin-bottom:6px;
	
}

.youlian{
	line-height:33px;
	font-size:14px;
	width:1200px;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:15px;
}
.youlian span{
	font-size:14px;
	color:#eae8e8;
	text-decoration:none;
	margin-right:10px;
}
.youlian a{
	font-size:14px;
	color:#868686;
	text-decoration:none;
	margin-right:10px;
}
.youlian a:hover{
	font-size:14px;
	color:#ffffff;
	text-decoration:none;
	margin-right:10px;
}






hr{
	height:1px;border:none;border-top:1px dashed #3c3c3c;
	FILTER: alpha(opacity=100,finishopacity=0,style=1)
}
.topA{
	color:#cd9177;
}
.topA:hover{
	color:#fccb05;
	text-decoration:none;
}
/*2017��ҹè����CSS��ʽ��*/

.topNew{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:96px;
	line-height:83px;
	color:#FFFFFF;
 
 
}
.topNew:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:96px;
	color:#111111;
 
	line-height:83px;
 
	text-decoration:none;
	background-color:#f7f7f7;
 
}
.work2{text-align:center; color:#1f1f1f; font-size:39px;padding-top:10px; height:50px; font-weight:bold;line-height: 40px;}
.work2 .s1{color:#cdcdcd; font-size:24px; padding:0 5px;  }
.work2 .s2{color:#e62022; src:url('../fonts/GOTHICB.TTF'); font-family: 'GOTHICB';}
.work2-des{color:#b9b9b9; font-size:16px; text-align:center; margin:5px auto; height:30px;}
.index_center{text-align: center;}
.index_center .ul{display: inline-block;}

.cen3{width:1200px; height:auto; margin:0px auto; margin-top:40px;}


.cen3-list_index{float:left; width:222px; height:276px; background:#d51419; border:1px solid #d51419; border-top:1px solid #d51419; margin-right:20px; transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen3-list_index .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list_index .cen3-tit{font-size:20px; text-align:center;  color:#ffffff; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list_index .cen3-tit a{
	font-size:21px; text-align:center;  color:#ffffff; text-decoration:none;
	transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
	-moz-transition: all 0s;
}
.cen3-list_index  .cen3-des{font-size:12px; text-align:left; color:#ffffff; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list_index .indexMore{
		display:block;
		margin:0px auto;
		font-size:14px;
		text-align:center;
		width:90px;
		line-height:28px;
		background-color:#FFFFFF;
		border:1px solid #FFFFFF;
		color:#e62022;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-decoration:none;

}



.cen3-list{float:left; width:222px; height:276px; background:#ffffff; border:1px solid #d6d6d6; border-top:1px solid #d6d6d6; margin-right:20px; transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen3-list .cen3-img{width:222px; text-align:center; padding-top:20px; height:85px;}
.cen3-list .cen3-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list .cen3-tit a{
	font-size:21px; text-align:center;   color:#111111;
}
.cen3-list .cen3-des{font-size:12px; text-align:left; color:#868686; width:180px; margin:0 auto; line-height:22px; height:80px; overflow:hidden}
.cen3-list .indexMore{
		display:block;
		margin:0px auto;
		font-size:14px;
		text-align:center;
		width:90px;
		line-height:28px;
		background-color:#f9f9f9;
		border:1px solid #cacaca;
		color:#868686;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		text-decoration:none;

}

/*��ҳ��������*/
.cen{width:1200px; height:370px; margin:0px auto; margin-top:40px; }
.cen-list{float:left; width:222px; background:#ffffff; border:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin-right:20px; transition: all .5s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;}
.cen-list .cen-img{width:222px; text-align:center; padding-top:20px; height:85px; margin-bottom:22px; margin-top:30px;}
.cen-list .cen-tit{font-size:21px; text-align:center; color:#292929; width:222px; margin:0 auto; height:45px; overflow:hidden}
.cen-list .cen-tit{
	font-size:22px; text-align:center;   color:#111111;
}
.cen-list .cen-des{font-size:14px; text-align:left; color:#868686; width:180px; margin:0 auto; line-height:22px; height:80px; margin-bottom:20px; overflow:hidden}
.cen-list .indexMore{
 
		margin:0px auto;
		font-size:16px;
		text-align:center;
		width:100%;
		line-height:54px;
		background-color:#f9f9f9;
		color:#868686;
		text-decoration:none;

}

.cen-list:hover{
float:left; 
width:222px;
background:#ffffff; 
border:1px solid #d6d6d6;
border-top:1px solid #d6d6d6; 
margin-right:20px; 
-webkit-box-shadow:0 0 26px #cacaca;  
-moz-box-shadow:0 0 26px #cacaca;  
box-shadow:0 0 26px #cacaca;
margin-top:10px;
	
}
.cen-list:hover .cen-img{
transform: rotateY(360deg);
transition: all 0.5s ease-out;
}

.cen-list:hover .indexMore{
	display:block;
	margin:0px auto;
	font-size:16px;
	text-align:center;
	width:100%;
	line-height:54px;
	background-color:#d7191b;
	color:#ffffff;
	text-decoration:none;


}
.cen-list:hover .cen-tit a{
	font-size:22px; 
	text-align:center;   
	color:#d7191b;
	font-weight:bold;
	text-decoration:none;
}

/*����*/


.index_xw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	display: none;
}
.index_xw .xw_l{
	float: left;
}
.index_xw .xw_r{
	width: 877px;
	float: right;
}
.Newindex{
	display:block;
	float:left;
	width:148px;
	height:45px;
	line-height:47px;
	font-size:18px;
	border:1px solid #f9f9f9;
	background-color:#f9f9f9;
	text-align:center;
	margin-right:20px;
	color:#333333;
	
}
.Newindex2,.Newindex2:hover,.Newindex:hover{
	display:block;
	float:left;
	width:148px;
	height:45px;
	line-height:47px;
	font-size:18px;
	border:1px solid #d51419;
	background-color:#d51419;
	color:#ffffff;
	text-align:center;
	margin-right:20px;
	text-decoration:none;
}

.newDiv_index{
width:375px;
height:75px;
padding:12px;
border:1px solid #f4f4f4;
background-color:#ffffff;
float:left;
margin-left:36px;
margin-bottom:18px;
}
.newDiv_index:hover{
border:1px solid #d51419;
background-color:#ffffff;
}

.newDiv_index:hover .newDiv_index_riqi{
	background-color:#d51419;
	text-align:center;
	color:#ffffff;
}

.newDiv_index .newDiv_index_riqi{
	width:75px;
	height:75px;
	float:left;
	background-color:#969393;
	text-align:center;
	color:#ffffff;
}
.riqip1{
	font-size:29px; 
	font-weight:bold; 
	font-family: 'DINPro-Bold';
	padding-top:7px;
	padding-bottom:2px;
}
.riqip2{
	font-size:14px; 
	font-family: 'DINPro-Bold';
}
.newDiv_index_title{
	float:left;
	margin-left:15px;
	height:75px;
	width:280px;
}

.newDiv_index_title .newDiv_index_title1{
	font-size:15px;
	font-weight:bold;
	margin-top:3px;
}
.newDiv_index_title .newDiv_index_title2{
	font-size:14px;
	color:#888888;
     margin-top: 8px;
    line-height: 22px;
}

.taocan_titleI
{
	font-size:33px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:15px;
}
.taocan_titleI-1
{
	font-size:18px;
	color:#FFFFFF;
	margin: 25px 0px 10px 0px;
}

.taocan_titleI-2
{
	font-size:15px;
	color:#FFFFFF;
	line-height:27px;
}
.index_lr{
	width: 100%;
	height: 450px;
	background: url(../img/indexlogobg.jpg);
	box-sizing: border-box;
	padding-top: 62px;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
.lr_l{
	float: left;
}
.lr_r{
	width: 750px;
	float: right;
	margin-top: 45px;
}

/*

.cen3-list:hover{float:left; width:214px; height:276px; background:#e62022; border:1px solid #e62022; margin-right:20px; cursor:pointer;transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;}
.cen3-list:hover .cen3-tit{font-size:24px; text-align:center; color:#ffffff; width:210px; margin:0 auto; height:45px; overflow:hidden}
.cen3-list:hover .cen3-des{font-size:12px; text-align:left; color:#ffffff; width:175px; margin:0 auto; line-height:22px; height:110px; overflow:hidden}
*/
.Case_nav{
	display:block;
	line-height:50px;
	float:left;
	width:158px;
	text-align:center;
	font-size:18px;
	border:1px solid #f9f9f9;
	background-color:#f9f9f9;
	margin-right:20px;
	color:#333333;
	filter:alpha(opacity=90);    /* ie5-7  */
	opacity: 0.9;
	transition: 0.2s linear;
 	position: relative;
}

.Case_nav2,.Case_nav2:hover,.Case_nav:hover{
	display:block;
	line-height:50px;
	float:left;
	width:158px;
	text-align:center;
	color:#ffffff;
	border:1px solid #d51419;
	font-size:18px;
	text-decoration:none;
	background-color:#d51419;
	margin-right:20px;
	filter:alpha(opacity=100);    /* ie5-7  */
	opacity: 1.0;
}

/* 1-8�� ��  

.Case_nav2,.Case_nav2:after,.Case_nav:after{
	display:block;
    text-decoration:none;
    width: 0;
    position: absolute;
    content: "";
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: -1;
    background: #d51419;
    transition: 0.2s linear;
    border: 0;
}
.Case_nav2,.Case_nav2:hover:after,.Case_nav:hover:after{
	width: 158px;
    bottom: 0;
    border:1px solid #d51419;
}
.Case_nav2,.Case_nav2:hover,.Case_nav:hover{
	color: #fff;
}
*/


.pinpaiDiv{
	font-size:22px; 
}
.indexNewA{
color:#565656;
}
.indexNewA:hover{
	padding-left:10px;
}
.NewASpan{
	color:#cdcdcd; font-size:20px; font-family:"����";
}
.NewDiv{
	width:100%; 
	margin:0 auto; 
	line-height:32px ; 
	font-size:14px;
}
.NewDiv a:hover{
	text-decoration:none;
}
 
.NewDiv:hover .NewASpan{
	width:auto;
	margin:0 4px 0 0; 
	line-height:32px ; 
	color:#888888; 
	font-size:20px; 
	font-family:"����";
}

#oLiSmall_index{
	list-style:none;
	position:relative;
	width:200px;
	height:186px;
	text-align:center;
	float:left;
	left:22px;
	
	 
}
#oLiSmall_index div{
	background: #191919;
	left: -99999px;
	margin: 0;
	filter:alpha(opacity=80);    /* ie5-7  */
    opacity: 0.8;
	padding: 20px 20px;
	text-align:center;
	width:162px;
	position: absolute;
	height:150px;
	margin-left:19px;
 
}
#oLiSmall_index div p{
	color:#FFFFFF;
	line-height:24px;
	font-size:16px;
	
	
}
#oLiSmall_index div a{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	
	
}
#oLiSmall_index span{
	color:#FFFFFF;
	line-height:24px;
	font-size:12px;
	
}
#oLiSmall_index:hover div{
	left: -20px;
	position: absolute;
}
#oLiSmall_index img{
	width:200px;
	height:190px;
	 
	margin:0 auto;
}
#oLiSmall_index .more{
	background-color:#C71207;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	z-index:9999px;
	position:relative;
	clear:both;
}
.casediv_index{
	width:220px;
	float:left;
	margin-bottom:25px;
	text-align:center;
	margin-right:15px;
	background-color:#f2f2f2;
	padding-top:10px;
	border:1px solid #f2f2f2;
	overflow:hidden;
 
}
.casediv_index:hover{
	width:220px;
	float:left;
	margin-bottom:25px;
	text-align:center;
	margin-right:15px;
	background-color:#fff;
	padding-top:10px;
	border:1px solid #fff;
	z-index:9999;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
	
}
.casediv_index:hover img{
	 
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1.2);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
	
}
.casediv_index img{
	 
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
	
}
.fdDiv{
	width:200px;
	height:190px;
	overflow:hidden;
	margin:0px auto;
}
.caseDiv_name{
	text-align:center;
	font-size:14px;
	width:200px;
	margin:0px auto;
	padding-top:10px;
	margin-left:10px;
	float:left;
	padding-bottom:10px;
	
}
.caseDiv_name a{
	color:#424242;
}
.CaseBg{
	background:url(../img/fuwu.jpg) no-repeat;
    filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
	
	
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.bottomlx{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d51419;
	line-height:57px;

}
.bottomlx:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:350px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#151515;
	line-height:57px;
	text-decoration:none;
}
.zzfwdiv-red{
	width:400px;
	text-align:center;
	padding-top:15px;
	height:154px;
	color:#ffffff;
	font-size:15px;
	float:left;
	background-image:url(../img/product-bg-red.jpg);
}
.zzfwdiv-hui{
	width:400px;
	text-align:center;
	padding-top:15px;
	height:154px;
	color:#454545;
	font-size:15px;
	float:left;
	background-image:url(../img/product-bg-gray.jpg);
}
.zzfwdiv-hui a{
	color:#111111;
	font-size:32px;
	font-weight:bold;
}
.zzfwdiv-red a{
	color:#ffffff;
	font-size:32px;
	font-weight:bold;
}


.zzfwdiv-red:hover a,.zzfwdiv-hui:hover a{
	font-size:30px;
}
.index_lc{
	padding: 30px 0px 60px 0px;
	overflow: hidden;
}
.liuchengDiv{
	width:180px;
	margin-right: 20px;
	color:#454545;
	float:left;
	text-align:center;
	margin-top: 50px;
}
.liuchengDiv .liucheng-img{
	text-align:center;
	width:80px;
	height:65px;
	padding-top:15px;
	margin:0px auto;
	background-color:#d51419;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
}
.liuchengDiv:hover img{
transform: rotateY(360deg);
transition: 0.9s;
}
.liuchengDiv .liucheng-img:hover{
	text-align:center;
	width:80px;
	height:65px;
	padding-top:15px;
	margin:0px auto;
	background-color:#1e1e1e;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	
}
.liuchengDiv .liucheng-img img{
	height:50px;
	width:50px;
}
.liuchengDiv .liucheng-img:hover img{
	height:52px;
	width:53px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}

.liuchengDiv .liucheng-text{
	font-size:18px;
	margin-top:15px;
	font-weight:bold;
 
}
.liuchengDiv .liucheng-desc{
	font-size:12px;
	margin-top:9px;
	 
}
.caseCkgd{
	display:block;
	font-size:14px;
	text-align:center;
	width:260px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d6001d;
	line-height:50px;

}
.caseCkgd:hover{
	display:block;
	font-size:14px;
	text-align:center;
	width:260px;
	margin:0px auto;
	font-size:22px;
	color:#ffffff;
	background-color:#d6001d;
	line-height:50px;
	filter:alpha(opacity=80);    /* ie5-7  */
    opacity: 0.8;
	text-decoration:none;
}
.yemao-youshi{
	display:block;
	float:left;
	width:147px;
	text-align:center;
	line-height:30px;
	margin-right:5px;
	color:#666666;
	border:1px solid #cfcfcf;
	background-color:#ffffff;
	/*transition: 0.3s linear;
	position: relative;*/
}
/*.yemao-youshi2,.yemao-youshi2:after,.yemao-youshi:after{
	display:block;
	text-decoration:none;
	width: 0;
    position: absolute;
    content: "";
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: -1;
    background: #f20c2b;
    transition: 0.3s linear;
}
.yemao-youshi2,.yemao-youshi2:hover,.yemao-youshi:hover:after{
	width: 100px;
    bottom: 0;
    color: #fff;
}*/
.yemao-youshi2,.yemao-youshi2:hover,.yemao-youshi:hover{
	display:block;
	float:left;
	width:147px;
	text-align:center;
	line-height:30px;
	margin-right:5px;
	color:#ffffff;
	border:1px solid #d51419;
	text-decoration:none;
	background-color:#d51419;
 
}
.leftDiv{
	width:32px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#d51419;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.leftDiv2,.leftDiv2:hover,.leftDiv:hover{
	width:32px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.titleDiv{
height: 60px;width: 800px;margin-right: auto;margin-left: auto;font-family: "NotoSansHans",΢���ź�;font-size: 42px;color: #FFFFFF;text-align: center;
}
.descDiv{
 line-height:30px; width: 900px;margin-right: auto;margin-left: auto;font-size: 16px;color: #FFFFFF;text-align: center;padding-top: 15px;
}
.index_lx{
	padding: 40px 0px 30px 0px;
}

.otherDiv{
	width:85px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#d51419;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
.otherDiv2,.otherDiv2:hover,.otherDiv:hover{
	width:95px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.otherDiv3,.otherDiv3:hover{
	width:85px;
	line-height:30px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:2px;
	background-color:#0d0d0d;
	display:block;
	border:0px;
	vertical-align:middle;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
.dhstyle{
	background-color:#b91103;
	height:58px; 
	width:100%; 
	border-top:1px solid #a50600
}
 
.dhstyle img{
	border:0px;
}

.dhstyle a{
	display:block;
	line-height:58px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
	width:112px;
	
 	border-right:1px solid #a90903;
}

.dhstyle a:hover{
	display:block;
	line-height:58px;
	color:#e4e4e4;
	font-size:14px;
    
	width:112px;
	background-color:#0e0d0d;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	text-decoration:none;
	border-right:1px solid #0e0d0d;
}
 
 
.naxiekehu{
	 
	line-height:45px;
	height:45px;
	width:400px;
	color:#ffffff;
	float:left;
	font-size:22px;
	background-color:#d51419;
	text-align:center;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	margin:0 auto;
	margin-top:45px;
	margin-left:40px;
 
}

.naxiekehu2{
	line-height:45px;
	height:45px;
	width:400px;
	color:#ffffff;
	float:left;
	font-size:22px;
	background-color:#292929;
	text-align:center;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	margin:0 auto;
	margin-top:45px;
	margin-left:40px;
 
}


/*����Ϊ���߿ͷ�CSS*/
ul,li,p,h4{margin:0;padding:0;list-style-type:none;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}

.cndns-right a{color:#333333;text-decoration:none;}
.cndns-right a:hover{color:#ff5a00;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0;height:0;}

@font-face {
	font-family: 'icomoon';

    src:url('../fonts/icomoon.eot') format('embedded-opentype'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}

/*new right*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:15000;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#f8f8f8;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#d51419;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#616161;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#d51419;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#d51419}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#d51419;}
.meau-sev .cndns-right-btn{border-color:#d51419;background:url(../img/inco_flc.gif) no-repeat #f20c2b center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#d51419; border:0px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:42px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #d51419;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:60px;background:url(../img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t img{
	width:150px;
}
.cndns-right-box .box-border .sev-t p{float:right;color:#d51419;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#d51419}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#393939;font-size:14px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#d51419; -webkit-border-radius: 6px;-moz-border-radius: 6px;}
.meau-zs .cndns-right-btn{background-color:#d51419;color:#fff;margin-top:80px;border-color:#f20c2b;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}

/*���߿ͷ�CSS ����*/

/*��ҳȫ����ʼ*/

 
.qpDiv{
	width: 100%;
	overflow: hidden;
	text-align:left;
	
}
.qpDiv li img{
	width: 100%;
	height:100%;
	float:left;
}
.qpDiv li{
	width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	background-color:#eeeeee;
}
.qpzhe{
	position: absolute;
	background: rgba(0,0,0,0.7);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	transform: scale(0);
	transition:all 0.5s;
}
.qpDiv li:hover .qpzhe{
    transform: scale(1);
}
.qpzhe h3{
	font-weight: normal;
	font-size: 30px;
	margin-top: 20%;
	font-weight:bold;
}
.qpzhe p{
	line-height: 30px;
	font-size:18px;
}
 
 /*��ҳȫ������*/
 
 
 
 .Navdiv{
	display:block;
	float:left;
	font-size:20px;
	text-align:center;
	width:200px;
	color:#000000;
	text-decoration:none;
	line-height:70px;
	-webkit-transition:0;
	-o-transition:0;
	-moz-transition:0;
	background:url(../img/navClass.jpg) center repeat-x;
	border-right:1px solid #dfdfdf;
}
.Navdiv:hover{
	display:block;
	float:left;
	font-size:20px;
	text-align:center;
	width:200px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	background:url(../img/imghov_02.jpg) center repeat-x;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	border-right:1px solid #dfdfdf;
}
.Navdiv2,.Navdiv2:hover{
	display:block;
	float:left;
	font-size:20px;
	text-align:center;
	width:200px;
	color:#ffffff;
	text-decoration:none;
	line-height:70px;
	background:url(../img/imghov_02.jpg ) center repeat-x;
	border-right:1px solid #dfdfdf;
	}
	
	
.huoqufangan{
	display:block;
	margin:0 auto;
	font-size:22px;
	text-align:center;
	width:260px;
	line-height:50px;
	border:1px solid #e10000;
	color:#ffffff;
	background-color:#e10000;
	margin-bottom:15px;
	text-decoration:none;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	margin-top:50px;

}

.huoqufangan:hover{
	display:block;
	margin:0 auto;
	font-size:25px;
	text-align:center;
	width:260px;
	line-height:50px;
	border:1px solid #e10000;
	color:#ffffff;
	background-color:#e10000;
	margin-bottom:15px;
	text-decoration:none;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	margin-top:50px;
	text-decoration:none;

}
.dibuby{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	min-height:40px;
}
.dibuby::after{
	content:"";
	display:table;
	clear:both;
}
.dibuby p{
	padding-left:50px;
	height:40px;
	line-height:40px;
	float:left;
	width:190px;
	margin:0 !important;
	background-size:40px 40px;
	background-position:left center;
	box-sizing:content-box;
}

.dibuby p span{
	font-size:16px;
	color:#d0d0d0;
}

/* 页脚服务条（#151515 背景）— 垂直居中，图标/字号保持 40px、16px */
table[bgcolor="#151515"] > tbody > tr > td,
table[bgcolor="#151515"] > tr > td{
	height:120px !important;
	vertical-align:middle;
	padding:0;
}
table[bgcolor="#151515"] td .dibuby{
	display:flex !important;
	align-items:center;
	justify-content:center;
	width:1200px;
	max-width:100%;
	min-height:40px;
	margin:0 auto !important;
	padding:0;
	box-sizing:border-box;
	overflow:visible !important;
}
table[bgcolor="#151515"] td .dibuby p{
	float:none !important;
	flex:0 0 190px;
	width:190px !important;
	height:40px !important;
	line-height:40px !important;
	padding-left:64px !important;
	margin:0 !important;
	background-size:40px 40px !important;
	background-position:left center !important;
	box-sizing:content-box !important;
}
table[bgcolor="#151515"] td .dibuby p span{
	font-size:16px;
	line-height:40px;
}
#scroll_div{
	     	width: 1200px;
			line-height: 30px;
			overflow: hidden;
			white-space: nowrap;
 
			margin:0 auto;
			margin-bottom:30px;
			margin-top:10px;
	 
		}
#scroll_begin,#scroll_end {display: inline;}
#scroll_div a{
			color: #878787;
			text-decoration: none;
			font-size:14px;
			margin-right:10px;
		}
#scroll_div a:hover{color: #fff;}


/*�����Ŀ�*/
    .partone{
        width: 1200px;
        height: 260px;
        margin: 0 auto;
        overflow: hidden;
    }
    .partone::after{
        content: "";
        display: table;
        clear: both;
    }
    .oneleft,
    .oneright{
        width: 585px;
        height: 260px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 585px 260px;
    }
    .oneleft{
        float: left;
        background-image: url(../img/tcimg/part_05.png);
    }
    .oneright{
        float: right;
        background-image: url(../img/tcimg/part_07.png);
    }
    .partone h3{
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 24px;
        box-sizing: border-box;
        text-align: center;
        font-size: 33px;
        font-weight: normal;
        color: #fff;
        letter-spacing: 2px;
        line-height: 1.35;
    }
    .partone .onean{
        display: block;
        width: auto;
        min-width: 140px;
        max-width: calc(100% - 48px);
        margin: 22px auto 0;
        padding: 0 18px;
        box-sizing: border-box;
        line-height: 35px;
        border: 1px #fff solid;
        border-radius: 6px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        white-space: nowrap;
        transition: 0.5s;
        cursor: pointer;
        flex-shrink: 0;
    }
    .oneoff{float: right;}
    .onean:hover{background: #fff;border: 1px #fff solid;color: #000;}
    .oneform{width: 930px;height: 500px;background: url(../img/tcimg/bg_8.png); background-color:#ed1c24;position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);display: none;z-index: 100001;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
    .onebox{width: 822px;height: 394px;border: 1px #fff dashed;margin: 17px auto;padding: 35px;}
    .oneline{width: 1px;height: 55px;background: rgba(255,255,255,0.5);float: left;margin: 7px 20px;}
    .onebox span{font-size: 40px;color: #fff;}
    .onebox input{width: 140px;height: 53px;background: none;outline: none;border: none;text-indent: 1em;font-size: 16px;color: #fff;}
    .onebox form{width: 100%;height: 310px;margin-top: 15px;}
    .onebox textarea{width: 815px;border-radius: 8px;background: none;border: 1px #e7a8aa solid;min-height: 70px;margin-top: 15px;outline: none;font-size: 16px;color: #fff;text-indent: 1em;padding-top: 10px;}
    .onebox form li{float: left;list-style: none;border: 1px #e7a8aa solid;border-radius: 8px;margin-top: 15px;width: 400px;height: 53px;}
    .onebox form li img{float: left;}
    .onebox form li p{float: left;color: #fff;  font-size:16px; line-height:52px;}
    .onebox form li:nth-child(1) input{width: 260px;}
    .onebox form li:nth-child(2) input{width: 280px;}
    .onebox form li:nth-child(3) input{width: 310px;}
    .onebox form li:nth-child(4) input{width: 310px;}
    .onebox form li:nth-child(2),.onebox form li:nth-child(4){float: right;}
    .onebox form button{width: 400px;height: 54px;background: #fff;border-radius: 5px;outline: none;border: none;color: #d32329;font-size: 20px;cursor: pointer;float: right;margin-top: 16px;transition: 0.5s;}
    textarea::-webkit-input-placeholder{
         color: #ababab;  
         font-size: 14px;
    }
    .onezz{width: 100%;height: 100%;background: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0; display:none;z-index: 100000;}
    #yzmimg{float: right;border-radius:0 5px 5px 0; width:120px; height:53px; text-align:center; background-color:#eeeeee;}
	#yzmimg img{
		width:80px;
		height:30px;
		margin-left:25px;
		margin-top:9px;
	}
    #tj:hover{background: none;border: 1px #fff solid;color: #fff;}
    .oneoff:hover{transform: rotate(360deg);}
    .oneoff{transition: 0.5s;cursor: pointer;}
	.onediv{width: 100%;height: 70px;overflow: hidden;}



/*���ֳ��������С����*/
  .sliderbox{width: 100%;height: 70px;background: #fff;position: fixed;top: -75px;left: 0px;box-shadow: 5px 5px 5px rgba(0,0,0,.2);transition: 0.6s;/*����ʱ��*/ z-index:9999}
     .slidernav{width: 1200px;margin: 0 auto;}
	 .divLogo{
	    text-align:left;
		float:left;
		width:334px;
		height:60px;
		padding-top:10px;
	 }
	 .divRight{
	 	width:866px;
		float:left;
		text-align:left;
		line-height:70px;
	 }
	 .divRight a{
	 	font-size:16px;
		width:102px;
		text-align:center;
		color:#333333;
		display:block;
		float:left;
		text-decoration:none;
	 }
	  .divRight a:hover{
	 	font-size:17px;
		width:102px;
		text-align:center;
		color:#de2323;
		display:block;
		float:left;
		text-decoration:none;
	 }
/*����*/

/*2019�µ�����ʼ*/
/* ͷ�� */
a{text-decoration: none;}
ul{padding: 0px;margin: 0px;}
.header{width: 90%;position: absolute;top: 0px;left: 0px; z-index:10000;border-bottom: 1px rgba(255,255,255,.09) solid;padding: 0px 5%;}
.header:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
.header_left{padding-top: 18px;float: left;}
.header a img:last-child{display: none;}

/*��ҳ��ͷ��*/
.header_new{width: 90%;position: fixed;top: 0px;left: 0px; z-index:10000;background: url(../img/nav_01.jpg)left  repeat-y;
	padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_new.header_hide{top: -100px;}
.header_new.white{background: #fff;position: fixed;}
.header_new.white .nav ul li >a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}
.header_new.white .sp_nav span{background: #000;}
.header_new.white .phone p{color: #000;}
.header_new.white .phone h2{color: #000;}
.header_new.white .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_new a img:last-child{display: none;}
.header_new.white a img:last-child{display: block;}
.header_new.white a img:first-child{display: none;}
.header_new.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_new.white .nav ul li:hover{background: none;}
.header_new.white .erji a{color: #000; font-family:'Alibaba-PuHuiTi-Regular';}

/*��ҳ��ͷ��*/
.header_two{width: 90%;position: fixed;top: 0px;left: 0px; z-index:10000;border-bottom: 1px rgba(255,255,255,.09) solid;
	padding: 0px 5%;transition: .5s;}
.header_two:hover{background: rgba(0,0,0,.15);border-bottom: 1px rgba(255,255,255,.2) solid;}
.header_two.header_hide{top: -100px;}
.header_two a img:last-child{display: none;}
.header_two.white{width: 90%;position: fixed;left: 0px; z-index:10000;background: #fff;
	padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two.white .nav ul li >a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}
.header_two.white .sp_nav span{background: #000;}
.header_two.white .phone p{color: #000;}
.header_two.white .phone h2{color: #000;}
.header_two.white .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_two a img:last-child{display: none;}
.header_two.white a img:last-child{display: block;}
.header_two.white a img:first-child{display: none;}
.header_two.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;box-shadow: 0px 2px 2px rgba(0,0,0,.1);}
.header_two.white .nav ul li:hover{background: none;}
.header_two.white .erji a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}

.header_two:hover{width: 90%;position: fixed;left: 0px; z-index:10000;background: #fff;border-bottom: none;
	padding: 0px 5%;transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two:hover .nav ul li >a{color: #000;}
.header_two:hover .sp_nav span{background: #000;}
.header_two:hover .phone p{color: #000;}
.header_two:hover .phone h2{color: #000;}
.header_two:hover .nav{border-right: 1px rgba(0,0,0,.1) solid;}
.header_two:hover a img:last-child{display: block;}
.header_two:hover a img:first-child{display: none;}
.header_two:hover .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_two:hover .nav ul li:hover{background: none;}
.header_two:hover .erji a{color: #000;font-family:'Alibaba-PuHuiTi-Regular';}



.nav{width: 87%;height: 95px; margin:0;float: left;border-right: 1px rgba(255,255,255,.15) solid;box-sizing: border-box;} 
.nav_logo{float: left;margin-top: 20px;  }
.nav ul{display: inline-block;float: right;margin-right: 8%;}
.nav ul li{float: left;font-size: 16px;list-style: none; width:90px; text-align:center;}
.nav ul li >a{color: #ffffff;display: block;line-height:95px;position: relative;font-family:'Alibaba-PuHuiTi-Regular';}
.nav ul li >a:after{
	content: "";
	width: 0;
	height: 3px;
	background: #df0e19;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	transition: .5s;
}
.nav ul li:hover a:after{width: 100%;}
.nav ul li a:hover{color: #ffffff; text-decoration:none;}


.cover_box{width: 100%;height: 100%;min-height: 100vh;}
.index_banner{width: 100%;height: 100%;min-height: 100vh;background-color:#d41c26}
.index_banner .swiper-container{width: 100%;height: 100%;min-height: 100vh;}
.index_banner .swiper-slide{position: relative;}
.index_banner .swiper-slide .text{ width:1200px;position: absolute;top: 50%;left: 48%;transform: translate(-50%,-50%);cursor: pointer;}
.index_banner .swiper-slide img{
	transform:translateY(100px);
	transition:all .3s;
	opacity:0;
}
.index_banner .swiper-slide h3{
	color: #fff;
	font-size: 50px;
	line-height: 1;
	text-transform:uppercase;
	/*font-family: 'Montserrat-Medium';*/
	font-family: 'GOTHICB';
}
.index_banner .swiper-slide h3 span{
	color: #fff;
	font-size: 66px;
	text-transform:uppercase;
	/*font-family: 'Montserrat-Medium';*/
	font-family: 'GOTHICB';
	
}
.index_banner .swiper-slide h2{
	color: #fff;
	font-size: 68px;
	line-height: 1;
	margin: 65px 0px 35px 0px;
	transform:translateY(100px);
	opacity:0;
	transition:all .3s;
	transition-delay: .2s;
	font-family: "Microsoft YaHei","΢���ź�";
}
.index_banner .swiper-slide h2 span{
	color: #fff;
	font-size: 72px;
	font-family: 'DINPro-Bold';
}
.index_banner .swiper-slide p{
	color: #fff;
	font-size: 30px;
	line-height: 1;
	margin: 0px;
    transform:translateY(100px);
	opacity:0;
	transition:all .5s;
	transition-delay: .4s;
}
@media screen and (max-width:1580px) {
	.index_banner .swiper-slide img{width: 1000px;}
	.index_banner .swiper-slide h2{font-size: 58px;}
	.index_banner .swiper-slide p{font-size: 28px;}
	.index_banner .swiper-slide h3{font-size: 40px;}
}
@media screen and (max-width:1450px) {
	.index_banner .swiper-slide img{width: 880px;}
	.index_banner .swiper-slide h2{font-size: 50px;}
	.index_banner .swiper-slide p{font-size: 22px;}
	.index_banner .swiper-slide h3{font-size: 28px;}
}
.index_banner .swiper-slide-active img{
	transform:translateY(0);
	opacity:1;
}
.index_banner .swiper-slide-active h2{
	transform:translateY(0);
	opacity:1;
}
.index_banner .swiper-slide-active p{
	transform:translateY(0);
	opacity:1;
}

#page{
	width: 180px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    bottom: 45px;
    box-sizing: border-box;
    text-align: center;
    z-index: 200;
}
#page span{
    display: inline-block;
    width: 22px;
	height: 10px;
	background: url(../img/icon_07.png)center no-repeat;
	opacity: .8;
	margin: 0px 1px;
    cursor: pointer;
    border-radius: 5px;
    transition: .3s;
}
#page span.swiper-pagination-bullet-active{
    background: url(../img/icon_09.png)center no-repeat;
} 
#button{
    width: 260px;
    height: 30px;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
#button .swiper-button-prev:after{
    content: "";
    width: 11px;
    height: 19px;
    background: url(../img/icon_03.png);
    opacity: .8;
}
#button .swiper-button-prev{
	outline: none;
}
#button .swiper-button-next:after{
    content: "";
    width: 11px;
    height: 19px;
    background: url(../img/icon_05.png);
    opacity: .8;
}
#button .swiper-button-next{
	outline: none;
}


.header_member {
  float: right;
  width: auto;
  min-width: 88px;
  height: 95px;
  line-height: 95px;
  margin: 0;
  padding: 0 12px 0 0;
  text-align: right;
  font-size: 15px;
  color: #fff;
  white-space: nowrap;
  box-sizing: border-box;
}
.header_member__link {
  color: inherit;
  text-decoration: none;
  opacity: 0.95;
  font-family: 'Alibaba-PuHuiTi-Regular', sans-serif;
}
.header_member__link:hover {
  opacity: 1;
}
.header_member__sep {
  margin: 0 8px;
  opacity: 0.5;
  font-weight: 300;
}
.header_two.white .header_member,
.header_two:hover .header_member {
  color: #000;
}
.phone{width: 13%; font-size:14px;float: right;text-align: right;}
.phone p{color: #fff;margin-top: 20px;}
.phone h2{color: #fff;font-size: 24px;margin: 5px 0px 0px 0px;font-family: 'DINPro-Bold';}
.nav ul li .erji{width: 100%;height: 70px;background: rgba(0,0,0,.2);/*���������Ҷ�*/position: absolute;top: 95px;left: 0px;
	text-align: center;display: none;}
.nav ul li .erji a{color: #fff;margin: 0px 15px;line-height: 70px;font-size: 14px;opacity: .7;}
.nav ul li .erji a:hover{opacity: 1;}

/* ������ */
.tan_sp{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 20000;display: none;}
 
.tan_spbox{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; background-color:#101010}
.tan_sptop{overflow: hidden;}
.tan_sptop img{float: left;}
.tan_sptop #sp_prev{float: right;font-size: 22px;color: #fff;margin: 50px 100px 0px 0px;}
.tan_spcen{width: 800px;margin: 0 auto; margin-top:5%}
.tan_spcen{text-align: center;}
.tan_spbot{width: 100%;position: absolute;bottom: 50px;text-align: center;color: #fff;font-size: 22px; }
.tan_spbot p{display: inline-block;font-family:'DINPro-Bold'}
.tan_spbot img{float: left;margin: 2px 25px 0px 0px;}
@media screen and (max-width:1440px) {
    .header_member{display: none;}
    .phone{display: none;}
    .nav{width: 100%;border-right: none;}
    .header_two:hover .nav{border-right: none;}
}


/* 汉堡 / VR：触摸目标 ≥44px */
.sp_nav{
	display: flex;
	align-items: center;
	justify-content: center;
	width:44px;
	position:absolute;
	height:44px;
	z-index:10001;
	right: 20%;
	top: 26px;
	box-sizing: border-box;
}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:50%;margin-left:-9px;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:14px;}
.sp_nav .sp_nav2{top:21px;width:14px;}
.sp_nav .sp_nav3{top:28px;}
.sp_nav_se  .sp_nav1{top:21px;transform:rotate(45deg);}
.sp_nav_se  .sp_nav2{width:0!important;}
.sp_nav_se  .sp_nav3{top:21px;transform:rotate(-45deg);}
.sp_nav:hover  .sp_nav2{width:18px;}
.span_navcolor{
	background-color:#222222!important;
}
.overDiv{
	overflow:hidden;
}
.vr_ico{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	position: absolute;
	height: 44px;
	z-index: 10001;
	right: 18.5%;
	top: 26px;
	box-sizing: border-box;
}
.vr_ico img{
	width: 24px;
	height: auto;
	display: block;
}

@media screen and (max-width:1440px) {
    .vr_ico{right: 5%;}
    .sp_nav{right: 7%;}
}

/*��������ҳ*/
.articleban{
	width: 100%;
	height: 500px;
	background:url(../img/newsbg.jpg) top center no-repeat;
	background-color:#181818;
}
.articlebox{
	width: 1200px;
	padding-top: 240px;
	margin:0 auto;
}
.articlebox h2{
	font-size: 45px;
	color: #fff;
}
.articlebox ul li{
	list-style: none;
	float: left;
	font-size: 14px;
	color: #fff;
	margin-right: 30px;
}
.articlebox ul{
	overflow: hidden;
	margin-top: 30px;
}
.artposi{
	float: right;
	font-size: 14px;
	color: #fff;
	margin-top:40px;

}

.artposi a{
	color: #fff;
	text-decoration:none;
}
.artposi a:hover{
	color: #fff;
	text-decoration:none;
}
.xx_art{
	width: 1200px;
	margin:0 auto;
	margin-top: 20px;
	overflow: hidden;
}
.xx_l{
	width: 950px;
	float: left;
	padding: 25px;
	background: #fff;
	line-height:39px;
	font-size:16px; 
	color:#5d5d5d
}
.xx_r{
	width: 160px;
	float: right;
}
.xx_r ul li h3{
	font-size: 14px;
	line-height:0px;
}
.xx_r ul li p{
	font-size: 14px;
	margin-top: 2px;
}
.xx_line{
	width: 20px;
	height: 2px;
	background: #d0001c;
	float: left;
	margin-top: 7px;
}
.xx_r ul .onli{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
	margin-bottom:10px;
}
.xx_r ul li .xx_lineon{
	width: 20px;
	height: 2px;
	background: #fff;
	float: left;
	margin-top: 7px;
}
.xx_r ul li{
	width: 90px;
	height: 50px;
	background: #fff;
	list-style: none;
	color: #424242;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px #dbdbdb solid;
	transition: 0.5s;
	float: left;
}
.xx_r ul li:hover{
	width: 120px;
	height: 50px;
	background: #d0001c;
	color: #fff;
	padding: 20px;
}
.xx_r ul li:hover .xx_line{
    background: #fff;
}
.abread{
	width: 1160px;
	overflow: hidden;
	padding: 20px;
	margin:0 auto;
	background: #fff;
	margin-top: 25px;
	padding-bottom:40px;
}
.abreadul h3{
	background:url(../img/hongbian.jpg) left no-repeat;
	font-size: 24px;
	font-weight: normal;
	padding-left: 20px;
}
.abreadul{
	width: 45%;
	float: right;
	overflow: hidden;
}
.abreadul ul li{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li:hover{
	font-size: 14px;
	color: #d51419;
	line-height: 30px;
	list-style:disc;
	list-style-position: inside;
}
.abreadul ul li a{
	color: #666;
}
.abreadul ul li a:hover{
	color: #d51419;
	text-decoration:none;
}
.abreadul ul li span{
	font-size: 12px;
	color: #ccc;
	float: right;
}
.abreadul ul{
	overflow: hidden;
	margin-left: 15px;
	margin-top: 25px;
}
#ableft{
	float: left;
}
.ab_line{
	width: 1px;
	height: 150px;
	background: #eee;
	float: left;
	margin-left: 60px;
	margin-top: 50px;
}
.webdes{
	width: 1200px;
	overflow: hidden;
	margin:0 auto;
}
.webdes ul li{
	width: 278px;
	height: 98px;
	border: 2px #efefef solid;
	list-style: none;
	float: left;
	text-align: center;
	line-height: 98px;
	color: #0d0c0c;
	font-size: 24px;
	transition: 0.5s;
	margin-left: 24px;
	margin-top: 30px;
	background: #fff;
}
.webdes ul a:nth-child(1) li,.webdes ul a:nth-child(5) li,.webdes ul a:nth-child(9) li{
	margin-left: 0px;
}
.webdes ul li:hover{
	border: 2px #d61519 solid;
	color: #d61519;
}
.artbot{width: 900px;height: 280px;text-align: center;margin-top: 90px;}
.artbot h2{font-size: 24px;color: #010101;font-weight: normal;margin-top: 30px;}
.artbot h4{font-size: 16px;color: #010101;font-weight: normal;margin-top: 30px;letter-spacing: 3px;}

::-webkit-scrollbar{
            width: 3px;
            height: 3px;
        }
        /*���������*/
        ::-webkit-scrollbar-track{
            background: #eee;
        }
        /*�������Ļ��鰴ť*/
        ::-webkit-scrollbar-thumb{
            background: #f20c2b;
        }
        /*���������������˵İ�ť*/
        ::-webkit-scrollbar-button{
            height: 0px;
            background-color: #d61519;
        }

/*����*/

/*�����б� */
.xxn_l{
	width: 950px;
	float: left;
	padding-top: 15px;
	line-height:32px;
	font-size:15px; 
	color:#5d5d5d
}
.xxn_type{
	width:100%;
	margin-bottom:25px;
	line-height:50px;
	height:50px;
	
}
.xxn_type a{
	display:block;
	line-height:48px;
	width:140px;
	text-align:center;
	float:left;
	background-color:#ffffff;
	border:1px solid #ffffff;
	margin-right:7px;
	font-size:16px;
	color:#323232;
}
.xxn_type a:Hover,.xxn_type .ahover{
	display:block;
	line-height:48px;
	width:140px;
	text-align:center;
	float:left;
	border:1px solid #c5001b;
	background-color:#c5001b;
	margin-right:7px;
	color:#ffffff;
	font-size:16px;
}

.xxn_list{
	width:100%;
	padding:2.2%;
	background-color:#ffffff;
	margin-bottom:18px;
}
.xxn_list:hover{
	width:100%;
	padding:2.2%;
	background-color:#ffffff;
	margin-bottom:18px;
	-webkit-box-shadow:0 0 20px #eeeeee;  
	-moz-box-shadow:0 0 20px #eeeeee;  
	box-shadow:0 0 20px #eeeeee;  
}
.xxn_list p{
	margin-top:15px;
	font-size:14px;
	line-height:23px;
	color:#999999;
}
/*����*/
	
/*��ҳ��Ƶ*/
@media only screen and (max-width:1440px) {
.part_video video {
	width: auto!important;
	
}}
.part_video{width: 100%;height:850px;overflow: hidden;position: relative; background-color:#010510;}
.part_video video{width: 100%;}
.zhezhao{
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(8,8,9,0.8);
    z-index: 999;
}
.video_text{
	width: 1200px;
	text-align: center;
	margin:0 auto;
	margin-top:350px;
	color: #fff;
	display: none;
}
.video_text h2{
	animation: zuo 1.5s;
	font-size:60px;
	text-shadow: 0 2px 2px #333333;
}
.video_text p{
   animation: zuotwo 2s;
   font-size:26px;
   text-shadow: 0 2px 2px #333333;
}
.video_text div{
	animation: zuotwo 3s;
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height: 43px;
	
	border:1px solid #ffffff;
	color:#fff;
	margin-top:40px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}
.video_text div:hover{
	font-size:18px;
	width:180px;
	height:43px;
	margin:0 auto;
	line-height:43px;
	
	background-color:#f20c2b;
	border:1px solid #f20c2b;
	color:#FFFFFF;
	margin-top:40px;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}

/*@keyframes touming{
    0%{
        opacity: 0;
       }
	30%{
        opacity: 0.3;
       }
	60%{
        opacity: 0.6;
       }
    100%{        
        opacity: 1;
    }
}*/

@keyframes zuo{
    0%{
        transform: translate(0px,200px);
        opacity: 0;
       }
    100%{        
        transform: translate(0px,0px);
        opacity: 1;
    }
}
@keyframes zuotwo{
    0%{
        transform: translate(0px,100px);
        opacity: 0;
       }
    50%{
    	transform: translate(0px,100px);
        opacity: 0;
    }
    100%{        
        transform: translate(0px,0px);
        opacity: 1;
    }
}

/*@keyframes you{
    0%{
        transform: translate(500px,0px);
        opacity: 0;
       }
    100%{
        transform: translate(0px,0px);
        opacity: 1;
    }
}*/

/*����*/
/*����logo�͵�������*/
.ydcDiv{
	display:none;
}
/*����*/
/*��������*/

.fanbj{
	width: 950px;
	background: #fff;
	overflow: hidden;
}
.fan_b{
	width: 100%;
	height: 48px;
}
.fan_b li{
	float: left;
	width: 140px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
	background: #f7f7f8;
}
.fan_b li:hover{
	background: #d51419;
	color: #fff;
}
.fan_b li.cur{
	background: #d51419;
	color: #fff;
	float: left;
	width: 140px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;
}
.fan_ul{
	width: 950px;
    overflow: hidden;
    margin-top: 10px;
    float: left;
}
.fan_tab{
	width: 1000%;
	position: relative;
}
.fan_ul .fan_title{
	width: 100%;
	height: 56px;
	padding: 0px 45px 0px 30px;
	background: #f7f7f8;
	line-height: 56px;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 17px;
	color: #555;
	position: relative;
	font-weight:bold;
}
.fan_ul .fan_cont{
    width: 100%;
	padding: 20px 30px;
	font-size: 14px;
	color: #5b5b5b;
	box-sizing: border-box;
	line-height: 34px;
	display: none;
	background: #fbfbfb;
	box-shadow: 0 0px 15px #9b9898;
	 
}
.fan_title span{
	width: 46px;
	height: 56px;
	background: url(../img/jia.png)center;
	display: inline-block;
	position: absolute;
	right: 0px;
	border-left: 1px #fff solid;
}
.current{
	background: #d51419!important;
	color: #fff!important;
}
.current span{
	background: url(../img/jian.png)center;
}

/*��ҳ��������*/

ul{padding: 0px;}
li{list-style: none;}
.dynamicbox{width: 100%;overflow: hidden;background:url(../img/faqbg.png) right no-repeat;background-color:#f5f5f5;padding: 20px 0px; }
.dynamic{width: 1200px; margin:0 auto;}
.dynamicul div{width: 320px;height: 80px;background: #fff;float: left;margin-right: 30px;padding: 30px;margin-top: 30px;transition: 0.5s;}
.dynamicul div:nth-child(3n){margin-right: 0px;}
.dynamicul div h3{font-size: 18px;margin-bottom: 10px;font-weight:bold; color:#000000; margin-top:0px; }
.dynamicul div p{font-size: 14px;color: #888;line-height: 24px;}
.dynamicul div:hover{transform: translate(0px,-5px);box-shadow: 0px 5px 20px rgba(0,0,0,0.2)}
.dynamicul div:hover h3{color: #c8011c;}
.dynamicul{margin-top: 20px;}
.dynamic_more{font-size: 18px;text-align: center;margin-top: 15px;}
.dynamic_more a{color: #1d1d1d;}
.dynamic_more a:hover{color: #e62022;}

.slideBox{ width:1200px;position:relative;margin: 0 auto;}
.slideBox .bd{position:relative;overflow: hidden;}
.slideBox .bd ul{padding-bottom: 25px!important;}
.slideBox .bd li{width: 100%;height: 100%;}
.slideBox .prev{width:39px;height:12px;display:block;background:url(../img/left_23.png);position:absolute;bottom: -32px;left: 500px;}
.slideBox .next{width:39px;height:12px;display:block;background:url(../img/right_23.png);position:absolute;bottom: -32px;right: 500px;}
		
.cehuap{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:106px;
	line-height:30px;
	color:#a0a0a0;
	border:1px solid #979696;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-right:16px;
	margin-top:13px;

}
.cehuap:hover{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:106px;
	line-height:30px;
	color:#d51419;
	border:1px solid #d51419;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin-right:16px;
	margin-top:13px;
}
/*��ذ���*/
		
.caseView{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
}
.chakanAl{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:180px;
	line-height:36px;
	border:1px solid #9b9b9b;
	color:#9b9b9b;
	margin-bottom:15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
.chakanAl2,.chakanAl2:hover,.chakanAl:hover{
	display:block;
	float:left;
	font-size:16px;
	text-align:center;
	width:180px;
	line-height:36px;
	border:1px solid #1e1d1d;
	color:#1e1d1d;
	margin-bottom:15px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.shangyige{
	font-size:20px;
	color:#323235;
}
.shangyige:hover{
	font-size:20px;
	color:#e10000;
	text-decoration:none;
}

.xiangguananli{
	float:left;
	width:373px;
	background-color:#ffffff;
	text-decoration:none;
	margin-right:40px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.xiangguananli img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
 
}

.xiangguananli:hover img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);

}

.xiangguananli .p1{
	font-size:22px; 
	display:block;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:left;
}
.xiangguananli .p2{
	font-size:14px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	color:#666666;
}
.divClass img{
width:95%;
margin:0 auto;
}



.xiangguananli2{
	float:left;
	width:372px;
	background-color:#ffffff;
	text-decoration:none;
	margin-right:40px;
	margin-bottom:30px;
	padding-bottom:20px;
}

.xiangguananli2 img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
 
}
.fenyeA a{
	color:#000000;
	font-size:16px;
	font-weight:bold;
}
.fenyeA a:hover{
	color:#d30000;
}

.xiangguananli2:hover img{
 
	transition: all .2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);

}

.xiangguananli2 .p1{
	font-size:22px; 
	display:block;
	margin-left:20px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:left;
}
.xiangguananli2 .p2{
	font-size:14px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom:20px;
	text-align:left;
	color:#666666;
}

/*��ҳlogo����*/
.autoimg{animation: 2s scale linear infinite;}
	@keyframes scale{
		0%{
			transform: scale(0.9);
		}
		50%{
			transform: scale(1);
		}
		100%{
			transform: scale(0.9);
		}
	}
/*����-��������Div*/
.ysDivabout{
	font-size:14px; 
	width:340px; 
	float:left; 
	margin-bottom:30px;
	border:1px solid #eaeaea;
	margin-right:20px;
	padding: 15px 20px 20px 20px;
}
.ysDivabout span{
	font-size:25px;  
	line-height: 50px;
}

.ysDivabout:hover span{
	font-size:25px;
	color:#d51419;  
}
.ysDivabout:hover{
	color:#d51419;
	-webkit-box-shadow:0 0 30px #eeeeee;  
	-moz-box-shadow:0 0 30px #eeeeee;  
	box-shadow:0 0 30px #eeeeee;  
	z-index:9999;
}

/*2020�� ���ڰ��� ��Ч*/
.newyear{position: fixed;right: -300px;bottom: 10px;transition: 1s;z-index: 1000;}
	.newyearbox{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.8);display: none;z-index: 100000000000;}
	.nyimg{position: absolute;left: 50%;height: 90%;transition: 1s;top: 50%;transform: translate(-50%,-50%);-webkit-border-radius:10px;-moz-border-radius: 10px;}
	.nyimg.cur{animation: nydown .7s;}
	@keyframes nydown{
		0%{top: -80%;}
		70%{top: 60%;}
		100%{top: 50%;transform: translate(-50%,-50%);}
}
/*����*/

/*��ҳ��������*/
 
.numbbox{width: 100%;height: 130px;margin: 0 auto;background: #fff;position: relative;z-index: 200;box-shadow: 0px 2px 10px #dedede;}
.num-width{width: 1400px;margin: 0 auto;}
.numbbox a{color:#3b3b3b;}
.numbbox a:hover{color:#ffffff;}
.numbli{width: 25%;float: left;text-align: center;box-sizing: border-box;padding-bottom: 15px;border-right: 1px #f3f3f3 solid;margin-top: 15px;}
.numbli p{font-size: 18px;color:#3b3b3b; margin-bottom:6px}
.numbli p span{font-size: 49px;font-family: 'DINPro-Bold';color:#3b3b3b;}
.numbli h3{font-weight: normal;font-size: 17px;margin: 0;color:#3b3b3b;}
.num-width a:last-child .numbli{
	border-right: none;
}
@media screen and (max-width:1580px){
	.numbbox{height: 115px;}
	.numbli p{font-size: 16px;}
	.numbli p span{font-size: 38px;}
	.numbli h3{font-size: 15px;}
}
@media screen and (max-width:1450px){
	.numbbox{height: 110px;}
	.numbli p{font-size: 15px;}
	.numbli p span{font-size: 34px;}
	.numbli h3{font-size: 14px;}
}
/*����*/
/*����������ʼ*/
.about_ry{
	width: 100%;
	overflow: hidden;
	padding: 70px 0px;
	background: url(../img/rybg.jpg) center top no-repeat;
	background-size: cover;
}
.gmpbox .mr_frbox{
	width: 1200px;
	position: relative;
	margin: 0 auto;
}
.gmpbox .mr_frBtnL{
	width: 38px;
	height: 70px;
	position: absolute;
	top: 150px;
	left: -60px;
	cursor: pointer;
    background: url(../img/you2.png);
}
.gmpbox .mr_frBtnR{
	width: 38px;
	height: 70px;
	position: absolute;
	top: 150px;
	right: -60px;
	cursor: pointer;
	background: url(../img/zuo2.png);
}
.gmpbox .mr_frUl{
	width: 1200px;
	height: 380px;
	overflow: hidden;
}
.gmpbox .mr_frUl ul li{ 
	display: inline; 
	float: left; 
	width: 270px; 
	height: 380px;
    overflow: hidden;
    position: relative;
    margin: 0px 15px;
 }
.gmpbox .mr_frUl ul li img{
	width: 270px;
	height: 380px;
}
.gmpbox .mr_frBtnL:hover img,.mr_frBtnR:hover img{
	display: none;
}
.gmpbox .mr_frUl ul li div{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(230,27,35,0.9);
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	opacity: 0;
	transition: 1s;
}
.gmpbox .mr_frUl ul li div h3{
	font-size: 30px;
	font-weight: normal;
	margin-top: 140px;
}
.gmpbox .mr_frUl ul li div p{
	font-size: 18px;
	margin-top: 15px;
}
.gmpbox .mr_frUl ul li:hover div{
	opacity: 1;
}

/*����*/


/*ͼƬ���*/

@keyframes slowScale{
    0%{
        transform: scale(1);
       }
    100%{
        transform: scale(1.10);
    }
}
.changebig{
	animation: slowScale 4s forwards;
}
.bigtext{
	width: 100%;
	position: absolute;
	top: 270px;
	text-align: center;
}
.lxwmkefu{
	width:100px;
	line-height:28px;
	border:1px solid #c90000;
	font-size:14px;
	padding:5px;
	padding-left:10px; padding-right:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#FFFFFF;
	color:#c90000;
	margin-right:6px;
}
.lxwmkefu:hover{
	width:100px;
	line-height:28px;
	border:1px solid #c90000;
	font-size:14px;
	padding:5px;
	padding-left:10px; padding-right:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#c90000;
	color:#fff;
	margin-right:6px;
}
  /*���Ͻǵ�� ����Ƶ*/
.tmbox{width: 1220px;overflow: hidden; margin-bottom:30px;}
.tmbox ul li{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}
.tmbox ul li:hover{width: 595px;height: 207px;float: left;margin: 10px 0px 0px 10px;position: relative;}
.tmbox ul li .tmcont{width: 595px;height: 207px;position: absolute;top: 0px;left: 0px;padding: 5px 45px 0px 45px;box-sizing: border-box;}
.tmbox ul li .tmcont h2{font-size: 24px;color: #fff;overflow: hidden;line-height: 55px;}
.tmbox ul li .tmcont h2 img{float: left;margin: 0px 15px 0px 0px;}
.tmbox ul li .tmcont p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 20px;}
.tmbox ul li:hover h2 img{transform: rotateY(360deg);transition: .5s;}

  /*��ҳҵ��*/
.business{width: 100%;background: #fff;position: relative;z-index: 100;}
.zhenghe{width: 1200px;height: 380px;margin-top: 70px;margin: 60px auto 0px auto;}
.zhenghe li{width: 200px;float: left;position: relative;transition: all .3s cubic-bezier(.4, 0, .2, 1);overflow: hidden;}
.zhenghe li .zhtitle{height: 140px;background: #db171e;text-align: center;box-sizing: border-box;padding-top: 20px;}
.zhenghe li .zhtitle h2{font-size: 20px;color: #fff;margin: 5px 0px 2px 0px;}
.zhenghe li .zhtitle p{color: #fff;font-size: 14px; margin-top:7px;}
.zhenghe li .zhtitle .img{width: 40px;margin: 0 auto;}
.zhenghe li .zhtitle .img img{width: 100%;}
.zhenghe li .zhcont{text-align: center;color: #333;padding: 15px 0px 45px 0px;}
.zhenghe li .zhcont_p p{margin-top: 30px;font-size: 14px;}
.zhenghe li .zhtext{width: 400px;box-sizing: border-box;padding: 5px 20px 0px 20px;display: none;}
.zhenghe li .zhtext p{line-height: 30px;color: #8c8c8c;font-size: 14px;}
.zhenghe li .zhmore{text-align: center;width: 110px;height: 35px;line-height: 35px;color: #2c2c2c;background: #f9f9f9;font-size: 15px;border-radius: 0px; float:left;margin: 28px 14px 0px auto;border: 1px #f9f9f9 solid;box-sizing: border-box;transition: .3s;}
.zhenghe li .zhtext a:nth-child(4) .zhmore{margin-right:0px;}
.zhenghe li .zhmore:hover{background-color:#151515;color: #fff; border:1px solid #151515;}
.zhenghe li.cur{width: 400px;height: 383px;margin-top: -15px;background: #fff!important;box-shadow: 0 0 30px rgba(0,0,0,.2);}
.zhenghe li.cur .zhtitle{background:url(../img/indexyewubg.png) bottom center no-repeat; background-color:#151515;height: 155px;}
.zhenghe li.cur .zhcont_p{display: none;}
.zhenghe li.cur .zhtext{display: block;}

/*����ҳ�涨λ*/
.left_fix{width: 60px;position: fixed;left: calc((100% - 1200px) / 2 - 90px);top: 200px;display: none;}
.fix_li{width: 60px;height: 45px;background: #cecece;margin-bottom: 2px;text-align: center;}
.fix_li a{color: #fff;display: inline-block;font-size: 14px;line-height: 45px;}
.fix_li a img{float: right;margin: 19px 0px 0px 5px;}
.left_fix .fix_li:last-child{border: 0px;}
.fix_li.cur{background: #d51419;}
/*����*/


/*2021ҵ�񵼺�*/
.dznav{
	width: 1440px;
	height: 230px;
	margin:0 auto;
	margin-top: 80px;
}
.dznav ul li{
	width: 179px;
	height: 230px;
	background: rgba(0,0,0,0.3);
	float: left;
	box-sizing: border-box;
	margin-right: 1px;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:1580px) {
	.dznav{width: 1288px;}
	.dznav ul li{width: 160px;}
}
.dznav ul a{
	display: block;
	height: 100%;
}
.dznav ul li p{
	font-size: 14px;
	color: #767676;
	margin-left: 30px;
	margin-right: 12px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.dznav ul li h3{
	font-size: 18px;
	color: #fff;
	margin-top: 48px;
	margin-left: 30px;
	margin-right: 12px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#dzimg1{
	position: absolute;
	left: 30px;
	bottom: 48px;
	margin-left: 0;
	margin-top: 0;
}
#dzimg2{
	position: absolute;
	left: 30px;
	bottom: 18px;
	margin-top: 0;
	margin-left: 0;
	opacity: 0;
	transition: 0.5s;
}
.dznav ul li:hover #dzimg2{
    opacity: 1;
}
.dznav ul li:hover #dzh3{
	transform: translate(0px,65px);
}
.dznav ul li #dzp{
	color: #b8b8b8;
}
.dznav ul li:hover #dzp{
	transform: translate(0px,65px);
	color: #c2c9d4;
}
.dznav ul li:hover #dzimg1{
	transform: translate(0px,-90px);
}
#dzh3,#dzp,#dzimg1{
	transition: 0.6s;
}
.dznav ul li:hover,.dznav ul li.cur{
	background: #db171e;
}
/*����*/
.casexgNav{
	font-size:16px;
	color:#FFFFFF;
	margin-left:12px;
}
.casexgNav:hover{
	font-size:16px;
	color:#ccc;
	margin-left:12px;
}


/*���۲˵���ʽ*/

.ban-nav{
	height: 180px;
	box-shadow: 0px 5px 10px #ededed;
}
.ban-nav li{
	width: 20%;
	height: 120px;
	float: left;
	text-align: center;
	border-right: 1px #ededed solid;
	box-sizing: border-box;
	margin: 30px 0px;
	
}
.ban-nav li:first-child{
	border-left: 1px #ededed solid;
}
.ban-nav li h2{
	font-size: 20px;
	color: #333;
	margin-top: 10px;
 
}
.ban-nav li p{
	color: #656565;
	margin-top: 10px;
 
	font-size:14px;
}
.ban-nav li:hover h2{
    color: #db161d;
}
.ban-nav li:hover img{
	transform: rotateY(360deg);
	transition: .8s;
}
.containerdq{
	width: 80%;
	margin:0 auto;
}
.swztext{
	width:90%; 
	margin:0 auto; 
	text-align:right; 
	color:#FFFFFF; 
	font-size:14px; 
	position:absolute; 
	top:460px;
	opacity: 0.5
}
.swztext a{
	color:#FFFFFF; 
	font-size:14px; 
	opacity: 1;
}
.swztext a:hover{
	color:#FFFFFF; 
	font-size:14px; 
	opacity: 1;
	text-align:center;
}
/*����*/
/*TAG��ʼ*/
.tagcss{
	font-size:14px; 
	border-top:1px solid #efefef; 
	padding-top:10px;
}
.tagcss H2{
	float:left;
	font-size:18px;
	color:#666666;
}
.tagcss H3{
	float:left;
	font-size:16px;
	color:#666666;
	margin-left:16px;
}
.tagcss H3 a{
	font-size:16px;
	color:#888;
	background-color:f4f4f4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#f9f9f9;
	padding:7px;
	padding-left:10px;
	padding-right:10px;
}
.tagcss H3 a:hover{
	color:#ffffff;
	background-color:#e80111;
	text-decoration:none;
}


/*��ϵ����*/
.lx2{
    width: 1200px;
    height: 340px;
    background: url(../img/lx_03.jpg);
    background-size: cover;
    box-shadow: 0px 0px 5px #ddd;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 60px;
}
.lx2l_tel{
	font-size: 18px;
	margin-bottom: 40px;
}
.lx2l_tel span{
	color: #e50a28;
    font-size: 35px;
    font-family: 'DINPro-Bold';
}
.lx2l ul li{
    font-size: 16px;
    margin-top: 20px;
}
.lx2l ul li:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
.lx2l ul li img{
	float: left;
	margin: -5px 10px 0px 0px;
}
.lx2l ul li span{
	font-weight: bold;
	font-family: 'DINPro-Bold';
	font-size: 20px;
}
.lx2l{
	float: left;
	margin-top: 40px;
}
.lx2l ul li a{
	border: 1px #696969 solid;
	border-radius: 3px;
	color: #696969;
	font-size: 14px;
	padding: 3px 10px;
	margin-right: 5px;
	transition: .3s;
}
.lx2l ul li a:hover{
	background: #434343;
	color: #fff;
}
.lx2r{
	width: 350px;
	float: right;
}
.koubei{
	display: inline-block;
	overflow: hidden;
	font-size: 16px;
	margin-top: 35px;
}
.koubei span{
	float: right;
	margin: 22px 0px 0px 10px;
}
.slideBox2{ width:100%;height: 155px;position:relative;margin: 30px auto 0px;overflow: hidden;}
.slideBox2 .bd{position:relative;overflow: hidden;}
.slideBox2 .bd li{width: 100%;height: 100%;overflow: hidden;}
.slideBox2 .prev{width:30px;height:10px;display:block;background:url(../img/left_23.png);background-size: 100% 100%;
	position:absolute;bottom: 8px;left: 172px;}
.slideBox2 .next{width:30px;height:10px;display:block;background:url(../img/right_23.png);background-size: 100% 100%;
	position:absolute;bottom: 8px;left: 220px;}
.slideBox2 .bd li img{
	float: left;
	width: 150px;
	height: 150px;
	border: 1px #e7e7e7 solid;
}
.slideBox2 .bd li .cont{
	float: left;
    margin-left: 20px;
}
.slideBox2 .bd li h3{
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	margin: 25px 0px 15px 0px;
}
.slideBox2 .bd li p{
	font-size: 16px;
	margin-top: 5px;
	color: #a0a0a0;
}
.lx3{
	width: 1200px;
	margin: 20px auto 30px;
}
.lx3 ul li{
	width: 588px;
	height: 200px;
	float: left;
	box-shadow: 0px 0px 5px #eee;
	margin-top: 30px;
	box-sizing: border-box;
	padding: 25px 25px 0px 15px;
	transition: .3s;
}
.lx3 ul li:nth-child(2n){
	float: right;
}
.lx3 ul li img{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.lx3 ul li .cont{
    overflow: hidden;
}
.lx3 ul li h2{
	font-size: 24px;
	line-height: 24px;
	margin: 20px 0px 25px 0px;
}
.lx3 ul li h2 span{
	text-transform: uppercase;
	margin-left: 15px;
	font-size: 22px;
}
.lx3 ul li p{
	font-size: 16px;
	line-height: 32px;
}
.lx3 ul li:hover{
	box-shadow: 0px 0px 20px #ddd;
}
.lx3 ul li:hover h2{
	font-size: 28px;
	line-height: 24px;
	margin: 20px 0px 24px 0px;
	color:#000000;
}
/*��������CSS*/
#c-followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #f20000;
    z-index: 1000000;
    pointer-events: none;
}

#c-followDot .c-default {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    opacity: .2;
    box-sizing: border-box;
    z-index: 50000;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot .c-hover {
    position: absolute;
    top: -38px;
    left: -38px;
    width: 80px;
    height: 80px;
    background-color: #bbb;
    border-radius: 50%;
    opacity: .12;
    z-index: 49000;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot.c-active .c-default {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#c-followDot.c-active .c-hover {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
/*=== ����*/

.abnav{
	margin-top: -50px;
	overflow: hidden;
	position: relative;
	z-index: 100;
}
.abnav li{
	width: 20%;
	height: 78px;
	line-height: 78px;
	background: #f1f1f1;
	text-align: center;
	float: left;
}
/* 关于/联系等共用顶栏：项数可变时均分铺满，避免关闭菜单后右侧留白 */
.abnav.yksite-abnav-fill ul{
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: nowrap;
}
.abnav.yksite-abnav-fill > ul > li{
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	float: none;
}
.abnav li .img{
	overflow: hidden;
	font-size: 0;
	float: left;
	margin: 26px 12px 0px 0px;
}
.abnav li .img img:last-child{
	display: none;
}
.abnav li a{
	display: block;
	color: #171717;
	font-size: 20px;
 
	transition: 0s!important;
	-webkit-transition: 0s!important;
}
.abnav li.cur,.abnav li:hover{
	background: #d70000!important;
}
.abnav li.cur .img img:first-child,.abnav li:hover .img img:first-child{
	display: none;
}
.abnav li.cur .img img:last-child,.abnav li:hover .img img:last-child{
	display: block;
}
.abnav li.cur a,.abnav li:hover a{
	color: #fff;
}
#alnav{
	width: 1400px;
	margin: 0px auto;
}
#alnav li{
	width: 16.66%;
}
.alcenter{
	display: inline-block;
}
.al-banner{
	margin-top: 330px;
	margin-bottom: 80px;
}
.al-banner .box{
	width: 1400px;
	margin: 0px auto;
	color: #fff;
}
.al-banner h2{
	font-size: 50px;
	margin: 0px;
	line-height: 80px;
}
.al-banner p{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
#xwnav li{
	background: #fff;
}
.ban-gray{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.4);
}

@media screen and (max-width:1500px) {
    .al-banner .box{width: 1200px;}
    #alnav{width: 1200px;}
    .anliquanping{width: 1200px!important;}
}
/* === animate.css === */
@charset "UTF-8";
.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);
            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);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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);
            transform: translate3d(20px, 0, 0);
  }

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

  100% {
    opacity: 0;
    -webkit-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);
            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);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    opacity: 1;
    -webkit-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);
            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);
            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);
            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);
            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);
            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);
            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);
            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);
            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);
            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;
  }
}

.animated.flip {
  -webkit-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);
            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);
  }
}

.flipInX {
  -webkit-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);
            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);
  }
}

.flipInY {
  -webkit-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);
            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;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-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);
            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;
  }
}

.flipOutY {
  -webkit-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);
            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;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.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);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-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);
            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);
            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);
            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);
  }
}

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

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

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

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

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

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

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

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

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

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

/* === swiper.min.css === */
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* === lanrenzhijia.css === */

 
#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90; border:1px solid #666666; -webkit-box-shadow:0 0 10px #333333;  
  -moz-box-shadow:0 0 20px #333333;  
  box-shadow:0 0 20px #333333;  }
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 12px;text-align: center;font-family: 'microsoft yahei','΢���ź�';;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}
/* === quanping.css === */
.xwb{
	position: absolute;
	bottom: 10%;
	left: 6%;
	color: #fff;
	opacity: 1;
	transition: 0.5s;
}
.xwb h4{
	line-height: 0px;
	font-size: 24px;
	margin-bottom:24px;
	font-weight: normal;
}
.xwb p{
	font-size: 14px;
}

.anliquanping{
	width: 1400px;
	margin: 0px auto;
}
.anliquanping li{
	width: 31%;
	float: left;
	margin-right: 3.5%;
	margin-top: 3%;
}
.anliquanping li:nth-child(3n){
	margin-right: 0px;
}
.anliquanping li .img{
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 8 / 5;
	background: #eee;
}
.anliquanping li .img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	float: none;
	display: block;
	object-fit: cover;
	object-position: center center;
	transition: transform .5s ease;
}
.anliquanping li a:hover .img img{
	transform: scale(1.06);
}
.anliquanping li > a{
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}
.anliquanping li h3,
.anliquanping li p{
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
}
.anliquanping li > a::after{
	content: attr(title);
	position: absolute;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	box-sizing: border-box;
	background: #d70000;
	color: #fff !important;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 4;
	bottom: -48px;
	transition: bottom .3s ease;
	pointer-events: none;
}
.anliquanping li:hover > a::after{
	bottom: 0;
}
.anliquanping li img:hover{
	transform: scale(1.06);
}
/* === bjCss.css === */
/* CSS Document */

.bj_title{
	display:block;
	float:left;
	font-size:18px;
	text-align:center;
	width:149px;
	line-height:58px;
	text-decoration:none;
	border-right:1px solid #eeeeee;
}
.bj_title2,.bj_title2:hover,.bj_title:hover{
	display:block;
	float:left;
	font-size:18px;
	text-align:center;
	width:149px;
	line-height:58px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(bg_02.jpg) center no-repeat;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	border-right:1px solid #eeeeee;
 
}
.taocan_title{
	font-size:32px;
	color:#000000;
	line-height:45px;
	text-align:left;
}
.taocan_titleA{
	border:1px solid #aaaaaa;
	line-height:22px;
	height:22px;
	width:57px;
	color:#828282;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.taocan_titleB{
	color:#424242;
	float:left;
	font-size:14px;
	text-align:center;
	line-height:22px;
	height:22px;
	margin-left:10px;
 
}
.taocan_titleC{
	color:#d9221a;
	float:left;
	text-align:center;
	line-height:22px;
	height:22px;
	margin-left:10px;
	font-size:25px;
	font-weight:bold;
	
 
}
#spanTC{
	font-family:'DINPro-Bold'!important;
}
.yksite-pkg-opts{
	overflow:hidden;
}
.beichuDiv{
	clear:both;
	float:none;
	display:none;
	box-sizing:border-box;
	width:auto;
	max-width:100%;
	margin:10px 0 0 10px;
	padding:6px 12px;
	color:#ff3300;
	text-align:left;
	line-height:1.5;
	height:auto;
	min-height:22px;
	font-size:14px;
	border:1px solid #ff3300;
	background-color:#ffffff;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.taocan_titleD,.taocan_titleD:hover{
	border:1px solid #989898;
	line-height:22px;
	height:22px;
	width:65px;
	color:#989898;
	float:left;
	background-color:#ffffff;
	text-align:center;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration:none;
}

.taocan_titleD-1,.taocan_titleD-1:hover{
	border:1px solid #d9221a;
	line-height:22px;
	height:22px;
	width:65px;
	color:#fff;
	float:left;
	background-color:#d9221a;
	text-align:center;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-decoration:none;
}
.taocan_titleE{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:110px;
	line-height:33px;
	color:#FFFFFF;
	background-color:#d9221a;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
  
}
.taocan_titleE:hover{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:110px;
	line-height:33px;
	color:#FFFFFF;
	background-color:#ca1811;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
}
.taocan_titleF{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:108px;
	line-height:31px;
	color:#666666;
	background-color:#ffffff;
	border:1px solid #666666;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	margin-left:10px;
 
}
.taocan_titleF:hover{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:108px;
	line-height:31px;
	color:#FFFFFF;
	background-color:#585858;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	margin-left:10px;
 
}
.taocan_titleH-1{
	border:1px solid #d51419;
	line-height:22px;
	height:22px;
	width:22px;
	color:#ffffff;
	float:left;
	background-color:#d51419;
	text-align:center;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	font-weight:bold;
}
.taocan_titleH-2{
	line-height:22px;
	height:22px;
	color:#252525;
	float:left;
	text-align:left;
	font-size:22px;
	margin-left:12px;
 
}


.taocan_titleG{
	padding:0px;
	margin:0px;
	margin-left:30px;
	color:#666666;
	line-height:28px;
	 font-size:14px;
}
.taocan_titleI
{
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:15px;
}
.taocan_titleI-1
{
	font-size:18px;
	color:#FFFFFF;
}

.taocan_titleI-2
{
	font-size:15px;
	color:#FFFFFF;
	line-height:27px;
}
.taocan_titleo{
	 
	line-height:38px;
	height:38px;
	width:500px;
	color:#ffffff;
	font-size:16px;

	background-color:#313232;
	text-align:center;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	margin:0 auto;
		margin-top:25px;
 
}
.taocan_titlel,.taocan_titlel:hover{
	
		line-height:26px;
		height:26px;
		width:136px;
		color:#4c4c4c;
		font-size:14px;
		background-color:#e5e5e5;
		text-align:center;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		text-align:center;
		float:left;
		margin-right:15px;
		text-decoration:none;
}
 
.taocan_titlep,.taocan_titlep:hover{
		line-height:26px;
		height:26px;
		width:136px;
		color:#ffffff;
		font-size:14px;
		background-color:#e60012;
		text-align:center;
		-webkit-border-radius: 26px;
		-moz-border-radius: 26px;
		text-align:center;
		float:left;
		margin-right:15px;text-decoration:none;
}

.daohangbjDiv{
	width:100%; height:58px; background:url(bg_04.jpg) repeat-x;
}
.daohangbjDiv2{
		width:100%; height:58px; background:url(bg_04.jpg) repeat-x;
		position:fixed;
		top:0px;
		left:0px;
		margin:0px;
		padding:0px;
		-webkit-box-shadow:0 0 16px #b7b7b7;  
		-moz-box-shadow:0 0 16px #b7b7b7;  
		box-shadow:0 0 16px #b7b7b7;  
		z-index:9999;
}

.fdimg{
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}

.aliClass:hover .fdimg{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
 
}
.aliClass{
	width:277px;
	float:left;
	background-color:#eeeeee;
	border:4px solid #ffffff;
	margin-right:20px;
	margin-bottom:30px;
}
.aliClass:hover{
	width:277px;
	float:left;
	background-color:#d51419;
	border:4px solid #d51419;
margin-right:20px;
	margin-bottom:30px;
}
.aliClass img{
	width:277px;
 
}
.aliClass a{
	width:277px;
	text-align:center;
	font-size:16px;
	display:block;
	line-height:45px;
}
.aliClass:hover a{
	width:277px;
	text-align:center;
	font-size:16px;
	display:block;
	line-height:45px;
	color:#ffffff;
	text-decoration:none;
}
.taocan_titlek{
		line-height:48px;
		height:48px;
		width:260px;
		color:#ffffff;
		font-size:16px;
		background-color:#ababab;
		text-align:center;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		margin:0 auto;
		margin-top:15px;
		display:block;
		margin-bottom:35px;
		
}
.taocan_titlek:hover{
		line-height:48px;
		height:48px;
		width:260px;
		color:#ffffff;
		font-size:16px;
		background-color:#737373;
		text-align:center;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		margin:0 auto;
		margin-top:15px;
		display:block;
		margin-bottom:35px;
		text-decoration:none;
		
}
.indexNewA-c{
	font-size:16px;
	color:#898989;
}
.cuxiaoClass{
	width:20px;
	height:25px;
	background-color:#ff6600;
	float:left;
	margin-top:4px;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:25px;
	font-weight:bold;
}
.cuxiaoClass2{
	width:20px;
	height:25px;
	background-color:#01cdff;
	float:left;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:25px;
	font-weight:bold;
}
.haowangzhan{
	line-height:28px;
		height:28px;
		width:150px;
		color:#333333;
		font-size:16px;
		background-color:#ffffff;
		text-align:center;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		margin:0 auto;
		margin-top:15px;
		display:block;
		margin-bottom:35px;
		text-decoration:none;
}
.haohaojz{
	
	line-height:45px;
		height:45px;
		width:320px;
		color:#000000;
		font-size:20px;
		text-align:center;
		background-color:#fff600;
		float:left;
		-webkit-border-radius: 48px;
		-moz-border-radius: 48px;
		margin:0 auto;
		margin-top:15px;
		display:block;
		margin-bottom:35px;
		text-decoration:none;
		display:block;
}
.tablepp{
	background-color:#tablepp;
}
.lanmuDiva{
		width:162px; 
		float:left; 
		text-align:center; 
		line-height:22px; 
		font-size:16px;
		margin-bottom:20px;
		margin-top:10px;
		padding-bottom:20px;
	}
	.lanmuDiva:hover img{
		transform: rotateY(360deg);
		transition: 0.9s;
	}
	.lanmuDiva:hover{
		width:162px; 
		float:left; 
		text-align:center; 
		line-height:22px; 
		font-size:16px;
		margin-bottom:20px;
		margin-top:10px;
			padding-bottom:20px;
		-webkit-box-shadow:0 0 26px #d2d2d2;  
		-moz-box-shadow:0 0 26px #d2d2d2;  
		box-shadow:0 0 26px #d2d2d2;  
		z-index:9999;
	}
.taocan_H5{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:150px;
	line-height:33px;
	color:#ffffff;
	background-color:#555555;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	margin-left:10px;
	cursor:help;
 
}
.taocan_H5:hover{
	display:block;
	float:left;
	font-size:14px;
	text-align:center;
	width:150px;
	line-height:33px;
	color:#FFFFFF;
	background-color:#222222;
	text-decoration:none;
	transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	margin-left:10px;
	cursor:help;
 
}
 .tc_box{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.8);display: none; z-index:100000004}
.tc_video{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 50%;display: none; z-index:100000005; border:7px solid #fafafa;}
/* === wangzg.css === */
*{margin: 0;padding: 0;font-family: 'Microsoft YaHei','微软雅黑';}
ul{padding: 0px;}
li{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: none;}

.wzgone{
	width: 100%;
	height: 750px;
	background: url(../img/wzg_gwz.jpg)center no-repeat;
	padding-top: 50px;
}
.wzgbox{
	width: 1200px;
}
.wzgone h1{
	font-size: 40px;
	text-align: center;
	font-weight: normal;
}
.wzgone ul li{
	width: 240px;
	height: 85px;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	padding: 20px;
	line-height: 26px;
}
.wzgone ul{
	width: 280px;
}
.wzul_1{
	float: left;
	margin-left: 40px;
}
.wzul_2{
	float: left;
	margin-left: 140px;
	margin-top: 490px;
}
.wzul_3{
    float: right;
    margin-right: 40px;
}
.wz1li1{
	background: #44b088;
	margin-top: 60px;
}
.wz1li2{
	background: #e93257;
	margin-top: 70px;
}
.wz1li3{
	background: #f76c17;
	margin-top: 60px;
}
.wz1li4{
	background: #9c55c7;
	margin-top: 70px;
}
.wz1li5{
	background: #4490b0;
}
.wzgtwo{
	width: 100%;
	height: 580px;
	background: url(../img/qy_tgimg.jpg)center no-repeat;
	padding-top: 120px;
}
.wzgtext{
	width: 730px;
	float: left;
	overflow: hidden;
}
.wzgtwo h1{
	font-size: 40px;
	font-weight: normal;
}
.wzg2ul{
	background: url(../img/jtimg.png)left no-repeat;
	padding-left: 60px;
	height: 315px;
	padding-top: 28px;
	margin-top: 40px;
}
.wzg2ul li{
	font-size: 24px;
	line-height: 42px;
}
.wzgthree{
	width: 1200px;
	padding-top: 60px;
	overflow: hidden;
}
.wzgthree h1{
	font-weight: normal;
	font-size: 40px;
	text-align: center;
}
.wzgthree ul li{
    width: 370px;
    height: 225px;
    /*background: #d51419;*/
    background: #cb1a1a;
    border-bottom: 10px #a70c0c solid;
    float: left;
    margin: 66px 15px 50px 15px;
    text-align: center;
    color: #fff;
    padding-top: 25px;
}
.wzgthree ul li h3{
	font-size: 32px;
	font-weight: normal;
	margin: 16px 0px;
}
.wzgthree ul li p{
	font-size: 20px;
}
.wzgfour{
	width: 100%;
	height: 650px;
	background: url(../img/tg_wzgx.jpg)center no-repeat;
	text-align: center;
	color: #fff;
	padding-top: 100px;
}
.wzgfour h1,.wzgfive h1{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 20px;
}
.wzgfour p,.wzgfive p{
	font-size: 24px;
}
.wzgfour img{
	margin-top: 90px;
}
.wzgfive{
	width: 100%;
	height: 700px;
	background: url(../img/ban09.png)center no-repeat;
	text-align: center;
	padding-top: 100px;
}
.wzgfive img{
	margin-top: 70px;
}
.wzgsix{
	width: 100%;
	height: 750px;
	background: url(../img/tg_banimg.jpg)center no-repeat;
}
.wzg6l{
	float: left;
	margin-top: 270px;
}
.wzg6l h1{
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 40px;
}
.wzg6l p{
	font-size: 24px;
	line-height: 40px;
}
.wzg6r{
	float: right;
	margin-top: 200px;
}
.wzgseven{
	width: 100%;
	height: 800px;
	background: url(../img/tg_lybg.jpg)center no-repeat;
}
.wzgseven .wzg6l{
	float: right;
	margin-top: 200px;
	margin-right: 50px;
}
.wzgeight{
	width: 100%;
	height: 800px;
	background: #00c76c;
	color: #fff;
}
.wzgeight .wzg6r{
	margin-top: 120px;
}
.wzgnine{
	width: 100%;
	height: 830px;
	background: #f8f8f8;
}
.wzgnine .wzg6l{
	float: right;
	margin-right: 50px;
}
.wzgnine .wzg6r{
	float: left;
	margin-top: 130px;
}
#wzgyxx{
	background: #fff;
}
#wzgyxx p{
	font-size: 18px;
}
#wzgyxx span{
	font-size: 24px;
	color: #d51419;
	line-height: 50px;
}
#wzgyxx .wzg6l img{
	margin-top: 20px;
}
#wzgyxx .wzg6l{
	margin-top: 150px;
}
#wzgyxx .wzg6r{
	margin-top: 130px;
}
#wzgjj{
	background: #e2604a;
}
#wzgjj p{
	font-size: 22px;
}
#wzgjj .wzg6l{
	width: 539px;
	margin-right: 0px;
	margin-top: 230px;
	color: #fff;
}
#wzgjj .wzg6r{
	margin-top: 180px;
}
.wzgtable{
	width: 1200px;
	height: 840px;
	padding: 55px 10px;
}
.wzgtable h1{
	font-size: 40px;
	font-weight: normal;
	text-align: center;
}
.wzgtable table{
	width: 740px;
	border-spacing: 0;
	border-top: 1px #d3d3d3 solid;
	float: left;
	margin-top: 100px;
}
.wzgtable table td{
	border-left: 1px #d3d3d3 solid;
	border-bottom: 1px #d3d3d3 solid;
	width: 365px;
	height: 75px;
	text-align: center;
}
.wzgtabler{
	width: 460px;
	height: 715px;
	float: right;
	background: #d51419;
	margin-top: 60px;
	box-shadow: 0px 0px 10px #888888;
	color: #fff;
	text-align: center;
}
.wzgtabler h2{
	font-size: 32px;
	font-weight: normal;
	border-bottom: 1px solid #bf1c21;
	padding: 40px 0px 43px 0px;
	margin-bottom: 170px;
}
.wzgtabler p{
	font-size: 32px;
	line-height: 50px;
}
.wzgwhy{
	width: 100%;
	background: #f8f8f8;
	padding: 60px 0px;
}
.wzgwhy h1{
	font-size: 48px;
	font-weight: normal;
	text-align: center;
}
.wzgwhy ul{
	width: 1200px;
	overflow: hidden;
	margin-top: 20px;
}
.wzgwhy ul li{
	width: 350px;
	float: left;
	margin: 0px 25px;
	margin-top: 60px;
}
.wzgwhy ul li img{
	float: left;
	margin-right: 20px;
}
.wzgwhy ul li h3{
	font-weight: normal;
	font-size: 24px;
	margin-top: 20px;
}
.wzgwhy ul li p{
	margin-top: 26px;
	color: #555;
	font-size: 18px;
}

/* === shangbiao.css === */
.sh_banner{
	background: url(../img/sb_banner.jpg)center top no-repeat;
	box-sizing: border-box;
	padding-top: 470px;
}
.sh12{
	width: 1200px;
	margin: 0px auto;
}
.sh_search{
	height: 260px;
	background: #fff;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.14);
	border-radius: 5px;
	overflow: hidden;
}
.sh_search h2{
	margin-top: 29px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    text-align: center;
}
.sh_search .form{
	width: 872px;
    height: 58px;
    margin: 23px auto 0;
    background-color: #fdfdff;
    box-shadow: 0px 0px 8px 0px rgba(5,5,5,0.1);
    border-radius: 2px;
    overflow: hidden;
}
.sh_search .form input{
	width: 687px;
    height: 58px;
    padding-left: 15px;
    font-size: 18px;
    border: none;
    outline: none;
    float: left;
}
.sh_search .form a{
	display: inline-block;
    width: 170px;
    height: 58px;
    background-color: #ff4d48;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 58px;
    text-align: center;
}
.sh_search .form a i{
	display: inline-block;
    width: 17px;
    height: 8px;
    margin-left: 7px;
    background: url(../img/sbfw/icon_arrow.png) left top no-repeat;
    vertical-align: middle;
}
.slideBox{width:700px;height: 20px;position:relative;overflow: hidden;margin: 20px auto;}
.slideBox .bd{width: 100%;height: 20px;overflow: hidden;}
.slideBox .bd li{
	width: 100%;
	height: 20px;
	line-height: 20px;
	float: left;
}
.slideBox .bd li span{
	display: block;
	width: 50%;
	float: left;
	line-height: 20px;
	font-size: 14px;
	color: #999;
}
.slideBox .bd li span:before{
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #bfbfbf;
	float: left;
	margin: 8px 10px 0px 0px;
}
.sh_fenlei{
	width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    background-color: #f6f6fa;
    overflow: hidden;
    margin-top: 30px;
}
.sh_fenlei li{
	width: 25%;
	height: 16px;
	float: left;
	text-align: center;
	border-right: 1px rgba(0,0,0,0.11) solid;
	box-sizing: border-box;
	font-size: 16px;
}
.sh_fenlei li a{
	display: block;
	line-height: 16px;
	color: #666;
}
.sh_fenlei li a:hover{
	color: #ff4d48;
}
.sh_fenlei li a:after{
	content: "";
	display: inline-block;
	width: 15px;
    height: 15px;
    background: url(../img/sbfw/icon_video.png)0 0;
    margin-left: 10px;
    vertical-align: bottom;
}
.sh_fenlei li a:hover:after{
	background: url(../img/sbfw/icon_video.png)0 15px;
}
.sh_tan{
	position: fixed;
    width: 482px;
    left: 50%;
    top: 50%;
    margin-left: -241px;
    margin-top: -200px;
    padding: 12px 0px 35px 0px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 200;
    display: none;
}
.sh_zz{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.5);
	display: none;
	z-index: 100;
}
.sh_tan form{
    width: 380px;
    margin: 0 auto;
}
.sh_tan input{
	width: 380px;
    height: 46px;
    padding-left: 10px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #dcdcdc;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
}
.sh_tan h2{
	text-align: center;
	font-size: 24px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 45px;
}
.form-item{
	position: relative;
	margin-top: 25px;
}
.form-item font{
	color: red;
	position: absolute;
    top: 16px;
    left: -14px;
    font-size: 18px;
    line-height: 1;
}
.sh_tan button{
    width: 270px;
    height: 52px;
    background-color: #ff4d48;
    border-radius: 26px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #ffffff;
    line-height: 52px;
    text-align: center;
    outline: none;
    border: none;
    cursor: pointer;
}
.form-btn{
	text-align: center;
	margin-top: 20px;
}
.sh_tan .close{
	width: 16px;
	height: 16px;
	background: url(../img/sbfw/close.png);
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
.sh_tishi{
	font-size: 14px;
    line-height: 22px;
    color: red;
    margin-left: 10px;
    margin-top: 4px;
    height: 22px;
}
.sh_tan input::-webkit-input-placeholder{
    color: #b1b1b1;
}
.sh_bg{
	background: #f5f7fd;
	overflow: hidden;
	padding-bottom: 70px;
}
.sh_title{
	margin-top: 80px;
    margin-bottom: 50px;
    line-height: 1;
    text-align: center;
}
.sh_title h2{
	font-size: 40px;
    color: #191919;
    margin: 0px;
}
.sh_title p{
	margin-top: 20px;
    font-size: 18px;
    color: #999999;
}
.sh_wenti ul{
	height: 280px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.sh_wenti ul li{
	float: left;
    margin-right: 13px;
    width: 280px;
    height: 240px;
    background-color: #f5f7fd;
    border-radius: 6px;
    overflow: hidden;
}
.sh_wenti ul li:last-child{
	margin-right: 0px;
}
.sh_wenti ul li h2{
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #333;
    text-align: center;
}
.sh_wenti ul li a{
	display: block;
    margin: 20px auto 0;
    width: 140px;
    height: 36px;
    background-color: #ff4d48;
    border-radius: 18px;
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    opacity: 0;
    transition: .5s;
}
.sh_wenti ul li .cont{
	transition: .5s;
}
.sh_wenti ul li:hover .cont{
	transform: translateY(-50px);
}
.sh_wenti ul li:hover .cont a{
	opacity: 1;
}
.sh_zhuce{
	overflow: hidden;
	padding-bottom: 10px;
}
.slideBox2 .bd li{
	width: 285px;
	height: 460px;
	background: #fff;
	text-align: center;
	float: left;
	margin-right: 20px;
	transition: .5s;
}
.slideBox2 .bd li img{
	margin: 50px 0px 28px 0px;
}
.slideBox2 .bd li .sh_b h2{
	font-size: 24px;
	color: #333;
	margin: 0 auto 14px;
}
.slideBox2 .bd li .sh_b p{
	font-size: 14px;
    color: #999;
    line-height: 24px;
    padding: 0 5px;
}
.slideBox2 .bd li .sh_price{
    width: 160px;
    margin: 90px auto 0px;
}
.slideBox2 .bd li .sh_price p{
	line-height: 40px;
	background: #E63917;
	color: #fff;
	font-size: 30px;
	font-family: 'DINPro-Bold';
}
.slideBox2 .bd li .sh_price p font{
	font-size: 16px;
	margin-left: 2px;
}
.slideBox2 .bd li .sh_price span{
	display: block;
	height: 40px;
    line-height: 40px;
    text-align: center;
    background: #e6e6e6;
    font-size: 14px;
    color: #666;
    border-radius: 0 0 3px 3px;
}
.slideBox2 .bd li a{
	display: block;
}
.slideBox2 .bd li:hover img{
	transform: rotateY(360deg);
	transition: .8s;
}
.slideBox2{height: 510px;overflow:hidden;position:relative;}
.slideBox2 .bd{ position:relative;height:100%;overflow: hidden;}
.slideBox2 .hd{ width: 100%;overflow:hidden; position:absolute;bottom:0px;text-align:center;}
.slideBox2 .hd ul{overflow:hidden; display:inline-block;}
.slideBox2 .hd ul li{width:35px;height:4px;float:left; margin: 0px 6px; background:#ccc;cursor:pointer;border-radius: 2px;}
.slideBox2 .hd ul li.on{background: #ff4d48;}

.sh_lei{
	background: url(../img/sbfw/bg.jpg) center top no-repeat;
	margin-top: 60px;
	overflow: hidden;
}
.sh_lei .sh_title h2{
    color: #fff;
}
.sh_lei .sh_title p{
	color: #ccc;
}
.sh_col{
    width: 120px;
    float: left;
    border-left: 1px solid #d9d9d9;
    box-sizing: border-box;
    position: relative;
    background: #fff;
}
.sh_col .item{
	position: relative;
    width: 120px;
    height: 180px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}
.item_title{
	padding-top: 58px;
}
.item_title .img{
	width: 30px;
	height: 30px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.item_title h2{
	font-size: 16px;
    line-height: 1;
    margin-top: 12px;
    color: #333333;
    text-align: center;
}
.item_tab{
	position: absolute;
    width: 360px;
    height: 360px;
    opacity: 0;
    z-index: -1;
    padding-top: 25px;
    padding-left: 15px;
    box-sizing: border-box;
    left: 120px;
}
.sh_col.active .item.cur .item_tab{
	z-index: 1;
	opacity: 1;
	background: #ff4d48;
}
.sh_col .item.cur{
	background: #ff4d48;
}
.sh_col.active{
	width: 480px;
}
.sh_col .item:last-child{
	border-bottom: none;
}
.sh_col .item:first-child .item_tab{
	top: 0px;
}
.sh_col .item:last-child .item_tab{
    bottom: 0px;
}
.sh_col .item.cur .img{
	background-position: 0px 30px;
}
.sh_col .item.cur .item_title h2{
	color: #fff;
}


.canyin{
	background-image: url(../img/sbfw/icon_11.png);
}
.shipin{
	background-image: url(../img/sbfw/icon_12.png);
}
.fuzhuang{
	background-image: url(../img/sbfw/icon_13.png);
}
.sheying{
	background-image: url(../img/sbfw/icon_14.png);
}
.zhubao{
	background-image: url(../img/sbfw/icon_15.png);
}
.dianqi{
	background-image: url(../img/sbfw/icon_16.png);
}
.lvyou{
	background-image: url(../img/sbfw/icon_17.png);
}
.nengyuan{
	background-image: url(../img/sbfw/icon_18.png);
}
.huazhuang{
	background-image: url(../img/sbfw/icon_19.png);
}
.jixie{
	background-image: url(../img/sbfw/icon_20.png);
}
.hulian{
	background-image: url(../img/sbfw/icon_21.png);
}
.dianzi{
	background-image: url(../img/sbfw/icon_22.png);
}
.jiaju{
	background-image: url(../img/sbfw/icon_23.png);
}
.gengduo{
	background-image: url(../img/sbfw/icon_24.png);
}

.item_tab .box{
    margin-bottom: 24px;
}
.item_tab .box h4{
	font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
}
.item_tab .box p{
	width: 285px;
    margin-top: 14px;
    margin-left: 13px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}
.item_tab .box p span{
    display: inline-block;
    width: 80px;
    margin-right: 15px;
}
.item_tab .btn{
	display: block;
    width: 150px;
    height: 36px;
    margin-left: 10px;
    margin-top: -10px;
    background-color: #ffffff;
    border-radius: 17px;
    font-size: 16px;
    font-weight: bold;
    color: #ff4d48;
    line-height: 36px;
    text-align: center;
}
.item_tab .img-box{
	position: absolute;
    width: 140px;
    height: 140px;
    right: 10px;
    bottom: 10px;
}
.item_tab em{
	font-style: normal;
    font-weight: normal;
}
.item_tab ul li{
	float: left;
    margin-left: 18px;
    margin-right: 18px;
    margin-bottom: 32px;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
}
.item_tab ul li a{
	color: #fff;
}
.item_tab ul li img{
	width: 22px;
    height: 22px;
    margin-right: 6px;
    vertical-align: middle;
}
.sh_liu{
	overflow: hidden;
}
.sh_white{
	background: #fff;
}
.sh_apply{
	overflow: hidden;
}
.shappl{
	width: 524px;
	float: left;
}
.shapplb{
	width: 156px;
    height: 49px;
    background-image: linear-gradient(90deg, #5cbaff 0%, #2f84ff 100%);
    border-radius: 0px 0px 16px 0px;
    overflow: hidden;
    font-size: 18px;
    line-height: 49px;
    color: #fff;
}
.shapplb img{
    vertical-align: top;
    width: 23px;
    height: 23px;
    margin-left: 14px;
    margin-top: 13px;
    margin-right: 9px;
}
.shappl .cont{
	padding: 39px 43px 40px 44px;
    width: 370px;
    margin-left: 31px;
    margin-top: 30px;
    background-color: #f5f7fd;
    border-radius: 4px;
    border: solid 1px #eceef9;
    overflow: hidden;
}
.shappr{
	width: 675px;
	float: right;
}
.shappr .cont{
	width: 647px;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 54px;
    background-color: #f1f8ff;
    border-radius: 4px;
    border: solid 1px #e8eef3;
    overflow: hidden;
    text-align: center;
}
.shappr .cont h3{
	font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #333;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}
.shappr .cont h3 span{
	font-size: 26px;
    vertical-align: top;
}
.shappr .step{
	width: 400px;
	margin: 0 auto;
}
.shappr .step span{
	float: left;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    color: #666;
}
.shappr .step span:first-child{
	margin-left: 22px;
}
.shappr .step span:last-child{
	float: right;
	margin-right: 22px;
}
.sh_remen{
	width: 1142px;
    margin: 30px auto 0;
    border-top: 1px dashed #eeeeee;
    padding-top: 28px;
    padding-bottom: 20px;
    overflow: hidden;
}
.sh_rml{
	float: left;
	overflow: hidden;
	margin-left: 10px;
    margin-right: 48px;
}
.sh_rml h2{
	padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    background: url(../img/sbfw/icon_title.png) 2px center no-repeat;
    overflow: hidden;
    margin: 0px;
}
.sh_rml .cont{
	width: 320px;
	margin-top: 24px;
    overflow: hidden;
}
.sh_rml .cont a{
	display: block;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding-left: 15px;
    font-size: 14px;
    line-height: 42px;
    color: #333;
    float: left;
    margin-right: 10px;
    width: 133px;
}
.sh_rml .cont a i{
	width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    background-position: 0px 0px;
}
.icon-01{
	background-image: url(../img/sbfw/icon_01.png);
}
.icon-02{
	background-image: url(../img/sbfw/icon_02.png);
}
.icon-03{
	background-image: url(../img/sbfw/icon_03.png);
}
.icon-04{
	background-image: url(../img/sbfw/icon_04.png);
}
.icon-05{
	background-image: url(../img/sbfw/icon_05.png);
}
.icon-06{
	background-image: url(../img/sbfw/icon_06.png);
}
.sh_rml .cont a:hover{
	border: 1px #ff4d48 solid;
	color: #ff4d48;
}
.sh_rml .cont a:hover i{
	background-position: 0px 18px;
}
.sh_remen .em{
    width: 0;
    height: 110px;
    margin-top: 54px;
    border-left: 1px dashed #e5e5e5;
    float: left;
}
.sh_rmc{
	float: left;
	overflow: hidden;
	margin-left: 51px;
    margin-right: 55px;
}
.sh_rmc h2{
	padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    background: url(../img/sbfw/icon_title.png) 2px center no-repeat;
    overflow: hidden;
    margin: 0px;
}
.sh_rmc .cont{
	margin-top: 24px;
    overflow: hidden;
}
.sh_rmc .cont a{
	width: 193px;
	display: block;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding-left: 15px;
    font-size: 14px;
    line-height: 42px;
    color: #333;
}
.sh_rmc .cont a i{
	width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    background-position: 0px 0px;
}
.icon-07{
	background-image: url(../img/sbfw/icon_07.png);
}
.icon-08{
	background-image: url(../img/sbfw/icon_08.png);
}
.icon-09{
	background-image: url(../img/sbfw/icon_09.png);
}
.sh_rmc .cont a:hover{
	border: 1px #ff4d48 solid;
	color: #ff4d48;
}
.sh_rmc .cont a:hover i{
	background-position: 0px 16px;
}
.questions{
	width: 404px;
    margin-left: 42px;
    float: left;
    overflow: hidden;
}
.questions h4{
	margin: 0px;
	padding-left: 16px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #333;
    background: url(../img/sbfw/icon_title.png) 2px center no-repeat;
    overflow: hidden;
}
.questions .dot{
    float: right;
    margin-right: 2px;
    overflow: hidden;
}
.questions .dot em{
	float: left;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    font-size: 12px;
    color: #999;
    line-height: 15px;
    text-align: center;
    background-color: #e6e6e6;
    border-radius: 2px;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
}
.questions .dot em.cur{
	background-color: #ff4d48;
    color: #fff;
}
.sh_wrap{
	width: 384px;
    height: 172px;
    margin-top: 14px;
    overflow: hidden;
}
.sh_wrap li{
	float: left;
	display: none;
}
.sh_wrap li:first-child{
	display: block;
}
.sh_wrap li p i{
    display: inline-block;
    width: 28px;
    height: 20px;
    margin-right: 8px;
    font-size: 12px;
    line-height: 16px;
    background: url(../img/sbfw/icon_10.png) 0 0 no-repeat;
    color: #fff;
    font-style: normal;
    text-align: center;
}
.sh_wrap li p span{
	display: inline-block;
    width: 348px;
    font-size: 14px;
    line-height: 42px;
    color: #666666;
    border-bottom: 1px dashed #ededed;
}
.sh_wrap li a:hover i{
	color: #ff4d48;
    background-position: 0 -20px;
}
.sh_wrap li a:hover span{
	color: #ff4d48;
}
.sh_fwl h2{
	margin-top: 60px;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
}
.sh_fuwu{
	overflow: hidden;
}
.sh_fwl{
	width: 240px;
    height: 520px;
    margin: 0 10px;
    padding-left: 40px;
    border-radius: 4px;
    background: url(../img/sbfw/bg_brand.png) center no-repeat;
    float: left;
}
.sh_fwl h2 i{
	margin-right: 7px;
	display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../img/sbfw/icon_service.png) 0 0 no-repeat;
    vertical-align: top;
	background-position: 0 0;
}
.sh_fwl p{
	margin-top: 12px;
    color: #fff;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
}
.sh_fwl .btn{
	display: block;
    width: 140px;
    height: 36px;
    margin-top: 28px;
    background-color: #ff4d48;
    border-radius: 17px;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}
.sh_fwr{
	width: 900px;
	float: right;
    overflow: hidden;
}
.sh_fwr ul{
	margin-top: -10px;
    overflow: hidden;
}
.sh_fwr li{
	float: left;
    width: 280px;
    height: 160px;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
.sh_fwr li .box{
	padding-left: 30px;
    transition: all .5s;
    overflow: hidden;
}
.sh_fwr li h3{
    margin-top: 30px;
    font-size: 16px;
    color: #676767;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 0px;
}
.sh_fwr li p{
	margin-top: 6px;
    color: #999999;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
} 
.sh_fwr li .btn-box{
	opacity: 0;
    margin-top: 6px;
    transition: all .1s;
}
.sh_fwr li .btn-box .btn{
	display: inline-block;
    font-size: 14px;
	width: 88px;
    height: 28px;
    border-radius: 14px;
    border: solid 1px #ff4d48;
    color: #ff4d48;
    line-height: 28px;
    text-align: center;
    margin-right: 20px;
}
.sh_fwr li .btn-box .btn:hover{
	background: #ff4d48;
	color: #fff;
}
.sh_fwr li .btn-box .txt{
	color: #ff4d48;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
}
.sh_fwr li h3 i{
	margin-right: 10px;
	display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../img/sbfw/icon_service.png);
    vertical-align: top;
}
.icon-logo{
    background-position: -36px 0;
}
.icon-fushen{
    background-position: -72px 0;
}
.icon-xuzhan{
    background-position: 0 -36px;
}
.icon-biangeng{
    background-position: -36px -36px;
}
.icon-xianzhi{
    background-position: -72px -36px;
}
.icon-yiyi{
    background-position: 0 -72px;
}
.icon-chesan{
    background-position: -36px -72px;
}
.icon-zhuce{
    background-position: -72px -72px;
}
.advisory a{
	display: block;
    width: 86px;
    margin: 56px auto 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #676767;
    text-decoration: underline;
}
.advisory a i{
	display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-left: 6px;
    background: url(../img/sbfw/icon_more.png) 0 0 no-repeat;
    vertical-align: top;
}
.advisory p{
	margin-top: 6px;
    color: #999999;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.sh_fwr li:hover .box{
    margin-top: -13px;
} 
.sh_fwr li:hover .btn-box{
    opacity: 1;
}
.advisory a:hover{
	color: #ff4d48;
}
.advisory a:hover i{
	background-position: 0px -16px;
}
.slideBox3{ width:100%;position:relative;margin-top: 25px;}
.slideBox3 .bd{ position:relative;height:100%;overflow: hidden;height: 360px;}
.slideBox3 .prev{width:16px;height:42px;display:block;background:url(../img/sbfw/jt_06.png);position:absolute;top:50%;left:-60px;transform: translateY(-50%);}
.slideBox3 .next{width:16px;height:42px;display:block;background:url(../img/sbfw/jt_03.png);position:absolute;top:50%;right:-60px;transform: translateY(-50%);}
.slideBox3 .bd li{
	width: 224px;
	float: left;
	margin-right: 20px;
}
.slideBox3 .bd li .img{
	width: 224px;
	height: 320px;
	overflow: hidden;
	border: 2px #e6e6e6 solid;
	border-radius: 10px;
	box-sizing: border-box;
}
.slideBox3 .bd li img{
	width: 220px;
	height: 316px;
	transition: .5s;
}
.slideBox3 .bd li p{
	font-size: 18px;
	color: #333;
	margin-top: 15px;
	text-align: center;
}
.slideBox3 .bd li:hover img{
	transform: scale(1.05);
} 
.slideBox3 .bd li:hover p{
	color: #ff4d48;
}
/* === css1.css === */
 
ul{margin: 0; padding: 0px;}
li{list-style: none;}
a{text-decoration: none;color: #000;}

.bz_box{
   width: 100%;
   background: #f4f4f4;
   overflow: hidden;
   padding-bottom: 30px;
	padding-top:20px;
}
.bz_b{
	width: 100%;
	overflow: hidden;
	background: #f4f4f4;
	text-align: center;

}
.dingwei{
    box-shadow: 0 0 5px #aaa;
	position: fixed;
	top: 0px;
	left: 0px;
}
.bz_b ul{
	width: 1200px;
	display: inline-block;
	padding: 15px 0px;
}
.bz_b ul li img{
	width: 54px;
	float: left;
	margin-right: 15px;
	margin-left: 20px;
}
.bz_b ul .curr a{
	color: #d51419;
}
.bz_b ul li{
    width: 300px;
    height: 62px;
    float: left;
    font-size: 22px;
    line-height: 62px;
    text-align: left;
}
.bz_b ul li:hover a{
	color: #d51419;
}
.bz_white{
	width: 1060px;
	padding: 20px 70px 50px 70px;
	background: #fff;
	margin-bottom: 50px;
	overflow: hidden;
	margin-top:20px;
}
.bztitle{
	width: 100%;
	font-size: 28px;
	line-height: 100px;
	border-bottom: 1px solid #f4f4f4;
	text-align: center;
	margin-bottom: 50px;
	color: #333;
	font-weight:bold;
}
.bztitle span{
	width: 100px;
    height: 1px;
    background-color: #d51419;
    margin: 0 auto;
    display: block;
}
.bail{
	float: left;
}
.bair{
	width: 840px;
	overflow: hidden;
	float: right;
}
.bair h3{
	font-size: 16px;
	color: #666;
	font-weight: normal;
}
.bzlc{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 50px;
}
.bzlc .lc{
	float: left;
    width: 76px;
    height: 50px;
    padding: 13px 0;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    border: 2px solid #e7e7e7;
    border-radius: 100%;
    color: #d51419;
}
.bzlc .xian{
	background: url(../img/xian.jpg) no-repeat right center;
    width: 100px;
    height: 80px;
    float: left;
    margin: 0 5px;
}
.bzlc strong{
	font-size: 32px;
    line-height: 26px;
    display: block;
}
.baiul li{
	font-size: 16px;
	color: #666;
	overflow: hidden;
	line-height: 30px;
	margin-bottom: 10px;
}
.baiul li span{
	width: 40px;
	display: block;
	float: left;
}
.baiul li p{
	width: 790px;
	float: right;
	margin: 0 auto;
}
.baiul{
	overflow: hidden;
	margin-bottom: 40px;
}
.bzts{
	font-size: 12px;
    color: #7c7c7c;
    line-height: 26px;
    margin-top: 50px;
}
.bzts h3{
	margin-bottom: 30px;
}
.ywj ul li{
	width: 360px;
    float: left;
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 25px;
    display: block;
}
.ywj ul{
	overflow: hidden;
}
.ywj ul li .icon2{
	width: 37px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/icon-all2.png) no-repeat;
    margin-right: 10px;
}
.ywj ul li .ic1{
	background-position: 0 0;
}
.ywj ul li .ic3{
	background-position: -46px 0;
}
.ywj ul li .ic4{
	background-position: -46px -50px;
}
.ywj ul li .ic5{
	background-position: -46px -150px;
}
.ywj ul li .ic6{
	background-position: 0 -200px;
}
.ywj ul li .ic7{
	background-position: -46px -200px;
}
.bzxy{
	margin: 50px 0;
    overflow: hidden;
}
.bzx{
	width: 420px;
    text-align: center;
    float: left;
}
.bzx h4{
	font-size: 22px;
    line-height: 56px;
    font-weight: normal;
    margin: 0 auto;
}
.bzx span{
	font-size: 18px;
    line-height: 38px;
}
.bzx a{
	width: 150px;
    height: 36px;
    background-color: #d51419;
    line-height: 36px;
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 15px auto 0;
    border-radius: 10px;
    transition: all .5s;
}
.bzx a:hover{
	background: #000;
}
.bzx b{
	font-size: 22px;
    color: #d51419;
    display: block;
    margin-top: 15px;
    line-height: 36px;
}
/* === style.css === */
ul{padding: 0px;}
li{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: none;}
div{
	margin:0 auto;
}

.seoone{
	width: 1200px;
	overflow: hidden;
	margin-top: 108px;
}
.seotitle1{
	width: 1200px;
	background: url(../img/seo_img/title_bg.png)repeat-x;
	text-align: center;
}
.seotitle1 h2{
	font-size: 40px;
	background: #fff;
	display: inline-block;
	padding: 0px 30px;
	margin:0 auto;
}
.seotitle1 h2 span{
	color: #e62022;
}
.seotitle1 h3{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	line-height: 36px;
}
.seo1ul{
	width: 1225px;
	margin-top: 50px;
}
.seo1ul li{
	width: 245px;
	height: 267px;
	float: left;
}
.seo1ul li div{
	width: 180px;
	height: 167px;
	margin-left: 0px;
	padding: 100px 20px 0px 20px;
	transition: 0.2s;
	color: #333;
}
.seo1ul li div h3{
	font-size: 22px;
	text-align: center;
}
.seo1ul li div p{
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	margin-top: 20px;
}
.seooneli_1{
	background: url(../img/seo_img/pc1.png);
}
.seooneli_1:hover{
	transform: translate(0px,-5px);
	background: url(../img/seo_img/pc1_h.png);
	color: #fff;
}
.seooneli_2{
	background: url(../img/seo_img/wap1.png);
}
.seooneli_2:hover{
	transform: translate(0px,-5px);
	background: url(../img/seo_img/wap1_h.png);
	color: #fff;
}
.seooneli_3{
	background: url(../img/seo_img/weixin1.png);
}
.seooneli_3:hover{
	transform: translate(0px,-5px);
	background: url(../img/seo_img/weixin1_h.png);
	color: #fff;
}
.seooneli_4{
	background: url(../img/seo_img/web1.png);
}
.seooneli_4:hover{
	transform: translate(0px,-5px);
	background: url(../img/seo_img/web1_h.png);
	color: #fff;
}
.seooneli_5{
	background: url(../img/seo_img/tel1.png);
}
.seooneli_5:hover{
	transform: translate(0px,-5px);
	background: url(../img/seo_img/tel1_h.png);
	color: #fff;
}

.seotwo{
	width: 100%;
	overflow: hidden;
	margin-top: 150px;
	background: #f4f4f4;
	padding: 40px 0px;
}
.seotwo .seotitle1 h2{
    background: #f4f4f4;
}
.seo2ul{
	width: 1200px;
	overflow: hidden;
	background: #fff;
	padding-bottom: 30px;
	margin-top: 30px;
}
.seo2ul li{
	width: 240px;
	float: left;
	border: 1px #ddd solid;
	margin-top: 30px;
	margin-left: 30px;
	padding: 10px;
	transition: 0.5s;
}
.seo2ul li img{
	width: 240px;
	height: 240px;
}
.seo2ul li p{
	background: #f4f4f4;
	color: #333;
	font-size: 15px;
	line-height: 35px;
	text-align: center;
	transition: 0.2s;
}
.seo2ul li:hover p{
	background: #e62022;
	color: #fff; 
}
.seo2ul li:hover{
	border: 1px #e62022 solid;
}

.seothree{
	width: 1200px;
	overflow: hidden;
	margin-top: 80px;
}
.seo3bg{
	width: 1200px;
	height: 630px;
	background: url(../img/seo_img/con3.jpg)no-repeat;
}
.seo3bg ul{
	overflow: hidden;
	padding-top: 80px;
}
.seo3bg ul li{
	width: 50%;
	height: 100px;
	float: left;
}
.seo3text{
	border: 2px solid #838383;
	display: inline-block;
	float: left;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}
.seo3text:hover{
	background: #e62022;
	border: 2px solid #e62022;
}
.seo3text:hover{
	color: #fff;
}
.seo3text:hover span{
	color: #fff;
}
.seo3text:hover + div{
    border-left-color: #e62022;
    border-right-color: #e62022;
}
.seo3text span{
	color: #e62022;
	font-size: 22px;
	margin-left: 10px;
}
.seo3sj_l{
    border-top: 8px solid transparent;
    border-left-width: 16px;
    border-left-style: solid;
    border-left-color: #838383;
    border-bottom: 8px solid transparent;
    float: left;
    margin-top: 18px;
}
.seo3sj_r{
    border-top: 8px solid transparent;
    border-right-width: 16px;
    border-right-style: solid;
    border-right-color: #838383;
    border-bottom: 8px solid transparent;
    float: right;
    margin-top: 18px;
}
.seo3li_1 .seo3text{
    margin-left: 140px;
}
.seo3li_3 .seo3text{
    margin-left: 30px;
}
.seo3li_5 .seo3text{
    margin-left: 45px;
}
.seo3li_7 .seo3text{
    margin-left: 140px;
}
.seo3li_2 .seo3text{
    margin-right: 90px;
}
.seo3li_4 .seo3text{
    margin-right: 50px;
}
.seo3li_6 .seo3text{
    margin-right: 30px;
}
.seo3li_8 .seo3text{
    margin-right: 140px;
}
.seo3li_2 .seo3text,.seo3li_4 .seo3text,.seo3li_6 .seo3text,.seo3li_8 .seo3text{
	float: right;
}
.seo3_menu{
	width: 140px;
	height: 140px;
	border: 1px #e62022 dashed;
	border-radius: 50%;
}
.seo3_menu .liji{
	width: 130px;
	height: 95px;
	background: #e62022;
	border-radius: 50%;
	margin-top: 5px;
	font-size: 30px;
	color: #fff;
	text-align: center;
    padding-top: 35px;
}
.seo3_menu:hover{
	border: 1px #333 dashed;
}
.seo3_menu:hover .liji{
	background: #333;
}

.seofour{
	width: 100%;
	height: 480px;
	overflow: hidden;
	background: #f3f3f3;
	margin-top: 80px;
	padding: 50px 0px;	
}
.seo4bg{
	width: 1200px;
	height: 480px;
	background: url(../img/seo_img/seo4bg.png);
}
.seo4l{
	width: 560px;
	height: 480px;
	float: left;
}
.seo4lb{
	width: 450px;
	height: 100px;
	float: right;
	margin-top: 5px;
}
.seo4lb h2{
	font-size: 37px;
	color: #e62022;
}
.seo4lb h2 span{
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-left: 20px;
}
.seo4lb h3{
	font-size: 27px;
	color: #333;
	font-weight: normal;
	margin-top: 8px;
}
.seo4r{
	width: 560px;
	height: 480px;
	float: right;
}
.seo4ul{
   clear: both;
   padding-top: 80px;
   margin-left: 25px;
}
.seo4ul li span{
	background: #e62022;
	color: #fff;
	padding: .4px 6px;
	margin-right: 15px;
}
.seo4ul li{
	width: 520px;
	height: 42px;
	font-size: 16px;
}
.seo4ul li:hover{
	font-size: 17px;
}
.seo4ul li font{
	color: #e62022;
}
.seo4_menu{
	width: 180px;
	height: 45px;
	background: #e62022;
	color: #fff;
	text-align: center;
	line-height: 45px;
	margin-top: 12px;
	transition: 0.5s;
}
.seo4_menu:hover{
	background: #333;
}

.seofive{
	width: 1300px;
	overflow: hidden;
	margin-top: 120px;
	padding-bottom: 50px;
}
.seofive h1{
	font-size: 70px;
	color: #e62022;
	text-align: center;
}
.seofive ul li{
	width: 200px;
	float: left;
	text-align: center;
	margin-left: 50px;
}
.seo5img{
	width: 160px;
	height: 180px;
	background: url(../img/seo_img/img10_2.png);
}
.img_1{
	display: none;
}
.seofive ul li:hover div .img_1{
	display: block;
}
.seofive ul li:hover div .img_2{
	display: none;
}
.seofive ul li h3{
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}
.seofive ul li p{
	font-size: 14px;
	color: #666;
    margin-top: 15px;
    line-height: 20px;
}
.seofive ul{
	margin-top: 100px;
}

.seosix{
	width: 1200px;
	overflow: hidden;
	margin-top: 80px;
}

/* === style1.css === */
*{margin: 0;padding: 0;font-family: 'Microsoft YaHei','微软雅黑';}
html,body{width: 100%;height: 100%;}
ul{padding: 0px;}
li{list-style: none;}
a{text-decoration: none;}
img{border: none;}
h3,h4,h5{font-weight: normal;}
h2,h3,h4,h5{line-height: 1;}

.san_banner{
	width: 100%;
	height: 708px;
	background-position: center;
	background-repeat: no-repeat;
}
.san_banner .text{
	width: 1400px;
	color: #fff;
	padding-top: 370px;
	margin: 0px auto;
}
.san_banner .text h2{
	font-size: 44px;
}
.san_banner .text p{
	font-size: 32px;
	margin-top: 45px;
}
.santwo{
	padding: 60px 0px;
}
.san_title{
	text-align: center;
}
.san_title h2{
	font-size: 48px;
	color: #000;
}
.san_title p{
	font-size: 17px;
	color: #878787;
	margin-top: 24px;
}
.san2ul li{
	width: 260px;
	height: 330px;
	float: left;
	margin-right: 53.33px;
	text-align: center;
	box-sizing: border-box;
	padding: 35px 0px;
	margin-top: 60px;
	border-radius: 10px;
	transition: .3s;
}
.san2ul li:last-child{
	margin-right: 0px;
}
.san2ul li h2{
	font-size: 22px;
	color: #2d9614;
	margin: 35px 0px 20px 0px;
}
.san2ul li .text{
    color: #5e5e5e;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
}
.san2ul li:hover{
	box-shadow: 0px 0px 20px #e3e3e3;
}
.santhree{
	background: #f8fafd;
	padding: 50px 0px;
}
.san3b{
	text-align: center;
}
.san3b ul{
	background: #e7ebf1;
	border-radius: 28px;
	padding: 5px;
	overflow: hidden;
	margin-top: 40px;
}
.san3b ul li{
	width: 12.5%;
	height: 46px;
	float: left;
	text-align: center;
	line-height: 46px;
}
.san3b ul li a{
	font-size: 18px;
	color: #333;
}
.san3b ul li.cur{
	background: #fff;
	border-radius: 23px;
}
.san3b ul li.cur a{
	color: #2d9614;
	font-weight: bold;
	font-size: 20px;
}
.san3tab{
	overflow: hidden;
	margin-top: 60px;
	display: none;
}
.san3l{
	width: 640px;
	height: 450px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 30px;
}
.san3l img{
	max-width: 100%;
}
.san3r{
	width: 500px;
	height: 450px;
	float: right;
	margin-right: 30px;
	position: relative;
}
.san3r_center{
	width: 100%;
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
}
.san3r h3{
	font-size: 20px;
	color: #000;
}
.san3r p{
	font-size: 14px;
	color: #888e9b;
	line-height: 24px;
	margin-top: 10px;
}
.san3_menu a{
	display: block;
	width: 110px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	border-radius: 5px;
	box-sizing: border-box;
	float: left;
}
.san3_menu a:first-child{
    background: #00ab39;
    color: #fff;
    line-height: 40px;
}
.san3_menu a:last-child{
    color: #17233d;
    line-height: 38px;
    border: 1px #c0c5cc solid;
    margin-left: 20px;
}
.san3_menu{
	overflow: hidden;
	margin-top: 30px;
}
.sanfour{
	padding: 60px 0px 80px 0px;
}
.san4ul li{
	width: 400px;
	float: left;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	padding-bottom: 20px;
	margin-top: 40px;
	transition: .3s;
}
.san4ul li .tit{
	height: 70px;
	background: linear-gradient(to right,#4b5469,#1c2842);
	text-align: center;
}
.san4ul li .tit h2{
	display: inline-block;
	color: #fff;
	font-size: 20px;
	line-height: 70px;
}
.san4ul li .tit h2 img{
	width: 39px;
	float: left;
	margin: 15px 15px 0px 0px;
}
.san4ul li .text{
	margin: 25px 25px 0px 25px;
	padding-bottom: 30px;
	border-bottom: 1px #ededef solid;
}
.san4ul li .text p{
	font-size: 14px;
	color: #434343;
	line-height: 2;
	background: url(../img/xz.png)left center no-repeat;
	background-size: 14px;
	padding-left: 26px;
	margin: 0px 0px 0px 35px;
}
.san4ul li .cont{
    text-align: center;
}
.san4ul li .cont p{
	font-size: 15px;
	color: #fa541c;
	margin: 20px 0px;
}
.san4ul li .cont p span{
	font-size: 36px;
}
.san4ul li .cont a{
	display: block;
	width: 180px;
	height: 40px;
	box-sizing: border-box;
	border: 1px #00ab39 solid;
	line-height: 38px;
	color: #00ab39;
	font-size: 16px;
}
.san4ul li.cur{
    margin-top: 20px;
    padding-bottom: 40px;
}
.san4ul li.cur .tit{
	background: #00ab39;
}
.san4ul li.cur .cont a{
	background: #00ab39;
	color: #fff;
}
.sanfive{
	padding: 60px 0px 80px 0px;
	background: #f8fafd;
}
.san5ul li{
	width: 390px;
	height: 190px;
	background: #fff;
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	position: relative;
	overflow: hidden;
}
.san5ul li:nth-child(3n){
	margin-right: 0px;
}
.san5ul li .text{
	overflow: hidden;
	padding: 50px 15px 0px 15px;
	transition: .3s;
}
.san5ul li img{
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.san5ul li h2{
	font-size: 18px;
	color: #0c0c0c;
}
.san5ul li p{
	font-size: 14px;
	color: #6f6f6f;
	line-height: 24px;
	margin-top: 15px;
}
.san5ul li a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #00ab39;
	color: #fff;
	font-size: 16px;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: -40px;
	transition: .3s;
}
.san5ul li:hover .text{
	padding-top: 35px;
}
.san5ul li:hover a{
	bottom: 0px;
}
.sansix{
	padding: 60px 0px;
	background: #2a354d;
}
.sansix .san_title h2{
    color: #fff;
}
.sansix .san_title p{
	color: #fff;
}
.sansix .container{
	margin-top: 40px;
}
.san6l{
	width: 590px;
	float: left;
}
.san6r{
	width: 600px;
	float: right;
}
.san6r .img1{
    width: 600px;
    height: 159px;
    background: url(../img/san61.png);
    transition: .5s;
}
.san6r .img2{
    width: 600px;
    height: 159px;
    background: url(../img/san62.png);
    margin-top: 15px;
    transition: .5s;
}
.san6r .img1:hover{
	background: url(../img/lv61.png);
}
.san6r .img2:hover{
	background: url(../img/lv62.png);
}
.sanseven{
	padding-top: 60px;
	text-align: center;
}
.sanseven p{
	display: inline-block;
	font-size: 22px;
	color: #6c6c6c;
	line-height: 46px;
}
.sanseven p img{
	float: left;
	margin-right: 20px;
}
.sanseven h2{
    font-size: 64px;
    color: #00aa39;
    font-family: "DINPro-Bold";
    margin-top: 25px;
}
/* === xcxstyle.css === */
 
ul{padding: 0px;}
li{list-style: none;}
a{text-decoration: none;color: #000;}
img{border: none;}
h4,h5{font-weight: normal;}

.cxone{
	width: 1200px;
	margin: 0 auto;padding: 0 auto;
	height: 440px;
	padding: 70px 0px;
	padding-bottom:0px;
}
.cx_title{
	text-align: center;
	color: #333;
}
.cx_title h2{
	font-size: 40px;
}
.cx_title p{
	font-size: 18px;
	margin-top: 15px;
}
.cx1ul{
	width: 1220px;
	margin: 0 auto;padding: 0 auto;
	margin-top: 45px;
}
.cx1ul li{
	width: 285px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	text-align: center;
	box-shadow: 0 0 10px #eee;
	border-radius: 10px;
	padding-bottom: 20px;
}
.cx1ul li h3{
	font-size: 24px;
	color: #333;
	margin-top: 10px;
	font-weight: normal;
}
.cx1ul li p{
	font-size: 14px;
	color: #999;
	line-height: 20px;
	margin-top: 10px;
}
.cxtwo{
	width: 100%;
	height: 470px;
	padding: 50px 0px;
	background: #f6f6f6;
}
.cx2title{
	color: #333;
	text-align: center;
}
.cx2title h2{
	font-size: 40px;
}
.cx2title h2 span{
	color: #44b549;
}
.cx2ul li{
	width: 270px;
	height: 345px;
	background: #fff;
	text-align: center;
	float: left;
    margin: 0px 20px;
    position: relative;
    transition: 0.5s;
    border-radius: 10px;
}
.cx2ul li h3{
	color: #333;
	font-size: 24px;
	margin: 230px 0px 10px 0px;
	font-weight: normal;
}
.cx2ul li p{
	font-size: 14px;
	color: #999;
	line-height: 22px;
}
.cx2ul li img{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s;
}
.hua1{
	top: 30px;
}
.hua2{
	top: 55px;
	opacity: 0;
}
.cx2ul{
 	width: 1240px;
	margin: 0 auto;padding: 0 auto;
 	overflow: hidden;
 	margin-top: 45px;
}
.cx2ul li:hover{
	height: 270px;
	background: #44b549;
	margin-top: 75px;
	padding-top: 0;
}
.cx2ul li:hover .hua2{
	top: -75px;
	opacity: 1;
}
.cx2ul li:hover .hua1{
	opacity: 0;
}
.cx2ul li:hover h3{
	margin-top: 120px;
	color: #fff;
}
.cx2ul li:hover p{
	color: #fff;
}
.cxthree{
	width: 1200px;
	margin: 0 auto;padding: 0 auto;
	padding: 60px 0px 90px 0px;
	overflow: hidden;
	background: url(../img/index_17.png) center top 180px no-repeat;
}
.cx_title span{
	color: #44b549;
}
.cxthree ul li{
	width: 265px;
}
.cxthree ul li div{
	font-size: 26px;
	color: #333;
}
.cxthree ul li p{
	font-size: 16px;
	color: #999;
	line-height:23px;
	margin-top: 10px;
}
.f_l{
	float: left;
	margin-top: 50px;
}
.f_r{
	float: right;
	margin-top: 50px;
}
.mtb{
	margin-top: 120px;
	margin-bottom: 80px;
}
.cxfour{
	width: 100%;
	padding: 50px 0px;
	overflow: hidden;
	background: #f6f6f6;
}
.case-wrap{
	width: 1230px;
	margin: 0 auto;padding: 0 auto;
	overflow: hidden;
	margin-top: 40px;
	padding-bottom:20px;
 
}
.case-wrap .case-item {
  width: 320px;
  height: 110px;
  float: left;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 25px 30px;
  margin: 0px 15px;
  margin-top: 30px;
}
.case-wrap .case-item:hover {
  width: 320px;
  height: 110px;
  float: left;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 25px 30px;
  margin: 0px 15px;
  margin-top: 30px;
  -webkit-box-shadow:0 0 26px #bababa;  
-moz-box-shadow:0 0 26px #bababa;  
box-shadow:0 0 26px #bababa;  
z-index:9999;
}
.case-wrap .case-item > span {
  float: left;
  width: 80px;
  height: 110px;
  display: block;
}
.case-wrap .case-item > span > em {
  width: 80px;
  height: 90px;
  display: block;
}
.case-wrap .case-item > span > p {
  height: 20px;
  line-height: 20px;
  display: block;
  color: #999;
  text-align: center;
  font-size: 12px;
}
.case-wrap .case-item > div {
  float: right;
  width: 220px;
  height: 110px;
}
.case-wrap .case-item > div:hover {
  float: right;
  width: 220px;
  height: 110px;
}
.case-wrap .case-item > div > h4 {
  font-size: 30px;
  font-weight: 500;
  height: 35px;
  line-height: 35px;
  display: block;
}
.case-wrap .case-item > div > p {
  color: #999;
  height: 60px;
  padding-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.case-wrap .case-item.img {
  width: 380px;
  height: 160px;
  padding: 0;
}

.cxsix{
	width: 100%;
	overflow: hidden;
	margin:0 auto;
	background: #44b549 url(../img/bg1.png)center top no-repeat;
	
}
#wrapper {
	width: 1200px;
	height: 545px;
	margin: 0 auto;padding: 0 auto;
	position: relative;
	overflow: hidden;
}
#carousel {
	width: 1200px;
	overflow: hidden;
}
#carousel ul {
	list-style: none;
	display: block;
}
#carousel li {
	width: 280px;
	height: 545px;
	float: left;	
	margin: 0 10px;
	overflow: hidden;
	text-align: center;
	
	
}

#carousel .prev, #carousel .next {
	background: transparent url(../img/carousel_control.png) no-repeat 0 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 15px;
	height: 21px;
	margin-left: 10px;
	position: absolute;
	top: 300px;				
}
#carousel .prev {
	background-position: 0 0;
	left: -40px;
}
#carousel .prev:hover {
	left: -42px;
}			
#carousel .next {
	background-position: -18px 0;
	right: -30px;
}
#carousel .next:hover {
	right: -32px;
}				

.cx6ul li{
	width: 150px;
	float: left;
	margin: 15px 30px;
}
.cx6ul{
	width: 1260px;
	margin: 0 auto;padding: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
.cx6ul2 li{
	width: 160px;
	float: left;
	margin: 0px 7px;
	position: relative;
}
.cx6ul2{
	width: 1220px;
	margin: 0 auto;padding: 0 auto;
	margin-top: 40px;
	overflow: hidden;
}
.cx6ul2 li p{
	position: absolute;
	bottom: 20px;
	left: 45px;
}
.cxseven{
	width: 100%;
	height: 350px;
	background: url(../img/index_48.jpg)center no-repeat;
	text-align: center;
	padding-top: 100px;
}
.cxseven h2{
	font-size: 36px;
	color: #fff;
}
.cxseven h2 span{
	color: #44b549;
	font-size: 80px;
}
.cxseven p{
	color: #44b549;
	margin: 20px 0px 30px 0px;
}
.dazao{
	width: 300px;
	height: 60px;
	margin: 0 auto;padding: 0 auto;
	line-height: 60px;
	text-align: center;
	color: #ffffff;
	background: #44b549;
	font-size: 22px;
	margin-bottom: 30px;
}
.cxseven span{
	font-size: 14px;
	color: #ffffff;
}

.xcsDiv {
		width:100%;
		margin:0 auto;
		margin-bottom:40px;
		padding:40px 0;
		overflow:hidden;
		/* 原 plot-img08 演示底图缺失后勿用竖版案例图铺底，避免底部大图溢出 */
		background: #f5f5f5;
	}
	.m-hp-video{
		width:990px;
		max-width:calc(100% - 32px);
		margin:0 auto;
		overflow:hidden;
		box-sizing:border-box;
	}
    .m-hp-video video{
        width: 100%;
        max-width:100%;
        height:auto;
        display:block;
        object-fit: cover;
        vertical-align:top;
    }
	.xcsDiv h2{
		font-size:40px;
		text-align:center;
	}

/* 全站头部布局 – 抵消历史 * { margin: 0 auto } */
.header_two .nav {
  margin: 0 !important;
  float: left !important;
  width: 87% !important;
  height: 95px !important;
  box-sizing: border-box !important;
}
.header_two .header_left {
  float: left !important;
  margin: 0 !important;
  padding-top: 18px !important;
}
.header_two .nav ul {
  display: inline-block !important;
  float: right !important;
  margin: 0 8% 0 0 !important;
  padding: 0 !important;
}
.header_two .nav ul li {
  float: left !important;
  margin: 0 !important;
  width: 90px !important;
  list-style: none !important;
}
.header_two .header_member {
  float: right !important;
  width: auto !important;
  height: 95px !important;
  line-height: 95px !important;
  margin: 0 !important;
  padding: 0 12px 0 0 !important;
  text-align: right !important;
}
.header_two .phone {
  float: right !important;
  width: 13% !important;
  margin: 0 !important;
}
.header_two .sp_nav {
  position: absolute !important;
  right: 20% !important;
  top: 26px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
}
.header_two .vr_ico {
  position: absolute !important;
  right: 18.5% !important;
  top: 26px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  z-index: 10001 !important;
}
/* 二级菜单：勿用 display:none!important；由 main.js 即时 show/hide（不用 slide） */
.header_two .nav {
  position: relative !important;
  overflow: visible !important;
}
.header_two .nav ul {
  position: relative;
  z-index: 10003;
  overflow: visible !important;
}
.header_two .nav ul li {
  position: relative !important;
  overflow: visible !important;
}
/* 下拉改为纵向面板，避免横向一排被截断 */
.header_two .nav ul li .erji {
  display: none;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  right: auto !important;
  width: max-content !important;
  min-width: 188px !important;
  max-width: min(320px, 92vw) !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  text-align: left !important;
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 2px solid #e60012 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12) !important;
  border-radius: 0 0 8px 8px !important;
  transform: translateX(-50%);
  z-index: 10002 !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow: visible !important;
}
.header_two .nav ul li .erji a {
  display: block !important;
  margin: 0 !important;
  padding: 10px 22px !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  color: #222 !important;
  opacity: 1 !important;
  white-space: nowrap !important;
  text-align: left !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
.header_two .nav ul li .erji a:hover {
  background: #f7f7f8 !important;
  color: #e60012 !important;
  opacity: 1 !important;
}
.header_two.white .nav ul li .erji,
.header_two:hover .nav ul li .erji {
  background: #fff !important;
  border-top-color: #e60012 !important;
}
.header_two.white .nav ul li .erji a,
.header_two:hover .nav ul li .erji a {
  color: #222 !important;
}
@media screen and (max-width: 1200px) {
  .header_two .nav ul li .erji {
    left: 0 !important;
    transform: none;
    max-width: min(280px, 88vw) !important;
  }
}

/* 文末「近期签约 + 常见问题」双栏（定制/响应式等页）— 抵消 wangzg *{margin:0 auto} */
.NewDiv {
  overflow: hidden;
  clear: both;
}
.NewDiv::after {
  content: "";
  display: table;
  clear: both;
}
.NewDiv > div:first-child {
  float: left !important;
  margin: 0 !important;
  width: auto !important;
  max-width: 75%;
}
.NewDiv > div:last-child:not(:only-child) {
  float: right !important;
  margin: 0 !important;
  width: auto !important;
  text-align: right;
  line-height: 32px !important;
}
.NewDiv .NewASpan {
  display: inline !important;
  width: auto !important;
  margin: 0 4px 0 0 !important;
  float: none !important;
  vertical-align: middle;
  line-height: 32px !important;
}
.NewDiv .indexNewA-c {
  display: inline !important;
  margin: 0 !important;
  vertical-align: middle;
}
.taocan_titlep,
.taocan_titlep:hover,
.taocan_titlel,
.taocan_titlel:hover {
  display: inline-block !important;
  float: left !important;
  margin: 0 15px 0 0 !important;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 26px !important;
  height: 26px !important;
  width: 136px !important;
}
table td .taocan_titlep,
table td .taocan_titlel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* === plyr.css === */
.plyr input[type=range]:focus,.plyr:focus{outline:0}.plyr .plyr__video-embed iframe,.plyr__tooltip{pointer-events:none}@keyframes plyr-progress{to{background-position:25px 0}}.plyr{position:relative;max-width:100%;min-width:200px;font-family:Avenir,'Avenir Next','Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;direction:ltr}.plyr,.plyr *,.plyr ::after,.plyr ::before{box-sizing:border-box}.plyr a,.plyr button,.plyr input,.plyr label{-ms-touch-action:manipulation;touch-action:manipulation}.plyr audio,.plyr video{width:100%;height:auto;vertical-align:middle;border-radius:inherit}.plyr input[type=range]{display:block;height:20px;width:100%;margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:0 0}.plyr input[type=range]::-webkit-slider-runnable-track{height:8px;background:0 0;border:0;border-radius:4px;-webkit-user-select:none;user-select:none}.plyr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-4px;position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-moz-range-track{height:8px;background:0 0;border:0;border-radius:4px;-moz-user-select:none;user-select:none}.plyr input[type=range]::-moz-range-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box}.plyr input[type=range]::-ms-track{height:8px;background:0 0;border:0;color:transparent}.plyr input[type=range]::-ms-fill-upper{height:8px;background:0 0;border:0;border-radius:4px;-ms-user-select:none;user-select:none}.plyr input[type=range]::-ms-fill-lower{height:8px;border:0;border-radius:4px;-ms-user-select:none;user-select:none;background:#00ab39}.plyr input[type=range]::-ms-thumb{position:relative;height:16px;width:16px;background:#fff;border:2px solid transparent;border-radius:100%;transition:background .2s ease,border .2s ease,transform .2s ease;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.15);box-sizing:border-box;margin-top:0}.plyr input[type=range]::-ms-tooltip{display:none}.plyr input[type=range]::-moz-focus-outer{border:0}.plyr input[type=range].tab-focus:focus{outline-offset:3px}.plyr input[type=range]:active::-webkit-slider-thumb{background:#00ab39;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-moz-range-thumb{background:#00ab39;border-color:#fff;transform:scale(1.25)}.plyr input[type=range]:active::-ms-thumb{background:#00ab39;border-color:#fff;transform:scale(1.25)}.plyr--video input[type=range].tab-focus:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr--audio input[type=range].tab-focus:focus{outline:rgba(86,93,100,.5) dotted 1px}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute!important;padding:0!important;border:0!important;height:1px!important;width:1px!important}.plyr__video-wrapper{position:relative;background:#000;border-radius:inherit}.plyr__video-embed{padding-bottom:56.25%;height:0;border-radius:inherit;overflow:hidden;z-index:0}.plyr__video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plyr__video-embed>div{position:relative;padding-bottom:200%;transform:translateY(-35.95%)}.plyr video::-webkit-media-text-track-container{display:none}.plyr__captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;transform:translateY(-40px);transition:transform .3s ease;color:#fff;font-size:16px;text-align:center;font-weight:400}.plyr__captions span{border-radius:2px;padding:3px 10px;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%}.plyr__captions span:empty{display:none}@media (min-width:768px){.plyr__captions{font-size:24px}}.plyr--captions-active .plyr__captions{display:block}.plyr--hide-controls .plyr__captions{transform:translateY(-15px)}@media (min-width:1024px){.plyr--fullscreen-active .plyr__captions{font-size:32px}}.plyr ::-webkit-media-controls{display:none}.plyr__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:1;text-align:center}.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:5px}.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__time:first-child,.plyr__controls>button:first-child{margin-left:0}.plyr__controls .plyr__volume{margin-left:5px}.plyr__controls [data-plyr=pause]{margin-left:0}.plyr__controls button{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;overflow:visible;vertical-align:middle;padding:7px;border:0;background:0 0;border-radius:3px;cursor:pointer;transition:background .3s ease,color .3s ease,opacity .3s ease;color:inherit}.plyr__controls button svg{width:18px;height:18px;display:block;fill:currentColor}.plyr__controls button:focus{outline:0}.plyr__controls .icon--captions-on,.plyr__controls .icon--exit-fullscreen,.plyr__controls .icon--muted{display:none}@media (min-width:480px){.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>button{margin-left:10px}}.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none}.plyr--video .plyr__controls{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:50px 10px 10px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;color:#fff;transition:opacity .3s ease}.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover{background:#00ab39;color:#fff}.plyr--audio .plyr__controls{padding:10px;border-radius:inherit;background:#fff;border:1px solid #dbe3e8;color:#565D64}.plyr--audio .plyr__controls button.tab-focus:focus,.plyr--audio .plyr__controls button:hover,.plyr__play-large{background:#00ab39;color:#fff}.plyr__play-large{display:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border:4px solid currentColor;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:all .3s ease}.plyr__play-large svg{position:relative;left:2px;width:20px;height:20px;display:block;fill:currentColor}.plyr__play-large:focus{outline:rgba(255,255,255,.5) dotted 1px}.plyr .plyr__play-large{display:inline-block}.plyr--audio .plyr__play-large,.plyr--playing .plyr__controls [data-plyr=play],.plyr__controls [data-plyr=pause]{display:none}.plyr--playing .plyr__play-large{opacity:0;visibility:hidden}.plyr--playing .plyr__controls [data-plyr=pause]{display:inline-block}.plyr--captions-active .plyr__controls .icon--captions-on,.plyr--fullscreen-active .icon--exit-fullscreen,.plyr--muted .plyr__controls .icon--muted{display:block}.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr--captions-active .plyr__controls .icon--captions-on+svg,.plyr--fullscreen-active .icon--exit-fullscreen+svg,.plyr--muted .plyr__controls .icon--muted+svg{display:none}.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen]{display:inline-block}.plyr__tooltip{position:absolute;z-index:2;bottom:100%;margin-bottom:10px;padding:5px 7.5px;opacity:0;background:rgba(0,0,0,.7);border-radius:3px;color:#fff;font-size:14px;line-height:1.3;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease}.plyr__tooltip::before{content:'';position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);bottom:-4px;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,.7);border-left:4px solid transparent;z-index:2}.plyr button.tab-focus:focus .plyr__tooltip,.plyr button:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr button:hover .plyr__tooltip{z-index:3}.plyr__controls button:first-child .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls button:first-child .plyr__tooltip::before{left:16px}.plyr__controls button:last-child .plyr__tooltip{right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls button:last-child .plyr__tooltip::before{left:auto;right:16px;transform:translateX(50%)}.plyr__controls button:first-child .plyr__tooltip--visible,.plyr__controls button:first-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:first-child:hover .plyr__tooltip,.plyr__controls button:last-child .plyr__tooltip--visible,.plyr__controls button:last-child.tab-focus:focus .plyr__tooltip,.plyr__controls button:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{position:relative;display:none;-ms-flex:1;flex:1}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress input[type=range]::-webkit-slider-runnable-track{background:0 0}.plyr__progress input[type=range]::-moz-range-track{background:0 0}.plyr__progress input[type=range]::-ms-fill-upper{background:0 0}.plyr__progress .plyr__tooltip{left:0}.plyr .plyr__progress{display:inline-block}.plyr__progress--buffer,.plyr__progress--played,.plyr__volume--display{position:absolute;left:0;top:50%;width:100%;height:8px;margin:-4px 0 0;padding:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px}.plyr__progress--buffer::-webkit-progress-bar,.plyr__progress--played::-webkit-progress-bar,.plyr__volume--display::-webkit-progress-bar{background:0 0}.plyr__progress--buffer::-webkit-progress-value,.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-moz-progress-bar,.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:8px}.plyr__progress--buffer::-ms-fill,.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{border-radius:100px}.plyr__progress--played,.plyr__volume--display{z-index:1;color:#00ab39;background:0 0;transition:none}.plyr__progress--played::-webkit-progress-value,.plyr__volume--display::-webkit-progress-value{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-moz-progress-bar,.plyr__volume--display::-moz-progress-bar{min-width:8px;max-width:99%;border-top-right-radius:0;border-bottom-right-radius:0;transition:none}.plyr__progress--played::-ms-fill,.plyr__volume--display::-ms-fill{display:none}.plyr__progress--buffer::-webkit-progress-value{transition:width .2s ease}.plyr__progress--buffer::-moz-progress-bar{transition:width .2s ease}.plyr__progress--buffer::-ms-fill{transition:width .2s ease}.plyr--video .plyr__progress--buffer,.plyr--video .plyr__volume--display{background:rgba(255,255,255,.25)}.plyr--video .plyr__progress--buffer{color:rgba(255,255,255,.25)}.plyr--audio .plyr__progress--buffer,.plyr--audio .plyr__volume--display{background:rgba(198,214,219,.66)}.plyr--audio .plyr__progress--buffer{color:rgba(198,214,219,.66)}.plyr--loading .plyr__progress--buffer{animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.15) 75%,transparent 75%,transparent);color:transparent}.plyr--video.plyr--loading .plyr__progress--buffer{background-color:rgba(255,255,255,.25)}.plyr--audio.plyr--loading .plyr__progress--buffer{background-color:rgba(198,214,219,.66)}.plyr__time{display:inline-block;vertical-align:middle;font-size:14px}.plyr__time+.plyr__time{display:none}@media (min-width:768px){.plyr__time+.plyr__time{display:inline-block}}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}.plyr__volume{display:none}.plyr .plyr__volume{-ms-flex:1;flex:1;position:relative}.plyr .plyr__volume input[type=range]{position:relative;z-index:2}@media (min-width:480px){.plyr .plyr__volume{display:block;max-width:60px}}@media (min-width:768px){.plyr .plyr__volume{max-width:100px}}.plyr--is-ios .plyr__volume,.plyr--is-ios [data-plyr=mute]{display:none!important}.plyr--fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000;border-radius:0!important}.plyr--fullscreen-active video{height:100%}.plyr--fullscreen-active .plyr__video-wrapper{height:100%;width:100%}.plyr--fullscreen-active .plyr__video-embed{overflow:visible}.plyr--fullscreen-active .plyr__controls{position:absolute;bottom:0;left:0;right:0}.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}