@media screen and (max-width: 1200px){
	.wp1200{ width: 100%;}
	.indexProSlide .owl-prev,.en_indexProSlide .owl-prev{ left: 0;}
	.indexProSlide .owl-next,.en_indexProSlide .owl-next{ right: 0;}
	.historyList{ width: 100%; box-sizing: border-box; padding-left: 20px; background-position: 31px center;}

	.index_videoBtn{ height: 0; padding-bottom: 56.25%;}
	.index_videoBox{ width: 100%; height: 100%; top: 0; left: 0; margin: 0;}
}

@media screen and (max-width: 1024px){
	.index_newsHotWp .time{ margin-left: 30px;}
	.index_newsHotWp h4,.index_newsHotWp p{ margin-left: 30px; margin-right: 30px;}
	.index_solutionList li{ box-sizing: border-box; padding: 0 5px;}
	.index_solutionList li .img{ position: relative; width: 100%; height: 0; padding-bottom: 100%;}
	.index_solutionList li .img img{ display: block; position: absolute; top: 0; left: 0; height: 100%;}
	/*.fastLinkCon .map{ width: 400px;}*/
	/*.fastLinkBox{ margin-left: 400px;}*/
	.floatMenu ul li{ display: none;}
	.floatMenu ul li:first-child{ display: block;}
	.floatMenu{ bottom: 0;}
	.footer .word,.new-footer .word{ width: 410px;}
	.insideBanner{ height: 315px;}
	.productList .productLi .wrapper{ box-sizing: border-box; width: 100%; padding: 10px 10px 20px;}
	.productList .productLi .info ul{ margin-left: 190px;}
	.productList .productLi .info .more{ margin-left: 190px;}
	.productList .productLi .info .addition{ margin-left: 190px;}
	.insideMainCon{ margin-left: 310px;}
	.aboutArticle{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.contactPicList li .img{ margin-left: 30px;}
	.mapImg{ display: none;}
	.addressList{ display: block;}
	.jobCon{ width: 100%;}
	.historyCon .img{ float: none; margin: 0 auto 15px;}
	.timeline{ float: none; margin: 0 auto;}

	.footer .word.en,.new-footer .word.en{ width: 410px;}
}

@media screen and (max-width: 800px){
	.nav{ display: none;}
	.new-nav{ display: none;}
	.mobileIconCon{ display: block;}
	.new-mobileIconCon{ display: block;}
	.top{ display: none;}
	.logoCon, .new-logoCon{ padding-top: 5px; padding-bottom: 5px; height: 40px;}
	.logoCon h1,.new-logoCon h1{ height: 28px; float: none;}
	.logoCon h1 a,.logoCon h1 a img,.new-logoCon h1 a,.new-logoCon h1 a img{ width: auto; height: 100%;}
	.logoCon h1 a img,.new-logoCon h1 a img{ display: block;}
	.logoCon .headerStock,.new-logoCon .headerStock{ float: none; padding-top: 0; margin-left: 0; font-size: 10px;}
	.banner{ height: 400px;}
	.index_newsCon{ padding-top: 65px;}
	.index_newsHot{ float: none; margin-right: 0; margin-bottom: 5px;}
	.index_newsHotWp{ margin-right: 0; height: 220px;}
	.index_newsHotWp .img{ float: left; width: 220px; height: 220px;}
	.index_newsHotWp .info{ position: static; margin-left: 220px; background: #024c9e; width: auto;}
	.index_newsHotWp .time{ float: none; margin-top: 0;}
	.index_newsHotWp .time .day{ font-size: 42px;}
	.index_newsHotWp .time .date{ font-size: 14px;}
	.index_newsHotWp h4{ font-size: 16px; float: none; height: 32px;}
	.index_newsHotWp p{ float: none;}
	.index_newsSmallCon{ float: none; width: 100%;}
	.index_newsSmallLeft{ float: none; width: 100%; height: 220px; margin-bottom: 5px;}
	.index_newsSmallLeft .img{ float: left;}
	.index_newsSmallLeft .info{ margin-left: 220px; width: auto;}
	.index_newsSmallLeft .info:before,.index_newsCor.bgblue .info:before,.index_newsCor.bggreen .info:before{ display: none;}
	.index_newsSmallLeft .time,.index_newsSmallLeft h4,.index_newsCor .time,.index_newsCor h4{ float: none;}
	.index_newsCor.bgblue .img{ float: left;}
	.index_newsCor.bgblue .info{ float: none; width: auto; margin-right: 0;}
	.index_newsCor.bgblue .infoWp{ margin-right: 0;}
	.index_newsSmallRight{ float: none; width: 100%; height: auto;}
	.index_newsCor.bggreen .info,.index_newsCor.bgblue .info{ float: none; margin-left: 220px; width: auto;}
	.index_newsCor .infoWp{ width: auto;}
	.index_newsCor{ margin-bottom: 5px;}
	/* .index_videoBtn{ height: 320px;} */
	.fastLinkCon .map,.new-fastLinkCon .map{ display: none;}
	.fastLinkBox,.new-fastLinkBox{ margin-left: 0; padding-top: 30px;}
	.footer .erweima,.new-footer .erweima{ float: none; margin: 0 auto 5px;}
	.footer .share,.new-footer .share{ float: none; margin-left: auto; margin-right: auto; text-align: center;}
	.footer .share a,.new-footer .share a{ float: none; display: inline-block; vertical-align: top;}
	.childCompany{ float: none; margin-left: auto; margin-right: auto;}
	.footer .word,.new-footer .word{ width: 100%; float: none; text-align: center;}
	.insideBanner{ height: 235px;}
	.mainBreadCon .bread{ line-height: 40px; float: none; width: 100%; text-align: right; padding: 0 5px; box-sizing: border-box;}
	.mainBreadMenu{ float: none; width: 100%;}
	.mainBreadMenu li a{ line-height: 47px;}
	.insideMainMenuCon{ float: none; width: 100%;}
	.insideMainCon{ margin-left: 0;}
	.sideMenu{ display: none;}
	.mobileSideMenuTit{ display: block;}
	.insideMain{ padding-top: 0;}
	.insideBreadCon{ box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.proArticleCon{ padding-right: 5px; padding-left: 5px;}
	.solutionCenterList > li{ width: 33.33%;}
	.newsArticleCon{ padding-top: 25px; padding-bottom: 30px;}
	.newsTitle h2{ font-size: 18px;}
	.infoPageCon{ margin-top: 20px;}
	.infoPageCon ol li{ height: auto;}
	.newsPiclist li .info{ margin-left: 330px;}
	.inputCon{ padding: 40px;}
	.contactPicList li .img{ margin-left: 10px;}
	.contactPicList li .info{ margin-left: 370px; float: none; width: auto;}

	.honorList li{ width: 33.33%;}
	.honorList li:nth-child(-n+4){ border-top: 1px dashed #e1e1e1;}
	.honorList li:nth-child(-n+3){ border-top: none;}
	.jobTableTh .position,.jobTableTr dt .position{ box-sizing: border-box; width: 100%; padding-left: 40px; margin-left: 0; font-size: 18px;}
	.jobTableTh > div:not(.position),.jobTableTr dt > div:not(.position){ display: none;}
	.jobTableTr dd .intro{ display: block;}

	.publication li .img{ width: 150px; height: 194px;}
	.publication li .info{ margin-left: 160px; padding-top: 0;}
	.publication li .row{ margin-bottom: 0;}
	.publication li .p{ margin-bottom: 5px;}

	.fastLinkBox.en,.new-fastLinkBox.en{ margin-left: 0;}
	.fastLinkBox.en dl,.new-fastLinkBox.en dl{ box-sizing: border-box; padding-left: 20px;}
	.footer .word.en,.new-footer .word.en{ width: 100%;}
}

@media screen and (max-width: 640px){
	.floatMenu ul li a{ background-color: rgba(30,121,208,.5);}
	.banner{ height: 200px;}
	.indexProSlide .items a{ max-width: 150px; margin: 0 auto;}
	.indexProSlide .icon{ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
	.indexProSlide .icon img{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
	/* .index_videoBox{ width: 100%; height: 0; padding-bottom: 62.5%; margin-left: 0; margin-top: 0; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} */
	.mejs-container{ position: absolute; height: 100% !important; width: 100%;}
	.productList .productLi .info ul{ margin-left: 0;}
	.productList .productLi .info .more{ margin-left: 0;}
	.productList .productLi .info .addition{ margin-left: 0;}
	.productList .productLi .img{ float: none;}

	.honorList li{ width: 50%; box-sizing: border-box; padding-left: 5px; padding-right: 5px;}
	.honorList li:nth-child(-n+4){ border-top: 1px dashed #e1e1e1;}
	.honorList li:nth-child(-n+3){ border-top: 1px dashed #e1e1e1;}
	.honorList li:nth-child(-n+2){ border-top: none;}
	.honorList li a{ width: 100%; position: relative;}
	.honorList li .img{ width: 100%; height: 0; padding-bottom: 78%; position: relative;}
	.honorList li .img i{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: box; display: -webkit-flex;   display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

	.banner.en .owl-controls{ bottom: -15px;}

	.en_indexProSlide .icon{ width: 130px; height: 130px;}

	.index_videoClose{ top: -50px;}
}

@media screen and (max-width: 480px){
	.index_newsCon .conTit,.index_proCon .conTit,.index_solutionCon .conTit{ font-size: 20px; margin-bottom: 20px;}
	.index_newsCon{ padding-bottom: 35px;}
	.index_proCon,.index_solutionCon{ padding-top: 30px; padding-bottom: 30px;}
	.index_solutionList li{ width: 50%; margin-bottom: 10px;}
	.fastLinkBox dl,.new-fastLinkBox dl{ float: none; width: 100%; text-align: left; box-sizing: border-box; padding: 0 5px; border-left: none; border-bottom: 1px dashed #044f9c; margin-bottom: 5px;}
	.fastLinkBox dl:last-child,.new-fastLinkBox dl:last-child{ border-bottom: none;}
	.fastLinkBox dl dd,.new-fastLinkBox dl dd{ padding: 0 5px;}
	.fastLinkCon,.new-fastLinkCon{ padding-bottom: 25px;}
	.index_newsHotWp .img img{ width: 100%; height: 100%;}
	.mainBreadMenu{ display: none;}
	.proIntroCon{ padding: 25px 5px; box-sizing: border-box;}
	.proIntroCon .img{ float: none; margin-bottom: 10px;}
	.proIntroCon .info{ margin-left: 0; margin-right: 0;}
	.procenterList{ padding-top: 20px; padding-bottom: 30px;}
	.procenterList li{ width: 50%; margin-bottom: 10px; box-sizing: border-box; padding: 0 5px;}
	.insideBanner{ height: 110px;}
	.productListIntroCon{ padding: 20px 10px;}
	.productList .productLi .img{ width: 100%; height: 0; padding-bottom: 100%; position: relative;}
	.productList .productLi .img img{ position: absolute; display: block; top: 0; left: 0;}
	.insideBreadCon .breadTit,.insideBreadCon .breadLink{ float: none; width: 100%;}
	.insideBreadCon{ height: auto;}
	.modelList li{ width: 50%; margin-right: 0;}
	.solutionCenterList > li{ width: 50%; box-sizing: border-box; padding-left: 5px; padding-right: 5px; margin-bottom: 0;}
	.solutionArticleCon{ padding-left: 10px; padding-right: 10px;}
	.solutionRelationList li{ padding: 0;}
	.solutionRelationList li .img{ float: none;}
	.solutionRelationList li .info{ margin-left: 0; height: auto;}
	.aboutMotto::before,.aboutMotto::after{ background-size: auto 10%;}
	.hotNewsCon{ padding: 20px 10px;}
	.hotNewsCon .img{ float: none; margin-bottom: 10px;}
	.hotNewsCon .info{ margin-left: 0;}
	.hotNewsCon .info p{ height: auto;}
	.newsWordList li{ padding: 0 10px;}
	.newsWordList li .time{ display: none;}
	.newsWordList li .link{ margin-left: 0;}
	.infoPageCon .returnBtn{ display: none;}
	.newsPiclist li{ padding: 20px 10px;}
	.newsPiclist li .img{ float: none;}
	.newsPiclist li .info{ margin-left: 0; height: auto;}
	.newsPiclist li .info .tit{ padding-bottom: 10px;}
	.newsPiclist{ padding-bottom: 25px;}
	.newsWordListCon{ padding-bottom: 30px;}
	.interationCon{ padding-top: 25px;}
	.interationBox .info,.interationBox .reply,.inputCon{ padding: 10px;}
	.interationBox .tit{ padding: 0 10px;}
	.inputCon .inputTable .state{ float: left; position: static;}
	.inputCon .inputTable .inputBox,.inputCon .inputTable .txtBox,.inputCon .inputTable .verBox,.inputCon .inputTable .selectBox,.inputCon .inputTable .radioBox,.inputCon .inputTable .checkbox{ margin-left: 0; width: 100%; box-sizing: border-box;}
	.inputCon .inputTable .box{ float: none; width: 100%;}
	.inputCon .inputTable{ width: 100%;}
	.contactPicList li{ padding: 20px 10px; box-sizing: border-box;}
	.contactPicList li .img{ margin-left: 0; float: none; margin-bottom: 10px;}
	.contactPicList li .info{ margin-left: 0; height: auto; padding-bottom: 25px;}
	.contactMapCon{ padding-top: 25px; padding-bottom: 30px;}
	.fastLinkCon,.new-fastLinkCon{ display: none;}
	.indexProSlide .owl-prev,.indexProSlide .owl-next,.en_indexProSlide .owl-prev,.en_indexProSlide .owl-next{ width: 25px; height: 50px; margin-top: -25px; background-size: 100% 100%;}

	.historyList li .time{ float: none; width: 100%; font-weight: bold;}
	.historyList li .p{ margin-left: 0;}
	.jobTableTh .position, .jobTableTr dt .position{ padding-left: 10px;}
	.jobTableTr dd{ padding: 10px;}

	.publication li .wrapper{ padding-right: 10px;}
	.publication li .img{ float: none; margin: 0 auto 10px 5px;}
	.publication li .info{ margin-left: 0;}
	.publication li .wrapper{ padding-left: 5px; padding-right: 5px;}

	.historyCon .img{ width: 100%; height: auto;}
	.timeline{ width: 100%;}
	.timeline .titBox > div{ margin-left: -50%;}
	.historyCon{ padding-top: 40px; padding-bottom: 50px;}

	.insideBreadCon .breadTit h6{ float: none;}
	.modelCon{ float: none; margin-left: 0;}
	.modelTit{ height: 38px; overflow: hidden;}
	.modelListBox{ top: 80px;}
}

@media screen and (max-width: 360px){
	.index_newsHotWp,.index_newsSmallLeft,.index_newsCor .infoWp,.index_newsCor,.index_newsCor.bggreen .info{ height: 150px;}
	.index_newsHotWp .img,.index_newsSmallLeft .img,.index_newsCor.bgblue .img,.index_newsCor.bggreen .img{ width: 150px; height: 150px;}
	.index_newsHotWp .info,.index_newsSmallLeft .info,.index_newsCor.bgblue .info,.index_newsCor.bggreen .info{ margin-left: 150px;}
	.index_newsHotWp .time .day,.index_newsSmallLeft .time .day,.index_newsCor .time .day,.index_newsCor .time .day{ font-size: 18px;}
	.index_newsSmallLeft .time,.index_newsCor .time,.index_newsCor .time{ margin-top: 10px;}
	.proIntroCon .img{ height: auto;}
	.solutionCenterList > li .info{ height: 340px;}
	.hotNewsCon .img{ width: 100%; position: relative; height: 0; padding-bottom: 70%;}
	.hotNewsCon .img img{ display: block; position: absolute; top: 0; left: 0;}
	.inputCon .inputTable .btnCon input[type="submit"]{ margin: 0 15px;}
	.contactPicList li .img{ width: 100%; height: 0; padding-bottom: 70%; position: relative;}
	.contactPicList li .img img{ display: block; position: absolute; top: 0; left: 0;}
	.en_indexProSlide .icon{ width: 100px; height: 100px;}
}

@media screen and (max-width: 320px){
	/* .logoCon .headerStock{ display: none;} */
	.proArticleOther .downloadBtn{ width: 110px;}
	.mejs-overlay{ width: 100%; height: 100%;}
	.publication li .img{ width: 140px; height: 181px; margin-left: 0;}
}
