@charset "utf-8";
/* CSS Document */




#explore_edit{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

#content_blog{width:100%;float:left;display:block; overflow:hidden; background:#D7CFB7; padding:0;}
#content_blog_box{ margin:0 auto;display:block; overflow:hidden; }


.blog_pic{ margin:0px; float:left; padding:0; width:20%; }
.blog_pic img { display:block; width:100%; height:auto;}
.detail_wrap { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_wrap .detail { padding:0; position:absolute;z-index:20; display:none; left:0; top:0; width:100%; height:100%; background:rgba(15, 41, 70, 0.9);}
.detail_wrap .detail a { display:block;text-align:center;}
.detail_wrap .detail span.text01 { display:block;text-align:center;  padding:80px 15px 10px 15px ; font-size:26px;  color:#fff;}
.detail_wrap .detail span.text02 { height:100%; display:block;text-align:center;  padding:0 15px 10px 15px ; font-size:15px; color:#fff;}



.blog_bpic{ margin:0px; float:left; padding:0; width:40%; }
.blog_bpic img { width:100%; display:block; height:auto}
.detail_bwrap { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_bwrap .detail { padding:0; position:absolute;z-index:20; display:none; left:0; top:0; width:100%; height:100%; background:rgba(15, 41, 70, 0.9);}
.detail_bwrap .detail a { display:block;text-align:center;}
.detail_bwrap .detail span.text01 { display:block;text-align:center; padding:60px 15px 10px 15px ; font-size:26px; color:#fff; }
.detail_bwrap .detail span.text02 { height:100%; display:block; text-align:center; padding:0 15px 10px 15px ; font-size:15px; color:rgba(255,255,255,.7);}


.blog_mpic{ margin:0px; float:left; padding:0; }
.blog_mpic img { display:block; width:768px; height:auto;}
.detail_wrap { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_wrap .detail { padding:0; position:absolute;z-index:20; display:none; left:0; top:0; width:100%; height:100%; background:rgba(15, 41, 70, 0.9);}
.detail_wrap .detail a { display:block;text-align:center;}
.detail_wrap .detail span.text01 { display:block;text-align:center; padding:80px 15px 10px 15px ; font-size:26px; color:#fff;}
.detail_wrap .detail span.text02 { height:100%; display:block;text-align:center; padding:0 15px 10px 15px ; font-size:15px; color:#fff;}

/*-----OFF----------*/

.detail_wrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_wrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%; background-color:#222;}
.detail_wrap2 .detail a { display:block;text-align:center;}
.detail_wrap2 .detail span.text01 { display:block;text-align:center; color:#CCC5AC; padding:30px 30px 10px 30px ; font-size:16px; }
.detail_wrap2 .detail span.text02 { height:30%; display:block;text-align:center; padding:0 30px 10px 30px ; color:#666; line-height:22px; font-size:12px;}
.detail_wrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:10px;}
/*.detail_wrap2 .detail .more img{width:100%; width:24px; height:24px; display:block;  text-align:center;}*/

.detail_bwrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_bwrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%; background-color:#222;}
.detail_bwrap2 .detail a { display:block;text-align:center;}
.detail_bwrap2 .detail span.text01 { display:block;text-align:center; color:#000; padding:50px 30px 10px 30px ; font-size:18px; color:#CCC5AC; }
.detail_bwrap2 .detail span.text02 { height:100%; display:block;text-align:center; color:#666; padding:0 30px 10px 30px ;}
.detail_bwrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:-400px;}

.detail_mwrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_mwrap2 img{width:100%;height:50%; float:left; overflow:hidden;position:relative;}
.detail_mwrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%;  background-color:#222;}
.detail_mwrap2 .detail a { display:block;text-align:center;}
.detail_mwrap2 .detail span.text01 { display:block;text-align:center; color:#000; padding:50px 30px 10px 30px ; font-size:18px; color:#CCC5AC; }
.detail_mwrap2 .detail span.text02 { height:35%; display:block;text-align:center; color:#666; padding:0 30px 10px 30px ;}
.detail_mwrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:0px;}

/*-----OFF----------*/

.detail_wrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_wrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%; background-color:#222;}
.detail_wrap2 .detail a { display:block;text-align:center;}
.detail_wrap2 .detail span.text01 { display:block;text-align:center; color:#CCC5AC; padding:30px 30px 10px 30px ; font-size:16px; }
.detail_wrap2 .detail span.text02 { height:30%; display:block;text-align:center; padding:0 30px 10px 30px ; color:#666; line-height:22px; font-size:12px;}
.detail_wrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:10px;}
/*.detail_wrap2 .detail .more img{width:100%; width:24px; height:24px; display:block;  text-align:center;}*/

.detail_bwrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_bwrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%; background-color:#222;}
.detail_bwrap2 .detail a { display:block;text-align:center;}
.detail_bwrap2 .detail span.text01 { display:block;text-align:center; color:#000; padding:50px 30px 10px 30px ; font-size:18px; color:#CCC5AC; }
.detail_bwrap2 .detail span.text02 { height:100%; display:block;text-align:center; color:#666; padding:0 30px 10px 30px ;}
.detail_bwrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:-400px;}

.detail_mwrap2 { position:relative; width:100%; height:100%; float:left; overflow:hidden}
.detail_mwrap2 img{width:100%;height:50%; float:left; overflow:hidden;position:relative;}
.detail_mwrap2 .detail { padding:0; position:absolute;z-index:20; display: block; left:0; top:0; width:100%; height:100%;  background-color:#222;}
.detail_mwrap2 .detail a { display:block;text-align:center;}
.detail_mwrap2 .detail span.text01 { display:block;text-align:center; color:#000; padding:50px 30px 10px 30px ; font-size:18px; color:#CCC5AC; }
.detail_mwrap2 .detail span.text02 { height:35%; display:block;text-align:center; color:#666; padding:0 30px 10px 30px ;}
.detail_mwrap2 .detail span.more img{width:24px;height:24px; display:block; left:50%; position:absolute; margin-left:-12px; margin-top:0px;}

/*-----OFF----------*/

/*@media screen and (max-width: 1366px) and (min-width: 1362px) {
.detail_bwrap .detail span.text01 {  padding:50px 15px 10px 15px ; font-size:22px;  }
.detail_bwrap .detail span.text02 {  padding:0 15px 10px 15px ; font-size:13px;}
}

@media screen and (max-width: 1282px) and (min-width: 1025px) {

.detail_bwrap .detail span.text01 {  padding:50px 15px 10px 15px ; font-size:22px;  }
.detail_bwrap .detail span.text02 {  padding:0 15px 10px 15px ; font-size:13px;}
}

@media screen and (max-width: 1024px) {
.detail_bwrap .detail span.text01 {  padding:40px 15px 10px 15px ; font-size:20px; }
.detail_bwrap .detail span.text02 {  padding:0 15px 10px 15px ; font-size:13px; line-height:160%;}
}*/


@media screen and (max-width: 1366px) {
/*.blog_bpic{ width:50%;}*/
.detail_bwrap .detail span.text01 { display:block;text-align:center; padding:40px 15px 10px 15px ; font-size:22px; color:#fff; }
.detail_bwrap .detail span.text02 { height:100%; display:block; text-align:center; padding:0 15px 10px 15px ; font-size:14px; color:rgba(255,255,255,.7);}
/*.blog_pic{width:25%;}*/
}



@media screen and (max-width: 640px) {
.blog_bpic{ width:100%;}	
.blog_pic{width:100%;}
}