@media screen and (max-width: 1024px){
.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{ z-index:115 !important}
ul.sub-menu,div.nav{
    transition: all 0.4s;
    -ms-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
ul.sub-menu.left,div.nav.left{ left:0 !important;}
.news-nr li .bt {

    font-size: 16px;}
.w,.home-case .case-left .nr,.home-case .case-right .web-sekuai.sekuai {
    width: auto; margin:0 15px;
}	
.navbar {
    display: block;
    float: right;
    padding-top: 6px;
    margin-top: 13px;
    padding-bottom: 6px;
    width: 30px;
}
.navbar span {
    height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 6px;
    background: #999;
}
#gbbj {
    position: fixed;
    background-color: rgba(45, 45, 45, 0.72);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 109;
} 
.nav>ul>li>.sub-menu.zxde .w{ margin:0}
.nav, .nav>ul>li>ul.sub-menu,.nav>ul>li>.sub-menu.hxde,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san{
    position: fixed; background:none; text-align:left;
    left: -210px;
    z-index: 110;
    display: block;
    opacity: 1;
    min-width: inherit;
    border: none;
    margin: 0; margin-left:0 !important;
    top: 0;
    width: 210px;
    height: 100%;padding: 15px 0;
    background-color:rgba(0, 162, 255, 0.8);
}
.nav>ul>li>.sub-menu.xsx .wlpyi{ right:0}
.nav>ul>li>ul.sub-menu>li,.nav>ul>li,.nav>ul>li>.sub-menu.hxde li,.nav>ul>li>.sub-menu.zxde .w>li,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li{margin: 0 10px;    display: block; border:none; padding:0;
    min-height: inherit;
    float: none;}
.nav ul li a,.nav>ul>li>.sub-menu li a,.nav>ul>li>.sub-menu.hxde li a,.nav>ul>li>.sub-menu.zxde .w>li>a,.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a{
    color: #FFF; margin:0;
    display: block;
    border-bottom: 1px solid #E0E0E0;
    line-height: 14px;    font-size: 13px; padding:0;padding-bottom:10px; margin-bottom:10px; height:auto; 
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
	    background: none;
}
.search{ display:none}
.navxiala {
    margin-right: 25px;
}
.logo {
    padding: 15px 0;
}
.header_zhan{ height:55px;}
.logo img{ height:25px;}
.navxiala .qiehuan{
    height: 56px;
    line-height: 60px;
}

.indexbg1{ background:#00a2ff;padding: 10px 0;}
.news_list .news_box { width:1000px; }
	
.main1140{ display: none;}	
.solutionmain{ margin:0 auto; padding:40px 0; width: 100%; height: auto; max-width: 1200px; display: block;}	
.solutionmain ul{ margin:0 auto; padding:0; width: 100%; height: auto;}	
.solutionmain ul li{ margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left; background: #fff;}	
.solutionmain ul li .img{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center;}	
.solutionmain ul li .img img{ max-width: 100%; height: auto;}	
.solutionmain ul li .txt{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; font-size:14px; line-height: 30px; color: #666;}
				
.selected-solution{display: none;}
	
.indexpromobile{ margin: 0 auto; padding:30px 0; width: 100%; height: auto; display: block;}
	.indexpromobile .title{ margin: 0 auto; padding:10px 0; width: 100%; height: auto; display: block;text-align: center; font-size:20px; line-height: 30px; color: #333; }	
.indexpromobile ul{ margin:0 auto; padding:0; width: 100%; height: auto; max-width: 1200px;}	
.indexpromobile ul li{ margin:0 auto; padding:0; width: 23%; height: auto; margin: 1%; float: left; background: #fff;}	
.indexpromobile ul li .img{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center;}	
.indexpromobile ul li .img img{ max-width: 100%; height: auto;}	
.indexpromobile ul li .txt{ margin:0 auto; padding:5px 0; width: 100%; height: auto; text-align: center; font-size:14px; line-height: 30px; color: #666;}
	
	
	
	
	
}

@media screen and (max-width: 810px){
.news_list .news_box { width:96%; margin: 2%; }	
 }
@media screen and (max-width: 768px){

 }

 @media screen and (max-width: 640px){
	 
	 .ding{ display: none;}
	 .headtop{ display:none;}	 
	.logo1 span{ width: 100%; height: auto; font-size: 14px; line-height: 20px; font-weight: bold; text-align: left; color: #000;}
.logo1 p{ width: 100%; height: auto; font-size: 12px; line-height: 20px; font-weight: bold; text-align: left; color: #002b88;}
.indexpro .procon ul li{ margin:0 2%; padding:0; width: 45%; height: auto; border: 1px solid #e3e3e3; float: left;}

	 .neibanner1{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban1.jpg) no-repeat top center; background-size: cover;}
.neibanner2{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban2.jpg) no-repeat top center;background-size: cover;}
.neibanner3{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban3.jpg) no-repeat top center;background-size: cover;}
.neibanner4{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban4.jpg) no-repeat top center;background-size: cover;}
.neibanner5{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban5.jpg) no-repeat top center;background-size: cover;}
.neibanner6{ margin: 0 auto; padding: 0; width: 100%; height:200px ; background: url( image/conban6.jpg) no-repeat top center;background-size: cover;}

	 
.indexabout{margin:0 auto; padding:0; width: 100%; height: auto; background:#0089d7; margin-top: 10px; min-height: 380px;}	 
.indexabout .left{margin:0 auto; padding:1% 2%; width: 96%; height: auto; float: left;}
.indexabout .right{margin:0 auto; padding:1% 2%; width: 96%; height: auto; float: left;}
.indexyou .connei ul li{ margin:0 auto; padding:25px 1%; width: 46%; height: auto; margin: 1%; background-color: rgba(0,0,0,.47); float: left;}	 
	 .col-lg-4{margin:0 auto; padding:1% 2%; width: 96%; height: auto;}
	 
	#indexabout1{display: none;} 
	 .news_list .tabs li a { width: 100px; margin: 10px;height:40px; }	 
.news_list .news_box .tj_news { width:96%; height:auto; float:left; border: 0; padding: 2%;}
.news_list .news_box .news_right_list { width:96%; height:auto; float:left; padding:2%; padding-bottom:0px; display: block;}	 
.news_list .news_box .tj_news h3 { width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px; display:block; }
.news_list .news_box .tj_news .desc { width:100%; height:60px; overflow:hidden;line-height:20px; padding:10px 0; font-size:12px; color:#ccc; }
.news_list .news_box .tj_news time { display: none;}
 .news_list .news_box .news_right_list ul li {min-height: 80px;}
.news_list .news_box .news_right_list ul li b { padding: 0 2%; width:96%; height:30px; line-height:30px;overflow:hidden; font-size:16px; font-weight:500; display:block; color:#000; }
.news_list .news_box .news_right_list ul li p { padding: 5px 2%; width:96%; height:40px; line-height:20px; overflow:hidden;color:#ccc; display:block;font-size:12px; }
.news_list .news_box .news_right_list ul li time {display: none;}

	 

.indextiao{ margin-top: 10px; position: relative;}
.indextiao ul li{ margin:1px auto; padding: 0; width: 33.3%; height: auto;line-height: 40px;}
.indextiao ul li a{height: auto;float: left;line-height: 40px;}
.indextiao ul li a:hover{ background: #eb5405; text-decoration: none;}


.setitle{ margin:0 auto; padding:20px  0; width: 100%; height: auto;}
.setitle .title1{ font-size: 24px;}
.setitle .title3{font-size: 12px; }

.indexyoushi{ margin:0 auto; padding:10px  0; width: 100%; height: auto;}
.indexyoushi ul li{ margin:1%; padding:10px; width: 47%; height: auto; float: left; border:1px dashed #d9d9d9;}
.indexyoushi ul li .txt2{ display: none;}


.indexpro{ margin:0 auto; padding:20px 0; }


.indexhangye{ margin:0 auto; padding:20px  0; width: 100%; height: auto;}
.indexhangye ul li{ margin:1%; padding:1%; width: 23%; height: auto; float: left; border:1px dashed #d9d9d9;}
.indexhangye ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.indexhangye ul li .img img{ max-width: 80%; height: auto;}	 
	 
.indexhangye ul li .txt1{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 14px;font-weight: normal;text-align: center; line-height: 30px; color: #0d396a;}


.indexnews{ margin:0 auto; padding:0; width: 100%; height: auto;background:#0d386b; }
.indexnews .left{ margin:0 auto; padding: 0; width:100%; height: auto;float: left; }
.indexnews .right{ margin:0 auto; padding: 0; width: 100%; height: auto;float: left; }
		 

.indexnews .left .inner-box .single-item{
  position: relative;
  display: inline-block;
  max-width: 600px; float: right;
  width: 100%;
  background-color: rgba(238,84,5,0.8);
  padding: 40px;
  min-height: 260px;
  margin-bottom: 20px;
}

.indexnews .left .inner-box .single-item:last-child{
  margin-bottom: 0px;
}



.indexnews .left .inner-box .single-item .txt{
  position: relative;
  display: block;
  font-size: 14px; color: #fff;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more{ margin: 10px 0;
  width: 120px; height: 30px; background: #fff; display: block;
  font-size: 14px; color: #000; text-align: center;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more a{
  width: 120px; height: 30px; background: #fff; display: block;
  font-size: 14px; color: #000; text-align: center; text-decoration: none;
  line-height: 30px;

}
.indexnews .left .inner-box .single-item .more a:hover{
  background: #0d386b; color: #fff;

}
.indexnews .left .inner-box{
  position: relative;
  margin-top: 0;
}


.hongdi{ margin:0 auto; padding: 0; width: 200px; height: 60px; background-color: rgba(234,85,4,.87); }
.indexnews .right .content-box{  margin-left: 0; padding: 20px;}

.indexnews .right .content-box h2{  font-size: 30px;  line-height: 40px;    margin-bottom: 20px;}

	 
.OEM-ico {
    padding: 23px 1%;
	width:48%;
	float:left;
}	 
.product-boxlist{ width:0 auto; padding: 0; width: 96%; height: auto; margin: 2%; float:left;}	 
	.videolist { position:relative; float:left; width:96%; height:auto; margin:2%; } 
	 
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:0%; margin-left:10px; margin-top:10px; z-index:100; width:90%; height:auto; max-height: 300px; }	 
	 
	 
#indexabout221 .title{padding:0;}	 
	.indexaboutmobile{ display:block;margin:0 auto; padding:2%; width: 96%;} 
		.indexaboutmobile img{ max-width: 100%; height: auto;} 
	  
.indexpro .left{ margin:0 auto; padding:2%; width: 96%; height: auto; float: left;}
.indexpro .left .title1{ padding-top: 40px; font-size: 24px; color: #fff; line-height: 30px; font-weight: bold;}

.indexpro .right{ margin:0 auto; padding:2%; width: 96%; height: auto; float: right;}
.indexpro .right .title1{ padding-top: 40px; text-align: center; font-size: 24px; color: #3eb370; line-height: 30px; font-weight: bold;}
	 
.indexyuan .left{ margin:0 auto; padding:2%; width: 96%; height: auto; float: left;}
.indexyuan .left .title1{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;text-align: left; font-size: 30px; color: #3eb370; line-height: 30px;}
.indexyuan .left .title2{ margin:0 auto; padding:10px 0; width: 100%; height: auto; float: left;text-align: left; font-size: 14px; color: #666; line-height: 20px;}

.indexyuan .right{ margin:0 auto; padding:2%; width: 96%; height: auto; float: left;}
.indexyuan .right .ico{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
.indexyuan .right .ico ul{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
.indexyuan .right .ico ul li{ margin:1%; padding:0; width: 31%; height: auto; float: left;}
	 
.indexnew .left{margin:0 auto; padding:2%; width: 96%; height: auto;  float: left;}
.indexnew .right{margin:0 auto; padding:2%; width: 96%; height: auto;  float: right;}
	 
#site1{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#site2{ display: none;} 
#site3{display: none;} 
#sitea1{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;}	 
#footleft{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#footright{margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 

.indexhezuo .hezuo ul li{  width: 31%; margin: 1%;}

#conleft{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
#conright{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left;} 
.prolist ul li{ margin:0 auto; padding:1%; width: 96%; height: auto; margin:1%; float: left;background: #f3f3f3; display: block;}	 
.prolist ul li .img{ margin:0 auto; padding:0; width: 100%; height: auto; float: left;}
.prolist ul li .txt { margin:0 auto; padding:0; width: 100%; height: auto; float: right;}	 
	 
#indexabout11{margin:2%; padding:0; width: 96%; height: auto; float: left;}
#indexabout12{margin:2%; padding:0; width: 96%; height: auto; float: left;}
#indexabout2{margin:0 auto; padding:0; width: 100%; height: auto; background: #f3f3f3; }
#indexabout21{margin:2%; padding:0; width: 96%;height: auto; float: left;}
#indexabout22{margin:2%; padding:0; width: 96%;height: auto; float: right;}

.pagePadding{ padding: 30px 0px;}
.aboutPbox{margin:2%; padding:0; width: 96%; }	 
.aboutP-list{ padding-bottom: 10px;}
.aboutP-list li{ float: left; margin:1%; padding:0;  width: 31%;color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .num{ font-size: 30px; padding-right: 10px;}
.values-list li{ width: 46%; margin:2%; position: relative; float: left;}
	
.col-md-4{ width: 96%; margin: 2%; float: left;}	 
	 .product-list1 li { margin:0 auto; padding:0; width:45%; margin:2%; float:left; border:1px solid #e3e3e3;}
	 .product-list li { margin:0 auto; padding:0; width:45%; margin:2%; float:left; border:1px solid #e3e3e3;}
	 
.case-box{ padding:30px 0 30px; background:#f3f3f3;}
.cases{ margin-bottom:10px;}
.cases li{ width:96%; margin:2%; float:left; margin-bottom:10px;text-align:center;}
	
.characterimg{ margin:0 auto; padding:0; width:95%; margin:2%;}
.charctele{ margin:0 auto; padding:0; width:95%; margin:2%; padding-top: 10px;}	 
	 
#indexnone .title{width:96%; margin: 2%;font-size:20px; line-height:30px;}	 

#conmainleft{ margin:2%; padding:0; width: 96%;}
#conmainright{ margin:2%; padding:0; width: 96%;}
	 
	 .news_info .prev {margin:2%; padding:0; width: 96%;} 
	 .news_info .next {margin:2%; padding:0; width: 96%;	float:left;
	text-align:left} 
		 
	.solutionmain ul li{ margin:0 auto; padding:0; width: 46%; height: auto; margin: 2%; float: left; background: #fff;}	 
	.indexpromobile ul li{ margin:0 auto; padding:0; width: 46%; height: auto; margin: 2%;  float: left; background: #fff;}	 
.contactleft{ margin:0 auto; padding: 0;width: 96%; height: auto; float: left; margin: 2%;}
.contactright{ margin:0 auto; padding: 0;width: 96%; height: auto; float: left; margin: 2%;}
	 
	 
.commitment-box { padding: 30px 0; background-color: #f4f4f4; }
.commitment-box .t {  margin-bottom: 30px; }
.commitment-box .list li { float: left; width: 96%; margin: 1% 2%; }
.commitment-box .list li:nth-child(3n+2) .con { border: 0; padding-left: 15px; padding-right: 15px; border-bottom: 1px solid #ccc;}
.commitment-box .list li:nth-child(3n) .con { padding-left: 15px; padding-right: 15px;border-bottom: 1px solid #ccc; }
.commitment-box .list li:nth-child(3n+1) .con { padding-right: 15px;padding-left: 15px; border-bottom: 1px solid #ccc;}

.commitment-box .list .tit { padding-left: 50px; padding-top: 20px; padding-bottom: 5px; position: relative; margin-bottom: 10px; }

.commitment-box .list .con { padding: 20px 0 20px; border-bottom: 1px solid #ccc; }
.commitment-box .list .c { height: auto; overflow: hidden; text-align: justify; }
.commitment-box .list .c1 { height: auto; overflow: hidden; text-align: justify; }	 
	 
	 
.warranty-box { padding: 20px 0 20px; }
.warranty-box .left-word { width: 96%; float: left; margin: 2%; }
.warranty-box .left-word .content { padding-right: 20px; }
.warranty-box .left-word .t { font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-bottom: 30px; }

.warranty-box .left-img {  width: 96%; float: left; margin: 2%; }

.warranty-box .hotline { width: 96%; float: left; margin: 2%;padding: 25px 0; }
.warranty-box .hotline .ico { display: block; width: 64px; height: 64px; background: url(images/hotline_ico.png) no-repeat scroll center center; margin: 0 auto; }
.warranty-box .hotline .phone { display: block; text-align: center; font-family: arial; font-size: 24px; margin: 25px 0 25px; }

.zixun{ width:100px; height: 30px; border-radius: 15px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 30px; }
.zixun a{ width:100px; height: 30px; background: #00a2ff; display: block; color: #fff; text-align: center; line-height: 30px; }
.zixun:hover{ width:100px; height: 30px; background: #ffb400; }	 
.cac{font-size:16px; color:#ffe400; font-weight:bold;font-style: italic;}	 
	 
 }
 
@media screen and (max-width: 480px){

.logo img {
    height: 30px;
}
.logo {
    padding: 18px 0;
}
.indexhezuo .hezuo ul li{  width: 46%; margin: 2%;}
}
@media screen and (max-width: 400px){
  .product-list1 li { margin:0 auto; padding:0; width:95%; margin:2%; float:left; border:1px solid #e3e3e3;}
}