@media screen and (max-width: 1200px) {

#contact_l{ display: none;}
 
 .paging { margin-top:5px; text-align:center; } 
  .paging a{ color:#000;} 
 .pages { text-align:center; } 

.page_top_box{ width:100%; height:40px; background:#eee; margin:25px 0; display: flex; align-items: Center;}
.page_top{ width:100%;  margin:0 auto;  font-size:14px; }
.page_top span{ border-left: solid 7px #83bf39; padding-left:8px;}


.page_box{ width:100%; margin:0 auto;  height:auto; margin-bottom:30px; } 

.page_left_box{ width: 100%; height: auto; display:block; margin-bottom:20px;}
.page_left_top{ display:none;}
.page_left_nav{ width: 100%; height: auto;  font-size:15px; display: flex;justify-content: center; flex-wrap: wrap;}
.page_left_nav_li { width: 30%; height: 40px;line-height: 40px; background: #F4F4F4; font-size: 14px; text-align: center;list-style: none; margin: 5px 5px;}
.page_left_nav_li a{ display:block; color:#000;}
#parduct_nav li{  width: 47%; }

.page_right_box{ width:100%;  height: auto; display:block;}  
.page_right_top{ width: 100%; height:30px;  padding-bottom:10px; margin-bottom:18px; font-size:20px; text-align:center;  font-weight: 600;  border-bottom: solid 1px #e8e8e8;}  
.page_right_top span{ display:inline-block; height:40px;  border-bottom: 1px solid #83bf39;}   


.page_right_content{ padding:0 15px;}
.page_right_content img{ width:100%;}
.page_right_content p{ font-size:14px !important;}
.page_right_content .title_c{ text-align:center; margin:40px auto; font-size:20px;}
.page_right_content .date_c{ height: 40px; font-size: 14px; text-align: center; color: #999999;}

.page_right_product_box { padding: 0 10px;  display:flex;justify-content:space-between; flex-wrap: wrap; } 
.page_right_product_list { width:42%;padding:10px; height:180px; margin-bottom:30px; overflow:hidden; position:relative; border:solid 2px #eee;} 
.page_right_product_list_case{ width:42%;padding:10px; height:130px; margin-bottom:30px; overflow:hidden; position:relative; border:solid 2px #eee;} 
.page_right_product_img { width:100%; height:80%; overflow:hidden;} 
.page_right_product_img  img{ transform:scale(1.8);} 
.page_right_product_title { width:100%; height:13%;  overflow:hidden; text-align:center; margin-top:10px; font-size:14px; } 
.page_right_open{ width:100%; height:100%; position:absolute; z-index:100;} 
.page_right_close { width:100%; height:100%; background:#eee; position:absolute; z-index:100; opacity: 0.3; }


.page_right_news_box { padding:0 10px; height: auto; margin: 0; margin-bottom:20px;} 
.page_right_news_box a{ color:#000;} 
.page_right_news_list { width:100%; height:55px; line-height:55px; font-size:13px; list-style: none;  border-bottom: dotted 1px #b9b9b9;} 
.page_right_news_class { display:none;} 
.page_right_news_title{ width:74%; float: left; overflow-x: hidden; overflow-y: hidden; height:100%; }
.page_right_news_days { float: right; font-size:11px;} 


.gallery-top {height:200px;  width: 100%; }
.swiper-slide img{ width:100%;}
.gallery-thumbs { height:150px; box-sizing: border-box;padding: 10px 0; }
.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
 
}
 
 
 
 
 @media screen and (min-width: 1200px) {
 
 .foot_box{ margin-top:80px !important;}
 
 .paging { margin-top:5px; text-align:center; } 
 .paging a{ color:#000;} 
 .pages { text-align:center; } 

.page_top_box{ width:100%; height:40px; background:#fafafa; margin:25px 0;     display: flex; align-items: Center;}
.page_top{ width:1200px; padding:10px 0;  margin:0 auto;  font-size:14px; }
.page_top span{ border-left: solid 7px #83bf39; padding-left:8px;}


.page_box{ width:1200px; margin:0 auto;  height:auto; margin-bottom:30px; } 

.page_left_box{ width: 18%; height: auto; float:left;}
.page_left_top{ width: 100%; height:30px;  padding-bottom:10px; margin-bottom:6px; font-size:20px;  font-weight: 600;  border-bottom: solid 1px #e8e8e8; }
.page_left_top span{ display:inline-block; height:40px;  border-bottom: 1px solid #83bf39;}
.page_left_nav{ width: 100%; height: auto;  font-size:15px;}
.page_left_nav_li { width: 100%; height:50px; line-height:50px; font-size:14px;  border-bottom: solid 1px #e8e8e8; background: url(/img/left_li.jpg) 0px 20px no-repeat;}
.page_left_nav_li a{ display:block; color:#000; text-indent:15px;}

.page_right_box{ width:78%; margin-left: 4%;  height: auto; float: left;}  
.page_right_top{ width: 100%; height:30px;  padding-bottom:10px; margin-bottom:18px; font-size:20px;  font-weight: 600;  border-bottom: solid 1px #e8e8e8;}  
.page_right_top span{ display:inline-block; height:40px;  border-bottom: 1px solid #83bf39;}   


.page_right_content{}
.page_right_content .title_c{ text-align:center; margin:40px auto;}
.page_right_content .date_c{ height: 40px; font-size: 14px; text-align: center; color: #999999;border-bottom: solid 1px #eee;}


.page_right_product_box { width:100%;  display:flex;justify-content:space-between; flex-wrap: wrap; } 
.page_right_product_box:after {content: ""; width:31%; }
.page_right_product_list { width:31%; height:270px; margin-bottom:30px; overflow:hidden; position:relative; border:solid 2px #eee;} 
.page_right_product_list_case{ width:31%; height:270px; margin-bottom:30px; overflow:hidden; position:relative; border:solid 2px #eee;} 
.page_right_product_img { width:100%; height:80%; overflow:hidden;} 
.page_right_product_img  img{ width:100%; transform:scale(1.8);} 
.page_right_product_title { width:100%; height:10%;  overflow:hidden; text-align:center; margin-top:15px; } 
.page_right_open{ width:100%; height:100%; position:absolute; z-index:100;} 
.page_right_close { width:100%; height:100%; background:#eee; position:absolute; z-index:100; opacity: 0.3; }


.page_right_news_box { width:100%; height: auto; padding: 0; margin: 0; margin-bottom:20px;} 
.page_right_news_box a{ color:#000;} 
.page_right_news_list { width:100%; height:55px; line-height:55px; font-size:15px; list-style: none;  border-bottom: dotted 1px #b9b9b9;} 
.page_right_news_class { color:#0867d2;} 
.page_right_news_days { float: right; font-size:14px;} 


.gallery-top {height:500px;  width: 100%; }
.swiper-slide img{ width:100%;}
.gallery-thumbs { height:150px; box-sizing: border-box;padding: 10px 0; }
.gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
 
 }