.content_img, .content_img img { width: 100%; } /* 二级菜单 */ .file_list { width: 90%; align-items: center; justify-content: center; margin: 49px auto 72px; } .file_list_clo { width: 240px; height: 80px; background: #F1F1F1; margin: 0 10px; text-align: center; cursor: pointer; display: block; } .file_list_clo.active { background: #0359AB; } .file_list_clo.active p { color: #fff; } .file_list_clo img { width: 32px; height: 32px; margin: 14px 0 5px; } .file_list_clo p { //font-size: 16px; //font-family: MicrosoftYaHei-, MicrosoftYaHei; color: #333333; } /* 三级菜单 */ .file_list2 { justify-content: center; /*margin-bottom: 50px;*/ } .sublevel { padding: 0 20px; color: #333; font-size: 20px; font-weight: bold; cursor: pointer; display: block; } .sublevel.active { color: #0062B1; } a.houerBG:hover{ background: #6799CD; color: #fff!important; } /* 三级菜单下的内容 */ .spacing30 { width: 30px; height: 100%; } .file_box { justify-content: center; display: flex; flex-wrap: wrap; } .block{ flex-direction: column;} .file_box_col { /* flex: 1; */ width: 430px; height: 600px; border: 1px solid #CCCCCC; cursor: pointer; margin: 15px ; } .file_box_col_top { justify-content: center; align-items: center; height: 120px; border-bottom: 1px solid #CCCCCC; position: relative; } .file_box_col_top .trigon { position: absolute; left: -1px; top: 0; width: 75px; height: 70px; transition: all 0.4s; } .file_box_col_top .searchIcon2 { position: absolute; left: 11px; top: 11px; background: url(../img/header/searchIcon2.png) no-repeat; height: 20px; width: 20px; background-size: 100%; } .file_box_col .fileIarrows { position: relative; top: 3px; display: inline-block; background: url(../img/header/fileIarrowsM.png) no-repeat; height: 14px; width: 14px; background-size: 100%; } .file_box_col_top p { font-size: 20px; color: #333; font-weight: bold; text-align: center; } .file_box_col_center { height: 358px; } .file_box_col_center img { width: 100%; height: 358px; } .file_box_col_bottom { height: 120px; padding: 19px 36px; transition: all 0.4s; line-height: normal; } .file_box_col_bottom_h1 { font-size: 14px; color: #888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 15px; } .file_box_col_bottom .line { width: 100%; border-bottom: 1px solid #CCCCCC; } .file_box_col_bottom_info { color: #888888; text-align: center; margin-top: 10px; } .file_box_col_bottom_info img { width: 14px; height: 14px; } .file_box_col:hover .trigon { background: url(../img/header/trigon.png) no-repeat; background-size: 100% 100%; } .file_box_col:hover .searchIcon2 { background-image: url(../img/header/searchIcon.png); } .file_box_col:hover .fileIarrows { background-image: url(../img/header/fileIarrows.png); } .file_box_col:hover .file_box_col_bottom { background: #00519D; } .file_box_col:hover .file_box_col_bottom_h1 { color: #fff; } .file_box_col:hover .file_box_col_bottom_info { color: #fff; } .graphic { width: 100%; margin: 0 auto; color: #666; line-height: 50px; font-size: 20px; } .graphic_h1 { font-size: 28px; text-align: center; } .graphic_h2 { font-size: 24px; margin-top: 56px; margin-bottom: 34px; } .graphic_h3 { font-size: 20px; color: #666666; text-indent: 2em; line-height: 50px; } .graphic_boximg { margin: 50px auto 0; text-align: center; } .graphic_img { width: 1010px; margin: 0 auto; } .titlebox { width: 100%; height: 190px; } .title_chain { font-size: 30px; font-family: MicrosoftYaHei-, MicrosoftYaHei; color: #333333; top: 50px; left: 0; } .title_En { font-size: 18px; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #888888; top: 95px; left: 0; } .line2Icon { width: 126px; height: 6px; top: 125px; left: 0; } .menudiv { height: 40px; top: 90px; right: 0; } .menudiv span { width: 200px; height: 40px; line-height: 40px; background: #FFFFFF; border-radius: 10px; border: 1px solid #888888; font-size: 16px; font-family: MicrosoftYaHei-, MicrosoftYaHei; color: #333333; display: inline-block; text-align: center; cursor: pointer; } .menudiv span.active { background: #065DB8; border: 1px solid #065DB8; color: #FFFFFF; } .products_cont { height: 400px; flex-wrap: wrap; justify-content: flex-start; width: 100%; } .products_cont_clo { /* flex: 1; */ width: 24%; margin: 0px 0.5%; } .products_cont_clo img { width: 100%; height: 260px; } .products_cont_clo p { height: 40px; line-height: 40px; color: #ffffff; width: 100%; text-align: center; background: #00468F; font-size: 14px; font-family: MicrosoftYaHei-, MicrosoftYaHei; } .title_introduce{ display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 30px; margin-bottom: 30px; } .title_introduce :nth-child(1){ font-size: 24px; font-weight: bold; color: #333333; height: 40px; } .title_introduce :nth-child(2){ font-size: 18px; font-weight: 400; color: #888888; height: 40px; } .title_introduce :nth-child(3){ height: 6px; width: 127px; margin-top: 20px; }