@media screen and (max-height:800px) {
}
@media screen and (max-height:700px) {
}
@media screen and (max-width:1700px) {
	.recommend li{ margin-right: 20px; width: 180px;}
	.recommend li:last-child{ margin-right: 0;}
	.recommend li span{ font-size: 14px;}
	.recommend1 li{ margin-right: 0; margin-left: 20px;}
	.views-top{ height: 80%; overflow-y: auto;}
}
@media screen and (max-width:1550px){
	.menu_en small{ font-size: 32px;}
	.menu_en{ width: 160px;}
	.navs{ margin-right: 50px;}
	.navs >li{ padding-right: 30px;}
	.leval-menu{ margin-right: 678px;}
	.leval-menu1{ margin-right: 518px;}
	.leval-menu12{ margin-right: 0; width:545px;}
	.recommend1{ margin-right: 185px;}
	.fnav{ margin-left: 50px;}
	.address{ margin-right: 50px;}
	.productwr{ width: 1000px;}
	.featureswr{ width: 1000px;}
	.product-view,.recommednw{ width: 1000px;} 
	.pbanner1 .ptexts{ width: 1000px; margin-left: -500px;}
	.soluteshare{ margin-left: -500px;}
	.relavantwr{ width: 1000px;}
	.porbtn1 .porbtn{ width: 1000px;}
	.solute-views{ width: 1000px;}
	.abouten p, .abouten b{ font-size: 80px;}
}
@media screen and (max-width:1450px) {
	.btext{ top: 50%; margin-top: -113px;}
	.btext strong{ font-size: 40px; margin-top: 28px; margin-bottom: 44px;}
	.recommend li{ float: none; margin-bottom: 20px;}
	.menu_en small{ font-size: 32px; margin-bottom: 16px;}
	.menu_en b{ width: 16px; height: 16px; background-size: cover;}
	.recommend1 li{ float: left;}
	.recommend1{ margin-right: 5%;}
	.leval-menu li a{ font-size: 15px;}
	.abouten p, .abouten b{ font-size: 80px; line-height: 0.9;}
	.aboutleft{ margin-left: 5%;}
	.aboutsys strong{ font-size: 24px; padding-left: 20px;}
	.aboutsys strong:before{ width: 6px; height: 24px; margin-top: -12px;}
	.about-main{ margin-top: 120px;}
	.about-text{ margin-left: 0;}
	.about-img{ margin-top: 50px; height: auto;}
	.home-product{ padding: 140px 0 100px 5%;}
	.hometitle{ font-size: 24px;}
	.prolist{ padding-left: 5%;}
	.prolist li{ width: 22%;}
	.solutefix{ left: -70px; width: 320px;}
	.solutefix strong{ font-size: 22px;}
	.solutebg{ width: 95%;}
	.solute-en{ right: 2.2%;}
	.solutebox{ margin-right: 16.16%; width: 50.6%;}
	.solute-top .hometitle{ margin-left: 5%;}
	.about-icon small{letter-spacing: 16px;}
	.ptexts{ margin-top: -106px;}
	.btextwr strong{ font-size: 30px; margin-bottom: 22px;}
	.btextwr p{ font-size: 15px;}
	.btextwr b{ margin-top: 38px;}
	.bsmall{ margin-top: 140px;}
	.idea-fix{ margin-right: 10%;}
	.idea-fix strong{ font-size: 32px;}
	.partytext strong{ font-size: 20px; margin-bottom: 60px; height: 60px;}
	.productwr{ width: 70%;}
	.proimg{ right: 0;}
	.news-text strong{ font-size: 20px; height: 52px;}
	.news-text p{ margin-bottom: 20px;}
	.prolist1{ padding-left: 0;}
	.porbtn1 .porbtn{ width: 70%;}
}
@media screen and (max-width:1350px) {
	.inner{ width: 90%;}
	.ptexts{ margin-left: -45%; margin-top: -81px;}
	.btextwr strong{ font-size: 24px; margin-bottom: 14px;}
	.btextwr p{ font-size: 14px;}
	.btextwr b{ margin-top: 24px;}
	.productwr{ width: 70%;}
	.featureswr{ width: 70%;}
	.product-view,.recommednw{ width: 70%;} 
	.pbanner1 .ptexts{ width: 70%; margin-left: -35%;}
	.soluteshare{ margin-left: -35%;}
	.ptextbox{ width: 500px;}
	.solute-tops{ width: 70%;}
	.solutedown{ width: 70%;}
	.relavantwr{ width: 70%;}
	.solute-views{ width: 70%;}
	.viewsfix{ width: 70%;}
}
@media screen and (max-width:1280px) {
	.btext{ left: 10%;}
	.banner .slick-dots{ left: 9%;}
	.videobtn{ right: 10%;}
	.bline{ right: 10%;}
	.bline span{ width: 500px;}
	.recommend{ margin-top: 60px;}
	.about-icon small{ margin-right: 50px;}
	.footer-top{ padding: 70px 5% 60px;}
	.share{ margin-right: 140px;}
	.aboutbtn{ right: 50%;}
	.aboutes{ top: 60px;}
	.abouts{ padding-bottom: 30px;}
	.about-speed{ padding-bottom: 160px;}
	.productwr{ width: 70%;}
	.protexts strong{ font-size: 22px;}
    
}
@media screen and (max-width:1200px) {
	.recommend li{ width: 150px;}
	.navs >li{ padding-right: 20px;}
	.navs >li >a{ font-size: 14px;}
	.leval-menu{ margin-right: 585px;}
	.leval-menu1{ margin-right: 450px;}
	.leval-menu12{ margin-right: 0; width: 484px;}
	.logo{ width: 150px;}
	.menuflexs{ top: 87px;}
	.menu_en{ margin-left: 40px; width: 150px;}
	.about-icon small{ padding-right: 100px;}
	.address-item dd{ font-size: 14px;}
	.address{ width: 200px; margin-right: 30px;}
	.share{ margin-right: 50px;}
	.share a{ margin-left: 26px;}
	.datas{ margin-bottom: 30px;}
	.views-top p{ font-size: 12px; line-height: 1.8;}
	.ptextbox{ width: 400px;}
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
	.header-ri{ display: none;}
	.header-wr{ background: #111111; padding: 14px 0;}
	.logo{ margin-left: 5%; margin-top: 0; width: 128px;}
	.header.flex .logo{ width: 128px; margin-top: 0; margin-left: 5%;}
	.menubtn{ display: block;}
	.ptop{ height: 70px;}
	.mouses{ display: none;}
	.video-box .btext{ display: none;}
	.bline{ display: none !important;}
	/* .btext{ position: relative; top: 0; margin-top: 0; left: 0; margin-left: 0; background: #333333; box-sizing: border-box; padding: 32px 5%;} */
	.linebox{ display: none;}
	.banner .slick-dots li:before,.banner .slick-dots li:after{ display: none;}
	.banner .slick-dots li{ width: auto; height: auto;}
	.banner .slick-dots li span{ display: block; width: 10px; height: 10px; text-indent: -99999px; overflow: hidden; background: #fff; position: relative; margin: 0; line-height: 1; font-family: arial; left: 0; top: 0;}
	.banner .slick-dots li.slick-active span{ background: #E77B2C;}
	.banner .slick-dots{ left: 5%;}
	.btext{ left: 5%;}
	.btext strong{ font-size: 28px; margin-top: 15px; margin-bottom: 24px;}
	.btext small{ margin-left: -20px; letter-spacing: 14px; font-size: 14px;}
	.videobtn{ right: 5%; bottom: 30px;}
	.navigate{ display: block;}
	.about-icon{ width: 100%;}
	.aboutleft{ width: 100%; margin-left: 0;}
	.home-about{ padding: 110px 5% 40px;}
	.abouten{ display: none;}
	.solids{ margin-top: 40px;}
	.about-main{ width: 100%; margin-right: 0; margin-top: 40px;}
	.solids small:before{ left: 0;}
	.about-text:before{ left: 0; display: none;}
	.about-text{ padding-top: 0;}
	.about-img img{ width: auto; max-width: 100%;}
	.about-img{ display: inline-block;}
	.aboutbg{ display: none;}
	.about-icon{ height: 80px;}
	.about-icon small{ margin-top: 36px; margin-right: 5%;}
	.about-img{ margin-bottom: 0;}
	.home-product{ padding: 50px 0;}
	.home-product:before{ display: none;}
	.home-product .hometitle{ margin-left: 5%;} 
	.productbox{ padding: 60px 5%; background-attachment: local;}
	.prolist{ padding-left: 0;}
	.prolist li{ width: 48.5%; margin-bottom: 32px; margin-left: 0;}
	.prolist li:nth-child(2n+2){ float: right; margin-top: 0;}
	.promore{ margin-right: 0; margin-top: 10px;}
	.universal{ margin-left: 5%;}
	.solute-en{ display: none;}
	.eq{ float: right;}
	.solutebg{ width: 100%; background-attachment: local;}
	.checkmore{ position: relative; bottom: 0; left: 5%; width: 32%;}
	.solute-top{ margin-bottom: 50px;}
	.solute-list{ width: 90%; margin: auto; margin-bottom: 30px;}
	.solute-list li:first-child{ margin-left: 0;}
	.solute-list li{ width: 25%;}
	.solute-list:before{ display: none;}
	.solution{ padding: 50px 0;}
	.checkmore a{ height: 80px; line-height: 80px; padding-left: 30%;}
	.checkmore a:before{ width: 20%;}
	.home-news{ padding: 50px 0 0;}
	.newsleft{ margin-left: 5%; float: none;}
	.newsleft .aboutsys{ float: none;}
	.newsleft .solids{ display: none;}
	.newsbann{ width: 100%; margin-right: 0; margin-top: 35px;}
	.newswr{ margin-left: 0; width: 90%; margin: auto;}
	.home-news:before{ display: none;}
	.news-item{ margin-bottom: 30px;}
	.news-icon{ position: relative; bottom: 0;}
	.newswr .slick-dots{ margin-bottom: 30px;}
	.newswr .slick-dots li button{ background: #333333;}
	.footer-navs{ display: none;}
	.relativeadd{ display: block;}
	.footer-top{ padding: 50px 5%;}
	.relative{ float: left; width: 100%;}
	.address{ width: auto; margin-right: 0;}
	.footer-share{ float: none; width: 100%; margin-bottom: 20px;}
	.footer-bott{ padding: 26px 5%;}
	.share{ margin-right: 0;}
	.sliders{ display: none;}
	.menusbox{ position: relative; background: #000; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box;}
	.menuwr{ width: 100%; display: -webkit-flex; display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.posites{ right: 5%;}
	.bsmall{ margin-top: 100px;}
	.bsmall small{ letter-spacing: 14px;}
	.bsmall small:before{ width: 80px; right: 0;}
	.btextwr b{ display: none;}
	.field{ padding: 80px 0 50px;}
	.aboutbtn{ right: 50%; bottom: 50%;}
	.about-video{ width: 100%;}
	.aboutes{ position: relative; margin-top: 0; width: 100%; top: 0; box-shadow: 0 0 6px rgba(0,0,0,0.3); box-sizing: border-box;}
	.aboutwr{ padding: 40px 5%;}
	.aboutwr span{ margin-top: 30px;}
	.abouts{ padding-bottom: 60px;}
	.speedwr strong{ font-size: 24px;}
	.about-speed{ padding-bottom: 60px;}
	.area{ padding: 60px 0;}
	.area-bann{ margin-top: 0;}
	.area-item.slick-current p:before{ width: 280px;}
	.idea{ padding: 88px 0; background-attachment: local;}
	.idea-fix span{ font-size: 14px; margin-bottom: 20px;}
	.idea-fix strong{ font-size: 28px;}
	.idea-fix{ margin-right: 5%; padding-bottom: 40px;}
	.vwrap .videobox{ width: 100%; margin-left: -50%; height: 400px; margin-top: -200px;}
	.history-box{ padding: 70px 0;}
	.history-text{ margin-left: 200px;}
	.history:before{display: none;}
	.historyli{ padding-left: 0;}
	.historyli li{ margin-top: 50px; margin-left: 0 !important;}
	.honor-btn a{ font-size: 20px;}
	.honor-btn{ margin-bottom: 44px;}
	.honor-box{ padding: 50px 0 20px;}
	.honors li{ width: 33.3333%; margin-bottom: 40px;}
	.investor{ padding: 80px 0;}
	.investors .slick-dots{ margin-top: 40px;}
	.party{ padding: 50px 0;}
	.partytext strong{ font-size: 18px; margin-bottom: 34px;}
	.partys:after{ top: 44%;}
	.recuites{ padding: 55px 0;}
	.recuite-top strong{ font-size: 24px; margin-bottom: 18px;}
	.recuite-top p{ font-size: 14px;}
	.recuite-top{ margin-bottom: 34px;}
	.platform span{ margin-right: 20px;}
	.jobwr{ height: 80px;}
	.jobwr span{ top: 30px;}
	.jobwr b{ right: 5%;}
	.job{ padding-bottom: 50px;}
	.promenu{ position: relative !important; top: 0; width: 90%; margin: auto; margin-bottom: 10px;}
	.products{ padding: 35px 0 50px;}
	.pmenus{ display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap;}
	.productwr{ width: 90%;}
	.productlist li{ margin-bottom: 40px;}
	.productlist li:last-child{ margin-bottom: 0;}
	.features{ padding: 50px 0; background-attachment: local;}
	.menusbox.flexs{ position: static; background: #000;}
	.menusbox.flexs .menuwr li a{ color: #FFFFFF;}
	.menusbox.flexs .menuwr:before{ opacity: 1; visibility: visible; height: 100%;}
	.proposite{ margin-top: 0;}
	.header.flex .logo, .header.flex1 .logo{ margin-top: 0; margin-left: 5%;}
	.solute-s:before{ width: 50px;}
	.solutewr{ padding: 36px 8% 34px;}
	.solutewr p{ height: 52px;}
	.bsmall{ display: none;}
	.solute-box{ padding: 70px 0;}
	.pageprev { display: flex; display: -webkit-flex; width: auto; position: relative; top: 0; margin-top: 0; padding: 0 5%;}
	.pageprev a{ width: 120px;}
	.solutetext{ padding: 50px 0;}
	.solutett{ padding: 50px 0;}
	.solutett strong{ font-size: 34px; margin-bottom: 15px;}
	.solutett p{ font-size: 16px;}
	.solutefixs p{ font-size: 14px;}
	.news{ padding: 50px 0;}
	.news-text strong{ height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.news-info{ margin-bottom: 40px;}
	.news-info figure{ width: 100%;}
	.news-text{ margin-right: 0; padding: 30px 5%; box-sizing: border-box; width: 100%;}
	.exhibite{ padding: 50px 0;}
	.exhibiteli{ margin-bottom: 40px; display: flex; display: -webkit-flex;}
	.exhibiteli a{ width: 88px; font-size: 22px; margin-left: 0; margin-right: 24px;}
	.exhibiteli a:hover, .exhibiteli a.active{ width: 140px;}
	.posinews{ margin-top: 0;}
	.news-view{ padding: 50px 0;}
	.newstop strong{ font-size: 30px; height: auto;}
	.newstop{ margin-bottom: 34px;}
	.support{ padding: 50px 0;}
	.supportli li .suppicon{ margin-left: 0;}
	.supportin{ margin-left: 100px;}
	.problem{ padding: 50px 0;}
	.videosd{ padding: 50px 0;}
	.videolist li{ width: 46%; margin-bottom: 50px;}
	.testing { display: flex; display: -webkit-flex;}
	.textimgs { margin-right: 0;}
	.textimgs span{ margin-top: 10px;} 
	.featureswr{ width: 90%;}
	.proposite { position: relative; top: 0;}
	.product-view, .recommednw{ width: 90%;}
	.viewsd { display: block;}
	.pbanner1 .ptexts{ width: 90%; margin-left: -45%;}
	.soluteshare{ margin-left: -45%; display: none !important;}
	.solute-tops,.solutedown,.relavantwr{ width: 90%;}
	.pageprev{ display: flex !important; display: -webkit-flex;}
	.porbtn1 .porbtn{ width: 90%;}
	.solute-views{ width: 90%;}
	.viewsfix{ width: 90%;}
	.solutebox{ min-height: auto;}
	.solutebox.articleShow figure{ padding-bottom: 0;}
	.vidoes,.vbBox{ display: none !important;}
	.videobtn1{ display: none;}
	.videobtn2{ display: block;}
    .item figure img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; }
    .item figure { height: auto !important; transform: none !important; }
    .item { height: auto !important; overflow: hidden; }
    .banner { height: 0 !important; padding-bottom: 46.14%; overflow: hidden; }
    .banner .slick-list { height: 100%; position: absolute; left: 0; top: 0; }
    .item { position: absolute; left: 0; top: 0; }
    .item.slick-current { position: relative; }
	.iphnetel{ display: block;}
	.news-content img{ width: auto; height: auto !important;}
	.soluydwon img { width: auto !important; height: auto !important; }
	.parameter table{ width: 100% !important;}
	.mapbox{ height: 450px;}
}
@media screen and (max-width:861px) {
	.prolist li a b{ font-size: 48px; height: 48px;}
	.solute-top .hometitle{ margin-top: 0; float: none;}
	.hometitle:before{ height: 24px; margin-top: -12px; width: 7px;}
	.hometitle{ font-size: 20px;}
	.solutebox{ float: none; width: auto; margin-right: 5%; margin-left: 5%; margin-top: 30px;}
	.solutefix{ left: 5%;}
	.field strong{ margin-bottom: 34px; font-size: 20px;}
	.filed-text{ margin-left: 0;}
	.filed-info{ display: flex; display: -webkit-flex;}
	.area-item.slick-current p:before{ width: 220px;}
	.aim-text p{ font-size: 18px;}
	.honors li{ width: 50%;}
	.party-img{ width: 100%;}
	.partys{ width: 100%;}
	.partywr{ padding: 32px 5%;}
	.partytext strong{ height: auto; margin-bottom: 32px;}
	.pages .text{ display: none;}
	.pages a.last{ display: none;}
	.productlist li{ padding: 40px 5% ;}
	.protexts p{ font-size: 14px; height: 52px; margin-bottom: 34px;}
	.viewbann{ width: 100%;}
	.views{ width: 100%; position: relative; padding: 35px 0; box-sizing: border-box;}
	.viewsd{ position: relative; bottom: 0; margin-top: 30px;}
	.bshare-custom a{ padding-left: 0 !important;}
	.recommedli li{ width: 48.5%; margin-left: 0; margin-bottom: 28px;}
	.recommedli li:nth-child(2n+2){ float: right;}
	.recommedpro{ padding: 36px 0 20px;}
	.solute-li li figure{ width: 100%;}
	.solute-s{ position: relative; width: 100%;}
	.solute-s:before{ display: none;}
	.solutewr{ padding: 30px 5%;}
	.sulteimg{ width: 100%;}
	.solutefixs{ width: 100%; margin-top: 28px;}
	.soluydwon{ padding: 36px 0 40px;}
	.data{ left: 22px;}
	.news-time{ width: auto; float: none;}
	.newste{ margin-left: 0; padding: 22px 5%;}
	.newsd li{ margin-bottom: 28px;}
	.problemdown{ margin-left: 0; margin-top: 30px;}
	.keytt{ padding-bottom: 24px;}
	.keywords{ padding: 32px 0 100px;}
	.searchli li a{ display: flex; display: -webkit-flex;}
	.searchli li span{ width: 110px;}
	.searchli li p{ flex: 1; -webkit-flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.proposite .posites{ display: none;}
	.checkmore a:before{ left: 14px;}
	.proimg{ width: 250px;}
	.relevants li figure{ width: 180px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; -webkit-align-items: center;}
	.relevants li figure img{ height: auto; max-width: 100%; max-height: 100%;}
	.views-top{ height: auto;}
}
@media screen and (max-width:641px) {
	.btext strong{ font-size: 24px;}
	.videobtn{ width: 62px; height: 62px;}
	.btext{ margin-top: -64px;}
	.banner .slick-dots{ bottom: 30px;}
	.logo,.header.flex .logo{ width: 100px;}
	.menubtn{ margin-top: 14px;}
	.ptop{ height: 61px;}
	.btext strong{ font-size: 20px; margin-top: 10px; margin-bottom: 20px;}
	.home-about{ padding: 90px 5% 34px; overflow: hidden;}
	.aboutsys strong{ font-size: 20px;}
	.solids{ display: none;}
	.about-main{ margin-top: 30px;}
	.about-text p{ font-size: 14px;}
	.about-text span{ margin-top: 14px;}
	.about-img{ margin-top: 30px;}
	.about-img:before{ left: 5%; bottom: -30px; right: -5%;}
	.productbox{ padding: 40px 5%;}
	.prolist li a b{ font-size: 40px; height: 40px;}
	.prolist li a strong{ font-size: 18px; margin-top: 18px; margin-bottom: 22px;}
	.protext{ height: 120px;}
	.protext p{ font-size: 13px;}
	.solutebox:before{ left: 40px; right: -5%; bottom: -36px;}
	.solutefix{ margin-top: -48px;}
	.solute-top{ margin-bottom: 35px;}
	.solutefix strong{ font-size: 20px; margin-bottom: 20px;}
	.solute-list li{ width: 49%; margin-bottom: 30px;}
	.solute-list li:nth-child(2n+2){ float: right;}
	.solute-list li b{ width: 54px; height: 54px;}
	.solute-list li b img{ max-width: 50%; max-height: 50%;}
	.solute-list li p{ width: 100%; margin-bottom: 6px;}
	.solute-list{ margin-bottom: 0;}
	.checkmore{ width: 100%; left: 0; text-align: center;}
	.checkmore a{ padding-left: 0;}
	.home-news{ padding-top: 35px;}
	.solution{ padding-bottom: 0;}
	.solutebox{ min-height: auto;}
	.bsmall{ display: none;}
	.posites { display: none;}
	.btextwr strong{ font-size: 22px;}
	.menuwr li a{ width: 110px; height: 52px; line-height: 52px;}
	.field{ padding: 46px 0 20px;}
	.field strong{ font-size: 18px; margin-bottom: 20px;}
	.filed-info span{ font-size: 20px; line-height: 30px;}
	.filed-info p{ line-height: 30px;}
	.aboutwr small{ font-size: 32px; margin-bottom: 14px;}
	.aboute p{ font-size: 14px;}
	.aboutwr span{ margin-top: 20px;}
	.speedwr{ padding: 30px 0;}
	.speedwr:before{ display: none;}
	.speedwr i{ font-size: 40px;}
	.speedwr i.symbol1{ left: 0;}
	.speedwr strong{ font-size: 20px;}
	.abouts{padding-bottom: 35px;}
	.about-speed{ padding-bottom: 15px;}
	.aboutbtn{ width: 52px; height: 52px; bottom: 50% !important; margin-right: -26px; margin-bottom: -26px;}
	.area-item figure{ width: 100%;}
	.area-item p{ left: 5%; z-index: 20; bottom: 20px; padding-top: 24px; font-size: 18px;}
	.area-item.slick-current p:before{ width: 150%;}
	.areabtn span{ width: 50px; height: 50px; line-height: 50px; font-size: 14px;}
	.aim{ padding: 50px 0 0px;}
	.aim-item{ width: 100%; margin-bottom: 30px;}
	.aim-text p{ margin-right: 0;}
	.idea-fix{ float: left; margin-left: 5%; width: 90%;}
	.vwrap .close{ right: 5%;}
	.vwrap .videobox{ height: 340px; margin-top: -170px;}
	.history-box{ padding: 40px 0;}
	.historyli li{ padding: 16px 20px; display: flex; display: flex; align-items: center; -webkit-align-items: center; -moz-align-items: center;}
	.history-text{ margin-left: 30px; flex: 1; -webkit-flex: 1;}
	.history-text p{ line-height: 1.5; font-size: 14px;}
	.htime time{ font-size: 22px;}
	.honors{ width: 100%; margin-left: 0;}
	.honors li{ width: 48%; margin-bottom: 30px;}
	.honors li:nth-child(2n+2){ float: right;}
	.honors li figure{ margin: 0;}
	.datas b{ font-size: 22px;}
	.partytext strong{ font-size: 16px; height: auto;}
	.party-list{ padding-bottom: 10px;}
	.pages a{ width: 32px; height: 32px; line-height: 32px; font-size: 12px; margin-right: 10px;}
	.partytext strong{ margin-bottom: 22px;}
	.recuite-top strong{ font-size: 22px;}
	.recuite-top{ margin-bottom: 12px;}
	.platformli{ display: flex; width: 100%; display: -webkit-flex;}
	.platformli li{ flex: 1; -webkit-flex: 1; margin-right: 0;}
	.platformli li img{ max-width: 100%;}
	.platform span{ font-size: 15px; line-height: 42px;}
	.recuites{ padding: 36px 0 ;}
	.jobwr span{ margin-left: 5%;}
	.jobbox{ padding: 35px 0;}
    .proimg{ position: relative; right: 0; top: 0; width: 100%; margin-bottom: 20px; text-align: center;}
	.proimg img{ margin: auto; position: relative;}
	.protexts{ width: 100%;}
	.protexts p{ height: auto;}
	.pmenus li{ margin-bottom: 5px;}
	.pmenus li a{ padding-left: 18px; margin-right: 10px;}
	.featutt{ font-size: 20px; margin-bottom: 0;}
	.prolist1{ margin-top: 38px;}
	.notes{ margin-top: 10px;}
	.ptextbox{ margin-bottom: 0;}
	.ptexts1{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.product-view{ margin-top: 40px;}
	.logo, .header.flex1 .logo{ width: 100px;}
	.views-top strong{ font-size: 22px; margin: 16px;}
	.views{ padding-top: 20px;}
	.parameter{ padding: 40px 0;}
	.patable thead tr th.span1{ width: 30%;}
	.patable thead tr th.span2, .patable thead tr th.span3, .patable thead tr th.span4{ width: 15%;}
	.patable thead tr th{ white-space: nowrap;}
	.patable thead tr th.span1,.patable tbody tr td.span1{ padding-left: 14px;}
	.viewsfix{ padding-bottom: 30px;}
	.paramett{ font-size: 20px;}
	.parameter-item dt{ font-size: 20px; width: auto;}
	.parameter-item dd{ margin-left: 24%;}
	.parameter-item{ padding: 26px 0;}
	.parameter-item dd p{ font-size: 14px;}
	.recommtt{ font-size: 20px;}
	.proposite { }
	.proposite{ position: relative; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box;}
	.porbtn{display: -webkit-flex; display: inline-flex; -webkit-overflow-scrolling: touch; float: left; margin-left: 20px;}
	.porbtn a{ white-space: nowrap;}
	.solute-box{ padding: 36px 0 20px;}
	.solute-li li{ margin-bottom: 25px;}
	.solutewr p{ height: auto;}
    .solutetext{ padding: 37px 0;}
	.solute-tops p,.solutedown p{ font-size: 14px;}
	.solutedown{ padding: 37px 0;}
	.solutedown strong{ font-size: 18px;}
	.relatetext{ padding: 24px 0 30px; margin-left: 5%;}
	.relevant{ padding: 36px 0 10px;}
	.solutett{ padding: 38px 0 30px;}
	.solutett strong{ font-size: 28px;}
	.news-text strong{ white-space: normal; font-size: 18px;}
	.data{ position: relative; top: 0; margin-top: 0; left: 0;}
	.newsli li a{ display: block; padding: 30px 5%;}
	.news-t{ margin: 0; padding: 0; margin-top: 20px;}
	.data{ display: flex; display: -webkit-flex; padding: 20px 12px; align-items: center; -webkit-align-items: center;}
	.data strong{ margin-bottom: 0; margin-right: 5px;}
	.newsli{ padding-bottom: 0;}
	.news{ padding: 36px 0;}
	.posinews .posites{ display: block; float: left; margin-left: 5%; margin-right: 5%;}
	.news-view{ padding: 35px 0;}
	.newstop strong{ font-size: 24px; margin-bottom: 20px;}
	.news-content p, .news-content a{ font-size: 14px;}
	.pagewr .backin{ position: relative; margin-top: 30px;}
	.pagein{ float: none;}
	.newslfext p,.newslfext span{ margin-right: 12px;}
	.pageitem a{ display: flex; display: -webkit-flex;}
	.pageitem p{ flex: 1; -webkit-flex: 1;}
	.pageitem span{ white-space: nowrap;}
	.supportin strong{ font-size: 20px; margin-bottom: 12px;}
	.supportin p{ font-size: 14px;}
	.supportin{ padding: 30px 0 40px;}
	.problem{ padding: 38px 0;}
	.problem-top strong{ font-size: 18px;}
	.problem-top{ margin-bottom: 30px; display: flex; display: -webkit-flex;}
	.problem-top:before{ top: 0; margin-top: 0;}
	.probelm-li li{ margin-bottom: 34px;}
	.problemtext p{ font-size: 14px;}
	.problemtext{ padding: 20px 5%;}
	.problem{ padding-bottom: 10px;}
    
	.mapbox .mapimg{ width: auto; height: 100%;}
	.contact-item{ padding-top: 35px;}
	.contactmain{ padding: 22px 0;}
	.contactmain p{ font-size: 14px;}
	.messagfe h3,.contactlist li strong{ margin-bottom: 24px;}
	.row{ width: 100%;}
	.messageb{ margin-top: 36px;}
	.testing{ display: block;}
	.row2{ margin-left: 0; width: 50%;}
	.message-box{ padding: 40px 0;}
	.messagesub .subs{ width: 240px; height: 60px; line-height: 60px;}
	.row2 .text{ width: 100%;}
	.servih a i{ font-size: 20px; padding-right: 5px;}
	.searbox strong{ display: none;}
	.searbox{ width: 90%; margin-left: -45%; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
	.searbox .searchfix{ display: flex; display: -webkit-flex;}
	.searchli li span{ width: 90px;}
	.searchli li b{ width: 40px;}
	.partys:after{ top: 30%; display: none;}
	.relative{ position: relative;}
	.eq{ position: absolute; right: 0; bottom: 0;} 
	.checkmore a:before{ left: 5%;}
	.iphnetel{ margin-top: 7px;}
	.btext small{ display: none;}
	.errortext strong{ font-size: 100px;}
	.errorbtn{ margin-top: 50px;}
	.errorbtn a{ width: 110px; height: 52px; line-height: 52px;}
	.relevants li figure{ width: 120px;}
    .bsBox { box-sizing: border-box !important; width: 100% !important; left: 0 !important; margin-left: 0 !important; }
    .bsBox #bsMorePanel, .bsTop { width: 100% !important; }
    .bFind-wrapper-top .bFind { width: 90% !important; }
	.parameter table tr td p{ text-indent: 0!important; padding-left: 14px;}
	.investors{ margin-left: -2%;}
	.investor-item a{ width: 31.33%; margin-left: 2%; margin-bottom: 2%;}
}
@media screen and (max-width:536px) {
}
@media screen and (max-width:481px) {
	.btext small{ margin-left: 0; padding-right: 88px;}
	.btext small:before{ width: 72px;}
	.about-icon small{ padding-right: 80px; letter-spacing: 18px;}
	.about-icon small:before{ width: 70px;}
	.home-product{ padding: 38px 0;}
	.checkmore a{ height: 65px; line-height: 65px;}
	.about-icon{ height: 65px;}
	.about-icon small{ margin-top: 28px;}
	.news-icon small{ letter-spacing: 12px;}
	.newslist li{ margin-bottom: 18px;}
	.newslist li span{ font-size: 14px;}
	.solutefix{ width: auto; right: 5%; margin-top: -38px;}
	.solutefix strong{ font-size: 16px; margin-bottom: 12px;}
	.solution{ padding: 38px 0 0;}
	.eidtes p{ margin-right: 0; width: 100%; line-height: 1.8;}
	.footer-bott{ position: relative; padding-bottom: 42px;}
	.footer-s{ position: absolute; left: 5%; bottom: 20px;}
	.footer-top{ padding: 35px 5%;}
	.relative-box span{ font-size: 16px; height: 60px; line-height: 60px;}
	.relativedown{ padding: 32px 0;}
	.relativedown li a{ font-size: 14px;}
	.pimg{ padding-bottom: 60%; position: relative;}
	.pimg img{ width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); top: 0;}
	.speedwr strong{ font-size: 18px;}
	.area{ padding: 0;}
	.area-wr{ width: 100%;}
	.aim{ padding-top: 38px;}
	.aim-text strong{ font-size: 14px; margin-bottom: 12px;}
	.aim-text p{ font-size: 16px;}
	.aim-item .aim-left{ width: 62px; height: 62px; line-height: 62px; font-size: 28px;}
	.aim-text{ margin-left: 88px;}
	.aim-text p{ height: auto; font-size: 14px;}
	.idea-fix strong{ font-size: 24px;}
	.filed-info p{ font-size: 14px;}
	.honors li figure a{ height: 200px;}
	.honors li figure span{ height: 65px;}
	.honor-btn a{ margin-left: 20px; font-size: 18px;}
	.investor{ padding: 50px 0;}
	.inverwr{ padding-top: 20px;}
	.inverwr strong{ font-size: 15px;}
	.inverwr span{ margin-top: 16px;}
	.jobwr span{ padding-left: 26px;}
	.jobbox .jobdown{ margin-top: 32px;}
	.protexts strong{ font-size: 20px;}
	.protexts p{ margin-bottom: 22px;}
	.parameter-item dt{ float: none; margin-bottom: 15px;}
	.parameter-item dd{ margin-left: 0;}
	.recommedli li figure{ height: 200px;}
	.recommedli span{ font-size: 13px; line-height: 1.5;}
	.relatetext span{ margin-bottom: 12px;}
	.relatetext{ width: 60%;}
	.relatetext p{ font-size: 13px; line-height: 1.8; height: 50px;}
	.solutett strong{ font-size: 24px;}
	.news-time p{ margin-bottom: 16px;}
	.news-time{ height: auto; padding-bottom: 20px;}
	.newsdo span{ float: left;}
	.exhibite{ padding: 36px 0 10px;}
	.newste strong{ white-space: normal; margin-bottom: 14px;}
	.read-list li p{ width: 70%;}
	.reads{ padding: 38px 0;}
	.supportli li .suppicon{ float: none; margin-top: 0; width: 60px; height: 60px; line-height: 60px; font-size: 24px;}
	.supportin{ margin-left: 0; margin-top: 20px;}
	.supportin .moresd{ font-size: 14px;}
	.videolist li{ width: 100%; margin-bottom: 30px;}
	.videos span{ font-size: 14px; height: 70px;}
	.contactlist li{ width: 100%; padding: 22px 0;}
	.messbtn{ margin-top: 0; margin-bottom: 20px; width: 100%;}
	.messbtns{ float: left;}
	.textimgs span{ margin-top: 0;}
	.searchfix .text{ flex: 1; -webkit-flex: 1; height: 54px; line-height: 54px;}
	.searchfix .sub{ width: 80px; height: 54px; line-height: 54px;}
	.searchli li a{ display: block;}
	.searchli li p{ width: 100%;} 
	.searchli{ padding-top: 30px;}
	.btext strong{ font-size: 18px; margin-bottom: 14px;}
	.banner .slick-dots{ bottom: 15px;}
	.videobtn{ bottom: 15px;}
	.relevants li figure{ width: 80px;}
    .newstop .bshare-custom { width: 100% !important; top:0; margin-top: 8px;}
    .newstop .viewsd .fr { margin-left: 0; float:left;}
}
@media screen and (max-width:400px) {
	.prolist li{ width: 100%;}
	.news-icon{ text-align: center;}
	.news-icon small{ display: none;}
	.news-icon .newsmore{ position: static; left: 0; margin: auto; top: 0; display: inline-block; line-height: 65px;}
	.news-icon .newsmore:before{ width: 20%; left: 25px;}
	.newslist li span{ width: 62%;}
	.newslist li time{ padding-right: 0;}
	.newslist li time b{ display: none;}
	.relative-box{ width: 90%; margin-left: -45%;}
	.row2{ width: 42%;}
	.textimgs img{ margin-right: 20px;}
}
@media screen and (max-width:350px) {
}