.tou {
    /* padding: 15px 0; */
    position: absolute;
    z-index: 111;
    width: 100%;
    top: 0;
    background: #fff;
}

.tou .logo {
    line-height: 130px;
}

.tou .dh {
    font-size: 24px;
    color: #494949;
    font-family: arial;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
    padding-left: 32px;
    padding-right: 24px;
    line-height: 44px;
    margin-top: 41px;
}

@media (max-width: 1090px) {
    .tou .dh {
        display: none;
    }
}

.tou .dh img {
    padding-right: 16px;
    vertical-align: sub;
}

.tou #menu {
    float: right;
    /* margin-top: 30px; */
    /* margin-right: 6%; */
    width: 57%;
}

.tou #menu .nav1 li {
    position: relative;
    float: left;
    text-align: center;
    padding: 0 1.77vw;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

@media (max-width: 1300px) {
    .tou #menu .nav1 li {
        padding: 0 16px;
    }
}

.tou #menu .nav1 li>a {
    line-height: 130px;
    font-size: 16px;
    color: #525252;
    display: block;
}

@media (max-width: 1025px) {
    .tou #menu .nav1 li>a {
        font-size: 14px;
    }
}

.tou #menu .nav1 li>a:after {
    content: "";
    display: block;
    bottom: 0px;
    width: 0px;
    left: 0px;
    position: absolute;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    height: 2px;
    background: #187fc4;
}

.tou #menu .nav1 li:hover>a:after {
    width: 100%;
}

.tou #menu .nav1 li:hover .sec {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.tou #menu .nav1 li .sec {
    position: absolute;
    z-index: 999999;
    width: 150%;
    left: -25%;
    top: 130px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.tou #menu .nav1 li .sec a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    padding: .5em;
}

.tou #menu .nav1 li .sec a:hover {
    background: #e9eaeb;
}

.so {
    position: relative;
}

.so #formsearch {
    display: none;
    width: 250px;
    position: absolute;
    right: -250px;
    top: 0;
}

.so #formsearch input {
    height: 34px;
    line-height: 34px;
    border: none;
    text-indent: 14px;
}

.so #formsearch input#keyword {
    width: 200px;
    float: left;
}

.so #formsearch #s_btn {
    border: none;
    height: 34px;
    line-height: 34px;
    width: 50px;
    float: right;
    background: #000;
}

.so #formsearch #s_btn .icon-font:after {
    background-position: -30px -210px;
}

.c3 .list2 {
    display: flex;
    flex-wrap: wrap;
}

.c3 .list2 li {
    width: 25%;
}

@media (max-width: 600px) {
    .c3 .list2 li {
        /* width: 100%; */
    }
}

.c3 .list2 li .img {
    overflow: hidden;
}

.c3 .list2 li .img img {
    width: 100%;
    transition-duration: .5s;
}

.c3 .list2 li:nth-child(2) {
    width: 50%;
}

@media (max-width: 600px) {
    .c3 .list2 li:nth-child(2) {
        /* width: 100%; */
    }
}

.c3 .list2 li a {
    position: relative;
    display: block;
}

.c3 .list2 li a .zi {
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 42px;
    padding: 0 8%;
}

@media (max-width: 1025px) {
    .c3 .list2 li a .zi {
        bottom: 10%;
    }
}

.c3 .list2 li a .zi h3 {
    line-height: 1;
}

.c3 .list2 li a .zi h3 p {
    font-size: 12px;
    font-family: arial;
    text-transform: uppercase;
}

.c3 .list2 li a .zi h3 b {
    display: block;
    font-size: 24px;
    margin-top: 16px;
    font-weight: 500;
}

.c3 .list2 li a .zi dd {
    margin-top: 22px;
    font-size: 18px;
    height: 0;
    overflow: hidden;
    line-height: 1;
    transition-duration: .5s;
}

.c3 .list2 li a:hover .img img {
    transform: scale(1.1);
}

.c3 .list2 li a:hover .zi dd {
    height: 18px;
}

h2.bt {
    text-align: center;
    font-weight: 600;
    color: #000000;
    font-size: 44px;
}

.c3 .list2 li .zi {
    bottom: 10%;
}


}
.c3 .list2 li .zi h3 {
    line-height: 1;
}
.c3 .list2 li .zi h3 p {
    font-size: 12px;
    font-family: arial;
    text-transform: uppercase;
}
.c3 .list2 li .zi h3 b {
    display: block;
    font-size: 24px;
    margin-top: 16px;
    font-weight: 500;
}
.c3 .list2 li .zi dd {
    margin-top: 22px;
    font-size: 18px;
    height: 0;
    overflow: hidden;
    line-height: 1;
    transition-duration: .5s;
}
@media (max-width: 1024px) {
    h2.bt {
        font-size: 30px;
    }
}
.newx_con {
    margin-top: 6.66vw;
    margin-bottom: 5.2vw;
}
.newx_con .news_ll {
    margin-top: 4.16vw;
}
.newx_con .news_ll li .img img {
    max-width: 100%;
}
.newx_con .news_ll li .zi {
    padding: 50px 10px 0;
}
@media (max-width: 1025px) {
    .newx_con .news_ll li .zi {
        padding-top: 30px;
    }
}
.c4 {
    background: url(../images/c4.jpg) no-repeat 50% 0;
    /* background-attachment: fixed;
    background-size: cover; */
    
    text-align: center;
    color: #fff;
    padding: 13% 5%;
}
.c4 h2 {
    font-size: 48px;
}
@media (max-width: 780px) {
    .c4 h2 {
        font-size: 24px;
    }
}
.c4 dd {
    font-size: 36px;
    margin-top: 42px;
    letter-spacing: 4px;
}
@media (max-width: 780px) {
    .c4 dd {
        margin-top: 24px;
        font-size: 18px;
        letter-spacing: 4px;
    }
}
.c5 {
    background: url(../images/c5.png);
    padding-top: 7.083vw;
    padding-bottom: 28px;
}
.c5 .sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}
.c5 .sec li {
    font-size: 30px;
    color: #333333;
    padding: 0 13px;
}
@media (max-width: 780px) {
    .c5 .sec li {
        font-size: 18px;
    }
}
.c5 .sec li span {
    color: #187fc4;
    font-family: arial;
}
.c5 .tu {
    text-align: center;
    margin-top: 5.7vw;
}
.c5 .tu img {
    max-width: 100%;
}
.lc1 {
    background-color: #fcfcfc;
    padding-top: 5.9375vw;
    padding-bottom: 3.64583vw;
}
.lc1 .st {
    text-align: center;
}
.lc1 .list2 {
    margin-top: 4.27vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lc1 .list2 li {
    width: 26%;
    margin-bottom: 68px;
    text-align: center;
}
.lc1 .list2 li a {
    display: block;
    max-width: 372px;
    margin-left: auto;
    margin-right: auto;
}
.lc1 .list2 li .img {
    /* width: 100px; */
    
    line-height: 67px;
    height: 67px;
}
.lc1 .list2 li .zi {
    color: #000000;
    /* width: calc(100% - 100px); */
    
    margin-top: 40px;
}
.lc1 .list2 li .zi h3 {
    font-size: 24px;
    font-weight: 600;
}
.lc1 .list2 li .zi dd {
    font-size: 18px;
    line-height: 32px;
    margin-top: 14px;
}
@media(max-width: 1025px) {
    .lc1 .list2 li {
        width: 48%;
        margin-bottom: 34px;
    }
}
@media(max-width: 780px) {
    .lc1 .list2 li .zi h3 {
        font-size: 18px;
    }
    
    .lc1 .list2 li .zi dd {
        font-size: 14px;
        line-height: 24px;
        margin-top: 4px;
    }
    
    .lc1 .list2 li .img {
        /* width: 60px; */
        height: 50px;
        line-height: 50px;
    }
    
    .lc1 .list2 li .img img {
        max-width: 22%;
    }
    
    .lc1 .list2 li .zi {
        /* width: calc(100% - 60px); */
        margin-top: 20px;
    }
}
@media(max-width: 480px) {
    .lc1 .list2 li {
        /* width: 50%; */
        margin-bottom: 20px;
    }
    
    .c3 .list2 li a .zi h3 b {
        font-size: 14px;
        margin-top: 2px;
    }
    
    .c3 .list2 li a .zi {
        bottom: 0;
    }
    
    .newx_con .news_ll .owl-carousel .owl-stage-outer {
        overflow: inherit;
    }
    
    .newx_con .news_ll {
        position: relative;
        margin-top: 30px;
    }
    
    .newx_con .news_ll:before {
        content: '';
        display: block;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        left: -34px;
        width: 10%;
        z-index: 111;
    }
    
    .newx_con {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}