/*=====产品列表=======*/  
 
.product_left { width:50%;}
 #product_row { margin:0}
#product_row  .col-md7 { padding:0}
#product_row .col-lg6 { float:right; }
#product_row { display:block;}
/*图片放大镜样式*/
.inner_product_l .view-content .video_info ul .v_first {   border:none;}
#outBox{ position:relative; z-index:5;
	width: 100%;
	height: 455px;

}
.magBox { }
.w{position: relative;
    z-index: 100;
	width: 100%;
 
}
.leftBox{
	width: 100%;
	height: 455px;
	float: left;
}
.normalBox{ 
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.normalBox .w{
	display: none;
}
.normalBox .w iframe { height:332px;}
.botBox{
	width: 100%;
	height: 90px;
	background: white;
	overflow: hidden;
}
.botBox ul li{
	float: left; overflow:hidden;
	width:60px;
 
	border: 1px solid #dfdfdf;
	margin-left:12px;
}
.botBox ul li:first-child{ margin-left: 0; }
.botBox { margin-top:20px;}

.botBox ul li img { width:100%;}
.bord{
	border-color: #2872db !important;
	opacity: 1 !important;
}
/*小边框*/
.moveBox{
	width: 200px;
	height: 200px;
	background: rgba(222,0,0,0);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: move;
}
 
.magBox{
	width: 410px;
	height: 343px;
	position:absolute; right:-409px; top:0;	overflow: hidden;
	display: none;
}
.magBox ul #video_k { position:inherit !important;}
.magBox ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.magBox ul li img{ background:#fff;}
#n,.m{
	display: block !important;
}
.box{
	width: 110px;
	margin: auto;
}

.normalBox img { width:100%;}
.inner_product_info { margin-top:5%; position:relative;}
.inner_product_info .product_content {  word-wrap:break-word;word-break:break-all;border:2px solid #e6e6e6; border-radius:0 10px 10px 10px; line-height:2; padding:2%; width:96%;}
.inner_product_info_t { position:absolute; left:0; top:-90px; background:#fff; border-radius:10px 10px 0 0;  border-left:2px solid #e6e6e6; border-right:2px solid #e6e6e6; border-top:2px solid #e6e6e6; height:90px; line-height:90px; text-align:center; width:310px; color:#333333; font-size:30px;}
.product_height { width:100%; height:90px;}
.inner_product_info .product_content img { max-width:100% !important;  }
.inner_product_info .product_content div { max-width:100% !important;}
.inner_product_info .product_content video { max-width:100% !important;}


.inner_product_info .product_content table { width:100% !important;}
.inner_product_info .product_content span { width:100% !important;  }

 


 
 
@media screen and (max-width:4804px) and (min-width:1920px) {
   

   
    .view-content .video_info ul .v_first .case-imgWrapper {   width: 640px; height: 640px;}
	.inner_product_info { margin-top: 12%;} 
	 .botBox ul li { width:79px;  }
	  
	 .playbox .inner .vdo_zoom {  height: 750px !important;} 
	  #player-container-id {  height: 750px !important;}
	  .playbox .inner {  height: 750px !important;}
	  .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:351px; height: 351px;} 
	  .reveal-modal{visibility:hidden;top:20% !important;left:36%;width:30%;}
	  
	   .overview_vidoe .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper { width: 738px;   height: 402px;} 
	 .overview_vidoe .vidoe_z .view-content .video_info ul .v_first {  height:411px;} 
	 
 
	 .moblie_head {  right: 9%;}
	  .index_news_info ul li a .index_news_img {  height:350px;}
	 .flex-control-nav {bottom:25%;}
	
	 
}




@media screen and (max-width: 1920px) and (min-width:1600px) {

    .fz { width: 92%;transition:all 0.6s;}
    
	 
   .view-content .video_info ul .v_first .case-imgWrapper {   width: 640px; height: 640px;}
	.inner_product_info { margin-top: 10%;} 
	 .botBox ul li { width:79px;   }

	 
	 .playbox .inner .vdo_zoom {  height: 700px !important;} 
	  #player-container-id {  height: 700px !important;}
	  .playbox .inner {  height: 700px !important;}
	 .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:351px; height: 351px;} 
	.vidoe_z .view-content .video_info ul .v_first { margin-left: 3.7%;} 
	  .reveal-modal{visibility:hidden;top:20% !important;left:36%;width:25%;}
	  .sort_z ul li a img {   margin-top: 12%;}
	  .sort_z ul li a .sort_t { margin: 4% 0;}
	 .overview_vidoe .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper { width: 738px;   height: 402px;} 
	 .overview_vidoe .vidoe_z .view-content .video_info ul .v_first {  height:411px;} 

	 .sort_z ul li a .sort_i {  width: 48%;}
	 .index_news_info ul li a .index_news_img {  height:300px;}
	    .surprise_r_i p:first-child {font-size: 45px;}
	.surprise_r_i p:nth-child(2) {font-size: 45px;}
	.index_latest_i p:first-child { font-size: 45px;}	
	.riosink_r_i p:first-child {  font-size: 45px;}	
	.riosink_r_i p:nth-child(2) { font-size: 45px;}	
	.banner_l {  margin-top: 13%;}	
	.inner_product_info .product_content img { display:block;max-width: 100% !important; margin:0 auto;}
	
	
	
	
 
}


@media screen and (max-width: 1600px) and (min-width:1440px) {


  
 
   .view-content .video_info ul .v_first .case-imgWrapper {   width: 570px; height: 570px;}
	.inner_product_info { margin-top: 10%;} 
	 .botBox ul li { width:79px;  }
	 
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:313px; height: 281px;} 
	 .reveal-modal{visibility:hidden;top:20% !important;left:35%;width:25%;}
    .overview_vidoe .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper { width: 656px;   height: 402px;}
	
	
 
		
		
		
		
}

@media only screen and (max-width: 1440px){	
  
 
	 .fz { width: 90%;transition:all 0.6s;}

 
 
	.view-content .video_info ul .v_first .case-imgWrapper {   height: 460px;}
 

 
 
 
   .view-content .video_info ul .v_first .case-imgWrapper {   width: 512px; height: 512px;}
   .botBox ul li { width:79px;   }
 


   
}

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

 
	 .botBox ul li { width:79px;   margin-bottom:24px;}
	 
 
	 
	 
    .view-content .video_info ul .v_first .case-imgWrapper {   width: 440px; height: 440px;}
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:258px; height: 258px}
 
   
}
@media screen and (max-width: 1300px) and (min-width:1200px) {
 
	
    .fz { width: 90%;transition:all 0.6s;}
 
	 
}
@media only screen and (max-width: 1250px){	

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

	.fz { width: 95%;transition:all 0.6s;}
   .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:246px; height: 246px}
	.col-md7 {   width: 44.333333% !important;} 
	.botBox ul li {   width: 90px;}

}
@media screen and (max-width: 1200px) and (min-width:1024px) {
   
   
	 .view-content .video_info ul .v_first .case-imgWrapper {   width:392px; height: 392px;} 
	
}
@media only screen and (max-width: 1100px){	
    
	  
	 .botBox ul li { width:72px;  height: 72px;}
     
	 .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:225px; height: 225px}
	  
}
 
@media only screen and (max-width: 1024px){	

 
	 
	.botBox ul li { width:68px;  height: 68px;    margin-left: 4%;}
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:205px; height: 205px}
	.reveal-modal { width:35%; left:31%}
	 .product_left  { width:100%;}
	.product_left  { width:100%;}
	.col-md7 { width:100% !important} 
	
}

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

  
  .botBox ul li { width:18.4%; height:auto; margin-left:2%; }
  .view-content .video_info ul .v_first .case-imgWrapper {   width: 320px; height: 320px;}
  .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:174px; height: 174px}
  .view-content .video_info ul li a .v_title p { display:none;}
  
  
}

@media only screen and (max-width: 768px){	
  
    .fz {  width: 96%;transition:all 0.6s;}
	.l_video {  width: 100%;}
    
	.view-content .video_info ul .v_first {  width:600px; margin:0 auto !important; float:none;height:580px;}
	.vidoe_z .view-content .video_info ul .v_first {   margin:0 0 0 2% !important; float:left;height:auto;}
	.vidoe_z .view-content .video_info ul li:first-child {   margin:0 0 0 0 !important;}
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:166px; height: 166px}
	.view-content .video_info ul .v_first .case-imgWrapper {  width:600px; margin:0 auto;height:580px;}
    .view-content .video_info ul li {  width: 48%; flex: auto; margin-bottom:4%;}
	.view-content .video_info ul li:nth-child(2n+1) { margin-left:0;}
	.view-content .video_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    
	 
 
	
}

@media only screen and (max-width: 720px){	
    
	 
	 
	  .overview_vidoe .vidoe_z .view-content .video_info ul .v_first {  height:476px;}
	 .view-content .video_info ul .v_first .case-imgWrapper { width:476px;  height: 476px;}
	 .vidoe_z .view-content .video_info ul .v_first { width: 48%; margin-bottom:2% !important;}
	  .vidoe_z .view-content .video_info ul li:nth-child(2n+1) { margin-left:0 !important;}
	  .vidoe_z .view-content .video_info ul li:first-child {  margin: 0 0 2% 0 !important;}
	 .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:320px; height: 320px}
	 
	 .overview .view-content .video_info ul .v_first { width: 48%; margin-bottom:2% !important;}
	  .overview .view-content .video_info ul li:nth-child(2n+1) { margin-left:0 !important;}
	  .overview .view-content .video_info ul li:first-child {  margin: 0 0 2% 0 !important;}
 
	 .overview_vidoe .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper{  width:320px; height: 320px}
	 
	 .view-content .video_info ul li a .v_title p { display:block;}
	 .playbox .close { top:3% !important;}
	 .about_vidoe .view-content .video_info ul .v_first {    height: 240px;}
	 .magBox { display:none !important;}
	 
  
	 
}
 

@media only screen and (max-width: 600px){	
 
 
	 
	 
	.botBox ul li { margin-left:2%;}
	 
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:275px;  height: 275px;}
	.about_vidoe .view-content .video_info ul .v_first {    height: 220px;}
	 
 
	
	
	
}

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

    

	 
	.inner_product_l {   width: 100%;}
	.botBox ul li {  margin-left: 3%;}
	 
	.vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:225px;  height: 225px;}
	.view-content .video_info ul li a .v_title p {  display: none;}
	 
	.about_vidoe .view-content .video_info ul .v_first {    height: 220px;}
	 
	 
	
	
	
}


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

	 

	  
	  .productlist ul li a .productlist_title {  font-size: 16px;} 
	 .caselist ul li {    width: 94%;    padding: 3%;   margin-left: 0; margin-bottom: 4%;   float: none;}
	 .caselist ul li a .caselist_info_r {  width: 80%;} 
	 .view-content .video_info ul .v_first .case-imgWrapper { width:397px;  height: 397px;} 
	  .overview_vidoe .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper{ width:319px;  height: 319px;} 
	  .leftBox {  height: 397px;}
	   .view-content .video_info ul .v_first {   height: 397px;}

	  .playbox .close { top: 3% !important;}
	   
	  #outBox {  height: 439px;}
	  .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:204px;  height: 204px;}
	 
	  .about_vidoe .view-content .video_info ul .v_first {    height: 180px;}
      .reveal-modal { width: 80%;   left: 7%;}
	   
	 .botBox { height: 78px;}
	 .overview_vidoe .vidoe_z .view-content .video_info ul .v_first {  height: 216px;}
	 .botBox ul li {width: 17.5%;}

	 
	 
	 
	 
}

@media only screen and (max-width: 420px){	
    .recommend_l .view-content .video_info ul .v_first .case-imgWrapper {   width:391px;   height: 391px;}
    .recommend_l .view-content .video_info ul .v_first { height: 391px;}
    .about_vidoe .view-content .video_info ul .v_first {    height: 160px;}
 
}



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

  	  .view-content .video_info ul .v_first .case-imgWrapper { width:366px;  height: 366px;} 
	  .leftBox {  height: 366px;}
	   .view-content .video_info ul .v_first {   height: 366px;}

	  .playbox .close { top: 3% !important;}
	  
	  .botBox {   height: 188px;}
	  .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:172px;  height: 172px;}
	  .botBox {  height: 88px; }
	  #outBox {  height: 444px;}
	    #outBox {  height: 410px;}
	   
		
}



@media only screen and (max-width: 350px){	
	 
	
	
	  .vidoe_z .view-content .video_info ul .v_first .case-imgWrapper {  width:150px;  height: 150px;}
	  .recommend_l .view-content .video_info ul .v_first .case-imgWrapper {   width:322px;   height: 322px;}
     .recommend_l .view-content .video_info ul .v_first { height: 322px;}
	
	 .botBox {  height: 68px;  }
	 #outBox { height: 387px;}
	
}