/*开发：东丰县大地文化传媒有限公司*/
/*编写：张晓光*/
/*手机：18643711300*/
/*Q  Q：275564581*/

@font-face {
	font-family:'FontAwesome';
	src: url('/images/DF_Font_Awesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
    margin:0px;
    padding:0px;
    /*-moz-user-select:none;不可复制拖动文本，只支持火狐*/
}
::selection {
	color: #ffffff;
	background: #1aad19;
	background: #ec494e;
}
::-moz-selection {
	color: #ffffff;
	background: #1aad19;
	background: #ec494e;
}

html {
    padding:0px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
	font-size:12px;
	overflow-x:-moz-scrollbars-vertical!important;
	overflow-x:hidden;
}
*html,body {
	height:100%;
	_background-image:url(/about:blank);
	_background-attachment:fixed;
}

body {
    margin:0px!important;
    padding:0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 表单元素不继承父级 */
body,button,input,select,textarea {
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}

del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
ol,ul,li {
    list-style:none;
}
caption,th {
    text-align:left;
}
/* 标题自定义 */
h1,h2,h3,h4,h5,h6 {
    font-weight:900;
}

/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}

a{
	font-family:"宋体";
	text-decoration: none;
	font-size:14px;
	color:#333333;
}
a:hover {
    text-decoration:none;
}
span{
	font-family:"宋体";
	font-size:14px;
	color:#666666;
}
span a{
	color:#333333;
}
font{
	font-family:"宋体";
	font-size:14px;
	color:#999999;
}
span a{
	color:#999999;
}

button {
	hide-focus: expression(this.hideFocus=true); /*IE*/
	border:none;
	outline:none;
	zoom:1;
}
button::-moz-focus-inner {
	border: none; /*火狐*/
}


/* 清除浮动 */
.df_m_15 {
	height: 1px;
	margin: 0px 15px;
	font-size: 0px;
	background: #f6f6f6;
	display:block;
}
.tl_clearfix {
	width: 100%;
	display: table;
    zoom:1; /* for ie6 & ie7 */
}
.tl_clear {
    height:0px;
    line-height:0px;
    font-size:0px;
    overflow:hidden;
    display:none;
    clear:both;
}
/* 显示和隐藏 */
.tl_hide {
    display:none;
}
.tl_block {
    display:block;
}
/* 设置浮动，减少浮动带来的 bug */
.tl_left,.tl_right {
    display:inline;
}
.tl_left {
    float:left;
}
.tl_right {
    float:right;
}



.tl_all_title_box {
    height:30px;
	line-height:30px;
	padding:0px 10px 0px 10px;
	color:#ffffff;
	background:#333333;
	background: rgba(0,0,0,0.7);
	border-radius: 15px;
	position:absolute;
	z-index:99999999;
	display:none;
	filter:alpha(opacity=90);
	opacity:0.9;
	float:left;
}




@-webkit-keyframes tl_loading_01 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
@keyframes tl_loading_01 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
@-webkit-keyframes tl_loading_02 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
@keyframes tl_loading_02 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
@-webkit-keyframes tl_loading_03 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
@keyframes tl_loading_03 {
    0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
    }
    100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
   }
}
.tl_loading_01,
.tl_loading_02,
.tl_loading_03 {
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 100% 100% 100% 100%;
    margin: 10px auto;
    text-align:center;
    border:3px #ffffff solid;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-animation: tl_loading_01 0.7s infinite linear;
    animation: tl_loading_01 0.7s infinite linear;
    position: relative;
    overflow: hidden;
}
.tl_loading_01 {
    border-left-color: rgba(255, 255, 255, 0);
    border-right-color: rgba(255, 255, 255, 0);
    border-top-color: rgba(255, 255, 255, 0.95);
    border-bottom-color: rgba(255, 255, 255, 0.95);
}
.tl_loading_02 {
    border-left-color: rgba(255, 255, 255, 0.95);
}
.tl_loading_03 {
    border-color: rgba(255, 255, 255, 0.95);
    border-left-color: rgba(255, 255, 255, 0);
}




.df_canvas {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    pointer-events: none;
    display: none;
    z-index:99999999999999999;
}


      .df_ewm {   
          width:200px;   
	  margin:20px auto;   
	  padding:10px 10px 0px 10px;   
	  background: #ffffff;
	  background: rgba(255,255,255,0.9);
          box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
      } 
          #DF_qrcode {   
              width:200px;   
	      height:200px;   
          }
          .df_ewm h3 {   
              width:200px;   
	      line-height:40px;  
	      font-weight:100;  
	      text-align:center;  
	      font-size:16px;  
	      color:#999999;   
          } 


.DF_Canvas_Bg {
	position: relative;
}
.DF_Canvas_An {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.DF_Canvas_Wrap {
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}



.df_duihao {
	width: 88px;
	height: 88px;
	padding: 10px;
	border-radius: 50%;
	border: 0px #e0e0e0 solid;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	background:#ffffff;
	position: relative;
	overflow:hidden;
	display: none;
}
	.df_duihao p {
		width: 80px;
		height: 80px;
		border-radius: 40px;
		border: 4px #7bc549 solid;
		position: relative;
	}
	.df_duihao p::after {
		content: '';
		width: 60px;
		height: 120px;
		-webkit-border-radius: 0px 120px 120px 0px;
		border-radius: 0px 120px 120px 0px;
		background: #ffffff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 0px 60px;
		transform-origin: 0px 60px;
		-webkit-animation: df_an_02 4.25s ease-in;
		animation: df_an_02 4.25s ease-in;
		position: absolute;
		top: -11px;
		left: 30px;
		z-index: 0;
	}
		.df_duihao p em {
			width: 7px;
			height: 100px;
			background: #ffffff;
			position: absolute;
			left: 24px;
			top: 0px;
			z-index: 1;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.df_duihao p span {
			width: 25px;
			left: 14px;
			top: 46px;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			height: 5px;
			background: #7bc549;
			display: block;
			border-radius: 2px;
			position: absolute;
			z-index: 2;
		}
		.df_duihao p font {
			width: 47px;
			right: 8px;
			top: 38px;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			height: 5px;
			background: #7bc549;
			display: block;
			border-radius: 2px;
			position: absolute;
			z-index: 2;
		}

		.df_an_01 {
			-webkit-animation: df_an_01 0.75s;
			animation: df_an_01 0.75s;
		}
		.df_an_03 {
			-webkit-animation: df_an_03 0.75s;
			animation: df_an_03 0.75s;
		}
			@-webkit-keyframes df_an_01 {
				0% {
					width: 0;
					left: 1px;
					top: 19px;
				}
				54% {
					width: 0;
					left: 1px;
					top: 19px;
				}
				70% {
					width: 50px;
					left: -8px;
					top: 37px;
				}
				84% {
					width: 17px;
					left: 21px;
					top: 48px;
				}
				100% {
					width: 25px;
					left: 14px;
					top: 45px;
				}
			}
			@keyframes df_an_01 {
				0% {
					width: 0;
					left: 1px;
					top: 19px;
				}
				54% {
					width: 0;
					left: 1px;
					top: 19px;
				}
				70% {
					width: 50px;
					left: -8px;
					top: 37px;
				}
				84% {
					width: 17px;
					left: 21px;
					top: 48px;
				}
				100% {
					width: 25px;
					left: 14px;
					top: 45px;
				}
			}
			@-webkit-keyframes df_an_02 {
				0% {
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
				}
				5% {
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
				}
				12% {
					transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg);
				}
				100% {
					transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg);
				}
			}
			@keyframes df_an_02 {
				0% {
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
				}
				5% {
					transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
				}
				12% {
					transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg);
				}
				100% {
					transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg);
				}
			}
			@-webkit-keyframes df_an_03 {
				0% {
					width: 0;
					right: 46px;
					top: 54px;
				}
				65% {
					width: 0;
					right: 46px;
					top: 54px;
				}
				84% {
					width: 55px;
					right: 0px;
					top: 35px;
				}
				100% {
					width: 47px;
					right: 8px;
					top: 38px;
				}
			}
			@keyframes df_an_03 {
				0% {
					width: 0;
					right: 46px;
					top: 54px;
				}
				65% {
					width: 0;
					right: 46px;
					top: 54px;
				}
				84% {
					width: 55px;
					right: 0px;
					top: 35px;
				}
				100% {
					width: 47px;
					right: 8px;
					top: 38px;
				}
			}
	.df_duihao h6 {
		width: 60px;
		height: 120px;
		background: #ffffff;
		-webkit-border-radius: 120px 0px 0px 120px;
		border-radius: 120px 0px 0px 120px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transform-origin: 60px 60px;
		transform-origin: 60px 60px;
		position: absolute;
		top: -7px;
		left: -33px;
		z-index: 0;
	}

	ul li small {
		width: 30px;
		height: 30px;
		margin-left: -15px;
		margin-top: -15px;
		border-radius: 100%;
		background: rgba(0,0,0,0.15);
		position: absolute;
		left: 50%;
		top: 50%;
	} 
	ul li small.tl_click_scale {
		animation: df_click_scale 0.5s linear both 1;
	} 
	@keyframes df_click_scale {
		0% {
			opacity: 0.5;
			transform: scale(10);
		}
		100% {
			opacity: 0;
			transform: scale(80);
		}
	}	
.df_all_list {
	width: 100%;
	margin: 0px auto;
	background:#fff;
	position: relative;
	overflow:hidden;
}	
	.df_all_list_box {
		width: 100%;
		position: relative;
		overflow:hidden;
		float:left;
	}	
		.df_all_list_box dl, 
		.df_all_list_box dl dd {
			width: 100%;
			margin: 0px auto 0px auto;
			overflow: hidden;
			float:left;
		}
			.df_all_list_box dl dd ul {
				width:100%;
				padding: 10px 0px 10px 0px;
				overflow: hidden;
				float:left;
			}
				.df_all_list_box dl dd ul li {
					margin-bottom: 0px;
					overflow:hidden;
					float:left;
				}
					.df_all_list_box dl dd ul li a {
						padding: 12px 10px;
						margin-bottom:0px;
						border-bottom: 1px #f0f0f0 solid;
						cursor: pointer;
						position:relative;
						overflow:hidden;
						display:block;
					}
					.df_all_list_box dl dd ul li a:hover,
					.df_all_list_box dl dd ul li a:active {
						background: #f0f0f0;
						border-bottom: 1px #ffffff solid;
					}
						.df_all_list_box dl dd ul li a h3 { 
							width: 100%;
							line-height: 140%;
							margin-bottom: 3px;
							padding: 0px 0px;
							color:#333333;
							font-size:16px;
							font-weight:100;
							overflow:hidden;
							float: left;
						}
						.df_all_list_box dl dd ul li a:hover h3 { 
							color:#000000;
						}
						.df_all_list_box dl dd ul li a p {
							width: 100%;
							margin-bottom: 6px;
							position:relative;
							overflow:hidden;
							display: none;
							float: left;
						}
							.df_all_list_box dl dd ul li a p i { 
								width: 30px;
								height: 30px;
								line-height: 30px;
								margin-left: -15px;
								margin-top: -15px;
								text-align:center;
								color:#ffffff;
								color:  rgba(255,255,255,0.7);
								text-shadow: 0px 0px 8px rgba(0,0,0,0.2);
								font-size: 24px;
								font-weight:100;
								position:absolute;
								left: 50%;
								top: 50%;
								z-index: 1;
								overflow:hidden;
							}
							.df_all_list_box dl dd ul li a p span {
								margin-right: 1px;
								overflow:hidden;
								float: left;
								display: none;
							}
								.df_all_list_box dl dd ul li a p span img {
									height: 100%;
								}
						.df_all_list_box dl dd ul li a div {
							width: 100%;
							line-height: 110%;
							text-align: left;
							overflow:hidden;
							float: left;
						}
							.df_all_list_box dl dd ul li a div span {
								margin-right:10px;
								font-size:12px;
								color:#999999;
							}
							.df_all_list_box dl dd ul li a div font {
								margin-right:10px;
								font-size:12px;
								color: #33b045;
								color:#999999;
							}	
							

.df_all_more {
	width: 100%;
	height:44px;
	line-height:44px;
	border-top-left-radius: 0px;
	border-top-right-radius: 10px;
	background: url(/images/df_alpha_50.png) repeat;
	background: rgba(255,255,255,0.5);
	margin-bottom: 0px;
	overflow:hidden;
}
	.df_all_more strong {
		height:43px;
		line-height:42px;
		padding:0px 15px 0px 15px;
		font-size:18px;
		font-weight:900;
		overflow: hidden;
		float:left;
	}
		.df_all_more strong i {
			width:4px;
			height:17px;
			margin-top:13px;
			margin-right: 10px;
			border-radius: 2px;
			font-size:0px;
			float:left;
		}
		.df_all_more strong a {
			font-size:18px;
			float:left;
		}
		.df_all_more strong font {
			font-size:18px;
		}
	.df_all_more span {
		color:#666666;
		font-size:14px;
		margin-right:10px;
		float:right;
	}
		.df_all_more span a {
			color:#999999;
			font-size:14px;
			font-weight:100;
		}
		.df_all_more span a:hover {
			color:#000000;
		}
	.df_all_more_01 strong {
		color:#e7011d;
		border-top:2px #e7011d solid;
	}
		.df_all_more_01 strong i {
			background:#e7011d;
		}
		.df_all_more_01 strong a {
			color:#e7011d;
		}
		.df_all_more_01 strong font {
			color:#e7011d;
		}
	.df_all_more_02 strong {
		color:#099fff;
		border-top:2px #099fff solid;
	}
		.df_all_more_02 strong i {
			background:#099fff;
		}
		.df_all_more_02 strong a {
			color:#099fff;
		}
		.df_all_more_02 strong font {
			color:#099fff;
		}
	.df_all_more_03 strong {
		color:#65a61d;
		border-top:2px #65a61d solid;
	}
		.df_all_more_03 strong i {
			background:#65a61d;
		}
		.df_all_more_03 strong a {
			color:#65a61d;
		}
		.df_all_more_03 strong font {
			color:#65a61d;
		}