@media screen and (max-width:1550px){
	.wraper{ width:90%;}
	.healtytext{ padding-top:45px;}
	.eqlist{ margin-right:0;}
	.profilet p{ margin-bottom:30px;}
	.profilet{ padding-top:0;}
}
@media screen and (max-width:1450px){
	.nav li{ margin-left:30px;}
	.nav li a{ font-size:16px;}
	.quality-list{ padding-right:0;}
	.qualityle{ width:48%;}
	.quality-list li{ margin-left:64px;}
	.qualityle h3{ font-size:38px;}
	.conpawr{ padding-top:8%;}
	.healthywr .flex-direction-nav{ bottom:40px;}
	.healtytext h3{ font-size:30px; margin-bottom:16px;}
	.dynictitle h3{ font-size:30px;}
	.work h3{ font-size:34px;}
	.work{ margin-top:-71px;}
	.ptext{ margin-top:-28px;}
	.ptext h3{ font-size:32px;}
	.compawr{ padding:8% 10% 20px 10%;}
	.company-li li:nth-child(2n+2) .compawr{ padding:8% 10% 20px 10%;}
	.compawr .checkm{ margin-top:30px;}
	.contus{ margin-right:0;}
	.conusinfo:last-child{ margin-right:0;}
	.maps{ height:420px;}
	.header{ margin:0 5%;}
	.btext h3{ font-size:40px;}
}
@media screen and (max-width:1350px){
}
@media screen and (max-width:1280px){
	.inner{ width:90%;}
	.btext{ margin-left:-45%;}
	.btext img{ max-width:100%; height:auto;}
	.qualityle{ width:40%;}
	.conpawr h3{ font-size:20px; margin-bottom:20px;}
	.conpawr p{ font-size:13px;}
	.companywr .flex-direction-nav{ bottom:30px;}
	.footerle{ width:100%;}
	.footertop{ padding:45px 0;}
	.eqlist{ width:100%; float:left; margin-top:30px;}
	.eqlist img:nth-child(1){ margin-left:0;}
	.work{ margin-left:-45%;}
	.profilewr{ margin-left:-45%;}
	.profileimg img{ height:400px; width:auto; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.brand{ width:90%;}
	.ptext{ margin-left:-45%;}
	.compawr p{ height:112px; overflow:hidden;} 
	.enter{ width:90%;}
	.markets img{ margin:auto; margin-left:0;}
	.contacle{ width:100%;}
	.contus{ float:left;}
	.nav li{ margin-left:25px;}
	.editef{ margin-left:25px;}
	.header{ margin:0 2%;}
    .historyin{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
    .histme .historyin p{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
}
@media screen and (max-width:1200px){
	.provieb .prodown figure{ display:none;}
	.provieb .prodown{ padding:50px 45px;}
	.newinner{ width:90%;}
	.talent{ width:90%;}
	.conceptle{ width:30%;}
	.recuit,.staffwr{ width:90%;}
}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
	body{ cursor:pointer;}
	.nav{ display:none;}
	.editef{ margin-right:20px; margin-left:0;}
	.header-box,.header-box.scoll{ padding:0; transition:none;}
	.logo,.header-box.scoll .logo{ width:130px; margin-left:0;}
	.header{ width:100%; box-sizing:border-box; background:#fff; position:relative; z-index:20; padding:12px 5%; margin:0;}
	.mtop{ height:64px;}
	#menu_toggle1{ display:block;}

	.backtop{ opacity:1; visibility:visible; bottom:30px; right:20px;}
	.btext p{ margin-top:10px; line-height:1.3; font-size:16px;}
	.btext{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); margin-top:0;}
	.quality-top{ position:relative;}
	.quality-list{ float:left; width:100%;}
	.qualityf{ padding:45px 0;}
	.quality-list li{ width:25%; text-align:center; margin-left:0;}
	.qualityle{ width:100%; margin-bottom:26px;}
	.qualityle h3{ font-size:30px; text-align:center;}
	.qualityle p{ text-align:center;}
	.quadown span{ font-size:24px; padding:0 24px;}
	.quadown{ padding-top:45px; height:auto; padding-bottom:30px;}
	.company-list li figure{ width:100%;}
	.companytext{ width:100%;}
	.company{ background:none;}
	.companybg{ width:100%;}
	.companyfix:before{ width:90%; right:5%;}
	.conpawr{ padding:36px 30px 80px;}
	.companybg{ background-attachment:local !important; background-size:cover !important;position: absolute;}
    .companyfix,.healthy{ position: relative;z-index: 5;}
	.companywr .flex-direction-nav{ width:auto; left:auto; margin-left:0; right:30px; bottom:20px;}
	.companywr .flex-direction-nav li:nth-child(1){ margin-left:0;}
	.healthy{ margin-top:45px;}
	.healtyb li figure{ width:100%;}
	.healtyle{ position:relative; width:100%;}
	.healtybg{ display:none;}
	.healtytext{ margin-top:0; padding-bottom:80px;}
	.healthywr .flex-direction-nav{ bottom:30px; left:auto; right:30px;}
	.healtytext h3{ font-size:24px;}
	.healtytext p{ font-size:13px;}
	.healtytext{ padding-left:30px;}
	.dynamic-box{ padding:45px 0;}
	.dynamic-list li{ width:48%; margin-right:4%; margin-top:30px;}
	.dynamic-list li:nth-child(2n+2){ margin-right:0;}
	.dynictitle{ margin-bottom:10px;}
	.dynictitle h3{ font-size:24px;}
	.dynictitle a{ margin-top:6px;}
	.network{ margin-top:50px;}
	.netfix h3{ font-size:24px;}
	.menu-leval{ height:0; overflow:hidden; padding-top:0;}
	.menusd{ display:block;}
	.profile-box{ padding-top:45px;}
	.profileimg{ width:90%; margin:auto; float:none;}
	.profileimg img{ width:100%; height:auto; transform:none; left:0;}
	.profilewr{ position:relative; left:0; top:0; margin-left:5%; padding:45px 0;}
	.profilet{ float:none; padding-top:0; width:100%;} 
	.profs{ margin-bottom:20px;}
	.profilet p{ margin-bottom:34px;}
	.profs h4{ font-size:24px;}
	.brandbg{ width:100%; background-attachment:local !important; background-size:cover !important;}
	.brand-box{ padding:45px 0;}
	.brand-list{ margin-top:32px;}
	.brand-list .slick-dots{ margin-top:30px;}
	.history-box{ padding-top:68px;}
	.histlist:before,.hisborder{ display:none;}
	.histlist:after,.histime:before{ display:none;}
	.histinfo1{ width:100%;}
	.histinfo i{ display:none;}
	.history-box{ padding-top:45px;}
	.histlist{ margin-top:30px; margin-bottom:0;}
	.histinfo2{ width:100%; margin-top:34px;}
	.histlist li{ margin-bottom:34px;}
	.histime strong{ font-size:32px;}
	.histime time::before{ width:40px; height:40px; background-size:cover !important;}
	.histime time small{ margin-top:0;}
	.histime time{ height:40px;}
	.histime{ padding:12px 20px;}
	.hitext{ padding:24px 20px;}
	.group{ width:90%; padding:45px 0;}
	.company-li li figure{ width:100%;}
	.companyf{ width:100%;}
	.compawr,.company-li li:nth-child(2n+2) .compawr{ padding:38px 34px;}
	.compawr p{ height:auto;}
	.companys{ padding:45px 0;}
	.pickle,.enter-box{ padding:46px 0;}
	.picktext{ width:100%;}
	.map,.addressri{ width:100%;} 
	.addwr{ padding:45px 5% 30px;}
	.product{ padding-top:46px;}
	.therrmenu{ margin-bottom:30px; line-height:0;}
	.protext h3{ font-size:26px;}
	.product-list{ padding-top:46px;}
	.proview{ padding:46px 0;}
	.purchase{ margin-top:26px;}
	.purchase-info{ width:32%; margin-right:2%; margin-top:12px;}
	.purchase-info:nth-child(3n+3){ margin-right:0;}
	.provideo{ margin-top:40px;}
	.provideo h3{ font-size:22px; margin-bottom:20px;}
	.proinduct{ padding:45px 30px;}
	.proinduct h3{ font-size:24px;}
	.protedown{ margin-top:32px;}
	.platform,.networks{ padding:48px 0;} 
	.new-box{ padding:46px 0;}
	.new-box .dynamic-list{ padding:0;}
	.new-box .dynamic-list li{ width:48%; margin-right:4%; margin-bottom:30px; margin-top:0;}
	.new-box .dynamic-list li:nth-child(3n+3){ margin-right:4%;}
	.new-box .dynamic-list li:nth-child(2n+2){ margin-right:0;}
	.newview{ padding:48px 0;}
	.vwrap .videobox{ width:90%; height:380px; margin-top:-190px; margin-left:-45%;}
	.talent{ padding:48px 0;}
	.conceptle{ width:300px; margin:auto; float:none;}
	.concenter{ width:100%; margin-top:32px; float:none;}
	.recuit-box,.staff{ padding:48px 0;}
	.recruite-t span:nth-child(2),.recruite-t span:nth-child(4),.recruite-t span:nth-child(3),.recuite-top span:nth-child(2),.recuite-top span:nth-child(3),.recuite-top span:nth-child(4){ display:none;}
	.recruite-t span:nth-child(5),.recuite-top span:nth-child(5){ float:right; margin-right:30px;}
	.recuitrx span{ font-size:20px;}
	.recuitrx{ margin-top:24px;}
	.contact{ padding:100px 0 45px;}
	.standrd h3{ font-size:32px;}
	.standrd{ padding-bottom:24px;}
	.contact-us{ margin-top:32px;}
	.contitle h4{ font-size:26px;}
	.contitle{ margin-bottom:22px;}
	.addre{ width:100%;}
	.email{ width:100%; margin-top:12px;}
	.contus{ margin-top:24px;}
	.banner:hover .flex-direction-nav li.flex-nav-prev{ left:20px;}
    .banner:hover .flex-direction-nav li.flex-nav-next{ right:20px;}
	.btext h3{ font-size:32px;}
}
@media screen and (max-width:861px){
	.product-list li{ width:48%; margin-right:4%;}
	.product-list li:nth-child(3n+3){ margin-right:4%;}
	.product-list li:nth-child(2n+2){ margin-right:0;}
} 
@media screen and (max-width:751px){
	.address span{ width:100%; margin-right:0; margin-bottom:8px;}
	.address{ margin-bottom:14px;}
	.eqlist{ margin-top:20px;}
	.menufx{ width:100%;}
	.menufx li{ width:32%; margin-right:2%; margin-bottom:12px;}
	.menufx li a{ display:block; width:100%; font-size:14px;}
	.menufx li:nth-child(3n+3){ margin-right:0;}
}
@media screen and (max-width:641px){
	.scolldown{ display:none;}
	.mtop{ height:61px;}
	.quality-icon{ display:inline-block; margin:auto;}
	.quality-icon b{ width:55px; height:60px;}
	.quality-icon img{ transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);}
	.quality-list li.flex-active img{ transform:rotateY(180deg) scale(0.5); -webkit-transform:rotateY(180deg) scale(0.5); -moz-transform:rotateY(180deg) scale(0.5);}
	.qualityle h3{ margin-top:0; font-size:24px; margin-bottom:14px;}
	.qualityle p{ font-size:12px;}
	.quadown span{ font-size:20px;}
	.quadown{ padding-bottom:20px;}
	.healthy{ padding-bottom:40px;}
	.healthy:before{ height:40px;}
	.dynictitle{ margin-bottom:0;}
	.dynictitle h3{ font-size:20px;}
	.dynamicdown h3{ font-size:14px;}
	.network{ margin-top:30px;}
	.network figure img{ height:200px; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width:auto;}
	.dynamic-list li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
    .dynamic-list li:hover .dynamicdown h3{ color:#333333;}
    .dynamic-list li:hover .dynamicdown:before{ display:none;}
	.work{ margin-top:-52px;}
	.work h3{ font-size:24px;}
	.work small{ font-size:12px;}
	.work span{ width:45px; height:44px; background-size:cover !important; margin-bottom:16px;}
	.profilewr{ padding-top:32px;}
	.profs h4{ font-size:22px;}
	.profs{ margin-bottom:12px;}
	.profilet p{ line-height:1.8;}
	.brand-icon figure{ margin-left:20px;}
	.brandown{ padding:16px 20px 25px;}
	.bbg{ display:none;}
	.brand-info a:hover{ background:#fff;}
	.brand-info a::before{ display:none;}
	.brand-info a:hover .brandown p{ color:#666666;}
    .brand-info a:hover .brandown span{ color:#d12536;}
	.history-box{ padding:34px 0;}
	.histme{ margin-top:10px;}
	.histme p{ line-height:1.8;}
	.businee{ margin-top:20px;}
	.histime .hisbg{ display:none;}
	.histinfo:hover .hitext figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
	.introduct p{ font-size:1.8;}
	.ptext{ margin-top:-21px;}
	.ptext h3{ font-size:20px; margin-bottom:5px;}
	.ptext small{ font-size:12px;}
	.companys{ padding:34px 0;}
	.compawr h3{ font-size:22px; margin-bottom:14px;}
	.compawr p{ line-height:1.8;}
	.company-li li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
	.picktext p{ line-height:1.8;}
	.pickle,.enter-box{ padding:34px 0;}
	.enterlist .slick-dots{ margin-top:24px;}
	.map{ height:280px;}
	.addwr{ padding:34px 5% 20px;}
	.addwr p{ font-size:14px;}
	.product{ padding-top:32px;}
	.therrmenu{ margin-bottom:20px;}
	.prodown{ padding:34px 20px 34px 35%;}
	.prolist li:hover .prodown figure{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
    .prolist li:hover .proimg img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
    .protext p{ font-size:13px; height:auto; margin-bottom:20px;}
	.prodown figure{ bottom:28px;}
	.protext h3{ font-size:20px;}
	.probanner .flex-direction-nav li{ top:18%; transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.menusd span{ height:44px; line-height:44px;}
	.menus-down{ top:44px;}
	.pages{ padding:20px 20px;}
	.backlist{ width:110px; height:38px;}
	.previnfo{ width:110px; height:36px;}
	.backlist a{ padding-left:38px; line-height:38px;}
	.backlist a:before{ left:18px;}
	.previnfo.prev a{ padding-left:30px;}
	.previnfo.prev a:before{ left:15px;}
	.previnfo.prev:hover a:before{ left:12px;}
	.previnfo a{ height:36px; line-height:36px;}
	.previnfo a::before{ top:13px;}
	.previnfo.next a:before{ right:15px;}
	.previnfo.next:hover a:before{ right:12px;}
	.provieb .prodown{ padding:34px 23px;}
	.purchase-info{ width:49%; margin-right:2%; float:left; margin-top:10px;}
	.purchase-info:nth-child(3n+3){ margin-right:2%;}
	.purchase-info:nth-child(2n+2){ margin-right:0;}
	.purchase-info:nth-child(1){ background-size:cover !important;}
	.purchase{ margin-top:10px;}
	.provideo{ margin-top:32px;}
	.proinduct{ padding:32px 22px;}
	.protedown b{ font-size:16px; margin-top:10px;}
	.probtn{ margin-top:-22px;}
	.probtn span{ margin-bottom:0;}
	.proview{ padding:34px 0;}
	.plat-list{ margin-top:18px;}
	.platform,.networks{ padding:32px 0;}
	.nettitle p{ margin-top:20px; width:100%;}
	.hotline{ position:relative; left:0; margin-left:0; bottom:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.hotri{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.newview{ padding:34px 0;}
	.newtitle h3{ line-height:1.4; margin-bottom:10px;}
	.newtitle{ padding-bottom:20px;}
	.share1{ bottom:20px;}
	.video-box{ padding:34px 0;}
	.video-list li{ width:100%; margin-bottom:35px;}
	.vwrap .videobox{ height:320px; margin-top:-160px;}
	.conceptle{ width:270px;}
	.concetext span{ font-size:16px;}
	.concenter{ margin-top:24px;}
	.talent{ padding:34px 0;}
	.recruite-fix{ margin-top:22px;}
	.recuitrx span{ margin-right:0;}
	.staff{ padding:32px 0;}
	.contact{ padding:50px 0 34px;}
	.standrd h3{ font-size:26px;}
	.standrd{ padding-bottom:14px;}
	.contact-us{ margin-top:20px;}
	.contitle h4{ font-size:20px;}
	.addre p{ font-size:14px;}
	.email p{ font-size:14px;}
	.conusinfo{ width:160px;}
	.maps{ height:300px;}
	.banner .flex-direction-nav{ display:none;}
	.editef{ margin-top:4px;}
	.btext h3{ font-size:24px; margin-bottom:12px;}
	.plat-info{ width:48%; margin-right:4%; margin-top:15px;}
	.plat-info:nth-child(2n+2){ margin-right:0;}
}
@media screen and (max-width:520px){
	.brand-info a{ margin:0;}
	.brandown p{ height:120px;}
}
@media screen and (max-width:481px){
	.logo, .header-box.scoll .logo{ width:120px;}
	.menus{ margin-top:8px;}
	.btext p{ width:100%;}
	.quality-list li span{ font-size:14px; margin-top:6px;}
	.qualityle h3{ font-size:20px; margin-bottom:8px;}
	.quali li figure img{ height:200px; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width:auto;}
	.qualityf{ padding:34px 0 20px;}
	.quality-top{ margin-bottom:14px;}
	.quadown span{ font-size:16px; padding:0 14px;}
	.companywr .flex-direction-nav,.healthywr .flex-direction-nav{ width:100%; box-sizing:border-box; padding:0 30px; left:0;}
	.companywr .flex-direction-nav li,.healthywr .flex-direction-nav li{ width:46%; box-sizing:border-box; height:40px; margin-left:8%;}
	.dynamic-list li{ width:100%; margin-right:0;}
	.network figure img{ height:180px;}
	.netfix{ right:auto; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.netfix h3{ font-size:20px; margin-bottom:16px;}
	.footertop{ padding:34px 0;}
	.footerdown{ padding:14px 0;}
	.profilet p{ margin-bottom:22px;}
	.profile-box{ padding-top:34px;}
	.profilewr{ padding-bottom:34px;}
	.brand-box{ padding:32px 0;}
	.group{ padding:34px 0;}
	.work h3{ font-size:20px;}
	.compawr, .company-li li:nth-child(2n+2) .compawr{ padding:30px 20px;}
	.compawr h3{ font-size:20px;}
	.compawr p{ font-size:12px;}
	.backtop{ width:50px; height:56px; background-size:cover !important;}
	.backtop span{ padding-top:34px; height:22px; font-size:12px;}
	.prodown figure{ display:none;}
	.prodown{ padding:34px 22px;}
	.probanner .flex-direction-nav li{ top:12%;}
	.probanner .flex-direction-nav li.flex-nav-prev{ left:10px;}
	.probanner .flex-direction-nav li.flex-nav-next{ right:10px;}
	.product-list li{ width:100%; margin-right:0; margin-bottom:30px;}
	.prevpage{ width:100%; margin-top:10px;}
	.pronuble span{ font-size:13px;}
	.protedown p{ font-size:13px;}
	.hotline b{ width:30px; height:35px; background-size:cover !important;}
	.hotri p{ font-size:14px;}
	.hotri{ margin-top:-5px;}
	.hotri p:nth-child(2){ font-size:18px;}
	.ptext h3{ font-size:18px; line-height:1.2;}
	.ptext small{ line-height:1.2;}
	.ptext{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.new-box{ padding:34px 0;}
	.new-box .dynamic-list{ margin-bottom:0;}
	.new-box .dynamic-list li{ width:100%; margin-right:0;}
	.pagelist li{ margin-right:8px;}
	.pagelist li a{ width:34px; height:34px; line-height:34px; font-size:14px;}
	.pagelist li a.prev{ background-position:10px center;}
	.pagelist li a.next{ background-position:10px center;}
	.share1{ position:relative; right:0; bottom:0; margin-top:6px;}
	.newtitle h3{ font-size:16px;}
	.newrfix{ padding:32px 22px;}
	.newvi{ padding:20px 0 30px;}
	.viewinfo a{ height:42px; line-height:42px;}
	.viewinfo1 a b,.viewinfo2 a b{ line-height:42px; padding-left:20px;}
	.viewinfo2 a b{ padding-left:0; padding-right:20px;}
	.viewinfo a b:before{ top:12px;}
	.viewlist a{ line-height:42px;}
	.viewlist a b{ height:42px; line-height:42px; padding-left:35px;}
	.vidown span{ height:54px; line-height:54px; font-size:14px;}
	.video-list li figure span{ width:42px; height:42px; background-size:cover !important;}
	.recruite-t{ padding:14px 0;}
	.recuite-top span{ line-height:48px;}
	.recuites{ padding:26px 22px 6px;}
	.recuit-box{ padding:32px 0;}
	.recuitrx span{ width:100%; margin-top:0; margin-bottom:12px;}
	.recruite-t span:nth-child(1),.recuite-top span:nth-child(1){ width:auto; padding-left:20px;}
	.recuite-list p{ font-size:12px;}
	.staffwr .enterwr{ margin:0;}
	.conusinfo{ width:120px;}
	.BMap_Marker img{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.qualityf{ background:#f3f3f3;}
	.company{ padding-top:30px;}
	.healtytext:before,.healtytext:after{ display:none;}
	.healtytext{ padding:34px 30px 100px; box-sizing:border-box; border:5px solid #e6b45d; border-bottom:none;}
	.netfix{ top:68%;}
	.profile-box{ background:#f3f3f3;}
	.profilewr{ background:#fff; padding:30px 24px; box-sizing:border-box;}
	.history-box,.probg{ background:#f3f3f3; background-image:none !important;}
	.hisdix{ display:none;}
	.company-li li{ margin-bottom:40px;}
	.companys{ padding-bottom:0;}
	.backlist{ display:none;}
	.markets{ margin-top:30px;}
	.hotline{ margin-top:20px;}
	.viewlist{ display:none;}
	.viewinfo{ width:50%;} 
	.qualityle{ margin-bottom:0; padding-bottom:20px; transform:none;}
	.viewinfo:nth-child(1){ box-sizing:border-box; border-right:1px solid #dccaa0;}
	.conceptle{ width:100%; background:#d12535;}
	.conceptle img{ width:270px; margin:auto;}
	.concetext span{ font-size:14px;}
	.viewfixs{ padding:30px 0 20px;}
	.btext h3{ font-size:20px;}
} 
@media screen and (max-width: 380px){
	.btext h3{ font-size:18px;}
	.purchase-info a span{ font-size:12px; margin-top:-6px;}
}
@media screen and (max-width: 340px){
  
}