.detailed { border: 0px solid #f1f1f1; overflow: hidden; zoom: 1; margin-right: 12px; padding: 0px 15px 0px 15px; } .detailed .title_block h1 { font-size: 24px; font-weight: 400; font-family: 微软雅黑; } .detailed a { font-size: 24px; font-weight: 400; font-family: 微软雅黑; color: #858585; } .detailed a:hover { font-size: 24px; font-weight: 400; font-family: 微软雅黑; color: #017369; } .detailed .title_block { padding: 25px 15px 10px 15px; overflow: hidden; zoom: 1; border-bottom: 1px solid #efefef; } .detailed .title_block span { display: inline-block; margin-top: 6px; color: #858585; font-size: 14px; font-weight: 100; } .detailed .title_block .img-wrap { width: 360px; height: 228px; float: left; overflow: hidden; margin-right: 15px; } .detailed .title_block .img-wrap img { width: 100%; height: auto; } .detailed .detailed_block .detailed_list, .detailed .title_block .title_list { padding: 10px 0; } .detailed .title_block .title_list li { position: relative; line-height: 30px; color: #535353; font-size: 16px; font-family: 微软雅黑; } .detailed .title_block .title_list li p { line-height: 24px; color: #535353; font-size: 14px; font-family: 宋体; font-weight: normal; } .detailed .title_block .title_list li a { position: absolute; right: 0px; bottom: 0; color: #55a0e4; } .slidebox { width: 100%; height: auto; overflow: hidden; position: relative; } .slidebox .bd { position: relative; height: 100%; z-index: 0; } .slidebox .bd li { zoom: 1; vertical-align: middle; } .slidebox .bd span { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 300px; height: 200px; margin: 0 7px; background: rgba(255,255,255,0.8); border-radius: 4px; overflow: hidden; line-height: 99999; cursor: pointer; } .slidebox .bd img { width: 100%; height: auto; display: block; } .in_box { width: 782px; height: auto; overflow: hidden; float: left; margin-top: 20px; } .in_box:nth-child(2n) { width: 394px; float: right; } .in_tit { width: 100%; height: 72px; overflow: hidden; border-bottom: solid 2px #ddd; } .in_tit, .in_tit .tit, .in_tit .more, .in_tit a { line-height: 72px; font-size: 24px; color: #333; } .in_tit .tit { max-width: 80%; } .in_tit .more a { display: block; margin-top: 20px; font-size: 13px; color: #027368; border: solid 1px #027368; width: 106px; height: 34px; line-height: 34px; text-align: center; border-radius: 17px; background: #fff; } .in_tit .more a.hover, .in_tit .more a:hover { color: #fff; background: #017369; border: solid 1px #017369; } .in_titnav { position: relative; } .in_tit .nav { width: auto; height: 72px; overflow: hidden; position: absolute; top: 0; right: 120px; z-index: 1; } .in_tit .nav, .in_tit .nav li, .in_tit .nav li a { font-size: 15px; color: #666; line-height: 72px; } .in_tit .nav ul { width: auto; height: 80px; overflow: hidden; float: right; } .in_tit .nav li { width: auto; height: 80px; overflow: hidden; float: left; } .in_tit .nav li a { display: block; width: auto; height: 72px; line-height: 72px; overflow: hidden; padding: 0 25px; text-decoration: none; } .in_tit .nav li a span { display: block; width: auto; height: 72px; line-height: 72px; } .in_tit .nav li:hover a span, .in_tit .nav li.on a span { color: #027368; } .in_stit { width: 100%; height: auto; overflow: hidden; } .in_stit, .in_stit .tit, .in_stit .more, .in_stit a { line-height: 28px; font-size: 18px; color: #333; } .in_stit .tit { max-width: 80%; } .in_stit .menu { width: auto; height: auto; overflow: hidden; } .in_stit .menu, .in_stit .menu li, .in_stit .menu li a { font-size: 15px; color: #666; line-height: auto; } .in_stit .menu li { width: auto; height: auto; overflow: hidden; float: left; margin-left: 15px; border: none; } .in_stit .menu li:nth-child(1) { margin-left: 0; } .in_stit .menu li a { display: block; font-size: 13px; color: #666; border: solid 1px #d8d8d8; width: 96px; height: 28px; line-height: 28px; text-align: center; border-radius: 14px; } .in_stit .menu li:hover a, .in_stit .menu li.on a { color: #fff; border: solid 1px #027368; background: #027368; } .in_box1 { width: 100%; height: 426px; overflow: hidden; margin: 10px 0 0; position: relative; } .in_box1 img { width: 100%; max-width: 100%; height: 426px; overflow: hidden; } .in_box1 .info { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 246px; overflow: hidden; background: url(/uploads/image/ximages/in_box1bg.png) repeat-x; } .in_box1 .info .tit { width: 94%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 160px; } .in_box1 .info .tit p { width: 100%; color: #fff; height: 36px; line-height: 36px; font-size: 18px; } .in_box1 .info .tit p.time { height: 24px; line-height: 24px; color: #fff; font-size: 15px; } .new_list, .new_list ul { width: 100%; height: auto; overflow: hidden; } .new_list { margin-top: 15px; position: relative; } .new_list ul { } .new_list li { width: 100%; height: auto; overflow: hidden; padding: 0 0 12px 0; float: left; position: relative; } .new_list li .info .tit, .new_list li .info .tit a { color: #333; font-size: 16px; line-height: 24px; } .new_list li .info .tit span { color: #999; line-height: 22px; font-size: 13px; padding-left: 5px; } .new_list .new_line { position: absolute; left: 26px; top: 0; z-index: 1; width: 2px; height: 100%; overflow: hidden; background: #f5f5f5; } .new_list li .info { width: 390px; height: auto; overflow: hidden; margin-right: 4px; } .new_list li .info .tit { height: 48px; overflow: hidden; } .new_list li .info .time { color: #999; line-height: 22px; margin-top: 10px; font-size: 13px; margin-top: 5px; } .new_list li:hover { cursor: pointer; } .new_list li:hover .info .tit, .new_list li:hover .info .tit a { color: #027368; } .new_list li:last-child { padding-bottom: 8px; } .news_list { width: 100%; height: auto; overflow: hidden; margin-top: 35px; } .news_list li { width: 366px; height: auto; background: #fff; float: left; padding: 0 25px; border-left: solid 1px #e4e4e4; } .news_list li:nth-child(3n 1) { padding-left: 0; border-left: none; } .news_list li:nth-child(3n) { padding-right: 0; } .news_list li a { display: block; width: 100%; } .news_list li a .img, .news_list li a .img img { display: inline-block; width: 100%; height: 200px; } .news_list li a .tit { width: 100%; height: 44px; line-height: 22px; color: #333; font-size: 16px; margin-top: 5px; } .news_list li:hover a .tit { color: #027368; } .news_list li a .desc { width: 100%; height: 22px; line-height: 22px; margin-top: 16px; } .news_list li a .desc .time { line-height: 22px; color: #999; font-size: 14px; } .news_list li a .desc .type { font-size: 12px; color: #fff; background: #027368; width: auto; height: 22px; line-height: 22px; text-align: center; padding: 0 5px; } .news_list li a .img { position: relative; } .news_list li a .img .type { position: absolute; bottom: 14px; right: 14px; z-index: 1; } .newsx_list { width: 100%; height: auto; margin-top: 10px; padding: 10px 0; } .newsx_list li { width: 336px; height: auto; background: #fff; float: left; transition: all .5s; padding: 20px; border: solid 1px #e4e4e4; margin: 15px; } .newsx_list li:nth-child(3n 1) { margin-left: 0; } .newsx_list li:nth-child(3n) { margin-right: 0; } .newsx_list li a { display: block; width: 100%; margin: 0; } .newsx_list li a .img, .newsx_list li a .img img { display: inline-block; width: 100%; height: 200px; } .newsx_list li a .tit { width: 100%; height: 44px; line-height: 22px; color: #333; font-size: 16px; margin-top: 5px; } .newsx_list li:hover a .tit { color: #027368; } .newsx_list li a .desc { width: 100%; height: 22px; line-height: 22px; margin-top: 16px; } .newsx_list li a .desc .time { line-height: 22px; color: #999; font-size: 14px; } .newsx_list li a .desc .type { font-size: 12px; color: #fff; background: #027368; width: auto; height: 22px; line-height: 22px; text-align: center; padding: 0 5px; } .newsx_list li a .img { position: relative; } .newsx_list li a .img .type { position: absolute; bottom: 14px; right: 14px; z-index: 1; } .newsx_list li:hover { transform: scale(1.02,1.02); box-shadow: 6px 2px 17px 1px rgba(0,0,0,.1) } .img-wrap img{ width:340px; height:202px; } .home_newsx_list { width: 100%; height: auto; margin-top: 10px; /*padding: 20px 0;*/ margin-left: 20px; } .home_newsx_list li { width: 226px; height: auto; background: #fff; float: left; transition: all .5s; padding: 10px; border: solid 1px #e4e4e4; margin: 15px; } .home_newsx_list li:hover { transition: 0.6s; transform: scale(1.12,1.12); box-shadow: 6px 2px 17px 1px rgba(0,0,0,.1) } .home-img-wrap img { width: 222px; height: 132px; } .zslogo { width: 124px; height: 60px; border: 1px solid #f1f1f1; overflow: hidden; zoom: 1; margin-left: 12px; margin-bottom: 12px; padding: 0px 15px 0px 15px; float: left; } .zslogo img { width: 100%; height: auto; } .zslogo img:hover { transition:0.6s; transform: scale(1.32,1.32); } .twfocusbox { height: 426px; overflow: hidden; width: 782px; position: relative; } .twfocusbox .txtbg { position: absolute; width: 100%; height: 60px; top: 243px; background: #eeddd6; filter: alpha(opacity=60); opacity: 0.6; } .twfocusbox .hd { width: 782px; height: 60px; position: absolute; bottom: 0; z-index: 1; background: url(/uploads/image/ximages/in_box1bg.png) repeat-x left bottom; } .twfocusbox .hd span { display: block; margin: 0 auto; width: 88%; height: 60px; text-align: center; cursor: pointer; color: #fff; height: 60px; line-height: 60px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .meetsx_box { width: 100%; height: auto; margin-top: 20px; } .meetsx_list, .meetsx_list ul { width: 100%; height: auto; } .meetsx_list { width: 100%; } .meetsx_list li { height: auto; overflow: hidden; float: left; transition: all .5s; } .footer_main { background: #000; height: 190px; overflow: hidden; } .footer_main_box { display: flex; align-items: center; padding: 26px 0 45px; } .footer_main_box_logo { width: 180px; height: 140px; overflow: hidden; margin-left: 90px; margin-right: 40px; } .footer_main_box_logo img { display: block; width: 100%; height: 100%; } .footer_main_box_info { width: 600px; } .footer_main_box_info h3, .footer_main_box_info h3 span, .footer_main_box_info h3 a { align-items: center; padding: 20px 0 10px; margin-bottom: 15px; font-size: 18px; color: #717171; } .footer_main_box_info h3 span::after { content: ''; display: inline-block; width: 1px; height: 18px; border-right: 1px solid #fff; margin: auto 20px; line-height: 1; position: relative; top: 2px; } .footer_main_box_info h3 span:last-child::after { content: ''; display: none; width: 0; height: 100%; margin: 0; border-right: 0; } .footer_main_box_info_share { text-align: center; width: 300px; margin: 0 auto 20px; display: flex; } .footer_main_box_info_share_item { /*position: relative;*/ width: 40px; height: 40px; position: relative; margin: auto 8px; } .footer_main_box_info_share_item:nth-child(1) { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(1):hover { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(2) { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(2):hover { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(3) { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(3):hover { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(4) { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(4):hover { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(5) { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:nth-child(5):hover { background: ; background-size: 100% 100%; background-repeat: no-repeat; } .footer_main_box_info_share_item:hover .footer_main_box_info_share_item_hov { display: block; } .footer_main_box_info_share_item_hov { width: 90px; height: 95px; background: no-repeat; background-size: 100% 100%; position: absolute; overflow: hidden; top: -90px; left: 50%; margin-left: -45px; display: none; } .footer_main_box_info_share_item_hov img { width: 100%; height: 90px; display: block; } .footer_main_box_info p { text-align: center; font-size: 14px; color: #717171; } .footer_main_box_info p span:first-child { display: inline-block; line-height: 1; margin-right: 3px; } .foot_bot { height: 60px; /*padding: .25rem;*/ font-size: 14px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; background: #333; } .foot_bot p { font-size: 14px; color: #fff; }