@media (min-width: 1920px) {}

@media (min-width: 1600px) {
    .mod-31 .container {
        width: 85%;
    }

    .mod-31 .container .content {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media (min-width: 1521px) {
    .mod-22 {
        width: 724px;
    }
}

@media (min-width: 1366px) {
    .container {
        width: 1200px;
        padding-right: 0;
        padding-left: 0;
    }

    .header-custom .nav-custom>li {
        margin: 0 18px;
    }

    .statement {
        width: 1200px;
        margin-left: -600px;
    }

    .mod-24 {
        padding-right: 60px;
        padding-left: 60px;
    }

    .mod-27>.row {
        margin-right: -30px;
        margin-left: -30px;
    }

    .mod-27>.row>div {
        padding-right: 50px;
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .footer-nav {
        padding-right: 340px;
    }

    .footer-down .down-left {
        float: left;
    }

    .footer-down .down-right {
        float: right;
    }

    .mod-03 .content {
        margin-top: 184px;
    }

    .mod-20>div {
        padding-right: 35px;
        padding-left: 35px;
    }

    .mod-21 .name,
    .mod-22 .name {
        width: 380px;
    }

    .mod-21>img {
        height: 537px;
    }

    .mod-22 {
        height: 537px;
    }

    .mod-31 .container .content>div:nth-child(1) {
        padding-right: 180px;
    }

    .mod-31 .container .content>div:nth-child(2) {
        padding-left: 180px;
    }

    .address-list {
        margin-top: 50px;
    }
}

@media (min-width: 1025px) {
    .block-03 {
        background-attachment: fixed;
    }

    .mod-13 {
        padding-right: 300px;
        position: relative;
    }

    .share {
        position: absolute;
        top: 0;
        right: 0;
    }

    .bomb-box {
        width: 962px;
        margin-left: -481px;
    }

    .mod-20 {
        margin-top: -120px;
    }

    .block-10 {
        margin-top: -50px;
    }

    .password-result {
        width: 656px;
        margin-left: -328px;
    }

    .mod-40 .content .con-1 {
        float: left;
    }

    .mod-40 .content .con-2 {
        float: right;
    }

    .mod-40 .content a {
        margin-right: 30px;
        margin-left: 30px;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    .header-custom .nav-custom {
        margin-top: 13px;
        margin-right: 56px;
    }

    .header-custom .dropdown-menu {
        width: 141px;
        min-width: 141px;
        padding: 0 0 10px 0;
        margin-left: -63px;
        background: rgba(223, 223, 223, 0.75);
        border: none;
        border-top: 1px solid #dfdfdf;
        border-radius: 0;
        box-shadow: none;
        text-align: center;
        left: 50%;
    }

    .header-custom .dropdown-menu img {
        display: block;
        margin-top: -7px;
        margin-right: auto;
        margin-left: auto;
    }

    .header-custom .dropdown-menu li {
        margin-right: 15px;
        margin-left: 15px;
    }

    .header-custom .dropdown-menu li a {
        padding: 11px 0;
        border-bottom: 1px dotted #fff;
        font-size: 16px;
        color: #434141;
    }

    .header-custom .dropdown-menu li a:hover,
    .header-custom .dropdown-menu li a:focus {
        background: none;
        color: #e70012;
    }

    .mod-20>div {
        background: url("../images/line_4.jpg") right 10px no-repeat;
    }

    .mod-20>div:last-child {
        background: none;
    }

    .mod-20>div a {
        height: 190px;
    }

    .mod-31 .container .content {
        border-right: 20px solid #fff;
        border-left: 20px solid #fff;
    }

    .mod-31 .container .content>div {
        background: url("../images/line_5.jpg") right center no-repeat;
    }

    .mod-31 .container .content>div:last-child {
        background: none;
    }

    .mod-31 .container .content>div a img {
        position: absolute;
        top: 5px;
    }

    .mod-31 .container .content>div:nth-child(1) {
        text-align: right;
    }

    .mod-31 .container .content>div:nth-child(1) span {
        border-left: 2px solid #e60012;
    }

    .mod-31 .container .content>div:nth-child(1) a img {
        right: -105px;
    }

    .mod-31 .container .content>div:nth-child(2) span {
        border-right: 2px solid #e60012;
    }

    .mod-31 .container .content>div:nth-child(2) a img {
        left: -105px;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

    .mod-21 .name {
        padding-right: 50px;
        padding-left: 30px;
    }

    .mod-21 .name .icon {
        right: 30px;
    }

    .mod-22 .name {
        padding-right: 30px;
        padding-left: 50px;
    }

    .mod-22 .name .icon {
        left: 30px;
    }

    .mod-33 ul li {
        min-height: 196px;
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .mod-33 ul li {
        padding-left: 184px;
        position: relative;
    }

    .mod-33 ul li .img {
        width: 144px;
        height: 144px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mod-33 ul li .title {
        height: 22px;
        overflow: hidden;
    }

    .mod-33 ul li .content {
        height: 60px;
        overflow: hidden;
    }

    .mod-36 ul li img {
        width: 170px;
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (min-width: 1280px) and (max-width : 1520px) {
    .mod-22 {
        width: 600px;
    }
}

@media (min-width: 1025px) and (max-width : 1365px) {
    .statement {
        width: 900px;
        margin-left: -450px;
    }
}

@media (min-width: 992px) and (max-width : 1199px) {
    .footer-nav {
        padding-right: 260px;
    }

    .mod-03 .content {
        margin-top: 134px;
    }

    .mod-31 .container .content>div:nth-child(1) {
        padding-right: 140px;
    }

    .mod-31 .container .content>div:nth-child(2) {
        padding-left: 140px;
    }
}

@media (min-width: 992px) and (max-width : 1100px) {
    .header-custom .nav-custom>li>a {
        padding: 14px 7px;
    }
}

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

@media only screen and (max-width: 1279px) {
    .mod-22 .text {
        padding-right: 50px;
    }
}

@media only screen and (max-width: 1199px) {
    .footer-down {
        text-align: center;
    }

    .mod-21 .name {
        left: 0;
    }

    .mod-21>img {
        width: 100%;
    }

    .mod-22 {
        padding-bottom: 50px;
    }

    .mod-22 .text {
        margin-bottom: 50px;
    }

    .mod-22 .name {
        display: block;
        position: relative;
    }
}

@media only screen and (max-width : 1024px) {
    .vadio {
        display: none;
    }

    .logo-2 {
        display: none;
    }

    .statement {
        right: 30px;
        left: 30px;
    }

    .close-statement {
        right: 0;
    }

    .mod-05 .item {
        padding-left: 0;
        padding-right: 16px;
    }

    .bomb-box {
        right: 30px;
        left: 30px;
    }

    #passwordBox {
        right: 15px;
        left: 15px;
    }

    .mod-20 {
        margin-bottom: 70px;
    }

    .mod-23 {
        margin-right: 10px;
        margin-left: 20px;
    }

    .mod-24 {
        margin-bottom: 70px;
    }

    .block-05 {
        padding-bottom: 80px;
    }

    .block-07.mb100 {
        margin-bottom: 70px;
    }

    .block-07 .mb150 {
        margin-bottom: 70px;
    }

    .block-08 .mb120 {
        margin-bottom: 80px;
    }

    .mod-27.mb50 {
        margin-bottom: 20px;
    }

    .mod-29 table {
        width: 940px;
    }

    .web-address {
        display: none;
    }

    .wap-address {
        display: block;
    }

    .mod-36 ul li .content a {
        background: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .password-result {
        right: 30px;
        left: 30px;
    }

    .mod-40 .content a {
        margin-right: 10px;
    }
}

@media only screen and (max-width : 991px) {
    .nav-custom {
        height: 336px;
        overflow: auto;
        margin: 0 -15px;
    }

    .header-custom .dropdown-menu img {
        display: none;
    }

    .header-custom .navbar-nav .open .dropdown-menu>li>a {
        color: #9fa0a0;
    }

    .footer-nav .li .cont {
        display: none;
    }

    .block-01 {
        background-size: 100%;
    }

    .block-01 .name {
        padding-top: 50px;
        padding-right: 0;
        margin-bottom: 50px;
        text-align: center;
    }

    .block-01 .box {
        padding-left: 84px;
    }

    .mod-01 {
        padding-left: 0;
    }

    .block-03 .tit-1 {
        margin-bottom: 50px;
    }

    .nav-sub .list-02 a {
        display: block;
    }

    .nav-sub .list-02 span {
        display: none;
    }

    .mod-42 .tit-1,
    .mod-42 .content {
        float: none;
    }

    .mod-42 .content {
        margin-bottom: 30px;
    }

    .mod-20 {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .mod-20>div a {
        padding-bottom: 30px;
    }

    .mod-20>div a span.icon {
        margin-bottom: 20px;
    }

    .mod-28 ul li {
        padding-left: 90px;
    }

    .mod-28 ul li .name {
        width: 90px;
    }

    .mod-28 ul li .content .a-1,
    .mod-28 ul li .content .con-1 {
        margin-left: 10px;
    }

    .mod-28 ul li .content .con-2 {
        margin-top: 10px;
        margin-right: 0;
        margin-left: 10px;
    }

    .mod-28 ul li .content .con-2,
    .mod-28 ul li .content .con-3 {
        float: none;
    }
}

@media only screen and (max-width : 767px) {
    .col-xs-5ths {
        width: 20%;
        float: left;
    }

    .statement .statement-title {
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }

    .statement .statement-content {
        margin-right: 5px;
        margin-left: 30px;
    }

    .statement .text .title {
        font-size: 20px;
    }

    .mod-21 .name {
        padding-right: 30px;
        padding-left: 10px;
        bottom: 0;
    }

    .mod-21 .name .icon {
        right: 10px;
    }

    .mod-22 .name {
        padding-left: 30px;
        padding-right: 10px;
        bottom: 0;
    }

    .mod-22 .name .icon {
        left: 10px;
    }

    .mod-22 .text {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mod-27>.row>div .box .title {
        margin-bottom: 10px;
    }

    .mod-27>.row>div .box .content {
        line-height: 30px;
        margin-bottom: 15px;
    }

    .mod-27>.row>div .box .content>span {
        display: block;
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }

    .mod-27>.row>div .box .more-links {
        width: 200px;
    }

    .mod-27>.row>div .box .label-2 {
        width: 28px;
        margin-top: 0;
        top: 0;
    }

    .mod-31 .container .content>div:nth-child(1) {
        margin-bottom: 20px;
    }

    .mod-31 .container .content>div .wechat {
        margin-left: 0;
        left: 0;
    }

    .mod-33 ul li .img {
        margin-bottom: 20px;
    }

    .mod-36 ul li img {
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .mod-28 ul li .content .a-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page a,
    .page span {
        display: none;
    }

    .page a:first-child,
    .page a:last-child {
        display: inline-block;
        width: 40%;
    }
}

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

    .mod-03 .box-1 .icon,
    .mod-03 .box-1 .name {
        display: none;
    }

    .mod-03 .title .tabs-tit {
        font-size: 18px;
    }

    .mod-20 {
        padding-top: 7px;
        padding-bottom: 4px;
    }

    .mod-20>div {
        padding-right: 7px;
        padding-left: 7px;
    }

    .mod-20>div a {
        padding-top: 15px;
        padding-bottom: 20px;
        font-size: 16px;
    }

    .mod-20>div a span.icon {
        margin-bottom: 10px;
    }

    .mod-23 .fs24 {
        font-size: 20px;
    }

    .mod-24 a {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mod-40 {
        padding-left: 110px;
    }
}

@media only screen and (max-width : 560px) {
    .footer-logo {
        display: none;
    }

    .tit-1 {
        line-height: 30px;
    }

    .tit-1 .name-en {
        font-size: 20px;
    }

    .mod-02>div .text {
        padding: 15px 20px;
    }

    .mod-24 a.a-1 .icon {
        right: -40px;
    }

    .mod-24 a.a-2 .icon {
        left: 15px;
    }

    .mod-28 ul li .content .con-2 {
        margin-left: -70px;
    }

    .bomb-box .img .signIn {
        width: auto;
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 0;
        right: 0;
        left: 0;
    }

    .bomb-box .img .signIn .t-1 {
        font-size: 18px;
    }

    .mod-38 {
        font-size: 16px;
    }

    .mod-38 .title {
        font-size: 20px;
    }

    .mod-38 .back-btn {
        width: 200px;
    }

    .mod-39-con {
        padding-right: 5px;
        padding-left: 5px;
    }

    .mod-39-con .title {
        font-size: 18px;
    }

    .password-result .content {
        font-size: 16px;
    }

    .password-result .content .a-1 {
        width: 200px;
    }

    .mod-40 {
        padding-left: 0;
    }

    .mod-40 .icon {
        position: static;
    }

    .input-7 {
        width: 120px;
    }
}

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

    .header-tel .icon,
    .header-tel .c-2 {
        display: none;
    }

    .header-tel .c-1 {
        float: none;
        padding: 0;
        margin: 0;
        border: none;
    }
}

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

    .mod-20>div a span.icon img {
        width: 70%;
    }

    .mod-31 .container .content>div a {
        height: 60px;
        line-height: 60px;
    }

    .mod-31 .container .content>div a span {
        font-size: 18px;
    }

    .mod-31 .container .content>div a img {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 360px) {
    .mod-24 a {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mod-24 a .name {
        width: 100%;
    }

    .mod-24 a .icon {
        display: none;
    }

    .mod-26 .a-1 {
        font-size: 20px;
    }
}

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