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

}

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


	body{ font-size: 14px;}	
	nav{ width: 55vw;}
	.oneNav{ line-height: 90px; font-size: 17px;}
	nav  li dl{ top: 105px;}
	header .con{ width: 90%;}
	.w80{ width: 88%; }
	.banner .txt{ left: 6vw;}
	.banner .bottom{ width: 88%;left: 6vw;}
	.f100{ font-size: 80px;}
	.button{ width: 60px; height: 60px;}
	.idxProUl li .img + .img{ margin-top: 60px;}

	.idxTitle .f160{ font-size: 140px;}
	.newsImg{ width:100%; height:240px;}

	.location{ line-height: 70px;}
	.homeIcon{ height: 22px;}

	.location .left{ width: 24vw;}
	.location .left .one{ width: 6vw;}
	.location .left .two{width: calc(100% - 6vw);}
	.subNav{ width: 76vw;}
	.introduce .left{padding-left:6vw}
	.team .button{ background: rgba(255, 255, 255, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .15); color: var(--blue);}
	.team .prev{ left: 0; z-index: 10;}
	.team .next{ right: 0; z-index: 10;}
	.scrollIcon{ width: 120px; height: 120px;}

	
 
	.prolist li{ width: calc((100% - 15px)/2);}
	.projectNav li img{ height: 34px;}
	.infoBox{ margin-top: 90px;}
	.newinfoZW{ height: 90px;}
	.zhanwei{ margin-top: -90px; padding-top: 90px;}
	.newsTop .swiper-slide .img img{ height: 290px;}
	
	.gbookBox{ padding-bottom: 90px;}
	.historyUl li .w50::before{width: 26px; height: 26px; left: -13px;}
	.historyUl li:nth-child(2n) .w50::before{right: -13px;}

	.honorBottom{ width: calc(100% - 120px);}
	.honorBottom::after{ top: 30px;}
	.honorBottom .top{ width: 60px; height: 60px;}

	.searchTop form .text{ width: calc(100% - 60px);}
	.searchTop form .submit{ width: 60px; height: 60px;}
	.searchlist li .right{ width: 60px; height: 60px;}

	.bookRight{padding-right: 6vw;}
	.team .swiper-slide .img{ max-height: 320px;}
	.team .swiper-slide .line-clamp5{-webkit-line-clamp:4;line-clamp:4}
     
}

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

	header .con{ width: 100%; padding: 0 20px;}
	.languageUl{ right: 20px;}
	.w80{ width: 90%; }
	.banner .txt{ left:5vw;}
	.banner .bottom{ width: 90%;left: 5vw;}
	.bookRight{padding-right: 5vw;}

	 div.video-wrap{ width: 90vw;height: auto;}
	 .searchBtn{ width: 40px; height: 40px;}
	 .languageBtn{ height: 40px;}
	 .logoImg{ height: 60px;}
	 .oneNav{ line-height: 80px; font-size: 16px;}
	 nav  li dl{ top: 95px;}
	 .banner .more{ height: 50px;}
	 .idxProUl li .img + .img{ margin-top: 50px;}
	 .idxmore .round{ width: 40px; height: 40px;}
	 .banImg{ height: auto;}
	 .f100{ font-size: 60px;}
	 .idxAbout .line{ height: 4px;}
	 .idxTitle .f160{ font-size: 100px;}

	 .idxProUl li:nth-child(1){ margin-top: 200px;}
	.idxProUl li:nth-child(2){ margin-top: 100px;}

	.footNav a{ margin-bottom: 30px;}
	.idxService .con{ margin: 10vh 0;}

	.newsImg{ width: 100%; height: 225px;}

	.location{ line-height: 60px;}
	.location .left{ width: 20vw;}
	.location .left .one{ width: 5vw;}
	.location .left .two{width: calc(100% - 5vw);}
	.subNav{ width: 80vw;}
	.introduce .left{padding-left:5vw}
	.manage .swiper-slide   .img{ width: 80px; height: 80px;}
	.manageIcon{ height: 16px;}

	.scrollIcon{ width: 100px; height: 100px;}
	.prolist li{ width: calc((100% - 12px)/2);}
	.newinfoZW{ height: 80px;}
	.zhanwei{ margin-top: -80px; padding-top: 80px;}
	.infoBox{ margin-top:80px;}
	/* .navIcon{ height: 20px;} */

	.projectNav li img{ height: 28px;}

	.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px;}
	.newsTop .swiper-slide .img img{ height: 215px;}
	.gbookBox{ padding-bottom:80px;}
	.historyUl li{  margin-top: -10px;}
	.historyRound{ width: 120px;}

	.bookLeft .swiper-container{width:100%; padding-left: 26vw !important;  }
}

@media screen and (max-width:1000px) {
	nav{ width: 60vw;}
	.w80{ width: 96%; }
	.banner .txt{ left:2vw;}
	.banner .bottom{ width: 96%;left: 2vw;}
	.bookRight{padding-right: 2vw;}
    
	.f100{ font-size: 30px;}
	.idxTitle .f160{ font-size:80px;}
	.footNav a{ margin-bottom: 20px;}
	.newsImg{ width: 100%; height: 190px;}

	.location .left{ display: none;}
	.subNav{ width: 100%;}
	.introduce .left{padding-left: 2vw; width: 55%;}
	.prolist li{ width: calc((100% - 15px)/2);}
	.projectNav{ width: 100% ;}

	.newslist li{ width: calc((100% - 40px)/3); margin-right: 20px;}
	.gbookBox{ padding-bottom: 60px;}
	.gbookPop .con{ width: 80vw;}

	.teamPop .con{ width: 80vw;}

	.searchTop form .text{ width: calc(100% - 50px);}
	.searchTop form .submit{ width: 50px; height: 50px;}
	.searchlist li .right{ width: 50px; height: 50px;}

	.latestItem{ height: 8em;}
	.latest .pglist a{ display: none;}
	.latest  .pglist .hover{ display: none !important;}
	.latest  .pglist  .page{ display: inline-block;}

	.banScoll{ display: none;}
}
@media screen and (max-width:750px) {

	body{ font-size: 12px;}
	.w80{ width: 100%; padding: 0 20px; }
	/* .banner .txt{ left:20px; padding-top: 60px;} */
	.banner .bottom{ width: 90%;left: 20px;}

	nav{
	  width: 100vw;
	  height: calc(100vh -  60px);
	  top: 60px;
	  right: 0;
	  position: absolute;
	  z-index: 1000;
	  flex-direction: column;
	  background-color: var(--blue);
	  color: #fff;
	  align-items: flex-start !important;
	  justify-content: flex-start !important;
	  text-align: center;
	  transition:all .6s ;
	  -webkit-transition:all .6s ;
	  -moz-transition:all .6s ;
	  -ms-transition:all .6s ;
	  -o-transition:all .6s ;
	  transform:translateX(105%) ;
	  -webkit-transform:translateX(105%) ;
	  -moz-transform:translateX(105%) ;
	  -ms-transform:translateX(105%) ;
	  -o-transform:translateX(105%) ;
} 
	nav.show{ transform:translateX(0%) ; -webkit-transform:translateX(0%) ; -moz-transform:translateX(0%) ; -ms-transform:translateX(0%) ; -o-transform:translateX(0%) ; }
	nav li{ width: 100%;}
	header .con{ height: 100%; padding-right: 0;}
	.oneNav{ line-height: 60px; font-size: 16px;}
	header{ height: 60px;}
	.logoImg{ height: 46px;}
	.languageBtn{ display: none;}
	.searchBtn{ border: none;}
	.waplanguage{ line-height: 60px; font-size: 16px;}
	.button{ display: none !important;}
	.banner .bottom{ bottom: 15px; flex-direction: row-reverse;}
	.banner .more{ height: 38px;}
	.banner .pagination .swiper-pagination-bullet{ width: 10px; height: 10px;}
	.idxAbout .line{ height: 1px;}
	 

	.f100 {font-size: 20px;}
	.idxnum{ display: flex; justify-content: space-between; margin-top: 20px;}
	.idxmore .round{ width: 30px; height: 30px;}

	.idxService .con{ background: none;}
	.yyUl{ display: flex; align-items: flex-start;}


    .idxService .yyUl{ padding: 0;    overflow-x: scroll; overflow-y: hidden;} 
    .idxService .yyUl::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 0px;}
    .idxService .yyUl::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 1px; background: transparent; height: 0px; }
    .idxService .yyUl::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 1px; background: transparent; height: 0px; }
	.yyUl li{ position: relative;margin-right: 25px;    white-space: nowrap;    padding: 20px 0;}
	
	.idxService .yyUl li:nth-child(1){ left: auto;top: auto;}
	.idxService .yyUl li:nth-child(2){ left: auto;top: auto;}
	.idxService .yyUl li:nth-child(3){ left: auto;top: auto;}
	.idxService .yyUl li:nth-child(4){ left: auto;top: auto;}
	.idxService .yyUl li:nth-child(5){ left: auto;top: auto;}
	.idxService .con::after{ width: 100%; height: 1px; background: rgba(255, 255, 255, .5); display: block; content: ''; position: absolute; top: 38px; left: 0;}

	.yyUl li .dot{  width: 32px; height: 32px;}
	.idxService .con{ margin: 20px 0 30px;}
	.idxService .con .yyUl{ padding: 0 20px;}

	.footNav{ display: none;}
	/* .mapbg{align-items: flex-start;} */
	footer .bottom{align-items: center; justify-content: center; text-align: center;}

	.bg-scoll{ background-attachment: scroll !important;}

	.introduce .left{ width: 100%; padding: 20px;}
	.introduce .right{ width: 100%;}
	.introduce .right img{ width: 100%; height: 200px; object-fit: cover;}
	.manageIcon{ height: 10px;}
	.team .w60{ width: 60%;}
	.team .w40{ width: 40%;}
	.manage .swiper-slide  .img{ width: 60px; height: 60px;}
	.scrollIcon{ display: none;}
	.neibanTxt{ padding-top: 60px;}
	.leftYin{ width: 20px;}
	.subNav a{ flex: auto; padding: 0 20px; line-height: 50px;height: 50px;  white-space: nowrap;}
	.subNav{  width: 100%; overflow-x: scroll;   }
	.subNav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.subNav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--blue); height: 1px; }
	.subNav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; height: 1px; }

	.prolist li{ width:100%; margin-right: 0;}
	.infoBox{ margin-top: 60px;}
	.zhanwei{ margin-top: -60px; padding-top: 60px;}
	.newinfoZW{ height: 60px;}
	.infoBox{background: url(../images/probanInfo.jpg) no-repeat center top #f5f7fa; background-size: auto 25vh;}
	.projectInfoBox{background: url(../images/projectInfobg.jpg) no-repeat center top #f5f7fa; background-size: auto 25vh;}
	.returnIcon{ height: 30px;}
	.returnIconBack{ width: 100%; display: flex; align-items: center; justify-content: flex-end;}

	.infoRight{ width: 100%;}
	.muneUl{ display: flex; flex-wrap: wrap; justify-content: space-between;}
	.muneUl a{ width: 48%; padding-top: 10px; padding-bottom: 10px;}
	.infoLeft{ width: 100%; border-right: none; margin-top: 10px;}
	.muneUl a:hover::after{ width: 101%;}

	.imgSwiper .swiper-slide img{ height: 500px;}
	.project .con{ width: 100%; position: relative; right: auto; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
	 
	.projectInfoLeft{ width: 100%;}
	.projectInfoRight{ width: 100%;}

	.projectNav{ margin-top: 0; width: 100%; display: flex; white-space: nowrap;
		padding-bottom:15px; margin-bottom: 20px;
	}
	.projectNav li{ background-color: #f5f7fa; margin: 0; margin-right: 10px;}
	.projectNav li.on{ background-color: var(--blue);}
	.projectNav li a{ padding:   15px;}
	.projectNav li:nth-child(2){ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
	.projectNav li:nth-child(4){ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }

	.projectNav{ width: 100%;   overflow-x: scroll;   }
	.projectNav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.projectNav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--blue); height: 1px; }
	.projectNav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; height: 1px; }
	.projectNav li img{ height: 20px;}

	.newslist li{ width:100%; margin-right: 0;}
	.newslist li .newsImg{ width: 100%;}

	.newsTop .swiper-slide .txt{ margin-top: 6px;}

	.newsTop .swiper-pagination-bullet{  width: 8px; height: 8px;}

	.newsinfotRight{ padding-left: 0;}



	.newpage a + a{ margin-top: 10px;}

	.contactStyle li{ line-height: 2; display: flex; align-items: center; justify-content: flex-start; flex-direction: row;}
	.contactStyle li .iconfont{ margin-right: 10px;}
	.contactStyle li .mt-30{ display: none;}
	.gbookBox{ padding: 15px; ;}
	.gbookBox .w70{flex-direction: column}
	.gbookBtn{ margin-top: 10px;}
	.gbookLine{ bottom: 0; z-index: -1;}
	.gbookPop .con{ width: 90vw;}
	.gbookClose{ right: 0; top: -60px;}

	.teamPop .con{ width: 90vw;    left: 5vw;}
	.teamPopClose{ right: 0; top: -60px;}
	.teamPop .con .img{  display: none;}
	.teamPop .con .txt{ width: 100%;}
	.teamPopInfo{ max-height: 184px;}

	.historyUl li{ margin-top: 0;}
	.historyTop{    justify-content: flex-start;}
	.historyBot{    justify-content: flex-start;}
	.historyRound{ width: 70px;}
	.historyBox::before{ width: 2px; left: 53px; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
	.historyUl li .w50::before{ width: 10px; height: 10px;left: 30px;}
	.historyUl li:nth-child(2n){ justify-content:flex-end}
	.historyUl li:nth-child(2n) .w50{ padding-left: 60px; padding-right: 0;text-align:left}
	.historyUl li:nth-child(2n) .w50::before{  right: auto; left: 30px;}
	.honorbg{ padding: 15px;}
	.honorTop .w60{ padding: 15px 0 0 0 ;}
	.honorBottom{ width: 100%;}
	.honorBottom .top{ height: 50px; display: none;}


	.searchTop form{ width: 90vw;}
	.searchTop form .text{ width: calc(100% - 40px);}
	.searchTop form .submit{ width: 40px; height: 40px;}
	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; padding: 0 20px 25px;}
	.searchlist li .left{  width: 100%;}
	.saleBan{ width: 100%;}
	.latestItem{ height: auto; padding: 15px 0; }
	.latestRight{ margin-top: 20px;}
	.bookLeft .swiper-container{ width: 100%; padding: 0 !important;}

	.bookLeft{ display: none;}
	.bookRight .swiper-container{ margin-top: 15px;}
	.bookLeft .swiper-container .swiper-slide-active{ padding: 0 20px;}
	.bookRight .more{ width: 120px; height: 40px;}
	.searchCon .submit{ width: auto; padding: 0 15px;}
	.idxTitle .f160{ font-size: 60px;}
	.newsinfotRight{ border-left: none;}

	nav li dl{ display: none !important;}

	.banner .f80{ font-size: 26px;}
	.idxService .con{ display: none;}
	.searchBtn{ display: none !important;}
	.idxService .con::after{ display: none;}
	.idxService .con .yyUl{opacity: 0;}
	.serviceDescUl{  display: none;}
	.projectNav{ background: none;}
	.service_num{ margin-top: 20px;}
	.tabSwiperCon .swiper-slide{ padding-top: 80px;}
	
	.banner .txt{ left:20px; padding-top: 60px; }
	 
	.aboutRight{ width: 20px;}
	.idxAbout{ padding: 50px 0;}
	/* .banner{ margin-top: 60px;}
	
	.project{ margin-top: 60px;} */

	.friendlink{ display: none !important;}

}

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

	.idxPro .idxTitle{ position: relative; left: auto; top: auto; margin-bottom: 20px;}
	.idxProUl li:nth-child(1){ margin-top: 0;}
	.idxProUl li:nth-child(2){ margin-top: 0;}
	.idxProUl{   flex-direction: column;}
	.idxProUl li{ display: flex; width: 100%; margin: 0; align-items: flex-start;  margin-bottom: 18px;}
	.idxProUl li .img + .img{ margin-top: 0; margin-left: 20px;}

	.GovernanceBox ul li .yuan{ width: 30px; height: 30px;}
	.GovernanceBox ul li .yuan .iconfont{ font-size: 14px;}
}