/*public*/

.aside_mian{ float:left; width:25%; margin-top:10px;}
.main_content{ float:right; width:73%; margin-top:10px;}
.left_right.aside_mian,.left_right.left_mian{ float:right;}
.left_right.main_content,.left_right.right_mian{ float:left;}
#per27 .modle_box.fixed_m,#per27 .fixed_m{ display:none;position: fixed;top: 0;}
.single-product #per27 .modle_box.fixed_m{top:40px;}
.admin-bar #per27 .modle_box.fixed_m{top:30px;}


.main_content_index{ width:100%; }
/*#per27 .modle_box{ width:100%; height:auto; margin-bottom:20px; position:relative; background:#fff; border:solid 1px #d8d8d8;}*/
.modle_box .modle_box_title{  overflow:hidden;}
.modle_box .modle_box_title .mantitle,.modle_box .modle_box_title .mantitle a{ font-size:24px; color:#333; margin:0; float:left; font-weight:bold;}
#per27 .modle_box .modle_box_title .mantitle,#per27 .modle_box .modle_box_title .mantitle a{font-size:16px;}
#per27 .modle_box .modle_box_title p{ display:none;}
.modle_box .modle_box_title p{ float:left; margin:0 0 0 10px; font-size:14px; color:#f64f57; line-height:38px;}
.modle_box .modle_box_title p a{ont-size:12px; color:#09F;}
#per27 .modle_box .modle_box_title{ width:100%;padding:0px;}

.main_content .modle_box .modle_box_title{ width:97%;padding:10px 1.5%;}
.magin_in{margin:0 auto;}

.index_nav_ul li,.title_nav span,{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.nav_poket_ul_container  .swiper-slide a img,.swiper_loop .swiper-slide .case_pic  img,.case_h_loop  li .product_pic img,.swiper_loop .swiper-slide .product_pic img {-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
.nav_poket_ul_container  .swiper-slide:hover a img,.swiper_loop .swiper-slide:hover .case_pic img,.case_h_loop  li:hover .product_pic img,.swiper_loop .swiper-slide:hover .product_pic img {-moz-transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-o-transform: scale(1.02, 1.02);}

.posts_title a{ font-size:14px; color:#333;}
.posts_title{ margin:5px 0; display:block; height:20px; overflow:hidden; line-height:18px;}
.more_link{ float:right; font-size:12px; color:#09F; line-height:38px;}
#per27 .more_link{line-height: 16px;}
#index_pic_full .index_next{right:35px;}
#index_pic_full  figcaption{ display:none;}
/*public*/

/*nav*/
#per27 .nav_poket_ul{ padding:0 0 15px 0;}
.nav_poket_ul { width:100%; height:auto; padding:0; padding:20px 0; }
.nav_poket_ul_in{ margin:0 auto;}
.nav_poket_ul_container{ width:103%; margin:15px 0;}
.nav_poket_ul_container.list_6,.nav_poket_ul_container.list_3{ width:103%;}

.nav_poket_ul_container.list_5,.nav_poket_ul_container.list_4{ width:102%;}
.nav_poket_ul_container  .swiper-slide{text-align:center;}
.nav_poket_ul_container .swiper-wrapper  .swiper-slide a{ width:90%; padding:5%; display:block; overflow:hidden;}
.nav_poket_ul_container .swiper-wrapper .swiper-slide {margin:0; }
.nav_poket_ul_container  .swiper-slide { float:left;  margin:0 2% 20px 0; }
.list_3.nav_poket_ul_container .swiper-slide { width:31%;}
.list_4.nav_poket_ul_container  .swiper-slide { width:23%;}
.list_6.nav_poket_ul_container  .swiper-slide { width:14.5%;}
.list_5.nav_poket_ul_container  .swiper-slide { width:18%;}
.nav_poket_ul_container .swiper-slide figure{ margin:0 0 5px 0; display:block; width:100%; overflow:hidden; font-size:0;}
.nav_poket_ul_container .swiper-slide .nave_spaen{ text-align: left;}
.nav_poket_ul_container .swiper-slide h3{ font-size:18px; color:#3b3b3b; font-weight:normal; margin:0 0 10px 0; border-bottom:solid 3px #3b3b3b; display:inline; float:left;line-height: 32px;}
.nav_poket_ul_container .swiper-slide p{ font-size:12px; color:#666; margin:0; display:block; width:100%; float:left;}

.wihte_text .nav_poket_ul_container .swiper-slide h3,.wihte_text .nav_poket_ul_container .swiper-slide p{ color:#fff;}
.wihte_text .mantitle,.wihte_text .modle_title p{ color:#fff !important;}
.wihte_text .class_xian div{ background:#fff !important;}
.no_text .nave_spaen{ display:none;}


.nav_poket_ul_container  .swiper-slide {  width:31%; }



/*nav*/



/*full_nav_pic*/	
.nav_poket_img{ font-size:0;width:100%; height:auto; margin:20px auto; position:relative;border-radius:5px;}
.full_nav_pic_b .swiper-slide img,.full_nav_pic .swiper-slide img{ display:none;}
.full_nav_pic_b .swiper-slide a,.full_nav_pic_b .swiper-slide,.full_nav_pic_b .swiper-wrapper,.full_nav_pic .swiper-slide a,.full_nav_pic .swiper-slide,.full_nav_pic .swiper-wrapper{ height:100%;}

.juzhong_nav_pic_b  .swiper-slide a{ background:none !important;}

#per27	 .full_nav_pic_b .swiper-slide img,.full_nav_pic .swiper-slide img{ display:block;}
#per27		.nav_poket_img .swiper-slide a{ background:none !important;}
#per27  .img_menu{ height:auto !important;}
#per27	.index_next{ right:0;}

.wihte_text #icons_nav .nave_spaen div{ color:#fff;}
.nav_poket_img{ width:100%; height:auto; overflow:hidden;}
.juzhong_nav_pic_b{ max-width:1226px;margin:20px auto;width:99%; padding:0.5%;background:#fff;  }
.juzhong_nav_pic{margin:0 auto 20px auto;}
.full_nav_pic_b{margin:20px auto}
.img_menu{  width:100%;  height:auto; position:relative;}
.pagination_out{position:absolute; width:100%;  bottom:0; width:100%; z-index:1000000; background:url("../images/blacks.png"); font-size:0;}
.img_menu_pagination{ text-align:left; margin:0 auto; padding:5px 0;}
.img_menu_pagination span{border-radius:0; width:30px; height:5px; margin-right:2px;}
.img_menu_pagination span.swiper-pagination-bullet{ border: 1px solid #333; background:#fff;}
.img_menu_pagination span.swiper-pagination-bullet-active{border: 1px solid #333;}
.swiper-slide{ text-align:center; height:100%;}
.nav_poket_img .swiper-slide a{ display:block; height:100%;}
.index_next,.index_prve{ width:50px; height:46px; position:absolute; top:40%; display:block; cursor:pointer; display:none; z-index:10; font-size:36px; color:#fff;  text-align:center; line-height:46px;}
.index_next{ right:35px; background:url("../images/next.png");}
.index_prve{ left:0; background:url("../images/prev.png");}
.nav_poket_img.box_in .index_next{right:0;}
.img_menu .swiper-slide  figure figcaption{position:absolute; width:95%; padding:5px 2.5%; text-align:left;  bottom:17px; width:100%; z-index:1000000; background:url("../images/blacks.png"); font-size:12px; color:#fff;}
/*full_nav_pic*/	


/*case_h_loop*/
.case_h_loop {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
}
.case_h_loop li .case_text,.case_h_loop li .product_bottom  .black_price_out,.case_h_loop li .product_bottom ,.case_h_loop li .price_single{ text-align:left;}
.case_h_loop#shu4 li .product_pic,.case_h_loop#shu4 li .case_text  .black_price_out,.case_h_loop#shu4 li .case_text,.case_h_loop#shu3 li .product_pic,.case_h_loop#shu3 li .case_text  .black_price_out,.case_h_loop#shu3 li .case_text,.case_h_loop#shu3 li .case_text .zdy_tags,.case_h_loop#shu4 li .case_text .zdy_tags ,#shu4 .price_single,#shu3 .price_single{ text-align: center;}

.case_h_loop li .product_bottom .zdy_tags{ margin:2px 0; overflow:hidden; text-align:left;}

	.case_h_loop li{ width:30%; }
	.main_content_index #shu4 li{width:22%;}
	.main_content_index #shu3 li{width:30%;}


.ad_images_case{ margin:15px 0; display:block; overflow:hidden;}
.main_content_index #shu4 li{  margin:5px 3% 5px 0;}
#shu4.case_h_loop li .case_pic,#shu4.case_h_loop li .product_pic,#shu4.case_h_loop li  .product_bottom,#shu4.case_h_loop li .case_text,#shu3.case_h_loop li .case_pic,#shu3.case_h_loop li .product_pic,#shu3.case_h_loop li  .product_bottom,#shu3.case_h_loop li .case_text,#per27  #shu4.case_h_loop li .case_pic,#per27  #shu4.case_h_loop li .product_pic,#per27  #shu4.case_h_loop li  .product_bottom,#per27  #shu4.case_h_loop li .case_text,#per27  #shu3.case_h_loop li .case_pic,#per27  #shu3.case_h_loop li .product_pic,#per27  #shu3.case_h_loop li  .product_bottom,#per27  #shu3.case_h_loop li .case_text
{ width:100%; margin:0 0 5px 0; float:left; }
#shu4.case_h_loop .black_price_out,#shu4.case_h_loop .loop_ratings,#shu3.case_h_loop .black_price_out,#shu3.case_h_loop .loop_ratings{ width:100%; height:23px;}


.case_h_loop li .product_pic,.case_h_loop li .case_pic{ float:left; margin-right:5%; width:30%; position:relative; overflow:hidden; cursor:pointer;}
.case_h_loop li .loop_ratings,.case_h_loop li .black_price_out{ display:inline-block;width:65%;}
#heng2.case_h_loop li .loop_ratings,#heng2.case_h_loop li .black_price_out{ width:100%;}
.case_h_loop li .product_bottom  .star-rating{ margin:0;}
.case_h_loop li .case_text p{ margin:5px 0 0; font-size:12px; color:#666;}
#per27 .case_h_loop li,#heng2 li{ width:100%; margin:5px 0 5px 0;}
#per27 .case_h_loop li .case_pic{ width:30%;}
.home #per27 .case_h_loop li .product_pic,.home #per27 #heng2 li .product_pic{ width:35%;}
#per27 .case_h_loop li .product_pic,#per27 #heng2 li .product_pic{ width:40%;}
#per27 .case_h_loop li .woocommerce-product-rating,#per27 #heng2 li .woocommerce-product-rating{ display:none;}
.home #per27 .case_h_loop li .woocommerce-product-rating,#per27 #shu4   li .woocommerce-product-rating,#per27 #shu3   li .woocommerce-product-rating{ display: block;}


#per27 .case_h_loop{width:96%; padding:0 2%;}
#per27 .thumbnails{ display:none;}
/*case_h_loop*/

/*nav_ul*/
#per27 .nav_poket_ul{ padding:0 0 15px 0;}
.nav_poket_ul { width:100%; height:auto; padding:0; padding:20px 0; }
.nav_poket_ul_in{ margin:0 auto;}
.nav_poket_ul_container{ width:103%; margin:15px 0;}
.nav_poket_ul_container.list_6,.nav_poket_ul_container.list_3{ width:103%;}

.nav_poket_ul_container.list_5,.nav_poket_ul_container.list_4{ width:102%;}
.nav_poket_ul_container  .swiper-slide{text-align:center;}
.nav_poket_ul_container .swiper-wrapper  .swiper-slide a{ width:90%; padding:5%; display:block; overflow:hidden;}
.nav_poket_ul_container .swiper-wrapper .swiper-slide {margin:0; }
.nav_poket_ul_container  .swiper-slide { float:left;  margin:0 2% 20px 0; }
.nav_poket_ul_container .swiper-slide figure{ margin:0 0 5px 0; display:block; width:100%; overflow:hidden; font-size:0;height:auto;}
.nav_poket_ul_container .swiper-slide .nave_spaen{ text-align: left;}
.nav_poket_ul_container .swiper-slide h3{ font-size:18px; color:#3b3b3b; font-weight:normal; margin:0 0 10px 0; border-bottom:solid 3px #3b3b3b; display:inline; float:left;line-height: 32px;}
.nav_poket_ul_container .swiper-slide p{ font-size:12px; color:#666; margin:0; display:block; width:100%; float:left;}

.wihte_text .nav_poket_ul_container .swiper-slide h3,.wihte_text .nav_poket_ul_container .swiper-slide p{ color:#fff;}
.wihte_text .mantitle,.wihte_text .modle_title p{ color:#fff !important;}
.wihte_text .class_xian div{ background:#fff !important;}
.no_text .nave_spaen{ display:none;}


/*nav_ul*/

/*list_text_pic*/
.list_text_pic{ width:98%; overflow:hidden; padding:5px 1%;}

#per27 .list_text_pic li{ width:100%; display:block; float:left; margin:5px 2.5%;}


.list_text_pic li{ border-bottom:dashed 1px #F0F0F0;}
.list_text_pic li .case_pic{ width:25%; float:left; margin-right:5%;}
 .text_data time, .text_data span{ font-size:12px; color:#666; margin-right:5px; display:inline-block;}
.text_data  i{ width:14px; height:14px; margin-right:3px; display:inline-block; background-image:url("../images/theme.png"); position:relative; top:2px;}
 .text_data span i{ background-position:2px -406px;}
 .text_data time i{ background-position:0 -656px;}
.list_text_pic li  .posts_title{ margin:0 0 3px 0; height: auto; }
.main_content_index .list_text_pic li{ display:block; float:left; m}
.main_content_index .list_text_pic{ width:101%; overflow:hidden; padding:5px 0 5px 0; margin:15px 0 0;}

.main_content_index #news_image.list_text_pic li{width:45%; display:block; float:left; margin:5px 2.5%;}
.main_content_index #news_image.list_text_pic li .case_pic{ width:20%; float:left; margin-right:5%;}
#per27 .news_image{ width:100%; margin:5px 0; float:left;}
.main_content_index  #news_image.list_text_pic li{ width:48%;margin:0 1% 10px 0;}
.main_content_index  .list_text_pic li{ width:30%;margin:0 3% 10px 0;}
.main_content_index  .news_image{ width:38%; margin:15px 2% 5px 0; float:left;}
.main_content_index #news_image.list_text_pic { width:60%; float:left;}
/*list_text_pic*/
/*images*/
#images a{ font-size:0;}
#per27 #images iframe,#per27 #images video,#per27 #images embed{ max-width:100% !important; height:300px !important;}

	
 #images iframe, #images video, #images embed{ width:100% !important; height:400px !important;}


/*images*/