/***头部***/
.topp{width: 100%;display: block;}
.topp img{width: 100%;display: block;}
.banner{position: relative;}
.banner .hd{position: absolute;z-index: 1;bottom: 10px;left: 0;width: 100%;text-align: center;}
.banner .hd ul{}
.banner .hd ul li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: red;color: red;cursor: pointer;border: 1px solid red;}
.banner .hd ul li.on{background: #fff;}
.banner .bd{}
.banner .bd ul{}
.banner .bd ul li{}
.banner .bd ul li a{}
.banner .bd ul li img{}

.yyggzt{padding: 1.2rem 0;box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);width: 100%;background:#ffffff;border-radius:20px;
	display: flex;justify-content:center;align-items:center;margin: 1rem auto 0;
}
.yyggzt .bgtpzx{width:24%;margin-right: 0.5rem;}
.yyggzt .bgtpzx img{width: 100%;display: block;}
.yyggzt .jbys{background: linear-gradient(to bottom, #a7dedb 0%, #019e97 50%, #a7dedb 100%);width:2px;height: 4rem;margin-right: 0.5rem;}
.yyggzt .ztwenzigg{width: calc(76% - 1rem - 3px);display: flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.yyggzt .ztwenzigg p{font-size: 1rem;color: #282828;font-weight: 600;line-height: 1.6rem;}







@media screen and (max-width: 620px){

}
@media screen and (max-width: 320px){
	*{font-size: 12px;}

}
@media screen and (max-width:400px) and (min-width:321px){
	*{font-size: 14px;}
    
}
@media screen and (max-width: 600px) and (min-width: 401px){
	*{font-size: 16px}
}
@media screen and (min-width: 601px){
	.yyggzt{padding: 0.8rem 0;margin: 1.5rem auto 0;}
	.yyggzt .bgtpzx{width: 25%;margin-right: 1rem;}
	.yyggzt .jbys{margin-right: 1rem;height: 4rem;}
	.yyggzt .ztwenzigg{width: calc(75% - 2rem - 3px);}
	.yyggzt .ztwenzigg p{font-size: 1.1rem;line-height: 1.8rem;}
}
@media screen and (min-width:620px){
	
}