@media screen and (max-width:1700px){
  .solute-info .sulute-wr mark p{ margin-bottom:50px;}
  .solute-info .sulute-wr mark{ margin-top:-110px;}
}
@media screen and (max-width:1450px){
  .solute-info .sulute-wr mark p{ margin-bottom:30px;}
  .solute-info .sulute-wr mark{ margin-top:-100px;}
  .edition{ margin-top:14px;}
  .jiathis_style{ margin-top:16px;}
}

@media screen and (max-width:1200px){
  
   .solutes{ width:50%;}
   .solute-info{ width:50%;}
   .customer{ width:100%; height:auto; margin-top:30px;}
   .case-banner{ width:100%;}
   .customer img{ float:left; width:40%; height:auto;}
   .customer figcaption{ padding-left:34px; float:left; position:relative; bottom:0; width:60%;}
   .pbanner figcaption{ width:90%; margin-left:-45%;}
   .historytabe{ width:100%; margin-left:0; margin-top:35px;}
   .backtop{ right:0;}
   .solute-box h2{ width:100%; margin-bottom:30px;}
   .solute-banner{ width:100%; padding:0 27px; box-sizing:border-box;}
   .common-padd{ padding-left:0;}
   .contact-info{ width:48%; margin-right:4%; box-sizing:border-box; height:240px;}
   .recruite-fix{ width:100%;}
   .recruite-t{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .recruite-t span:nth-child(2),.recruite-t span:nth-child(4),.recuite-top span:nth-child(2),.recuite-top span:nth-child(4){ display:none;}
   .recruite-t span,.recuite-top span{ padding-left:0 !important; width:20% !important; box-sizing:border-box; text-align:center;}
   .recruite-t span:last-child{ text-align:right; padding-right:20px; box-sizing:border-box;}
   .recuite-top span:last-child{ width:19px !important;}
   .serviceline{ margin-top:-76px; margin-left:-45%;}
   .dotline{ width:100%;}
   .dotbox{ padding-top:76px;}
   .dot-list h3{ display:inline-block;}
   .netWorkPage{ float:left;}
   .download-area{ width:100%;}
   .downlaod-list{ width:100%; margin-top:45px;}
   .feedback-right{float:left;margin-top: 10px;}
   .product-box{ background:#ededed;}
   .protitle{ bottom:0; padding-top:30px;}
}
@media screen and (max-width:1100px){
   .list-wr,.new-titlea,.new-text{ width:90%;}
   #carousel{ display:none !important;}
   .menu-inner{}
   .menu-inner li{}
   .sorts,.product-inn{ width:90%;}
}
@media screen and (max-width:1024px){
 
   .solute-title{ height:70px;}
   .solute-title h3{ font-size:22px; padding-top:20px;}
   .solute-text{ padding:60px 0 45px;}
   .backpre{ margin-top:40px;}
   .model{ margin-top:50px; padding-bottom:50px;} 
   .sorts{ padding-bottom:16px;}
   .case-box{ padding:60px 0 78px;}
   .contact-box{ padding:86px 0 45px;}
  
   .product-list{margin-top: 0;}
   .contact-info{ padding-left:32px;}
   .contact-info h3{ font-size:20px; margin-bottom:16px;}
   .chance-box{ padding:50px 0;}
   .chance h1{ font-size:28px; margin-bottom:26px;}
   .recruiment-box{ padding:50px 0 120px;}
   .recuites{ padding:32px 30px 70px;}
   .recuite-title{ margin-bottom:32px;}
   .recuite-title h3{ font-size:26px; margin-bottom:8px;}
   .recuite-title small{ font-size:16px;}
   .dotbox{ padding:35px 0 45px;}
   .netWorkPage{ display:none;}
   .dot-list{ margin-top:26px;}
   .dotline b{ font-size:20px;}
   .dot-list h3{ font-size:22px;}
   .content-wr p{ margin-top:20px;}
   .content-info{ width:48%; margin-right:4%; margin-bottom:26px;}
   .content-info:nth-child(2n+2){ margin-right:0;}
   .mainten figcaption .main-wr{ height:260px; margin-top:-130px;}
   .load-box{padding: 40px 0;}
   .feedback-box{padding: 40px 0;}
   .download-area h3{ margin-bottom:26px;}
   .product-inn{ width:90%;}
  
}
@media screen and (max-width:960px){
   .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;}
   .mainten figure{ width:100%;}
   .maintenance{padding: 0;}
   .mainten figcaption{ position:relative; width:100%; left:0; float:left;}
   .mainten figcaption .main-wr{ position:relative; margin-top:0; top:0; height:auto; padding:20px;}
   .mainten figcaption .main-wr a{ position:relative; left:0; margin-left:0; margin-top:10px;}
}
@media screen and (max-width:861px){ 
   .value p{ width:90%;}
   .solutes figcaption h2,.solute-info .sulute-wr mark h3{ font-size:20px;}
   .tab-wr p{ height:42px; overflow:hidden; line-height:1.8;}
   .customer figcaption h2{ font-size:18px;}
   .customer figcaption b{ margin-top:20px; font-size:22px;}
   .idea-info{ width:48%; margin-right:4%; margin-bottom:
   26px;}
   .idea-info:nth-child(2){ margin-right:0;}
   .idea-box{ padding:50px 0 24px;}
   .eq{ text-align:left;}
	.contact-info{ width:100%; margin-right:0; margin-bottom:30px; height:auto; padding-bottom:30px; padding-top:30px;}
	.feedback-right{ width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
	.inputinfo{width: 100%;isplay:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom: 20px;}
	.inputinfo:nth-child(3){width:100%;margin-top: 0;}
	.inputinfo span{ white-space:nowrap;}
	.inputinfo input,.inputinfo textarea{ flex:1; width:auto; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; }
	.feed-sub{ width:100%;}
	
	.p3-title h1{font-size: 24px;font-weight:normal;line-height: 28px;margin: 10px auto 0 auto;}
	.p3-title i{display:block;width: 56px;height:1px;background-color: #0958a2;margin: 15px auto 25px auto;}

} 
@media screen and (max-width:751px){
	.success-title{ padding-bottom:20px;}
	.tab-wr{ margin-top:148px;}
	.model-list{ width:100%;}
}
@media screen and (max-width:641px){
	
	.menu-box{ margin-top:0; padding:30px 0;}
   .menu-inner li{width:50%;float:left;margin: 0 0 12px  0; display:block;}
   .model{ margin-top:26px; padding-bottom:50px;}
   .model-info h3{ font-size:20px;}
   .model-list li{ width:50%; margin-right:0; min-width:auto;}
   .models-list{ padding-top:30px;}
   .case-box{ padding:35px 0 45px;}
   .cases li figcaption{ height:54px;}
   .cases li figcaption span{ line-height:54px;}
   .contact-info h3{ font-size:18px; margin-bottom:12px;}
   .contact-info p{ font-size:14px; min-height:28px;}
   .contact-info{ padding-bottom:24px; padding-right:20px; padding-left:20px;}
   .contact-list{ margin-top:32px;}
   .contact-box{ padding:54px 0 30px;}
   .map{ height:320px;}
   .chance h1{ font-size:22px; margin-bottom:16px;}
   .chance-box{ padding:50px 0 30px;}
   .recruite-t span:nth-child(5), .recuite-top span:nth-child(5){ display:none;}
   .recruite-t span, .recuite-top span{ width:25% !important;}
   .recuite-list{ margin-bottom:20px;}
   .deliver{ margin-top:20px; padding-top:20px;}
   .recuite-info{ margin-bottom:15px;}
   .loadmore{ margin-top:33px;}
   .recruiment-box{ padding:40px 0 50px;}
   .serviceline{ margin-top:-28px; width:100%; margin-top:0; position:relative; top:0; left:0; margin-left:0;}
   .dot-list{ margin-top:16px;}
   .dotline b{ font-size:18px;}
   .dotbox{ padding:0 0 36px;}
   .dot-list h3{ font-size:20px; padding-bottom:16px;}
   .content-box{padding: 40px 0 20px;}
   .content-wr span{ bottom:22px;}
   .content-wr{ padding:30px 24px 20px 22px;}
   .content-info{ width:100%; margin-right:0;}
   .content-info figcaption{ height:66px; line-height:66px;}
   .content h2{ font-size:20px;}
   .mainten figcaption .main-wr h3{ font-size:22px; margin-bottom:10px;}
   .download-area h3{ margin-bottom:22px;}
   .downlaod-list{ margin-top:22px;}
   .down-title{ padding:0 34px 0 30px;}
   .down-content{ padding:0 20px 0 20px;}
   .down-content a{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
   .down-content span{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; padding-right:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
   .inputinfo textarea{ height:166px;}
   .feed-sub input{height: 48px;line-height: 48px;font-size:16px;}
   .menu-inner li b{ transform:scale(0.78); -webkit-transform:scale(0.78); -moz-transform:scale(0.78);}
   .menu-inner li span{ margin-top:0;}
   .case-banner.articleShow, .customer.articleShow{ transition:0ms 0ms;}
   .netbg{ padding-top:40px;}
   .product-box{ padding-bottom:30px;}
   .linefix{ bottom:4%;}
}
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.value{ padding:44px 0;}
	.value-title small{ font-size:20px;}
	.value-title h2{ font-size:20px;}
	.value-title{ margin-bottom:20px;}
	.solute-info figcaption h4{ font-size:16px; width:170px;}
    .case-list li figure{ width:100%;}
	.case-list li figcaption{ width:100%; padding:20px 20px 36px 0;}
	.customer img{ width:100%;}
	.customer figcaption{ padding:26px 20px; position:relative; box-sizing:border-box; width:100%;}
	.footer-address address{ margin-bottom:16px;}
	.footer-right{ margin-top:20px;}
	.idea-info{ width:100%; margin-right:0; height:320px;}
	.history-list li .year{ display:none;}
	.history-list li.act .year{ display:none;}
	.history-bg{ left:10px;}
	.historytabe strong{ margin-left:-6px;}
	.history-t b{ height:80px; line-height:80px; font-size:26px;}
	.history-info:before{ top:30px;}
	.history-t small{ line-height:1.6; height:auto; background-size:42px 42px; padding-right:50px;}
	.history-t b:before{ left:120px;}
	.history-t small{ margin-top:10px;}
	.history-text{ padding:18px;}
	.history-list li{ padding-top:30px;}
	.historytabe{ margin-top:22px;}
	.development p{ margin-top:12px;}
	.icon-list li{ width:50%;}
	.ralac .solute-list .owl-item li{ padding:0 16px;}
	.solute-list li figcaption{ text-align:center;}
	.cases li{ width:100%; margin-right:0;}
	.map{ height:250px;}
	.contact-box{ padding-top:36px;}
	.chance h1{ font-size:20px;}
	.chance p{ line-height:1.8; }
	.recuites{ padding:20px 20px 60px; }
	.loadmore{ height:38px;}
	.recuite-title h3{ font-size:20px;} 
	.loadmore a{ line-height:38px; font-size:14px;}
	.feedbackinput{ margin-bottom:30px;}
	.content-box{padding: 40px 0 20px;}
	.commontitle li{width: 45%;box-sizing:border-box;margin-right:0;}
	.commontitle li:nth-child(2n+2){ float:right;}
	.tabbtn.prev{ left:14px; bottom:7px;}
	.tabbtn.next{ right:14px; bottom:7px;}
	.commontitle li a{padding-bottom:0;text-align:center;height: 60px;padding-left:0;padding-right:0;width:100%;}
	.pbanner figcaption h3{ font-size:22px;}
	.pbanner figcaption small{ font-size:14px;}
}
@media screen and (max-width: 380px){
	
}
@media screen and (max-width: 340px){
  
}