@media ( max-width : 1450px){
.DivW{ width:94%;}
.IndexSerBody li .coms{ width:88%;}
.IndexBg2 li .coms{ padding-left:190px; padding-right:30px;}
.IndexBg2 li .imgs{ left:30px; width:140px;}
.dn1460{ display:none;}

.IndexBottom .bodys{ padding-top:15px;}
.IndexBottom .coms .bodys{ padding-top:0px;}

/*------------------*/
.cultIndexBody .imgs{ width:280px; height:432px;}
.cultIndexBody .coms{ width:calc(100% - 280px);  height:432px; padding:42px 155px 42px 80px;}
.cultIndexBody .tops{ height:250px;}
.cultIndexBody .bottom{ height:172px;}
}


@media ( max-width : 1620px){
	.IndexAdva .box .bodys{ left:20%; top:8%; width:calc(100% - 200px);}
	.IndexAdva .box .bodys .coms{ padding-top:18px; padding-bottom:4px;}
	.IndexAdva .box .bodys .Lines{ height:44px; line-height:44px;}

	.IndexAdva .BottomMenus .boxs .BDiv{width: calc(100% - 30px);}
	}

@media ( max-width : 1420px){

.n1420{ display:none;}
.d1420{ display:block;}

}

@media ( max-width : 1360px){

.n1360{ display:none;}
.d1360{ display:block;}
.Menus ul li a{ padding:0px 20px;}

	.IndexAdva .box .bodys{ left:14%; top:6%; width:calc(100% - 150px);}
	.IndexAdva .box .bodys .Lines{ height:40px; line-height:40px;}

.IndexAdva .AdTop{padding-top: 50px;}
	.IndexAdva .imgBox{width: 55%;}
	.IndexAdva .textBox{width: 45%;}
	.IndexProduct .ProMenu a::after{display: none;}
.msgright{ padding-right:0px; padding-left:15px;}

.IndexNews .Bodys{width: 96%;}
.IndexAdva .BottomMenus .boxs .BDivL{width: 250px;}
}

@media ( max-width : 1280px){
	
.DivW{ width:90%;}
.n1280{ display:none;}
.d1280{ display:block;}
.Menus ul li a{ padding:0px 15px;}
	.IndexAdva .box .bodys .titles{ height:56px; line-height:56px;}
	.IndexAdva .box .bodys{ left:10%;  top:4%; width:calc(100% - 120px);}
	.IndexAdva .box .bodys .Lines{  height:30px; line-height:30px;}
	.IndexAdva .box .bodys .Lines .left i{
	width: 28px;height: 28px;	line-height: 28px;border-radius: 14px;
}

.IndexAdva .box .bodys .Lines .left{ width:40px;}
.IndexAdva .box .bodys .Lines .right{ width:calc(100% - 40px);}
.IndexProduct .ProMenu a{width: auto; padding: 0px 15px;}
.IndexCompany .bodys{ padding:20px;}
.IndexAdva .AdTop{padding-top: 30px; padding-bottom: 30px;}
.BottomMenus {display: none;}
.IndexAbout .imgLeft{width: 500px;}
.IndexAbout .textRIght{width: calc(100% - 500px);padding-left:20px; padding-top: 20px;}
  #imglist .swiper-pagination{display: none;}
.IndexAbout{padding-top: 30px; padding-bottom: 30px;}
}

@media ( max-width : 1180px){

.n1180{ display:none;}
.d1180{ display:block;}
.IndexAdva .box .bodys {
    left: 5%; top: 4%; width: calc(100% - 90px);
}
.IndexAdva .boxHs	{ height:450px;}

.IndexAdva .box .bodys .Lines .right{ line-height:24px; padding-top:9px; padding-bottom:9px;}

.IndexCompany .lefts{ padding-right:25px; }

.IndexNews .Bodys .rights ul li{ padding-left:95px; padding-top:10px; height:97px;}
.IndexNews .Bodys .lefts{  width: 100%; padding: 0; }
.IndexNews .Bodys .rights{  display: none; }

.IndexNews .Bodys .lefts .comBody{ padding-left: 0px; padding-right: 0px;}
.AboutBodyCom{ padding-bottom:0px;}
.AboutBodyCom .lefts,.AboutBodyCom .coms,.AboutBodyCom .rights{ height:400px;}
.AboutBodyCom .lefts,.AboutBodyCom .rights{ width:25%;}
.AboutBodyCom .coms,.AboutBodyCom .coms .Clefts,.AboutBodyCom .coms .Crights{ width:50%;}
.AboutBodyCom .lefts .fxBody{ width:92%;}

.ProShowTop .lefts{ width:350px; padding-right:10px;}
.ProShowTop .rights{ width:calc(100% - 360px);}

}

@media ( max-width : 1080px){
.d1080{ display:block;}
.IndexProduct .title{ height:auto; padding:15px 0px;}
.IndexProduct .ProMenu{ padding:20px 0px;}
.IndexProduct .ProMenu a{ margin-bottom:10px;}

}

@media ( max-width : 1000px){
.d1000{ display:block;}
.n1000{ display:none;}
.DivW{ width:100%;}

.IndexAdva .box{ width:100%;}
.IndexNews .Bodys .rights{ padding-left:0px; width:100%;}
.MainRight{ padding-left:15px;}
.Menus ul li ul li a{ padding:12px 0px 12px 40px;  }
/*------------------------------自适应导航------------------------------------------------------------*/
.menu_and {
    width: 1.2rem;  height: 100%;  background-size: contain; position: absolute;  right: 10px; top: 0px;
    display: block; background: url(../image/menuBs.png) no-repeat right center;
}

.header,.head_bg{ height:1rem; position:relative;}
.logo{ height:1rem;}

.Menus{ padding:0px;position:static; }
.Menus ul{ top:92px; width:100%; position:absolute; left:0px;}
.Menus ul li{ width:100%;  background: #F7F7F7;}
.Menus ul li:hover ul{ display:none;}
.Menus ul  li:hover:after{ width:0px;}

.Menus ul li a{ text-align:left; line-height:60px;border-bottom: 1px solid #F0F0F0; color:#333;}
/*
.Menus ul li.cur a:link,.Menus ul li.cur a:visited,.Menus ul li.cur a:hover,.Menus ul li.cur a:active{ color:#fff;}
*/
.Menus ul li.cur li a{ padding-left:20px;}
.Menus ul li.cur li a:link,.Menus ul li.cur li a:visited,.Menus ul li.cur li a:hover,.Menus ul li.cur li a:active{ color:#333;}
.Menus ul li a:link,.Menus ul li a:visited,.Menus ul li a:active{ color:#333;}


.Menus ul li ul{ position:static; width:100%;margin-left:0px; }
.Menus ul li li a{padding-left:40px; line-height:50px; text-align:left;}
.Menus ul li li li a{ padding-left:60px;}
.Menus ul li li li li a{ padding-left:80px;}
.Menubg{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0px;}

/*------------------------------------------------------------------------------------------*/
.header{ background:#fff;}
.headTop{ height:100%;}
.zyFlash{ height:auto;}
.MainBody img,.showMain img{ height:auto;}

.IndexAdva .swiper-button-prev, .IndexAdva .swiper-button-next{ left:50%;}

.IndexCompany .bodys,.IndexCompany .imgs{ width:100%; padding:20px;}


.go_top{ right:0px;}

.IndexAdva .box .bodys .Lines {
    height: 42px;
     line-height: 42px; 
}


.MainBody{ padding-top:0px;}
.copyrightBodys{ padding-top:10px; padding-bottom:10px; line-height:24px;}
.Tcs{ padding-left:10px;float:none; display:inline-block;}

.IndexTopNew .lefts{ margin-bottom:10px;}
.IndexBg2 .bodysBodys li{ padding-bottom:20px;}

.NewMain li{ margin-bottom:20px; padding-bottom:10px;}

.ProShowTop{ padding:15px;}

.ZyTitle{ width:100%; height:0.8rem; line-height:0.8rem;  }
.ZyTitle ul{ background:#FFFFFF; width:100%; height:auto;position:absolute; display:none; z-index:10000; }
.ZyTitle li{ width:100%; height:0.8rem; background:#FFFFFF; border-bottom:1px solid #DFDEE3; float:left; position:relative; }
.ZyTitle li a{ width:100%; height:100%; display:block; padding-left:0.6rem; }
.ZyTitle li .default{ background:#979797; color:#fff;}
.ZyTitle .first{ background:#427F9E url(../image/menur4_c5.png) no-repeat top right;background-size:contain;  color:#FFFFFF;padding-left:0.15rem; border-bottom:1px solid #FFFFFF; height:0.8rem;}




}
@media ( max-width : 998px){
.IndexImgBox .bobys{ width:33.33%; padding:30px; left:0;}
.IndexImgBox .bobys .titles{ height:30px;}
.IndexImgBox .bobys .coms{ padding:0px;}
.IndexNews .Bodys .lefts{ margin-bottom:15px;}
.IndexNews .Bodys .lefts,
.IndexNews .Bodys .rights{ width:100%;}
.header:hover{background: #fff;}

	 .n998{ display:none;}
	 .msgright .p-0 { padding-left: 15px !important;}
     .MTitles {  text-align: left;}
	 
	 
	.cartT1{ padding-left:15px; width:calc(100% - 240px);} 
	.cartT2{ width:80px;}
	.cartTits{ width:calc(100% - 140px)}
	.cartT3{ padding-right:15px; width:160px;}
	.cartT5{ padding-left:15px; height:20px; width:calc(100% - 240px);} 
	
	.cartLinets{ padding:10px 15px;}
	 
	 .cartInput{ width:100%;}
.IndexAbout .imgLeft{width: 100%;}
.IndexAbout .textRIght{width: 100%;}
	 .IndexAbout .textRIght .coms{ padding-right: 0px;}
	 .MainLeft{width: 100% !important;}
	 .MainLeft .MainLeftTitle{display: none; }
	 .MainLeft ul{margin-bottom: 10px;}
	   .productBody .boxTitle:hover{background-color:#fff;}

.productBody .boxTitle{position: static;}
	 .productBody .boxTitle .title{ position: static; color: #000; width: 100%;  opacity: 1;
	transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    /* -webkit-transform: translate(-50%,-50%); */
    -o-transform: translate(0,0);
	}
	.productBody .boxTitle .title::before,.productBody .boxTitle .title::after{display: none;}
	}
@media ( max-width : 768px){
.MainRight,
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{ padding-left:10px; padding-right:10px;}
.d768{ display:block;}
.n768{ display:none;}

.IndexAdva .textBox .Toptits h1{font-size: 26px;}
.IndexAdva .textBox .Toptits h3{font-size: 20px;}
.flash .swiper-button-prev,.flash .swiper-button-next{ display:none;}
.IndexProduct .title{padding: 5px 0px;}
.IndexGg{ height: 240px;}
.IndexAbout .textRIght{min-height: 240px;}
.IndexCompany .Tops .titles{line-height: 28px; padding-bottom: 10px; height: auto;}
	.IndexAdva .imgBox{width: 100%;padding-right:0px}
	.IndexAdva .textBox{width: 100%; padding-left: 0;}

.msgright{ padding-left:0px;}



.IndexCompany .lefts,.IndexCompany .rights{ width:100%;}

.logo{ height:1rem; width:1.98rem;}
.logo img{ width:100%; height:auto;}
.header,.Menus,.head_bg{ height:1rem;}
.Menus ul{ top:1rem;}
.IndexProduct .IPMenus a{ padding:0px 20px; margin:2px 3px;}
.Pages a.n768, .Pages span.n768{ display:none;}
.ListRight{ padding-left:0px; padding-right:0px;}
.flash{ height:auto;}

.IndexProduct{ padding-top:40px; padding-bottom:25px;}
.IndexProduct .IPMenus{ padding-top:15px; padding-bottom:20px;}
.IndexProduct .ProMenu a{ padding:0px 20px;}
.IndexProduct .swiper-container{ padding-bottom:30px;}
.IndexAdva .textBox .Toptits{height: auto; padding-top: 30px;}

.IndexCase,
.IndexCase .bodys{ padding-top:15px;padding-bottom:20px;}
.IndexCompany .ComBody{ padding-top:30px; padding-bottom:10px;}
.IndexServer{ padding-top:20px; padding-bottom:20px;}
.IndexNews{ padding-top:10px; padding-bottom:10px;}
.IndexNews .Bodys{ padding-top:5px; padding-bottom:0px;}

.MainRight .NewMain{ padding:10px 5px;}
.NewMain li .imgs{ width:180px;}
.NewMain li .rights{ width:calc(100% - 180px); padding-left:10px;}
.NewMain li .rights .coms{ display:none;}

.tcTopImg{ height:auto; padding-bottom:10px;}

.IndexImgBox .bobys {
	 display:none;
}
.IndexNews .Bodys .rights ul li{ padding-left:75px; height:85px;}
.IndexNews .Bodys .rights ul li .times{ padding:0px;}

.ProShowTop{ padding-left:5px; padding-right:5px;}
.MainRight .topTitles{ padding:0px 10px;}
.showbodys{ padding:20px 5px;}
.IndexAdva .textBox .textCom{line-height: 24px;}
.showNePx{ padding:15px 5px;}
.IndexCompany{ padding-top: 250px;}
.IndexCompany .Tops{ top: -196px;}
.IndexNews .Bodys .lefts .title{line-height: 24px;}
.IndexTopNew{ padding-top:15px; padding-bottom:20px;}
.IndexTopNew .coms,.IndexBottom .coms{ padding-bottom:20px;}
.IndexTopNew .rights .fivs{ padding:15px 10px;}
.IndexAbout .imgLeft{ padding-top: 0px;}
.IndexAbout{ padding-top: 10px;padding-bottom:0px;}
.IndexAbout .textRIght{padding:10px 10px 20px;}

.IndexNews{height: auto;}
.IndexNews .titleTop {
    height: 64px;
    padding: 10px 0px;
}

.showMain{ padding-bottom:30px;}
.showMain .bodys img{  height:auto !important;}
.ProShowTop{ height:auto; float:left;}
.ProShowTop .lefts,.ProShowTop .rights{ width:100%; height:auto;}
.ProShowTop .lefts{ padding-right:0px;}

.IndexBg2{ padding-top:10px; padding-bottom:0px;}
.IndexBg2 .bodysBodys{ padding:20px 5px;}
.IndexBg2 .bodysBodys .titles{ height:30px; line-height:30px; text-align:center;}
.IndexBg2 .bodysBodys li{ padding-left:5px; padding-right:5px; padding-bottom:10px;}

.ListImg{ padding-left:5px; padding-right:5px;}
.ListImg li{ padding-left:5px;padding-right:5px;margin-bottom:10px;}
.KCImg li .title{ height:40px; line-height:40px; text-align:left; padding:0px 10px; }

.cartT4{ width:100%; height:auto;}
.cartLines{ height:auto; }
.cartTits{ padding-top:5px; padding-bottom:5px; line-height:22px;}
.cartP{ padding-top:10px; padding-left:15px;}
.dels{ margin-top:18px;}


.IndexAdva .swiper-button-prev, .IndexAdva .swiper-button-next{ width:35px; height:35px; background-size:contain;}
.IndexAdva .swiper-button-prev:hover,.IndexAdva .swiper-button-next:hover{background-size:contain;}
.IndexAdva .swiper-button-prev{ margin-left:-31px;}

}

@media ( max-width : 640px){
.IndexGg{ padding-top:10px;}
.MainRight .bodys{ padding:10px; padding-top: 30px;}
.LeaveBody{ width:96%;}
.IndexCompany {  padding-bottom:30px;}
.IndexImgBox .swiper-button-prev, .IndexImgBox .swiper-button-next{ width:40px; height:40px; background-size:contain;}
.IndexImgBox .swiper-button-prev{ margin-left:-40px;}
.IndexImgBox .swiper-button-prev:hover,.IndexImgBox .swiper-button-next:hover{ background-size:contain;}
	}

@media ( max-width : 576px){
.p15{ padding-left:10px; padding-right:10px;}


.IndexAdva .box .bodys {
    width: calc(100% - 20px);
}

	.IndexImgBox .bobys{ width:50%; left:0px;}

.IndexTopNew .coms .bodys li.first{ padding:5px 0px 0px;margin-bottom:5px; }
.IndexTopNew .coms .bodys li.first a{padding-left:0px;}

.copyrightBodys{ height:auto;}
a.bmAnds{ width:100%;}
.flash .swiper-pagination{ bottom:10px;}
.IndexProduct{ padding-top: 10px;}
.IndexProduct .ProMenu{padding: 10px 0;}
.IndexProduct .ProMenu a{ margin-bottom: 0px;}
.cartFd{ width:96%; height:auto;}
.cartFd .ands a{ width:100%; margin-bottom:10px;}

	
}

@media ( max-width : 480px){
	
	.logo{ width:2.2rem;}
	
	.IndexAdva .boxHs{ height:500px;}
	.IndexAdva .textBox .Toptits{padding-top: 20px;}
	.IndexGg .title{ line-height:36px; height:auto; padding:15px 0px;}
	.NewMain li{ background:none; padding-left:0px;}
	.NewMain li .imgs,.NewMain li .rights{ width:100%;}

	.productBody .Bottoms{ padding:0px; padding-right:5px;}

	.IndexNews .titleTop .smalltitle{display: none;}

	}

@media ( max-width : 360px){
	.IndexProduct .ProMenu a{padding: 0px 10px;}
	
	}