@media (min-width: 1440px){
    .container{
        width: 1200px;
        padding-right: 0;
        padding-left: 0;
    }
    #banner.owl-theme .owl-controls{
        width: 1200px;
    }
    .mod-04.owl-theme .owl-controls .owl-prev{
        left: -64px;
    }
    .mod-04.owl-theme .owl-controls .owl-next{
        right: -64px;
    }
    .ab-scroll{
        height: 900px;
    }
    .mod-16{
        padding: 175px 180px;
    }
}
@media (min-width: 1200px){
    .mod-11 .inner{
        padding-left: 125px;
        padding-right: 125px;
    }
    .mod-16{
        background: url("../images/bg_1.png") no-repeat;
        background-size: 100% auto;
    }
    .mod-21 .content{
        background: url("../images/li_bg5.jpg") center center no-repeat;
        /* text-align: center; */
    }
}
@media (min-width: 992px){
    .header-custom .navbar-nav>li:hover,
    .header-custom .navbar-nav>li.on{
        background: url("../images/nav_li_h.png") center top repeat-y;
        background-size: 100% auto;
    }
    .mod-05>div .box{
        min-height: 167px;
        padding-left: 314px;
        position: relative;
    }
    .mod-05>div .box .img{
        width: 299px;
        height: 167px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mod-05>div .box .text{
        height: 167px;
    }
    .mod-05>div .box .text .title{
        height: 30px;
        overflow: hidden;
    }
    .mod-05>div .box .text .content{
        height: 60px;
        overflow: hidden;
    }
    .mod-09 .box .title{
        padding-left: 60px;
    }
    .mod-09 .box .content{
        padding-top: 40px;
        padding-left: 10%;
        background: url("../images/li_bg1.jpg") left center no-repeat;
    }
    .mod-09 .box .content .text{
        padding-top: 30px;
        padding-right: 6%;
        padding-bottom: 30px;
        padding-left: 6%;
		min-height:129px;
    }
    .mod-11 .inner{
        padding-top: 40px;
    }
    .mod-12 ul li{
        min-height: 167px;
        padding-left: 324px;
        position: relative;
    }
    .mod-12 ul li .img{
        width: 299px;
        height: 167px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .mod-12 ul li .img img{
        width: 100%;
    }
    .mod-12 ul li .content{
        height: 78px;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .img-box{
        width: 800px;
        margin-left: -400px;
    }
}
@media (min-width: 768px){
    .mod-14{
        width: 668px;
        margin-right: auto;
        margin-left: auto;
        background: url("../images/line_4.jpg") center top repeat-y;
    }
    .mod-14 .box .date{
        float: left;
        padding-right: 73px;
        background: url("../images/li_bg2.png") right top no-repeat;
    }
    .mod-14 .box .img{
        float: left;
        margin-left: 50px;
    }
}
@media (min-width: 1200px) and (max-width : 1439px){
    #banner.owl-theme .owl-controls{
        width: 1170px;
    }
    .ab-scroll{
        height: 600px;
    }
    .mod-16{
        padding: 165px 170px;
    }
}
@media (min-width: 992px) and (max-width : 1199px){
    .header-custom .logo{
        margin-top: -51px;
    }
    .header-custom .logo img.logo-l{
        display: none;
    }
    .header-custom .logo img.logo-s{
        display: block;
    }
    .header-custom .logo img.logo-x{
        display: none;
    }
    #banner.owl-theme .owl-controls{
        width: 970px;
    }
    .footer-nav>div{
        width: 12.5%;
        padding-left: 10px;
    }
    .footer-nav>div:nth-child(3){
        width: 25%;
    }
    .footer-nav>div:last-child{
        padding-right: 10px;
    }
    .mod-01 .box{
        font-size: 12px;
    }
    .other-header .navbar-nav>li{
        padding-right: 15px;
        padding-left: 15px;
    }
    .mod-11 .inner{
        padding-left: 70px;
        padding-right: 70px;
    }
    .ab-scroll{
        height: 500px;
    }
}
@media (min-width: 768px) and (max-width : 991px){
    .img-box{
        width: 600px;
        margin-left: -300px;
    }

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

}
@media only screen and (max-width : 991px){
    .header-custom{
        background: rgba(255,255,255,0.6);
        position: fixed;
        bottom: auto;
    }
    .header-custom .logo{
        padding: 10px 15px;
        margin-top: 0;
        position: static;
    }
    .header-custom .logo img.logo-l{
        display: none;
    }
    .header-custom .logo img.logo-s{
        display: none;
    }
    .header-custom .logo img.logo-x{
        display: block;
    }
    .header-custom .navbar-right{
        border-right: none;
        position: static;
    }
    .header-custom .navbar-right li{
        width: auto;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        background: rgba(1,87,168,0.3);
        border-left: none;
    }
    .header-custom .navbar-right li a{
        margin-top: 0;
        position: static;
        top: 0;
    }
    .header-custom .navbar-nav{
        margin: 0;
    }
    #banner.owl-theme .owl-controls{
        display: none !important;
    }
    .footer-block{
        display: none;
    }
    .other-nav{
        float: none;
    }
    .other-search{
        float: none;
    }
    .search-btn{
        display: none;
    }
    .other-header .navbar-right{
        margin-top: 0;
    }
    .other-header .navbar-nav>li>a{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .other-header .search-left{
        float: left;
    }
    .other-header .search-right{
        float: right;
        margin-bottom: 0;
    }
    .other-header .search-con{
        display: block;
        position: static;
    }
    .address{
        display: none;
    }
    .mod-07{
        float: none;
    }
    .mod-09 .box .content{
        position: static;
    }
    .mod-11{
        background: none;
    }
    .mod-11 .year{
        display: block;
    }
    .mod-11 .leftCorner,.mod-11 .rightCorner{
        display: none;
    }
    .ab-scroll{
        height: 500px;
    }
}
@media only screen and (max-width : 767px){
    .mod-10>div.bg{
        margin-top: -20px;
    }
    .mod-14 .box .date .name,
    .mod-14 .box .img{
        margin-right: auto;
        margin-left: auto;
    }
    .img-box{
        right: 15px;
        left: 15px;
    }
    .close-img{
        top: -60px;
        right: 0;
    }
    .mod-15 .prev{
        left: 0;
    }
    .mod-15 .next{
        right: 0;
    }
    .mod-16 .pl20,
    .mod-16 .pr20{
        padding: 0;
    }
}
@media only screen and (max-width : 640px){
}
@media only screen and (max-width : 480px){
    .header-custom .logo{
        width: 80%;
    }
}
@media only screen and (max-width : 380px){
    .header-custom .navbar-toggle{
        margin-top: 30px;
    }

    .mod-01 .box{
        font-size: 12px;
    }
}
@media only screen and (max-width: 320px){
}