@media screen and (max-width:1450px){
 
}

@media screen and (max-width:1280px){

}
@media screen and (max-width:1200px){
  .inner{ width:1100px;}
  .homeText{ height:374px; padding-top:52px;}
  .homeText h1{ margin-bottom:25px;}
  .homeText h3{ font-size:18px;}
  .homeImg{ height:374px;}
  .homeImg img{ max-width:100%; width:auto; height:330px !important;}
  .analysised{ height:412px;}
  .analysis .storefront .swiper-slide img{ width:auto; height:412px;}
  .dynamic-list li a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
  .dynamic-list li figcaption{ margin-left:30px;}
  .introduct-img img{ height:408px; width:auto;}
  .industy-fix{ padding:52px 52px 0 42px; height:357px;}
  .knowledges li figcaption{ height:140px;}
  .ad img{ height:200px; width:auto;}
  .purchase-list a{ margin-bottom:20px;}
  .purchase-list{ margin-bottom:10px;}
  .developmented{ margin-top:5px;}
  .developmented h3{ margin-bottom:16px !important;}
  .developmented p{ margin-bottom:10px !important; line-height:1.6 !important;}
  .developmented p:last-child{ margin-bottom:0 !important;}
  .benefi-left p{ margin-bottom:7px;}
  .information figure img{ height:553px; width:auto;}
  .process-info{ width:775px;}
  .process-info:nth-child(2) s:nth-of-type(2){ display:none;}
  .knowledges li figcaption .tear{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
  .knowledges li figcaption .tear dt{ white-space:nowrap;}
  .tearm-list li figcaption{ height:auto; padding-bottom:30px;}
  .storefront .swiper-slide{ height:auto !important; }
}
@media screen and (max-width:1100px){
	.inner{ width:95%;}
	.conWidth{ width:95%;}
	.dynamic-list li{ padding:26px 24px 24px;}
	.process-list li{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; background:none;}
	.process-list li .processed{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; background:#eeeeee;}
	.process-list li .processed .processed-text{ flex:1;
	-webkit-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
	.distribute h2{ font-size:18px;}
	.distribute-list li{ width:45%;}
	.lineinn{ margin-left:0; left:5%;}
	.linetext{ margin-right:5%;}
}
@media screen and (max-width:1024px){
  .inner{ width:90%;}
  .conWidth{ width:90%;}
  .header-box{ padding:0; position:fixed; width:100%; left:0; top:0;}
  .header{ padding:18px 0;}
  .nav-list{ display:none;}
  .menuBtn{ display:block;}
  .mtop{ height:76px; display:block;}
  .navBox .logo{ width:110px; height:auto;}
  .baTxts{ left:5%; margin-left:0;}
  .baTxts h1{ font-size:24px;}
  .baTxts a{ font-size:13px;}
  .homeText h1{ margin-bottom:20px;}
  .homeText{ padding:42px 17px 0 20px;}
  .homeText p{ font-size:12px;}
  .home{ margin-top:32px;}
  .domestic-box{ padding:47px 0 60px;}
  .product-center{ padding:45px 0 40px;} 
  .series{ width:100%; box-sizing:border-box;}
  .latest{ width:100%; margin-bottom:30px;}
  .late-text{ width:85%;}
  .dynamic-list{ width:100%; }
  .link h3,.link-list{ display:none;}
  .asilder-list li img{ display:none;}
  .asilder-list li .asideric{ height:400px; background-size:cover !important;}
  .scoll-meun{ display:none;}
  .introduct-img figcaption h3{ font-size:18px;}
  .industry small{ margin-bottom:25px;}
  .industy-fix p{ font-size:12px;}
  .security-list li{ padding:0 2%;}
  .security-box{ padding:45px 0 36px;}
  .conatct-box{ padding-top:40px;}
  .process-list li b{ width:90px; height:80px; line-height:80px;}
  .process-list li .processed i{ margin-right:20px;}
  .process-list li .processed{ padding:18px 26px;}
  .line-list li .line-fix{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
  .line-list li strong{ white-space:nowrap; margin-right:10px; float:none;}
  .distribution figure{ width:100%;}
  .line-list li .line-ri{ float:none; flex:1;
	-webkit-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
  .distribute{ width:100%;}
  .distribution{ margin-top:28px;}
  .recent-activity{ padding:30px 0;}
  .activity-list li a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
  .activity-list li figure{ width:150px;}
  .activity-list li figcaption{ padding-left:20px;}
  .ad img{ height:150px; width:auto;}
  .new-list li{ width:48%; margin-right:4%;}
  .new-list li:nth-child(3n+3){ margin-right:4%;}
  .new-list li:nth-child(2n+2){ margin-right:0;}
  .developments{ margin-top:42px;}
  .benefi-left{ margin-bottom:35px;}
  .developments figure,.developmented,.benefi-left,.benefit-img{ width:100%;}
  .submit{ padding:53px 0 42px;}
  .produ-art{ margin-bottom:57px;}
  .order-box{ padding-top:40px;}
  .order-title{ margin-bottom:14px;}
  .order-title small{ display:block; width:100%; line-height:normal;}
  .conditions .benefi-left{ margin-top:20px;}
  .benefit-text{ margin-top:38px;}
  .exhibite{ width:100% !important;}
  .exhibition{ width:90%;}
  .exhibition .pright,.exhibition .pleft{ display:none;}
  .exhibite .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:2%;} 
  .exhibite .owl-theme .owl-controls .owl-buttons div.owl-next{ right:2%;} 
  .price{ margin-bottom:25px;}
  .shop-box{ padding-bottom:35px;}
  .introducts-box{ padding:34px 0 40px;}
  .introducts small{ margin-bottom:20px;}
  .customized{ padding:102px 0 93px;}
  .intro{ padding:38px 0 35px;}
  .mission li{ width:48%; margin-right:4%;}
  .mission li:nth-child(2n+2){ margin-right:0;}
  .mission-info{ width:100%;}
  .mission-list{ padding-bottom:35px;}
  .history-text{ overflow-y: scroll;  position:relative;}
  .mark-list,.purchase{ margin-left:0; margin-top:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
  .lineinn{ transform:translateY(-50%); margin-top:0; -webkit-transform:translateY(-50%);}
  .contact-list .swiper-slide,.contact-list .swiper-wrapper{ height:auto !important;}
  .tearm-lists li{ width:48%; margin-right:4%;}
  .tearm-lists li:nth-child(3n+3){ margin-right:4%;}
  .tearm-lists li:nth-child(2n+2){ margin-right:0;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.industry h4{ font-size:20px;}
	.honor-list{ margin-top:50px;}
	.conditions .benefi-left{ height:auto;}
	.query-box{ background:url(../images/min.jpg) center no-repeat; background-size:cover;}
    .honorbg,.service-img,.query-img{ display:none;}
	.honor-box{ background:url(../images/honor.jpg) center no-repeat; background-size:cover;}
	.customized{ background:url(../images/intro1.jpg) center no-repeat; background-size:cover;}
	.message-box{ background:url(../images/intr3.jpg) center no-repeat; background-size:cover;}
	.service-box{ background:url(../images/intr2.jpg) center no-repeat; background-size:cover;}
	.wechat-inner img{ width:220px; height:220px;}
	.wechat{ position:relative;}
	.wechat-text{ position:absolute; top:0; right:0; height:100%; padding-top:0; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.wechat-inner span{ width:100%;}
	.wechat-inner img,.wechat-inner strong{ margin:auto;}
	.wechat-inner{  display:-webkit-box; text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex;align-content: center; -webkit-align-content:center; flex-flow: row wrap; padding-top:0;}
    .sign-s{ box-sizing:border-box; width:100%;}
}
@media screen and (max-width:861px){
   .homeText{ width:100%; height:auto; padding-bottom:40px; margin-bottom:20px;}
   .homeText a{ margin-top:32px;}
   .homeImg{ width:100%;}
   .homeImg{ height:auto;}
   .homeImg img{ width:100%; height:auto !important;}
   .series{ padding:0 30px;}
   .late-text{ width:80%;}
   .query-bg{ width:100%; box-sizing:border-box;}
   .asilder-list li .asideric{ height:380px;}
   .introduct-img{ display:none;}
   .industry{ width:100%;}
   .introduct-img img{ width:100%; height:auto; margin-bottom:30px;}
   .honors li figcaption span{ font-size:14px;}
   .organ-box{ padding-bottom:35px; padding-top:25px;}
   .honor{ padding:62px 0 80px;}
   .security-list li{ width:50%; padding:0 5%; margin-bottom:35px;}
   .security-list{ margin-top:40px;}
   .security-box{ padding-bottom:0;}
   .map{ width:100%; height:520px;}
   .address{ width:100%; padding-top:20px; padding-bottom:20px; padding-left:30px; box-sizing:border-box;}
   .address h3{ margin-bottom:17px;}
   .address-eq{ display:none;}
   .service-list li{ width:22%; margin-right:4%; padding:24px 0 18px;}
   .service-list li:nth-child(4n+4){ margin-right:0;}
   .service-list li:nth-child(5n+5){ margin-right:4%; }
   .brand-list li{ width:47%; margin-right:6%;}
   .brand-list li:nth-child(3n+3){ margin-right:6%;}
   .brand-list li:nth-child(2n+2){ margin-right:0;}
   .share-text{ text-align:left;}
   .share-box{ padding:40px 0 30px;}
   .share h1{ font-size:24px;}
   .share-text p{ display:block; margin-bottom:10px; float:none; text-align:left;}
   .activity-list li{ padding:15px 15px;}
   .activity-list li figcaption time{ margin-bottom:6px; font-size:12px;}
   .activity-list li figcaption h3{ font-size:14px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
   .activity-list li figcaption p{ font-size:12px;}
   .recommend-list li{ width:48%; margin-right:4%;}
   .recommend-list li:nth-child(3n+3){ margin-right:4%;}
   .recommend-list li:nth-child(2n+2){ margin-right:0;}
   .recommend-list{ padding:30px 0 26px;}
   .recommend-listli{ margin-bottom:20px;}
   .eqchar{ display:none;}
   .purchase h1{ text-align:left; font-size:18px;}
   .purchase{ padding:18px 20px 12px;}
   .produ-art li{ width:50% !important; margin-bottom:15px; height:45px; box-sizing:border-box;}
   .produ-art li a{ font-size:14px; line-height:45px; padding-left:55px;  background-size:45px 45px !important;}
   .produ-art{ margin-bottom:20px;}
   .information figure{ width:100%; height:300px;}
   .information figure img{ width:100%; height:auto;}
   .personal-information{ width:100%; height:auto;}
   .online-title{ padding-bottom:20px;}
   .process-info{ width:100%; }
   .step{ width:42%; margin-bottom:10px;}
   .step .step-title{ height:50px;}
   .step .step-title b{ font-size:40px; line-height:50px}
   .step .step-title span{ font-size:14px; line-height:50px;}
   .step p{ font-size:12px;}
   .analysis .storefront .swiper-slide img{ height:312px;}
   .analysised{ height:312px; padding:34px 24px 0 22px;}
   .analysised h4{ margin-bottom:15px; font-size:18px;} 
   .analysised p{ font-size:12px;}
   .product-view{ padding-bottom:15px;}
   .appointe{ float:left; width:100%; margin-top:16px;}
   .mission li figcaption{ box-sizing:border-box; height:150px !important;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-content: center; -webkit-align-content:center; flex-flow: row wrap;align-self:center; padding-top:0 !important; padding-left:20px; padding-right:20px;
     }
   .mission li figcaption h4{ font-size:14px;}
   .history-text{ width:80%; height:136px; box-sizing:border-box;}
   .latest.article-block,.dynamic-list.article-block{ -webkit-transform:translateX(0); transform:translateX(0); -webkit-transform:translateY(50px); transform:translateY(50px);}
   .latest.articleShow,.dynamic-list.articleShow{ -webkit-transform:translateY(0); transform:translateY(0);}
   .tearm-lists li figcaption .tear dd span,.tearm-lists li figcaption .tear dt{ font-size:13px;}
   .vwrap .videobox { width: 560px; margin-left: -280px; }
   .baTxts h1{ margin-bottom:14px;}
   .baTxts h2{ margin-bottom:25px;}
   .banner .bimg{ display:block;}
   .serceline{ float:none; float:left; margin-top:18px;}
   .banner .mimg{ display: block;}
   .message .chechInfo{ width:100%;}
   .message-left{ width:100%; margin-right:0;}
   .message-left input{ width:31.9%; margin-right:2%; box-sizing:border-box; float:left; overflow:hidden; padding-top:11px; padding-bottom:10px;}
   .message-left input:last-child{ margin-right:0;}
   .wechat-inner img{ width:160px; height:160px; padding:10px;}
   .wechat-inner span{ font-size:16px; margin-top:12px;}
   .wechat-inner strong{ font-size:20px; height:42px;}
}
@media screen and (max-width:641px){
	.homeImg span{ width:43px; height:43px; margin-left:-21px; margin-top:-21px;}
	.commonTitle h3{ font-size:18px;}
	.commonTitle small{ font-size:16px;}
	.late-text{ width:75%;}
    .organ-img{ margin-top:30px;}
	.late-text h4{ font-size:16px; margin-bottom:10px;}
	.dynamic-list li figure{ width:140px;}
	.dynamic-list li figcaption{ width:60%; height:86px;}
	.input-list input{ width:100%; margin-bottom:25px; text-indent:6px;} 
	.input-list span{ width:100%; margin-top:-35px;margin-bottom:25px; text-indent:6px;} 
	.input-list .w{ width:100%; margin-bottom:25px; text-indent:6px;} 
	.select{ width:100%; margin-bottom:25px;}
	.select:first-child{ z-index:10;}
	.select:last-child{ margin-bottom:0;}
	.input-list input:last-child{ margin-bottom:0;}
	.asilder-list li .asideric{ height:200px;}
	.asiderbanner h2{ font-size:18px;}
	.industry small{ margin-bottom:15px;}
	.industy-fix{ padding:32px 32px 32px 22px; height:auto;}
	.industy-fix .more{ margin-top:32px;}
	.honor-list{ padding:0;}
	.honor-list .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-5%;}
	.honor-list .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-5%;}
	.process-box{ padding:32px 0 55px;}
	.service-box{ padding:45px 0 0;}
	.service{ margin-bottom:10px;}
	.service-list{ margin-top:30px;}
	.security-list li{ padding:0 2%;}
	.service-list li:nth-child(5n+5){ margin-right:4%; }
	.service-list li:nth-child(3n+3){ margin-right:0;}
	.service-list li:nth-child(4n+4){ margin-right:4%;}
	.service-list li{ width:30.6666%;}
	.line-list li strong{ font-size:16px; margin-left:20px;}
	.line-list li .line-ri{ margin-top:2px;}
	.knowledge-list{ margin-top:30px;}
	.service-fix{ padding:35px 0 32px;}
	.Knowledge-box{ padding:35px 0;}
	.selectbrand .input-list .select{ margin-bottom:10px;}
	.selectbrand .input-list{ margin-bottom:15px;}
	.brand .readmore{ margin-top:0;}
	.brand{ padding-bottom:42px;}
	.store-introduct{ margin-bottom:30px;}
	.storemap{ height:300px;}
	.storefront{ margin-top:38px;}
	.activity-list li figcaption{ width:60%;}
	.store-introduct h3{ font-size:16px;}
	.store-introduct p{ font-size:13px;}
	.room-list li{ width:100%; margin-right:0;}
	.ad img{ height:100px; width:auto;}
	.adtext h3{ font-size:18px;} 
	.hot-line .tel{ font-size:20px;}
	.service-info{ margin-right:10px;}
	.service-info img{ width:68px; height:68px;}
	.adtext small{ font-size:18px;}
	.case-list li{ width:48%; margin-right:4%;}
	.case-list li:nth-child(3n+3){ margin-right:4%;}
	.case-list li:nth-child(2n+2){ margin-right:0;}
	.case{ padding:30px 0 26px;}
	.case-list li{ margin-bottom:20px;}
	.recommend-list{ padding-top:0;}
	.recommend-list li figcaption .hotproduct h4{ margin-bottom:14px;}
	.recommend-list li figcaption .hotproduct strong{ font-size:13px;}
	.recommend-list li figcaption .hotproduct strong b{ font-size:18px;}
	.recommend-list li figcaption .hotproduct h4{ font-size:13px;}
	.recommend-list li figcaption .hotproduct span{ width:42%; font-size:13px;}
	.new-list li{ padding:35px 20px 0 18px; height:352px; margin-bottom:22px;}
	.new-list li time{ width:auto; height:40px; padding:5px; height:auto; left:18px;}
	.new-list li time i,.new-list li time b{ float:right; font-size:12px;}
	.new-list li time b{ margin-right:5px;}
	.new-list li figcaption h4{ font-size:15px;}
	.new-list li figcaption p{ font-size:12px;}
	.join-position .input-list{ width:100%; float:left; margin-top:20px;}
	.join-position .input-list .select{ float:left;}
	.join{ padding:27px 0 29px;}
	.reruit-info{ padding:8px 16px 24px 16px;}
	.reruit-info h4{ margin-top:10px;}
	.join-position{ margin-top:15px; margin-bottom:0;}
	.reruit-info a{ margin-top:14px;}
	.recuit-top span,.resouce-title span{ width:22%; overflow:hidden;}
	.recuit-top span:nth-child(3),.resouce-title span:nth-child(3){ text-align:center;}
	.development-box{ padding:38px 0 40px;}
	.benefit-text{ margin-top:28px;}
	.developments{ margin-top:22px;}
	.benefi-left p{ font-size:12px;}
	.benefit{ padding:45px 0;}
	.nowdown-box{ padding:35px 0 30px;}
	.video .new-list li{ height:auto; padding-bottom:80px;}
	.share h1{ margin-bottom:12px;}
	.view-text{ padding:25px 0 40px;}
	.view-page{ margin-bottom:34px;}
	.prevpage{ width:100%;}
	.prevpage a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
	.prevpage a span{ white-space:nowrap;}
	.backle{ float:left; margin-top:15px; height:35px; line-height:35px;}
	.submit i{ width:62px; height:62px; background-size:100% 100%; margin-bottom:10px;}
	.submit h2{ font-size:20px; margin-bottom:0;}
	.submit{ padding:32px 0 20px;}
	.personal-information{ padding:25px 20px 30px;}
	.personal-information h4{ font-size:16px; margin-bottom:16px;}
	.recommend-title h3{ width:100%; margin-bottom:15px;}
	.recommend-title .readmore{ float:left;}
	.recommend{ margin-top:30px;}
	.linetext h4{ font-size:20px;}
	.linetext h5{ font-size:18px;}
	.conditions-box{ padding:30px 0;}
	.conditions .benefi-left{ margin-bottom:0;}
	.process{ margin-top:22px;}
	.process-box{ padding-bottom:10px;}
	.step{ width:100%; margin-bottom:23px;}
	.process-info s{ display:none;}
	.display-box{ padding:45px 0 29px;}
	.team-box{ padding:40px 0 10px;}
	.analysis .storefront .swiper-slide figure { width:100%;}
	.analysis .storefront .swiper-slide img{ height:auto; width:100%;}
	.analysised{ width:100%; height:auto; padding-bottom:55px; padding-left:15px; padding-right:15px; padding-top:20px;}
	.analysis .storefront .swiper-button-prev1{ left:inherit; right:100px;}
	.analysis .storefront .swiper-button-next1{ left:inherit; right:23px;}
	.analysis-box{ padding:28px 0 35px;}
	.message small{ margin-bottom:20px;}
	.honor-list{ margin-top:35px;}
	.message-box{ padding:50px 0 41px;}
	.products li{ margin-bottom:20px;}
	.products li:last-child{ margin-bottom:0;}
	.products li:last-child{ display:none;}
	.share-text i{ margin-right:0;}
	.mission li{ width:100%; margin-right:0;}
	.mission li figcaption{ height:auto !important; padding:20px; display:block; padding-top:20px !important;}
	.adlogo{ width:80%; height:auto;}
	.support-box{ padding-top:38px;}
	.support-text{ padding:20px 0 32px;} 
	.support-info p{ font-size:12px;}
	.supported{ margin-top:30px;}
	.query-img{ display:none;}
	.line-list{ overflow:hidden;}
	.history-fix h3{ width:100%;}
	.history-fix h3 small{ width:100%; background-size:100% 5px;}
	.history-text{ width:100%; padding-right:5px; box-sizing:border-box;}
	.tearm-lists li{ width:100%; margin-right:0;}
	.tearm-lists li figcaption{ height:auto; padding-bottom:22px;}
	.tearm-lists li figcaption .tear dd span,.tearm-lists li figcaption .tear dt{ font-size:12px;}
	.process-list li .processed{ width:100%; box-sizing:border-box; padding:15px 20px;}
	.process-list li{ display:block; margin-bottom:30px;}
	.process-list li b{ width:100%; height:35px; font-size:14px; line-height:35px; text-align:left; text-indent:20px;}
	.process-list li b em{ display:none;}
	.line-list li .line-fix{ display:block;}
	.service-list li i{ transform:scale(0.9); -webkit-transform:scale(0.9);}
	.support-list li span{ transform:scale(0.9); -webkit-transform:scale(0.9); padding-top:87px;}
	.vwrap .videobox { width: 400px; margin-left: -200px; height: 350px;  margin-top:-175px;}
	.videoIbox .ico{ width:54px; height:54px; background-size:100% 100% !important; margin:-27px 0 0 -27px;}
	.mark{ display:none !important;}
	.team-view img{ max-width:100%;}
	.team-view .team-list{ width:100%; margin-top:10px;}
	.join-position .input-list .select{ width:48%; margin-right:2%;}
	.recuit-top b{ margin-right:3%; width:12px; height:7px; background-size:100% 100% !important;}
	.benefi-left p{ line-height:1.8;}
	.message-list .message-left,.message-left input,.message-list textarea{ width:100%; box-sizing:border-box;}
	.market-box{ padding:60px 0 50px;}
	.recommend-fix{ padding:50px 0 20px;}
	.chatimg{ width:100%;}
	.wechat-text{ position:relative; width:100%; padding:35px 0;}
	.wechat-inner strong { position:relative; left:-20px;}
	.message-input p{ margin-top:20px;}
	.sign-s{ padding-bottom:34px;}
	.sign-fix{ padding-top:16px; padding-bottom:30px;}
	.store-in{ margin-top:26px;}
	.view-text{ padding-bottom:0;}
	.sign-input{ width:100%;}
	.sign-input input{ width:100%; box-sizing:border-box;}
	.sign-input b{ left:-8px;}
}
@media screen and (max-width:500px){
	.online-title a{ width:30%; margin-right:5%; float:left;}
}
@media screen and (max-width:481px){
	#dituContent{width:100%;height:300px;border:#ccc solid 1px;}
	
	.baright{ width:100%;} 
	.baTxts h1{ font-size:18px;}
    .baTxts a{ font-size:12px;}
	.series-list li{ padding:0 3px;}
	.home{ margin-top:22px;}
	.latest figure span{ width:80px; height:80px;}
	.latest .latests time{ display:inline-block; padding-right:60px; height:auto; background:url(../images/righ.png) right center no-repeat; margin-bottom:12px;}
	.latest:hover .latests time{ background-position:right center;}
	.latest .latests{ padding:25px 12px 25px 18px;}
	.late-text{ width:100%;}
	.dynamic-list li{ padding:20px 18px 18px;}
	.dynamic-list li a{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex;}
	.dynamic-list li figure{ float:none;}
	.dynamic-list li figcaption{ margin-left:15px; float:none;}
	.dynamic-list li figcaption span{ font-size:12px;}
	.footer-top{ padding:20px 0 15px;}
	.line-eq{ margin-bottom:10px;}
	.security-list li{ width:100%; padding:0 5%;} 
	.map{ height:340px;}
	.map_dg{height:840px;}
	.address{ padding-left:18px;}
	.conatct-swich a:last-child{ margin-right:0;}
	.conatct-swich a{ width:32%; margin-right:2%;} 
	.process-list li .processed i{ margin-right:15px; transform:scale(0.8); -webkit-transform:scale(0.8);}
	.process-list li .processed .processed-text h3{ font-size:14px;}
	.process-list li .processed .processed-text p{ font-size:12px;}
	.distribute h2{ font-size:16px;}
	.distribute-list{ margin-top:23px; text-align:center;}
	.distribute-list li{ width:80%; float:none; margin:auto; margin-bottom:15px;}
	.service-list li:nth-child(5n+5){ margin-right:4%; }
	.service-list li:nth-child(3n+3){ margin-right:4%;}
	.service-list li:nth-child(4n+4){ margin-right:4%;}
	.service-list li:nth-child(2n+2){ margin-right:0;}
	.service-list li{ width:48%;}
	.brand-list li{ width:100%; margin-right:0;}
	.activity-list li figcaption{ padding-left:8px;}
	.activity-list li figcaption time{ margin-bottom:0;}
	.activity-list li figcaption p{ line-height:normal;}
	.case-list li figure{ margin:7px 6px 0;}
	.case-list li figcaption{ padding:12px 13px; font-size:13px;}
	.recommend-list{ margin-bottom:0;}
	.page-list a{ padding:8px 10px;}
	.online-title{ padding:20px 0 24px;}
	.new-list li{  width:100%; margin-right:0; height:auto; padding-bottom:30px;}
	.input-list { margin-bottom:10px;}
	.resouce-title,.recuit-top{ padding-left:10px;}
	.recuit-top span{ font-size:12px;}
	.reruit-info p{ font-size:12px;}
	.reruit-info a{ width:100px;  height:35px; line-height:35px; font-size:12px;}
	.join-position .input-list .select{ margin-bottom:15px;}
	.developmented h3{ font-size:18px !important;}
	.developmented p{ font-size:12px !important;}
	.related-news{ margin-bottom:35px;}
	.information figure{ width:100%; height:250px;}
	.row input{ height:35px; line-height:35px;}
	.row textarea{ height:85px;}
	.information figure{ height:200px;}
	.order-title{ font-size:18px;}
	.persub{ width:120px; height:35px; line-height:35px;}
	.message-left input{ padding-top:12px; padding-bottom:12px;}
	.appoint-info{ width:48%;}
	.appoint-info:nth-child(2){ margin-left:4%;}
	.appoint-info a{ width:100%; text-align:center; text-indent:0;}
	.appoint-info a b{ right:10%;}
	.appoint-info a:hover b{ right:8%;}
	.introducts h3{ font-size:20px;}
	.introducts small{ font-size:12px;}
	.introducts p{ font-size:12px;}
	.customized{ padding:73px 0 60px;}
	.query{ padding-bottom:80px;}
	.footer-bott p a.rec{ padding:0; border:none; margin-left:0;}
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 300px; margin-top:-150px; }
	.knowledges li{ padding:24px 15px 0 15px;}
}
@media screen and (max-width: 380px){
	.process-list li .processed .processed-text{ width:auto;}
	.online-title a{ font-size:13px;}
	.page-list a{ height:29px; line-height:29px; box-sizing:border-box; padding-top:0; padding-bottom:0; margin-right:3px;}
    .produ-art li{ width:100% !important;}
	.teams .owl-theme .owl-controls .owl-buttons .owl-prev,.teams .owl-theme .owl-controls .owl-buttons .owl-next{ margin-top:4px !important;}
}
@media screen and (max-width: 321px){
	.knowledges li figcaption .tear dd span,.knowledges li figcaption .tear dt{ font-size:12px;}
}