a { color: #101010; } .width1200 { width: 1200px; } .warp { min-height: 100vh; width: 100%; overflow-x: hidden; background-color: #f1f1f1; display: flex; flex-direction: column; align-items: center; position: relative; color: #101010; } .warp .topbox { background: #fff; width: 100%; height: 110px; box-shadow: 0px 4px 6px 0px rgba(191, 191, 191, 0.35); } .warp .topbox .nav { box-sizing: border-box; width: 1200px; height: 110px; margin: 0 auto; align-items: center; display: flex; justify-content: space-between; } .warp .topbox .nav .logo { width: 171px; height: 36px; } .warp .topbox .nav .logo img { width: 100%; height: 100%; } .warp .topbox .nav .dapp { width: 95px; height: 26px; } .warp .topbox .nav .dapp img { width: 100%; height: 100%; } .warp .two { display: flex; margin-top: 25px; height: 400px; overflow: hidden; } .warp .two .two_right { width: 500px; background: #f6f6f6; } .warp .two .two_right .two_right_newlist li { padding: 20px 25px; box-sizing: border-box; height: 133px; } .warp .two .two_right .two_right_newlist li a { display: block; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_tit { font-size: 20px; color: #333; margin-bottom: 20px; line-height: 30px; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_bot { display: flex; justify-content: flex-end; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_bot .see { margin-left: 40px; color: #8e8e8e; font-size: 14px; position: relative; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_bot .see::before { content: ''; width: 16px; height: 10px; background: no-repeat center center / 100% 100%; position: absolute; top: 5px; left: -18px; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_bot .two_right_newlist_bot_time { color: #8e8e8e; } .warp .two .two_right .two_right_newlist li a .two_right_newlist_bot .two_right_newlist_bot_time span { margin: 0 5px; } .warp .two .two_right .two_right_newlist li:hover { background: #fff; box-shadow: 0px 6px 8px 0px rgba(191, 191, 191, 0.35); } .warp .two .two_right .two_right_newlist li:hover .two_right_newlist_tit { font-weight: bold; } .warp .three_ad { margin-top: 30px; width: 1200px; /* height: 80px; */ } .warp .three_ad img { width: 100%; height: 100%; } .warp .swiper1 { width: 700px; height: 400px; } .warp .swiper1 .swiper-wrapper .swiper-slide { text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .warp .swiper1 .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .warp .swiper1 .swiper-pagination-bullet { width: 50px; height: 6px; background: #fbfaf8; border-radius: 6px; opacity: 1; margin: 0 17px; } .warp .swiper1 .swiper-pagination-bullet-active { background-color: #e60013; } .warp .fourbox { display: flex; margin-top: 30px; } .warp .fourbox .fourbox_left { width: 870px; } .warp .fourbox .fourbox_left .fourbox_left_news { background: #fff; padding: 0 30px; box-sizing: border-box; } .warp .fourbox .fourbox_left .fourbox_left_news li { display: flex; border-bottom: 1px solid #f0f0f0; padding: 20px 0; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_img { width: 244px; height: 154px; overflow: hidden; margin-right: 20px; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_img img { width: 244px; height: 154px; object-fit: cover; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list { flex: 1; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_tit { font-size: 20px; line-height: 30px; display: block; margin-bottom: 25px; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_tit:hover { color: #e60013; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des { display: flex; justify-content: space-between; align-items: center; color: #8e8e8e; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_tip { color: #8e8e8e; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_tip:hover { color: #e60013; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_time { display: flex; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_time .time span { margin-left: 5px; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_time .see { margin-left: 25px; color: #8e8e8e; font-size: 14px; position: relative; } .warp .fourbox .fourbox_left .fourbox_left_news li .fourbox_left_news_list .fourbox_left_news_list_des .fourbox_left_news_list_des_time .see::before { content: ''; width: 16px; height: 10px; background: no-repeat center center / 100% 100%; position: absolute; top: 5px; left: -18px; } .warp .fourbox .fourbox_left .loadingmore { display: block; background: #fff; text-align: center; padding: 20px 0; margin-top: 20px; cursor: pointer; } .warp .fourbox .fourbox_left .pages_loadingmore { background: #f0f0f0; } .warp .fourbox .fourbox_left .pages_detail_tit { font-size: 36px; color: #404040; } .warp .fourbox .fourbox_left .pages_detail_des { color: #404040; padding: 20px 0; border-bottom: 1px solid #f0f0f0; } .warp .fourbox .fourbox_left .pages_detail_des span { margin: 0 10px; } .warp .fourbox .fourbox_left .pages_detail_cont { padding: 20px 0; } .warp .fourbox .fourbox_left .pages_detail_cont p { font-size: 18px; line-height: 30px; margin-bottom: 10px; text-align: justify; text-indent: 2em; } .warp .fourbox .fourbox_left .pages_detail_cont p img { text-align: center; margin-bottom: 10px; } .warp .fourbox .fourbox_left .pages_detail_cont img { text-align: center; margin-bottom: 10px; max-width: 100%; } .warp .fourbox .fourbox_left .pages_tuijian { width: 870px; margin-top: 30px; } .warp .fourbox .fourbox_left .pages_tuijian .pages_tuijian_tit { font-size: 22px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } .warp .fourbox .fourbox_left .pplmtab { margin-top: 30px; display: flex; } .warp .fourbox .fourbox_left .pplmtab .pplmitem { margin-right: 20px; } .warp .fourbox .fourbox_left .pplmtab .pplmitem img { width:124px ; height: 47px; cursor: pointer; display: block; } .warp .fourbox .fourbox_left .pplmtab .tabcur { border: 2px solid #f00; } .warp .fourbox .fourbox_right { width: 315px; margin-left: 15px; } .warp .fourbox .fourbox_right .fourbox_right_one { box-sizing: border-box; background: #fff; margin-bottom: 15px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_top { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; height: 50px; line-height: 50px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_top .fourbox_right_one_top_tit { color: #e60013; font-size: 18px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_top .fourbox_right_one_top_more { color: #8e8e8e; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_top .fourbox_right_one_top_more:hover { color: #e60013; } .warp .fourbox .fourbox_right .fourbox_right_one .xian { width: 315px; height: 3px; background: no-repeat center center / 100% 100%; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot { padding: 15px 8px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper { width: 300px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide .pplm_tit { margin-top: 10px; font-size: 18px; text-align: left; line-height: 26px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide .pplm_rank { display: flex; margin-top: 5px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide .pplm_rank .pplm_rank_time { background: no-repeat left center; color: #8e8e8e; padding-left: 20px; margin-right: 20px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide .pplm_rank .pplm_rank_see { background: no-repeat left center; color: #8e8e8e; padding-left: 20px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-slide img { display: block; width: 100%; height: 164px; object-fit: cover; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-pagination { bottom: 70px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-pagination-bullet { width: 25px; height: 6px; background: #fbfaf8; border-radius: 6px; opacity: 1; margin: 0 6px; } .warp .fourbox .fourbox_right .fourbox_right_one .fourbox_right_one_bot .swiper-pagination-bullet-active { background-color: #e60013; } .warp .fourbox .fourbox_right .fourbox_right_one .rxlist li a { background: no-repeat left 10px; padding-left: 8px; margin: 10px 0; display: inline-block; font-size: 16px; line-height: 26px; } .warp .fourbox .fourbox_right .fourbox_right_one .rxlist li a:hover { color: #e60013; } .warp .fourbox .fourbox_right .fourbox_right_two { margin-bottom: 15px; width: 315px; height: 167px; display: block; } .warp .fourbox .fourbox_right .fourbox_right_two img { width: 315px; height: 167px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_img { width: 315px; height: 117px; display: block; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank { background: #fff; padding: 14px 10px; margin-bottom: 15px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_top { display: flex; justify-content: space-between; align-items: center; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_top .rank_tit { color: #7f7f7f; font-size: 13px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_top .rank_tit span { font-size: 13px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_top .icon_reload { background: url(/uploads/image/smcimages/reload.png) no-repeat left center; padding: 5px 0 5px 20px; cursor: pointer; font-size: 12px; color: #333; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a { display: inline-block; display: flex; justify-content: space-between; padding: 10px 0 ; border-bottom: 1px solid #f0f0f0; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a .rank_list_tit { width: 270px; font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a .rank_list_tit span { font-size: 16px; margin-right: 3px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a .rank_list_tit:hover { color: #e60013; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a .rank_list_re { background: #ffa800; width: 20px; height: 20px; line-height: 20px; color: #fff; text-align: center; border-radius: 5px; font-size: 13px; } .warp .fourbox .fourbox_right .fourbox_right_three .fourbox_right_three_rank .rank_list li a:hover .rank_list_tit { color: #e60013; } .warp .fourbox .fourbox_right .pages_hlh_right { width: 315px; background: #f0f0f0; padding: 20px; position: relative; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; } .warp .fourbox .fourbox_right .pages_hlh_right .zdlogo { width: 130px; height: 130px; border-radius: 50%; border: 1px solid #ccc; position: absolute; top: -45px; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot { padding-top: 70px; width: 100%; display: flex; flex-direction: column; align-items: center; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_name { display: flex; align-items: center; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_name h1 { font-size: 24px; color: #404040; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_name img { width: 40px; height: 21px; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_form { color: #8e8e8e; margin: 5px 0; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_des { font-size: 12px; line-height: 22px; color: #636363; } .warp .fourbox .fourbox_right .pages_hlh_right .pages_hlh_right_bot .pages_hlh_right_bot_img { width: 100%; margin-top: 10px; } .warp .links { margin-top: 30px; background: #f4f4f4; padding: 30px 0 20px; width: 100%; } .warp .links .linkscont { width: 1200px; margin: 0 auto; } .warp .links .linkscont .link-txt-nav { display: flex; } .warp .links .linkscont .linkstit { font-size: 18px; color: #5b5b5b; margin-right: 26px; text-align: center; cursor: pointer; height: 50px; line-height: 50px; } .warp .links .linkscont .cur { background: no-repeat center bottom; } .warp .links .linkscont .link-txt { margin: 20px 0 10px; } .warp .links .linkscont .link-txt .link-txt-item { display: none; } .warp .links .linkscont .link-txt .link-txt-item a { color: #8e8e8e; } .warp .links .linkscont .link-txt .link-txt-item a:hover { text-decoration: underline; } .warp .links .linkscont .link-txt .link-txt-item span { margin: 0 5.5px; color: #8e8e8e; } .warp .links .linkscont .link-txt .link-txt-item.show { display: block; } .warp .links .linkscont .web_links a { font-size: 15px; color: #8e8e8e; } .warp .links .linkscont .web_links a:hover { text-decoration: underline; } .warp .links .linkscont .web_links span { margin: 0 6px ; color: #8e8e8e; } .warp .links .linkscont .link_imgs { width: 1200px; margin: 20px auto 0; text-align: center; } .warp .links .linkscont .link_imgs img { width: 124px ; height: 47px; margin-right: 20px; } .warp .footer { width: 100%; background: #333; text-align: center; color: #fff; height: 50px; line-height: 50px; } .warp .pages_topnav { width: 100%; height: 110px; border-bottom: 2px solid #e60013; } .warp .pages_topnav .pages_nav { box-sizing: border-box; width: 1200px; height: 110px; margin: 0 auto; align-items: center; display: flex; justify-content: space-between; } .warp .pages_topnav .pages_nav .logo { width: 171px; height: 36px; } .warp .pages_topnav .pages_nav .logo img { width: 100%; height: 100%; } .warp .pages_topnav .pages_nav .navlist { display: flex; } .warp .pages_topnav .pages_nav .navlist .mannav { padding: 0 15px; height: 110px; line-height: 110px; } .warp .pages_topnav .pages_nav .navlist .mannav a { display: inline-block; position: relative; font-size: 20px; } .warp .pages_topnav .pages_nav .navlist .mannav:hover a { color: #e60013; } .warp .pages_topnav .pages_nav .navlist .active a { color: #e60013; } .warp .pages_topnav .pages_nav .navlist .childnav::after { content: ''; width: 14px; height: 7px; background: no-repeat center center / 100% 100%; position: absolute; top: 52px; right: -15px; } .warp .pages_topnav .pages_nav .dapp { width: 95px; height: 26px; padding-left: 10px; } .warp .pages_topnav .pages_nav .dapp img { width: 100%; height: 100%; } .warp .pages_topnav .pages_nav .hllogo { width: 115px; height: 28px; border-right: 1px solid #f1f1f1; padding-right: 10px; } .warp .pages_topnav .pages_nav .hllogo img { width: 100%; height: 100%; } .warp .bread_crumbs { margin-top: 30px; font-size: 14px; } .warp .bread_crumbs a:hover { text-decoration: underline; } .warp .pages_hlh { background: #f0f0f0; margin: 30px auto 0; padding: 30px; box-sizing: border-box; display: flex; justify-content: space-between; } .warp .pages_hlh .pages_hlh_right { width: 509px; height: 149px; } .warp .pages_hlh .pages_hlh_right img { width: 100%; height: 100%; object-fit: cover; } .warp .pages_hlh .pages_hlh_left { display: flex; align-items: top; } .warp .pages_hlh .pages_hlh_left .zd { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; } .warp .pages_hlh .pages_hlh_left .pages_hlh_left_zd { width: 410px; margin-left: 30px; } .warp .pages_hlh .pages_hlh_left .pages_hlh_left_zd .pages_hlh_left_zd_top { display: flex; align-items: center; } .warp .pages_hlh .pages_hlh_left .pages_hlh_left_zd .pages_hlh_left_zd_top .pages_hlh_left_zd_tit { color: #404040; font-size: 24px; } .warp .pages_hlh .pages_hlh_left .pages_hlh_left_zd .pages_hlh_left_zd_form { color: #8e8e8e; margin: 5px 0; } .warp .pages_hlh .pages_hlh_left .pages_hlh_left_zd .pages_hlh_left_zd_des { font-size: 12px; color: #636363; line-height: 22px; } #nav_all { position: relative; z-index: 8888; } #nav_all li { float: left; position: relative; width: 110px; } #nav_all li a { display: block; float: left; width: 110px; height: 110px; line-height: 110px; text-align: center; font-family: "微软雅黑"; font-size: 18px; color: #444; } #nav_all li a:hover { position: relative; overflow: hidden; } #nav_all li.navon a { position: relative; color: #e60013; } #nav_all li ul { display: none; position: absolute; z-index: 99; overflow: hidden; left: 0px; top: 110px; width: 110px; background: #fff; color: #101010; } #nav_all ul li { line-height: 40px; height: 40px; } #nav_all li.navon ul li a { background: none; height: 34px; line-height: 34px; color: #333; } #nav_all ul li a { margin: 0px; height: 34px; line-height: 34px; color: #333; border: none; font-size: 16px; width: 110px; font-family: "微软雅黑"; } #nav_all ul li.navon a:hover { height: 34px; line-height: 34px; color: #e60013; margin-top: 0px; } .current { background: #e60013; } .current a { color: #fff; } .childnav2::after { content: ''; width: 14px; height: 7px; background: no-repeat center center / 100% 100%; position: absolute; top: 54px; right: 1px; } .childnav::after { content: ''; width: 14px; height: 7px; background: no-repeat center center / 100% 100%; position: absolute; top: 54px; right: 1px; } .tabcont { display: none; } .show2 { display: block; }