@media ( max-width : 1460px){
.DivW{ width:96%;}
.IndexSerBody li .coms{ width:88%;}
.IndexBg2 li .coms{ padding-left:190px; padding-right:30px;}
.IndexBg2 li .imgs{ left:30px; width:140px;}
}

@media ( max-width : 1420px){

.d1420{ display:block;}
.AboutWhTop .bodys{ width:calc(100% - 478px);}
}

@media ( max-width : 1360px){
	.AbFz{ height:auto; }
.AbTops .swiper-button-prev, .AbFz .swiper-button-next,.AbZBody .swiper-button-prev, .AbZBody .swiper-button-next{ display:none;}
.d1360{ display:block;}

.SerShowTop .lefts{ width:65%;}
.SerShowTop .rights{ width:calc(100% - 65%);}
}

@media ( max-width : 1280px){
.DivW{ width:96%;}
.d1280{ display:block;}
.n1280{ display:none;}

.IndexTitCom{ width:96%;}
.footer .lefts{ width:100%;    max-width:100%; padding:15px 0px; text-align:center;}

.NewTopBody .lefts{ width:400px;}
.NewTopBody .rights{ width:calc(100% - 400px);}
.NewTopBody .rights li{ padding-left: 160px;}
.NewTopBody .rights li .times{ width:140px; padding-right:10px;}

.JionTopBodys .coms{ width:96%;}
.JionBottoms .bodys{ padding-right:0px; padding-bottom:140px; height:auto;}
.JionBottoms .bodys .rights{ top:auto; bottom:0px; height:140px; width:100%;}
}

@media ( max-width : 1180px){
.d1180{ display:block;}
.IndexSer{ background-image:none;}
.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%;}
.subMain img,.showMain img{ height:auto;}


.AboutCom { width:100%;}

.SerShowTop{ background:none; }
.SerShowTop .lefts{ width:100%; padding-right:0px; height:auto; padding-bottom:20px;}
.SerShowTop .lefts .titles h3{ padding:11px 0px; line-height:36px;}
.SerShowTop .rights{ width:100%; height:auto;}
.ServicesCom,.JionTopCom,.DjTopCom { width:100%;}

}

@media ( max-width : 1080px){
.d1080{ display:block;}

.JionBodysBox{ width:96%;}

.JionBodysBox .coms{ height:200px;}

.SerBox{ width:96%;}

.SerBox #sub_body img{ max-width:100%; height:auto;}
}

@media ( max-width : 1000px){
.d1000{ display:block;}
.n1000,.head_bg{ display:none;}
.DivW{ width:100%;}
/*------------------------------自适应导航------------------------------------------------------------*/
.header,.head_bg{ height:92px; position:relative;}
.flash,.zyFlash{ height:auto; line-height:1;}
.Menus{ padding:0px;position:static;}
.Menus ul{ top:92px; width:100%; position:absolute; left:0px;}
.Menus ul li{ width:100%;  background: #F7F7F7; padding:0px;}
.Menus ul li:hover ul{ display:none;}
.Menus ul li:hover a:after{ width:0px;}
.Menus ul li a{ text-align:left; line-height:60px; padding-left:20px;border-bottom: 1px solid #F0F0F0;}
.Menus ul li ul,.Menus ul li:hover ul{ position:static; width:100%;margin-left:0px; }
.Menus ul li ul li a{padding-left:40px; line-height:50px;padding-left:35px; text-align:left; padding-top:0px; padding-bottom:0px;}

.Menus ul li li li a{ padding-left:60px;}
.Menus ul li li li li a{ padding-left:80px;}
.Menubg{ width:100%; height:100%; top:0px; background:rgba(0,0,0,0.8); position:fixed; left:0px;}

.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; 
}

.AbTops .swiper-slide{ width:50%;}
/*------------------------------------------------------------------------------------------*/
.JionBodys{ padding-top:20px; padding-bottom:20px;}
.DjTopBodyCom .lefts .fxBody{ left:20px;}
}
@media ( max-width : 992px){
	.n992{ display:none;}
	.IndexSerBody li{    width: calc(100% / 3);}
	.DjImgsBody li .coms{ padding:15px;}
	.NewMain li{ padding-right:120px;}
	
	.NewTopBody .lefts{ display:none;}
	
	.NewTopBody .rights{ width:100%; height:auto;}
	
	.VideoMain li{ padding-left:260px;}
	.videoIndexBg2{ padding-bottom:30px; padding-top:20px;}
	
	.JionTopBodys .coms{ height:auto;}
	.JionBottoms .bodys .bottoms{ height:auto; padding:10px; line-height:32px;}
	
	}
@media ( max-width : 992px){
	.DjTopBodyCom .lefts,.DjTopBodyCom .coms{ width:100%;}
}
	
@media ( max-width : 768px){
.n768{ display:none;}
.logo{ height:1rem; width:2.32rem;}
.Menus ul{ top:1rem;}
.logo img{ width:100%; height:auto;}
.header,.Menus,.head_bg{ height:1rem;}

.flash .swiper-button-prev, .flash .swiper-button-next{ display:none;}


.Pages a.n768, .Pages span.n768{ display:none;}

.IndexTitle,.DjTopTitle{ padding-top:15px; padding-bottom:15px; line-height:34px; height:auto;}
.IndexSer{ padding-top:20px; padding-bottom:40px;}
.IndexSerBody li{ height:500px;}

.subMain{ padding-top:30px; padding-bottom:40px;}
.AbBottomImg{ padding-top:90px;height:560px;}
.AboutWhTop{ height:380px;}
.AbBottomImg .bodys{ width:100%; padding:10px;height: 385px;}
.AboutWhTop .bodys{ width:100%;margin-top:30px;}
.AbZz{ padding-top:40px; padding-bottom:50px;}
.AbZBody .swiper-pagination{ margin-top:10px;}

.getFlv{ width:96%}
.NewListTop{ padding-top:20px; padding-bottom:20px;}
.showMaintops h1{ line-height:30px; padding:10px 0px;}

.AboutTitle{ height:auto; padding-top:15px; padding-bottom:15px; line-height:34px;}
.AboutBodyCom .lefts, .AboutBodyCom .rights{ width:50%;}
.AboutBodyCom .coms{ width:100%;}
.AboutBodyCom .rights{ position:absolute; right:0px;}

.NewTopBody .lefts{ display:block; height:auto; width:100%;}
.NewTopBody .rights li{ padding-left:10px; height:auto; padding-right:10px; padding-bottom:10px; }
.NewTopBody .rights li h3{ margin-bottom:26px;}
.NewTopBody .rights li .times{ height:auto; top:40px; width:auto; padding-left:10px;}
.NewTopBody .rights li .times:after{ height:0px;}
.NewTopBody .rights li .times .bignumber{ font-size:14px;}
.NewTopBody .rights li .times p{ display:inline-block;}

.JionBottoms{ padding-top:20px; padding-bottom:20px;}
.JionBodysBox{ width:98%; padding:20px 10px;}
.JionBodysBox .tops div{ padding:0px;}
.JionBodysBox .botext{ height:auto;}

.msgright{ padding:0px;}
.mts{ text-align:left; padding-left:15px !important;}
.td_line{ padding-right:0px;}

.SerShowTop{  padding-top:20px; padding-bottom:20px;}
.SerShowBottom{ padding-top:20px; padding-bottom:40px;}
.DjTop{ padding-top:20px;}
.DjBottom{margin-bottom:40px;}

.SerBox{ padding:30px 10px; }

.IndexBg2 a.mores{ margin-top:0px;}

}
@media ( max-width : 640px){
		.IndexSerBody li{    width:50%;}
		.IndexSerBody li{ height:350px;}
		.IndexSerBody li .BigImgs img{ width:100%; height:auto;}
		.IndexSerBody li .title,.IndexSerBody li:hover .title{ top:100px;}
		.IndexSerBody li span{ display:none;}
		.IndexSerBody li .coms,.IndexSerBody li:hover .coms{ top:140px; opacity:1;}
		.IndexSerBody li .coms .tits{
		 line-height:28px;
		}
		.IndexSerBody li a.more{ margin-top:10px;}
		.IndexBg2{ padding-top:20px; padding-bottom:20px;}
		.IndexBg2 li{ margin-bottom:15px;}
		.IndexBg2 li .imgs{ top:20px;}
		.IndexBg2 li .coms{ padding-top:20px;}
		.IndexSer{ padding-top:20px; padding-bottom:20px;}
		
		.AbTops .swiper-slide{ width:100%;}
		.AbZFlv{ padding-top:30px; padding-bottom:30px;}
		
		.NewMain li{ padding-left:10px; }
		.NewMain li .lefts .imgs{ display:none;}
		.VideoMain li { padding:10px;}
		.VideoMain li .lefts{ display:none;}
		
		.DjTopBodyCom .lefts{ height:460px;}
		.DjTopBodyCom .coms{ height:400px;}
		.DjTopBodyCom  .ens{ height:50px;}
		.DjTopBodyCom .Lcoms{ padding-bottom:5px;}
}
@media ( max-width : 576px){
.p15{ padding-left:10px; padding-right:10px;}
.NewMain li{ padding-right:75px; padding-top:15px; }
.NewMain li .liRight h3{ line-height:24px;}
.NewMain li .time{ right:10px; height:150px; padding-top:20px; background-position:left 100px;}
.NewMain li span.mores{ display:none;}
.showMaintops{ padding-top:30px;}

.aboutBgs{ background:none;}

.JionBottoms .bodys .ltops{ padding-left:10px; padding-right:10px;}

}

@media ( max-width : 480px){
	
	.IndexSerBody li{ height:250px;}
	.IndexSerBody li .title,.IndexSerBody li:hover .title{ top:60px;margin-bottom: 10px; }
	
	.IndexSerBody li .coms,.IndexSerBody li:hover .coms{ top:100px;}
	.IndexSerBody li .coms .tits{ line-height:24px;}
	
	/*
	.IndexSerBody li:hover .title{ top:50px;}
	.IndexSerBody li .coms .tits{ padding-bottom:5px;}
	.IndexSerBody li a.more{ margin-top:10px;}
	.IndexSerBody li .coms{ line-height:24px;}
	.IndexSerBody li:hover .coms{ top:90px;}
	*/
	
	.JionBottoms .bodys .ltops .lines div{ padding:0px;}
	.DjBottom .flvs{ display:none;}
	
	
	.DjTopBodyCom .lefts .fxBody{ width:340px; left:30px; top:50px; height:auto;}
	.DjTopBodyCom .fdBox{ padding-left:20px;}
	
	}
	
@media ( max-width : 420px){
		.DjTopBodyCom .lefts .fxBody{ width:300px; left:10px; top:30px;}
}

@media ( max-width : 360px){
		.DjTopBodyCom .lefts .fxBody{ width:280px; }
	}