@charset "utf-8";
/* CSS Document */
body{
	font-family: "微软雅黑";
	font-size: 62.5%;
	color: #000000;
}

a{text-decoration: none; color: #000000;}

a:hover{text-decoration: none; color: #e60012;}

@media (min-width: 768px) {
	.col-my-1 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	  }
	.col-my-2 {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	  }
	.show-m{display:none !important;}
}

@media (max-width: 767px) {
	.show-pc{display: none !important;}
}

/*导航*/

#dh-navbar .navbar {
    border:none;
	background:#FFFFFF;
	padding:0;
}

#dh-navbar .navbar-brand {background-color: #e60012; width: 200px; height: 100px; text-align: center; padding: 0; margin: 0; line-height: 100px;}

#dh-navbar .navbar-brand img{max-width: 171px; margin: 0 auto;}

#dh-navbar .navbar-nav > li > a {
		color: #000000;
		font-size: 1.8em;
		display: block;
		text-decoration: none;
	  	position: relative;
	}
#dh-navbar .navbar-nav > li > a:hover,
#dh-navbar .navbar-nav > li > a:focus,
#dh-navbar .navbar-nav > li.active > a,
#dh-navbar .navbar-nav > li.currclass > a{
	text-decoration: none;
	color: #e60012;
}
@media (min-width: 768px) {
	#dh-navbar nav{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#dh-navbar .navbar-nav > li{padding: 0px 15px;}
	#dh-navbar .navbar-nav > li > a {
		text-decoration: none;
	  	position: relative;
		height: 100px;
		line-height: 100px;
	}
	#dh-navbar .navbar-nav > li > a::before {
	  content: '';
	  width: 0;
	  height: 2px;
	  position: absolute;
	  bottom:30px;
	  left: 100%;
	  background: #e60012;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	#dh-navbar .navbar-nav > li > a:hover::before {
	  width: 100%;
	  left: 0;
	  -webkit-transition: width 0.3s ease;
	  -moz-transition: width 0.3s ease;
	  -ms-transition: width 0.3s ease;
	  -o-transition: width 0.3s ease;
	  transition: width 0.3s ease;
	}

	#dh-navbar .navbar-nav > li.currclass > a::before {
	  width: 100%;
	  left: 0;
	  content: '';
	  height: 2px;
	  position: absolute;
	  bottom: 30px;
	  background: #e60012;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
}
@media (min-width: 1920px) {
#dh-navbar .navbar-nav > li{padding: 0px 30px;}
}
@media (max-width: 767px) {
	#dh-navbar .navbar-brand {width: 100px;}
	#dh-navbar .navbar-brand img{max-width: 80px;}
	#dh-navbar .navbar-nav > li > a {
		padding:5px 0px;
		text-align: center;
		writing-mode: horizontal-tb;
  		-webkit-writing-mode: horizontal-tbl;
  		-ms-writing-mode: horizontal-tb;
	}
	#dh-navbar .navbar-nav > li > a:hover,
	#dh-navbar .navbar-nav > li > a:focus,
	#dh-navbar .navbar-nav > li.active > a,
	#dh-navbar .navbar-nav > li.currclass > a{
		text-decoration: none;
		color: #e60012;
		writing-mode: horizontal-tb;
  		-webkit-writing-mode: horizontal-tb;
  		-ms-writing-mode: horizontal-tb;
		background:none;
	}
}
#dh-navbar .navbar-collapse{
	flex-grow: 0;
}



#dh-navbar .dropdown-menu ul{padding: 0;}

@media (max-width: 767px) {

#dh-navbar .dropdown-menu{margin: 0.125rem;}
	
#dh-navbar .dropdown-menu ul{ width:100%; float:left;}

#dh-navbar .dropdown-menu ul li { list-style: none; width: 100%; text-align:center;height:25px; line-height: 25px; font-size: 16px;}

#dh-navbar .dropdown-menu ul li.menu-bt { list-style: none;  height:30px; line-height: 30px; font-size: 14px; color: #d7024b;}
}
@media (min-width: 768px) {
	
	#dh-navbar .dropdown-menu{ padding: 10px; min-width: 5rem; width: 100%;left: 0; right: 0;}

	#dh-navbar .dropdown-menu ul li { list-style: none; width:100%; height:30px; line-height: 30px; text-align: center; font-size: 16px; float: left; color: #000000;}
	
	#dh-navbar .dropdown-menu ul li a{color: #000000; text-decoration: none; display: block; width: 100%; height: 100%;}
	
	#dh-navbar .dropdown-menu ul li a:hover{color: #e60012; text-decoration: none;background: url("/weijieimages/menu-bg.jpg") left bottom no-repeat;}
	
	#dh-navbar .dropdown-menu ul li.menu-bt { list-style: none; width: 100% !important; height:30px; line-height: 30px; font-size: 14px; float: left; color: #000000;}
	
	#dh-navbar .dropdown-menu ul:hover li.menu-bt{color: #e60012; background: url("/weijieimages/menu-bg.jpg") left bottom no-repeat;}
	
	#dh-navbar .navbar-collapse span{
		color: #0095d9;
		font-size: 1.4em;
		font-weight: bold;
		display: inherit;
	}
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border:none;
}

/*幻灯*/

.carousel-caption {
  position: absolute;
  right: 0%;
  top: 10%;
  left: 0%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.carousel-caption h3{ font-size:36px; font-weight:bold; color: #FFFFFF; margin-bottom: 0px;}

.carousel-caption h3 a{color: #FFFFFF;}

.carousel-caption p{ font-size:24px; font-weight:lighter; color: #FFFFFF; line-height:100%;}

.carousel-caption p a{color: #FFFFFF;}

@media(min-width:768px){
	.carousel-caption h3{font-size:28px;}
	.carousel-caption p{font-size:16px;}
	.carousel-caption {top:38%;text-align:left;}
}
@media(min-width:1024px){
	.carousel-caption h3{font-size:34px;}
	.carousel-caption p{font-size:18px;}
	}

@media(min-width:1366px){
	.carousel-caption h3{font-size:48px;}
	.carousel-caption p{font-size:20px;}
	}

@media(min-width:1440px){
	.carousel-caption h3{font-size:48px;}
	.carousel-caption p{font-size:20px;}
	}
@media(min-width:1920px){
	.carousel-caption h3{font-size:60px;}
	.carousel-caption p{font-size:24px;}
	}
@media(min-width:2560px){
	.carousel-caption h3{font-size:80px;}
	.carousel-caption p{font-size:32px;}
	}

/*标题*/

.title-section{text-align: center;}

.title-section h2{
	font-size: 24px;
	margin-bottom: 40px;
	color: #020202;
	font-weight: normal;
	margin-top: 0px;
}

.bt{padding-top: 123px; padding-bottom: 65px;}

.bt h1{ font-size: 36px; font-weight: normal; color: #262626; margin-bottom: 20px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

.bt h2{ font-size: 24px; font-weight: normal; color: #262626; margin-bottom: 20px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

@media (max-width: 767px) {
	.bt h1,.bt h2{ font-size: 22px; line-height: 20px;}
	
	.bt h2{font-size: 16px; background: none; padding-left: 0px; margin-bottom: 5px;}
	
	.bt{padding-top: 30px; padding-bottom: 15px;}
}

.more{ text-align: right; width: 100%; height: 100%; float: left; display: flex; justify-content:flex-end;}

.more span{color: #eb6143; font-size: 14px; border-bottom: 1px solid #eb6143;display: block; padding-bottom: 5px;}

.more span a{color: #eb6143;text-decoration: none;}

.more span a:hover{color: #eb6143;font-weight: bold; font-size: 15px; text-decoration: none;}


/*介绍*/

#intro-section{background-color: #fbfbfb;}

#intro-section img{width: 100%;}

#intro-section .intro{padding-bottom: 300px;}

#intro-section .intro:hover{background-color: #f3f3f3;transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;}

#intro-section .intro-thumb{
    position: relative;
    height: auto;
    overflow: hidden;
	margin-bottom: 50px;
}



#intro-section .intro-thumb img{
    width: 100%;
    height: 100%;
    transform:  scale(1);
    -moz-transform:  scale(1);
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}



#intro-section .intro h3{font-size: 20px; font-weight: bold; color: #3e3e3e; margin-bottom: 38px;padding-left: 35px; padding-right: 35px;}

#intro-section .intro p{font-size: 16px; font-weight:normal; color: #3e3e3e;padding-left: 35px; padding-right: 35px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

@media(min-width:768px){
	#intro-section .intro:hover img{
		transform:  scale(1.1);
		-moz-transform:  scale(1.1);
		-webkit-transform:  scale(1.1);
		-ms-transform:  scale(1.1);
		-o-transform:  scale(1.1);
	}
	
	#intro-section .intro:hover h3{font-size: 20px; font-weight: bold; color: #e60012; margin-bottom: 38px;padding-left: 35px; padding-right: 35px;
		transition: all 0.5s linear 0s;
		-moz-transition: all 0.5s linear 0s;
		-webkit-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
		-o-transition: all 0.5s linear 0s;
	}
}

@media(max-width:767px){
	#intro-section .intro{padding-bottom: 40px;}
	#intro-section i{
		color: #e94638;
		font-size: 30px;
	}
	
	#intro-section .intro h3{margin-bottom: 45px; padding-bottom: 18px;position: relative; padding-left: 0px; padding-right: 0px; color: #e60012;}
	
	#intro-section .intro h3::before{
		width: 80px;
		left: 0;
		content: '';
		height: 1px;
		position: absolute;
		bottom: 0;
		background: #e60012;
	}
	
	#intro-section .intro p{ padding-left: 0px; padding-right: 0px; line-height: 30px;}
}

/*新闻*/

#news-section{margin-bottom: 120px;}

#news-section .news-thumb{
    position: relative;
    height: auto;
    overflow: hidden;
	margin-bottom: 35px;
}

#news-section .news-thumb img{
    width: 100%;
    height: 100%;
    transform:  scale(1);
    -moz-transform:  scale(1);
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

#news-section .news-l h3{font-size: 30px; font-weight: bold; color: #e60012; margin-bottom: 25px;}

#news-section .news-l p{font-size: 16px;line-height:28px; color: #3e3e3e; margin-bottom: 30px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

#news-section .news-l a{font-size: 16px; font-weight:normal; color: #3e3e3e; }

#news-section .news-r h4{font-size: 24px; color: #3e3e3e; margin-bottom: 13px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; text-align:center;}

#news-section .news-r h5{font-size: 16px; color: #3e3e3e; margin-bottom: 13px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light";text-align:center;}

#news-section .news-r h3{font-size: 18px; font-weight: bold; color: #3e3e3e; margin-bottom: 13px;}

#news-section .news-r p{font-size: 16px; color: #3e3e3e; line-height: 24px; height: 48px; overflow: hidden; font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

#news-section .news-r span{font-size: 16px; font-weight:normal; color: #e60012;float: right;}

#news-section .news-box{padding-top:40px; padding-bottom: 20px; border-bottom: 1px solid #f3f3f3;}

#news-section .news-box:first-child{border-top: 1px solid #f3f3f3;}

#news-section .news-r a:hover h4{color: #e60012;}

#news-section .news-r a:hover h3{color: #e60012;}

@media(max-width:767px){
	
	#news-section .news-l{margin-bottom: 60px;}

	#news-section .news-l h3{font-size: 22px;}
	
	#news-section .news-box{padding-top:30px; padding-bottom: 10px;}
	
	#news-section .news-r h3{color: #e60012; margin-bottom: 13px;}
	
	#news-section .news-r h5{text-align:justify; margin-bottom: 40px;}
	
	
	
}

@media(min-width:768px){
	
	#news-section{margin-bottom: 200px;}

	#news-section .news-l{padding-right:50px;}

	#news-section .news-r{padding-left:50px;}
	
	#news-section .news-l:hover img{
		transform:  scale(1.1);
		-moz-transform:  scale(1.1);
		-webkit-transform:  scale(1.1);
		-ms-transform:  scale(1.1);
		-o-transform:  scale(1.1);
	}
	
	#news-section .news-r p{
		height: 24px;
		transition: all 0.5s linear 0s;
		-moz-transition: all 0.5s linear 0s;
		-webkit-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
		-o-transition: all 0.5s linear 0s;
	}
	
	#news-section .news-r a:hover p{overflow: visible; height: 72px;}
}

#n-banner img{max-width: 100%; height: auto;}
@media (min-width: 1921px) {
	#n-banner img{width: 100%;}
}



/*底部*/

footer { padding-top: 130px; padding-bottom: 190px; background: #383838;}

footer h3{ font-size: 16px; font-weight: bold; color: #f6f6f6; margin-bottom: 18px;}

footer p{ font-size: 16px; font-weight: lighter; color: #f6f6f6; margin-bottom: 18px;}

footer .fline{border-right: 1px solid #414141;}

footer .text-right img{width: 124px;}

footer ul{margin: 0; padding: 0;}

footer ul li{list-style: none;font-size: 16px; color: #FFFFFF; font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; width: 50%; float: left; margin-bottom: 18px;padding-left:15%;}

footer ul li a{color: #FFFFFF;}

@media (min-width: 1200px) {
	footer .col-xl-4 {
		-ms-flex: 0 0 37.5%;
		flex: 0 0 37.5%;
		max-width: 37.5%;
	}
	footer .fhref{
		-ms-flex: 0 0 21.875%;
		flex: 0 0 21.875%;
		max-width: 21.875%;
	}
	footer .faddr{
		-ms-flex: 0 0 28.75%;
		flex: 0 0 28.75%;
		max-width: 28.75%;
		padding-left: 67px;
	}
	footer .col-xl-2{
		-ms-flex: 0 0 11.875%;
		flex: 0 0 11.875%;
		max-width: 11.875%;
	}
}

@media (max-width: 767px) {
	footer { padding-top: 60px; padding-bottom: 60px;}
	footer .fline{border-right: none; padding-top: 0; padding-bottom: 20px;}
	footer .text-right{text-align: left!important;}
	footer .fline img{max-width:55%;margin-bottom:40px;}
}
/*内页导航*/

.n-daohang{ display: flex;justify-content: flex-end;}

.n-daohang ul{margin: 0; padding: 60px 0 0; }

.n-daohang ul li{list-style:none; font-size: 18px; font-weight: normal; font-family: "微软雅黑"; height: 30px; line-height: 30px; float: left; text-align: left;}

.n-daohang ul li>a {
  text-decoration: none;
  cursor: pointer;
  position: relative;
  color: #5b5b5b;
  padding-bottom: 6px;
}

@media (min-width: 768px) {
	.n-daohang ul li{ padding-left: 16px; padding-right: 16px;}
	.n-daohang ul li>a::before {
	  content: '';
	  width: 0;
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  left: 100%;
	  background: #e60012;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.n-daohang ul li>a:hover::before {
	  width: 100%;
	  left: 0;
	  -webkit-transition: width 0.3s ease;
	  -moz-transition: width 0.3s ease;
	  -ms-transition: width 0.3s ease;
	  -o-transition: width 0.3s ease;
	  transition: width 0.3s ease;
	}

	.n-daohang ul li>a.active::before {
	  width: 100%;
	  left: 0;
	  content: '';
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  background: #e60012;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.n-daohang ul li.currclass>a::before {
	  width: 100%;
	  left: 0;
	  content: '';
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  background: #e60012;
	  -webkit-transition: all 0.3s ease;
	  -moz-transition: all 0.3s ease;
	  -ms-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	}
	.n-daohang ul li>a.active{color: #e60012;}
	.n-daohang ul li.currclass>a{color: #e60012;}
	.n-daohang ul li>a:hover{color: #e60012;}
}

@media (max-width: 767px) {
	
	.n-bt{padding-top: 40px; padding-bottom: 40px;}

	.n-daohang ul{margin: 0; padding: 60px 0 0; width:100%;}

	.n-daohang ul li{height: 32px;line-height: 32px;text-align: center; width:25%;}

	.n-daohang ul li>a{color: #333333; text-decoration: none; height: 32px; display: block;}

	.n-daohang ul li>a.active{color: #333333; text-decoration: none; font-weight: bold; border-bottom:2px solid #eb6143; height: 30px; display: block;}

	.n-daohang ul li.currclass>a{color: #FFFFFF;background:#e60012;}

}

/*内页幻灯*/

#n-banner{position: relative;
  width: 100%;
  overflow: hidden;}

#n-banner .carousel-caption{top: 50%;}

@media (max-width: 767px) {
	
	#n-banner .carousel-caption{top: 20%;}
}

#n-banner .carousel-caption h3{margin-bottom: 24px;}


/*新闻动态*/

#n-news-section{padding-bottom: 120px; background-color: #f6f6f6; padding-top: 70px;}

@media (max-width: 767px) {
	#n-news-section{padding-bottom: 70px;padding-top: 20px;}
}

#n-news-section .blog-gird-item:hover{background-color: #e60012;}

#n-news-section .blog-gird-item:hover h4 a{color: #FFFFFF;}

#n-news-section .blog-gird-item:hover p a{color: #FFFFFF;}

#n-news-section .blog-gird-item:hover span em{color: #FFFFFF;}

/*新闻动态内页*/

#news-nr{padding-bottom: 150px; padding-top: 100px;}

#news-nr h1{ font-size: 40px; font-weight: bold; color: #444444; margin-bottom: 24px;}

#news-nr h2{ font-size: 16px; font-weight: bold; color: #a7a7a7; margin-bottom: 60px;}

#news-nr p{ font-size: 16px; font-weight: normal; color: #333333; line-height: 30px;}

#news-nr img{ width:100%;}

@media (max-width: 767px) {
	#news-nr{padding-bottom: 100px;padding-top: 50px;}
	#news-nr h1{ font-size: 36px;}
}

#news-nr .news-nr-img{
	padding: 30px 18px;
	background: -webkit-linear-gradient(#f0f0f0, #FFFFFF); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#f0f0f0, #FFFFFF); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#f0f0f0, #FFFFFF); /* Firefox 3.6 - 15 */
	background: linear-gradient(#f0f0f0, #FFFFFF); /* 标准的语法 */
}

#news-nr .img-box{margin-bottom: 30px;}

#news-nr .img-box img{margin-bottom: 15px;}

#news-nr .img-box a h3{ font-size: 14px; font-weight: bold; text-decoration: none;}

/*内页关于我们*/

.n-red h3,.n-red p{color: #e60012;}

#n-dh{background-color: #e60012;}

#n-dh ul{margin: 0; padding: 0;}

#n-dh ul li{list-style:none; font-size: 20px; font-weight: normal; font-family: "微软雅黑"; float: left; text-align: center;}

#n-dh ul li a{ color: #FFFFFF; display: block;padding-left:53px; padding-right: 53px; height: 100px; line-height: 100px;}

#n-dh ul li a:hover{ color: #FFFFFF; background-color: #a5000d;}

@media (max-width: 767px) {
	
	#n-dh ul li a{ padding-left:20px; padding-right: 20px; height: 74px; line-height: 74px;}
}




#n-intro{padding-bottom: 20px;background-color: #f6f6f6; }

#n-intro ul li{ overflow: hidden;}

#n-intro ul li a:hover,#n-intro ul li a.active{background-color: #FFFFFF; display: block;}

#n-intro ul li a h3{ font-size: 24px; font-weight: normal; margin-bottom: 20px;padding-top: 40px;position: relative; padding-bottom: 8px;}

@media (min-width: 768px) {
	#n-intro ul li a h3::before{
		width: 80px;
		left: 0;
		content: '';
		height: 2px;
		position: absolute;
		bottom: 0;
		background: #bfbfbf;
	}

	#n-intro ul li a.active h3::before{
		width: 80px;
		left: 0;
		content: '';
		height: 1px;
		position: absolute;
		bottom: 0;
		background: #e94638;
	}

	#n-intro ul li a:hover h3::before{
		width: 80px;
		left: 0;
		content: '';
		height: 2px;
		position: absolute;
		bottom: 0;
		background: #e94638;
		-webkit-transition: all 0.3s ease;
		  -moz-transition: all 0.3s ease;
		  -ms-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease;
	}
}

#n-intro ul li a:hover h3,#n-intro ul li a:hover p{color: #000000;}

#n-intro .joinpdl h2{ font-size: 36px; font-weight: normal; color: #e60012; margin-bottom: 30px;}

#n-intro .joinpdl h3{ font-size: 24px; font-weight: normal; color: #e94638; margin-bottom: 40px;padding-top: 40px;position: relative; padding-bottom: 8px;}

#n-intro .joinpdl p{ margin-bottom: 40px;font-size: 16px; font-weight: normal; line-height: 28px;font-size: 16px; font-weight: normal; line-height: 28px;}

#n-intro .joinpdl h3::before{
	width: 140px;
	left: 0;
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #bfbfbf;
}

#n-intro .tab-content{ height: 100%;border-top: 1px solid #bfbfbf;}

#n-intro .tab-pane{background-color: rgba(255,255,255,0.9); padding-left: 20px; padding-right: 20px;height: 100%;}

@media (min-width: 768px) {
	#n-intro{padding-bottom: 123px;}
	#n-intro .joinpdr{ padding-right:0px; margin-right:0px;border-right: 1px solid #bfbfbf;}
	#n-intro .joinpdl{ padding-left:0px; margin-left:0px;}
	#n-intro ul li{border-top: 1px solid #bfbfbf; height: 180px;}
	#n-intro ul li a:hover,#n-intro ul li a.active{ height: 180px;}
}
@media (min-width: 1366px) {
	#n-intro ul li a h3{ font-size: 20px;}
}
@media (min-width: 1920px) {
	#n-intro ul li a h3{ font-size: 24px;}
}
@media (max-width: 767px) {
	
	#n-intro ul li{ height: 80px; border-bottom: none; width: 50%;}
	
	#n-intro ul li a h3{ font-size: 18px; margin-bottom: 20px;padding-top: 15px; padding-bottom: 8px;}
	
	#n-intro .flex-column{flex-direction: row !important;}
	
	#n-intro p{ font-size: 14px;line-height: 24px;}
	
	#n-intro .joinpdr{ height: 80px;}
	
	#n-intro .joinpdl{min-height: 180px;}
	
	#n-intro .joinpdl h2{ font-size: 24px; font-weight: normal; color: #e94638; margin-bottom: 30px; padding-top: 50px;}
	
	#n-intro .tab-content{margin-bottom: 50px;}
}

/*云德理念*/

#n-linian .linian{padding-bottom: 300px;}



#n-linian .intro-thumb{
    position: relative;
    height: 250px;
	width: 250px;
	border-radius: 50%;
	margin: 220px auto 100px;
    overflow: hidden;
}

#n-linian .intro-thumb img{
    width: 100%;
    height: 100%;
}



#n-linian .linian h3{font-size: 16px; font-weight: bold; color: #000000; padding-bottom: 30px; margin-bottom: 50px;padding-left: 35px; padding-right: 35px; text-align: center; position: relative;}

#n-linian .linian h3::before{
	width: 80px;
	left: 50%;
	transform:translate(-50%,0);
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #bfbfbf;
}

#n-linian .linian p{font-size: 16px; font-weight:normal; color: #585858; margin-bottom: 38px;padding-left: 35px; padding-right: 35px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; text-align: center;}

@media(min-width:768px){
#n-linian .linian:hover{
	background-color: #e60012;
	transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

#n-linian .linian:hover h3{color: #F6F6F6;}
#n-linian .linian:hover h3::before{
	width: 80px;
	left: 50%;
	transform:translate(-50%,0);
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	background: #F6F6F6;
}

#n-linian .linian:hover p{color: #F6F6F6;}
}

@media(max-width:767px){
	#n-linian .linian{padding-bottom: 77px;}
	#n-linian .intro-thumb{margin: 70px auto 60px; height: 200px; width: 200px;}
	#n-linian i{
		color: #e60012;
		font-size: 30px;
	}
}

/*食品安全*/

#n-safe{background-color: #F6F6F6;}

#n-safe .safe{padding-bottom: 50px;}

#n-safe .intro-thumb{
	position: relative;
	width: 100%;
	margin: 0px auto 20px;
    overflow: hidden;
}

#n-safe .intro-thumb img{
    width: 100%;
    height: 100%;
	transform:  scale(1);
    -moz-transform:  scale(1);
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

@media(min-width:768px){
	#n-safe .safe:hover img{
		transform:  scale(1.1);
		-moz-transform:  scale(1.1);
		-webkit-transform:  scale(1.1);
		-ms-transform:  scale(1.1);
		-o-transform:  scale(1.1);
	}
}

#n-safe .safe-nr{padding: 40px 30px; background-color: #FFFFFF;}

#n-safe .safe h3{font-size: 16px; font-weight: bold; color: #e60012; padding-bottom: 20px; margin-bottom: 40px; position: relative;}

#n-safe .safe h3::before{
	width: 80px;
	left: 0;
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #bfbfbf;
}

#n-safe .safe p{font-size: 16px; font-weight:normal; color: #585858;font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

@media(min-width:768px){
#n-safe{padding-bottom: 73px;}
#n-safe .safe:hover .safe-nr{
	background-color: #e60012;
	transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

#n-safe .safe:hover h3{color: #F6F6F6;}
#n-safe .safe:hover h3::before{
	width: 80px;
	left: 0;
	content: '';
	height: 2px;
	position: absolute;
	bottom: 0;
	background: #F6F6F6;
}

#n-safe .safe:hover p{color: #F6F6F6;}
}

@media(max-width:767px){
	#n-safe .safe{padding-bottom: 77px;}
	#n-safe i{
		color: #e60012;
		font-size: 30px;
	}
}

/*关于我们 品牌*/

#n-gypp{background-color: #e60012; padding-bottom: 20px;}

#n-gypp .gypp{margin: 115px 0 100px; text-align: center;}

#n-gypp img{ max-width: 100%;}

#n-gypp p{ text-align: right;font-size: 16px; color: #FFFFFF;font-family:"Microsoft YaHei UI light","Microsoft YaHei light";}

#n-gypp p a{color: #FFFFFF;}

@media(max-width:767px){
	
	#n-gypp .gypp{ height: 300px; margin-top: 50px; line-height: 300px; margin-bottom: 20px;}
}

/*旗下品牌*/ 

#n-pinpai{padding-top: 44px; padding-bottom: 48px;background-color: #f6f6f6;}

#n-pinpai .pp-box img{width: 100%;}

#n-pinpai .pp-box{position: relative;overflow: hidden;}

#n-pinpai .pp-hover{position: absolute; left:0;top:0; z-index: 10;width: 100%;height: 100%; overflow: hidden; text-align: center; display: none;
	animation: hideIndex 1s;
	-moz-animation: hideIndex  1s; /* Firefox */
	-webkit-animation: hideIndex  1s; /* Safari and Chrome */
	-o-animation: hideIndex  1s; /* Opera */}

#n-pinpai .pp-box:hover .pp-hover{display: block;}

@keyframes hideIndex{
	0%{ opacity: 0;}
	100%{opacity: 1;}
}

#n-pinpai .carousel-caption {top:90%; text-align:right;}

#n-pinpai p{text-align: right;font-size: 16px; color: #FFFFFF;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; padding-right: 20px;}

#n-pinpai i{color: #FFFFFF;font-size: 30px;}

/*旗下品牌云亭*/


@media (max-width: 767px) {
	
	#n-intro ul.pp-ul li{width: 33.33%;}
	#n-intro ul.dz-ul li{width: 25%;}
	#n-intro ul.dz-ul li .nav-link{padding:0.5rem;}
	
}

#n-products {padding-bottom: 260px;}

@media (max-width: 767px) {
	
	#n-products {padding-bottom: 100px;}
	
}

#n-products .swiper-slide {
	text-align: center;
	border-right: 1px solid #CECECE;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#n-products img{max-width: 100%; margin-bottom: 45px; margin-top: 105px;}

#n-products h4{color:#e60012;font-size: 20px; margin-bottom: 10px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

#n-products p{color:#393939;font-size: 16px; margin-bottom: 45px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

.swiper-button-next,
.swiper-button-prev {
	color:#FFFFFF;
	background-color: #a3a3a3;
	width:30px;
	height:30px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
 font-size:16px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 left:0px;
 right:auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 right:0px;
 left:auto
}

#n-history {padding-bottom: 260px;background-color: #f6f6f6;}

#n-history .swiper-slide {
	text-align: center;
	border-right: 1px solid #CECECE;
	padding: 0 25px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#n-history h4{color:#e60012;font-size: 24px; text-align: left; margin-top: 26px; margin-bottom: 100px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

#n-history p{color:#393939;font-size: 16px; text-align:left;margin-bottom: 80px;font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

#n-history i{float: right;}

#n-history .swiper-button-next,
#n-history .swiper-button-prev {
	color:#FFFFFF;
	background-color: #9d9d9d;
}

@media (max-width: 767px) {
	
	#n-history {padding-bottom: 120px;}

	#n-history h4{margin-bottom: 66px;margin-top: 46px;}

	#n-history p{margin-bottom: 20px;}
	
}

/*线上商城*/

#n-shop .shop-box{height: 980px; text-align:center; padding-top: 412px; border-right: 1px solid #414141;
	transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -ms-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;}

#n-shop .shop-box img{margin-bottom: 48px;}

#n-shop .shop-box h2{display: none; font-size: 24px; color: #FFFFFF;}

@media (max-width: 767px) {

	#n-shop{height: 1024px;background-image: url("/yundeimages/shop-bg-m.jpg");background-size:cover;}
	
	#n-shop .shop-box{height:auto; padding-top: 94px;padding-bottom: 63px;  border-right:none;border-top:1px solid #414141;}

	#n-shop .shop-box:first-child{border-top:none;}

	#n-shop .shop-box img{margin-bottom: 17px; width:130px;}

	#n-shop .shop-box h2{display: block;}
}

@media (min-width: 768px) {

	#n-shop{height: 980px;background-image: url("/yundeimages/shop-bg.jpg");}

	#n-shop .row{padding-right: 15px;padding-left: 15px;}

	#n-shop .shop-box:first-child{border-left:1px solid #414141;}

	#n-shop .shop-box:hover{background-color: #e60012;}

	#n-shop .shop-box:hover h2{display: block;}
}


/*联系我们*/

.n-black h3,.n-black p{color: #000000;}

#n-contact{ padding-top:112px; margin-bottom:240px;}

#n-contact h4{ font-size:24px; font-weight:bold; color:#000000; padding-bottom:30px; margin-bottom:56px;position: relative;}

#n-contact h4::before{
	width: 80px;
	left: 0;
	content: '';
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #bfbfbf;
}

#n-contact p{ font-size:16px; color:#000000; line-height:30px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

#n-contact .cform label{font-size:16px; color:#000000; line-height:30px; font-family:"Microsoft YaHei UI light","Microsoft YaHei light"; }

#n-contact .cform .col-12{ margin-bottom:60px;}

#n-contact .btn-yunde {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}

#n-contact .btn-yunde:hover {
  color: #fff;
  background-color:#F00;
  border-color: #F00;
}

#n-contact .btn-yunde:focus, #n-contact .btn-yunde.focus {
  color: #fff;
  background-color: #F00;
  border-color: #F00;
  box-shadow: 0 0 0 0.2rem rgba(230, 0, 18, 0.5);
}

#n-contact .btn-yunde.disabled, #n-contact .btn-yunde:disabled {
  color: #fff;
  background-color: #e60012;
  border-color: #e60012;
}

.btn-yunde:not(:disabled):not(.disabled):active, .btn-yunde:not(:disabled):not(.disabled).active,
.show > .btn-yunde.dropdown-toggle {
  color: #fff;
  background-color: #F00;
  border-color: #F00;
}

.btn-yunde:not(:disabled):not(.disabled):active:focus, .btn-yunde:not(:disabled):not(.disabled).active:focus,
.show > .btn-yunde.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 0, 18, 0.5);
}

@media (max-width: 767px) {
	#n-contact .cform .col-12{ margin-bottom:20px;}
	#n-contact .col-12{ margin-bottom:20px;}
	#n-contact{ padding-top:60px; margin-bottom:77px;}
	}

/*文章分页样式*/
#fenye{clear:both; margin:0px 20px 0 0; width: 100%; padding-top:20px;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:34px; color:#4c4c4c;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:34px; color:#4c4c4c;}
#fenye a.curr{width:34px;background:#e94638; border:1px solid #e7600f; color:#4c4c4c;font-weight: 12px; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a.curr font{ color: #FFFFFF !important;}
#fenye a{color:#4c4c4c;background:#fff; margin:0px 5px; border:1px solid #4c4c4c; float:left; text-align:center;height:34px;line-height:34px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

.n-nr #fenye span{width:auto; border-bottom:none; display: inherit; height:auto;}

/**
* 4.30 - Blog Page
* -----------------------------------------------------------------------------
*/
.tzblog-wrap{
    background: #eeeeee;
    padding: 81px 0;
}
.not-return{
    padding: 60px 0 0 0;
}
.not-return h4{
    text-align: center;
    text-transform: uppercase;
}
.nav-previous,
.nav-next{
    display: inline-block;
}
.nav-previous{
    margin-right: 15px;
}
.plazart-navigation .nav-next a,
.plazart-navigation .nav-previous a{
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
}
.not-return a{
    color: red;
    display: block;
    padding-top: 10px;
    text-align: center;
}
body .blog-item-first{
    margin-top: 50px;
}
.dekor_sticky{
    background: none repeat scroll 0 0 #a60012;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    left: -55px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 30px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    width: 200px;
    z-index: 99999;
}
.blog-item{
 /*   background: #fff;
    text-align: center;*/
    padding-bottom: 43px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;

}

.tzblog-slider{
    position: relative;
    max-height: 500px;
    overflow: hidden;
}
.tzblog-slider-content{
    list-style: none;
    padding: 0;
    margin: 0;
}

.tzblog-slider .tz_slider_prev{
    left: 40px;
}
.tzblog-slider .tz_slider_next{
    right: 40px;

}
.tzblog-image img{
    width: 100%;
}
.blog-item h4.blogpost-title{
    padding: 47px 0 27px;
    margin: 0;
    text-align: center;
}
.blog-item h4.blogpost-title:hover a{
    color: #f1805f;
}
.blog-item h4.blogpost-title a{
    color: #000000;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-decoration: none !important;

}
.blog-item h4.tzquote-title a {
    color: #000000;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-decoration: none !important;
}
.blog-item h4.tzquote-title a:hover{
    color: #f1805f;
}
.blog-item h4.tzquote-title{
    padding: 47px 0 25px;
    margin: 0;
    text-align: center;

}
.blog-item p{
    color: #000000;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0;
    padding: 5px 9%;
    position: relative;
}

.tzblog-meta:before{
    position: absolute;
    left: 50%;
    height: 3px;
    width: 20px;
/*    background: #000;*/
    top: 0;
    margin-left: -10px;
    content: '';
}
.tzblog-meta{
    display: block;
    /*text-align: center;*/
    margin-top: 32px;
    word-wrap: break-word;
    padding: 33px 30px 0;
    position: relative;

}
.tzblog-meta:after{
    clear: both;
    content: '';
    display: table;
}

.tzblog-meta em:hover,
.tzblog-meta a:hover,
.tzblog-meta a:hover i{
    color: #f1805f;
}
.tzblog-meta em{
    color: #000000;
    font-family: 'Raleway',sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0 39px 0 0;
    font-style: inherit;

}
.tzblog-meta a:first-child{
    padding: 0;
}
.tzblog-meta .cat-links{
    padding: 0 0 0 15px;
}
.tzblog-meta .cat-links i{
    padding: 0 3px 0 0;
}
.tzblog-meta .cat-links a{
    padding: 0 0 0 5px;
}
.tzblog-meta .tag-links{
    padding: 0 0 0 15px;
}
.tzblog-meta .tag-links i{
    padding: 0 3px 0 0;
}
.tzblog-meta .tag-links a{
    padding: 0 0 0 5px;
}
.tzblog-meta a{
    color: #000000;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 15px;
    font-style: inherit;
    text-decoration: none !important;
}
.tzblog-meta a i{
    color: #000000;
    font-size: 17px;
    line-height: 20px;
    padding-right: 5px;
}
.tzblog-viewmore{
    border: 2px solid #000;
    background: none;
    color: #000000;
    font-family: 'Raleway',sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    margin: 30px 0 0 0;
    padding: 18px 34px 17px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none !important;
}
.tzblog-viewmore:after{
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    left: -100%;
    top: 0;
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    background: #000;
}
.tzblog-viewmore:hover:after{
    left: 0;
}
.tzblog-viewmore:hover span{
    color: #fff;
}
.tzblog-viewmore span{
    color: #000;
    position: relative;
    z-index: 999;
}
.iframe-full-audio{
    width: 100%;
    height: 110px;
    border: 0;
}
.blog-video .tzautoplay,
.blog-video .tzpause{
    background: none;
    border: 0;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
    margin-top: -50px;
    margin-left: -52px;
}
.blog-video .tz-video:after{
    z-index: 999;
    background: rgba(0,0,0,0.3);
}
.blog-video .tzautoplay i{
    font-size: 100px;
    color: #ffffff;
    line-height: 100px;
}
.blog-video .tzpause i{
    font-size: 90px;
    color: #ffffff;
    line-height: 100px;
}
.blog-video .tz-video {
    height: 500px;
    z-index: 999;
}
.blog-item .fa-quote-left{
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    padding-right: 6px;
    transform: translateY(-9px);
    -moz-transform: translateY(-9px);
    -webkit-transform: translateY(-9px);
    -o-transform: translateY(-9px);
    -ms-transform: translateY(-9px);
}
.blog-item .fa-quote-right{
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    padding-left: 6px;
    transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
}
.tzquote{
    position: relative;
    padding-bottom: 4px;
}

.tzquote p:after{
    display: none;
}
.tzquote p{
    color: #000000;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 41px;
    margin: 0;
    padding: 0 9% 28px;
    text-align: center;

}
.tzquote strong{
    color: #000000;
    display: block;
    font-family: 'Raleway',sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    padding: 0;
    text-align: center;

}
.tzpagenavi-blog{
    text-align: center;
    margin: 50px 0 20px;
}
.tzpagenavi-blog .wp-pagenavi  span.current,
.tzpagenavi-blog .wp-pagenavi  a:hover,
.tzpagenavi-blog .wp-pagenavi  a:focus{
    background: #000000;
    color: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    font-weight: 400;
}
.tzpagenavi-blog .wp-pagenavi  a:first-child{
    margin: 0;
}
.tzpagenavi-blog .wp-pagenavi  a,
.tzpagenavi-blog .wp-pagenavi  span{
    color: #000000;
    display: inline-block;
    font-family: 'Raleway',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 0 0 6px;
    padding: 6px 17px;
    text-align: center;
    border: 2px solid #000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background: none;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    text-decoration: none !important;
}
/*---------------Blog Grid--------------*/
.gird-margin{
    margin-top: 23px;
}
body .blog-gird-item {
    padding-bottom: 35px;
    margin-top: 30px !important;
	background-color: #FFFFFF;
}

.pageblog-thumb{
    position: relative;
    height:auto;
    overflow: hidden;
}
@media(max-width:1199px){
	.pageblog-thumb{height:110px;}
	}
@media(max-width:991px){
	.pageblog-thumb{height:150px;}
	}
@media(max-width:767px){
	.pageblog-thumb{height:100%;}
	}
.pageblog-thumb:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(51,51,51,0.8);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    opacity: 0;
}
.blog-gird-item:hover .pageblog-thumb:after{
    opacity: 1;
}

.pageblog-thumb img{
    width: 100%;
    height: 100%;
    transform:  scale(1);
    -moz-transform:  scale(1);
    -webkit-transform:  scale(1);
    -ms-transform:  scale(1);
    -o-transform:  scale(1);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
body .blog-gird-item h4{
    padding: 38px 20px 38px;
    margin: 0;
		font-size:14px;
		font-weight:normal;
		color:#3e3e3e;
}
body .blog-gird-item h4:hover a{
    color: #e94638;
}
body .blog-gird-item h4 a{
    color: #3e3e3e;
    display: block;
    font-family:"微软雅黑";
    font-size: 18px;
	font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-decoration: none !important;

}
body .blog-gird-item p{
    color: #3e3e3e;
    display: block;
    font-family:"微软雅黑";
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0 20px 38px;
    position: relative;
}
body .blog-gird-item p a{color: #3e3e3e;}

.blog-gird-item .tzblog-meta {
    display: block;
    margin-top: 0px;
    /*text-align: center;*/
    padding: 0 20px 30px ;
	border-bottom: none;
}
@media (max-width:767px){
	.blog-gird-item .tzblog-meta { margin-top:0px; padding: 0px 15px 10px;}
	body .blog-gird-item h4{
		padding: 10px 15px 10px;
	}
	body .blog-gird-item h4 a{
		font-weight: normal;
		font-size: 16px;
		font-weight: bold;
	}
	.tzblog-meta em{font-size: 16px;}
	body .blog-gird-item p{
		font-size: 16px;
		padding: 0 15px 10px ;

	}
}
.blog-gird-item .tzblog-meta em{
    padding: 0 23px 0 0;
}

.tzblog-view{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #a60012;
    text-align: center;
    text-decoration: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 999;
    transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -webkit-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;

}
.tzblog-view:after {
    border: 1px solid #a60012;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s linear 0.1s;
    -moz-transition: all 0.3s linear 0.1s;
    -webkit-transition: all 0.3s linear 0.1s;
    -ms-transition: all 0.3s linear 0.1s;
    -o-transition: all 0.3s linear 0.1s;
    width: 100%;
}
.tzblog-view:before {
    border: 1px solid #a60012;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    width: 100%;
}
.tzblog-view:hover:before {
    opacity: 0;
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.tzblog-view:hover:after {
    opacity: 0;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.tzblog-view:hover {
    background: none repeat scroll 0 0 transparent;
}
.tzblog-view:hover i {
    color: #a60012;
}
.tzblog-view i{
    color: #fff;
    line-height: 50px;
    font-size: 21px;
}
.blog-gird-item:hover .tzblog-view{
    transform: rotate(0) scale(1);
    -moz-transform: rotate(0) scale(1);
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);

}
.blog-gird-item:hover .pageblog-thumb img{
    transform:  scale(1.3);
    -moz-transform:  scale(1.3);
    -webkit-transform:  scale(1.3);
    -ms-transform:  scale(1.3);
    -o-transform:  scale(1.3);
}
/*---------------Blog Grid 3 column--------------*/
.blog-gird-item3 .pageblog-thumb{
    height: 370px;
}
body .blog-gird-item3{
    padding-bottom: 33px;
}
body .blog-gird-item3 h4{
    padding: 24px 25px 12px;
    margin: 0;
    text-align: center;
}
body .blog-gird-item3 p{
    padding: 0 10% 23px;
}
body .blog-gird-item3 .tzblog-meta em{
    float: left;
}
body .blog-gird-item3 .tzblog-meta  a{
    float: right;
}
/*---------------Blog Grid 2 column--------------*/
.blog-gird-item2 .pageblog-thumb{
    height: 570px;
}
body .blog-gird-item2{
    padding-bottom: 32px;
}
body .blog-gird-item2 .tzblog-meta em{
    float: left;
}
body .blog-gird-item2 .tzblog-meta  a{
    float: right;
}