@media (min-width: 1920px){

    .header-custom .logo{

        padding-left: 0;

    }

}

@media (min-width: 1600px){

    .header-custom .nav-custom>li{

        margin-right: 44px;

    }

}

@media (min-width: 1440px){

}

@media (min-width: 1366px){

    .header-custom .nav-custom>li>a{

        padding-right: 15px;

        padding-left: 15px;

    }

    .header-tel{

        padding-right: 35px;

        padding-left: 25px;

    }

    .mod-02.owl-carousel .owl-nav button.owl-next{

        right: -60px;

    }

    .mod-02.owl-carousel .owl-nav button.owl-prev{

        left: -60px;

    }

    .mod-04.owl-carousel .owl-nav button.owl-next{

        right: -60px;

    }

    .mod-04.owl-carousel .owl-nav button.owl-prev{

        left: -60px;

    }

    .album-page{

        left: 0;

    }

}

@media (min-width: 1200px){

    .col-lg-5ths{

        float: left;

        width: 20%;

    }

    .mod-07{

        min-height: 330px;

        padding-right: 550px;

    }

    .mod-07 .img{

        width: 470px;

        position: absolute;

        top: 0;

        right: 0;

    }

    .mod-09 .text{

        height: 370px;

    }

    .mod-09 .text .title{

        height: 96px;

        line-height: 96px;

        padding-left: 68px;

        margin-bottom: 40px;

        font-size: 30px;

    }

    .mod-09 .text .content{

        padding-left: 68px;

    }

    .mod-09 .slick-arrow{

        top: 315px;

        bottom: auto;

    }

    .mod-29 .content{

        border-left: 1px solid #e5e5e5;

    }

    .mod-31 .box{

        padding-left: 430px;

    }

    .mod-31 .box .name{

        left: 88px;

    }

    .mod-31 .box .name{

        padding-left: 92px;

    }

}

@media (min-width: 992px){

    .col-md-5ths{

        float: left;

        width: 20%;

    }

    .header-custom .nav-custom>li>a{

        padding-top: 45px;

        padding-bottom: 45px;

        background-position: center bottom;

        background-repeat: no-repeat;		

        padding-right: 15px;

        padding-left: 15px;

    }

    .header-custom .nav-custom > li > a:hover,

    .header-custom .nav-custom > li > a:focus,

    .header-custom .nav-custom > .current > a,

    .header-custom .nav-custom > .active > a,

    .header-custom .nav-custom > .active > a:hover,

    .header-custom .nav-custom > .active > a:focus,

    .header-custom .nav-custom > .open > a,

    .header-custom .nav-custom > .open > a:hover,

    .header-custom .nav-custom > .open > a:focus{

   

    }

    .nav-custom .dropdown-menu{

        min-width: 120px;

        padding-top: 0;

        padding-bottom: 10px;

        margin-left: -60px;

        border: none;

        border-radius: inherit;

        box-shadow: none;

        right: auto;

        left: 50%;

    }

    .nav-custom .dropdown-menu>li{

        padding-right: 10px;

        padding-left: 10px;

    }

    .nav-custom .dropdown-menu>li>a{

        padding: 10px 0;

        border-bottom: 1px solid #ebebeb;

        text-align: center;

    }

    .nav-custom .dropdown-menu>li:hover{

        background: #ebebeb;

    }

    .nav-custom .dropdown-menu>li:hover a{

        background: #ebebeb;

    }

    .header-tel{

        height: 90px;

        line-height: 90px;

        margin-right: -15px;

    }

    .mod-01{

        width: 375px;
		height:420px;

        margin-right: auto;

        margin-bottom: 265px;

        margin-left: auto;

        position: relative;

    }

    .mod-01 .text{

        background-repeat: no-repeat;

        position: absolute;
		height:200px;

    }

    .mod-01 .text.txt1{

        width: 344px;

        background-image: url("../images/line_3.jpg");

        background-position: right 75px;;

        top: 63px;

        right: 368px;

    }

    .mod-01 .text.txt2{

        width: 344px;

        padding-left: 94px;

        background-image: url("../images/line_3.jpg");

        background-position: left 75px;

        top: 63px;

        left: 368px;

    }

    .mod-01 .text.txt3{

        width: 344px;

        background-image: url("../images/line_3.jpg");

        background-position: right 75px;

        right: 368px;

        bottom:-55px;

    }

    .mod-01 .text.txt4{

        width: 344px;

        padding-left: 94px;

        background-image: url("../images/line_3.jpg");

        background-position: left 75px;

        bottom: -55px;

        left: 368px;

    }

    .mod-01 .text.txt5{

        background-image: url("../images/line_4.jpg");

        background-position: center 20px;

        text-align: center;

        bottom: -180px;

        right: 0;

        left: 0;
		padding:50px 0 0 0

    }

    .mod-09 .img,

    .mod-09 .text{

        float: left;

        width: 50%;

    }

    .mod-16{

        background: url("../images/line_4.jpg") center top repeat-y;

    }

    .mod-16:after{

        margin-left: -7px;

        left: 50%;

    }

    .mod-16 .box:nth-child(2n)>div{

        padding-right: 64px;

        padding-left: 0;

        text-align: right;

    }

    .mod-16 .box:nth-child(2n)>div .number{

        background: url("../images/icon_23.png") right center no-repeat;

        text-align: left;

        right: -7px;

        left: auto;

    }

    .mod-21{

        padding-top: 275px;

        padding-bottom: 255px;

    }

    .block-07{

        padding-top: 100px;

        padding-bottom: 150px;

    }

    .mod-23{

        margin-top: 78px;

        margin-bottom: 160px;

    }

    .right-box{

        text-align: right;

    }

    .mod-31 .box .name{

        margin-top: -30px;

        position: absolute;

        top: 50%;

    }

    .mod-31 .box .content{

        min-height: 140px;

        padding-right: 35px;

        padding-left: 35px;

        border-left: 1px solid #e5e5e5;

    }

}

@media (min-width: 768px){

    .col-sm-5ths{

        float: left;

        width: 20%;

    }

    .block-06 .box{

        padding-right: 300px;

        position: relative;

        z-index: 99;

    }

    .mod-17{

        width: 300px;

        margin-top: -305px;

        position: absolute;

        top: 50%;

        right: 0;

    }

    .mod-19{

        padding-top: 150px;

        padding-bottom: 90px;

    }

    .mod-29 .content{

        border-right: 1px solid #e5e5e5;

    }

}

@media (min-width: 414px){

}

@media (min-width: 1200px) and (max-width : 1365px){



}

@media (min-width: 992px) and (max-width : 1365px){

    .header-tel{

        padding-right: 6px;

        padding-left: 6px;

    }

    .header-tel{

        font-size: 14px;

    }

    .header-tel span{

        font-size: 16px;

    }

}

@media (min-width: 992px) and (max-width : 1199px){

    .mod-09 .text{

        height: 290px;

    }

    .mod-09 .text .title,

    .mod-09 .text .content{

        padding-left: 40px;

    }

    .mod-09 .slick-arrow{

        top: 235px;

        bottom: auto;

    }

    .mod-31 .box{

        padding-left: 350px;

    }

    .mod-31 .box .name{

        left: 40px;

    }

}

@media (min-width: 768px) and (max-width : 1200px){

}

@media (min-width: 768px) and (max-width: 991px){

    .mod-01 .text{

        display: inline-block;

        width: 50%;

    }

}

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

}

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

    .header-custom .logo .logoBig{

        display: none;

    }

    .header-custom .logo .logoSmall{

        display: block;

    }

    .mod-29 .title{

        text-align: center;

    }

}

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

    .header-custom .logo{

        height: auto;

        padding: 10px 15px;

    }

    .header-custom .nav-custom>.open>.dropdown-menu>li>a{

        color: #333;

    }

    .header-custom .nav-custom>.open>.dropdown-menu>li>a:hover{

        color: #009449;

    }

    .header-custom .navbar-toggle{

        margin-top: 22px;

        margin-bottom: 0;

        border-color: #009449;

    }

    .header-custom .navbar-toggle .icon-bar{

        background: #009449;

    }

    .header-custom .navbar-toggle:hover,

    .header-custom .navbar-toggle:focus{

        background: #009449;

    }

    .header-custom .navbar-toggle:hover .icon-bar,

    .header-custom .navbar-toggle:focus .icon-bar{

        background: #fff;

    }

    .header-tel{

        padding: 5px 10px;

    }

    .mod-09 .text .title .icon{

        display: none;

    }

    .mod-16{

        background: url("../images/line_4.jpg") 7px top repeat-y;

    }

    .mod-16:after{

        left: 0;

    }

    .mod-16 .box>div{

        padding-left: 80px;

    }

    .mod-16 .box>div .number{

        left: 0;

    }

    .mod-21{

        padding-top: 150px;

        padding-bottom: 170px;

    }

    .mod-21 .text{

        font-size: 18px;

    }

    .mod-21 .text .title,

    .mod-21 .text .slogan{

        line-height: 38px;

        font-size: 24px;

    }

    .mod-23,

    .mod-24{

        text-align: center;

    }

    .mod-24{

        margin-bottom: 50px;

    }

    .mod-24 img{

        margin-right: auto;

        margin-left: auto;

    }

    .mod-31 .box .name{

        margin-right: 20px;

        margin-bottom: 20px;

        margin-left: 20px;

    }

}

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

    .col-xs-5ths{

        float: left;

        width: 20%;

    }

    .mod-01 .text{

        display: block;

    }

    .tit-1 .name-cn{

        font-size: 24px;

    }

    .tit-1 .name-en{

        font-size: 22px;

    }

    .mod-14{

        padding-bottom: 1px;

    }

    .mod-17{

        margin-bottom: 30px;

    }

    .mod-29{

        padding: 20px 0;

        text-align: center;

    }

    .mod-29 .title{

        padding-top: 0;

        padding-bottom: 0;

    }

    .mod-29 .code{

        width: 240px;

        margin-right: auto;

        margin-left: auto;

    }

}

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

    .album-page{

        bottom: -71px;

    }

}

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

    .header-tel{

        font-size: 16px;

    }

    .header-tel span{

        font-size: 20px;

    }

    .mod-24{

        font-size: 22px;

    }

}

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

}

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

}