@media (max-width: 1600px) {.right_box{right: 0;}}
@media (max-width: 1100px) {
    .nav_list li{margin-right:0;}
    .foot_nav dl{width: 150px;}
}
@media (max-width: 997px) {
    .head{height:0.8rem;}
    .head .logo{line-height: 0.8rem;width:2.62rem;}
    .head .hotLine{display: none;}
    .nav_btn{display: block;}
    .head .nav_box{
        display:none;position: fixed;top:0.8rem;left: 0;right:0;box-sizing: border-box;z-index: 2;
        background: #fff;width: 100%;height:calc(100% - 0.8rem);border-top: 1px solid #0186ed;overflow: auto;
    }
    .nav_list li{float: none;}
    .nav_list li>a{line-height:40px;color:#333;padding:0;}
    .nav_list li>a:after{display: none;}
    .nav_list li .nav_er{
        position: static;width:100%;line-height:30px;padding:0;display: none;opacity: 1;visibility: visible;background: #fff;
    }
    .nav_er a{color:#333;}
    .nav_er a:hover{color:#fff;}
    .banner_list li{height: 4.8rem;}
    .banner .bx-wrapper .bx-controls-direction a{display: none;}
    .foot{padding-top:0.3rem;}
    .foot .foot_nav{display: none;}
    .foot .foot_con{text-align: center;float: none;}
    .foot_con .qrCode{margin: auto;padding-top: 0.1rem;line-height: 26px;}
    .foot_con .footTel_TT{font-size: 20px;}
    .foot .bottom{line-height: 24px;margin-top:0.2rem;padding: 0.1rem 0;}
    .right_box{display: none;}
}
@media (max-width: 1150px) {.proT_list .proT_one{width: 23.5%;margin-right: 2%;font-size: 16px;padding: 0 0.2rem;}}
@media (max-width: 997px) {
    .ind_title{height: 80px;font-size: 24px;line-height: 36px;padding: 10px 0;top: -40px;}
    .ind_title .indT_TT{font-size: 14px;line-height: 24px;}
    .pro_rec{margin:1rem 0;padding-bottom:0.6rem;}
    .pro_rec .proR_box{padding:0.6rem 0 1rem;}
    .proR_one .proR_T{line-height: 32px;}
    .proR_box .bx-wrapper .bx-controls-direction a{display: none}
    .proR_box .bx-wrapper .bx-pager.bx-default-pager a{display: block;background: #0068b7;}
    .proR_box .bx-wrapper .bx-pager.bx-default-pager a.active,.proR_box .bx-wrapper .bx-pager.bx-default-pager a:focus,.proR_box .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #f75831;}
    .proT_list .proT_one{width:30.33%;margin:0 1.5% 0.3rem;}
    .proT_list .proT_one:nth-child(4n){margin-right: 1.5%;}
}
@media (max-width: 520px) {
    .ind_title{height: auto;font-size: 20px;line-height: 30px;padding:0.1rem 0;top:0;margin:0 auto 0.3rem;}
    .ind_title .indT_TT{display: none;}
    .proT_list .proT_one{width: 90%;margin:0 auto 0.3rem;float: none;height:auto;padding:0.2rem 0.3rem;}
    .proT_list .proT_one:nth-child(4n){margin-right: auto;}
    .proT_one .vac{transform: none;top: 0;}
    .pro_rec{margin:0.6rem 0;padding:0.5rem 0;}
    /**12-11**/
    .foot{padding-bottom:calc(74px + 0.2rem);}
    .moFoot{position:fixed;width:100%;background:#0068b7;left:0;bottom:0;display:block;z-index:999;}
    .moFoot .MF_nav{font-size:0;}
    .MF_nav a{
        color:#fff;text-align:center;line-height:20px;border-right:1px solid #fff;
        padding:0.1rem 0;display:inline-block;width:25%;box-sizing:border-box;font-size:14px;
    }
    .MF_nav a:last-child{border-right:none;}
    .MF_nav a i{display:block;height:30px;}
    .MF_nav a.MFA1 i{background:url("../images/foot_icon_01.png") center/20px no-repeat;}
    .MF_nav a.MFA2 i{background:url("../images/foot_icon_02.png") center/20px no-repeat;}
    .MF_nav a.MFA3 i{background:url("../images/foot_icon_03.png") center/20px no-repeat;}
    .MF_nav a.MFA4 i{background:url("../images/foot_icon_01.png") center/20px no-repeat;}
    .moFoot .MF_link{text-align:center;font-size:14px;font-weight:bold;color:#fff;line-height:24px;}
    .MF_link a{font-size:14px;color:#fff;}
}