*,*:after,*:before{word-wrap:break-word; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset,em,i{margin:0; padding:0; font-style:normal; font-weight:400;}
/* HTML5 */
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
img,button,a,a:hover,a:focus{text-decoration:none; outline:none; border:none; text-decoration:none;
-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none;}
ul,ol,dl{list-style:none;}
article{display:block;}
.clearfix:after{content:" "; font-size:0; display:block; height:0; clear:both; visibility:hidden;}

.webSite{width:1200px; margin:0 auto; background-color:#fff;}
.webSite *{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{transition:color 0.2s linear; -moz-transition:color 0.2s linear; -webkit-transition:color 0.2s linear;}
.pg_blog .center .banner img{display:inline-block; width:100%; height:auto;}
.pg_blog .center .content{padding-top:50px;}
.pg_blog .article{overflow:hidden;}
.pg_blog .article .art_left{float:left; width:725px; padding:0 0 0 85px;}
.pg_blog .article .art_left ul{display:none;}
.pg_blog .article .art_left ul:first-of-type{display:block;}
.pg_blog .article .art_left ul li{width:100%; height:180px; padding-bottom:35px; margin-bottom:35px; display:block; position:relative; overflow:hidden; border-bottom:1px solid #d2d2d2;}
.pg_blog .article .art_left .picture{width:216px; height:140px; overflow:hidden; border:1px solid #e5e5e5; position:absolute; left:0; top:0; z-index:1;}
.pg_blog .article .art_left .picture img{display:inline-block; width:100%; height:100%;}
.pg_blog .article .art_left .text{position:absolute; left:0; top:0; width:100%; padding-left:245px; height:140px;}
.pg_blog .article .art_left .text h3{font-size:20px; font-weight:bold; line-height:26px;}
.pg_blog .article .art_left .text h3 a{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#000;}
.pg_blog .article .art_left .text h3 a:hover{color:#0d6fef;}
.pg_blog .article .art_left .text p{font-size:16px; height:75px; overflow:hidden; color:#282828; margin-top:10px;}
.pg_blog .article .art_left .text .more{width:100%; position:relative; margin-top:5px; font-size:16px;}
.pg_blog .article .art_left .text .more span{font-size:0; color:#878787;}
.pg_blog .article .art_left .text .more a{position:absolute; right:2px; top:0; color:#666;}
.pg_blog .article .art_left .text .more a:hover{color:#0d6fef;}

.pg_blog .article .art_right{float:right; padding:0 85px 0 0;}
.pg_blog .article .art_right .classify,
.pg_blog .article .art_right .associated_media,
.pg_blog .article .art_right .hot_article{width:300px; margin-bottom:45px;}
.pg_blog .article .art_right .classify .title,
.pg_blog .article .art_right .associated_media .title,
.pg_blog .article .art_right .hot_article .title{height:35px; border-bottom:1px solid #cbcbcb;}
.pg_blog .article .art_right .classify .title h3,
.pg_blog .article .art_right .associated_media .title h3,
.pg_blog .article .art_right .hot_article .title h3{height:24px; line-height:22px; padding-left:8px; font-size:24px; color:#000; border-left:4px solid #515151;}
.pg_blog .article .art_right .classify .list{padding-left:15px;}
.pg_blog .article .art_right .classify .list a{display:block; height:50px; line-height:50px; border-bottom:1px dotted #bdbdbd; font-size:16px; color:#282828; white-space:nowrap; overflow:hidden;
text-overflow:ellipsis;}
.pg_blog .article .art_right .classify .list a:hover{color:#0d6fef;}
.pg_blog .article .art_right .classify .list .cur{color:#0d6fef; cursor:default;}
.pg_blog .article .art_right .hot_article .list{margin-top:5px;}
.pg_blog .article .art_right .hot_article .list a{display:block; width:300px; padding:0; text-align:left; height:36px; line-height:36px; font-size:14px; color:#282828; white-space:nowrap; overflow:hidden;
text-overflow:ellipsis;}
.pg_blog .article .art_right .hot_article .list a span{padding-right:10px; font-size:18px; color:#000;}
.pg_blog .article .art_right .hot_article .list a:hover{color:#0d6fef;}
.pg_blog .article .art_right .hot_article .list a:hover span{color:#0d6fef;}

.pg_blog .article .art_right .associated_media a{margin-top:10px; display:inline-block; color:#3d3d3d; white-space:nowrap; overflow:hidden;width:300px;
text-overflow:ellipsis;}
.pg_blog .article .art_right .associated_media a:hover{color:#0d6fef;}