@media screen and (max-width:1700px){
}
@media screen and (max-width:1450px){
	.btext strong{ font-size: 60px;}
	.title{ font-size: 30px;}
} 
@media screen and (max-width:1350px){
}
@media screen and (max-width:1280px){
	.inner{ width: 90%;}
	.btext{ margin-left: -45%; margin-top: -30px; top: 50%;}
	.relatives{ margin-left: 5%;}
	.levalflex.scoll{ margin-right: -45%;}
	.parybtn{ width: calc(100% + 30px);}
	.partyt strong{ margin-top: 16px; font-size: 18px;}
	.product-view{ width: 74%;}
	.resoucetext{ padding: 30px 8%;}
	.resoucetext strong{ font-size: 22px; margin-bottom: 20px;}
	.resoucetext p{ font-size: 14px;}
	.word-list{ width: calc(100% + 44px);}
	.error{ margin-left: -45%;}
	.searchinn{ text-align: center;}
	.search{ margin-left: 0; margin: auto; display: inline-block; margin-bottom: 42px;}
	.sertitle{ text-align: left;}
	.productser .productlist{ width: calc(100% + 26px);}
	.resibleli li{ box-sizing: border-box; width: 15%; margin-left: 2%; height: auto; padding-bottom: 30px; padding-left: 22px;}
}
@media screen and (max-width:1200px){
	.relatives{ margin-left: 4%;}
	.address{ width: 100%;}
	.link-box{ float: left; margin-top: 16px;}
	.ptext{ margin-right: -45%;}
	.newstext{ padding-top: 10px;}
	.product-view{ width: 68%;} 
	.eq-fix{ position: relative; top: 0; left: 0; margin-left: 0; margin: auto; margin-top: 18px;}
}
@media screen and (max-width:1100px){
	.relatives{ margin-left: 3%;}
}
@media screen and (max-width:1024px){
	.navs{ display: none;}
	.headericon{ display: none;}
	.menubtn{ display: block;}
	.headertop{ padding: 10px 0;} 
	.logo{ width: auto; height: 56px;}
	.mtop{ height: 76px;}
	.banner,.item,.item figure{ height: auto !important;}
	.item figure img{ width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important;} 
	.banner .slick-arrow{ display: none !important;}
	.bannerflex{ position: relative; right: 0; top: 0; background: #898989; box-sizing: border-box; padding: 26px 5% 20px; width: auto;}
	.stock{ float: right;}
	.btext{ margin-top: -21px;}
	.btext strong{ font-size: 42px;}
	.main-box{ padding: 42px 0;}
	.mainlist li figure span{ font-size: 20px;}
	.footer-top{ display: none;}
	.header{ box-sizing: border-box; width: 100%; padding: 0 5%; background: #fff; position: relative; z-index: 10;}
	.ptext{ margin-top: -45px; bottom: auto; top: 50%;}
	.ptext strong{ font-size: 24px; width: 340px;}
	.title{ display: none;}
	.leval-menus{ position: relative; width: 100%; height: auto;}
	.levaltitle{ display: none;}
	.menuwr{ width: 100%;}
	.levalflex{ position: static !important; margin-right: 0 !important; width: auto; padding: 0; box-shadow: none;}
	.menuicon{ display: none;}
	.leval-menus,.newsbg{ -webkit-overflow-scrolling: touch; width: 100%; overflow-x: scroll;}
	.menulist,.newsed{ display: inline-flex; float: left; display: -webkit-inline-flex;}
	.newsbg{ width: 90%;}
	.newsed li{ margin-right: 0;}
	.newsed li a{ padding: 18px 0; width: 114px; text-align: center; font-size: 14px;} 
	.menulist li{ width: 140px; text-align: center;}
	.menulist li a{ padding-right: 0; display: block; text-align: center;}
	.menulist li a:before{ display: none;}
	.introwr{ margin-right: 0;}
	.introducts{ padding: 50px 0;}
	.introductdata{ background-attachment: local;}
	.data{ text-align: center; margin-bottom: 26px;}
	.data span{text-align: center; margin: auto;}
	.introtext{ padding: 50px 0;}
	.culture-box{ padding: 50px 0;}
	.cultures li strong{ font-size: 22px;}
	.culturix{ margin-left: 100px; min-height: 75px;}
	.cultures li{ padding: 30px 40px;}
	.culturix p{ font-size: 16px;}
	.speed-box{ padding: 50px 0;}
	.speedtt{ font-size: 30px;}
	.leval-menus{ box-shadow: 0 0 5px rgba(0,0,0,0.3);}
	.history-box{ padding: 50px 0;}
	.party-box{ padding: 50px 0;}
	.news-box{ padding: 50px 0;}
	.newstitle{ padding: 55px 0;}
	.newswrs h4{ font-size: 30px; margin-bottom: 10px;}
	.news-view{ padding-top: 0; padding-bottom: 76px;}
	.menulist li a{ padding: 18px 0;} 
	.menulist1 li a{ padding: 0; box-sizing: border-box; height: 100%; min-height: 54px; padding: 0; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
	.product-box{ padding: 50px 0 30px;}
	.productlist{ width: calc(100% + 30px);}
	.product-view{ margin-top: 0; width: 100%; padding-top: 40px;}
	.protitle{ font-size: 30px; margin-bottom: 40px; color: #112b68;}
	.progs{ height: 120px;}
	.resources-box{ padding: 50px 0;}
	.resoucestop{ margin-bottom: 30px;}
	.word-box{ padding: 50px 0 20px;}
	.recruite-box{ padding: 50px 0 30px;}
	.recruitedown{ padding: 32px 24px;}
	.recruitedown p{ font-size: 15px;}
	.responsible-box{ padding: 50px 0;}
	.tender-box{ padding: 50px 0;}
	.contact{ width: 90%;}
	.contactfix{ padding-bottom: 30px;}
	.contactfix p{ font-size: 18px;}
	.addrein1{ box-sizing: border-box; width: 50%;}
	.contact-box{ padding: 45px 0;}
	.error{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.error img{ width: 500px; margin-bottom: 20px;}
	.errorbtn{ margin-top: 32px;}
	.errorbtn a{ width: 120px; height: 46px; line-height: 46px; margin: 0 8px;}
	.search{ display: flex; display: -webkit-flex;}
	.search .text{ box-sizing: border-box; width: auto; flex: 1; -webkit-flex: 1;}
	.search-box{ padding: 50px 0 15px;}
	.productser{ padding: 50px 0 20px;}
	.productser .productlist li{ width: 33.333%;}
	.resibleli li strong{ font-size: 20px;}
}
@media screen and (max-width:861px){
	.mainlist li{ width: 48%; margin-bottom: 28px; margin-left: 0;}
	.mainlist li:nth-child(2n+2){ float: right;}
	.main-box{ padding: 40px 0 20px;}
	.productlist{ width: 100%; margin-left: 0;}
	.productlist li{ width: 48.5%;}
	.productlist li:nth-child(2n+2){ float: right;}
	.productlist li a{ margin: 0;}
	.resoucetext{ padding: 25px 5%;}
	.contactfix{ padding-bottom: 10px;}
	.contactfix p{ width: 100%; margin-bottom: 12px;}
	.addressin dt{ float: none; margin-bottom: 12px;}
	.addressin dd{ margin-left: 0;}
	.addressin{ margin-bottom: 12px;}
	.productser .productlist{ width: 100%; margin-left: 0;}
	.productser .productlist li{ width: 48.5%;}
	.resibleli li{ margin-left: 0; width: 32%; margin-right: 2%; margin-bottom: 12px;}
	.resibleli li:nth-child(3n+3){ margin-right: 0;}
}
@media screen and (max-width:751px){
	.newstext p{ height: 50px; font-size: 18px;}
}
@media screen and (max-width:641px){
	.btext{ margin-top: -16px;}
	.btext strong{ font-size: 32px;}
	.banner .slick-dots{ bottom: 22px;}
	.btext strong{ transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px);}
	.logo{ height: 48px;}
	.banner .slick-dots li{ margin-left: 15px;}
	.mtop{ height: 68px;}
	.menubtn span{ margin-top: 24px;}
	.mainwr{ padding: 14px 5%;}
	.mainlist li figure span{ text-indent: 5%;}
	.mainwr p{ font-size: 14px; margin-bottom: 12px;}
	.mainlist li:hover figure{ top: -117px;}
	.addrein{ width: 100%; margin-bottom: 8px;}
	.navigete{ top: 68px;}
	.ptext{ width: 90%;  text-align: left; margin-top: -41px;}
	.ptext strong{ text-align: left; font-size: 20px;}
	.pbanner figure{ padding-bottom: 40%;}
	.pbanner figure img{ position: absolute; top: 0; height: 100%; width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
	.ptext{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.menulist li{ width: auto;}
	.menulist li a{ padding: 12px; font-size: 12px;  white-space: nowrap;}
	.introducts{ padding: 34px 0;}
	.introtop p{ font-size: 16px;}
	.introductdata{ padding: 50px 0 25px;}
	.data b{ font-size: 50px; margin-bottom: 8px;}
	.data span{ width: auto; font-size: 14px; line-height: 1.6; height: auto;}
	.introtext p{ font-size: 14px;}
	.introtext{ padding: 34px 0;}
	.introtext p:last-child{ margin-bottom: 0;}
	.ptext.articleShow{ transform: translate(0,50%); -webkit-transform: translate(0,50%); -moz-transform: translate(0,50%);}
	.ptext1:before{ right: auto; left: 0; width: 62px;}
	.culture-box{ padding: 32px 0;}
	.speedimg{ width: 100%; text-align: center;}
	.speedimg img{ width: auto; margin: auto; max-width: 100%;}
	.speed{ width: 100%; margin-top: 30px;}
	.speedtt{ margin-top: 0;}
	.speedtext p{ font-size: 15px; margin-bottom: 10px;}
	.speeddown p{ font-size: 14px;}
	.speed-box{ padding: 38px 0;}
	.honor-box{ padding: 38px 0;}
	.honoryear{ float: none; font-size: 36px; margin-top: 0;}
	.honors{ display: block; padding: 18px 0 28px;}
	.honorlist{ margin-left: 0; margin-top: 20px;}
	.history-box{ padding: 36px 0;}
	.htime{ float: none; margin-top: 0;}
	.htime strong{ font-size: 32px;}
	.historytop h4{ font-size: 22px;}
	.historytext{ margin-left: 0; margin-top: 32px; padding: 20px 30px;}
	.historytext:before{ border-bottom: 15px solid #eeeeee; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: none; left: 30px; top: -15px;}
	.history:last-child{ margin-bottom: 0;}
	.htime b{ font-size: 25px;}
	.histext{ margin-left: 88px;}
	.party-box{ padding: 36px 0;}
	.party-top{ margin-bottom: 32px;}
	.party-top p{ font-size: 16px; margin-bottom: 20px;}
	.partyins{ padding: 32px 0;}
	.news-box{ padding: 38px 0;}
	.news li{ padding: 14px; margin-bottom: 20px;}
	.newstext time{ margin-bottom: 10px;}
	.newstext p{ font-size: 16px; height: auto; margin-bottom: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.newswrs h4{ font-size: 24px;}
	.news-view{ padding-bottom: 35px;}
	.newsbg{ width: 100%;} 
	.newsed li a{ padding: 15px 0; font-size: 14px; width: 100px;}
	.product-box{ padding: 36px 0 10px;}
	.protitle{ font-size: 24px; margin-bottom: 28px;}
	.proinfo strong{ font-size: 20px;}
	.progs{ height: 2px;}
	.resources-box{ padding: 38px 0;}
	.resoucestop h3{ font-size: 20px;}
	.resoucestop p{ font-size: 14px;}
    .resoucein{ width: 100%; min-height: 36vh;}
	.resoucetext{ min-height: 0;}
	.resoucetext p{ font-size: 13px;}
	.resoucetext strong{ margin-bottom: 14px;}
	.resoucetext{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.word-box{ padding: 35px 0 10px;}
	.word-list li a span{ padding: 22px 22px; font-size: 14px;}
	.word-list li{ margin-bottom: 34px;}
	.recruite-box{ padding: 34px 0 20px;}
	.recruits span{ font-size: 15px;}
	.recruitedown p{ font-size: 14px;}
	.tender-box{ padding: 38px 0;}
	.tenderlist{ padding-bottom: 10px;}
	.tenderlist li{ width: 100%; margin-bottom: 24px;}
	.tendertext{ margin-right: 0;}
	.responsible-box{ padding: 38px 0;}
	.retops{ margin-bottom: 22px;}
	.retops p{ font-size: 18px;}
	.responsibles p, .responsibles a{ font-size: 14px;}
	.tender-box{ padding: 36px 0;}
	.investors{ padding-top: 0;}
	.investors h4{ margin-bottom: 12px; font-size: 16px;}
	.intime span{ width: 33.3333%; margin-right: 0;}
	.intime b{ float: left; margin-top: 12px;}
	.investor li{ padding: 24px 0;}
	.addrein1{ width: 100%;}
	.addrein1 span{ font-size: 16px; margin-bottom: 6px;}
	.contactfix p{ font-size: 16px;}
	.addrein2 i{ top: 2px;}
	.contact-box{ padding: 34px 0;}
	.search .text{ padding: 12px 0 12px 20px;}
	.search .sebtn{ width: 100px;}
	.productser{ padding: 34px 0 10px}
	.honorle{ float: none;}
	.honorlist li .honortop{ padding: 10px; display: flex;}
	.honor-down p{ float: none;}
	.recuiteli li{ width: 48.5%; margin-left: 0; margin-bottom: 16px;}
	.honorlist li .honortop span{ width: auto; float: none; flex: 1;}
	.honorlist li .honortop b{ opacity: 1; visibility: visible; color: #898989;}
	.honorlist li:hover .honortop b, .honorlist li.active .honortop b{ color: #fff;}
	.recuiteli li{ width: 48.5%; margin-left: 0; margin-bottom: 16px;}
	.recuiteli li:nth-child(2n+2){ float: right;}
	.vbBox{ display: none;}
} 
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.datas b{ font-size: 52px;}
	.stock{ margin-left: 0;}
	.stock b{ font-size: 28px;}
	.btext{ margin-top: -14px;}
	.btext strong{ font-size: 28px;}
	.bannerflex{ padding: 20px 5% 14px;}
	.logo{ height: 42px;}
	.mtop{ height: 62px;}
	.menubtn span{ margin-top: 22px;}
	.mainlist li{ width: 100%;}
	.link-box{ width: 100%; margin-top: 10px; }
	.link-wraps{ display: flex; display: -webkit-flex;}
	.eq-fix{ width: 100px;}
	.link{ width: auto; flex: 1; -webkit-flex: 1;}
	.link span{ height: 58px; line-height: 58px;}
	.address-box{ margin-bottom: 20px;} 
	.scolltop{ width: 58px; height: 58px; line-height: 58px;}
	.linkdown li a{ height: 55px; line-height: 55px;}
	.linkdown{ bottom: 55px;}
	.navigetewr >li >a{ height: 56px; font-size: 16px; line-height: 56px;}
	.navdown li a{ font-size: 14px;}
	.navigete{ top: 62px;}
	.ptext strong{ width: 100%; font-size: 18px;}
	.data{ width: 50%;}
	.data span{ margin: 0 10px;}
	.cultures li strong{ float: none; font-size: 20px;}
	.culturix{ margin-left: 0; margin-top: 12px; min-height: auto;}
	.cultures li{ padding: 24px 22px;}
	.culturix p{ font-size: 14px;}
	.speedtt{ font-size: 24px;} 
	.honorlist li{ font-size: 15px;}
    .historytop h4{ font-size: 20px;}
    .historytop p{ font-size: 14px;} 
    .histext strong{ font-size: 15px;}
    .histext{ margin-left: 72px; padding-left: 20px;}
    .histext p{ font-size: 14px;}
    .partyt strong{ font-size: 15px; line-height: 1.3; margin-top: 10px;}
    .parybtn{ width: calc(100% + 14px); margin-left: -7px;}
    .partywr{ margin: 0 7px;}
    .partyins p{ font-size: 14px; margin: 0 30px;}
    .partyt i{ bottom: -16px;}
    .partyin{ padding-bottom: 30px;}
    .news li{ padding: 20px;}
    .news li figure{ width: 100%;}
    .newstext{ width: 100%; padding-top: 20px;}
    .pages a{ width: 42px; height: 42px; line-height: 42px; font-size: 14px; margin-left: 10px;}
    .news-view .menulist li{ width: 33.33333%;}
    .news-view .levaldown{ float: none; width: 100%;} 
    .news-view .levaldown .menulist{ display: flex; display: -webkit-flex;}
    .newsfix{ padding-top: 0;}
    .productlist li span{ height: 65px; line-height: 65px; font-size: 14px;}
    .probg .news-view .levaldown .menulist{ display: flex; display: -webkit-flex; width: 100%;}
    .protext{ padding: 20px 24px;}
    .product-view{ padding-top: 30px;}
    .protitle{ font-size: 20px; margin-bottom: 20px;}
    .word-list{ width: 100%; margin-left: 0;}
    .word-list li{ width: 100%;}
    .word-list li a{ margin: 0;}
    .wordin a{ font-size: 14px;}
    .intime span{ width: 50%; margin-bottom: 12px;}
    .intime b{ margin-top: 0;}
    .investor{ margin-bottom: 32px;}
    .investor1 li a { display:flex; display:-weikit-flex; align-items:center; -webkit-align-items:center;}
    .investor1 .investors h4 { margin-top:0;}
    .investor1 .investors .tendele{ height:40px; box-sizing:border-box;}
	.investor1 .investors{ margin-left:12px;}
} 
@media screen and (max-width:400px){
	.productlist li,.productser .productlist li{ width: 100%;}
}
@media screen and (max-width:350px){
	.intime span{ width: 100%; margin-bottom: 8px;}
	.resibleli li strong{ font-size: 18px;}
	.resibleli li span{ font-size: 14px;}
}