.about-hua1{background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:140px 0 270px}
.y-about-txt{text-align:center}
.y-about-txt.other{text-align:left;display:none;width:46%}
.y-about-txt.other:first-child{display:block}
.y-about-txt .tit{margin-bottom:20px;font-size:16px;color:#555;line-height:26px}
.y-about-txt .tit h3{font-size:32px;color:#444;line-height:46px;font-weight:400;margin-bottom:20px}
.y-about-txt .con{font-size:16px;color:#555;line-height:34px}
.y-about-txt .con em{font-size:24px;color:#004ea2;line-height:34px;padding-bottom:20px;margin-bottom:30px;position:relative;display:block}
.y-about-txt .con em::after{content:"";position:absolute;left:50%;bottom:0;width:90px;height:3px;background-color:#004ea2;margin-left:-45px}
.y-about-txt.other .con em::after{left:0;margin-left:0}
.about-hua2{background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:120px 0 130px;color:#fff}
.about-hua2 .wp{position:relative}
.about-hua2 .wp::after{content:"";left:0;top:0;bottom:0;width:1px;background-color:rgba(255,255,255,.2);height:100%;position:absolute}
.about-hua2 .tit{margin-bottom:50px}
.about-hua2 .tit h3{font-size:28px;color:#fff;line-height:30px;margin-bottom:22px}
.about-hua2 .tit p{font-size:16px;line-height:26px}
.about-hua2 .content{overflow:hidden}
.about-hua2 .content .left{float:left;width:680px}
.about-hua2 .content .right{overflow:hidden}
.cxtx-tab1 li{line-height:110px;padding-left:34px;border-left:2px solid transparent;font-size:24px;opacity:.4;cursor: pointer}
.cxtx-tab1 li.on{opacity:1;border-color:#fff;background:-moz-linear-gradient(left,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)}
.cxtc-content{font-size:16px;color:#d7ecfe;line-height:30px}
.cxtc-content h3{font-size:28px;color:#fff;font-weight:700;line-height:40px;padding-bottom:23px;position:relative;margin-bottom:35px}
.cxtc-content h3::after{content:"";position:absolute;left:0;bottom:0;width:90px;height:3px;background-color:#fff}
.dn{display:none}
.about-hua3{min-height:660px;background: #f7f7f7;background-image: none;position:relative;padding:150px 0;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

@media only screen and (max-width:1450px){
    .about-hua1 {
        padding: 100px 0 120px;
    }
    .about-hua2 {
        padding: 70px 0;
    }
    .about-hua2 .tit {
        margin-bottom: 40px;
    }
    .cxtx-tab1 li {
        line-height: 84px;
        font-size: 22px;
    }
    .about-hua2 .content .left {
        width: 450px;
    }
    .cxtc-content h3 {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 20px;
        margin-bottom: 24px;
    }
}
@media only screen and (max-width:1199px){
.about-hua1{padding:50px 0 100px}
.about-hua2,.about-hua3{padding:50px 0}
.about-hua3{background:0 0!important}
.y-about-txt .tit{margin-bottom:35px}
.about-hua2 .tit h3,.y-about-txt .tit h3{font-size:28px;line-height:30px}
.about-hua2 .content .left{width:auto;float:none}
.cxtx-tab1{display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.cxtx-tab1 li{padding-left:0;line-height:45px;font-size:20px;text-align:center;margin:0 30px;opacity:1;border-bottom: 2px solid transparent;border-left: none;}
.cxtx-tab1 li.on{border-left:none;border-bottom:2px solid #fff;background:0 0}
.about-hua2 .tit{margin-bottom:30px}
.about-hua2 .wp::after{display:none}
.cxtc-content h3{font-size:20px;line-height:30px;margin-bottom:20px}
}
@media only screen and (max-width:767px){
.about-hua2 .tit h3,.y-about-txt .tit h3{font-size:24px;line-height:34px;margin-bottom:20px}
.y-about-txt .tit{font-size:14px;line-height:26px}
.y-about-txt .con em{font-size:18px;line-height:28px;margin-bottom:15px;padding-bottom:15px}
.y-about-txt .con em::after{width:45px}
.cxtc-content,.y-about-txt .con{font-size:14px;line-height:26px}
.cxtx-tab1 li{font-size:14px;margin:0 8px}
.cxtc-content h3{display:none}
.y-about-txt .tit{margin-bottom:0}
.y-about-txt .con em{font-size:15px;line-height:24px}
.y-about-txt .con p{line-height: 24px !important;margin-bottom: 12px;}
.y-about-txt .con span{font-size:13px !important}
}


.hua-pos{
    position:absolute;
    max-width:1440px;
    width:100%;
    height:100%;
    left: 50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.hua-pos .item{
    position: absolute;
    width: 170px;
    height: 170px;
    line-height: 170px;
    border-radius: 50%;
    background: #eff3f6;
    text-align: center;
    transition: all .5s;
    font-size: 22px;
    cursor: pointer;
    animation:aniFloat 2s linear alternate infinite;-webkit-animation:aniFloat 2s linear alternate infinite
}
.hua-pos .item.pos-ln1{
    top: 37%;
    left: 66%;
    -webkit-animation-delay: .3s;
}
.hua-pos .item.pos-ln2{
    top: 12%;
    left: 66%;
    -webkit-animation-delay: .9s;
}
.hua-pos .item.pos-ln3 {
    top: 25%;
    left: 80%;
    width: 150px;
    height: 150px;
    line-height: 150px;
    -webkit-animation-delay: .5s;
}
.hua-pos .item.pos-ln4{
    top: 23%;
    left: 91%;
    width: 190px;
    height: 190px;
    line-height: 190px;
    -webkit-animation-delay: 1.1s;
}
.hua-pos .item.pos-ln5{
    top: 26%;
    left: 55%;
    -webkit-animation-delay: .7s;
}
.hua-pos .item.pos-ln6{
    top: 62%;
    left: 66%;
    -webkit-animation-delay: .6s;
}
.hua-pos .item.pos-ln7{
    top: 48%;
    left: 84%;
    -webkit-animation-delay: .3s;
}


@keyframes aniFloat{
    from{-webkit-transform:translate3d(0);-ms-transform:translate3d(0);-o-transform:translate3d(0);transform:translate3d(0)}
    to{-webkit-transform:translate(-10px,-10px);-ms-transform:translate(-10px,-10px);-o-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}
}
@-webkit-keyframes aniFloat{
    from{-webkit-transform:translate3d(0);-ms-transform:translate3d(0);-o-transform:translate3d(0);transform:translate3d(0)}
    to{-webkit-transform:translate(-10px,-10px);-ms-transform:translate(-10px,-10px);-o-transform:translate(-10px,-10px);transform:translate(-10px,-10px)}
}


@media screen and (min-width:1199px){
    .hua-pos .item.on{
        width: 220px;
        height: 220px;
        line-height: 220px;
        margin-left: -25px;
        margin-top: -25px;
        background: #014da1;
        color: #fff;
        z-index: 1;
    }
}

@media only screen and (max-width:1450px){
    .hua-pos .item.pos-ln4 {
        top: 32%;
        left: 94%;
        width: 150px;
        height: 150px;
        line-height: 150px;
    }
    .hua-pos {
        left: 43%;
    }
    .about-hua3 {
        min-height: 570px;
        padding: 80px 0;
    }
    .y-about-txt .tit {
        margin-bottom: 30px;
    }
    .hua-pos .item {
        width: 140px;
        height: 140px;
        line-height: 140px;
        font-size: 20px;
    }
    .hua-pos .item.on {
        width: 170px;
        height: 170px;
        line-height: 170px;
    }
}
@media only screen and (max-width:1199px){
    .hua-pos .item,
    .hua-pos .item.on{
        position:static;
        width: auto;
        height: auto;
        line-height: initial;
        font-size: 17px;
        display: inline-block;
        padding: 10px 20px;
        border-radius: 0;
        margin-right: 12px;
    }
    .hua-pos .item.pos-ln3,
    .hua-pos .item.pos-ln4{
        width: auto;
        height: auto;
        line-height: initial;
    }
    .hua-pos .item:last-child{
        margin-right:0
    }
    .hua-pos .item.on{
        background: #014da1;
        color:#fff
    }
    .hua-pos {
        position: static;
        transform: translate(0,0);
        padding: 0 20px;
        margin-bottom:30px;
        white-space: nowrap;
        overflow-x: auto;
    }
    .about-hua3 {
        min-height: initial;
        padding: 50px 0;
    }
    .y-about-txt.other {
        width: 100%;
    }
}