.banner{position: relative;width: 100%;height: auto;}

.bg_ban{width: 100%;}
.welcome{
	position: absolute;
	top:8%;
	width: 45%;
	left:20%;
	text-align: center;
	font-size: 1.8rem;
	color:#2d669a;
	font-weight: bold;
}
.tip{
	position: absolute;
	bottom:25%;
	left:20%;
	width: 45%;
	text-align: center;
	font-size: 1rem;
	color:#1a85c6;
}
.ban_center{
	position: absolute;
	width: 45%;
	top:25%;
	left:20%;
}

.product{position: absolute;left:1.5%;bottom: 3.5%;z-index: 8;}
.product .pd_list{float: left;margin-right: 20px;background: #fff;padding: 10px;width: 200px;}
.product .pd_list img{width: 100%;}
.product .pd_list p{font-size: 20px;color: #333;text-align: center;margin-top: 10px;}
.product .pd_list p a:hover{color: #2d669a;}


.news{position: absolute;right:1.5%;top: 20%;padding: 20px;background: #fff;color: #333;width: 350px;z-index: 8;}
.news img{width: 100%;}
.news .tit{font-size: 18px;border-left:3px solid #2F669A;padding-left: 10px;line-height: 20px;margin: 20px 0 15px;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li{line-height: 30px;font-size: 14px;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news a:hover{color: #2d669a;}
@media screen and (max-width: 1400px) {
   .news{top:4%;} 
   .welcome{top:3%;}
   .tip{bottom:29%;}
   .ban_center{top:22%;}
}
@media screen and (max-width: 1200px) {
   .product{position: relative;padding: 0 1.5%;margin-bottom: 2%;overflow: hidden;width: 97.5%;} 
   .news{position: relative;clear: both;left: 1.5%;width: 97%;}
   .product .pd_list{width: 32%;padding: 0;margin-right: 2%;}
   .product .pd_list img{width: 100%;}
   .product .pd_list:last-child{margin-right: 0;}
   .news img{width: 100%;}
   .ban_center{position: relative;width: 100%;left:0;top:0;}
   .tip,.welcome,.bg_ban{display: none;}
}
@media screen and (max-width: 414px) {
   .product .pd_list{width: 100%;margin-bottom: 10px;}
}