#cate_box{margin:0 auto;text-align: center;margin: 50px 0;} #cate_box a{line-height: 100px;margin-right: 20px;display: inline-block;padding: 0px 10px;position: relative;font-size: 24px;text-align: center;font-weight: normal;} #cate_box a::after{content:"";display: block;height: 2px;width: 100%;position: absolute;left: 0;bottom: -5px;background-color: #0c4098;opacity: 0;} #cate_box a:hover,#cate_box a.active{color: #0c4098;} #cate_box a:hover::after,#cate_box a.active::after{opacity: 1;} @media(max-width:1540px){ #cate_box a{font-size: 20px;} } @media(max-width:1100px){ #cate_box{margin: 25px 0;} #cate_box a{font-size: 18px;line-height: 24px;} } @media(max-width:768px){ #cate_box a{font-size: 16px;line-height: 22px;} } #blog_show{padding-bottom: 35px;} /**/ #blog_top{padding: 30px 0 80px;padding-bottom: 0;} #blog_top .w1500{background-color: #f1f1f1;} #blog_top .left{float: right;width: 50%;padding:50px;} #blog_top .right{float: left;width: 50%;} #blog_top .left .time{margin-bottom: 25px;color:#0c4098;font-weight: normal;} #blog_top .left .tit{font-size: 32px;line-height: 40px;font-weight: bold; transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;} #blog_top .left .des{line-height: 21px;font-size: 14px;color: #999;margin-bottom: 10px;} #blog_top .left a{display: block; transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;} #blog_top .left a:hover .tit{color: #0c4098;} /**/ #blog_box{} #blog_box .blog_list .list{float: left;width: 23.5%;margin-right: 2%;margin-top: 2%;position: relative;} #blog_box .blog_list .list:nth-child(4n){margin-right: 0;} #blog_box .blog_list .list .con{padding:30px 0;background-color: #fff;} #blog_box .blog_list .list .time {color:#0c4098;font-weight: normal;} #blog_box .blog_list .list .tit{height: 50px;overflow: hidden;font-weight: bold;font-size: 20px;margin-top: 20px;margin-bottom: 10px; transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;} #blog_box .blog_list .list:hover .tit{color: #0c4098;} #blog_box .blog_list .list .img{height: 230px;overflow: hidden;display: flex;justify-content: center;align-items: center;} #blog_box .blog_list .list .img img{height: 100%; width: auto;margin: 0 auto;} #blog_box .blog_list .list .des{color: #999;height: 55px;overflow: hidden;} /**/ #blog_show{padding-top: 20px;} #blog_show .left{float: left;width: 1022px;} #blog_show .right{float: right;width: 390px;} #blog_show .left>h3{font-size: 30px;line-height: 35px;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 50px;} #blog_show .left .time_author{margin-top: 20px;margin-bottom: 20px;} #blog_show .left .time_author span{font-size: 16px;color: #666;font-weight: 300;color: #aaa;font-weight: normal;} #blog_show .left .time_author span.cate{color: #0c4098;} #blog_show .left .show_content{font-size: 16px;line-height: 24px;color: #000; font-weight: 200;} #blog_show .left .show_content h1{font-size: 40px;margin-bottom: 15px;} #blog_show .left .show_content h2{font-size: 32px;margin-bottom: 15px;} #blog_show .left .show_content h3{font-size: 28px;margin-bottom: 15px;} #blog_show .left .show_content h4{font-size: 24px;margin-bottom: 15px;} #blog_show .left .show_content h5{font-size: 20px;margin-bottom: 15px;} #blog_show .left .show_content span{font-size: 16px;color: #7e7e7e;} #blog_show .left .show_content ul li{list-style-type: disc;list-style:inside;color: #7e7e7e;} #blog_show .left .show_content a{font-size: 16px;} #blog_show .left .show_content p{font-size: 16px;color: #7e7e7e;} #blog_show .left .show_content b,#blog_show .left .show_content strong{font-weight: 500;} #blog_show .left .show_content i,#blog_show .left .show_content em{font-style: italic;} #blog_show .left .show_content u{text-decoration:underline} #blog_show .right .module_box{background-color: unset;margin-bottom: 65px;} #blog_show .right .module_box .md_title{font-weight: bold;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #ccc;text-transform: uppercase;} #blog_show .right .module_box hr{margin-top: 10px;height: 3px;} #blog_show .right .module_box .md_cate{} #blog_show .right .module_box .md_cate a{padding-bottom: 15px;margin-bottom: 25px;border-bottom: 1px solid #ccc;font-size: 20px;display: block;} #blog_show .right .module_box .md_cate a.on{color: #0c4098;} #blog_show .right .module_box .md_share a{float: left;width: 25%;text-align: center;display: flex;align-items: center;height: 60px;text-align: center;} #blog_show .right .module_box .md_share a img{height:auto;width: 33px;margin: 0 auto;} #blog_show .show-prev-next{margin-top: 40px;padding: 20px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 80px;} #blog_show .show-prev-next a span{display: inline-block; line-height: 25px;} #blog_show .show-prev-next a{display: block;font-size: 16px;color: #333;position: relative;padding-left: 65px;} #blog_show .show-prev-next a span::after{content:"";display: block;width: 0%;height: 1px;margin-top: 5px;background-color: #0c4098; transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} #blog_show .show-prev-next a:hover{color: #0c4098;} #blog_show .show-prev-next a:hover span::after{width: 100%;} #blog_show .show-prev-next a:nth-child(2){margin-top: 10px;} #blog_show .show-prev-next a label{color: #666;display: inline-block;padding: 5px;border: 1px solid #ccc;width: 55px;text-align: center;margin-right: 10px;position: absolute;left: 0;top: 0;} #blog_show .show-prev-next a:hover label{background-color: #0c4098;color: #fff;border-color: #0c4098;} #blog_show .right .module_box .blog_list a{overflow: hidden;display: block;margin-top: 20px;} #blog_show .right .module_box .blog_list a .img{float: left;width: 170px;} #blog_show .right .module_box .blog_list a .img img{width: 100%;} #blog_show .right .module_box .blog_list a .con{width: calc(100% - 180px);padding:0px 10px;padding-right: 20px;float: right;} #blog_show .right .module_box .blog_list a .cate{font-size: 16px;margin-bottom: 10px;color: #0c4098;} #blog_show .right .module_box .blog_list a .title{font-size: 18px;line-height: 24px;font-weight: bold;height: 42px;overflow: hidden;display: block;margin-bottom: 15px;} #blog_show .right .module_box .blog_list a .time{font-size: 16px;color: #666;} #blog_show .right .module_box .blog_list a:hover .title{color: #0c4098;} #blog_show .right .module_box .cont_list li{padding-bottom: 10px;margin-top: 10px;border-bottom: 1px solid #ccc;} #blog_show .right .module_box .cont_list li a{padding-right: 20px;position: relative;font-size: 15px;line-height: 22px;display: block;color: #222;} #blog_show .right .module_box .cont_list li a i{position: absolute;right:10px;top:2px;font-size: 18px;} #blog_show .right .module_box .cont_list li p{font-size: 14px;line-height: 21px;color: #999;display: none;} #pages {margin:80px auto} /**/ @media(max-width:1540px){ #blog_box .blog_list .list .img {height: 16vw;} /**/ #blog_show .left{width: 72%;} #blog_show .right{width: 26%;} } @media(max-width:1440px){ #blog_top {padding: 50px 0;} #blog_top .left .tit {font-size: 24px;line-height: 30px;} #blog_box .blog_list .list{margin-top: 25px;} /**/ #blog_top .left{padding: 50px 30px;} /**/ #blog_show .left .time_author{margin-bottom: 30px;} #blog_show .show-prev-next {margin-top: 15px;padding-top: 15px;margin-bottom: 30px;} #blog_show .show-prev-next a{font-size: 16px;} } @media(max-width:1100px){ #blog_top{padding-top: 0;padding-bottom: 35px;} #blog_top .left{width: 100%;margin-bottom: 0px;padding: 20px;} #blog_top .left .des{height: auto;} #blog_top .right{width: 100%;} #blog_box .blog_list .list{} #blog_box .blog_list .list .tit {height: 42px;font-size: 16px;line-height: 20px;} #pages { margin: 20px auto; } /**/ #blog_show {padding-top: 0px;} #blog_show .left>h3 {font-size: 24px;line-height: 30px;} #blog_show .show-prev-next a{font-size: 13px;} #blog_show .show-prev-next a:nth-child(2){font-size: 13px;} #blog_show .left .show_content h1{font-size: 30px;} #blog_show .left .show_content h2{font-size: 24px;} #blog_show .left .show_content h3{font-size: 20px;} #blog_show .left .show_content h4{font-size: 18px;} #blog_show .left .show_content h5{font-size: 16px;} #blog_show .left .show_content span{font-size: 14px;} #blog_show .left .show_content a{font-size: 14px;} #blog_show .left .show_content p{font-size: 14px;} /**/ #blog_show .left{width: 100%;margin-bottom: 25px;} #blog_show .left .show_content{font-size: 15px;line-height: 25px;} #blog_show .right{width: 100%;} #blog_show .right .module_box .md_cate a{padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid #ccc;font-size: 16px;display: block;} .tag_box a{display: inline-block;float: left;width: auto;font-size: 13px;border: 1px solid #ccc;margin-bottom: 2%;height: auto;line-height: 25px;overflow: hidden;padding: 10px;margin-right: 15px;} #blog_show .right .module_box .blog_list a .title{font-size: 14px;line-height: 15px;height: 46px;margin-bottom: 10px;} #blog_show .right .module_box .blog_list a .cate{font-size: 13px;} #blog_show .right .module_box .blog_list a .time{font-size: 13px;} } @media(max-width:768px){ #blog_box .blog_list .list{width: 49%;margin-right: 2%;} #blog_box .blog_list .list:nth-child(3n){margin-right: 2%;} #blog_box .blog_list .list:nth-child(2n){margin-right: 0%;} #blog_box .blog_list .list .img {height: 31vw;} /**/ #blog_show .left .show_content{font-size: 14px;line-height: 22px;} #blog_show .right .module_box .md_share a img{width: 30px;} #blog_show .left .show_content h1{font-size: 24px;} #blog_show .left .show_content h2{font-size: 20px;} #blog_show .left .show_content h3{font-size: 18px;} #blog_show .left .show_content h4{font-size: 16px;} #blog_show .left .show_content h5{font-size: 14px;} #blog_show .left .show_content span{font-size: 13px;} #blog_show .left .show_content a{font-size: 13px;} #blog_show .left .show_content p{font-size: 13px;} }