.topbox{width: 100%;margin:60px 0 0 0;}
.topbox-content{width:1350px;  margin:0 auto 50px auto;}
.topbox-title{width:100%;margin:0 0 25px 0;text-align: center}
.topbox-title h1{margin:0; font-size:30px;line-height: 1.5em;font-weight:600;}
.topbox-title h2{margin:0 0 20px; font-size:17px;font-weight:500;}
.daterow{width: 100%;margin-bottom: 25px;color: #717070;}
.topbox-date {float:left;width: 100%;font-size:15px;margin-top: 8px;font-weight:500;text-align:center}
.topbox-date  span{margin-left:20px;}
.blog-detail .blog-pic{width:100%; float:left;margin-bottom:30px;position:relative;overflow:hidden;}
.blog-detail .blog-pic>a{display:block}
.blog-detail .blog-pic img{max-width:100%;height:auto; margin:0 auto;display:block; text-align:center}
.blog-detail .blog-pic .caption{bottom:15px;left:15px;margin:15px;padding:10px 15px;background-color:rgba(0,0,0,.3);zoom:1;filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;opacity:0;z-index:0;position:absolute;text-align:left;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;font-size:16px;color:#000;margin:0}
.blog-detail .blog-pic .caption a{color:#fff}
.blog-detail .blog-pic .caption a:after{background-color:#fff}

.social{float:left;width:100%; height:50px;margin:0;text-align:right;}
.social span{font-size:12px; font-weight:700; margin:0 8px 0 0;}
.social a {display: inline-block;margin: 0 10px 0 0;width:34px; height: 34px; line-height:34px; background-color:#555555; border-radius: 99em; font-size:16px; font-weight:400; transition: 300ms;-moz-transition: 300ms;-webkit-transition: 300ms;-o-transition: 300ms; text-align:center; color:#ffffff}
.social a:hover {color:#ffffff;background-color: #007cc2;}	
.toppic{width:100%;float: left;margin:0; text-align:center}
.toppic img{max-width:100%; height: auto;}
.blogdt-wrap{width:100%;float: left;}
.blogdt-row{width:1100px;margin: 30px auto 0;}
.content-title{width:100%; float:left;margin:0 0 30px;font-size:26px; font-weight:600;text-align:justify;line-height:2em;}
.content-tx{width:100%; float:left;margin:0 0 30px;text-align:justify;line-height:2em;}
.video-content{width:100%; margin:0 0 30px 0;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container img{max-width:100%;height: auto} 

.topbox,.topbox-title,.daterow{float: left;}

@media screen and (max-width: 1600px) {
.topbox-content{width:86%;  margin:0 auto 30px;}
.blogdt-row{width:84%;}
.topbox{margin: 50px 0 0;}
.topbox-title{margin:0 0 15px 0}
.topbox-title h1{font-size:26px;line-height: 1.5em;font-weight:600;}
.topbox-title h2{margin:0 0 20px; font-size:17px;}
}
@media screen and (max-width: 1280px) {
.topbox-content{width:88%;}
.topbox{margin:40px 0 0;}
.content-title{font-size:24px;}
}
@media screen and (max-width: 980px) {
.topbox-content{width:90%;  margin:0 auto 30px;}
.txinfo{margin:0 0 25px;}	
.topbox-title{margin:0 0 10px;}
.topbox-title h1{font-size:24px;}
.content-title{font-size:22px;margin-bottom: 20px}
.blogdt-row{width:90%;margin:0 auto}
}
@media screen and (max-width: 767px) {
.topbox{margin:25px auto 0;}
.topbox-content{margin:0 auto 10px;text-align: left}
.topbox-date{width:100%;margin: 0 0 15px;text-align: left}
.topbox-date  span{margin-left:20px;}
.topbox-title{margin:0 0 10px;}
.topbox-title h1{font-size:20px;}
.social{width:100%;text-align: left;}
.daterow{margin-bottom: 10px;}
.content-title{width:100%;margin:0 0 5px;font-size:20px;}
.content-tx{width:100%;margin:0 0 20px;line-height:1.8em;font-size: 17px;}
.blog-detail .blog-pic{margin-bottom:20px;}
}

/*related*/
.related{width:100%; float:left; }
.related-content{width:1100px; margin: 0 auto 40px; text-align: center}
.relatedtitle{float:left; width:100%;font-size:26px; margin:0 0 50px 0; padding:50px 0 0 0;border-top:1px solid #ccc; text-align:center; letter-spacing:0.05em}
.img-fluid{max-width:100%;height:auto}
.blog-item{width:100%;-moz-transition: opacity 0.6s, -moz-transform 0.6s;-o-transition: opacity 0.6s, -o-transform 0.6s;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;margin: 25px 0; padding-bottom: 40px; border-bottom: 1px solid #ccc;}
.blog-img{width:20%;padding: 10px 26px; border-left: 1px solid #ccc;}
.blog-img img {max-width: 100%; height: auto;display: block; border-radius: 10px}
.blog-datebox{width:13%;padding: 10px 20px;margin-top: 5px; letter-spacing: 0; text-align: center;}
.blog-date{width: 100%; margin-bottom: 10px; font-size:26px;color: #796a56;}
.blog-date span{font-size:17px;display: block;margin-top: 5px}
.blog-date, .blog-date span{font-weight: 600;}
.blog-item a:hover{color: #e95504;}
.blog-ban{width: 100%;color: #fff;background-color: #e95504;padding:2px 2px;border-radius:40px;font-size:16px;line-height: 24px}
.blog-tx{width:67%;letter-spacing: 0.05em; padding: 0 10px;}
.blog-tx h2{ font-size:18px; margin-bottom: 12px;font-weight: 600;text-align: justify;line-height: 1.5em}
.blog-tx p{line-height: 1.6em;height: 4.8em;overflow-y:hidden;color: #111;text-align: justify}
.blog-item, .blog-ban, .blog-tx, .blog-date, .blog-img, .blog-datebox{float: left;}

@media screen and (max-width: 1600px) {	
.related-content{width:84%; margin: 0 auto 40px;}
.relatedtitle{margin:0 0 40px 0;}
}
@media screen and (max-width: 1280px) {
.related-content{width: 84%; margin: 0 auto 30px;}
.relatedtitle{font-size: 24px; padding:40px 0 0 0;margin-bottom:25px}
}
@media screen and (max-width: 980px) {
.related-content{width: 92%; margin: 0 auto 30px;}
.relatedtitle{margin:0 0 25px; padding:30px 0 0 0;}
.blog-datebox{width:18%;padding:10px;}
.blog-tx{width:50%;padding: 0 10px 0 0;}
.blog-tx h2{ font-size: 18px; margin-bottom: 6px;}
.blog-img{width:32%;padding: 0 20px;}
.blog-item{margin: 20px 0; padding-bottom: 30px;}
.blog-date{margin-bottom: 10px; font-size:24px;}
.blog-ban{width:90%;margin: 0 auto}
}
@media screen and (max-width: 767px) {
.related-content{margin: 0 auto 25px;}
.relatedtitle{font-size:22px; margin:0 0 10px; padding:20px 0 0 0;}
.blog-img{display: none}
.blog-datebox{width:26%;}
.blog-date{margin-bottom: 10px; font-size:20px;}
.blog-date span{font-size:15px;margin-top: 5px}
.blog-tx{width:72%;padding: 0 10px 0 10px;margin-left:1%; border-left: 1px solid #ccc;}
.blog-tx h2{ font-size: 17px; margin-bottom: 6px;}
.blog-ban{font-size:14px;}
.blog-item{margin: 15px 0; padding-bottom: 20px;}
}

.right-list{width:100%; float:left;margin-bottom: 40px;}
.right-list span{font-size: 14px;font-weight: 700;float: left;margin-right: 10px}
.blog-btn{width:auto; float: left; text-align:center;font-size: 13px;letter-spacing:0.03em;margin-right: 12px;margin-bottom: 12px}
  .blog-btn a {display:block; padding:2px 13px;background-color: #e6e6e6; border-radius:5px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; }
  .blog-btn a:hover {color: #fff; background-color:#e95504;}
@media screen and (max-width: 767px) {
.right-list{margin-bottom: 15px;}
}