.culture_content { width:1052px; height: 51px; font-size: 13px; font-family: 微软雅黑; font-weight: 400; color: rgba(51,51,51,1); line-height: 24px; padding: 30px 0; margin:auto; } .culture_area_1 { height: 249px; margin-top:15px; } .culture_area_1 .center_area > div { display: inline-block; height:249px; width: 50%; margin: 0; box-sizing: border-box; float: left; position:relative; } .culture_area_1 .left { padding-left: 50px;padding-top:31px; } .culture_area_1 .left .title_en { font-size: 24px; font-family: DINCondensed-Bold,DINCondensed; font-weight: bold; color: #004660; height:24px;line-height:24px; } .culture_area_1 .left .title_cn { height: 33px; font-size: 18px; font-family: 微软雅黑; font-weight: 600; color: #4a4a4a; } .culture_area_1 .left .content { height: 198px; font-size: 13px; font-family: 微软雅黑; font-weight: 400; line-height: 24px; width: 470px; display: inline-block; margin-top: 15px; color:black; } .culture_area_1 .left .content span { color: #F8E71C; font-size: 18px; } .culture_area_2 { height: 304px; margin-bottom: 45px; } .culture_area_2 .center_area > div { display: inline-block; width: 50%; margin: 0; box-sizing: border-box; float: left; } .culture_area_2 .right { text-align: left; padding-top: 70px; padding-left: 60px; height:304px; position:relative; } .culture_area_2 .right .title_en { height: 36px; font-size: 36px; font-family: DINCondensed-Bold,DINCondensed; font-weight: bold; color:#B39EBA; line-height: 43px; } .culture_area_2 .right .title_cn { height: 33px; font-size: 18px; font-family: 微软雅黑; font-weight: 600; color: #4A4A4A; line-height: 33px; } .culture_area_2 .right .items { margin-top: 0; } .culture_area_2 .right .items .item { display: none; } /*.culture_area_2 .right .items .item:first-child { display: block; }*/ .culture_area_2 .right .items .title { font-size: 16px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); } .culture_area_2 .right .items .content { margin-top:25px; width: 427px; font-size: 13px; font-family: 微软雅黑; font-weight: 400; color: rgba(74,74,74,1); line-height: 24px; } .culture_area_1 .right, .culture_area_2 .left { position: relative; height: 304px; } .culture_area_1 .arrow_left, .culture_area_2 .arrow_left { width: 44px; height: 44px; position: absolute; left: 20px; top: 130px; background: url(../../index/images/icon_arrow_l.png); background-size: 44px 44px; } .culture_area_1 .arrow_right, .culture_area_2 .arrow_right { width: 44px; height: 44px; position: absolute; right: 20px; top: 130px; background: url(../../index/images/icon_arrow_r.png); background-size: 44px 44px; } .culture_area_1 .arrow_left:hover, .culture_area_2 .arrow_left:hover { background: url(../../index/images/icon_arrow_l_active.png); background-size: 44px 44px; cursor: pointer; } .culture_area_1 .arrow_right:hover, .culture_area_2 .arrow_right:hover { background: url(../../index/images/icon_arrow_r_active.png); background-size: 44px 44px; cursor: pointer; } .culture_area_2 .left .images { width:580px;height:304px;overflow:hidden; } .culture_area_2 .left img { width: 580px; height: 304px; display: none; } .culture_area_1 .right .img_show { /*display: none;*/ width: 100%; height: 100%; position:absolute; } .culture_area_1 .right .img_show:first-child { display: block; } .culture_area_1 .right .mask { background-color: rgba(0,0,0,0.6); text-align: center; vertical-align:middle; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 249px; color: #fff; font-size: 30px; cursor: pointer; } .culture_area_1 .right:hover .mask { background-color:rgba(0, 70, 96, 0.9); } .culture_area_1 .right .mask img { width:55px; height:55px; display:inline; vertical-align:middle; } .culture_area_1 .right:hover .mask { display:block; } .top_img .mainbox .title_en{ font-size:24px;font-family:DINCondensed-Bold,DINCondensed,Microsoft Yahei;font-weight:bold;color:rgba(0,70,96,1); line-height:29px;text-align: center; } .top_img .mainbox .title_cn{ font-size:18px;font-family:PingFangSC-Semibold,PingFang SC,Microsoft Yahei;font-weight:600;color:rgba(74,74,74,1); line-height:25px;text-align: center; } .top_img .mainbox img{ margin-top:20px;width:1160px;height:408px; }