@media (max-width: 1280px) {

}
@media (max-width: 1024px) {
    .container ,.containerss{
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
    }
    .navbar ul li a{font-size:16pt;padding-left:10px;padding-right:10px;height:35px;line-height:35px;}
    .header .logo{max-width:300px;}
    .navbar{margin-top:20px;}
    .foot-logo a{font-size:20px;}
    .item-foot-navi span{font-size:20px;}
    .item-foot-navi a{font-size:16px;}

    .contact-l{font-size:18px;line-height:1.7em;}
}

@media (max-width: 992px) {
    .container {
        width: 100%;
    }
    .header .logo{margin-top:10px;}
    .header .container .logo img{
    max-height: 50px;

}
    .navbar ul li{margin-left:0px;margin-right:0px;}
    .header {
        border-bottom: 1px solid rgba(76,118,63,0.3)
    }
    .navbar{line-height:40px;}
    .navbar ul li{width:100%;float:left;}
    .navbar ul li .dropdown{position:relative;}
    .navbar li a:hover,.navbar li.active a{color:#fff;}
    .navbar ul li.active .dropdown,.navbar ul li:hover .dropdown{color:#fff;}
    
    .header .navbtn {
        order: 2;
        display: block;
        z-index: 990;
        padding: 0px 5px;
        border-radius: 4px;
        background-color: #255daa;
        cursor: pointer;
        transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        width:35px;
        height:33px;
        right:10px;
        top:20px;
        position:absolute;
    }

    .header .navbtn span {
        display: block;
        width: 25px;
        height: 2px;
        margin: 6px 0;
        border-radius: 5px;
        background-color: #fff;
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s
    }

    .header .navbtn.navclose {
        position: fixed;
    }

    .header .navbtn.navclose span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        -moz-transform: translateY(8px) rotate(45deg);
        -webkit-transform: translateY(8px) rotate(45deg)
    }

    .header .navbtn.navclose span:nth-child(2) {
        opacity: 0
    }

    .header .navbtn.navclose span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        -webkit-transform: translateY(-8px) rotate(-45deg)
    }

    .header .mobile-shade {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        z-index: 120;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        transition: all,0.5s;
        -o-transition: all,0.5s;
        -moz-transition: all,0.5s;
        -webkit-transition: all,0.5s
    }

    .header .mobile-shade.show {
        opacity: 1;
        visibility: inherit
    }

    

    .header .navbar {
        position: fixed;
        z-index: 990;
        top: 0;
        left: -260px;
        display: block;
        width: 260px;
        height: 100%;
        padding: 0px;
        margin-top: 0;
        margin-right: 0;
        overflow-y: auto;
        background-color: #255daa;
        transition: left,0.5s;
        -o-transition: left,0.5s;
        -moz-transition: left,0.5s;
        -webkit-transition: left,0.5s;
        padding-top:50px;
    }

    .header .navbar.nav-show {
        left: 0
    }

    .header .container {
        display: block;
        border-radius: 0px;
        overflow: hidden;
        padding:0px;
    }
    .header .navbar a {
    min-width: 100%;
    margin-right: 0px;
    font-size: 16px;
    color: #fff;
    margin:0px;
    padding:0px;
}
    .header .navbar a.searchbt{width:36px;margin-left:calc(50% - 18pt);min-width:auto;}
    .header .navbar .sub-nav{width:90%;margin-right:5%;}
    .header{width:100%;float:left;height:70px;}
    .navbar li a:hover,.navbar li.active a{background:none;color:#f00;}
    .navbar ul li{padding-left:0px;padding-right:0px;background:none;width:100%;text-align:center;}
    .item-foot-navi{width:calc(33.33% - 20px);margin-left:10px;margin-right:10px;margin-bottom:20px;}
    .title{font-size:25px;}
    .home-main-about-con{line-height:1.6em;font-size:15px;}
/*    .list-banner{height:300px;font-size:30px;}*/
    .menu .menu-title{font-size:20px;line-height:40px;}
    .menu a{line-height:35px;font-size:16px;}
    .menu a:hover,.menu a.active{background-size:100% 35px;}
    .menu{width:200px;}
    .inside-right{width:calc(100% - 230px);}
    .item-pro-title{background-size:20px auto;padding-left:35px;font-size:20px;}
    .item-pro-desc{font-size:16px;}
    .recruit-list{margin-top:30px;}
    .recruit-list ul li{min-height:35px;line-height:35px;font-size:13px;}

    .recruit-list ul li span:nth-child(1){width:45%;float:left;}
    .recruit-list ul li span:nth-child(2){width:15%;float:left;}
    .recruit-list ul li span:nth-child(3){width:20%;float:left;}
    .recruit-list ul li span:nth-child(4){width:20%;float:left;}



    .contentbox-news .list .image{width:100%; height:auto;}
    .contentbox-news .list .title{float:left; width:100%;font-size:16px;}
    .contentbox-news .list span{float:left; width:100%;}

    .contact-l{width:53%;font-size:13px;line-height:1.7em;}
    .home-main-about-con p{font-size:15px;}
    .navbar ul li a,.menu a,.item-pro-title,.item-pro-title span{font-family:'Adobe Heiti Std';}
}

@media (max-width: 576px) {
    .header .container .logo {
    height: 50px;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
    
    .home-main{margin-top:10px;}
    .title{font-size:20px;}
    .home-main-about-con{line-height:1.6em;font-size:14px;}
    .home-main-about-con{margin-top:10px;}
    .foot-logo,.foot-navi{width:100%;}
    .foot-navi{margin-top:20px;}

/*    .list-banner{height:200px;font-size:20px;}*/
    .menu .menu-title{font-size:18px;}
    .menu a{line-height:30px;font-size:14px;}
    .menu a:hover,.menu a.active{background-size:100% 30px;}
    .menu{width:100%;}
    .inside-right{width:100%;float:left;font-size:18px;border-top:2px solid #f00;padding-top:20px;margin-top:20px;}
    .item-pro-title{font-size:16px;}
    .item-pro-desc{font-size:14px;}


    .recruit-list ul li span:nth-child(1){width:100%;float:left;}
    .recruit-list ul li span:nth-child(2){width:100%;float:left;}
    .recruit-list ul li span:nth-child(3){width:100%;float:left;}
    .recruit-list ul li span:nth-child(4){width:100%;float:left;}

    .contact-l{width:100%;}
    .contact-r{width:100%;float:left;margin-top:20px;}
    .home-main-about-con p{font-size:14px;}
}

/*# sourceMappingURL=../maps/style/media.css.map */