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

	.inner{ width:1440px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1440px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1440px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1440px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1440px)/2);}

	.PartyUl .item  .iconfont{ line-height: 1;}
	.MemberUl li .text{ padding-bottom: 30px;}

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

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}

	.idxBody header .oneNav{/*line-height: 120px;*/}
	.logoImg{ height: 66px;}
	.oneNav{ font-size: 16px; padding: 0 12px;}
	.logonBtn{ font-size: 18px; padding-left: 20px;}
	header.scroll .oneNav{ line-height: 90px;}
	.brandSwiper{ height: 420px;}

	.idxTit::before{ height: 150%; top: -25%;}
	.MemberUl li .text{ padding-bottom: 20px;}

	.busOneUl li .img{ height: 280px;}
	
}

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

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}
 
	.idxBody header{ /*top: 30px;*/}
	header.scroll{ top: 0;}
	.idxBody header .oneNav{/*line-height: 110px;*/}
	header.scroll .oneNav{ line-height: 90px;}
	.logonBtn{ font-size: 16px;}
	.oneNav{ padding: 0 10px;} 

	.logoImg { height: 56px; }
	.idxBody header .con{    padding: 0 15px;}
	.dynamicsRight .tit{ line-height: 1.6; margin-top: 5px;}
	.dynamicsSwiper .text{ height: 5em;}
	.dynamicsSwiper .pagination { height: 4.5em;}
	.MemberUl li .text{  padding-top: 25px;}
	.brandSwiper{ height: 390px;}
	.myswiperBtn{ width: 50px; height: 50px;}

	.mainLeft{ width: 260px;}
	.mainRight{ width: calc(100% - 320px);}
	.backBtn{ width: 50px; height: 50px;}
	.busOneUl li .img{ height: 250px;}

	.screenBox{ margin-top: -80px;}
	.screenBox .item{ min-height: 80px; padding-top: 0;}
	.screenBox .item + .item{ border-top: 1px solid #e5e5e5;}
	.screenBox a{ height: 40px;}

	.proinfoTop{ margin-top: -200px;} 
	.proinfoTop .right .img{ height: 500px;}
	.proinfoRightUl .img{ height: 205px;}
	.proinfoRight{ width: 380px;}
	.proinfoLeft{ width: calc(100% - 400px);}
	.proinfoPageMore{ height: 50px; width: 180px;}

	.contactEwm  .border-color{  width: 150px;}
	.contactStyleIcon{ height: 60px;}
	.footEwm li{ width: 60px; height: 60px;}
}

@media screen and (max-width:1360px) { 
	/* header .con{ width: 100%;} */
	/* nav{ display: none !important;} */
	nav li:nth-last-child(-n+3){ display: none !important;}
	header .line{ display: none !important;}
	.idxBody header .con{ padding: 0 0 0 15px;}
	.h_nav{   display: flex;}
	header.scroll   .con{ width: 100%;}
	.logoImg{  height: 48px;}
	/* .idxMore{  height: 50px;} */

	.contactEwm  .border-color{  width: 140px;}

	.loginInput{ line-height: 52px;}
	.loginBox button{ width: 150px; height: 52px;}
	.loginBox{ margin-top: 0; padding-top: 50px;}
	
}


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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.brandSwiper{ height: 350px;}
	.PartyUl .desc.line-clamp2{     -webkit-line-clamp: 1;}

	.serviceOne .text{ width: 62%;}

	.busOneUl li .img{ height: 200px;}
	.contactEwm  .border-color{  width: 125px;}
	.contactStyleIcon{ height: 56px;}

	.searchbigBox{  margin-top: -70px;}
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.dynamicsUl a{ height: 38px;}

	.MemberUl li .img { padding-bottom: 83%;}
	.brandSwiper{ height: 280px;}.footAdd{ width: 32vw;}
	.footTel{ margin-left: 0;}
	.footLogo{ height: 50px;}

	.mainLeft{ width: 200px;}
	.mainRight{ width: calc(100% - 220px);}

	.newsPiclist li{ width: 48%; margin-right: 2%;}
	.newsPiclist li:nth-child(3n){ margin-right: 2%;}
	.newsPiclist li:nth-child(2n){ margin-right: 0;}

	.busOneUl li .img{ height: 180px;}
	.busOneUl li.div1 .img{ max-height: 200px;}
	.busTwoSwiper .line-clamp2{ -webkit-line-clamp: 1;}

	.proinfoTop{ margin-top: -120px;} 
	.proinfoTop .right .img{ height: 400px;}
	.proinfoRightUl .img{ height: 165px;}
	.proinfoRight{ width: 320px;}
	.proinfoLeft{ width: calc(100% - 340px);}
	.proinfoPageMore{ height: 50px; width: 180px;}

	.contactEwm  .border-color{border-width: 2px; width: 100px;}
	.contactStyleIcon{ height: 50px;}
	.searchbigBox{  margin-top: -50px;}

	nav li:nth-last-child(-n+5){ display: none !important;}

	.footEwm li{ width: 50px; height: 50px;}
    
}
@media screen and (max-width:900px) {

	nav{ display: none !important;}
	body{ font-size: 12px }
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	.logoImg{ height: 38px;}
	.logonBtn{ font-size: 14px; }
	.logonBtnIcon{ height: 1.2em;}
	.navPopClose .iconfont{ font-size: 20px;}
	 
	.navPop{   overflow-y: scroll;   }
	.navPop::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
	.navPop::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #f6f6f6; width: 1px; }
	.navPop::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #d4d4d4; width: 1px; }

	.navPop .con{ align-items: flex-start; padding-bottom: 25px;}
	.navPop .top{ text-align: left;  ;}
	.navPop dl{  width: 50%; margin-top: 18px;}
	.navEwm .img{ width: 100px;}
	.navPopClose{ width: 42px; height: 42px;}

	.idxNotice .left .tit{ position: relative; left: auto; bottom: auto; padding-top: 0; text-align: left;}
	.idxNotice{ background: url(../image/idxNoticeImg.png) no-repeat bottom right; background-size: 50% auto;}
	.dynamicsSwiper .pagination{ height: auto;}
	.dynamicsSwiper .swiper-pagination-bullet{ width: 6px; height: 6px;}
	.dynamicsSwiper .img{ padding-bottom: 66%;}
	.dynamicsUl a:first-child{ margin-left: 0;}

	.PartyBox{ background: transparent; margin-top: 30px;}
	.PartyBox .z5{ color:#fff;}
	.MemberUl {display: block;}
	/* .MemberUl li{ width: calc((100% - 20px)/2); margin-right:20px ;} */
	.MemberUl li{ width: 100%; margin-bottom:20px ;}
	.idxCenter::before{    height: 40%;    top: 35%;}
	.noPadding{ padding: 0 !important;}
	.brandSwiper{ height: 220px;}
	.brandSwiper .swiper-slide{ padding: 18px;}
	.associationUl a:first-child{ padding-left: 0;}


	.idxAssociationCon::before{ left: 20px; width:0;}

	.idxLinkUl li{ width: calc((100% - 20px)/2); margin-right: 20px;}
	.idxLinkUl li:nth-child(2n){ margin-right: 0;}

	.footLogo{ height: 46px;}
	.footTel{ padding-left: 0;}
	.footTelIcon,.footAddIcon{ height: 40px;}
	footer .bottom{ text-align: center; line-height: 2;}
	footer .top  .pl-40{ padding-left: 0;}
	.footEwm{ margin-top: 15px;}
	.footEwm li:first-child{ margin-left: 0;}
	.footEwm li .iconfont{ font-size: 20px;}
	footer .center .right{ padding-left: 0;}

	.dynamicsBotlist li{ width: 100%; margin-right: 0 !important;}
	.idxNewslist{  color: #333;}
	.newTwo::after{  height: 40%;}
	.newTwo .idxNewslist li{ border-color: rgba(0, 0, 0, .05);}
	.newThereUl .w28{ width: 35%;}
	.newThereUl .w68{ width: 60%;}
	.newThereUl .w68 .line-clamp2{-webkit-line-clamp: 1;}

	.mainLeft{ width: 100%;}
	.mainRight{ width:100%;}

	.mainLeftUl{ border-left: none; display: flex; width: 100vw; margin-left: -20px; margin-right: -20px;overflow-x: scroll; background: #fff; box-shadow: none; }
	.mainLeftUl::-webkit-scrollbar { height: 2px;}
	.mainLeftUl::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.mainLeftUl::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }

	.xhzcUl li a{ flex-direction: column;}
	.xhzcUl li a .date{  flex-direction: row; padding: 5px;}
	.xhzcUl li a .date div{ font-size: 14px;}
	 
	.newsPage ul{ display: flex; justify-content: space-between; align-items: center;}
	.pdfIcon{ width: 28px;}

	.serviceOne .inner{ flex-direction: column;}
	.serviceOne .text{ width: 100%; position: relative; left: auto; top: auto;}

	.busOneUl{grid-gap: 10px;    grid-template-columns: repeat(2, 1fr);}
	.busOneUl li .img{ height: 120px;}
	.busTwoSwiper .img{ height: 300px;}
	.busTwoSwiper .text{  padding-bottom: 20px;}
	.busTwoCon .button{ top: 250px; height: 50px; bottom: auto; right: 0;}
	.busTwoSwiper .text .more .radius50{ width: 36px; height: 36px;}

	.screenBox{ margin-top: 0px; width: 100vw; margin-left: -20px; margin-right: -20px;}
	.screenBox .item{ flex-wrap: nowrap;overflow-x: scroll;}
	.screenBox .item::-webkit-scrollbar { height: 2px;}
	.screenBox .item::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.screenBox .item::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.screenBox a{ height: 32px;}
	.screenBox .item{ min-height: 62px;}

	.proinfoTop{ margin-top: -50px;} 
	.proinfoTop .right .img{ height: 300px;}
	.proinfoRightUl .img{ height: 205px;}
	.proinfoRight{ width: 380px;}
	.proinfoLeft{ width: calc(100% - 400px);}
	.proinfoPageMore{ height: 50px; width: 180px;}

	.proinfoTop .text{ padding-bottom: 20px;}

	.memberOne::before{ width: 40%;}
	.contactStyleIcon{ height:38px;}
	.contactStyle{ background: url(../image/contactStyleColor.png) no-repeat left  top; background-size:  60% auto;}

	.mapBox{ height: 320px;}
	.mapMain::after{ height: 320px;}

	.loginIcon{ height: 1.3em;}
	.loginInput{ line-height: 40px;}
	.loginBox button{ width: 100px; height: 40px;}
	.loginBox{ padding-top: 25px;}

	.searchbigBox{ margin-top: -40px;}
	.searchbigBox .input { width: 80%;}
	.searchbigBox button{ width: 20%;}
	.idxAssociationCon .right{ padding-top: 0; padding-left: 0;}

	.mainLeftUl li dd{ display: none !important;}

}


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

	.newsPiclist li .img{ padding-bottom: 50%;}
	.newsPiclist li{ width: 100%; margin-right: 0 !important;}
}

@media screen and (min-width:750px) { }