/* 企业文化 */
/* culture1 */
.culture1 {
    width: 100%;
    position: relative;
    background: url(../images/culture1bg.png)no-repeat center center;
    height: 640px;
}

.culture1_main {
    width: 100%;
    position: relative;
    display: inline-block;
}

.culture1_main_body {
    height: 600px;
}

.culture1_main_txt {
    display: inline-block;
    float: left;
    width: 100%;
    padding-top: 80px;
}

.culture1_main_txt h3 P {
    display: block;
    font-size: 50px;
    color: #034ba0;
    line-height: 50px;
    font-weight: bold;
    padding-bottom: 20px;
}

.culture1_main_txt h3 span {
    display: inline-block;
    font-size: 18px;
    color: #999;
    line-height: 26px;
    text-transform: uppercase;
}

.culture1 .slideTxtBox {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.culture1 .slideTxtBox .hd {
    position: relative;
    float: left;
    width: 26%;
    line-height: 24px;
    margin-top: 60px;
    border-left: #999 solid 2px;
}

.culture1 .slideTxtBox .hd ul {
    float: left;
    position: absolute;
    width: 75%;
    left: 0px;
    top: -1px;
}

.culture1 .slideTxtBox .hd ul li {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: left;
    font-size: 20px;
    box-sizing: border-box;
    transition: all .36s ease;
    cursor: pointer;
    color: #999; position: relative; z-index: 3;
}
.culture1 .slideTxtBox .hd ul li span{ float: left; display: block; padding-left: 16px;}

.culture1 .slideTxtBox .hd ul li i {
    float: left; width: 22px; height: 22px; background-position: -211px -435px; display: block;margin-top: 15px;
}
.culture1 .slideTxtBox .hd ul b{ width: 1px;
height: 156px;
background-color: #999;
position: absolute;
left: 10px;
top: 24px;
display: block;}

.culture1 .slideTxtBox .hd ul li.on {
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    background: url(../images/bg.png) left center no-repeat;
    color: #034ba0;
}
.culture1 .slideTxtBox .hd ul li.on i{background-position: -179px -435px;}
.culture1 .slideTxtBox .bd {
    float: right;
    width: 66%;
    margin-top: -99px;
}

.culture1 .slideTxtBox .bd ul { display: inline-block;
    zoom: 1;
}
}

.culture1 .slideTxtBox .bd li {
    height: 24px;
    line-height: 24px;padding: 15px;
}

.culture1 .slideTxtBox .bd li .top {
   padding-top: 36px; display: inline-block;
}

.culture1 .slideTxtBox .bd li .date {
    float: left;
    font-size: 40px;
    font-weight: bold;
    color: #034ba0;
}

.culture1 .slideTxtBox .bd li .more {
    float: left;
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 30px;
    color: #034ba0;padding-top: 20px;
    vertical-align: bottom;
}

.culture1 .slideTxtBox .bd li .bottom {}

.culture1 .slideTxtBox .bd li .bottom .p {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 30px 0;text-indent: 32px;
}

.culture1 .slideTxtBox .bd li .bottom_img {
    width: 42%;
    display: inline-flex;
}

.culture1 .slideTxtBox .bd li .bottom_img img {
    padding-right: 20px;
}

.culture1 .slideTxtBox .arrow {
    position: absolute;
    left: 0px;
    bottom: -300px;
}

.culture1 .slideTxtBox .arrow a {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: #999 1px solid;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/arrow.png") 0 0 no-repeat;
}

.culture1 .slideTxtBox .arrow a:hover {
    background-color: #034ba0;
}
.culture1 .slideTxtBox .arrow .prev span{ display: block; width: 8px; height: 13px; background-position: -211px -354px; margin: 0 auto; margin-top: 10px; }

.culture1 .slideTxtBox .arrow .next span{ display: block; width: 8px; height: 13px; background-position: -225px -354px; margin: 0 auto; margin-top: 10px; }
.culture1 .slideTxtBox .arrow .prev:hover span {
    background-position: -211px -373px;
}

.culture1 .slideTxtBox .arrow .next:hover span {
    background-position: -225px -373px;
}

@media (max-width: 1660px) {
    .culture1 .slideTxtBox .bd li .bottom .p {
  font-size: 14px;
  line-height: 28px;
  padding: 20px 0;
  text-indent: 28px;
}
    .culture1_main_txt h3 P {
        font-size: 40px;
        line-height: 40px;
        padding-bottom: 0px;
    }

    .culture1_main_txt h3 span {
        font-size: 16px;
    }

    .culture1 .slideTxtBox .hd ul li.on {
        font-size: 26px;
    }

    .culture1 .slideTxtBox .hd ul li {
        font-size: 18px;
    }

    .culture1 .slideTxtBox .bd li .date {
        font-size: 30px;
    }

    .culture1 .slideTxtBox .bd li .more {
        font-size: 20px;padding-top: 12px;
    }

    .culture1 .slideTxtBox .bd li .bottom p {
        font-size: 16px;
        padding: 22px 0;
    }
    .culture1 { height: 586px;}
    .culture1 .slideTxtBox .bd li .top { padding-top: 50px;}
}

/* culture2 */
.culture2 {
    width: 100%;
    position: relative;
    height: 620px;
}

.culture2_main {
    width: 100%;
    position: relative;
    display: inline-block;
}

.culture2_main_body {
    height: 600px;
}

.culture2_main_body {
    width: 100%;
    margin-top: 50px;
    position: relative;
}

.culture2_main_body ul {
    display: inline-block;
    width: 105%;
}

.culture2_main_body ul li {
    width: 17.3%;
    height: 330px;
    float: left;
    transition: all ease 0.36s;
    margin-right: 2%;
    background-color: #fff; cursor: pointer;
    border-radius: 15px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.culture2_main_body ul li:hover {
    background-color: #285ca7;
    transform: translateY(-5px);
    transition: all ease 0.36s;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.culture2_main_body ul li i {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-top: 42px;
}
.culture2_main_body ul li i img{ display: block; width: 100%; }

.culture2_main_body ul li:hover i {
    display: block;
    width: 120px;
    margin: 0 auto;
    margin-top: 42px;
}
.culture2_main_body ul li:hover i img{filter: grayscale(100%) brightness(500%)}

.culture2_main_body ul li h3 {
    font-size: 28px;
    line-height: 30px;
    padding-top: 24px;
    font-weight: bold;
}

.culture2_main_body ul li:hover h3 {
    color: #fff;
}

.culture2_main_body ul li p {
    padding: 0 10%;
    font-size: 16px;
    line-height: 24px;
    padding-top: 24px;
    padding-top: 20px;
}

.culture2_main_body ul li:hover p {
    color: #fff;
}

@media (max-width: 1660px) {
    .culture2_main_body ul li h3 {
        font-size: 24px;
    }

    .culture2_main_body ul li p {
        font-size: 14px;
    }

}

/* culture3 */
.culture3 {
    width: 100%;
    position: relative;
    background: url(../images/l6_02.jpg)no-repeat center center;
    height: 670px;
}

.culture3_main {
    width: 100%;
    position: relative;
    display: inline-block;
}

.culture3_main_body {}

.culture3_main_body .develop_box {
    display: inline-block;
    width: 100%;
}

.culture3_main_body .develop_1 .bd {
    display: inline-block; width: 100%;
    padding-top: 40px;
}

.culture3_main_body .develop_1 .bd li {
    position: relative;
    float: left;
    width:328px;
    margin-right: 28px;
    text-align: center;
}

.culture3_main_body .develop_1 .bd li h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
}

.culture3_main_body .develop_1 .bd li:hover h3 {
    color: #034ba0;
}


.culture3_main_body .develop_1 .bd li .desc {
    font-size: 14px;
line-height: 20px;
text-align: left;
color: #666;
height: 60px;
padding-top: 7px;
}

.culture3_main_body .develop_1 .bd li:hover .t_box {
    opacity: 1;
    top: 50px;
    transition: all ease 0.36s;
}

.culture3_main_body .develop_1 .bd li img {
    width: 100%;
}

.culture3_main_body .develop_1 .hd {
    position: relative;
    text-align: center;margin-top: 6px;
}

.culture3_main_body .develop_1 .hd p {
    display: inline-block;
}
.culture3_main_body .develop_1 .hd b{ background: url(../images/l6_03.png) center center no-repeat; width: 1220px; height: 20px; display: block; position: absolute;
 left: 50%; margin-left: -610px; top:12px; background-size: 100%; }

.culture3_main_body .develop_1 .hd .prev,
.culture3_main_body .develop_1 .hd .next {
    float: left;
    display: block;
    width: 45px;
    height: 45px; background-color: #666;
    border-radius: 50%;
    transition: all ease 0.36s;
    cursor: pointer;
    margin: 0 10px;
}
.culture3_main_body .develop_1 .hd .next{ float: right; }
.culture3_main_body .develop_1 .hd .prev:hover,
.culture3_main_body .develop_1 .hd .next:hover{ background-color: #034ba0; }

.culture3_main_body .develop_1 .hd .prev span{ display: block; width: 8px; height: 13px; background-position: -211px -373px; margin: 0 auto; margin-top: 16px; }

.culture3_main_body .develop_1 .hd .next span{ display: block; width: 8px; height: 13px; background-position: -225px -373px; margin: 0 auto; margin-top: 16px; }


@media (max-width: 1660px) {
    .culture3_main_body .develop_1 .bd li h3 {
        font-size: 24px;
    }

    .culture3_main_body .develop_1 .bd li .desc {
        font-size: 16px;
    }
    .culture3_main_body .develop_1 .bd li {  width: 284px; margin-right: 20px;}
.culture3_main_body .develop_1 .hd b {
    width: 1000px;
    margin-left: -500px;}
    .culture3 {
    height: 590px;
}

}

/* culture4 */
.culture4 {
    width: 100%;
    position: relative;
    height: 400px;
}

.culture4_main {
    width: 100%;
    position: relative;
    display: inline-block;
}

.culture4_main {}

.culture4_main ul {}

.culture4_main ul li {
    float: left;
    width: 33%;
    height: 90px;
    margin-right: .5%;
    margin-top: 80px;
}
.culture4_main ul li.li1,.culture4_main ul li.li2,.culture4_main ul li.li3,.culture4_main ul li.li4{ display: none; }

.culture4_main ul li:last-child {
    margin-right: 0%;
}

.culture4_main .txt {
    position: absolute;
    top: 80px;
    padding-top: 36px;
    padding-left: 3%;
}

.culture4_main .txt h4 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.culture4_main .txt p{ display: inline-block; padding-top: 14px; }
.culture4_main .txt span {
    font-size: 18px;
    color: #000; float: left;
    line-height: 18px;
}

.culture4_main .txt i { display: block; float: left; width: 35px; height: 19px; background-position: -259px -352px; margin-left: 10px; }

.culture4_main ul li:hover .txt i{background-position: -259px -379px;}

.culture4_main .img {
    position: relative;
}

.culture4_main .img img {
    width: 94%;
    border-radius: 25px;
}

.culture4_main li:hover .txt h4 {
    color: #034ba0;
}

.culture4_main li:hover .txt span {
    color: #034ba0;
}

.culture4_main li:hover img {
    box-shadow:
        -6px 0px 6px 0px #f4f4f4,
        6px 0px 6px 0px #f4f4f4,
        0px 5px 19px 0px #f4f4f4;
}

@media (max-width: 1660px) {
    .culture4_main .txt h4 {
        font-size: 26px;
    }

    .culture4_main .txt span {
        font-size: 16px;
    }
}