#header{height: 80px;position: fixed;top: 0;left: 0;right: 0;background-color: #fff;z-index: 1000}
#header .mainbox{overflow: hidden;}
#header .mainbox .logo{float: left;}
#header .mainbox .logo img{width: 93px;margin:10px 0;display: inline-block;vertical-align: top;}
#header .mainbox .logo span{font-size: 18px;color:#000;line-height: 20px;margin:30px auto;display: inline-block;vertical-align: top;}
#header .mainbox .right{float: right;margin:25px 0;height: 30px}
#header .mainbox .right a{display: inline-block;}
#header .mainbox .right .return i{display: inline-block;vertical-align: top;width: 28px;height: 28px;border: 1px solid #bcbcbc;border-radius: 50%;background: url("../../../public/images/icon-home.png") no-repeat center;transition: all .3s ease-in;}
#header .mainbox .right .return:hover i{border: 1px solid #d7000f;background: #d7000f url("../../../public/images/icon-home-hover.png") no-repeat center;}
#header .mainbox .right .return span{line-height: 30px;font-size: 14px;color: #666666;margin-left: 5px;display: inline-block;vertical-align: top;}
#header .mainbox .right .lan{display: inline-block;margin-left: 10px;vertical-align: top;width: 28px;height: 28px;border: 1px solid #bcbcbc;border-radius: 50%;text-align: center;line-height: 30px;font-size: 12px;transition: all .3s ease-in;}
#header .mainbox .right .lan:hover{border: 1px solid #d7000f;background: #d7000f;color: #fff}

.banner{width: 100%;height: 600px;background-color: #F5F6F8;background-size: cover;background-position: center bottom;background-repeat: no-repeat;margin-top: 80px;}
.banner.wap{display: none;background-image:none}

.content .row1{margin-top:92px;}
.content .row h2{font-size: 32px;color: #333;text-align: center;position: relative;line-height: normal;padding-bottom: 18px}
.content .row h2 i{height: 2px;width: 77px;background-color: #E70012;position: absolute;bottom:0;left: 0;right: 0;margin:auto;}
.content .row .itembox{margin-top: 8px;}
.content .row .item{margin-top: 30px;width: 100%;box-sizing: border-box;padding: 18px;border:1px solid #EBECED;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.05);overflow: hidden;}
.content .row .item .img{float: left;width: 40%;overflow: hidden;}
.content .row .item .img img{transition: all 0.3s;background-color: #F5F6F8;}
.content .row .item .text{float: right;width: 58%;margin-top: 46px}
.content .row .item .text h3 a{font-size: 18px;color: #333;display: inline-block;max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;}
.content .row .item .text h3 a:hover{color:#d7000f; }
.content .row .item .img:hover img{transform: scale(1.1);}
.content .row .item .text span{font-size: 14px;color: #999;margin-top: 7px;display: block;}
.content .row .item .text p{font-size: 16px;color: #666;line-height: 30px;margin-top: 24px;height: 90px;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3;text-overflow:ellipsis;overflow: hidden;}
.content .row2{margin-top:142px;}
.content .bg{width: 100%;height: 244px;margin-top: 20px;background-image: url("../../../public/images/con_bg.png");background-size: cover;background-position: center bottom;background-repeat: no-repeat;}
.content .bg.wap{display: none;background-image:none;height:auto;}
#footer{height: 100px;background-color: #fff;overflow: hidden;}
#footer .mainbox{margin-top: 20px}
#footer p{font-size: 14px;line-height: 30px;text-align: center;color: #333;}

@media screen and (max-width: 1500px){
	.banner{height: 500px;}
}
@media screen and (max-width: 1300px){
	.banner{height: 400px;}
	.mainbox{width:92%}
}
@media screen and (max-width: 1200px){
	.content .row .item .text{margin-top: 26px}
}
@media screen and (max-width: 1060px){
	.content .row .item .text{margin-top:16px}
}
@media screen and (max-width: 1000px){
	.banner{height: 300px;}
	.content .row .item .text p{height: 60px;-webkit-line-clamp:2;}
}
@media screen and (max-width: 850px){
	.content .row .item .text p{margin-top:10px}
}
@media screen and (max-width: 768px){
	#header{height: 50px}
	#header .mainbox .logo img{width: 46.5px}
	#header .mainbox .logo span{font-size: 14px;margin:15px 0;}
	#header .mainbox .right{margin: 10px 0}
	.banner{display: none;margin-top: 50px;}
	.banner.wap{display: block;height: auto}
	.content .row .item{padding: 0;background-color: transparent;box-shadow:none;border:none;}
	.content .row .item .img{float: none;width: 100%;}
	.content .row .item .text{float: none;width: 100%;overflow: hidden;}
	.content .row .item .text h3{display: inline-block;width: calc( 100% - 80px )}
	.content .row .item .text span{display: inline-block;float: right;margin-top: 0}
	.content .row .item .text p{display: none}
	.content .bg{display: none}
	.content .bg.wap{display: block;margin-top: 0}
}
@media screen and (max-width: 560px){
	#header .mainbox .right .return span{display: none;}
	.content .row h2{font-size: 20px;padding-bottom: 10px;}
	.content .row h2 i{width: 52px;}
	.content .row .item{margin-top: 20px}
	.content .row .item .text{margin-top: 10px}
	.content .row .item .text h3 a{font-size: 14px}
	.content .row .item .text span{font-size: 12px;}
	.content .row1{margin-top: 30px}
	.content .row2{margin-top: 40px}
	#footer{height: auto;padding: 20px 0}
	#footer .mainbox{margin-top: 0}
	#footer p{line-height: 22px;margin-top: 5px}
}