/*public*/
@media screen and (min-width:1025px) and (max-width:200000px){
.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;}
}
@media screen and (min-width:1px) and (max-width:1024px){
.aside_mian{ display:none;}
.main_content{ float:right; width:96%; padding:0 2%; margin-top:10px;}
}
@media screen and (min-width:1px) and (max-width:550px){
.modle_box .modle_box_title .mantitle{ display:block; width:100%;}
.modle_box .modle_box_title p{ margin:0 5px 0 0 !important;}
}

.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*/
.nav { background:#fff; margin:0 0 20px 0;z-index: 10000;position: relative;}
#per27  .nav .modle_box_title{ width:99%; padding:10px 0.5%;}
.index_nav{ position:relative; z-index:100;}
.index_nav .modle_box_title .mantitle i{ width:16px; height:16px; display:inline-block; margin-right:5px; background: no-repeat 0 -489px url("../images/theme.png")}
.index_nav_ul{ display:block; width:100%;}
.index_nav_ul li{ display:block; width:100%; border-bottom:solid 1px #d8d8d8; height:auto; font-size:0; position:relative; background:#FAFAFA;}
.aside_mian .index_nav_ul li:hover{ background:#F2F2F2;}
.index_nav_ul li a{ display:block; padding:8px 5%; width:90%;}
.index_nav_ul li a figure{ float:left; width:30px; margin-right:10px;}
.index_nav_ul li a .nave_spaen{ line-height:30px;}
.index_nav_ul li a .nave_spaen div{ font-size:14px; color:#666;}

#per27 .index_nav_ul li.menu-item-has-children i,#per27 .index_nav_ul li.menu-item-has-children .sub-menu li.menu-item-has-children i{  display:block; position: absolute; right:10px; top:15px; width:16px; height:16px; background:no-repeat 0 -599px url("../images/theme.png");}
#per27 .index_nav_ul li .sub-menu{ display:none; position:absolute; top:0; left:100%; background:#fff;border:solid 1px #d8d8d8; width:250px; box-shadow:3px 0 3px #CCC;}
.left_right#per27  .index_nav_ul li .sub-menu{left:-82%; }

#per27 .index_nav_ul li.menu-item-has-children .sub-menu li i{ background:none;}

.main_content .index_nav_ul li .sub-menu li{background:#F2F2F2;}
/*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*/	


/*swiper_loop*/
#case_index_show{  padding:20px 0}
.swiper_loop{ width:102%; position:relative; left:-1%; height:auto; overflow:hidden; margin:15px 0 5px 0;}
.swiper_loop .swiper-slide .product_pic,.swiper_loop .swiper-slide .product_bottom ,.swiper_loop .swiper-slide  .case_pic,.swiper_loop .swiper-slide .case_text { width:90%; margin:0 5%; position:relative; overflow:hidden; background:#fff;}
.swiper_loop .swiper-slide .posts_title{ text-align:center;height:auto;}
.swiper_loop  .product_pic .onsale,.case_h_loop li .product_pic .onsale{ position:absolute; left:5px; top:10px; padding:5px; color:#fff; background:#db2412; z-index:2; line-height:normal;border-radius:0; min-height:inherit; font-weight:normal }
.swiper_loop .swiper-slide  .case_pic,.product_pic{ cursor:pointer; font-size:0;}
.swiper_loop .swiper-slide .product_bottom,.swiper_loop .swiper-slide .product_bottom  .black_price_out,.swiper_loop .swiper-slide .case_text{ text-align: center; }
.post_text p{ font-size:12px; color:#666; width:90%; padding:0 5%;}
.swiper_loop .swiper-slide .product_bottom .loop_ratings p,.case_h_loop li .product_bottom .loop_ratings p{ margin:3px 0; font-size:12px; color:#666;}
.swiper_loop .swiper-slide .product_bottom .star-rating,.case_h_loop li .product_bottom .star-rating{ font-size:14px; color:#f56600; margin:3px 0;}
.swiper_loop .swiper-slide .product_bottom  .woocommerce-review-link,.case_h_loop li .product_bottom  .woocommerce-review-link{ display:none;}
.swiper_loop .swiper-slide .product_bottom { padding-bottom:10px;}
.swiper_loop .swiper-slide .product_bottom .zdy_tags{ width:96%; height:auto; padding:5px 2%; margin:2px 0; overflow:hidden; text-align:center;}
.swiper_loop .swiper-slide .product_bottom .zdy_tags span,.case_h_loop li .product_bottom .zdy_tags span{ display: inline-block; margin:0 1px; border:solid 1px #f56600; color:#f56600; font-size:12px; padding:2px 3px;}

.title_nav{ float:right; margin-top:5px; }
.title_nav span{ float:left; display:block; width:20px; height:20px; background-color:#ccc; margin-right:3px; border-radius:5px;background-image:url("../images/theme.png"); cursor:pointer;}
.title_nav span:hover{ background-color:#db2412;}
.title_nav span.next{ background-position:7px -630px;}
.title_nav span.prve{ background-position:8px -569px;}
.caseswiper_pagination{ width:95%; padding:10px 2.5%; text-align:left; border-top:1px solid #efefef; }
.caseswiper_pagination span{ width:20px; height:5px; background:#666; border-radius:0; margin-right:2px;}
.caseswiper_pagination span.swiper-pagination-bullet-active{  background:#db2412;}

.vedio_btn{ width:36px; height:22px; position:absolute; left:10px; bottom:10px;  background: no-repeat 0 -81px url('../images/theme.png');} 
.swiper_loop .swiper-slide:hover .vedio_btn,.case_h_loop li:hover .vedio_btn{ background: no-repeat 0 -117px url('../images/theme.png');}

/*swiper_loop*/

/*case_h_loop*/
.case_h_loop{ width:103%; position:relative; overflow:hidden; margin-top:15px;}
.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;}

@media screen and (min-width:1024px) and (max-width:200000px){
	.case_h_loop li{ width:30%; }
	.main_content_index #heng2 li{width:47%}
	.main_content_index #shu4 li{width:22%;}
	.main_content_index #shu3 li{width:30%;}
	}

@media screen and (min-width:768px) and (max-width:1023px){
	.case_h_loop li{ width:47%; }
	
	}
	
@media screen and (min-width:1px) and (max-width:767px){
	.case_h_loop li{ width:98%; margin:5px 0; padding:0 1%; }
		.main_content_index #shu4 li{width:47%; padding:0;  margin:5px 3% 5px 0;}
	.main_content_index #shu3 li{width:47%; padding:0;  margin:5px 3% 5px 0;}
	}	
.ad_images_case{ margin:15px 0; display:block; overflow:hidden;}
.case_h_loop li{float:left; margin:5px 3% 5px 0; display:block; overflow:hidden;}
.main_content_index #heng2 li{  margin:5px 3% 5px 0;}
.main_content_index #heng2 li .loop_ratings p{ margin:5px 0;}
.main_content_index #heng2 li .product_bottom .posts_title{ height:auto;}
.main_content_index #heng2 li .product_bottom  p{ font-size:12px; color:#666; margin:5px 0;}
.main_content_index #heng2 li .product_bottom{ float:left; width:55%;}
.main_content_index #heng2 li  .thumbnails { width:90%; padding:0 5%; position:relative; overflow:hidden; margin-top:10px;}
.main_content_index #heng2 .thumbnails a.this img{ border: 1px solid #F30;}
.main_content_index #heng2 .thumbnails a img{ border: 1px solid #fff; padding: 1%;width: 90%; cursor:pointer; }
.main_content_index #heng2 li  .thumbnails .thumbnail_prve,.main_content_index #heng2 li  .thumbnails  .thumbnail_next {background-image: url("../images/css.png");background-repeat: no-repeat;cursor: pointer;height:100%; top:0; position: absolute;width: 5% !important; }
.main_content_index #heng2 li  .thumbnails .thumbnail_prve{ right:0;background-position:-48px -662px;}
.main_content_index #heng2 li  .thumbnails .thumbnail_next { left:0; background-position:1px -662px;}

.main_content_index #shu4 li{  margin:5px 3% 5px 0;}
.main_content_index #shu3 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; }
.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;}
@media screen and (min-width:1025px) and (max-width:200000px){

.nav_next,.nav_prve{ background-image:url("../images/css.png"); width:37px; height:41px; position:absolute; top:35%; z-index:10; cursor:pointer;}
.nav_next{  left:-8px; background-position:-24px -360px;}
.nav_prve{  right:-8px; background-position:5px -360px;}
.nav_poket_ul_pagination{ display:none;}
}
@media screen and (min-width:768px) and (max-width:200000px){
.nav_poket_ul_container  .swiper-slide {  width:31%; }
}

@media screen and (min-width:500px) and (max-width:767px){
.nav_poket_ul_container  .swiper-slide {  width:31%; }
}

@media screen and (min-width:1px) and (max-width:499px){
.nav_poket_ul_container  .swiper-slide {  width:48%; }
}
@media screen and (min-width:1px) and (max-width:1024px){

.nav_poket_ul_pagination{ width:100%; display:block; text-align:center; margin:20px 0 10px 0;}
.nav_poket_ul_pagination span{ width:10px; border-radius:0; height:3px; }
}
/*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;}

@media screen and (min-width:1px) and (max-width:485px){.main_content_index #news_image.list_text_pic li{width:95%; display:block; float:left; margin:5px 2.5%;}}
@media screen and (min-width:486px) and (max-width:20000px){.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;}
@media screen and (min-width:768px) and (max-width:200000px){
.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;}
}
@media screen and (min-width:1px) and (max-width:767px){.main_content_index .list_text_pic li{ width:100%;argin:5px 0;}}
/*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;}

@media screen and (min-width:1024px) and (max-width:200000px){
	
 #images iframe, #images video, #images embed{ width:100% !important; height:400px !important;}
	}
@media screen and (min-width:1px) and (max-width:1023px){
	
 #images iframe, #images video, #images embed{ width:100% !important; height:300px !important;}
	}

/*images*/