.more{ width: 100%; position: relative; } .News{ text-align-last: center; font-size: 36px; margin: 40px 0 30px 0; height:70px; background:url(../img/line.jpg) no-repeat bottom center; } .yuan { float: right; border-radius: 50px; background: #fff; width: 60px; height: 60px; box-shadow: 0 5px 10px #eeeeee; line-height: 60px; text-align: center; position: absolute; right: 0; top: 0; color: #999; } .box-1,.box-2,.box-3{ width:387px ; height:330px; background: white; text-shadow: 3px 5px 5px #eeeeee; } .box-1,.box-2{ float: left; } .July{ font-size: 14px; color: #999999; margin: 10px auto; } p a{ padding: 0 10px; } p img{ margin-right: 10px; } .box-2{ margin: 0 19px; } .box-3{ float: right; } .box-02{ font-size: 18px; padding: 0 10px; } .box-01,.box-03,.box-05 img{ margin-bottom: 20px; } .center{ background: #E5E5E5; width: 100%; min-width:1200px; height: 470px; clear: both; margin-top: 40px; overflow: hidden; } .w1{ float: left; } .w2{ float:right; } .w1-1,.w1-01{ width: 580px; height: 100px; } .w1-01{ margin: 30px 0; } .w1-2{ border-radius: 10px; border: 2px solid #076ce0; padding: 20px; width: 58px; height: 70px; } .w1-2{ float: left; padding: 5px 10px; } .w1-3{ float: right; width: 483px; height: 90px; border-bottom: 1px solid #d2d2d2; } .eng1{ font-size: 24px; color: #076ce0; text-align: center; } .eng2 { width: 100%; height: 2px; border-top: solid #ACC0D8 2px; margin: 5px auto; } .eng3{ font-size: 24px; color: #333; text-align: center; } .w1-03{ font-size: 18px; } .w1-04{ font-size: 16px; color: #999; display:block; margin-top:10px; } .img1,.img2{ float: left; } .img2{ margin: 0 9px; } .img3{ float: right; } .News_box{ position: relative; width:380px; margin-right:20px; height:250px; } .News_text{ width: 100%; height: 0px; background-color: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; line-height: 50px; color: #fff; overflow: hidden; transition: all .6s; text-align: center; font-size: 18px; } .News_box:hover .News_text{height:50px;}