@media screen and (max-height:800px){
}
@media screen and (max-height:700px){
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1450px){
	.btext{ margin-top: -90px;}
	.btext h3{ font-size: 44px;}
	.btext strong{ font-size: 22px; margin-bottom: 28px;}
	.greenway{ width: 90%; margin-left: -45%; margin-top: -222px;}
	.ringlist{ height: 397px; text-align: center;}
	.ringlist img{ position: relative; margin: auto; max-height: 100%;}
	.ring{ margin-left: 0;}
	.ringicon{ margin-top: 68px;}
	.greentop h2{ font-size: 36px; margin-bottom: 15px;}
	.greentop{ margin-bottom: 30px;}
	.originality{ width: 90%; margin-left: -45%;}
	.originalifix{ width: 100%; margin-left: 0;}
	.wrapper.active-page3 .page.page3 .orginalin{ height: 272px;}
	.originalli .slick-dots{ margin-top: 28px;}
	.origalfirst strong{ font-size: 26px; margin-bottom: 16px;}
	.origalfirst{ top: 8%;}
	.assortment{ width: 90%;}
	.assortment-box{ bottom: 30px;}
	.homenews{ width: 90%; margin-left: -45%;}
	.speed-box{ padding: 100px 0 90px;}
	.culturett{ font-size: 34px;}
	.culturli{ margin-top: 38px;}
	.nav >li >a{ padding: 0 10px;}
} 
@media screen and (max-width:1350px){
	.greenway{ width: 84%; margin-left: -42%;}
	.homenews{ width: 84%; margin-left: -42%; margin-top: -194px;}
	.newslist{ margin-top: 28px;}
	.newdate{ padding-left: 30px; width: 92px; padding-top: 22px; height: 65px; left: -122px;} 
	.newdate b{ font-size: 22px;}
	.newdate time{ font-size: 14px;}
	.system{ padding: 34px 7.43% 33px;}
	.system span{ line-height: 1;}
	.newslist{ margin-top: 16px;}
	.probann .slick-arrow.slick-prev{ left: 65px;}
	.probann .slick-arrow.slick-next{ right: 65px;}
	.projectli li{ width: 25%;}
}
@media screen and (max-width:1280px){
	.nav{ margin-left: 120px;}
	.nav li a{ padding: 0 14px;}
	.greens{ width: 44%; padding-top: 38px;}
	.wrapper.active-page3 .page.page3 .orginalin{ height: 244px;}
	.news li{ margin-bottom: 5px;}
	.eventlist{ width: 100%; width: calc(100% + 16px);}
	.event{ padding: 100px 0 160px;}
	.eventlist li{ width: 33.3333%;}
	.years{ left: 20px;}
	.honors{ margin-left: 280px;} 
	.projecttop p{ width: 100%;}
	.staylist{ width: 100%; width: calc(100% + 16px);} 
	.stay{ padding-bottom: 30px;}
	.recommend .projectli{ width: 100%; width: calc(100% + 16px);}
	.projectli li{ width: 33.33%;}
	.north{ right: auto; left: 0;}
	.ring{ width: 50%;}
}
@media screen and (max-width:1200px){
	.greenway{ margin-top: -200px;}
	.ringlist{ width: 460px; height: 365px;} 
	.ringicon{ margin-top: 70px;}
	.greenin b{ font-size: 36px;}
	.btext{ width: 90%; margin-left: -45%;}
	.wrapper.active-page3 .page.page3 .orginalin{ height: 235px;}
	.news li:last-child{ display: none;}
	.profile{ width: 90%; margin-left: -45%;}
	.companys{ top: 50px;}
	.companywr{ padding: 68px 35px 46px;}
	.profilet small{ font-size: 36px; margin-bottom: 26px;}
	.profilet strong{ font-size: 26px;}
	.profilet strong:before{ width: 5px; height: 60px; margin-top: -30px;}
	.profils{ margin-left: 0 !important;}
	.profilewr{ width: 84%; margin: auto; padding-top: 160px; padding-bottom: 100px;}
	.proclose{ left: 0;}
	.profilet1{ margin-left: 0; margin-top: 20px;}
	.profilesd{ margin-left: 240px;}
	.inner{ width: 90%;}
	.speed-box{ margin-left: -45%;}
	.pswp__top-bar{ width: 100%; margin-left: -50%; border-radius: 0px;}
	.culturli{ width: 100%; width: calc(100% + 16px);}
	.culture-box{ padding-bottom: 120px;}
	.projectview{ padding-bottom: 40px;}
}
@media screen and (max-width:1100px){
	.nav{ margin-left: 150px;}
	.nav li a{ padding: 0 10px; font-size: 14px;}
	.event-text{ width: 90%;}
}
@media screen and (max-width:1024px){
	.nav{ display: none;}
	.logo{ width: 140px;}
	.menubtn{ display: block;}
	.mtop{ height: 64px;}
	.header{ padding: 0 5% 8px;}
	.sidebar{ display: none;}
	.wrapper{ position: relative; top: 0 !important;}
	.mouse{ display: none;}
	.wrapper .page{ height: auto !important; opacity: 1;}
	.banner-box,.banner-box .item{ height: auto !important;}
	.banner-box .item figure{ height: auto !important;}
	.banner-box .item figure img{ width: 100vw !important; height: auto !important; left: 0 !important; top: 0 !important;}
	.select1{ height: auto;}
    .greenway{ width: 90%; position: relative; margin: auto; left: 0; top: 0; padding: 50px 0;}
    .ringlist img{ opacity: 1; visibility: visible;}
    .ringlist img.dit{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    .ring{ width: 100%; text-align: center;}
    .ringlist{ width: auto; max-width: 473px; height: 410px; margin: auto;}
    .ringicon span{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
    .ringicon{ margin-top: 80px;}
    .greens{ width: 100%;}
    .greentop h2{ width: 100%; font-size: 30px;}
    .greentop h2:before{ display: none;}
    .greenfix{ width: 100%;}
    .greenfix:before{ display: none;}
    .greentop p{ width: 100%; min-width: auto;}
    .greenin{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
    .more{ margin-top: 32px; opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
    .btext h3{ font-size: 30px; margin-bottom: 8px;}
    .btext strong{ font-size: 20px; margin-bottom: 20px;}
    .btext a{ width: 120px; height: 44px; line-height: 44px;}
    .btext{ margin-top: -73px;}
    .select2{ height: auto; padding: 65px 0;}
    .originality{ position: relative; margin: auto; left: 0; top: 0;}
    .orginalin{ height: 100%; transition: none; -webkit-transition: none; -moz-transition: none;}
    .orginalin:before{ display: none;}
    .originalifix{ width: calc(100% + 30px); margin-left: -15px;}
    .originwr{ margin: 0 15px;}
    .assortment-box{ position: relative; margin-top: 60px; bottom: 0;}
    .assortment-box:before{ width: 100%;}
    .assortment li{ transition: none; opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);}
    .assortment li{ margin-left: 0; width: auto ;}
    .wrapper.active-page3 .page.page3 .assortment li{ transition: none;}
    .homenews{ width: 100%; margin: auto; left: 0; top: 0; position: relative;} 
    .select3 .footer-box{ position: relative;}
    .newsitem figure{ width: 100%;}
    .newstext{ position: relative; width: 100%; left: 0;}
    .newsmore{ position: relative;}
    .newdate{ transform: translateY(40px); -webkit-transform: translateY(40px); -moz-transform: translateY(40px); left: 0; top: -87px;} 
    .newsitem.slick-current .newdate{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
    .news li:last-child{ display: block; margin-bottom: 0;}
    .newslist{ margin:0; padding: 30px 5%; opacity: 1; transition: 0s; -webkit-transition: 0s;}
    .newsitem.slick-current .newslist{ transition: none;}
    .system{ padding: 22px 5%;}
    .system:before{ display: none;}
    .system span{ width: 100%;}
    .newsitem.slick-current .system span{ animation: none; -webkit-animation: none; -moz-animation: none; opacity: 1; visibility: visible;}
    .newspage{ left: 0; margin-left: 0;}
    .newsf{ width: 100%;}
    .footer{ padding: 24px 5%;}
    .news li{ margin-bottom: 8px;}
    .commonbg{ display: none;}
    .container{ background-size: cover; background-position: center; /*padding-top: 50px;*/ box-sizing: border-box; min-height: calc(100vh - 64px); /*padding-bottom: 120px;*/ overflow: hidden;}
    .profile{ position: relative; left: 0; top: 0; margin: auto;}
    .profilefix{ display: none;}
    .companys{ position: relative; left: 0; top: 0; width: 100%;}
    .menu-levels{ border-radius: 0px;}
    .menus li a{ padding: 0; display: block;}
    .proclose{ left: auto; right: 5%; top: 84px;}
    .profilewr{ width: 90%; padding-top: 107px; padding-bottom: 100px;}
    .speed-box{ position: relative; margin: auto; left: 0; top: 0; padding-top: 50px; padding-bottom: 120px;}
    .profile { padding-top: 50px;}
    .event-text{ width: 100%;}
    .honors{ margin-left: 220px;}
    .culture{ margin-top: 0; padding-top: 50px;}
    .culturett{ color: #666666; font-size: 28px;}
    .vwrap .videobox{ width: 90%; margin-left: -45%; height: 400px; margin-top: -200px;}
    .news-box li{ padding: 40px 40px;}
    .bid-box li a{ padding: 36px 32px;}
    .bid-box li a span{ bottom: 36px; right: 32px;}
    .newstts{ font-size: 22px; margin-bottom: 50px;}
    .menus2 li{ width: 25%;}
    .profile{ padding-bottom: 120px;}
    .bid-box li a{ padding-bottom: 26px;}
    .fill-box{ width: 100%;}
    .investment{ padding: 50px 40px 60px;}
    .cooperate{ padding: 50px 42px 60px;}
    .cooperatetop{ padding-bottom: 38px;}
    .cooperli li strong{ font-size: 22px;}
    .cooperli li p{ margin-left: 180px; font-size: 15px;}
    .loads li .loadbtn{ top: auto; bottom: 24px;}
    .map{ position: relative !important; height: calc(50vh); top: 0; width: 100%;}
    .resultdown p{ height: 52px;}
    .resultdown figure{ height: 80px; display: none;}
    .resultdown figure img{ height: 100%; width: auto;}
    .projects{ width: 100%;}
    .projecttop{ padding: 45px 27px 0; margin-bottom: 32px;}
    .projecttop h4{ font-size: 22px; margin-bottom: 10px;}
    .menu-levels1{width: 100%; overflow-x: overlay; line-height: 0; overflow-y: hidden;}
	.proclase{  display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left; padding-left: 5%;}
	.resutdown a.tel { display: block;}	
	.profixs figure{ height: auto !important;}
	.profixs figure img{ width: 100vw !important; height: auto !important; left: 0 !important; top: 0 !important;} 
	.probann .slick-arrow.slick-prev{ left: 5%;}
	.probann .slick-arrow.slick-next{ right: 5%;}
	.project{ margin-top: 30px;}
	.address span{ width: 100%; border-left: none;}
	.address span:first-child{ border-bottom: 1px solid #F2F2F2;}
	.viewinfo{ width: 12%; margin-left: 10%;}
	.newsitem figure img{ opacity: 1; visibility: visible;}
	.nav-panel{ display: none;}
	.fillfix{ left: 35%;}
	.fillbtns{
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.fillbtns a{
		padding: 18px 15px;
	}
	.fillbtns a:before{ display: none;}
} 
@media screen and (max-width:861px){
	.speed{ box-sizing: border-box; float: none; width: auto; margin-left: 240px; padding: 40px 32px 60px;}
	.eventlist li{ width: 50%;}
	.years{ position: relative; top: 0; margin-top: 0; left: 0; padding-top: 40px; padding-left: 5%; display: flex; display: -webkit-flex;}
	.yearin{ margin-top: 0; margin-right: 16px;}
	.event{ padding-top: 40px; padding-bottom: 100px;}
	.organizate{ margin-left: 260px; padding: 50px 50px 120px;}
	.culturli li{ width: 50%;}
	.newsbg{ padding: 40px 0 88px;}
	.staylist li{ width: 20%;}
	.recommend .projectli li{ width: 50%;}
	.greenlist li{ width: 50%;}
	.north{ top:auto; margin-top: 0; bottom: -50px;}
}
@media screen and (max-width:751px){
	.footer p{ width: 100%;}
	.edites{ float: left;}
	.edites a:first-child{ margin-left: 0;}
	.pswp__button--close{ margin: 0 100px;}
	.pswp__caption__center{ bottom: 80px;}
	.recommends{ padding: 0 25px;}
	.address span{ padding-left: 25px; padding-right: 20px;}
	.stay{ padding: 26px 25px 20px;}
	.projectinfo{ padding: 35px 25px;}
	.viewd{ padding: 32px 25px;}
	.viewinfo{ width: 18%; margin-left: 2.5%;}
}
@media screen and (max-width:641px){
	.menulist li{ margin-bottom: 20px;}
	.menuicon{ padding: 10px 0;}
	.logo{ width: 130px;}
	.header-ri{ margin-top: 20px;}
	.menubtn span{ margin-top: 29px;}
	.header-ri a{ margin-left: 16px;}
	.header-ri a:first-child{ margin-left: 0;}
	.menubtn{ margin-left: 16px;}
	.mtop{ height: 60px;}
	.navigation{ padding-top: 60px;}
	.navigation:before{ top: 60px;}
	.btext{ width: 100%; box-sizing: border-box; position: relative; margin: 0; left: 0; top: 0; padding: 36px 5%;} 
	.banner-box{ background: #999999;}
	.btext h3{ font-size: 24px;}
	.btext strong{ font-size: 16px; margin-bottom: 12px;}
	.banner-box .item.slick-current .btext h3{ animation: flipInX 0.8s forwards;}
	.banner-box .item.slick-current .btext strong{  transition: 0.6s 0.25s;}
	.banner-box .item.slick-current .bhref{  transition: 0.6s 0.5s;}
	.ringlist{ width: 100%; max-width: none; height: auto;}
	.ringlist img.dit{ position: relative;}
	.ringicon{ margin-left: 0; margin-top: 65px; display: flex;}
	.select2{ padding: 36px 0;} 
	.origalfirst strong{ font-size: 22px; margin-bottom: 10px;}
	.origalfirst p{ height: 44px; overflow: hidden;}
	.originalli .slick-dots li{ margin-left: 16px;}
	.assortment-box{ margin-top: 30px;}
	.system span{ font-size: 18px;}
	.footer{ padding: 20px 5%;}
	.companywr h3{ font-size: 22px; margin-bottom: 6px;}
	.companywr span{ margin-bottom: 16px;}
	.companywr p{ height: auto; font-size: 14px; margin-bottom: 28px;}
	.companywr{ padding-top: 76px;}
	.profilet1{ width: 100%; margin-top: 0; float: none; margin-bottom: 30px;}
	.profilesd{ margin-left: 0;}
	.protop{ margin-bottom: 22px;}
	.profilet1 span{ margin-bottom: 10px;}
	.profilet small{ font-size: 26px; margin-bottom: 20px;}
	.profilet strong{ font-size: 22px;}
	.profilet strong:before{ width: 4px; height: 50px; margin-top: -25px;}
	.protop h4{ font-size: 20px;}
	.speed-box .profilet{ float: none; margin-top: 0;}
	.speed{ margin-left: 0; margin-top: 30px; padding: 30px 24px;}
	.speedtop{ margin-bottom: 32px;}
	.speedtop strong{ font-size: 20px;}
	.edata{ padding: 15px 0;}
	.yearin a{ width: 58px; height: 58px; line-height: 58px;}
	.eventfix strong{ padding: 32px 0 15px; font-size: 26px;}
	.eventfix{ padding: 0 24px;}
	.eventdown{ padding: 16px 24px 35px;}
	.eventdown a{ left: 24px;}
	.eventlist li{ width: 100%;}
	.eventdown{ height: auto; padding-bottom: 56px;}
	.honors{ margin-left: 0; margin-top: 24px;}
	.honorlist{ width: calc(100% + 16px); margin-right: 0; margin-left: -8px;}
	.pswp__button--close{ margin: 0 6%;}
	.organizate{ margin-left: 0; margin-top: 30px; padding: 32px 26px 40px;}
	.app-pop .poptext{ width: 90%; margin-left: -45%;}
	.culture{ padding-top: 36px;}
	.culturett{ font-size: 24px;}
	.culturli{ margin-top: 26px;}
	.culturli li{ margin-bottom: 30px;}
	.culturli li figure span{ padding-left: 25px; line-height: 64px;}
	.pages1 a{ width: 24px; height: 24px; line-height: 24px;}
	 .vwrap .videobox{ height: 350px; margin-top: -175px;}
	 .newsright h3{ font-size: 16px;}
	 .news-box li figure{ width: 100%; float: none;}
	 .news-box li{ padding: 32px 26px;}
	 .newsright{ left: 0; position: relative; padding: 24px 0 44px;}
	 .news-box li.noimg .newsright{ height: auto;}
	 .culturefix{ margin-top: 32px;}
	 .bid-box li{ width: 100%;}
	 .newsdow time{ margin-right: 0;}
	 .share{ display: block; display: none;}
	 .newstts{ font-size: 20px; margin-bottom: 40px;}
	 .fillstop{ padding: 30px 0 12px;}
	 .fillstop h2{ font-size: 20px; margin-bottom: 28px;}
	 .fillstext{ padding: 36px 0;}
	 .fillsin .fillti{ font-size: 15px;}
	 .fillsin p{ font-size: 15px;}
	 .method strong{ font-size: 18px; margin-bottom: 22px;}
	 .bid-box{ margin-bottom: 34px;}
	 .investinfo strong{ font-size: 20px;}
	 .investinfo p{ font-size: 14px;}
	 .investinfo{ margin-top: 30px;}
	 .investment{ padding: 32px 26px; margin-top: 30px;}
	 .cooperate{ padding: 32px 26px; margin-top: 32px;}
	 .cooperatetop p{ font-size: 14px;}
	 .cooperli li strong{ float: none; font-size: 20px; margin-bottom: 18px;}
	 .cooperli li{ padding-top: 28px;}
	 .cooperli li p{ margin-left: 0;}
	 .loads li .loadbtn{ position: relative; bottom: 0; right: 0; margin-top: 18px;}
	 .proimgs .protexts{ width: 100%;}
	 .proimgs img{ width: 100%;} 
	 .staylist li{ width: 25%;}
	 .viewinfo{ width: 31%; margin-left: 0; margin-right: 3.5%; margin-bottom: 16px;}
	 .viewinfo:nth-child(3n+3){ margin-right: 0;}
	 .greendown b{ width: 88px; height: 50px; line-height: 50px; margin-top: -25px;} 
	 .greendown{ padding: 20px 14px;}
	 .greenlist li figure{ height: 300px;}
	 .greenlist li{ width: 100%;}
	 .green{ padding-bottom: 34px; margin-top: 30px;}
	 .assortbtn{ display: none;}
	 .banner .slick-dots li{ float: none; display: inline-block;}
	 .banner .slick-dots li:last-child{ margin-right: 0;}
	 .fillfix { display: none;}
	 .pswp__button--close{ margin: auto;}
	 .pswp--supports-fs .pswp__button--fs,.pswp--zoom-allowed .pswp__button--zoom,.pswp__button--zoom{ display: none !important;}
	 .fill__list li{ padding: 15px 20px;}
	 .fill__list li strong{ font-size: 14px; margin-bottom: 0;}
} 
@media screen and (max-width:520px){
	
}
@media screen and (max-width:481px){
	.btext{ padding: 32px 5% 24px;}
	.btext h3{ font-size: 20px;}
	.btext strong{ font-size: 14px;}
	.btext a{ width: 116px; height: 40px; line-height: 40px; font-size: 13px;}
	.banner .slick-dots{ position: relative; text-align: center; left: 0; width: 100%; top: 0; bottom: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;}
	.banner-box{ padding-bottom: 30px;}
	.greens{ padding-top: 20px;}
	.greentop h2{ font-size: 24px; margin-bottom: 10px;}
	.greentop{ margin-bottom: 22px;}
	.greenin b{ font-size: 32px;}
	.greenway{ padding: 34px 0;}
	.greenin strong{ font-size: 14px;}
	.more a{ width: 116px; height: 40px; line-height: 40px; font-size: 13px;}
	.ringicon span{ margin-right: 0; box-sizing: border-box; width: 33.33333%; float: left; margin-left: 0; text-align: left;}
	.newspage{ width: 50%;}
	.newspage span{ height: 60px; line-height: 60px;}
	.newsf a{ line-height: 60px;}
	.news li span{ width: 70%;}
	.event{ padding-top: 30px;}
	.eventfix strong{ padding-top: 26px; font-size: 22px;}
	.eventdown p{ font-size: 13px; text-align: justify; max-height: none;}
	.honorlist li figure{ height: 180px;}
	.poptext{ width: 90%; margin-left: -45%; margin-top: -175px; padding: 30px 0 40px;}
	.popfix{ margin-bottom: 30px;}
	.popfix strong{ font-size: 20px;}
	.popimgs .eq{ width: 120px; margin-left: 15px;}
	.eq img{ box-sizing: border-box;}
	.popimgs .eq img{ width: 100%; height: auto;}
	.popfix span{ width: 90%; margin: auto;}
	.culturefix{ margin-top: 32px; padding-bottom: 42px;}
	.bid-box li a{ padding: 30px 22px 14px;}
	.bid-box li a span{ bottom: 26px; right: 30px;}
	.culturett{ font-size: 20px;}
	.newsbg{ padding: 32px 0 80px;}
	.bid-box li a h4{ font-size: 18px;}
	.loads li .loadbtn{ width: 110px; height: 50px; line-height: 50px; font-size: 14px;}
	.projecttop h4{ font-size: 20px;}
	.projecttop{ margin-bottom: 24px; padding: 32px 5% 0;} 
	.protext{ padding: 18px 20px;}
	.protext strong{ font-size: 15px; margin-bottom: 20px;}
	.projectli{ margin: 0;}
	.projectli li{ width: 44%; margin-left: 4%;}
	.projectli li a{ margin: 0;}
	.staytop strong{ font-size: 18px;}
	.protitles{ font-size: 18px; margin-bottom: 10px;}
	.recommedli span{ margin-left: 10px; width: 18px;}
	.staylist li{ width: 33.333%;}
	.viewinfo a b{ font-size: 20px;}
	.viewinfo a span{ font-size: 13px;}
	.recommend .projectli{ width: 100%; margin-left: 0;}
	.recommend .projectli li{ width: 48.5%;}
	.recommend{ margin-top: 30px;}
	.projectview{ padding-bottom: 20px;}
	.probann .slick-arrow{ width: 42px; height: 42px; margin-top: -21px;}
	.newslist{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px);}
	.system span a{ font-size: 18px;}
	.culturefix1{ padding-bottom: 0;}
} 
@media screen and (max-width:400px){
    .companywr{ padding-left: 24px; padding-right: 24px;}
    .menus li a{ font-size: 13px;}
    .culturli li{ width: 100%;}
    .bid-box li a h4{ font-size: 16px;}
}
@media screen and (max-width:375px){
	.greendata{ flex-wrap: wrap;}
	.greenin{ width: 50%; margin-bottom: 10px;}
	.projectli{ margin: 0 5%; display: block;}
	.projectli li{ width: auto; margin-left: 0;}
}