@media screen and (min-width:1280px) and (max-width:20000px){
.twotab{max-width: 1400px; margin: 20px auto;width: 95%; padding: 0 2.5%;}
.main_slide.post_content,.main_slide.cat_content{width: 73%; float: left;}
.twotab aside{width: 25%; float: right;top: 92px;position: sticky;}
body.archive .twotab aside{margin:0 0 15px 0;}
.admin-bar .content{padding-top:92px; }
.admin-bar 	.content.cat_content{padding-top:92px;}	
.admin-bar.notxf3	 	.content.cat_content{padding-top:129px;}		
.content.cat_content{padding-top:92px;}		
.content{padding-top:92px; }
.notxf	.content,.blockbody.notxf .content,.notxf.notxf3 .content {padding-top:186px;}
	.notoptempcontent{padding-top:0!important;}	

.notxf2	.content,.blockbody.notxf2 .content {padding-top:150px;}
.notxf3	.content,.blockbody.notxf3 .content {padding-top:128px;}
	
.admin-bar.blockbody.notxf .content,.blockbody.notxf .content.cat_content,.admin-bar.notxf .content.cat_content,.blockbody.notxf.notxf3 .content{padding-top:186px;}
.admin-bar.blockbody.notxf2 .content,.blockbody.notxf2 .content.cat_content,.admin-bar.notxf2 .content.cat_content{padding-top:150px;}
.header_pic_nav .sub-menu li.menu-item:hover .mu_a::after, .header_pic_nav .sub-menu li.menu-item .mu_a::after{display:none!important;}
}

@media screen and (min-width:1025px) and (max-width:1279px){
.twotab{max-width: 1400px; margin: 30px auto;width: 95%; padding: 0 2.5%;}
.main_slide{width: 73%; float: left;}
.twotab aside{width: 25%; float: right;}
.content{padding-top:92px; }
.notxf	.content,.blockbody.notxf .content {padding-top:186px;}	
}

@media screen and (min-width:1px) and (max-width:1024px){
.archive	.twotab{margin:30px auto;}
.twotab{max-width: 1200px; margin:0 auto;width: 95%; padding: 0 2.5%;}
.main_slide{width: 100%; float: left; overflow: hidden;}
.twotab aside{width: 100%; float: right; height: 0; overflow: hidden; opacity: 0;}
.twotab aside.goout{height: auto; opacity: 1;}	
.move_open_btn{width: 96%;padding: 15px 2%; background: #fff;margin-bottom: 20px; text-align: center; font-size: 16px; font-weight: bold; color: #e3e3e3;float: left;}
.content{padding-top:100px; }	
body.drop 	.content{padding-top:40px; }
body.swiperbody {height: 100%;;}


	body.drop.msheader .content.toptempcontent, body.msheader .content.toptempcontent{padding-top: 0;}
	body.drop.msheader .toptemp,body.msheader .toptemp{padding-top: 60px;}
}
@media screen and (min-width:1024px) and (max-width:20000px){	
	.twotab{position: relative;}
	.xf_div1{width:100%;}
	.toptemp{margin-bottom: 15px;}
	.move_open_btn{display: none;}
}

@media screen and (min-width:1024px) and (max-width:200000px){
	.content.leftright .twotab .main_slide{float:right;}
	.content.leftright .twotab aside{float:left}

}


.content{width: 100%; height: auto; }
.the_page_content{  width: 100%; margin-bottom: 20px;position: relative;z-index: 10; }
.nomorepost{width:100%; padding:1px 2%; background: #fff;box-sizing: border-box;padding: 1px 2% 25px 2%;}
.nombac.nomorepost{background:none;}
.nomorepost p{line-height: 1.6;color: #666;}

.main_ba{width: 100%; height: 100%;position:absolute; top: 0; left: 0;z-index: 1}
.post_content{font-size: 16px; color: #333; font-family: arial,"Hiragino Sans GB",sans-serif;position: relative;display:block; }
.nobotnp.post_content{margin: 0 0 15px 0;} 
.blockbody .post_content,.blockbody .the_page_content{margin: 0;} 
.post_content p{min-height: 12px;margin: 5px 0;}
.post_content ul li{ list-style:disc outside;  margin-bottom: 15px; } 
.post_content  ol,.post_content  ul{padding-left:2em;}
 ol li{ list-style: decimal  outside;  margin-bottom: 15px; width: auto;}
.wp-block-table table,.woocommerce-Tabs-panel table {border: solid 1px #ccc;border-collapse: collapse; }
.post_content  table tbody,.woocommerce-Tabs-panel  table tbody{border: 1px solid #d3d3d3; background: #fefefe; margin: 0 auto 0; }
.post_content  table tbody tr td,.woocommerce-Tabs-panel   table tbody tr td { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;padding: 5px;color: #666666; margin-top: 10px;}
.post_content thead tr,.woocommerce-Tabs-panel thead tr {border-bottom: 1px solid #666;}
.post_content tfoot tr,.woocommerce-Tabs-panel  tfoot tr{border-top: 1px solid #666;}
.post_content thead th,.post_content tfoot td,.woocommerce-Tabs-panel thead th,.woocommerce-Tabs-panel tfoot td{border:none;}




.post_content a{color:#4597b6; margin: 0 3px ; position: relative;}
.post_content a:hover{text-decoration: underline;}
.post_content h2{ font-size: 18px; }

.post_content h1,.post_content h3,.post_content h4,.post_content h5{font-size: 16px; }
.single_open{cursor: pointer;}
.post_content p img{ display: block;}

.breadcrumbs{width: 100%; height: auto; overflow: hidden; background: #eaeaea; }
.breadcrumbs nav{display: block; margin: 0 auto; padding: 10px 2.5%; width: 95%; max-width: 1400px;color:#666;font-size: 14px;}
.breadcrumbs nav span{font-size: 14px; color:#666;}
.breadcrumbs nav a{font-size: 14px; color:#cf0434;}



.list_nav_ts{font-size: 14px; color: #8c8c8c; font-weight:bold; }
.xian_o{width: 100%; height:1px; background: #ccc; margin-top: 5px; overflow: hidden;}
.xian_o .xo{width: 10%; height: 1px; background: #1e73be; float: right;}
.list_nav_ts font{color:#cf0434; margin-right:5px;font-size: 18px;}
.list_nav_title p{font-size: 16px; color: #666; line-height: 36px;}
.list_nav_title .more_m{float:left; background: #ccc;color: #333; font-size: 14px;padding: 5px 15px; width: auto; border: none;}
.list_nav_title span a{position:static;float:left; background: #ccc;color: #333; font-size: 14px;padding: 5px 20px; width: auto;opacity: 1!important; height: auto; line-height: 19px; margin:10px 3px 10px 0;}
.list_nav_title .fas.fa-align-left {float: right;color: #1e73be; position: relative; top: 11px;}


.index_nav,.index_tag_nav,.index_tagclouds,.twotabpost{width: 92%; padding: 15px 4%; background: #fff; margin-bottom:20px;}
.index_nav .case_title_lists{ text-align: left;}
.case_title_lists .mantitle{   display: inline-block; font-size: 18px;font-weight: bold; padding: 10px 0; margin:0; position: relative; color: #cf0434;}
.case_title_lists  h1.mantitle{margin: 0; padding: 0;}
.index_nav_ul{ display:block; width:100%; padding: 5px 0; margin-top: 10px;}
.index_nav_ul li{ display:block; width:100%; height:auto; font-size:0; position:relative; background:#FAFAFA;margin-bottom: 10px;}
.aside_mian .index_nav_ul li:hover{ background:#F2F2F2;}
.index_nav_ul li a{ display:block; padding:3px 5%; width:90%; cursor: pointer; background:#E3E3E380; margin-bottom: 10px; font-weight: bold;}
.index_nav_ul li .sub-menu li a{background: none; margin-bottom: 0; font-weight: normal;}
.index_nav_ul li a figure{ float:left; width:30px; margin-right:10px;}
.index_nav_ul li a { line-height:30px;}
.index_nav_ul li a  span{ font-size:14px; color:#333;}
.index_nav_ul li.menu-item-has-children i,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i{display: block ; position:absolute; right: 0; top: 0; width: 36px; height: 36px;cursor: pointer;;font-size: 14px;text-align: right;margin-right: 10px;line-height: 44px;color: #8F8F8F;font-style: normal;}


.index_nav_ul li.menu-item-has-children i::before, .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i::before{content:"\f067";font-family:"Font Awesome 5 Free";-webkit-transform: rotate(0);transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);display: inline-block;font-weight: 900;}


.index_nav_ul li.menu-item-has-children i.opens::before,.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i.opens::before{-webkit-transform: rotate(-137deg);transform: rotate(-137deg);-moz-transform: rotate(-137deg);-o-transform: rotate(-137deg);}
.index_nav_ul li .sub-menu{display: none;}
.gbzk .index_nav_ul li.current-menu-item .sub-menu,.gbzk .index_nav_ul li.current-menu-ancestor .sub-menu,.index_nav_ul li.current-menu-parent .sub-menu{display:block;}
.qbzk .index_nav_ul li .sub-menu,.gbzk .index_nav_ul li .sub-menu{display:block;}
.index_nav_ul li.current-menu-item span{color: #cf0434; font-weight: bold;}
.index_nav_ul li.current-menu-item.menu-item-has-children .sub-menu li span{color: #333; font-weight: normal;}


.index_nav_ul li .sub-menu li {border-bottom:solid 1px #E3E3E380;}
#per27 .index_nav_ul li .sub-menu{  position:relative; top:0; left:0; width:90%; padding-left: 10%; }
.left_right#per27  .index_nav_ul li .sub-menu{left:-82%; }
#per27 .index_nav_ul li .sub-menu li:last-child{border: none;}
 .index_nav_ul li.menu-item-has-children .sub-menu li i, .index_nav_ul li.menu-item-has-children .sub-menu li .sub-menu li i{ display: none}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li  i{display: none!important}
.index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{width: 90%; margin-left: 10%;}
.main_content .index_nav_ul li .sub-menu li{background:#F2F2F2;}

#adimg{width: 100%;height: auto;position: relative;}
#adimg a{margin: 0 auto;max-width: 1400px;width: 95%;padding: 0 2.5%;text-align: center;display: block;overflow: hidden; font-size: 0;}
.twotab #adimg a{display: block; width: 100%; padding:0%; height: auto; overflow: hidden; font-size: 0; text-align: center;}
.img_margin a{margin:8px 0; }
.img_margin a:last-child{margin: 0;}

.index_tag_nav_ul{display: block; overflow: hidden; width:100%; margin: 10px 0; background: #fff;}
.index_tag_nav_ul li,.index_tagcloud a{list-style: none; display: inline-block; padding: 3px 5px; background: #e3e3e3; color: #666; margin: 0 5px 5px 0; border-radius: 3px; }
.index_tag_nav_ul li a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li a,.index_tagcloud a{color: #666; font-size: 14px; margin: 0;}
.index_tagcloud a{margin: 0 5px 5px 0}
.index_tag_nav_ul li:hover{background: #cf0434;}
.index_tag_nav_ul li:hover a,.index_tag_nav_ul li.menu-item-has-children .sub-menu li:hover a,.index_tagcloud a:hover{color: #fff;}
.index_tag_nav_ul li.menu-item-has-children{ display: block; width: 100%; background:none!important; padding: 0; margin-bottom: 15px;}
.index_tag_nav_ul li.menu-item-has-children a{color:#333; font-size: 16px; margin-bottom: 10px; display: block; width: 100%;}
.index_tag_nav_ul li.menu-item-has-children:hover a{color:#333;}

.index_tagcloud {height: auto;width:90%; padding:10px 0;  background: #fff;}



.case_title_lists {text-align: left;padding: 5px 0;overflow: visible;}
.case_title_lists a {display: inline-block;font-size: 14px;color: #333; cursor: pointer; background: #ccc;padding: 5px 15px;}
.case_title_lists a.active{background: #cf0434; color: #fff;}
.cat_loop,.case_loop{display: block; width: 100%; height: auto;list-style: none; margin-top:10px;}
.cat_loop li,.case_loop li{width: 100%; height:auto; list-style: none;display: block; margin-bottom: 10px;padding-bottom: 10px;overflow: hidden;}

.case_loop li.first_show:first-child{border-bottom: 1px dashed #ccc; padding-bottom: 5px;}
.case_loop li.first_show:first-child .case_pic,.cat_loop li.first_show:first-child .case_text {width: 100%;}
.twotabpost  .case_loop li.first_show:first-child .case_pic{width:100%;}
.case_loop li.first_show:first-child  .case_text .vedio_url{display: none;}
.twotabpost .case_loop li.first_show:first-child .case_text.post_text{float:left;}
.twotabpost  .case_loop li .case_text p,.twotabpost  .case_loop li .case_text .vedio_url{display: none;}
.case_loop li.first_show:first-child  .case_text p{font-size: 14px; color: #666;display: block;}
.case_loop li .case_pic{ width: 100px;float: left; margin-right: 15px; overflow: hidden;position: relative;}
.case_loop li .case_text{text-align:left; overflow: hidden;}
.twotabpost  .case_loop li .case_text .posts_title{height: auto; font-size: 16px;color: #333;margin-bottom: 5px;}

.cat_loop li .case_text .posts_title{width:100%;margin: 5px 0;padding: 0;height: auto;min-height: 43px;}
.cat_loop li .case_text .posts_title a {font-size: 16px;color: #333;}
.cat_loop li .case_text span,.cat_loop li .case_text span time,.case_loop li .case_text span,.case_loop li .case_text span time {font-size: 14px;color: #cf0434;margin-right: 5px;opacity: 0.9;}
.cat_loop li .case_text p {font-size: 14px;color: #666;line-height: 20px;margin: 3px 0;}
.cat_loop li .case_pic {float: left;margin-right: 15px;overflow: hidden;text-align: center; position: relative;}
.cat_loop li .case_pic .imgsize,.cat_page .cat-text li .case_pic .imgsize,.imgsize{position:relative;z-index: 1;}
.cat_loop li .case_pic .thumbnail,.cat_page .cat-text li .case_pic .thumbnail,.thumbnail{position: absolute; top: 0;left: 0; z-index: 2;text-align: center;
display: flex;width: 100%; height:auto;}
.thumbnail img{display: inline-block;margin: 0 auto;}
.cat_page .cat-text li .case_pic{position: relative;}


.tap_s-box.wp-block-column{display:block;flex-basis:auto!important; margin: 0;box-sizing: border-box;margin:  0!important;}
@media screen and (min-width:1px) and (max-width:414px){.tap_s-box.wp-block-column{padding:10px;}}

.wp-block-columns{display: flex;}
.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;min-width: 0;
word-break: break-word;position: relative;overflow-wrap: break-word;
}

 .wp-block-table th {
    padding: .8em;
    border: 1px solid #e0e0e0;
    word-break: normal;
}
.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
    border-color: #e0e0e0;
}
.cat_loop li{box-sizing: border-box; border:solid 1px #f7f7f7} 
.cat_loop li  ul.csbox_pt{display: block; overflow: hidden; margin-bottom: 5px; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec;}
.cat_loop li  ul.csbox_pt li:hover{box-shadow: none; margin: 0!important;}
.cat_loop li  ul.csbox_pt li{ margin: 0!important;position:relative;}
.cat_loop li  ul.csbox_pt li{width: 100%; padding: 5px 0; line-height:1.5; border: none; border-bottom: solid 1px #ececec;}
.cat_loop li  ul.csbox_pt li:last-child{ border-bottom:none;}
.cat_loop li  ul.csbox_pt.ov_1 li,.cat_loop li  ul.csbox_pt:last-child{border: none;}
.cat_loop li  ul.csbox_pt.ov_2 li{width: 45%; display: inline-block; text-align: center;padding: 5px 2.5%; border: none;line-height: normal;}
.cat_loop li  ul.csbox_pt.ov_2 li span{display:inline-block; width: 100%;overflow: hidden;white-space: nowrap;}
.cat_loop li  ul.csbox_pt.ov_2 li:first-child::after{content:  ' ';width: 1px; height: 30px; background: #ccc;position: absolute; top: 11px; right: 0;}

.cat_loop li  ul.csbox_pt.ov_3 li{width: 33%; display: inline-block; text-align: center;padding: 5px 1.5%; border: none;line-height: normal;}
.cat_loop li  ul.csbox_pt.ov_3 li span{display:inline-block; width: 100%;overflow: hidden;white-space: nowrap;}
.cat_loop li  ul.csbox_pt.ov_3 li:nth-child(2n)::after,.cat_loop li  ul.csbox_pt.ov_3 li:first-child::after{content:  ' ';width: 1px; height: 30px; background: #ccc;position: absolute; top: 11px; right: 0;}
.cat_loop li  ul.csbox_pt li span{min-height: 20px;color: #555;font-size: 14px;}
.cat_loop li  ul.csbox_pt li span:first-child{color:#999;}
.cat_loop li  ul.csbox_pt.ov_2 li span:first-child,.cat_loop li  ul.csbox_pt.ov_3 li span:first-child{font-size: 12px;}

.case_loop li{box-sizing: border-box; border:solid 1px #f7f7f7} 
.case_loop li  ul.csbox_pt{display: block; overflow: hidden; margin: 5px 0; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec;white-space: nowrap;}
.case_loop li  ul.csbox_pt li:hover{box-shadow: none; margin: 0!important;}
.case_loop li  ul.csbox_pt li{ margin: 0!important;position:relative;}
.case_loop li  ul.csbox_pt li{width: 100%; padding: 5px 0; line-height:1.5; border-bottom: solid 1px #ececec;}
.case_loop li  ul.csbox_pt li,.case_loop li  ul.csbox_pt:last-child{border: none;}
.case_loop li  ul.csbox_pt li{width: auto; display: inline-block; text-align: center;padding: 5px 10px; border: none;line-height: normal;}
.case_loop li  ul.csbox_pt li span{display:inline-block;overflow: hidden;vertical-align: middle;}
.case_loop li  ul.csbox_pt li::after{content:  ' ';width: 1px; height: 15px; background: #ccc;position: absolute; top: 10px; right: 0;}
.case_loop li  ul.csbox_pt li:last-child::after{display: none;}

 
.archive .case_loop li  ul.csbox_pt li span{color: #666;font-size: 15px;}
.archive .case_loop li  ul.csbox_pt li span:first-child{font-size: 15px;}

@media screen and (min-width:1px) and (max-width:414px){
	.case_loop li .case_text{display:inline;}
}





.cat_titles{    width: 96%;padding: 8px 2%; background: #fff; margin-bottom: 20px; overflow: hidden;}
.cat_titles p{font-size: 14px; color: #666; margin: 5px 0 0;}
.cat_page{width: 96%;padding: 15px 2%;background: #fff;margin-bottom: 20px;}
.loadcat{opacity: 0.4;}
.cat_page .cat-text,.cat_page .cat-text{width: 100%; height: auto; margin: 0; padding: 0;}
.cat_page .cat-text li{width: 100%; height: auto; text-align: left; margin:0 0 15px 0; padding:0 0  15px 0; border-bottom: 1px solid #e3e3e3;border-top: none;border-left: none;border-right: none; }
.cat_page .cat-text li:hover{box-shadow: none;}
.cat_page .cat-text li .case_pic{ float: left; margin-right: 15px; overflow: hidden;}
.cat_page .cat-text li .case_text{text-align:left;}
.cat_page .cat-text li .case_text .posts_title{text-align: left; width: auto; margin: 0 0 5px 0 ; padding: 0; height: auto;}
.cat_page .cat-text li .case_text .posts_title a{font-size: 16px;color: #333;}
.cat_page .cat-text li .case_text span ,.cat_page .cat-text li .case_text span time{font-size: 12px; color:#cf0434; margin-right: 5px; opacity: 0.9;}
.cat_page .cat-text li .case_text p{font-size: 14px; color: #666; line-height: 20px; margin: 3px 0; display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.cat_page .cat-text li .case_text .vedio_url{background:#cf0434; color: #fff; border: none; border-radius: 5px; margin: 2px 0 0;display: inline-block;
padding: 5px 15px;}
.cat_page .cat-text ul{display: block;margin: 0; padding: 0; width: 100%;}
.cat_page .cat-text li .case_time{float: left; margin-right: 15px;overflow: hidden;width: 70px; max-height: auto; margin-bottom: 10px; border: 1px solid #e3e3e3;}
.cat_page .cat-text li .case_time time{ display: block; width: 100%; padding: 8px 0; text-align: center;line-height: normal; }
.cat_page .cat-text li .case_time time:first-child{background: #cf0434; color: #fff;font-size: 16px; font-weight: bold;}
.cat_page .cat-text li .case_time time{color:#666;font-size: 14px;}


@media screen and (min-width:650px) and (max-width:1023px){
.cat_loop li{ width:30%; margin:10px 3% 15px 0; }
.cat_loop.loop_list4 li{ width:22%; margin:10px 3% 10px 0;}
	
.cat_loop.loop_list2 li,.blog_loop.loop_list2 article{width:48%; margin:10px 3% 15px 0;}		
.cat_loop.loop_list2 li,.blog_loop.loop_list2 article:nth-child(2n){margin:10px 0 15px 0;}		
	}
@media screen and (min-width:1px) and (max-width:649px){
.cat_loop li{ width:47%; margin:10px 3% 15px 0; }
.cat_loop.loop_list2 li,.blog_loop.loop_list2 article{width:100%; margin:10px 0 15px 0;}		
	}	
@media screen and (min-width:1024px) and (max-width:200000px){

.cat_loop.loop_list2 li,.blog_loop.loop_list2 article{width:48%; margin:10px 3% 15px 0;}		
.cat_loop.loop_list2 li,.blog_loop.loop_list2 article:nth-child(2n){margin:10px 0 15px 0;}	

.blog_loop.loop_list3 article{width:32.3%; margin:10px 1.5% 15px 0;}	
.blog_loop.loop_list3 article:nth-child(3n){margin:10px 0 15px 0;}	
.blog_loop.loop_list4 article,.blog_loop.loop_list5 article,.blog_loop.loop_list6 article,.blog_loop.loop_list3 article{ padding: 15px 1%;}	
	
.cat_loop.loop_list3 li{width:32.3%; margin:10px 1.5% 15px 0;}	
.cat_loop.loop_list3 li:nth-child(3n){margin:10px 0 15px 0;}
.cat_loop.loop_list4 li,.blog_loop.loop_list4 article{width:24.2%; margin:10px 1% 15px 0;}	

.cat_loop.loop_list4 li:nth-child(4n),.blog_loop.loop_list4 article:nth-child(4n){margin:10px 0 15px 0;}	
	
.cat_loop.loop_list5 li,.blog_loop.loop_list5 article{ width:19.2%; margin:10px 1% 10px 0;}
.cat_loop.loop_list5 li:nth-child(5n),.blog_loop.loop_list5 article:nth-child(5n){margin:10px 0 15px 0;}	
.cat_loop.loop_list6 li,.blog_loop.loop_list6 article{ width:15.8%; margin:10px 1% 10px 0;}
.cat_loop.loop_list6 li:nth-child(6n),.blog_loop.loop_list6 article:nth-child(6n){margin:10px 0 15px 0;}	
	
	
	}
@media screen and (min-width:551px) and (max-width:200000px){.cat_page .cat-text li .case_pic{ width: 200px;max-height: 150px;}	}	
@media screen and (min-width:1px) and (max-width:550px){.cat_page .cat-text li .case_pic{ width:150px;max-height:150px;margin-bottom: 5px;}
	.cat_page .cat-text li .case_text p{overflow: hidden;  height: 39px;-webkit-line-clamp: 2;}
	.cat_page .cat-text li .case_text .posts_title{  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
		display: -webkit-box;
  -webkit-box-orient: vertical;height: 46px;}
	.cat_page .cat-text li .case_text .posts_title a{font-size:15px;}
	.cat_page .cat-text li .case_text .vedio_url{display:none;}}	
@media screen and (min-width:768px) and (max-width:1023px){

.cat_loop.loop_list5 li,.cat_loop.loop_list6 li,.cat_loop.loop_list7 li,.cat_loop.loop_list8 li{ width:22%; margin:10px 3% 10px 0;}
	
	}	
@media screen and (min-width:650px) and (max-width:767px){

.cat_loop.loop_list5 li,.cat_loop.loop_list6 li,.cat_loop.loop_list7 li,.cat_loop.loop_list8 li{width:30%; margin:10px 3% 15px 0;}
	
	}		

.cat_loop li{  display:block; float:left;}
.cat_loop li .case_text .vedio_url{background:none;color:#cf0434;font-size: 12px; border: #cf0434 1px solid; margin: 2px 0 0;display: inline-block;padding: 5px 15px;}
.cat_loop li .case_text .posts_title a{font-size:14px; font-weight: normal;}
.cat_loop .case_pic{ font-size:0; width:100%; position:relative; overflow:hidden; height:auto;}
.cat_loop .case_pic  figcaption{ font-size: 12px; position: absolute; bottom: -100px; left: 0;  text-align: center; width: 96%; padding: 10px 2%; color: #fff; opacity: 0; text-align: left; z-index: 10; display: block;}
.cat_loop .case_pic  figcaption span{position: relative; z-index: 10;}
.cat_loop .case_pic  figcaption::after{ content: ""; display: block;width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; z-index: 1;position: absolute;}

.cat_loop li:hover .case_pic  figcaption{ opacity: 1; bottom: 0;}

.cat_loop li:hover{box-shadow: 0 0 5px #ccc;}

.cat_loop .case_text{float: left; overflow: hidden;width: 100%; text-align:center;}
.case_text .posts_title{ margin: 0; width: 96%; padding: 0 2%; height: 39px; margin-top: 10px; line-height: 18px; display:block; overflow: hidden;}
.case_text .posts_title a{ font-size:14px; color:#333; }

.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:10px 0; }
.pager a,.pager span {  color:#444; font-size:12px;margin:2px; text-align:center; text-decoration:none; min-width: 1em;cursor: pointer;border-radius: 100%;display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size:14px;}
.pager a.current ,.pager span.current{background:#db2412;margin:2px;color:#fff; border-radius: 100%;}
.pager a.prev,.pager a.next{border-radius:25px;background: #f9f9f9;padding:0 15px;width: auto;}
.pager a:hover,.pager span :hover {background:#db2412;color:#fff;text-decoration:none;}

.pager.ajax a.ajaxbtn_cat,.pager.ajax a.ajaxbtn_cat_btom{display:block; width:100%; box-sizing: border-box;}
.alignleft {display:inline;float:left; margin-right:1.625em;text-align:left;}
.alignright { display:inline; float:right; margin-left:1.625em;text-align:right;}
.aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;text-align: center;}
.aside .more_m{box-sizing: border-box; border: 1px solid #ccc;color: #ccc; font-size: 14px;padding: 5px 0; width:99%; float:left;text-align: center;margin-bottom: 15px;box-sizing: border-box;}


.cat_page.blogs{width: 100%;padding:0;background:none;}
.blog_loop{overflow: hidden;}
.blog_loop article{width:100%; padding: 15px 2%; background: #fff; box-sizing: border-box; margin-bottom: 20px;display: inline-block;}
.blog_head figure{position: relative;display: block;width: 100%; height: auto;overflow: hidden;}
.blog_head .imgsize{position:relative;z-index: 1;}
.blog_head .thumbnail{position: absolute; top: 0;left: 0; z-index: 2;text-align: center;align-items: center;
display: flex;width: 100%; height: 100%;}
.blog_head .thumbnail img{display: inline-block;margin: 0 auto;}

.blog_loop header{background: #f6f6f6; padding: 15px 15px 5px 15px; box-sizing: border-box;}
.blog_loop article time{color:#6e7689;}
.blog_loop article h2{margin: 5px 0;
height: 50px;
display: block;
overflow: hidden;line-height: 23px;

display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_loop article h2 a{color:#333; font-size: 18px;font-weight: normal;}
.blog_loop article  .describe{width:100%; padding: 5px 0 5px 0;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.blog_loop article  .describe time,.blog_loop article .describe  span{margin-right: 10px;font-size: 14px; color:#666;}
.blog_loop article  .describe time i,.blog_loop article span i{color:#2f2626;}
.blog_loop article span a{margin-right: 5px; color:#444;}
.blog_loop article p{font-size:14px; line-height: 1.6; color:#666;margin: 5px 0;}
.blog_loop article ul{display:block; list-style: none; border-top:1px #EDEBEB solid; border-bottom:1px #EDEBEB solid; padding: 15px 0;font-size:14px;}

.blog_loop article ul li.imgcans{display:block; width: 100%; border-bottom:1px dashed rgba(207,207,207,1.00); border-right: none;}
.blog_loop article ul li.imgcans span:first-child{line-height: 35px;;  }
.blog_loop article ul li.imgcans span img{max-width: 100%;height: auto;}
.blog_loop article ul li.imgcans span a{display: inline-block;width: 35px;margin-right: 5px;position: relative;border: 2px solid #ccc;line-height: 0;}

.blog_loop article ul li.imgcans span a span { position: absolute; width: 80px; padding: 0 5px; height: 28px; background: #333; color: #fff;text-align: center; font-size: 14px; top: -31px;left: 0; line-height: 23px;display: none;}
.blog_loop article ul li.imgcans span a:hover span {display:block;}

.blog_loop article ul li{display:inline-block; margin-right:8px; padding-right: 8px; border-right:1px solid #ccc;margin-bottom: 10px;}
.blog_loop article ul li:last-child{border-right: none;}
.blog_loop article ul li span:first-child{font-weight: bold; color:#444;margin-right: 10px;}
.captcha_out{position:absolute;width: 100%; height: 100%;top:0; left:0;z-index: 10000000;display:none;}
.captcha{ margin: 10% auto 0 auto; ;width:220px;; height: auto; padding: 30px; background: #fff; border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,0.4);text-align: center;font-size: 16px; color:#666;position: relative;}
.captcha_in{display:flex;margin-top: 10px;}
.captcha_in input{padding: 5px; border: solid 1px #dfdfdf;border-radius: 5px; width: 100%;	box-sizing: border-box;margin-top: 5px; }
.captcha_in .capbtn{display:block; color:#fff; padding: 10px 0; background: #81d742;border-radius: 5px; margin-top: 15px;width: 100%;border: none; cursor: pointer;Margin: 15PX 0;}
.captcha  p.e{color:#F7090D;display:none;}
.captcha_out .close{font-size:14px;display:block; padding: 5px; background: #333; color:#fff;position: absolute; right:5px; top: 5px;cursor: pointer;border-radius: 5px;}