/*v01*/ @charset "utf-8"; /*title*/ .comm_h1,.comm_h1_tab{position:relative;border-bottom:1px solid #4395cd;height:48px;} .comm_h1 span,.comm_h1_tab .a_tabs{ float:left; font-weight:bold; font-size:18px; background:url(gdskxy_tit2.png) bottom center no-repeat; border:1px solid transparent; color:#fff; width:140px; text-align:center; height:55px; line-height:49px; } .comm_h1 span,.comm_h1_tab .active .a_tabs:hover, .comm_h1_tab .active .a_tabs, .comm_h1_tab .a_tabs:hover, .comm_h1_tab .a_tabs:active, .comm_h1_tab .a_tabs:focus{ border:1px solid transparent; background:url(gdskxy_tit1.png) bottom center no-repeat;color:#fff; } .comm_h1 span,.comm_h1_tab .a_tabs{position: relative;} a.comm_more,.more_btn{ font-size:14px;color:#4395cd;padding:15px 0 0 0 ; background:none; border:none;} a.comm_more:hover,.more_btn:hover{color:#992f2e;} /*left mod1*/ .home_left_mod1{position:relative;} .home_left_mod1 .more_btn{position: absolute;top:15px;padding-top:0px;right:0px;} .mod_left1_img{text-align:left;} .mod_left1_img a{ display: block; overflow: hidden; position: relative; } .mod_left1_img a img{width:100%;max-width:260px;max-height:173px;} .mod_left1_img a img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .mod_left1_img a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .mod_left1_img a::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .mod_left1_img a:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .mod_left1_img a{color:#444;} .mod_left1_img a:hover{color:#f09236;} .mod_left1_text{margin-top:-5px;} .home_left_mod1 .comment_list li{ padding-left:15px;background:url(gdskxy_list.png) left 15px no-repeat; } .home_left_mod1 .comment_list li a:hover{color:#f69806;} .mod_left1_text h4{margin:0px;} .mod_left1_text h4 a{ font-size:18px;padding-top:5px; color:#444444;font-weight:bold; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space:inherit; } .mod_left1_text h4 a:hover{color:#f69806;} .mod_left1_text span{font-size:12px;color:#0774c0;line-height:28px;} .mod_left1_text p{ float:left;font-size:14px;color:#444444;line-height:28px;margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } @media screen and (min-width: 992px){ .mod_left1_img{width:30%;} .mod_left1_text{width:70%;} .mod_left1_text h4 a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space:inherit; } } @media screen and (max-width: 991px){ .mod_left1_text h4 a{ display: block; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; overflow: hidden; white-space:inherit; font-size: 16px; line-height: 24px; } .home_left_mod1 .comment_list li{ padding-left:15px;background:url(gdskxy_list.png) left 20px no-repeat; } } @media screen and (max-width: 768px){ .mod_left1_img{text-align:center;} } @media screen and (max-width: 480px){ .mod_left1_text h4 a{padding-top:3px;} .mod_left1_text p{display:none;} } /*end*/ /*right_mod*/ .right_mod_list{background:#f7f8ff;} .right_mod_list .comm_h1{border-top:1px solid #00a3e4;border-bottom:0px;} .right_mod_list .comm_h1 span{background:url(gdskxy_icon1.png) left center no-repeat;color:#4b4b4b;text-align:left;padding-left:20px;} .right_mod_list .comm_h1 .comm_more{margin-right:15px;} .right_mod_list{position:relative;} .right_mod_list .media .mod_list_time{float:left;width:100%;background:#fff;margin-left:3px;border:1px solid #b2c4ea;padding-right:0px;} .right_mod_list .media .mod_list_time span{ float:left;width:100%;padding:0px 0;text-align:center;font-weight:bold; font-family: "pingfangbold";font-size:24px;color:#0774c0; } .right_mod_list .media .mod_list_time font{ float:left;width:100%;padding:5px 10px;text-align:center; color:#0774c0;font-family: "pingfangbold";font-size:12px;border-top:1px solid #b2c4ea; } .right_mod_list .media .media-body {padding:0px 0px 0 5px;} .right_mod_list .media .media-body a{ font-size:14px;color:#444; line-height:22px; } .right_mod_list .media .media-body a:hover{color:#f69806;} .right_mod_list1{padding:0px;padding-bottom:15px;} .right_mod_list2 {padding:0px 15px;} .right_mod_list2 .comment_list{padding-bottom:5px;padding-left:5px;} .right_mod_list2 .comment_list li a{font-size:15px;} .right_mod_list2 .comment_list li{ background:url(gdskxy_list2.png) left 10px no-repeat; padding:0px 0px 0px 20px; } .right_mod_list2 .comment_list li a:hover{color:#f69806;} @media screen and (min-width: 1200px){ .right_mod_list .media{padding:0px;padding-bottom:10px;} .right_mod_list1{padding:0px 15px;padding-bottom:15px;} } @media screen and (min-width: 992px){ .right_mod_list .media .media-body a{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space:inherit; } } @media screen and (max-width: 991px){ .right_mod_list .media .media-body a{ display: block; -webkit-box-orient: inherit; -webkit-line-clamp: inherit; overflow: hidden; white-space:inherit; } } /*-----*/ /* zt */ .main_zt .comm_more{margin-right:15px;} .main_zt_list a{text-align:center;padding-bottom:15px;} .main_zt_list a img{width:100%;max-width:289px;} .main_zt_list a img:hover{ -webkit-box-shadow: 0px 0px 15px #aaa; -moz-box-shadow: 0px 0px 15px #aaa; box-shadow: 0px 0px 15px #aaa; } /*link */ .main_link{padding-bottom:25px;} .main_link h1{padding-bottom:5px;margin:0px;} .main_link h1 span{font-size:18px;color:#4b4b4b;font-weight:bold;} .main_link h1 span img{margin-right:10px;float:left;} .main_link .comm_more{padding:0px;margin-right:15px;} .main_link .link_a a{ font-size:15px; color:#444444; float:left; padding-left:30px; display:inline; padding-right:35px; line-height:45px; background:url(gdskxy_link_a.png) left center no-repeat; } .main_link .link_a a:hover{color:#f69806;} @media (max-width:1200px) { .main_link .link_a a{ padding-right:15px; } } @media (max-width:640px) { .main_link .link_a a{ padding-right:25px; width: 100%; } }