.tab { width: 100%; background-size: cover;}
.tab .box {width: 100%; position: relative; margin: 0 auto;height: 500px;}
.tab .box .menus { width:20.5%; float: left;overflow: hidden;}
.tab .box .menus li {width: 275px;height: 110px;background:url(../images/index21.jpg); font-size: 22px;font-weight:bold;color: #fff; position: relative;transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;   -webkit-transition: all 0.3s;}
.tab .box .menus li div{    width: 70%;height: 99%; margin: 0 auto;border-bottom: 1px dashed #fff;}
.tab .box .menus li:hover div{border-bottom: none;}

.tab .box .menus li  p{position: absolute;top: 35px;left: 50px;}
.tab .box .menus li  p span{ font-size: 14px;font-weight:100;}
.tab .box .menus li:nth-child(5) div { border-bottom: none;}
.tab .box .bg { background:url(../images/index20.jpg) !important;  }
.tab .right { float: right;width: 77.3%;  height: 552px; overflow: hidden;}
.tab .tab_right {   width: 1020px;height: 552px; color: #fff; text-align: center;  position:relative;}
.tab .tab_right img { width: 100%; position: absolute;top: 50%; transform: translateY(-50%);  left: 0;}
.tab .scroll {  transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; -webkit-transition: all 0.5s;}