@charset "UTF-8";

@media (min-width:1200px) and (max-width:1600px){
    .wrapper{width: 100%;}
    .header2{width: 100%;}
}
@media (min-width:1200px){

}
@media (min-width:767px) and (max-width:1200px){
    .wrapper{width: 100%;}
    .logo2{display: none;}
    .logo a{margin-left: 10px;}
    .search-wrap{right: 10px;}
    .header2 .magnifier{margin-right: 10px;}
    .part-l{float: none;margin: 0 auto 20px;text-align: center;}
    .part-tit i{margin: 15px auto;}
    .part-r{width: 100%;float: none;}
    .more-link{display: block; max-width: 60px; margin: auto;left: 0;right: 0;bottom: 20px;}
    .case-show{margin-left: -90px;}
    .part3 .part-r p{padding: 0 10px;}
    .part3{background: url(../images/about-bg.jpg) center;}
    .part3 a{display: block; max-width: 60px; margin: auto;left: 0;right: 0;bottom: 10px;}
    .ask-list{margin-left: -90px;}
    .cont-list{width: 100%;}
    .cont-list li span{width: calc(100% - 93px);margin-left: 10px;font-size: 14px;}
    .qr{margin-bottom: 20px;margin-right: 20px;}
    .header2{width: 100%;}
    .cont-list{width: 100%}
    .in-l{width: 100%;}
    .in-l ul li{float: left;}
    .in-r{width: 100%;}
    .pro-d-img{width: 50%;}
    .pro-d-txt{width: 50%;padding-left: 10px;}
}
@media (min-width:767px) and (max-width:1024px){
    .main-nav li a{padding: 0 8px;}
    .main-nav li{margin: 0 1px;}
    .ask-list{margin-left: 0;}
    .ask-list li{margin: 0 8px;}
    .in-wrap{padding: 0 15px;}
    .case-tit{font-size: 14px;}
}
@media screen and (max-width: 767px){
    .header{position: relative;background: #2348a9;height: 70px;}
    .logo2{display: none;}
    .wrapper{width: 100%;}
    .logo a{margin-top: 3px;margin-left: 3px;display: block;width: 100px;}
    .logo a img{display: block;max-width: 100%;height: auto;}
    .search-wrap{display: none;}
    .menu{top: 16px;}
    .index-nav2{top: 70px;}
    .main-nav{display: none;}
    .part-l{float: none;margin: 0 auto 20px;text-align: center;}
    .part-tit i{margin: 15px auto;}
    .part1{margin-top: 40px;}
    .product-type ul li{width: 50%;}
    .part-r{width: 100%;float: none;}
    .more-link{display: block; max-width: 60px; margin: auto;left: 0;right: 0;bottom: 20px;}
    .product-show li{width: 50%;}
    .case-show{margin-left: 0;}
    .case-show li{width: 50%;margin-left: 0;padding: 0 5px;}
    .part3 .part-r p{padding: 0 10px;}
    .ask-list li{width: 80%;margin: 0 auto 30px;float: none;}
    .ask-list{margin-left: 0;}
    .cont-list li span{margin-left: 10px;font-size: 14px;}
    .qr{margin-bottom: 20px;margin-right: 20px;float: left;margin-left: 20px;}
    .header2{width: 100%;height: 70px;}
    .header2 .logo a{margin-top: 5px;}
    .header2 .menu{  background: url(../images/menu1.png) no-repeat center;}
    .cont-list{width: 100%;}
    .in-wrap{padding: 0 15px;}
    .case-tit{font-size: 12px;}
    .case-list li>div .case-info{padding: 8px 5px 0;top: 130px;}
    .case-list li{height: 180px;}
    .case-intro{font-size: 12px;margin-top: 10px;}
    .case-list li:hover .case-info{padding: 10px 5px 0;}
    .case-info .clearfix{bottom: 0;}
    .case-info a{height: 26px;line-height: 26px;border-radius: 13px;}
    .case-info span{line-height: 18px;font-size: 12px;}
    .recruit-tit{padding-left: 10px;}
    .cl-7{width: 30%;}
    .cl-1{width: 25%;text-align: center;}
    .detail-wrap{padding: 25px 0;}
    .in-l{width: 100%;}
    .in-l ul li{float: left;}
    .in-r{width: 100%;}
    .pro-d-img{width: 100%;}
    .pro-d-txt{width: 100%;padding-left: 0;}
    .product-list li{float: none;margin: 0 auto 20px;}
}
@media screen and (max-width: 360px){

}