body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
ul, ol { list-style-type: none;}

body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; background: #E4E1D9;color: #515151;}
a { color: #515151; text-decoration: none;}
a:hover { color: #31a5e7;}

.clearfix:after { content: ""; display: table; clear: both;}



.center-wrap { position: relative; z-index: 1; max-width: 1140px; height:70%; margin: 0 auto;}
.main{margin: 20px auto;}

.section { overflow: hidden;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 25px;}

.mynav{background-color:#fff; width: 100%; height: 68px;}
.section .logo { float: left;  padding: 0; background: url() no-repeat;}
.logo a { float: left;  color: #fff;height: 68px; display: block; height: 100%; }
.nav { float: right; margin-right: 150px;}
.nav li { float: left;}
.nav a { display: block; padding: 0px 22px 30px; line-height: 68px; color: #bb0707}
.login { position: absolute; right: 0; color: #ddd;display: block; padding: 0px 22px 30px; line-height: 68px; }
.login a { margin: 0 5px;color: #bb0707;}
.login i{color: #ef7238; margin-right: 5px;;}


.i-banner{position: relative; z-index: 10; background: url(https://www.gyyz.com.cn/statics/ui/skin/images/dytd-banner.jpg)  center 0 no-repeat #bb0707 ; min-height: 360px; background-size: auto 100%;}
.desc { }
.i-banner-desc { position: absolute; width: 560px; margin: 0 auto; color: #FFF; bottom: 30%; left: 50%; margin-left: -280px;text-shadow: 5px 5px 5px #000;}
.i-banner-desc h1 { text-align: center;text-shadow: 5px 5px 5px #FF0000; margin-bottom: 20px;;}



.img-box{width: 100%; margin: 0 auto; padding:5px 0; text-align: center; position: relative; z-index: 10;}
.img-box .img-h{width: 25%; float: left;}






.footer{background-color: #fff;}
.footer-link {  border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.footer-link dl { float: left; width: 100%;}
.footer-link dt { line-height: 45px; font-weight: 700;}
.footer-link dd { line-height: 28px;}
.footer-link a { color: #515151; text-decoration: none;}
.footer-link a:hover { color: #31a5e7;}

.copyright { padding: 20px 0; text-align: center;background-color: #fff; width: 100%; border-top: 1px solid #eee; font-size: 12px;;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}

@media screen and (min-width:1920px) {
	.banner { }

}
@media screen and (max-width:750px) {
    .logo{width:66%;}
    .logo img{width:100%;margin-top: 2%;}
	.i-banner-desc { position: absolute; width: 80%; margin: 0 auto; color: #FFF; bottom: 30%; left: 50%; margin-left: -40%;text-shadow: 5px 5px 5px #000;}
}




.max-box{background-color: #fff;
	border: 10px solid #fff;
	
}

.max-box:hover{box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3);}
.box-txt{text-align: left; padding:8px 18px;}
.box-txt h4{font-size: 16px; margin-bottom: 10px;;;}
.box-txt  a{color: #bb0707;}
.box-txt p{color: #777; font-size: 12px;;}
.box-eye{text-align: left;padding:8px 18px;  font-size: 12px;
    background-color: #f6f6f6;
    border-radius: 0 0 3 px 3 px;
    border-top: 1 px solid #e7e7e7;
    box-shadow: 0 1px 0 0 #fff inset;
    padding: 7 px 15 px 7 px 15 px;
    color: #8B8B8C;
}
.box-eye i{margin-right: 4px;;}
.box{
	font-family: 'Kanit', sans-serif;
	text-align: center;

	
	overflow: hidden;
	position: relative;
}
.box:hover{  }
.box:before{
	content: "";
	background: linear-gradient(to left top,#bb0707,#ef7238);
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s linear;
}
.box:hover:before{ opacity: 1; }
.box img{
	width: 100%;

	height: 240px;
	transition: all 0.4s linear;
}
.box:hover img{
	opacity: 0;
	transform: scale(3);
}
.box .box-content{
	color: #fff;
	width: 100%;
	transform: translateY(-50%) scale(0);
	position: absolute;
	top: 50%;
	left: 0;
	transition: all 0.4s linear;
}
.box:hover .box-content{ transform: translateY(-50%) scale(1); }
.box .title{
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
.box .post{
	font-size: 16px;
	text-transform: capitalize;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	right: 8px;
	bottom: 10px;
}
.box .icon li{
	display: inline-block;
	margin: 0 1px;
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease 0.4s;
}
.box:hover .icon li{
	opacity: 1;
	transform: scale(1);
}
.box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
.box .icon li a{
	color: #11998e;
	background: #fff;
	font-size: 16px;
	line-height: 33px;
	height: 33px;
	width: 33px;
	border-radius: 50%;
	display: block;
	transition: all 0.5s ease;
}
.box .icon li  a:hover{
	color: #fff;
	background-color: #11998e;
	box-shadow: 0 0 5px #000;
}
@media only screen and (max-width:990px){
	.box { margin: 0 0 30px; }
}








.line{
	 height: 2px;
	background-image: repeating-linear-gradient(-57deg, #f74040, #f74040 2px, transparent 2px, transparent 5px, #f74040 5px), repeating-linear-gradient(33deg, #f74040, #f74040 2px, transparent 2px, transparent 5px, #f74040 5px), repeating-linear-gradient(123deg, #f74040, #f74040 2px, transparent 2px, transparent 5px, #f74040 5px), repeating-linear-gradient(213deg, #f74040, #f74040 2px, transparent 2px, transparent 5px, #f74040 5px);
	background-size: 1px calc(100% + 9.18px), calc(100% + 9.18px) 1px, 1px calc(100% + 9.18px) , calc(100% + 9.18px) 1px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	animation: borderAnimation 0.7s infinite linear;
	}
	
	@keyframes borderAnimation {
	from { background-position: 0 0, -9.18px 0, 100% -9.18px, 0 100%; }
	to { background-position: 0 -9.18px, 0 0, 100% 0, -9.18px 100%; }
	}


.layui-container-show{max-width: 700px; width:98%; margin: 0 auto;}
.show-page{ background: #fff; position: relative;margin: 10px 0 ; }
.show-c{padding: 20px; min-height: 500px;line-height: 1.8;;} 
.show-c h1{text-align: center; border-bottom: 4px solid #eee;  margin-bottom: 16px;}
.show-c img{max-width: 100%;}
.fanhui{margin: 20px 0;;}
.fanhui i{margin-right: 6px; color: #ef7238;}

.other-title{font-size: 20px; padding: 8px 0; font-weight: 700; border-bottom: 2px solid red; text-align: center;}


.other{background: #E4E1D9;padding: 0 10px;;}

.show-box{
	background-image: repeating-linear-gradient(-57deg, #f74040, #f74040 2.52px, transparent 3px, transparent 4.68px, #f74040 5px), repeating-linear-gradient(33deg, #f74040, #f74040 2.52px, transparent 3px, transparent 4.68px, #f74040 5px), repeating-linear-gradient(123deg, #f74040, #f74040 2.52px, transparent 3px, transparent 4.68px, #f74040 5px), repeating-linear-gradient(213deg, #f74040, #f74040 2.52px, transparent 3px, transparent 4.68px, #f74040 5px);
	background-size: 2px calc(100% + 9.18px), calc(100% + 9.18px) 2px, 2px calc(100% + 9.18px) , calc(100% + 9.18px) 2px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	animation: borderAnimation 1s infinite linear;
	}
	
	@keyframes borderAnimation {
	from { background-position: 0 0, -9.18px 0, 100% -9.18px, 0 100%; }
	to { background-position: 0 -9.18px, 0 0, 100% 0, -9.18px 100%; }
	}