.adva_ban{position: relative;z-index: 50;}
.adva_ban img{display: block;width: 100%;z-index: 50;}
.adva_head{color: #FFFFFF; position: absolute;z-index: 100;left: 50%;top: 40%;transform: translate(-50%,-50%);}
.adva_head h2{font-family: "PingFangSCMedium";}
.adva_head p{font-family: "PingFangSCMedium";}
@media only screen and (max-width: 500px) {
	.adva_ban{height: 200px;}
	.adva_ban img{height: 100%;width: auto;}
	.adva_head h2{font-size: 24px;}
}
/*控制系统性能*/
.system_box{padding: 70px 0 80px;box-sizing: border-box;}
.system_top em{margin-left: 25px;background-image: -webkit-gradient(linear, left 0, right 0, from(#02215f), to(#1758cb));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: arial;}
.system_head p{color: #646464;margin-top: 15px;} 
.syste_cont{padding: 20px 10px;box-sizing: border-box;}
.sysem_name{transition: all .3s ease-in;}
.syst_info{transition: all .3s ease-in;color: #646464;line-height: 29px;margin-top: 10px;}
.syste_list li{width: 23.33%;float: left;}
.syste_list a{transition: all .3s ease-in; display: block;border: 1px solid #d3d3d3;box-sizing: border-box;padding: 5px;}
.syste_pic{overflow: hidden;}
.syste_pic img{display: block;width: 100%;transition: all .3s ease-in;}
.syste_list li:hover a{background: #257af3;border: 1px solid #257af3;}
.syste_list li:hover img{transform: scale(1.05);}
.syste_list li:hover .syst_info{color: #FFFFFF;}
.syste_list li:hover .sysem_name{color: #FFFFFF;}
.syste_list li+li{margin-left: 2.22%;}
@media only screen and (max-width:1680px ) {
	.system_box{padding: 60px 0 70px;}
}
@media only screen and (max-width:1440px ) {
	.system_box{padding: 50px 0 60px;}
}
@media only screen and (max-width:1366px ) {
	.system_box{padding: 40px 0 50px;}
	.syste_list li+li{margin-left: 1.22%;}
	.syste_list li{width: 24%;}
	.syst_info{line-height: 26px;}
}
@media only screen and (max-width:1280px ) {
	.system_box{padding: 30px 0 40px;}
}
@media only screen and (max-width:1024px ) {
	.system_box{padding: 20px 0 30px;}
	.syste_list li{width: 49%;margin-left: 0;margin-top: 20px;}
	.syste_list li+li{margin-left: 0;}
	.syste_list li:nth-of-type(even){float: right;}
}
@media only screen and (max-width:768px ) {
	.system_box{padding: 20px 15px 30px;box-sizing: border-box;}
}
@media only screen and (max-width:500px ) {
	.syste_list li{width: 100%;}
	.syste_cont{height: auto !important;}
}
/*安全保护措施*/
.safe_box{color: #FFFFFF; background: url(../images/safebj.jpg)no-repeat center center/cover;}
.safe_top em{margin-left: 25px;font-family: arial;}
.safe_head p{margin-top: 15px;}
.safe_list li{float: left;width: 18.33%;}
.safe_list li+li{margin-left: 2.08%;}
.safe_use{border: 1px solid #77b3fd;padding: 35px 25px 50px;box-sizing: border-box;}
.safe_use .safe_name{font-weight: bold;}
.safe_info{margin-top: 20px;line-height: 24px;}
@media only screen and (max-width:1680px ) {
	.safe_use{padding: 25px 15px 40px;}
}
@media only screen and (max-width:1440px ) {
	.safe_use{padding: 20px 15px 30px;}
}
@media only screen and (max-width:1336px ) {
	.safe_list li+li{margin-left: 1.2%;}
	.safe_list li{width: 19%;}
	.safe_info{margin-top: 15px;}
}
@media only screen and (max-width:1024px ) {
	.safe_list{margin-top: 30px;}
}
@media only screen and (max-width:768px ) {
	.safe_list li+li{margin-left: 1.4%;}
	.safe_list{margin-top: 10px;}
	.safe_list li{width: 32.2%;margin-top: 20px;}
	.safe_list li:nth-of-type(3n+1){margin-left: 0;}
	.safe_info{margin-top: 15px;}
}
@media only screen and (max-width:500px ) {
	.safe_list li{width: 100%;}
	.safe_use{height: auto !important;}
}
/*控制系统*/
.contr_top em{margin-left: 25px;background-image: -webkit-gradient(linear, left 0, right 0, from(#02215f), to(#1758cb));-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: arial;}
.contr_head p{color: #646464;margin-top: 15px;} 
.contra_info{margin-top: 15px;line-height: 30px;}
.contra_list li{width: 48.88%;background: #257af3; float: left;margin-top: 30px;display: table;vertical-align: middle;}
.contra_list li:nth-of-type(even){float: right;}
.contra_use{position: relative;color: #FFFFFF; display: table-cell;width: 100%;height: 100%;vertical-align: middle;padding: 30px 30px 30px 55px;box-sizing: border-box;}
.contra_list li:nth-child(2){background: #2756b6;}
.contra_list li:nth-child(3){background: #2756b6;}
.contra_use:after{display: block;content: "";position: absolute;left: 0;top: 0;height: 100%;width: 6px;background: #5abdf6;}
.contra_list li:nth-child(2) .contra_use:after{background: #257af3;}
.contra_list li:nth-child(3) .contra_use:after{background: #257af3;}
.contra_name{font-weight: bold;}
.contra_list li:nth-child(5){background: url(../images/contrbj.jpg)no-repeat center center/cover; width: 100%;text-align: center;}
.contra_list li:nth-child(5) .contra_use{padding: 0 11%;line-height: 34px;}
@media only screen and (max-width:1680px ) {
	.contra_list li{width: 49%;}
	.contra_use{padding: 25px 25px 25px 45px;}
}
@media only screen and (max-width:1440px ) {
	.contra_use{padding: 20px 20px 20px 35px;}
	.contra_list li{margin-top: 20px;}
}
@media only screen and (max-width:1024px ) {
	.contra_list li:nth-child(5) .contra_use{padding: 0 5%;}
}
@media only screen and (max-width:768px ) {
	.contra_info{line-height: 26px;}
	.contra_list li:nth-child(5) .contra_use{padding: 20px 5%;height: auto !important;line-height: 28px;}
	.contra_use{padding: 20px 20px 20px 25px;}
}
@media only screen and (max-width:500px ) {
	.contra_list li{width: 100%;margin-top: 15px;}
	.contra_use{height: auto !important;}
	.contra_list li:nth-child(5) .contra_use{padding: 20px 5%;height: auto !important;line-height: 28px;}
	.contra_use{padding: 20px 20px 20px 25px;}
	.contra_list li:nth-child(2){background: #257AF3;}
.contra_list li:nth-child(3){background:  #257AF3;}
}