@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1601px)
{
	
}
@media screen and (max-width: 1300px) {
        .product_detail_box {
            width: 90%
        }
    }
@media screen and (max-width: 1230px){ 
product_imgbox{ width:100%}

.product_img1{ width:25%}
.product_imgr{ width:70%; height:auto}
.product_imgr img {padding-top: 5%; padding-left: 5%; padding-bottom: 5%;margin: 0;
}
}  
@media screen and (max-width:1222px)
{
	#header .header,#index_main .index_main,#feature .feature,#fischer .fischer,#brand .brand,#footer .footer{ width:98%;}
	#feature .feature .customer{ display:none}
	#nav .nav{ width:100%}
	#point{ overflow:hidden;}
	#point .point_box{ position:initial;/* background:url(../images/point_bg.jpg) no-repeat; */background-size:100% 100%;}
	#point .point_bg{ display:none;}
	#point .point_box .point{ width:98%; /*background-color:inherit;*/}
	#point .point_box .point .point_content{ width:98%;}
	#point .point_box .point .point_content span{ width:88%; padding-right:0;
	background: url(../images/point_content.png) left top no-repeat;}
	#fischer .fischer .db_1 input{ width:100%;}
	#fischer .fischer .db_1 .companyname{ width:100%;}
	#fischer .fischer .db_1 .use{ width:100%;}
	#fischer .fischer .db_1 .specifications{ width:100%;}
	#fischer .fischer .db_1 .message{ width:100%;}
	#fischer .fischer .db_1 .fp_btn{ width:179px;}
	
	.nav ul{width:100%;}
	#fischer{ padding-top:60px;}
	.nav ul li{ padding:0 2.5%;}
	
	#main{ width:98%;}
	#main #left{ width:22%;}
	#main #left .pro_bottom{ width:91%;}
	#main #left .pro_bottom img{ width:100%;}
	#main #left .pro_catalog{ width:100%;}
	#main #left .other_title{ width:95%; padding-left:5%; height:auto;}
	#main #left .pro_content{ width:100%;}
	#main #left .bigclass{ padding-left:5%; height:auto; width:94%;}
	#main #left .contact{ width:100%;}
	#main #left .con_content{ width:97%; padding-left:2%;}
	#main #right{ width:78%;}
	
	#fischer .fischer .fischer_title{ font-size:35px;}
	#newsletter .newsletter{ width:100%; padding:0 20px;}
	#brand .brand{width:100%;}
	#brand .brand img{width:100%;}
}

@media screen and (max-width:1160px)
{
	.nav ul li{padding:0 2.2%;}
	}
	
	

@media screen and (max-width:1135px)
{
	.foot1{ width:43%; margin-bottom:1%;}
	.foot2{ width:47%; margin-bottom:1%;}
	.foot3{ clear:left; width:30%;}
	.foot4{ width:43%;}
	.foot5{ width:43%;}
	.nav ul li{padding:0 2%;}
	#fischer .fischer .db{ width:98%; }
	#fischer .fischer .db_1{ width:98%;}
	}
	
@media screen and (max-width:1050px)
{
	.nav ul li{padding:0 1.5%;}
	}	
@media screen and (max-width:1026px)
{
	#feature .feature ul li{ width:30%;}
	
	.nav ul li{padding:0 1.2%;}
}
@media screen and (max-width: 980px){
	.product_left,.product_right {
    width: 80%;
    float: none;
    margin-left: 10%;}
	.product_right{ margin-top:50px}
	.testtextbig .testtextimg{   width:20%; }
	.testtextbig .testtextimg img{   width:100%; }
    .testtextbig .testtexttex{width:70%; }
	#left-btn{display:block;}
	#brand{display:none;}
	#main #right{float:none;width:93.6%;margin:0 auto;}
	#main #left{float:none;position:fixed;top:200px;left:0;margin-left:-210px;background-color:white; display:none;}
	 }
@media screen and (max-width:970px)
{
	#fischer .fischer .db{ width:99%; padding-left:1%;}
	#fischer .fischer .db_1{ padding-top:20px;}
	#fischer .fischer .db_1 input{ width:98%;}
	#fischer .fischer .db_1 .companyname{ width:98%;}
	#fischer .fischer .db_1 .use{ width:98%;}
	#fischer .fischer .db_1 .specifications{ width:98%;}
	#fischer .fischer .db_1 .message{ width:98%;}
	#fischer .fischer .db_1 .fp_btn{ width:99%; background-image:none; background-color:red;}
	#newsletter .newsletter .new-3{ width:35%;}
	#newsletter .newsletter .new-3-2{ width:30%; }

	
}
@media screen and (max-width:942px)
{
	#main{width:100%;}
}
@media screen and (max-width:940px)
{
	#header{ z-index:100;}
	#header .header .head_r .head_nav ul li img.fdj{ right:inherit;}
	#header .header .head_r .head_nav{ display:none;top: 135px; position:fixed; left:0; background-color:#ffffff;}
	#header .header .head_r .head_nav ul{float:none;}
	#header .header .menu_button{display:block;}
	#header .header .head_r .head_nav ul li{ width:100%; float:left; margin-bottom:2px; text-align:center; border-bottom:1px solid #cccccc; padding:0;}
	#header .header .head_r .head_nav ul li.hover a,#header .header .head_r .head_nav ul li.hover a:hover{color:#ffffff;}
	#header .header .head_r .head_nav ul li:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; background-color:#AB1B24; color:#ffffff;}
	
	
	
	.nav{  display:none;  
    top:115px;
    position: fixed;
    background-color: #ffffff;}
	#header .header .pro_button{ display:block;}
	 .nav ul li{    
	width: 100%;
    float: left;
    margin-bottom: 2px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 0;
	background:#FFF;}
	.nav ul li a{color:#666;}
	
	#header .header .logo{ width:100%; text-align:center;}
	#header .header .head_r .share{ display:none;}
	#header .header img.down_search{ display:block;}
	
	#header .header .head_r .share{ float:right; padding-top: 10px; padding-right:60px; color:#575757;}
	
	#point .point_box .point .point_content h1{ padding-left:5%}
	#point .point_box .point .pointleft{ width:90%; padding-left:5%}  
	#point .point_box .point .pointright{ width:90%; padding-left:5%}  
}
@media screen and (max-width:890px)
{
	
	
	.nav ul li{padding:0 2%;}
	.contact1 .img{ width:50px; float:left;}
}

@media screen and (max-width: 800px){
	.product_imgdown{ display:block;    margin-top: 20px; width:100%}
	.product_img1{ display:none}
	.product_imgr{ float: none; margin-left:0; width:100%}
	.lft-1 {
    width: 20%;
    height: 15%;
    margin-top: 0;
    float: left;
    margin-right: 10px;}


	
	}




@media screen and (max-width:726px)
{
	 #newsletter .newsletter p.news_txt{ font-size:35px; }
	}
@media screen and (max-width:700px)
{

	.banquan{ width:100%;}
	.banquan_txt{ width:100%; float:none; padding-right:0; text-align:center;}
	.dishejiao1{ clear:left; width:100%;}
	.dishejiao1 ul{ width:181px;
	margin:auto;}
.contacttitle{font-size:38px;}

 .propic{margin: 0 10px 10px -4px;
   clear: both;
   width: 100%;
   text-align: center;
   font-size: 10px;
   color: #888888;}
	}
#main #right #maincon .products_class  .pro_sell{width:95%;}

@media screen and (max-width:640px)
{
	#feature .feature ul li{ width:48%;}
	#point .point_box .point .point_content h1{ font-size:35px}
	.vplay { width:100%;}
}
@media screen and (max-width:600px)
{
	.lilist{width:96%;margin-top:4px;}
}
@media screen and (max-width:591px)
{
	
	 
		#header .header .head_r .head_nav{ display:none;top:99px; position:fixed; left:0; background-color:#ffffff;}
	
	}
@media screen and (max-width:550px)
{
	#index_main .index_main .m1{ width:90%; margin:5%;}
	#feature .feature ul li{width:90%; margin:5%;}
	#point .point_box .point .point_content{ width:96%;}
	#point .point_box .point h1{ font-size:28px;}
	#fischer .fischer .db{ width:97%;}
	
	#main #right #maincon .products_class  .pro_sell .pro_sell_box1{width:100%; float:none;}
    #main #right #maincon .products_class  .pro_sell .pro_sell_box2{float:none; width:100%; }
	.probox{ width:46%;  float:left;  padding:0 2%; margin-bottom:20px}
	#main #right #maincon  .pro_detail .pro_detail_left{width:100%;}
    #main #right #maincon  .pro_detail .pro_detail_right{width:100%; margin-left:0;  }
	#newsletter .newsletter .new-3{ width:100%;}
	#newsletter .newsletter .new-3-2{ width:100%; }
	#newsletter .newsletter .new-3-2 button{width: 100%;}
    #newsletter .newsletter p.news_txt{ font-size:25px; }
	#newsletter { height:auto; background-size: auto 100% ; padding-bottom:30px}
	.foot4 ul li a,.foot4 ul li p{font-size:24px;}
	.video{ width:90%; padding-left:10px; }
.contacttitle{font-size:28px;}
}

@media screen and (max-width:514px)
{
.foot1 { display:none}
.foot2 { display:none}
.dinav11, .dinav22{ display:block; width:95%; margin-top:25px; padding: 0 2%}

.dinav11 h2, .dinav22 h2{ color:#FFFFFF; font-weight:normal}
.dinav11 h2 a, .dinav22 h2 a{ color:#FFFFFF; font-weight:normal}

.dinav11 ul, .dinav22 ul{ display:none; padding-top:8px;}
.din_11{ background:url(../images/foot_right2.png) no-repeat right;}
.din_111{ background:url(../images/foot_right1.png) no-repeat right;}

.dinav11 ul li{ padding-bottom:12px;}
.dinav11 ul li a{font-family: Arial; font-size:14px; color:#dfdfdf;}

.dinav22 ul li{ padding-bottom:12px;}
.dinav22 ul li a{font-family: Arial; font-size:14px; color:#dfdfdf;}

.foot4{ width:95%; clear:left; }
.foot5{ clear:left; width:97%;}
.foot4 ul li a,.foot4 ul li p{font-size:36px;}
.serviceimg{ width:90%; }
.serviceimg2{ width:90%; padding-left:0}

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

    #fischer .fischer .db_1 .rightlist{width:98%;}
	#fischer .fischer .fischer_title{ font-size:25px;}
	#point .point_box .point .point_content h1{  font-size:24px;}
	
	.probox{ width:92%; padding:0 4%;}
	#newsletter .newsletter p.news_txt{ font-size:24px; }
	.testtextbig .testtextimg{   width:90%; }
	.testtextbig .testtextimg img{   width:100%; }
    .testtextbig .testtexttex{width:90%; padding-left:0px; float:left; padding-top:20px }
	.tesvideobig{width: 100%;}
	}
	@media screen and (max-width:400px)
{#newsletter .newsletter p.news_txt{ font-size:18px; }
.contacttitle{font-size:20px; font-family:"Arial"; }
}

@media screen and (max-width:310px)
{
	#fischer .fischer .fischer_title{ width:98%; background-size:100%;}
.contacttitle{font-size:18px;}
	}