@media (max-width: 1320px) {
    .proList li{width:272px;}
    .proList li .box{width:262px;}
    .proList li .title{width:262px;}
    .proScroll-left   .hd  .prev{left: 0;}
    .proScroll-left   .hd  .next{right: 0;}
    .proScroll-left{padding:0 40px;}
}
@media (min-width: 1200px){
    .list-recommend  li dl:hover dd{margin-top:-30px;}
}
@media (max-width: 1200px) {
    .logo{width:390px;}

    .proScroll-left .proList{height:305px;}
    .proList li{width:215px;height:223px;}
    .proList li .box{width:205px;height:223px;}
    .proList li .title{width:205px;}
    .proList li:hover .box{height:245px;}

    .s-about-cont dl dd p{height:120px;}

    .listImg_list dt p{width:100px;height:100px;}

    .recommendSlide .bigImg li{height:269px;}
}
@media (max-width: 992px) {
    .logo{width:250px;}
    .search{width:250px;}
    .search form{width:250px;}
    .input_txt{width:190px;}
    .search .ser_list{width:250px;}

    .proScroll-left .proList{height:268px;}
    .proList li{width:164px;height:167px;}
    .proList li .box{width:154px;height:167px;}
    .proList li .title{width:154px;}
    .proList li:hover .box{height:207px;}

    .s-about-cont dl dd{padding:30px 60px;}
    .s-about-cont dl dd p{ line-height:24px;height:96px;}

    .aboutImg dl{width:47.3%;}
    .page li{margin:0}


    /*.proImg .smallScroll .smallImg li{width:58px;}*/

    .proListCont li div{width:100%;}

    .recommendSlide .bigImg li{height:229px;}
}

@media (max-width: 767px) {
    .had_top{padding:10px 0; }
    .logo{width:80%;height:55px;padding:0 30px;float:none;margin:0 auto;}
    .logo img{right:0;}

    .big_Img .img{height:160px; }
    .ser_mob{padding:20px; background: #f5f5f5;width:100%;}
    .ser_mob form{width:100%;}
    .input_txt{width:85%;}
    .input_btn{width:15%;}
    .menu{position: absolute;right:15px;top:0;line-height:76px;width:30px;text-align: center;}

    .s-comm{padding:30px 0;}
    .s-title {margin-bottom:20px;}
    .s-title h1{font-size:18px;line-height:26px;}
    .s-title p{font-size:14px;line-height:24px;}
    .life-content{padding-top:0;}
    .life-content li .pic a{width:80px;height:92px;background-size: 80px 92px;line-height:92px;}
    .life-content li .pic a  img{width:40px;}
    .life-content li:hover .pic a{ background-size: 80px 92px; }
    .life-content li:nth-child(2) .pic:before{top:38%;}
    .life-content li:nth-child(2) .pic:after{top:38%;}

    .bigImg{height:180px;}
    .bigImg .img{height:180px; }
    .bigImg-content{padding:40px 0;}
    .bigImg-content h1{font-size: 20px; }
    .bigImg-content p{;font-size: 14px;line-height:30px;
        height:30px;margin:10px auto; }
    .bigImg-content span{font-size: 18px;line-height:24px;}
    .bigImg-content img{width:26px;}


    .pro-table li{width:23%;margin:0;}
    .pro-table li a{width:100%;font-size:16px;height:30px;line-height:30px;}

    .proSlideMob{padding:40px 0 20px 0;}
    .proList {overflow: hidden;}
    .proList li{width:48%;float:left;height:auto;margin-bottom:20px;}
    .proList li .box{width:100%;height:100%;}
    .proList li .title{width:100%; }
    .proList li:nth-child(2n){width:48%;float:right;}
    .proList li .title{bottom:0;}
    .proList li:hover .title{bottom:0;}
    .proList li:hover .box{width:100%;height:100%;}

    .proList li .title{height:74px;}
    .proList li .title p{margin-top:0;}
    .proList li:hover .box{box-shadow: none;}

    .s-about-cont dl dt {float:none;}
    .s-about-cont dl dd{position: relative; top:-20px;width:98%;margin:0 auto;float:none;}
    .s-about-cont dl dd:before{width:41px;height:39px;background-size: 41px 39px;}
    .s-about-cont dl dd:after{width:43px;height:37px;background-size: 43px 37px;}

    .case-lt{width:100%;}
    .case-rt{width:100%;margin-top:20px;}
    .case-rt ul li{padding:0;width:48.5%;margin-bottom:3%;}
    .case-rt ul li:nth-child(2n){float: right;}
    .s-more{margin-top:20px;}

    .recommendTab{width:100%;padding:0}
    .recommendList li dl{width:100%;margin-right:0;}
    .recommendList li dl dd p{font-size: 16px;}
    .recommendTab ul li a{padding:5px 0;height:40px;line-height:30px;}

    .recommendList li dl:hover{border:2px solid transparent;border-radius: 10px;}
    .recommendList li dl:hover dt{padding:0;background: #fff;}
    .recommendList li dl:hover dd{background: #e6e6e6;height:60px;padding:10px 0;margin-top:0;}
    .recommendList li dl:hover dd a{background: none;}
    .recommendList li dl:hover dd p{ height:60px;line-height:60px;display: block;color:#000;margin-top:14px;}
    .recommendList li dl:hover dd p:after{display: none;}
    .recommendList li dl:hover dd span{ display: none;}




    .foot{padding:20px 0;}
    .foot_logo{border:none;margin-bottom:10px;}
    .foot_logo img{width:70px;}
    .foot_contact{padding-left:15px;}
    .foot_contact b{font-weight: normal;}
    .foot_ma{margin:10px 0;}
    .foot_ma dt{width:80px;height:80px;}
    .copy {text-align: left;padding:20px 30px;line-height:26px;}
    .copy span{display: block;}


    /*内页*/
    .det_main{padding:30px 15px;}
    .det_lt{width:100%;float:none;}
    .det_rt{margin-left:0;padding:0;box-shadow: none;}
    .det_padding{padding:10px 0;}

    .det_title{padding:0 15px;line-height:50px;height:50px;font-weight: normal;font-size: 18px;}
    .det_title img{width: 20px;margin-top:15px;}
    .det_title span{width:70%;margin:0 auto;height:50px;overflow: hidden;display: inline-block;}
    .detNavPc{margin-top:15px;}
    .detNavPc li a{height:45px;line-height:45px;}
    .detNavPc-two li a{height:40px;line-height:40px;}
    .detNavPc{display: none;}

    .fontSize-list{position: absolute;right:0;top:55px;background: rgba(000,000,000,.8);border-radius:5px;display: none;z-index:10;}
    .fontSize-list li a{display: block;color:#fff;line-height:30px;width:60px;text-align: center;}
    .aboutImg dl{width:49%;margin:20px 0 0;}
    .aboutImg dl:nth-child(2n){float: right;}


    .page li span{width:24px;margin:0 2px;}
    .page select{padding:2px;}
    .page {margin-top:15px;}

    .list-recommend{padding:10px 0;}

    .proListCont li p{font-size: 12px;padding:5px 0;}

    .share{text-align: left;}

    .recommendSlide .recommendScroll{width:100%;}
    .recommendSlide .recommendBigImg li{height:auto;}
    .recommendSlide .recommendBigImg li dl{width:100%;margin:20px 0 0;}

    .searchResult{font-size:18px;padding:10px 0;}
    .serList li a{line-height:50px;height:50px;}
    .serList li a span{  line-height: 50px;  height: 75px; }

}


@media (max-width: 480px) {

}
@media (min-width: 768px) {
    .detNavPc{display: block!important;}
    .fontSize-list{display: none!important;}

    .aboutImg_list  dt a{border:5px solid transparent;}
    .aboutImg_list:hover dt{box-shadow: 0 0 30px 0 rgba(128,128,128,.4);border-radius: 10px;}
    .aboutImg_list:hover dt a{border:5px solid #fff;}
    .aboutImg_list:hover dd {font-weight: bold;color:#000;}

    .listImg_list:hover dt p{display: block;}
    .listImg_list:hover dt {box-shadow: 0 0 14px 0px rgba(128,128,128,.5);border-radius: 10px;}

    .list-case .listImg_list:hover dt{box-shadow: none;}


    .recommendSlide .recommendBigImg li dl:hover{border:2px solid #000;border-radius: 0;}
    .recommendSlide .recommendBigImg li dl:hover dt{padding:7px;background: #fff;}
    .recommendSlide .recommendBigImg li dl:hover dd{background: #fff;height:80px;padding:0;margin-top:-26px;}
    .recommendSlide .recommendBigImg li dl:hover dd a{background: #000;}
    .recommendSlide .recommendBigImg li dl:hover dd p{line-height:40px;height:40px;display: block;color:#fff;margin-top:0;}
    .recommendSlide .recommendBigImg li dl:hover dd p:after{content:"";display: block;width:90px;border-top:1px solid #808080;margin:-2px auto 0;}
    .recommendSlide .recommendBigImg li dl:hover dd span{color:#fff;font-size: 14px;line-height:36px;display: block;}

}