@charset "utf-8";
/* CSS Document */

.width1{ float:left;}
.se{ float: left; width: 100%; background: #121212; margin-bottom: 90px; padding-bottom: 98px;}
.se .span1{ float: left; width: 100%; text-align: center; color: #fff; font-size: 20px; text-transform: uppercase; margin-top: 103px;}
.se .span2{ float: left; width: 100%; text-align: center; color: #fff; font-size: 36px; margin-top: 10px;}
.se .span3{ display:block; width: 665px; font-size: 14px; color: #cdcdcd; line-height: 22px; text-align: center; margin: 0 auto; margin-top: 20px;}
.se .span4{ float: left; width: 100%; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 70px;}
.se ul{ float: left; width: 1145px; margin: 0 28px; height: 162px; margin-bottom: 25px;}
.se .div{ float: left; width: 335px; height: 162px; background: #f5f5f5; padding: 0 28px 0 22px;}
.se .div span{ float: left; width: 100%;}
.se .div span:nth-child(1){ font-size: 22px; text-transform: uppercase; margin-top: 10px;}
.se .div span:nth-child(2){ font-size: 16px; font-weight: bold; margin: 5px 0;}
.se .div span:nth-child(3){ line-height: 18px; color: #999;}
.se ul li{ float: left; width: 152px; height: 162px; overflow: hidden;}
.se ul li img{ float: left; width: 100%;height: 162px;}
.se .ula1{float: left; width: 1145px; margin: 0 28px; height: 258px;}
.se .ula1 li{ float: left; width: 228px; height: 258px; position: relative;}
.se .ula1 li img{ float: left; width: 228px; height: 258px;}
.se .ula1 li .diva{ display: none; float: left; width: 185px; height: 258px; position: absolute; top: 0; left: 0; padding: 0 22px 0 23px; color: #fff;}
.se .ula1 li .diva span{ float: left; width: 100%;}
.se .ula1 li .diva span:nth-child(1){ font-size: 18px; text-transform: uppercase; margin-top: 20px;}
.se .ula1 li .diva span:nth-child(2){ font-size: 18px; font-weight: bold; margin: 5px 0;}
.se .ula1 li .diva span:nth-child(3){ line-height: 18px; margin-top: 10px;}
.se .ula4 li:nth-child(1):hover .diva{ background: #ec8b00; display: block;}
.se .ula4 li:nth-child(2):hover .diva{ background: #d1c1a8; display: block;}
.se .ula4 li:nth-child(3):hover .diva{ background: #00338f; display: block;}
.se .ula4 li:nth-child(4):hover .diva{ background: #b5dfbf; display: block;}
.se .ula4 li:nth-child(5):hover .diva{ background: #e4b9c0; display: block;}
.se .ula5 li:nth-child(1):hover .diva{ background: #d6d1cb; display: block;}
.se .ula5 li:nth-child(2):hover .diva{ background: #dfc5ac; display: block;}
.se .ula5 li:nth-child(3):hover .diva{ background: #4e6548; display: block;}
.se .ula5 li:nth-child(4):hover .diva{ background: #8e252a; display: block;}
.se .ula5 li:nth-child(5):hover .diva{ background: #f4e0a3; display: block;}

.jlbse{ float:left; width: 100%; background:#008636; padding-bottom:5rem;}
.jlbse span{ float:left; width:100%; color:#FFF;}
.jlbse span:nth-child(1){width:50px; height:19px; margin:5rem 0;}
.jlbse span:nth-child(2){ font-size:2rem;}
.jlbse span:nth-child(2) b{ font-size:2.2rem;}
.jlbse span:nth-child(3){ font-size:1.4rem; margin-top:1rem;}