@media screen and (max-width: 1024px){
.nav>ul>li>a{ z-index:999999;height:40px; line-height:40px; display:block;padding: 0 10px;background:url(image/line.png) no-repeat right center ;font-weight: 500; text-decoration: none;
font-size:18px; color:#fff}
.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;
}	


.search{ display:none}
.navxiala {
    margin-right: 25px;
}
.logo {
    padding: 15px 0;
}
.header_zhan{ height:55px;}
.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: 769px){
	.logo img{width: 100px;}	
.news_list .news_box { width:96%; margin: 2%; }	
header{ background:fff; position:relative; height: 60px;z-index:999999}
header:before{
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    background: #fff;z-index:999999;
    left: -50px;
    top: 0;
    transform: skew(-24deg, 0deg);
    -moz-transform: skew(-24deg, 0deg);
    -webkit-transform: skew(-24deg, 0deg);
}
	
	
.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; margin-right: 30px;
    padding-bottom: 6px;
    width: 30px; 
}
.navbar .icon-bar {
    height:4px;background: #333;
    width: 30px;margin: 0; padding: 0;position: relative;
    margin-bottom: 6px;
    
}
.navbar .bar {width: 30px; height:4px; display: block; position: relative; margin-bottom: 8px; background: #bc0e1a;}	

	
#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(188, 14, 26, 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 dashed #E0E0E0;
    line-height: 14px;    font-size: 16px; padding:0 20px;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;
}	
	.nav ul{padding-top: 60px;}	
	
	
 }

 @media screen and (max-width: 640px){
	 .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;} 
.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;}
	 
	 
.cta{padding:20px;margin-top:0;-webkit-box-shadow:0 10px 30px 0 rgba(13,30,53,.3);}
.orcta{display:none;}
	 


.icon_box_06{position:relative;padding:10px 0 20px 84px; width: 100%; border-bottom: 1px dashed #fff;}
.icon_box_06 .ib_box{position:absolute;z-index:2;left:0;top:5px;font-size:70px;line-height:70px;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.icon_box_06 h3{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin:0 0 8px}
.icon_box_06 h3 a{color:#fff;color:inherit}
.icon_box_06 p{font-size:14px;line-height:24px;color:#fff;width: 100%;margin:0}
.text-right .icon_box_06{padding-left:0;width: 100%;padding-right:84px}
.text-right .icon_box_06 .ib_box{left:auto;right:0}
	 
	 .welcome-one__left{display: none;}	 
.welcome-one__list li {
    position: relative; width: 96%; float: left; padding: 20px 30px;margin: 10px 2%; border: 1px solid #f8f8f8;background-color:#bc0e1a; border-radius: 40px;
    display: flex;
    align-items: center;
}	 
.about-wrap {position: relative; padding: 30px 0; overflow: hidden;margin-top: 30px;}
.about-wrap:before{content: ""; background: #2e375f; width: 0%; height: 100%;z-index: 10; position: absolute; top: 0; right: 0;}
.car_box{ height: 100%;z-index: 99;position: relative;}	 
	 
	#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;}
	 
#indexabout221 .title{padding:0;}	 
	 
	 
#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:95%; 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){
 
}