/*大屏幕*/
@media screen and (min-width: 768px) {

    .nav{height: 90px;width: 100%;position: fixed;top: 0;z-index: 999;background: #fff;}
    .nav .nav_box{width: 1440px;height:100%;margin: 0 auto;background:#fff;}
    .nav .nav_box .logo{width:212px;height: 52px;display: inline-block;margin: 19px 0; float:left;margin-right: 30px;}
    .nav .nav_box .tel_text{width: 212px;height: 36px;margin: 27px 0;float: right;}
    .nav .nav_box .nav_content{float: left;}
    .nav .nav_box .nav_content .nav_item{float: left;transition: all .3s;}
    .nav .nav_box .nav_content .nav_item a{transition: all .3s; text-decoration: none;font-size: 20px;color: #333333;display: inline-block;height: 100%;line-height: 90px;padding: 0 40px;box-sizing: border-box;}
    .nav .nav_box .nav_content .nav_item.active{background: #ef7800;}
    .nav .nav_box .nav_content .nav_item.active a{color: #fff;}
    .nav .nav_box .nav_content .nav_item:hover{background: #ef7800;}
    .nav .nav_box .nav_content .nav_item:hover a{color: #fff;}


    .footer{width: 100%;background: #1b1b1b;}
    .footer_conter{width: 1213px;margin: 0 auto;}
    .footer_conter .footer_logo{width: 206px;height: 45px;margin-top: 50px;margin-bottom: 25px;}
    .footer_conter .p1{color: #cecece;font-size: 18px;margin-bottom: 10px;}
    .footer_conter .p2{color: #ffffff;font-size: 24px;margin-bottom: 10px;}
    .footer_conter .code{width: 120px;}

    .menu_box{display: none;}
    .make{display: none;transition: all  .3s;}


}
@media screen and (max-width: 1500px){

    .nav .nav_box{width: 1200px;}
    .nav .nav_box .logo{width: 150px;height: auto;margin: 26px 0;margin-right:30px;}
    .nav .nav_box .nav_content .nav_item a{font-size: 18px;padding:0 30px;}
    .nav .nav_box .tel_text{width: 150px;height: auto;}

}







/*小屏幕*/
@media screen and (max-width: 768px) {

    .make{opacity: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);position: fixed;top: 0;left: -100%; z-index: 998;transition: left 0s opacity .3s; padding-top: 50px;box-sizing: border-box;}

    .make.active{display: block;opacity:1;left: 0%;}
    .make  .menu_l{width: 50%;background: #fff;height: 100%;margin-left: -50%;transition: all .3s;}
    .make.active  .menu_l{margin-left: 0;}
    .make.active  .menu_l .item_menu{width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 14px;}
    .make.active  .menu_l .item_menu.active{background: #ef7800;color: #fff;}

    .nav{position: fixed;top: 0;width: 100%;z-index: 999;background: #fff;}

    .nav_content{display: none;}
    .tel_text{display: none;}
    .nav_box{width: 100%!important;height: 50px;}
    .nav .nav_box .logo{width: 100px;margin: 12px 0;margin-left: 20px;}
    .menu_box{width: 44px;float:right;margin-top: 10px;position: relative;}
    .menu_box .t{width: 30px;height: 4px;background: #ef7800;margin-bottom: 4px;transition: all .3s;}
    .menu_box.active .t:nth-child(2){
        -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 14px;
    }
    .menu_box.active .t:nth-child(3){
        -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 14px;
    }
    .menu_box.active .t:nth-child(1){opacity: 0;}
    .menu_box.active .t:nth-child(4){opacity: 0;}




    .footer{width: 100%;background: #1b1b1b;}
    .footer_conter{width: 100%;padding: 10px 10px;box-sizing: border-box;}
    .footer_conter .footer_logo{width: 100px;height: auto;margin-top:10px;margin-bottom: 10px;}
    .footer_conter .p1{color: #cecece;font-size: 12px;margin-bottom: 6px;}
    .footer_conter .p2{color: #ffffff;font-size: 14px;margin-bottom: 6px;margin-top: 10px;}
    .footer_conter .code{width: 80px;}
    .ba_code span{font-size: 16px;}

}