.footer2{ display:none; width:100%; background-color:#008AD0;padding:5px 0; position:fixed!important; bottom:0;z-index:999;  }
.footer2 li{ float:left; width:33.33%; text-align:center;}
.footer2 li a{ color:#fff; display:block; line-height:20px; padding-top:30px;}

.jianjie img{ width:auto; max-width:100%;} 
.solidetail img{ width:auto; max-width:100%;} 
@media screen and (max-width:1199px){
.wrap {width: 98%;}
#nmain .wrap {width: 98%;}


#pro .proxiang .kuai{ float:none; width:100%}
#pro .proxiang .kuai02{ float:left; width:50%}

#pro .wrap{ width:100%; max-width:1600px; min-width:auto; margin:0 auto;}

#pro .proxiang .kyou{ float:left; width:40%; padding:3% 5%; color:#fff; }

#pro .proxiang .more02{ display:none}

#pro .proxiang .kyou02{ float:none;  width:80%; padding:6% 10%;}

#pro .intro p{ float:left; width:50%}
#pro .intro p:last-child{ float:none; width:100%}


}
@media screen and (max-width:1024px){
.newsli .nwenzi p{ margin:10px 0 20px 0;}

#contact { width:100%; margin:35px 0 0 0;padding:15px 0;}
#news .title h3{ font-size:30px;line-height:60px; width:120px}
#contact .title h3{ font-size:30px;line-height:60px; width:120px;}
#contact .intro{ margin:15px 0;}

#pro .categary{ padding:0 5%; width:90%;text-align:left}
#pro .title span {float:left; }
#pro .proxiang{ float: none; width:100%;}

#about { width:100%; margin:25px 0 60px 0;}
#about .title h3{ font-size:30px; line-height:60px; width:120px; }
#about .intro p{ line-height:36px; font-size:20px; text-align:center; margin-bottom:35px;}

}
@media screen and (max-width:899px){
.newsli .nwenzi p{ margin:5px 0 ;}
}
@media screen and (max-width:768px){
#nmain .intro {margin-top: 20px;}
.wrap {width: 96%;}
#nmain .wrap {width: 96%;}
#header { line-height:75px;height:75px; display:block; z-index:999; position:fixed ; width:100%}
#header02 { line-height:75px;height:75px;display:block; z-index:999; position:fixed ; width:100%}

#header .logo{ float:left; width:52%;max-width:233px;height:75px; overflow:hidden}
#header02 .logo{ float:left; width:52%;max-width:233px;height:75px; overflow:hidden}

.btn_menu{display:block;}
#header .mobile-menu{ width:100%;overflow:hidden;position:fixed;top:75px;z-index:999;display:none;background:#222;float:none;clear:both; max-width:auto}

#header .mobile-menu ul li a{font-size:15px;}
.mobile-menu li {line-height: 3pc; display:block; width:100%}
.mobile-menu li a{ color:#fff;display:block;padding: 0 5%; font-size:14px; font-weight:bold; }
.btn_menu{width: 34px;height: 4px;background: #fff;display: block;position: absolute;right: 20px;top: 40px;cursor: pointer;}
.btn_menu:before {top: -10px}
.btn_menu:after, .btn_menu:before {content: "";display: block;width: 100%;height: 4px;background: #fff;position: absolute;-webkit-transition: .4s;transition: .4s}
.btn_menu:after {bottom: -10px}
.open .btn_menu {background: transparent}
.open .btn_menu:before {transform: rotate(45deg) translateY(14px);-moz-transform: rotate(45deg) translateY(14px);-ms-transform: rotate(45deg) translateY(14px);-o-transform: rotate(45deg) translateY(14px);-webkit-transform: rotate(45deg) translateY(14px);transform-origin: 50%}
 .open .btn_menu:after {transform: rotate(-45deg) translateY(-14px);-moz-transform: rotate(-45deg) translateY(-14px);-ms-transform: rotate(-45deg) translateY(-14px);-o-transform: rotate(-45deg) translateY(-14px);-webkit-transform: rotate(-45deg) translateY(-14px);transform-origin: 50%}


.btn_menu02{display:block;}
#header02 .mobile-menu{ width:100%;overflow:hidden;position:fixed;top:75px;z-index:999;display:none;background:#222;float:none;clear:both; max-width:auto}

#header02 .mobile-menu ul li a{font-size:15px;color:#fff;}
.mobile-menu li {line-height: 3pc; display:block; width:100%}
.mobile-menu li a{ color:#fff;display:block;padding: 0 5%; font-size:14px; font-weight:bold; }
.btn_menu02{width: 34px;height: 4px;background: #333;display: block;position: absolute;right: 20px;top: 40px;cursor: pointer;}
.btn_menu02:before {top: -10px}
.btn_menu02:after, .btn_menu02:before {content: "";display: block;width: 100%;height: 4px;background: #333;position: absolute;-webkit-transition: .4s;transition: .4s}
.btn_menu02:after {bottom: -10px}
.open .btn_menu02 {background: transparent}
.open .btn_menu02:before {transform: rotate(45deg) translateY(14px);-moz-transform: rotate(45deg) translateY(14px);-ms-transform: rotate(45deg) translateY(14px);-o-transform: rotate(45deg) translateY(14px);-webkit-transform: rotate(45deg) translateY(14px);transform-origin: 50%}
 .open .btn_menu02:after {transform: rotate(-45deg) translateY(-14px);-moz-transform: rotate(-45deg) translateY(-14px);-ms-transform: rotate(-45deg) translateY(-14px);-o-transform: rotate(-45deg) translateY(-14px);-webkit-transform: rotate(-45deg) translateY(-14px);transform-origin: 50%}


.izl-rmenu { display:none}
#udesk-feedback-tab{ display:none}

#nmain {margin: 20px 0 60px 0;}
#nmain .title h3{ font-size:28px;line-height:50px; width:120px;}
#nmain .title p{ font-size:18px;line-height:40px;}

.lianxi .lxleft{ float:none; width:100%; }
.lianxi .lxright{ float:none; width:100%; }

.lianxi .lxleft h3{ font-size:18px; line-height:50px; }
.lianxi .lxleft p{ font-size:14px; line-height:32px;}

#dituContent{ height:320px}

.phshow { text-align:center;}

#footer .kuai{ display:none}
#footer .kuai02{ float:left; width:20%; margin-bottom:20px}
#footer .biao{ float:left; width:36%; margin-bottom:20px}

#footer h3{ font-size:15px;}
#footer p{ line-height:28px;font-size:13px;}

#footer .kuai03{ float:right; width:auto;}
#footer{  padding:22px 0; }

.newsli .npic{ float:left; width:32%; }

.newsli .nwenzi{ float:right; width:65%;  }

.nguide li { width:33.33%; float:left}
.nguide li:nth-child(4){ margin-left:17%}
.nguide li:nth-child(1){ margin-bottom:10px}
.nguide li:nth-child(2){ margin-bottom:10px}
.nguide li:nth-child(3){ margin-bottom:10px}

#nmain .skuai .skzuo{ float:none; width:92%; padding:22px 4%;}
#nmain .skuai .skyou{ float:none; width:100%;}

#nmain02 .leibie{ float:left; width:36%; border-right:solid 10px #ddd; padding-bottom:20px}
#nmain02 .leibie .title{ background:url(../images/protitle.jpg) #008AD0 no-repeat center center; padding:8px 0;}
#nmain02 .prolist{ float:right; width:60%; }
#nmain02 .prolist .plist li{ width:48%; margin-right:4%;}
#nmain02 .prolist .plist li:nth-child(3n){margin-right:4%}

#nmain02 .prolist .plist li:nth-child(3n+1){ clear:none; float:left}

#nmain02 .prolist .plist li:nth-child(2n){margin-right:0%}
#nmain02 .prolist .plist li:nth-child(2n+1){ clear:both;}

.footer2{ display: block;}

#contact { background-size:200% auto ;}
#contact ul li{ float:left; width:50%; text-align:center; text-align:center; font-size:18px; margin-bottom:30px}

#news .intro .left{ float:none; width:100%;}
#news .intro .right{ float:none; width:100%; margin-top:30px}


.solution li{ float:left; width:33.33%;text-align:center}
.solution li:nth-child(4){margin-left:17%}

#banner h1{ font-size:24px;}
#banner h3{ font-size:30px;}

#pro .proxiang h3{ font-size:16px; line-height:45px;}
}
@media screen and (max-width:680px){
.newsli .npic{ float:left; width:40%; }
.newsli .nwenzi{ float:right; width:58%;}
.newsli .nwenzi p{ height:60px; overflow:hidden; margin:5px 0;}
.newsli .nwenzi h3{ line-height:35px; font-size:16px; height:35px; overflow:hidden}
}
@media screen and (max-width:640px){
.newsli .nwenzi .times { display:none}
#nmain02 .leibie{ float:none; width:100%; border-right:solid 0px #ddd; padding-bottom:0px}

#nmain02 .leibie .intro p{ line-height:32px; font-size:15px;}
#nmain02 .leibie .intro p a{background:url(../images/guide.jpg) no-repeat right center; padding-left:2%;padding-right:6%;height:32px; overflow:hidden; border-bottom:solid 1px #ddd; display:block; float:left; width:42%}
#nmain02 .leibie .intro p a:hover, #nmain02 .leibie .intro p .cur{background:url(../images/guide02.jpg) no-repeat right center; padding-left:2%;color:#fff; background-color:#008AD0;}

#nmain02 .leibie .intro {padding-right:5%; height:99px; width:95%; overflow: auto; background:url(../images/huadong.jpg) no-repeat right center;}

#nmain02 .leibie .intro p .teshu{width:98%}


#nmain02 .prolist{ float:none; width:100%; margin:0px auto 100px auto }
#copyright{ margin-bottom:55px}
#news .intro .pic{ float:none; width:100%; margin-right:0%}
#news .intro .wenzi{ float:none; width:100%;}

#video-banner >.bg video{ display:none}

}