body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

small {
    font-size: 12rem;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

fieldset,
img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

body {
    font-size: 0.16rem;
    /*font-family: "oppo-r";*/
    /*font-family: "Source Han Sans CN", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    letter-spacing: 0.5px;
}


/*@font-face {*/
/*    font-family: "oppo-h";*/
/*     Project id  */
/*    src: url('../fonts/OPPOSans-H.ttf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "oppo-r";*/
/* Project id  */
/*    src: url('../fonts/OPPOSans-R.ttf') format('truetype');*/
/*}*/

/* 特殊使用 */
/*@font-face {*/
/*    font-family: "oppo-point";*/
/*      Project id  */
/*    src: url('../fonts/OPPOSans-B.ttf') format('truetype');*/
/* }*/
/*以上为弃用*/

/*@font-face {*/
/*    font-family: "oppo-l";*/
/*    src: url('../fonts/SourceHanSans-Light.otf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "oppo-b";*/
/*    src: url('../fonts/SourceHanSansCN-Bold.otf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "oppo-r";*/
/*    src: url('../fonts/SourceHanSansCN-Normal.otf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "oppo-m";*/
/*    src: url('../fonts/SourceHanSans-Medium.otf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "siyuan-m";*/
/*    src: url('../fonts/SourceHanSans-Medium.otf') format('truetype');*/
/*}*/

/*@font-face {*/
/*    font-family: "siyuan-r";*/
/*    src: url('../fonts/SourceHanSans-Regular.otf') format('truetype');*/
/*}*/


.f-left {
    float: left;
}

.f-right {
    float: right;
}

.clear {
    clear: both;
}

.big-tit {
    /*font-family: "oppo-b";*/
    /*font-family: "Source Han Sans CN","SimHei","PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    font-size: .39rem !important;
    line-height: .5rem !important;
}

.f-16 {
    font-size: .16rem !important;
}

.f-14 {
    font-size: .14rem !important;
}

.icon-31sousuo {
    display: block;
    float: left;
    cursor: pointer;
}

.ctn {
    width: 70.3%;
    margin: 0 auto;
}

.contact-map .ctr img{width: 80px;}
.color-wsl {
    color: #33aba7;
    font-weight: bold;
}

.color-grey {
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}
.but-more a{
    color: #fff;
}
/* 分页样式 */
.page {
    text-align: center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.page a {
    font-size: .18rem;
    display: inline-block;
    border-radius: 50%;
    width: .43rem;
    height: .43rem;
    text-align: center;
    line-height: .43rem;
    border: solid 1px #f8f8f8;
    color: #949494;
    margin: 0 3px;
}

.page .prev,
.page .next {
    color: #000;
    border-color: #c4c4c4;
    font-weight: bold;
    line-height: 0.4rem;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page a.active,
.page a:hover {
    background-color: #33aba7;
    border-color: #33aba7;
    color: #fff;
}

.page a img,
.page a img {
    filter: brightness(0);
    width: .15rem;
    height: auto;
}

.page a.active img,
.page a:hover img {
    filter: brightness(100);
}
.page-status,.page-index,.page-last{ display:none}


/*header*/
.header {
    border-top: .06rem solid #0e5c67;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9991;
    background: #fff;
}

.header .header-con {
    width: 93.75%;
    margin: auto;
    height: .86rem;
}

.header .nav-but {
    width: .70rem;
    line-height: .86rem;
    font-size: .30rem;
}

.header .nav-but img {
    cursor: pointer;
    display: block;
    width: .22rem;
    padding-top: .36rem;
    padding-bottom: .1rem;
}

.header .logo {
    margin: 0;
    padding: 0;
    margin-top: .26rem;
}

.header .logo img {
    /* width: 1.91rem; */
    width: auto;
    height: .3rem;
}

.header .nav li {
    float: left;
    width: .99rem;
}

.header .nav li:last-child {
    width: 1.16rem;
}

.header .nav li a {
    /*font-family: "oppo-m";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: medium;
    font-size: .17rem;
    line-height: .8rem;
    color: #000;

}

.header  a:hover {
    color: #33aba7!important;
}
.header .search:hover span{
    color: #1d949a;
}

.header .gw {
    margin-right: .64rem;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.header .gw a {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    font-size: .15rem;
    line-height: .8rem;
    color: #333;
}

.header .gw a:hover {
    color: #33aba7;
}

.header .gw span {
    margin: 0 .26rem;
    font-size: .08rem;
    position: relative;
    top: -0.03rem;
}
.header .tline{
    width: 1px;
    height: .08rem;
    border-left: solid 1px #000;
    top: 0!important;
}
/*.header .search {
	margin-left: .58rem;
}*/
.header .search span {
    display: inline-block;
    width: .28rem;
    font-size: .28rem;
    line-height: .8rem;
    color: #333;
}

.header .search input {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    width: 1.10rem;
    font-size: .16rem;
    line-height: .4rem;
    border: none;
    outline: none;
    color: #333;
    padding-left: .10rem;
    margin-top: .2rem;
}
.header .search input:focus::placeholder{
    /* color: #1d949a; */
}
.header .lang a {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    color: #333;
    line-height: .8rem;
    font-size: .15rem;
}
.header.inner .lang a{
    color: #fff;
}
.header .lang a:hover {
    color: #33aba7;
}

.header .lang span {
    display: block;
    float: left;
}
.header .gw span.icon-tubiaozhizuo-{
    margin-top: 0.05rem;
    color: #000;
}
.header .lang .icon-hulianwang {
    margin-right: 0.02rem;
    font-size: .23rem;
}

/* 固定特效 */
.header-con.fixed .nav,
.header-con.fixed .gw {
    display: none;
}

.header .header-con.fixed .nav-but {
    width: 1.9rem;
}

.header-con.fixed {
    padding: 0 3.25%;
    border-top: solid .06rem #0e5c67;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    height: 0.6rem;
    border-bottom: solid 1px #ccc;
}

.header-con.fixed .nav-but img {
    padding-top: 0.26rem;
}

.header-con.fixed .logo {
    margin-top: .16rem;
}

.header-con.fixed .search span,
.header-con.fixed .lang a {
    line-height: .6rem;
}

.header-con.fixed .search input {
    margin-top: .1rem;
}

/* 内页顶部导航-普通 */
.header.inner {
    background: none;
}
.header.inner .nav-but img{
    filter: invert(1);
}
.header.inner .logo h1 img{
    filter: grayscale(100%) brightness(1000%);
}
.header.inner .tline{
    border-color: #fff;
}
.header.inner .nav li a,
.header.inner .gw a,
.header.inner .gw span {
    color: #fff;
}
.header.inner .search span{
    color: #fff;
}
.header.inner .search input {
    background: none;
    color: #fff;
}
.header.inner .search input::placeholder{
    color: #fff;
}
/* 内页顶部导航-下拉固定 */
.header.inner .header-con.fixed {
    background: #fff;
    border-bottom: none;
}
.header.inner .header-con.fixed .nav-but img{
    filter: invert(0);
}
.header.inner .header-con.fixed .logo h1 img{
    filter: none;
}
.header.inner .header-con.fixed .search span,.header.totop .header-con .search span{
    color: #333;
}
.header.inner .header-con.fixed .search input{
    color: #333;
}
.header.inner .header-con.fixed .search input::placeholder{
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}
.header.inner .header-con.fixed .lang a{
    color: #333;
}
/* 内页顶部导航-向上 */
.header.inner.totop {
    background: #fff;
}
.header.inner.totop .header-con .nav-but img{
    filter:invert(0);
}
.header.inner.totop .logo h1 img{
    filter: none;
}
.header.inner.totop .tline{
    border-color: #000;
}
.header.inner.totop .search span,.header.totop .header-con .search span{
    color: #333;
}
.header.inner.totop .search input{
    color: #333;
}
.header.inner.totop .search input::placeholder{
    color: #737373;
}
.header.inner.totop .lang a{
    color: #333;
}
.header.inner.totop .nav li a {
    color: #000;
}
.header.inner.totop .gw a {
    color: #333;
}
.header.inner.totop .gw span {
    /*color: #757575;*/
    color: rgba(0,0,0,0.6);
}
/* 公众号点击下拉 */
.gzh{
    display: inline;
    position: relative;
}
.gzh img{
    display: none;
    width: 1.2rem;
    height: auto;
    position: absolute;
    top: .5rem;
    right: -0.3rem;
}
.gzh:hover img,.gzh:focus img{
    display: block;
}
@media (max-width: 980px) {
    .header {
        border: none;
        /* padding-top: .3rem; */
        padding-top: 0;
    }

    .header .nav-but,
    .header .header-con.fixed .nav-but {
        float: right;
        width: .4rem;
        order: 2;
    }

    .header .nav-but img {
        width: .4rem;
        height: auto;
    }

    .header .header-con>.f-right,
    .header.totop .header-con>.f-right {
        display: none;
    }

    .header .header-con,
    .header .header-con.fixed {
        box-sizing: border-box;
        width: 100%;
        padding-left: .4rem;
        padding-right: .4rem;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .header-con {
        height: 1rem;
    }

    .header .logo img {
        width: auto;
        height: .5rem;
    }

    .header-con.fixed {
        border-top: none;
        height: .8rem;
    }
    .header-con.fixed .logo{
        margin-left: 2.2rem;
    }
}

/* .tc-nav {
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0px;
	overflow: hidden;
} */
.tc-nav {
    width: 0%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: scroll;
}

/* .tc-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
} */
.tc-bg {
    width: 100%;
    height: 100%;
    z-index: 999;
}

.tc-bgg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999;
    display: none;
    opacity: 0;
}

.tc-bgg.on {
    display: block;
    opacity: 1;
    animation: tcbg 300ms linear;
}

@keyframes tcbg {
    from {
        /* margin-left: -1rem; */
        opacity: 0;
    }

    to {
        /* margin-left: 0rem; */
        opacity: 1;
    }
}

@-webkit-keyframes tcbg

/*Safari and Chrome*/
    {
    from {
        margin-left: -1rem;
        opacity: 0;
    }

    to {
        margin-left: 0rem;
        opacity: 1;
    }
}

.tc-con {
    position: absolute;
    top: 0px;
    height: 100%;
    z-index: 9999;
}

.left-nav {
    width: 3.78rem;
    height: 100%;
    background-color: #025b60;
    padding-left: .6rem;

}

.tc-logo span {
    display: block;
    color: #fff;
    float: left;
    line-height: .28rem;
    cursor: pointer;
    font-size: .28rem;
}

.tc-logo {
    height: .28rem;
    padding: .32rem 0rem;
}

.tc-logo img {
    display: block;
    float: left;
    height: .28rem;
    margin-left: .5rem;
    filter: grayscale(100%) brightness(1000%);
}

.top-nav li a {
    /*font-family: "oppo-r";*/
    color: #fff;
    font-size: .2rem;
    display: block;
    line-height: .46rem;
}

.top-nav {
    width: 3.24rem;
}

.top-nav .iconfont {
    font-size: .23rem;
}

.top-nav li:hover a,
.top-nav .active a {
    font-family: "oppo-b";
    font-size: .23rem;
    line-height: .46rem;
    color: #33aba7;
}

.top-nav li a span {
    display: none;
}

.top-nav li:hover a span,
.top-nav .active a span {
    display: block;
}

#son-nav {
    height: 100%;
}

.son-nav {
    width: 2.95rem;

    background-color: #f1f1f1;
    height: 100%;
}

.son-top-search {
    padding: .32rem 0rem;
    background-color: #fff;
    padding-right: .6rem;
    padding-left: .5rem;
    color: #b2b2b2;
    font-size: .15rem;

}

.son-top-search span {
    font-size: .28rem;
    display: inline-block;
    height: .28rem;
}

.son-top-search input {
    width: 1.55rem;
    height: .28rem;
    border: 0px;
    text-align: right;
    border: none;
    outline: none;
}

.son-nav-item {
    padding-left: .5rem;
    padding-right: .5rem;
}

.son-nav-item a {
    color: #000;
}

.fa-type-name {
    font-family: "oppo-b";
    margin-top: .44rem;
    font-size: .23rem;
    line-height: .24rem;
    padding-bottom: .32rem;
    border-bottom: 1px solid #cacaca;
}

.son-nav-item ul {
    margin-top: .28rem;
}

.son-nav-item ul li a {
    /*font-family: "oppo-r";*/
    font-size: .15rem;
    line-height: .5rem;
}

.son-nav-item ul li a:hover {
    color: #33aba7;
}

.son-nav {
    display: none;
}
@media (max-width: 980px) {
    .top-nav li a{
        font-size: .32rem;
        line-height: 1rem;
    }
    .top-nav li:hover a, .top-nav .active a{
        font-size: .32rem;
        line-height: 1rem;
        font-family: "oppo-b";
    }
    .son-nav-item ul li a{
        font-size: .28rem;
        line-height: .7rem;
    }
    
    /* 手机版左侧导航样式 */
    .header .left-nav{
        box-sizing: border-box;
        width: 5.2rem;
        padding-left: 0.55rem;
        padding-right: .4rem;
    }
    .header .top-nav{
        width: 100%;
        margin-top: .5rem;
    }
    .header .tc-logo{
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: .5rem;
    }
    .header .tc-logo>span{
        font-size: .4rem;
        font-weight: bold;
    }
    .header .tc-logo>a{
        flex: 1;
    }
    .header .tc-logo .lang span.icon{
        font-size: .36rem;
    }
    .tc-logo img{
        margin-left: .4rem;
        height: .32rem;
    }
    .wpsearch{
        padding-top: .3rem;
        padding-bottom: .22rem;
        border-bottom: solid 1px #4e8d90;
    }
    .wpsearch form{
        display: flex;
        align-items: center;
    }
    .wpsearch form span{
        font-size: .4rem;
        color: #fff;
    }
    .wpsearch form input{
        margin-left: .3rem;
        background: none;
        color: #fff;
        outline: none;
        border: none;
        font-size: .28rem;
    }
    .wpsearch form input::placeholder{
        color: #fff;
    }
    .header .tc-logo .lang{
        text-transform: uppercase;
    }
}
.banner-video {
    width: 70.3%;
    margin: .40rem auto;
    margin-bottom: .70rem;
}

.banner-video .video-text {
    width: 50%;
}
.banner-video .video-text-dong{
	width:84%;
}
.banner-video .video-con {
    width: 50%;
}

.case-banner .banner-video .video-text-dong{
    width:98%
}
.banner-video .video-tit {
    line-height: 50rem;
}

.banner-video video {
    width: 100%;
}

.banner-video .video-min-tit {
    /*font-family: "oppo-r" "SimHei" ;*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    line-height: .26rem;
    margin: .30rem auto;
    margin-top: .3rem;
    margin-bottom: .9rem;
    /*color: #8f8f8f;*/
    color: rgba(0,0,0,0.6);
}

.banner-video .video-but {
    width: 2.00rem;
    height: .54rem;
    background-color: #33aba7;
    border-radius: .05rem;
    text-align: center;
    line-height: .54rem;
    margin-top: .72rem;
    transition: all 300ms linear;

}

.banner-video .video-but a {
    font-family: "oppo-b";
    display: block;
    color: #fff;
}

.banner-video .video-but:hover {
    background-color: #025b60;
    transition: all 300ms linear;
}

.banner-video .video-text {
    padding: .44rem 0rem;
}

.banner-video.index {
    margin-top: 1.3rem;
}

@media (max-width: 980px) {
    .banner-video {
        width: 92%;
    }

    .banner-video.index {
        margin-bottom: .35rem;
    }

    .banner-video.index .big-tit {
        font-size: .5rem !important;
        line-height: 1.24 !important;
    }

    .banner-video.index .video-text,
    .banner-video.index .video-con {
        float: none;
        width: 100%;
        padding-top: .5rem;
    }

    .banner-video.index .video-min-tit {
        font-size: .26rem !important;
        margin-top: .3rem;
        line-height: .4rem;
    }

    .banner-video .video-but {
        width: 2.9rem;
        height: 0.75rem;
        line-height: 0.75rem !important;
        font-size: .22rem !important;
    }

    .banner-video.index .video-but {
        margin-top: 0.8rem;
    }
}

/* 案例页面 */
.case-banner {
    position: relative;
    font-size: 0rem;
    height: 5.9rem;
    /* background-image: url(../images/about-banner.jpg); */
    background-image: url(../images/case-bannerbg.jpg);
    background-size: 100% 100%;
}

.case-banner>img {
    width: 100%;
}

.case-banner .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.case-banner .container .big-tit {
    color: #fff;
}

.case-banner .banner-video {
    margin: 0 auto;
    margin-top: .4rem;
}

.case-banner .video-text {
    position: relative;
}

.case-banner .video-min-tit {
    /*color: #ddd;*/
    color: rgba(255,255,255,0.7);
}

.case-banner .fenlei {
    font-size: .14rem;
    position: absolute;
    bottom: -1.05rem;
    color: #749093;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.case-banner .fenlei>span {
    display: inline-block;
    margin-right: .4rem;
}
.case-banner .fenlei span.iconfont {
    font-size: .13rem;
}
.fenlei .flct{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background: #000;
}
.fenlei.active .flct{
    display: none;
}
.case-banner .fenlei ul{
    padding: .1rem .2rem;
}
.fenlei ul li.ck{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .05rem;
}
.fenlei ul .ck span{
    width: fit-content;
    font-size: .30rem;
    transform: rotate(180deg);
}
.fenlei ul li{
    width: 1.3rem;
    font-size: .16rem;
    margin-top: .05rem;
}
.fenlei ul li a{
    color: #878787;
    line-height: 2;
}
.fenlei ul li:hover a{
    color: #fff;
    font-family: "oppo-b";
}
@media (max-width: 980px) {
    .case-banner {
        height: 9.2rem;
        background-image: url(../images/case-bannerbg-m.jpg);
    }

    .case-banner .banner-video {
        margin-top: 0;
        margin-bottom: 0;
        height: 100%;
    }

    .case-banner .banner-video .video-text {
        width: 100%;
        padding-top: 1.3rem;
        padding-bottom: 2.5rem;
    }
    .case-banner .fenlei{
        bottom: 0;
    }
    .case-banner .fenlei span,
    .case-banner .fenlei span.iconfont {
        font-size: .24rem;
        z-index: 998;
    }
    .case-banner .fenlei ul{
        padding: .25rem .2rem;
    }
    .case-banner .fenlei ul li{
        font-size: .28rem;
        width: 1.9rem;
    }
}

.pp-banner {
    position: relative;
    background: #333;
}

.pp-banner .pp-top {
    height: 8.98rem;
    /*background: url(../images/pp-bg.jpg) no-repeat;
	background-size: 100%;*/
}

.pp-banner .pp-top-list {
    width: 100%;
    position: absolute;
    top: 0px;
}

.pp-banner .but-more {
    animation: but-more 1s 1;
    -webkit-animation: but-more 1s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    opacity: 0;
}

@keyframes but-more {
    from {
        margin-left: -1rem;
        opacity: 0;
    }

    to {
        margin-left: 0rem;
        opacity: 1;
    }
}

@-webkit-keyframes but-more

/*Safari and Chrome*/
    {
    from {
        margin-left: -1rem;
        opacity: 0;
    }

    to {
        margin-left: 0rem;
        opacity: 1;
    }
}

.pp-top-list {
    display: none;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    animation: bgscale 3.5s linear 1.5s 1 normal forwards;
    -webkit-animation: bgscale 3.5s ease-in-out 1.5s 1 normal forwards;
    /*Safari and Chrome*/
}

@keyframes bgscale {
    from {
        background-size: 100% 100%;
    }

    to {
        background-size: 115% 115%;
    }
}

@-webkit-keyframes bgscale

/*Safari and Chrome*/
    {
    from {
        background-size: 100% 100%;
    }

    to {
        background-size: 115% 115%;
    }
}

.pp-top-list:nth-child(1) {
    display: block;
}

.pp-top-list img {
    width: 100%;
}

.pp-top-list:nth-child(1) {
    display: block;
}

.pp-banner .pp-top .pp-top-text {
    width: 70.3%;
    margin: auto;
    padding-top: 2.45rem;
    margin-left: 14.85%;
    position: absolute;
    top: 0px;
    opacity: 0;
    animation: pp-text 1s 1;
    -webkit-animation: pp-text 1s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;


}

.case-banner .banner-video .video-min-tit{
    margin-bottom: 0;
}
.about .banner-video .video-min-tit{
    margin-bottom: 0.4rem;
}
@keyframes pp-text {
    from {
        margin-top: .3rem;
        opacity: 0;
    }

    to {
        margin-top: 0rem;
        opacity: 1;
    }
}

@-webkit-keyframes pp-text

/*Safari and Chrome*/
    {
    from {
        margin-top: .3rem;
        opacity: 0;
    }

    to {
        margin-top: 0rem;
        opacity: 1;
    }
}
.footer-right .jion-us a{
    color: #33aba7;
    height: 2.15rem;
    margin-top: 0.2rem;
}
.pp-banner .pp-top .pp-top-text .pp-top-tit {
    color: #fff;
}

.pp-top-by {
    /*font-family: "oppo-r";*/
    /*font-family: "PingFang SC","SimHei","Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;*/
    font-family: "PingFang SC","Microsoft YaHei", Arial, sans-serif;
    /*color: #ddd;*/
    color: rgba(255,255,255,0.7);
    line-height: .28rem;
    margin: .3rem auto;
}

.but-more {
    /*font-family: "oppo-m";*/
    font-family: "Source Han Sans CN", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin: .80rem 0rem;
    font-size: .15rem;
}

.pp-top .but-more {
    margin-top: .68rem;
}

@media (max-width: 767px) {}
.form-group span {
    margin-left: .10rem;
    color: #33aba7;
    animation: mymove-left 0.5s 1;
    -webkit-animation: mymove-left 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

.but-more span {
    margin-left: .10rem;
    color: #33aba7;
    animation: mymove-left 0.5s 1;
    -webkit-animation: mymove-left 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

@keyframes mymove-left {
    from {
        margin-left: .20rem;
    }

    to {
        margin-left: .10rem;
    }
}

@-webkit-keyframes mymove-left

/*Safari and Chrome*/
    {
    from {
        margin-left: .20rem;
    }

    to {
        margin-left: .10rem;
    }
}

.but-more .iconfont {
    font-size: .15rem;
}

.but-more:hover span {
    animation: mymove 0.5s 1;
    -webkit-animation: mymove 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

@keyframes mymove {
    from {
        margin-left: .10rem;
    }

    to {
        margin-left: .20rem;
    }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    from {
        margin-left: .10rem;
    }

    to {
        margin-left: .20rem;
    }
}

.tab-item .tab-item-list {
    display: none;
}

.tab-item .tab-item-list:nth-child(1) {
    display: block;
}

.pp-tab-but {
    width: 89.5%;
    margin: auto;
    position: absolute;
    top: 7.98rem;
    left: 5.25%;
}

.pp-tab-but li {
    /*font-family: "siyuan-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    float: left;
    width: 25%;
    color: #fff;
    font-size: .15rem;
    text-align: center;
    line-height: .56rem;
    cursor: pointer;
}

.pp-tab-but li::before {
    display: block;
    width: 100%;
    content: "";
    height: .05rem;
    transition: transform 10000ms linear;
    transform: scale(0, 1);
    transform-origin: left center;
}

.pp-tab-but li.no-progress::before {
    transition: none;
    transform: scale(1, 1);
}

.pp-tab-but .active::before {

    width: 100%;
    background-color: #33aba7;
    transform: scale(1, 1);
    transform-origin: left center;
}

.pp-tab-but li:hover::before {
    /* width: 100%;
    background-color: #33aba7;
    transform: scale(1, 1);
    transform-origin: left center; */
}

.pp-case-item {
    width: 50%;
    height: 5.009rem;
    float: left;
    position: relative;
    overflow: hidden;
}

.pp-case-item a {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    /* background-attachment: fixed; */
    background-size: 101% 101%;
    overflow: hidden;
}

.pp-case-item a:hover {
    height: 100%;
    animation: bgmore 500ms ease-in 1ms 1 normal forwards;
    -webkit-animation: bgmore 500ms ease-in 1ms 1 normal forwards;
}

@keyframes bgmore {
    from {
        background-size: 101% 101%;
    }

    to {
        background-size: 110% 110%;
    }
}

@-webkit-keyframes bgmore

/*Safari and Chrome*/
    {
    from {
        background-size: 100% 100%;
    }

    to {
        background-size: 110% 110%;
    }
}

.pp-case-item img {
    width: 100%;
}

.pp-case-item video {
    width: 100%;
    height: auto;
    opacity: 0;
}

.pp-case-item:hover img {
    height: 0px;
}

.pp-case-item:hover video {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.case-item-tit {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    z-index: 997;
    padding: 4.8% 6.4%;
    position: absolute;
    top: 0rem;
    font-size: .17rem;
    color: #fff;
    line-height: .26rem;
}

.case-item-tit span {
    /*font-family: "siyuan-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(115%); */

}

.pp-case-item:hover .case-item-tit span {
    margin-left: .1rem;
    /* transform: translateY(0%); */
    visibility: visible;
    opacity: 1;
    transition: opacity 1000ms ease, visibility 1000ms ease, margin-left 600ms ease;
}

.case-item-zzc {
    z-index: 99;

    width: 100%;
    height: 100%;
    padding: 4.74% 6.25%;
    background-color: rgba(0, 0, 0, 0.4);
}

.pp-case-item .case-item-zzc {
    z-index: 99;
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    width: 100%;
    height: 100%;
    padding: 4.74% 6.25%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    /* visibility: hidden; */
    /* transform: translateY(115%); */
    transition: opacity 500ms ease;
}

.pp-case-item .case-item-zzc .iconfont {
    font-size: .32rem;
    color: #33aba7;
    position: relative;
    left: 1rem;
    top: 0.03rem;
}

.pp-case-item:hover .case-item-zzc {
    /* transform: translateY(0%); */
    visibility: visible;
    opacity: 1;
}

.case-item-zzc p {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    width: 70%;
    font-size: .22rem;
    line-height: .60rem;
    color: #fff;
    position: absolute;
    bottom: 21%;
    letter-spacing: 0.014rem;
}

@media (max-width: 980px) {
    .pp-banner .pp-top {
        height: 13.09rem;
    }

    .pp-banner .pp-top-list {
        background-image: url(../images/pp-bg-m.jpg) !important;
    }

    .pp-banner .pp-top .pp-top-text {
        width: 92%;
        margin-left: 4%;
        padding-top: 1rem;
    }

    .pp-top .but-more {
        margin-top: 1rem;
    }

    .pp-tab-but {
        width: 92%;
        top: 11.88rem;
        overflow: scroll;
    }
    .pp-tab-but::-webkit-scrollbar{
        display: none;
    }
    .pp-tab-but ul{
        display: -webkit-flex;
        display: flex;
        position: relative;
    }
    .pp-tab-but li {
        font-size: .26rem;
        width: 25%;
        white-space: nowrap;
        /* padding-right: .4rem; */
    }
    /* 视频案例 */
    .pp-case-item {
        width: 100%;
        height: 3.95rem;
        overflow: hidden;
    }

    .case-item-tit {
        padding: 4% 0px 0px 3%;
        font-size: .28rem;
    }

    .pp-case-item .case-item-zzc {
        padding: 5% 0px 0px 4%;
        box-sizing: border-box;
    }

    .case-item-zzc p {
        width: 85%;
        bottom: 16%;
        font-size: .26rem;
    }

    .pp-case-item .case-item-zzc .iconfont {
        left: 0;
    }
}

.tab-item .but-more {
    /*font-family: "oppo-m";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: medium;
    text-align: center;
    margin-top: .84rem;
}

.tab-item .but-more a {
    color: #000;
}

.tab-item .but-more a:hover{
    color: #33aba7;
}

.index-news {
    width: 70.3%;
    margin: auto;
    border-top: 1px solid #d9d9d9;
}

.index-news .type-min-tit {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    font-size: .17rem;
    line-height: .3rem;
    margin-top: .8rem;
    margin-bottom: .08rem;
    color: #005a5e;
}

.index-news .type-big-tit {
    margin-bottom: .28rem;
}

.index-news .news-item img {
    border-top: 8px solid #33aba7;
}

.index-news .news-item:nth-child(1) a {
    display: block;
}

.index-news .news-item:nth-child(1) .news-item-tit {
    font-size: .22rem;
    line-height: .5rem;
    color: #000;
    margin-bottom: 0rem;
}

.index-news .news-item .news-item-tit {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    font-size: .22rem;
    line-height: .28rem;
    color: #000;
    margin-bottom: .14rem;
}

.index-news .news-item:hover .news-item-tit {
    color: #33aba7;
}

.index-news .news-item:nth-child(1) p {
    padding-left: 0px;
}

.index-news .news-item .news-item-dec {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    /*color: #7e7e7e;*/
    color: rgba(0,0,0,0.6);
    line-height: .26rem;
    /*font-size: .15rem;*/
    font-size: .16rem;
}

.index-news .news-item:nth-child(1) {
    width: 6.64rem;
    margin-right: .149rem;
    padding-bottom: 0px;
    border: none;

}

.index-news .news-item .ico {
    position: relative;
    overflow: hidden;
    border-top: solid 4px #33aba7;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1550px) {
    .index-news .news-item .ico {
        border-top: solid 6px #33aba7;
    }
}

@media screen and (min-width:1800px) {
    .index-news .news-item .ico {
        border-top: solid 8px #33aba7;
    }
}

.index-news .news-item:nth-child(1) .ico {
    width: 6.65rem;
    height: 3.70rem;
}

.index-news .news-item:nth-child(1) img {
    border: none;
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    transition: width 500ms;
}

.index-news .news-item img {
    border: none;
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    transition: width 500ms;
}

.index-news .news-item:nth-child(1) .but-more {
    display: block;
}

/* hover属性 */
.index-news .news-item:hover img {
    transition: width 500ms ease-in-out;
    width: 115%;
}
.index-news .news-item:nth-child(1):hover .but-more span {
    animation: mymove 0.5s 1;
    -webkit-animation: mymove 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

.index-news .news-item .but-more {
    margin: .18rem 0px;
    display: none;
}

.index-news .news-item .but-more a {
    color: #000;
}

.index-news .news-item .but-more a:hover{
    color: #33aba7;
}

.index-news .news-item {
    float: left;
    width: 6.695rem;
    padding-bottom: .08rem;
    border-bottom: 1px solid #d9d9d9;
    padding-top: .08rem;
}

.index-news .news-item p {
    padding-left: .2rem;
}

.index-news .news-item a {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.index-news .news-item .ico {
    width: 1.7rem;
    height: 1.64rem;
}

.index-news .news-item .ct {
    flex: 1;
}

@media (max-width: 980px) {
    .index-news {
        box-sizing: border-box;
        width: 100%;
        padding-left: 4%;
        padding-right: 4%;
        background: #eee;
        padding-bottom: .5rem;
    }

    .index-news .type-min-tit {
        font-size: .30rem;
    }

    .index-news .news-item {
        box-sizing: border-box;
        padding-top: 0;
        background: #fff;
        margin: 0;
        width: 100%;
        padding: .3rem;
        border-top: 1px solid #d9d9d9;
        border-bottom: none;
    }

    .index-news .news-item:first-child {
        padding: 0;
    }

    .index-news .news-item .ico {
        border-top: solid 8px #33aba7;
    }

    .index-news .news-item:nth-child(1) {
        margin-right: 0;
        width: 100%;
    }

    .index-news .news-item:nth-child(1) .ico {
        width: 100%;
        height: 3.8rem;
    }

    .index-news .news-item .news-item-tit {
        line-height: 1.45;
        font-size: .30rem;
        color: #005a5e;
    }

    .index-news .news-item:nth-child(1) .news-item-tit {
        font-size: .34rem;
        margin-top: .35rem;
    }
.index-news .news-item .news-item-dec{
    font-size: .26rem;
    line-height:1.43;
}
    /*.index-news .news-item .news-item-dec {*/
    /*    display: none;*/
    /*}*/

    .index-news .news-item:first-child .news-item-dec {
        display: block;
        line-height: 1.43;
        margin-top: .15rem;
        font-size: .26rem;
    }

    .index-news .news-item:nth-child(1) p {
        padding-left: .3rem;
        padding-right: .3rem;
    }

    .index-news .news-item:nth-child(1) .but-more {
        margin-top: .5rem;
        margin-bottom: .3rem;
    }
}

.hzhb {
    width: 100%;
    height: 9.3rem;
    background: url(../images/hzhb-bg.jpg);
    background-size: 100%;
    margin-top: 1.38rem;
}

.hzhb-con {
    width: 70.5%;
    margin: auto;
}

.hzhb-con .hzhb-tit {
    color: #fff;
    padding-top: .82rem;
}

.hzhb-con .hzhb-tit span {
    color: #33aba7;
}

.hzhb-text {
    /*font-family: "oppo-m";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    font-size: .20rem;
    line-height: .16rem;
    margin-top: .38rem;
    color: #fff;
}

.pp-list {
    margin-top: .74rem;
}

.pp-list li {
    width: 20%;
    float: left;
    height: 1.25rem;
    border-bottom: 1px solid #2b3b3d;

}

.pp-list li img {
    width: 100%;
    transition: all 800ms;
}

.pp-list li:hover img {
    transition: transform 800ms ease;
    transform: scale(1.1, 1.1);
}

.pp-list li:nth-child(16),
.pp-list li:nth-child(17),
.pp-list li:nth-child(18),
.pp-list li:nth-child(19),
.pp-list li:nth-child(20) {
    border: 0px;
}

@media (max-width: 980px) {
    .hzhb {
        background-image: url(../images/hzhb-bg-m.jpg);
        height: 23.53rem;
        margin-top: 0;
    }

    .hzhb-con {
        width: 92%;
    }

    .hzhb-con .hzhb-tit {
        padding-top: 1.1rem;
    }

    .hzhb-text {
        font-size: .28rem;
        /*font-family: "oppo-r";*/
    }

    .pp-list {
        margin-top: 1.14rem;
    }

    .pp-list li {
        width: 50%;
        border-bottom: none;
        height: 1.85rem;
    }
}

.jion {
    font-size: 0;
}
.jion-img:hover img{
    transition: transform 800ms ease-in-out;
    transform: scale(1.1, 1.1);
}

.jion-img {
    width: 50%;
    /*height: 6.44rem;*/
    overflow: hidden;
}

.jion-img img {
    width: 100%;
    transition: transform 800ms
}

.jion-text {
    margin-left: 2.85rem;
}

.jion-tit {
    margin-bottom: .34rem;

}

.jion-min-tit {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    margin-top: .74rem;
    font-size: .17rem;
    color: #005a5e;
    line-height: .5rem;
}

.jion-us a {
    display: block;
    font-size: .15rem;
    line-height: .36rem;
    color: #000;
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
}

.jion-us a:hover {
    color: #33aba7;
}

.jion-us {
    margin: 0rem;
}

.jion-us .iconfont {
    font-size: .17rem;
}

@media (max-width: 980px) {
    .jion {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .jion>div {
        width: 100%;
    }

    .jion-text {
        margin-left: 0;
        padding: .3rem;
        padding-bottom: .6rem;
    }

    .jion-min-tit {
        font-size: .30rem;
    }

    .jion-tit {
        margin-bottom: 1.2rem;
    }

    .jion-us {
        margin-top: .3rem;
    }

    .jion-us a {
        font-size: .26rem;
    }
}

.lxgw {
    width: 100%;
    height: 2.24rem;
    background: url(../images/gw-bg.jpg);
    background-size: 100%;
}
.footer-right .jion-us a{
    height: 1rem;
}
.lxgw-tit {
    /*font-family: "siyuan-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: medium;
    font-size: .28rem;
    line-height: .28rem;
    text-align: center;
    padding-top: .84rem;
    color: #fff;
}

.lxgw-href {
    font-size: .17rem !important;
    line-height: 1;
    margin: 0;
    text-align: center;
    margin-top: .24rem;
}

.lxgw-href a {
    color: #33aba7;
}

.lxgw-href .iconfont {
    font-size: .17rem;
}

@media (max-width: 980px) {
    .lxgw {
        height: 2.95rem;
        background-image: url(../images/gw-bg-m.jpg);
    }

    .lxgw-tit {
        padding-top: 1.05rem;
        font-size: .36rem;
        line-height: 1;
    }

    .lxgw-href {
        font-size: .26rem !important;
    }
}

.footer {
    background-color: #181818;
    padding: .7rem 2.85rem;
    padding-bottom: 0.6rem;
}

.footer .footer-nav {
    width: 9.1rem;
}

.footer .footer-logo img {
    height: .41rem;
    /*filter: brightness(100%);*/
}

.footer-by {
    color: #33aba7;
    margin: .24rem 0rem;
}

.footer-nav-list {
    max-width: 5.6rem;
}

.footer-nav-list li a {
    /*font-family: "oppo-l";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    font-size: .2rem;
    line-height: .24rem;
    color: #fff;
    float: left;
    display: block;
    width: 1.33rem;
    margin-top: .22rem;
}
.footer-nav-list li a:hover{
    color: #33aba7;
}
.fx-ico {
    margin-top: .52rem;
}
.footer .fx-ico {
    margin-top: .8rem;
}

.fx-ico li {
    float: left;
    margin-right: .3rem;
}

.fx-ico li img {
    width: .34rem;
}


.footer .work {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    font-size: .15rem;
    line-height: .36rem;
    /*color: #33aba7;*/
    color: #fff;
    margin-top: .25rem;
}

.footer .zw {
    /*font-family: "oppo-l";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    font-size: .17rem;
    line-height: .28rem;
    max-width: 3.25rem;
    /*color: #fff;*/
    color: rgba(255,255,255,0.7);
}

.footer .ckzw {
    /*font-family: "oppo-b";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
    display: block;
    width: 2rem;
    height: .54rem;
    border-radius: .04rem;
    background-color: #33aba7;
    color: #fff;
    line-height: .54rem;
    text-align: center;
    font-size: .15rem;
    margin-top: .4rem;
    margin-bottom: 1.05rem;
    transition: all 300ms linear;
}

.footer .ckzw:hover {
    background-color: #025b60;
    transition: all 300ms linear;
}

.footer .hr {
    border-top: 1px solid #292929;
}

.footer .copy {
    /*font-family: "oppo-r";*/
    font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: 400;
    margin-top: .5rem;
    font-size: .14rem;
}

.footer .copy,
.footer .copy a {
    /*color: #a8a8a8;*/
   color: rgba(255,255,255,0.7);
    line-height: .28rem;
}

.footer .copy a {
    margin: 0px 0.1rem;
}

@media (max-width: 980px) {
    .footer {
        box-sizing: border-box;
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 1rem;
    }
.fx-ico li img {
    width: .45rem;
}
    .footer .footer-nav {
        width: 100%;
    }

    .footer .footer-logo img {
        height: .5rem;
    }

    .footer-nav-list li a {
        font-size: .28rem;
        line-height: 2;
    }

    .footer-by {
        margin-bottom: .04rem;
    }

    .fx-ico {
        margin-top: .6rem;
    }

    .footer .work {
        font-size: .30rem;
        margin-top: 0.95rem;
    }

    .footer .zw {
        margin-top: .3rem;
        font-size: .26rem;
        line-height: 0.42rem;
        max-width: 70%;
    }

    .footer .ckzw {
        height: .75rem;
        line-height: .75rem;
        font-size: .2rem;
        width: 3rem;
    }

    .footer .copy {
        font-size: .2rem;
        line-height: 1.75;
    }
}


/* 案例详情页样式 */
.case-banner.casect {
    height: 9rem;
    background-image: url(../images/case-content-banner.jpg);
}

@media (max-width: 980px) {
    .case-banner.casect {
        height: 7.49rem;
        background-image: url(../images/case-content-banner-m.jpg);
    }
}

.case-ct-view {
    background: #181818;
    padding: .95rem 0;
}

.case-ct-view .content {
    max-width: 8.3rem;
    margin: 0 auto;
    color: #fff;
}

.case-ct-view .tt span {
    display: block;
    font-size: .2rem;
    /*font-family: "oppo-m";*/
    font-weight: medium;
    color: #33aba7;
}

.case-ct-view .tt h2 {
    font-size: .39rem;
    font-family: "oppo-b";
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-top: .05rem;
    padding-bottom: .45rem;
}

.case-ct-view .ct {
    font-size: .23rem;
    font-family: "oppo-b";
    padding-left: .15rem;
    border-left: solid 1px #33aba7;
}

.case-ct-view .ct p {
    padding: .15rem 0;
}

.case-ct-view .ct p:first-child {
    padding-top: 0;
}

.case-ct-view .ct p:last-child {
    padding-bottom: 0;
}

.case-ct-view .bt {
    font-size: .15rem;
    color: #6f6f6f;
    line-height: 1.5;
    margin-top: .6rem;
}

.case-ct-ct {
    padding: .95rem 0;
}

.case-ct-ct p {
    display: block;
    max-width: 8.3rem;
    margin: 0 auto;
    padding: .05rem 0;
    line-height: 1.625;
    color: rgba(0,0,0,0.6);
    font-size: 16px;
    /*font-family:"oppo-r";*/
}

.case-ct-ct p img {
    max-width: 100%;
}
.case-ct-ct video{
    width: 100%!important;
    height: auto!important;
}
.case-ct-ct img {
    max-width: 100%;
}
.case-ct-ct>img{
    width: 100%;
    height: auto;
}
.case-ct-ct h3 {
    max-width: 8.3rem;
    font-family: "oppo-b";
    margin: 0 auto;
    font-size: .28rem;
    font-weight: normal;
    color: #33aba7;
}

.case-ct-ct h2 {
    max-width: 8.3rem;
    font-family: "oppo-b";
    margin: 0 auto;
    font-size: .39rem;
    font-weight: normal;
    line-height: 3;
    color: #000;
}

.case-ct-ct blockquote {
    max-width: 8.3rem;
    /*font-family: "oppo-b";*/
    margin: 0 auto;
    font-size: .23rem;
    font-weight: bold;
    line-height: 1.3;
    color: #000;
    padding-left: .15rem;
    border-left: solid 2px #33aba7;
}

.case-ct-ct h4 {
    max-width: 8.3rem;
    margin: 0 auto;
    font-size: .15rem;
    font-weight: normal;
    line-height: 1.625;
    /*color: #8f8f8f;*/
    color: rgba(0,0,0,0.6);
}

.case-ct-ct .fw {
    max-width: 8.3rem;
    margin: 0 auto;
}

.case-ct-ct .fw ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*font-size: .23rem;*/
    margin-top: .06rem;
    margin-bottom: .4rem;
}

.case-ct-ct .fw ul li,
.case-ct-ct .fw.ul span {
    box-sizing: border-box;
    width: 50%;
    margin: 0;
    padding: 0;
    padding-left: .12rem;
    margin-bottom: .16rem;
}

.case-ct-ct .fw ul li {
    font-size: 15px;
    font-family: "oppo-b";
    line-height: 1;
    border-left: solid 4px #33aba7;
}
.case-ct-ct p.pImg{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.case-ct-ct p.pImg img{
    /* display: block; */
    display: inline-block;
}
@media (max-width: 980px) {
    .case-ct-view .content {
        padding-left: 4%;
        padding-right: 4%;
    }

    .case-ct-view .tt span {
        font-size: .28rem;
    }

    .case-ct-view .ct {
        font-size: .28rem;
        border-left: solid 4px #33aba7;
        width: 90%;
    }

    .case-ct-view .bt {
        font-size: .28rem;
    }

    .case-ct-ct p,
    .case-ct-ct h2,
    .case-ct-ct h3,
    .case-ct-ct h4,
    .case-ct-ct .fw {
        padding-left: 4%;
        padding-right: 4%;
    }

    .case-ct-ct blockquote {
        display: block;
        max-width: 92%;
        box-sizing: border-box;
        font-size: .28rem;
    }

    .case-ct-ct h3 {
        font-size: .34rem;
    }

    .case-ct-ct h4 {
        font-size: .28rem;
    }

    .case-ct-ct p {
        font-size: .28rem;
        /*color: #737373;*/
        color: rgba(0,0,0,0.6);
    }

    .case-ct-ct .fw {
        margin-top: .8rem;
    }

    .case-ct-ct .fw ul li {
        font-size: .28rem;
    }

    .case-ct-ct .fw ul li,
    .case-ct-ct .fw.ul span {
        margin-bottom: .28rem;
    }

    .case-ct-view .tt h2 {
        padding-bottom: .85rem;
    }
}

/* 品牌洞见列表样式 */
.case-banner.dongjian {
    background-image: url(../images/dongjian-list-banner.jpg);
    height: 6.08rem;
}

@media (max-width: 980px) {
    .case-banner.dongjian {
        background-image: url(../images/dongjian-list-banner-m.jpg);
        height: 9.19rem;
    }

    .case-banner.dongjian .banner-video .video-text {
        padding-top: .82rem;
    }
}

.dj-ls {
    background: #f8f8f8;
    padding: .9rem 0;
}

.dj-ls .container {
    width: 70.3%;
    margin: auto;
}
.dj-ls .tt{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.dj-ls h1 {
    /*font-family: "oppo-b";*/
    font-size: .39rem;
    /*font-weight: normal;*/
    padding-bottom: .6rem;
}
.dj-ls .tt .page{
    padding: 0;
}
.dj-ls .news-list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dj-ls .news-item,
.dj-ls .news-list>span {
    width: 4.33rem;
}

.dj-ls .news-item {
    background: #fff;
    margin-bottom: .33rem;
    border-top: solid 6px #33aba7;
}

.dj-ls .news-item .ico {
    position: relative;
    width: 4.33rem;
    height: 2.5rem;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dj-ls .news-item img {
    position: absolute;
    width: 100%;
    height: auto;
	min-height:100%;
	object-fit: cover; 
    margin: auto;
    transition: width 500ms;
}

.dj-ls .news-item p,
.dj-ls .news-item h2 {
    padding-left: .3rem;
    padding-right: .3rem;
}

.dj-ls .sortname {
    padding-top: .3rem;
    color: rgba(0,0,0,0.6);
    /*color: #7e7e7e;*/
    font-size: .15rem;
}

.dj-ls h2 {
    font-size: .22rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    color: #000;
    margin-top: .10rem;
}

.dj-ls .news-item>a {
    display: block;
    width: auto;
    height: 4.5rem;
}

@media only screen and (min-width: 981px) and (max-width: 1330px){
.dj-ls .news-item>a {
    height: 5.1rem;
}
}
.dj-ls .news-item-dec {
    margin-top: .15rem;
    font-size: .16rem;
    line-height: 2;
    /*color: #8f8f8f;*/
    color: rgba(0,0,0,0.6);
}

.dj-ls .news-item .but-more {
    margin: 0;
    padding: .36rem .3rem;
}

.dj-ls .news-item .but-more a {
    color: #000;
}
.dj-ls .news-item .but-more a:hover{
    color: #33aba7;
}

.dj-ls .news-item:hover img {
    transition: width 500ms ease-in-out;
    width: 115%;
}

.dj-ls .news-item:hover h2 {
    color: #33aba7;
}

.dj-ls .news-item:hover .but-more span {
    animation: mymove 0.5s 1;
    -webkit-animation: mymove 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

.dj-ls .page {
    padding-top: .75rem;
    padding-bottom: .55rem;
}

@media (max-width: 980px) {
    .dj-ls {
        padding-bottom: .8rem;
    }

    .dj-ls .container {
        width: 92%;
    }

    .dj-ls .news-item,
    .dj-ls .news-list>span {
        width: 100%;
    }

    .dj-ls h1 {
        font-size: .5rem;
    }
    .dj-ls .tt .page{
        padding-top: .15rem;
    }
    .dj-ls .news-item>a {
        height: 7rem;
    }

    .dj-ls .news-item {
        border-top: solid 8px #33aba7;
    }

    .dj-ls .news-item .ico {
        width: 100%;
        height: 3.95rem;
    }

    .dj-ls .news-item img {
        width: 100%;
        height: auto;
    }

    .dj-ls .sortname {
        font-size: .28rem;
        padding-top: .4rem;
    }

    .dj-ls h2 {
        font-size: .34rem !important;
    }
    .culture-1 .right h2 {
        font-size: .30rem !important;
    }
    .culture-1 h2,.culture-2 h2{
        font-size: .34rem !important;
    }

    .dj-ls .news-item-dec {
        font-size: .26rem;
        line-height: 1.43;
        margin-top: .3rem;
    }
    .dj-ls .container .news-list .news-item-dec {
        font-size: .26rem;
    }
    .dj-ls .swiper-pagination {
        display: none;
    }

    .dj-ls .news-item .but-more,
    .dj-ls .news-item .but-more .iconfont {
        /*font-size: .22rem;*/
        font-size: .26rem;
    }
}

/* 联系我们 */
.contact-banner {
    width: 8.32rem;
    margin: 0.4rem auto;
    margin-top: 2.1rem;
}

.contact-banner p {
    font-size: .34rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
    color: #000;
}

@media (max-width: 980px) {
    .contact-banner {
        width: 100%;
    }

    .contact-banner .ct {
        padding-left: 4%;
        padding-right: 4%;
    }

    .contact-banner p {
        font-size: .34rem;
        line-height: 1.38;
    }
}

.contact-form {
    width: 8.32rem;
    margin: 0.4rem auto;
    margin-top: 0.7rem;
}

.contact-form .form-group {
    margin-top: .3rem;
}

.contact-form .form-title {
    /*font-family: "oppo-m";*/
    font-weight: medium;
    font-size: .22rem;
    line-height: 2;
}

.contact-form .form-title span {
    /*color: #33aba7;*/
    color: rgba(0,0,0,0.6);
    padding-left: .08rem;
}

.contact-form input {
    width: 100%;
    border: none;
    border-bottom: solid 1px #000;
    font-size: .15rem;
    color: #a3a3a3;
    line-height: 4;
    outline: none;
}

.contact-form input:focus {
    border-color: #33aba7;
}

.contact-form button {
    background-color: #fff;
    border: none;
    /*padding: .16rem .8rem;*/
    /*font-family: "oppo-m";*/
    font-weight: bold;
    cursor: pointer;
    margin: .7rem 0.1rem .85rem 0;
    font-size: .22rem;
    line-height: .36rem;
    color: #000;
}
.contact-form button:hover{
    color: #33aba7;
}
.form-group span{
    font-size: .17rem;
    margin-left: .10rem;
    color: #33aba7;
    animation: mymove-left 0.5s 1;
    -webkit-animation: mymove-left 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

.contact-form .form-group button:hover span{
    animation: mymove 0.5s 1;
    -webkit-animation: mymove 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}
@media (max-width: 980px) {
    .contact-form {
        width: 92%;
    }
    
    .form-group span{
    font-size: .26rem;
        
    }

    .contact-form .form-title {
        font-size: .28rem;
    }

    .contact-form input {
        font-size: .24rem;
    }

    .contact-form button {
        /*padding: .27rem 1.24rem;*/
        font-size: .27rem;
        font-family: "Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    }
}

/* 工作详情页 */
.job-ct-banner {
    width: 70.3%;
    margin: auto;
    margin-top: 1.9rem;
}

.job-ct-banner p {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    color: #000;
}

.job-ct-banner h1 {
    font-size: .3rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    color: #000;
    margin-top: .18rem;
}

@media (max-width: 980px) {
    .job-ct-banner {
        width: 92%;
        margin-top: 3.3rem;
    }

    .job-ct-banner .ct {
        display: -webkit-flex;
        justify-content: space-between;
    }

    .job-ct-banner h1 {
        font-size: .4rem;
        margin-top: 0;
    }

    .job-ct-banner .ct p {
        order: 1;
    }
}

.job-content {
    width: 70.3%;
    margin: auto;
    margin-top: 1rem;
    color: #7e7e7e;
}

.job-content .item {
    display: -webkit-flex;
    display: flex;
    min-height: 1.8rem;
    padding-top: .6rem;
    padding-bottom: .6rem;
    border-top: solid 1px #e5e5e5;
}

.job-content .item .left {
    width: 30%;
}

.job-content .item .left h2 {
    color: #000;
    font-size: .2rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    margin-bottom: .05rem;
}

.job-content .item .left .en {
    font-size: .14rem;
}

.job-content .item .right {
    flex: 1;
    line-height: 1.625;
}

.job-content .item .right li {
    list-style-type: none;
    position: relative;
    padding-left: .15rem;
}

.job-content .item .right li:before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    background-color: #949494;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: 0.14rem;
    left: 0;
}

.job-content.full {
    width: 100%;
    background-color: #f9f9f9;
    margin-top: 0;
}

.job-content.full .item {
    width: 70.3%;
    margin: auto;
    border: none;
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.job-content.full .item .right li:before {
    background-color: inherit;
}

.job-content.full .item .ewm p {
    text-align: center;
    font-size: .2rem;
    color: #000;
    margin-top: .12rem;
}

.job-content.full .item {
    min-height: 3rem;
}

@media (max-width: 980px) {
    .job-content {
        margin-top: 1.4rem;
        width: 92%;
    }

    .job-content .item {
        flex-direction: column;
        padding-top: .85rem;
        padding-bottom: .85rem;
    }

    .job-content .item .left {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }

    .job-content .item .left h2 {
        font-size: .3rem !important;
        /*font-family: "oppo-m";*/
        font-weight: bold;
    }

    .job-content .item .left .en {
        font-size: .22rem;
        letter-spacing: 0.1px;
        font-family: "Microsoft YaHei";
    }

    .job-content .item .right li {
        font-size: .28rem;
    }
    .job-content .item .right li:before{
        top: .22rem;
    }

    .job-content .item .right {
        margin-top: 1.1rem;
    }

    .job-content.full .item {
        width: 92%;
    }

    .job-content.full .item {
        padding-top: .95rem;
        padding-bottom: 1.05rem;
    }

    .job-content.full .item .right {
        margin-top: .6rem;
    }
    .job-content.full .item li{
        padding-left: 0;
    }
    .job-content.full .ewm {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 1.1rem;
    }

    .job-content.full .ewm img {
        width: 1.85rem;
        height: auto;
    }

    .job-content.full .item .ewm p {
        font-size: .27rem;
    }
}

/* 联系页 */
.case-banner.contact {
    height: 7.66rem;
    position: relative;
}

.case-banner.contact .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.case-banner.contact .img img {
    position: absolute;
    margin: auto;
    width: 100%;
    transition: width 2s ease-in-out;
}

.case-banner.contact:hover .img img {
    width: 115%;
}

@media (max-width: 980px) {
    .case-banner.contact {
        height: 9.2rem;
    }

    .case-banner.contact .img img {
        height: 100%;
        width: auto;
        transition: height 2s ease-in-out;
    }

    .case-banner.contact:hover .img img {
        width: auto;
        height: 115%;
    }

    .case-banner .banner-video .video-text {
        padding-top: 2.5rem;
    }
}

.contact-map {
    background-color: #f9f9f9;
    padding-top: 1.05rem;
    padding-bottom: 1.5rem;
}

.contact-map .container {
    width: 70.3%;
    margin: auto;
}

.contact-map .item {
    width: 100%;
    height: 5.2rem;
    position: relative;
    margin-top: 1.1rem;
}

.contact-map .item:first-child {
    margin-top: 0;
}

.contact-map .left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.contact-map .right {
    position: absolute;
    right: 0;
    bottom: 0;
}

.contact-map .card {
    box-sizing: border-box;
    width: 5.73rem;
    height: 3.6rem;
    background-color: #fff;
    padding: .45rem .4rem .4rem .55rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.contact-map .card .ctl {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.contact-map .card .ctl .en {
    font-size: .5rem;
    /*font-family: "oppo-m";*/
    font-weight: bold;
    /*color: #0e5c67;*/
    color: #005a5e;
}

.contact-map .card .ctl h2 {
    margin-top: .05rem;
    font-size: .3rem;
    /*font-family: "oppo-m";*/
    /*font-weight: normal;*/
    font-weight: medium;
    color: #000;
}

.contact-map .card .ctb span {
    display: block;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
    margin-top: 0.3rem;
}

.contact-map .card .ctb span.address {
    font-size: .22rem;
    /*font-family: "oppo-m";*/
    /*font-weight: normal;*/
    font-weight: medium;
    color: #000;
}

.contact-map .card .ctr {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.contact-map .item2 .left {
    left: auto;
    right: 0;
}

.contact-map .item2 .right {
    left: 0;
    right: auto;
}

.contact-map .map img {
    width: 8.31rem;
    height: auto;
}

@media (max-width: 980px) {
    .contact-map .item {
        margin-top: 0;
        margin-bottom: .6rem;
        height: auto;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .contact-map .item>div:first-child {
        order: 2;
    }

    .contact-map .item>div {
        position: relative;
    }

    .contact-map .item .right .map {
        font-size: 0;
    }

    .contact-map .container {
        width: 92%;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .contact-map .card {
        width: 100%;
    }

    .contact-map .map img {
        width: 100%;
    }

    .contact-map .card .ctl .en {
        font-size: .36rem;
    }

    .contact-map .card .ctl h2 {
        font-size: .34rem !important;
    }

    .contact-map .card .ctb span.address {
        font-size: .28rem;
    }

    .contact-map .card .ctb span {
        font-size: .26rem;
    }

    .contact-map .card .ctr {
        position: absolute;
        right: .45rem;
        bottom: 1.45rem;
    }
}

/* 文章详情页 */
.case-banner.article {
    height: 5rem;
    background-image: url(../images/article-content-banner.jpg);

}

@media (max-width: 980px) {
    .case-banner.article {
        height: 7.5rem;
        background-image: url(../images/article-content-banner-m.jpg);
    }
}

.article-top {
    max-width: 8.3rem;
    margin: 0 auto;
    padding-top: .8rem;
}

.article-top .sort {
    font-size: .2rem;
    font-family: "oppo-m";
    color: #33aba7;
}

.article-top h1 {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    color: #000;
}

.article-top .t-author {
    font-size: .15rem;
    font-family: "oppo-m";
}

.article-top .t-author span {
    padding-right: .6rem;
}

.article-top .icos {
    margin-top: .6rem;
}

.article-top .icos ul {
    display: -webkit-flex;
    display: flex;
}

.article-top .icos li {

    margin-right: .3rem;
    width: .25rem;
    height: .25rem;
}

.article-top .t-author {
    margin-top: .36rem;
}

.article-top .icos li img {
    width: 100%;
}

@media (max-width: 980px) {
    .article-top {
        width: 92%;
    }

    .article-top .sort {
        font-size: .28rem;
    }

    .article-top h1 {
        font-size: .5rem;
    }

    .article-top .t-author {
        font-size: .22rem;
    }
}

/* =============单页关于============== */
/* 顶部导航 */
.header.about {
    background: none;
}

.header.about.totop {
    background: #fff;
}

.header.about .search input {
    background: none;
}

/* banner */
.case-banner.about {
    height: 8.91rem;
    background-image: url(../images/about-banner.jpg);
    background-size: 100% 100%;
}

.case-banner.about .big-tit {
    color: #000;
    font-size: .39rem !important;
    /*font-family: "oppo-b";*/
    padding-top: .08rem;
}

.case-banner.about .video-text {
    width: 7.55rem;
    padding: 0;
}

.case-banner.about .video-text .at {
    color: #005a5e;
    font-size: .17rem;
    /*font-family: "oppo-m";*/
    font-family:"Source Han Sans CN","Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    font-weight: bold;
}

.case-banner.about .video-min-tit {
    /*color: #757575;*/
    color: rgba(0,0,0,0.6);
}

.case-banner.about .video-con {
    height: auto;
    display: -webkit-flex;
    display: flex;
}

.case-banner.about .video-con .ct {
    padding-right: 1.2rem;
}

.case-banner.about .video-con .num {
    display: block;
    font-size: .6rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
}

.case-banner.about .video-con .num1{
    font-size: .4rem;
    /*display: block;*/
    /*margin-top: -10px;*/
}

.case-banner.about .video-con .cn {
    display: block;
    font-size: .15rem;
    /*color: #757575;*/
    color: rgba(0,0,0,0.6);
    padding-top: .02rem;
    white-space: nowrap;
    width: 1.3rem;
}

.case-banner.about .video-logo {
    border-top: solid 1px #dbdbdb;
    margin-top: 1.2rem;
}

.case-banner.about .video-logo .tt {
    font-size: .16rem;
    /*color: #757575;*/
    color: rgba(0,0,0,0.6);
    margin-top: .2rem;
}

.case-banner.about .video-logo .logo {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .5rem;
    width: 90%;
}
.case-banner.about .video-logo .logo li {
    height: .75rem;
    width: auto;
}

.case-banner.about .video-logo .logo li a {
    display: block;
    width: 100%;
    height: 100%;
}

.case-banner.about .video-logo .logo li img {
    height: 100%;
    width: auto;
    max-width: 100%;
}

@media (max-width: 980px) {
    .case-banner.about {
        height: 13.83rem;
        background-image: url(../images/about-banner-m.jpg);
        background-size: 100% 100%;
    }

    .case-banner .banner-video {
        margin-top: 2rem;
    }
    .dongjian .banner-video{
        margin-top: 6rem; 
    }

    .case-banner.about .video-text {
        width: 100%;
        padding-top: 1.1rem;
    }

    .case-banner.about .video-text .at {
        font-size: .30rem;
    }

    .case-banner.about .big-tit {
        font-size: .5rem !important;
        line-height: 1.3;
    }

    .case-banner.about .video-con .cn {
        font-size: .26rem;
        color: #33aba7;
    }

    .case-banner.about .video-con .ct {
        padding-right: .95rem;
    }

    .case-banner.about .video-logo .tt {
        font-size: .28rem;
    }

    .case-banner.about .video-logo .logo {
        flex-wrap: wrap;
        width: 100%;
        margin-top: .6rem;
    }

    .case-banner.about .video-logo .logo li {
        width: 25%;
        height: .8rem;
        margin-bottom: .5rem;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }
    .case-banner.about .video-logo .logo li a{
        width: fit-content;
        height: 100%;
    }
    .case-banner.about .video-logo .logo li img{
        height: 100%;
        width: auto;
    }

    .case-banner.about .video-con {
        padding-top: .54rem;
    }

    .case-banner.about .video-logo {
        margin-top: 1.8rem;
    }

    .case-banner.about .video-logo .tt {
        margin-top: .35rem;
    }
}

/* 关于第二屏导航 */
.pp-banner.about .pp-top {
    height: 6.8rem;
}

.pp-banner.about .pp-tab-but {
    width: 70.3%;
    left: 14.85%;
    top: 5.65rem;
}

.pp-banner.about .pp-tab-but li {
    width: 33.3%;
}

.pp-banner.about .pp-top .pp-top-text {
    width: 22.3%;
    padding-top: 1.45rem;
}

.pp-banner.about .pp-top-list {
    animation: none;
}

.pp-banner.about .pp-top .pp-top-text .pp-top-tit {
    padding-bottom: .15rem;
}

@media (max-width: 980px) {
    .pp-banner.about .pp-top {
        height: 12.98rem;
    }

    .pp-banner.about .pp-top .pp-top-text {
        width: 92%;
        padding-top: 1.2rem;
    }

    .pp-banner.about .pp-top-list {
        background-image: url(../images/about-2-1m.jpg) !important;
    }

    .pp-banner.about .pp-tab-but {
        width: 92%;
        left: 4%;
        top: 12rem;
    }

    .pp-banner.about .pp-tab-but li {
        font-size: .26rem;
        width: fit-content;
        padding-right: .2rem;
    }

    /* .pp-banner.about .pp-tab-but li:first-child {
        width: 30%;
    }

    .pp-banner.about .pp-tab-but li:nth-child(2) {
        width: 36.6%;
    } */
}

/* 核心力量 */
.about-hx {
    height: 7.9rem;
}

.about-hx .container {
    width: 70.3%;
    margin: 0 auto;
}

.about-hx .container {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-hx .left {
    width: 42%;
    margin-top: -1.15rem;
}

.about-hx .left .top {
    font-size: .17rem;
    color: #005a5e;
    /*font-family: "oppo-m";*/
    font-weight: bold;
}

.about-hx .left h2 {
    /*font-family: "oppo-b";*/
    font-weight: bold;
    font-size: .39rem;
    /*font-weight: normal;*/
    line-height: 1.3;
    padding-top: .15rem;
}

.about-hx .left .ct {
    margin-top: .4rem;
    line-height: 1.625;
}

.about-hx .left .ct .p1 {
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}

.about-hx .left .ct .p2 {
    padding-top: .3rem;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}

.about-hx .right {
    width: 58%;
    height: 4.65rem;
    margin-top: .75rem;
    background-image: url(../images/about-3.png);
    background-size: 100% auto;
}

.about-hx .right img {
    width: 100%;
    height: auto;
}

@media (max-width: 980px) {
    .about-hx {
        height: auto;
    }
    .about-hx h2{
        font-size: .4rem !important;
    }
    .about-hx .container {
        flex-wrap: wrap;
        width: 92%;
    }

    .about-hx .container>div {
        width: 100%;
    }

    .about-hx .left {
        margin-top: 1.15rem;
    }

    .about-hx .left .ct {
        font-size: .26rem;
        line-height: 1.43;
        margin-top: .3rem;
    }

    .about-hx .left .top {
        font-size: .30rem;
    }

    .about-hx .right {
        margin-top: .85rem;
        margin-bottom: 1.1rem;
        background-image: url(../images/about-3m.png);
    }

    .about-hx .left .ct .p2 {
        /*color: #8d8d8d;*/
        color: rgba(0,0,0,0.6);
    }
}

/* 企业故事 */
.about-story {
    background: #0e5c67;
    position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    font-size: 0;
}

.about-story .left {
    width: 27.2%;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-story .content {
    /* padding-top: 1rem; */
}

.about-story .left h2 {
    /*font-family: "oppo-b";*/
    font-weight: bold;
    font-size: .39rem;
    font-weight: normal;
    margin-top: .9rem;
}

.about-story .left .year {
    /*font-family: "oppo-b";*/
    font-weight: bold;
    font-size: .28rem;
    font-weight: normal;
    margin-top: .9rem;
    padding-bottom: .15rem;
}

.about-story .left .ct {
    font-size: .16rem;
    line-height: 1.625;
    /*color: #abbdc0;*/
    /*color: #ddd;*/
    color: rgba(255,255,255,0.7);
    width: 80%;
}

.about-story .right {
    width: 58%;
}

.about-story .rightSwiper .swiper-slide {
    overflow: hidden;
}

.about-story .rightSwiper img {
    width: 100%;
}

.about-story .guide {
    width: 90%;
    font-family: "oppo-m";
    font-size: .14rem;
    height: .8rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    color: #5d868d;
}

.about-story .guide .swiper-pagination-current {
    color: #fff;
    font-size: .20rem;
}

.about-story .guide .swiper-pagination span {
    padding: 0 .08rem;
}

.about-story .guide .icon {
    cursor: pointer;
    font-size: .30rem;
}
.about-story .guide .icon:hover{
	color: #33aba7;
	transition: all 300ms linear;
}

.about-story .guide .swiper-button-disabled .icon {
    color: #19747a;
}

@media (max-width: 980px) {
    .about-story {
        flex-wrap: wrap;
    }

    .about-story>div {
        width: 100% !important;
    }
    .about-story .content{
        padding-top: 0;
    }
    .about-story .left {
        order: 2;
        padding: .4rem;
        box-sizing: border-box;
        padding-left: 4%;
        padding-right: 4%;
    }

    .about-story .left h2 {
        font-size: .34rem !important;
        margin-top: .25rem;
    }

    .about-story .left .year {
        margin-top: .65rem;
    }

    .about-story .left .ct {
        font-size: .26rem;
        line-height: 1.43;
        width: 100%;
    }

    .about-story .swiper-button-prev,
    .about-story .swiper-button-next {
        display: none;
    }

    .about-story .guide .swiper-pagination {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        width: 4rem;
    }

    .about-story .guide {
        width: 60%;
        margin: auto;
        margin-top: 1rem;
        height: auto;
        margin-bottom: .2rem;
    }

    .about-story .guide .swiper-pagination span {
        flex: 1;
        margin: 0 .08rem;
        width: .6rem;
        height: .04rem;
        background: #1c6c70;
        cursor: pointer;
    }

    .about-story .guide .swiper-pagination span.swiper-pagination-bullet-active {
        background: #33aba7;
    }
}

/* 团队信息 */
.about-team {
    background-color: #f5f5f5;
}

.about-team .ctn {
    padding-top: .9rem;
    padding-bottom: 1rem;
}

.about-team .tt .t1 {
    /*font-family: "oppo-m";*/
    font-weight: bold;
    color: #005a5e;
    font-size: .17rem;
}

.about-team .tt h2 {
    /*font-family: "oppo-b";*/
    /*font-weight: bold;*/
    color: #000;
    font-size: .39rem;
    padding-top: .12rem;
    /*padding-bottom: .7rem;*/
    padding-bottom: .3rem;
}

.about-team .ct {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-team .ct>.item,
.about-team .ct>span {
    width: 23.5%;
}

.about-team .ct .item {
    background: #fff;
    margin-bottom: .3rem;
    cursor: pointer;
}


.about-team .ict {
    box-sizing: border-box;
    height: 2.65rem;
    padding: .25rem .3rem;
}
@media only screen and (min-width: 981px) and (max-width: 1400px){
    .about-team .ict {
    height: 3.65rem;
}
}
.about-team .ict .tx {
    font-size: .15rem;
    /*font-family: "oppo-m";*/
    color: #33aba7;
}

.about-team .name {
    padding-top: .1rem;
}

.about-team .ict .name .cn {
    font-size: .2rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
}

.about-team .ict .name .en {
    font-size: .19rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}

.about-team .ict .desc {
    padding-top: .55rem;
    font-size: .15rem;
    line-height: 1.625;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
}

.about-team .ct .item img {
    width: 100%;
    height: auto;
}

.about-team .ctbg {
    display: none;
}

.about-team .ctbg {
    position: fixed;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

.about-team .ctall {
    width: 58%;
    float: right;
    background: #2a2b30;
    height: 100%;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.about-team .ctall .ctl {
    width: 6.75rem;
    padding-top: .9rem;
    padding-left: 1.1rem;
    padding-bottom: 1.2rem;
    overflow-y: scroll;

}

.about-team .ctall .ctl::-webkit-scrollbar {
    display: none;
}

.about-team .ctall .ctl .ctltx {
    font-size: .15rem;
    font-family: "oppo-m";
    padding-top: .7rem;
}

.about-team .ctall .ctl .ctlname {
    padding-top: .2rem;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    line-height: 1;
}

.about-team .ctall .ctl .ctlcn {
    font-size: .39rem;
    font-family: "oppo-b";
    padding-right: .1rem;
}

.about-team .ctall .ctl .ctlen {
    font-size: .2rem;
    font-family: "oppo-b";
    color: #b0b0b1;
    padding-top: .18rem;
}

.about-team .ctall .ctl .ctldesc {
    font-size: .15rem;
    line-height: 1.625;
    margin-top: .4rem;
    padding-bottom: .08rem;
    color: #b0b0b1;
}

.about-team .ctall .ctlct h3 {
    font-size: .28rem;
    font-family: "oppo-b";
    font-weight: normal;
    padding-top: .77rem;
}

.about-team .ctall .ctlct p {
    line-height: 1.7;
    margin-top: .4rem;
    font-size: .15rem;
    color: #b0b0b1;
}

.about-team .ctall .ctr img {
    margin-top: .9rem;
    margin-right: .6rem;
    width: .17rem;
    height: .17rem;
}

@media (max-width: 980px) {
    .about-team .ctn {
        padding-top: 1.15rem;
    }

    .about-team .tt h2 {
        padding-bottom: .5rem;
    }

    .about-team .tt .t1 {
        font-size: .30rem;
    }

    .about-team .ct .item {
        width: 48.5%;
        border-top: solid 6px #33aba7;
    }

    .about-team .ict {
        height: 4.35rem;
    }

    .about-team .ict .tx {
        font-size: .24rem;
    }

    .about-team .name {
        padding-top: 0;
    }

    .about-team .ict .name .cn {
        font-size: .34rem;
    }

    .about-team .ict .name .en {
        font-size: .26rem;
    }

    .about-team .ct {
        font-size: .24rem;
        line-height: 1.67;
    }

    .about-team .ict .desc {
        font-size: .24rem;
    }

    .about-team .ctall {
        width: 100%;
    }

    .about-team .ctall .ctl {
        padding-left: 4%;
        padding-top: .6rem;
        width: 92%;
    }

    .about-team .ctall .ctr {
        display: none;
    }

    .about-team .ctall .ctt {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.8rem;
    }

    .about-team .ctall .ctt .left img {
        width: 3.45rem;
    }

    .about-team .ctall .ctl .ctltx {
        font-size: .24rem;
    }

    .about-team .ctall .ctl .ctlcn {
        font-size: .5rem;
    }

    .about-team .ctall .ctl .ctlen,
    .about-team .ctall .ctl .ctldesc,
    .about-team .ctall .ctlct p {
        font-size: .28rem;
    }

    .about-team .ctall .ctlct h3 {
        font-size: .34rem;
    }
}

.tabout .pp-top {
    height: 7.5rem;
}

.tabout .pp-top .pp-top-text {
    display: -webkit-flex;
    display: flex;
    padding-top: 1.1rem;
}

.tabout .pp-top-text>div {
    width: 50%;
}

.tabout .pp-top-text .left .at {
    font-size: .17rem;
    color: #33aba7;
    padding-bottom: .2rem;
    font-weight: bold;
}

.tabout .pp-top-text .right {
    /*padding-top: .3rem;*/
}

.ppb-tab-but {
    width: 89.5%;
    margin: auto;
    position: absolute;
    top: 6.3rem;
    left: 5.25%;
}

.ppb-tab-but li {
    /*font-family: "oppo-m";*/
    float: left;
    width: 33%;
    color: #fff;
    font-size: .15rem;
    text-align: center;
    line-height: .56rem;
    cursor: pointer;
}

.ppb-tab-but li::before {
    display: block;
    width: 100%;
    content: "";
    height: .05rem;
    transition: transform 10000ms linear;
    transform: scale(0, 1);
    transform-origin: left center;
}

.ppb-tab-but li.no-progress::before {
    transition: none;
    transform: scale(1, 1);
}

.ppb-tab-but .active::before {

    width: 100%;
    background-color: #33aba7;
    transform: scale(1, 1);
    transform-origin: left center;
}

.ppb-tab-but li:hover::before {
    /* width: 100%;
    background-color: #33aba7;
    transform: scale(1, 1);
    transform-origin: left center; */
}

.pp-banner .ppb-top-list {
    width: 100%;
    position: absolute;
    top: 0px;
}

.ppb-top-list {
    display: none;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    animation: bgscale 3.5s linear 1.5s 1 normal forwards;
    -webkit-animation: bgscale 3.5s ease-in-out 1.5s 1 normal forwards;
    /*Safari and Chrome*/
}

.ppb-top-list:nth-child(1) {
    display: block;
}

.ppb-top-list img {
    width: 100%;
}

.ppb-top-list:nth-child(1) {
    display: block;
}

@media (max-width: 980px) {
    .tabout .pp-top {
        height: 10.96rem;
    }

    .pp-banner .ppb-top-list {
        background-image: url(../images/tabout-bg-m.jpg) !important;
    }

    .tabout .pp-top .pp-top-text {
        flex-direction: column;
        padding-top: .85rem;
    }

    .tabout .pp-top-text>div {
        width: 100%;
    }

    .ppb-tab-but {
        top: 9.5rem;
    }

    .ppb-tab-but li {
        font-size: .28rem;
    }

    .tabout .pp-top-text .left .at {
        font-size: .30rem;
        padding-bottom: .1rem;
    }
}

/* //////////////////////文化/////////////// */
.case-banner.culturels {
    background-image: url(../images/culture-banner.jpg);
}

@media (max-width: 980px) {
    .case-banner.culturels {
        background-image: url(../images/culture-banner-m.jpg);
    }
    .culture-1 .news-item .culture-buttop{
    margin-top: 1.5rem;
}
}

/* 文化一 */
.dj-ls.culture-1 {
    padding-bottom: 0;
}

.dj-ls.culture-1 .news-item,
.dj-ls.culture-1 .news-list>span {
    width: 100%;
}

.culture-1 .news-item {
    border-top: solid 8px #33aba7;
}

.culture-1 .news-item .ico {
    width: 100%;
}

.culture-1 .news-item .but-more {
    padding: 0 .3rem;
}

.culture-1 .left {
    width: 69.5%;
}

.culture-1 .left .news-item {
    height: 8.35rem;
}

.culture-1 .left .news-item .ico {
    height: 5.52rem;
}

.culture-1 .left h2 {
    font-size: .28rem;
    padding-top: .3rem;
}

.culture-1 .left .news-item>a {
    height: 7.9rem;
}

.culture-1 .right {
    width: 28.5%;
}

.culture-1 .right .news-item {
    height: 3.97rem;
}

.culture-1 .right .news-item .ico {
    height: 2.15rem;
}

.culture-1 .right h2 {
    font-size: .22rem;
    padding-top: .15rem;
}

.culture-1 .right .news-item>a {
    height: 3.5rem;
}

@media (max-width: 980px) {
    .culture-1 {
        padding-top: 1.05rem;
    }

    .culture-1 .left,
    .culture-1 .right {
        width: 100%;
    }

    /*.culture-1 .left .news-item {*/
    /*    height: 6.8rem;*/
    /*}*/

    .culture-1 .left .news-item .ico {
        height: 4.08rem;
    }

    .culture-1 .left .news-item>a {
        height: 6rem;
    }

    .culture-1 .right {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }

    .culture-1 .right .news-item {
        width: 48.5%;
        height: 4.1rem;
    }

    .culture-1 .right .news-item>a {
        height: 3.35rem;
    }

    .culture-1 .right .news-item .ico {
        height: 1.87rem;
    }

    .culture-1 .news-list {
        flex-direction: column;
    }
}

/* 文化第二版 */
.culture-2 {
    padding-top: 0;
    padding-bottom: .45rem;
}

.culture-2 .news-item {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    background: #025b60;
    color: #fff;
    cursor: pointer;
}

.culture-2 .news-item>a {
    height: auto;
}

.culture-2 .news-item>a,
.culture-2 .ct {
    width: 50% !important;
}

.culture-2 .news-item .ico {
    height: 4.4rem;
    width: 100%;
}

.culture-2 .news-item .ct {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.culture-2 .news-item .ct h2 {
    font-size: .22rem;
    color: #fff;
    margin-top: .35rem;
}

.culture-2 .news-item .ct .news-item-dec {
    line-height: 1.625;
    font-size: .16rem;
    color: rgba(255,255,255,0.7);
    margin-top: .24rem;
    width: 85%;
}

.culture-2 .ct .but-more a {
    color: #f6f6f6;
}
.culture-2 .container>.but-more{
    text-align: center;
}
.culture-2 .container>.but-more a{
    color: #000;
}

.culture-2 .container>.but-more a:hover{
    color: #33aba7;
}
.page.culture {
    margin-top: .9rem;
    margin-bottom: .6rem;
}

@media (max-width: 980px) {
    .culture-2 .news-item {
        flex-direction: column;
    }

    .dj-ls .news-item p,
    .dj-ls .news-item h2 {
        padding-left: 4%;
        padding-right: 4%;
        box-sizing: border-box;
    }

    .culture-2 .news-item>a,
    .culture-2 .ct {
        width: 100% !important;
    }

    .culture-2 .news-item .ct .news-item-dec {
        width: 100%;
        font-size: .26rem;
        margin-top: .3rem;
    }

    .culture-2 .news-item .but-more {
        padding-top: .46rem;
        padding-bottom: .46rem;
    }

    .page.culture {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
    }
}

.culture-3 {
    background: #f8f8f8;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: url(../images/oneline-bg.png) repeat-y;
    background-size: 100%;
}
.culture-3 .content{
    padding-top: 1rem;
}
.culture-3 .rightSwiper .swiper-slide {
    height: 4.4rem;
    width: 7.7rem;
}

.culture-3 .leftSwiper .swiper-slide {
    visibility: hidden;
}

.culture-3 .leftSwiper .swiper-slide.swiper-slide-active {
    visibility: visible;
}

.culture-3 .leftSwiper .ct {
    /*font-family: "oppo-b";*/
    font-weight: bold;
    font-size: .36rem;
    color: #000;
    line-height: 1.2;
}

.culture-3 .guide .left-pagination {
    width: 98%;
    display: -webkit-flex;
    display: flex;
}

.culture-3 .guide .swiper-pagination-bullet {
    position: relative;
    width: 23px;
    height: 23px;
    background: #fff;
    border: solid 1px #fff;
    border-radius: 50%;
    margin-right: .05rem;
    cursor: pointer;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.culture-3 .guide .swiper-pagination-bullet::before {
    content: '';
    width: 9px;
    height: 9px;
    background: #9c9c9c;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: 7px;
}
.culture-3 .guide .swiper-pagination-bullet::after {
    content: '';
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
}

.culture-3 .guide .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    background: #33aba7;
}
.culture-3 .guide .swiper-pagination-bullet-active::after{
    width: 23px;
    height: 23px;
    border: solid 1px #33aba7;
    transition: all 200ms linear;
}
@media (max-width: 980px) {
    .culture-3 {
        padding-top: .9rem;
        padding-bottom: .4rem;
        overflow: hidden;
        background-image: url(../images/oneline-bg-m.png);
    }
    .culture-3 .content{
        padding-top: 0;
    }
    .culture-3 .left {
        order: 1;
        padding: 0;
        padding-left: .6rem;
    }

    .culture-3 .leftSwiper .ct {
        font-size: .4rem;
        max-width: 78%;
    }

    .culture-3 .right {
        order: 2;
        position: absolute;
        top: 2.5rem;
        left: .6rem;
    }

    .culture-3 .guide {
        margin-top: 4.8rem;
        margin-left: 0;
    }

    .culture-3 .rightSwiper .swiper-slide {
        width: 6rem;
        height: auto;
        border-top: solid 8px #33aba7;
    }
}

.culture-4 {
    font-size: 0;
    background: #f8f8f8;
    padding-top: 1.6rem;
}

.culture-4 .ctn {
    display: -webkit-flex;
    display: flex;
}

.culture-4 .ctn>div {
    flex: 1;
}

.culture-4 .left .words {
    width: 100%;
    height: 100%;
    background-image: url(../images/culture-4-1.png);
    background-size: 100% 100%;
}

.culture-4 .ctn img {
    width: 100%;
}

.culture-4 .ctn .left {
    height: 5.01rem;
}

@media (max-width: 980px) {
    .culture-4 {
        padding-top: 1.05rem;
    }

    .culture-4 .ctn {
        flex-direction: column;
    }

    .culture-4 .left {
        order: 2;
    }

    .culture-4 .left .words {
        width: 100%;
        height: 6.13rem;
        background-image: url(../images/culture-4-1-m.png);
    }
}

.culture-5 {
    background: #f8f8f8;
    padding-top: 1.1rem;
    padding-bottom: 1.4rem;
}

.culture-5 h2 {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
}

.culture-5 .ct {
    margin-top: .6rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.culture-5 .ct .item,
.culture-5 .ct>span {
    width: 32.5%;
}

.culture-5 .item {
    box-sizing: border-box;
    background: #fff;
    border: solid 1px #e7e7e7;
    margin-bottom: .15rem;
    height: 2.8rem;
    padding: .36rem .4rem;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.culture-5 .item h3 {
    font-size: .23rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    color: #1d949a;
}

.culture-5 .item .nr p {
    padding-top: .2rem;
}

.culture-5 .item .but-more {
    margin: 0;
}

.culture-5 .item .but-more a {
    color: #000;
}

.culture-5 .item .but-more a:hover{
    color: #33aba7;
}

.culture-5 .item:hover .but-more span {
    animation: mymove 0.5s 1;
    -webkit-animation: mymove 0.5s 1;
    /*Safari and Chrome*/
    animation-fill-mode: forwards;
}

@media (max-width: 980px) {
    .culture-5 {
        padding-bottom: .7rem;
    }

    .culture-5 .item {
        margin-bottom: .25rem;
        height: 3.45rem;
    }

    .culture-5 .item h3 {
        font-size: .34rem;
    }

    .culture-5 .item .nr p {
        font-size: .28rem;
    }

    .culture-5 .ct .item,
    .culture-5 .ct>span {
        width: 48.5%;
    }
}

/* ///////////////////服务页面/////////////////////// */
.case-banner.service {
    height: 11.20rem;
    background-image: url(../images/service-banner.png);
    background-size: 100% 100%;
}

.case-banner.service .tt {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    line-height: 1.25;
    margin-top: 0.9rem;
}

.case-banner.service .tt span {
    display: block;
}

.case-banner.service .but-more {
    margin: 1rem 0;
}

.case-banner.service .but-more a {
    color: #000;
    font-size: .17rem;
}

.case-banner.service .but-more a:hover{
    color: #33aba7;
}
.case-banner.service .but-more .iconfont {
    font-size: .23rem;
}

.case-banner.service .banner-video,
.case-banner.service .video-text {
    height: 100%;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.case-banner.service .video-text {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

@media (max-width: 980px) {
    .case-banner.service {
        height: 24.03rem;
        background-image: url(../images/service-banner-m.jpg);
        background-size: 100% 100%;
        margin-top: 0 !important;
    }

    .case-banner.service .video-text {
        width: 92%;
    }

    .case-banner.service .tt {
        margin-top: 2.4rem;
        font-size: .5rem;
        line-height: 1.3;
    }

    .case-banner.service .but-more a {
        font-size: .26rem;
    }

    .case-banner.service .but-more .iconfont {
        font-size: .26rem;
    }

    .case-banner.service .but-more {
        margin-bottom: 1.4rem;
    }
}

.service-2 {
    font-size: 0;
    position: relative;
    width: 100%;
    overflow-y: hidden;
    background-image: url(../images/service-2-bg.jpg);
    height: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: .7rem;
}

.service-2>img {
    width: 100%;
    height: auto;
}

.service-2 .service-2-container {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-2 .service-2-container h2 {
    font-size: .39rem;
    color: #fff;
    padding-top: 1rem;
    padding-bottom: .6rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
}
.service-2 .service-2-container h2.t2{
    padding-top: 0;
    padding-bottom: .7rem;
}
.service-2 .content {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    height: auto;
    flex-wrap: wrap;
}

.service-2 .item {
    box-sizing: border-box;
    width: 47%;
    height: 2rem;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    border-top: solid 4px #707070;
    padding: .25rem;
    margin-bottom: .65rem;
    overflow: hidden;
    transition: all 300ms linear;
}
.service-2 .c2 .item{
    width: 31%;
}
.service-2 .item.active {
    height: 3.9rem;
    background: rgba(0, 0, 0, 0.5);
    border-top: solid 6px #33aba7;
    transition: all 300ms linear;
}
.service-2 .c2 .item.active{
    height: 3rem;
    border-top: solid 4px #707070;
}
.service-2 .item .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

/* .service-2 .item:nth-child(3),
.service-2 .item:nth-child(4) {
    align-self: flex-end;
} */

.service-2 .item .left img {
    width: .4rem;
}

.service-2 .item .right>a>span {
    color: #33aba7;
    font-size: .15rem;
    font-family: "oppo-m";
}

.service-2 .item .right>a {
    width: auto;
}

.service-2 .item .right .wd {
    padding-right: .15rem;
}

.service-2 .item .ct {
    /* width: 4rem; */
    flex:1;
    margin-top: .1rem;
    padding-left: .3rem;
}

.service-2 .item .tt {
    font-size: .23rem;
    color: #fff;
    line-height: 1;
}

.service-2 .item .desc {
    font-size: .16rem;
    /*color: #abadad;*/
     /*color: #ddd;*/
     color: rgba(255,255,255,0.7);
    line-height: 1.625;
    margin-top: .25rem;
    height: .95rem;
}

.service-2 .item .tt .iconfont {
    color: #33aba7;
    padding-left: .2rem;
    font-size: .23rem;
}

.service-2 .item.active .buttom {
    border-top: solid 1px #333a3b;
}

.service-2 .item .buttom ul {
    padding: .4rem 0;
    padding-left: .65rem;
    font-size: .15rem;
    color: #33aba7;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service-2 .c2 .item .buttom ul{
    /* padding-left: 0; */
}
.service-2 .item .buttom ul li,
.service-2 .item .buttom ul span {
    width: 100%;
}

.service-2 .item .buttom ul li {
    line-height: 1.625;
}

@media (max-width: 980px) {
    .service-2 {
        height: auto;
        background-image: url(../images/service-2-bg-m.jpg);
        padding-bottom: .2rem;
    }
    .service-2 .service-2-container h2{
        padding-top: .9rem;
    }
    .service-2 .service-2-container h2.t2{
        padding-top: .5rem;
        padding-bottom: .6rem;
    }
    .service-2 .content {
        height: auto;
    }

    .service-2 .item {
        width: 100%;
        height: 2.8rem;
        margin-bottom: .5rem;
    }
    .service-2 .item .left1{
        margin-top: -0.03rem;
    }
    .service-2 .item .left2{
        margin-top: 0.04rem;
    }
    .service-2 .c2 .item{
        width:100%;
    }

    .service-2 .item.active {
        height: 5.38rem;
    }
    .service-2 .c2 .item.active{
        height: 4rem;
        border-top: solid 4px #707070;
    }
    .service-2 .item .top {
        margin-top: .2rem;
    }

    .service-2 .item .tt {
        font-size: .34rem;
        /*font-family: "oppo-m";*/
        font-weight: medium;
    }

    .service-2 .item .ct {
        width: 4.4rem;
    }

    .service-2 .item .desc {
        font-size: .26rem;
        height: 1.4rem;
    }

    .service-2 .item .buttom ul li,.service-2 .item .buttom ul {
        font-size: .26rem;
    }

    .service-2 .item .left img {
        margin-top: .05rem;
    }
}

.service-3 {
    background: #fff;
    padding-top: .9rem;
    padding-bottom: .5rem;
}

.service-3 .ctn .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.service-3 .ctn .top>div {
    width: 50%;
}

.service-3 .top .left h2 {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
}

.service-3 .top .left h2 span {
    color: #33aba7;
}

.service-3 .top .right p {
    font-size: .16rem;
    line-height: 1.625;
    width: 82%;
}

.service-3 .bottom {
    margin-top: .5rem;
}

.service-3 .bottom .img {
    width: 100%;
    height: 3.89rem;
    background-image: url(../images/service-3.png);
    background-size: 100% auto;
}

.service-3 .bottom h3 {
    font-size: .22rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
    padding-bottom: .2rem;
}

@media (max-width: 980px) {
    .service-3 {
        padding-bottom: 1.1rem;
    }

    .service-3 .ctn .top {
        flex-direction: column;
    }

    .service-3 .ctn .top>div {
        width: 100%;
    }

    .service-3 .ctn .top .right {
        /*margin-top: .1rem;*/
        color: rgba(0,0,0,0.6);
    }

    .service-3 .ctn .top .right p {
        width: 100%;
        font-size: .26rem;
        line-height: 1.43;
        margin-top: .3rem;
    }

    .service-3 .bottom .img {
        width: 100%;
        height: 11.31rem;
        background-image: url(../images/service-3-m.png);
    }

    .service-3 .bottom h3 {
        /*font-family: "oppo-m";*/
        font-weight: medium;
        font-size: .28rem;
        color: #33aba7;
    }

    .service-3 .bottom {
        margin-top: .8rem;
    }
}

.service-4 {
    font-size: 0;
    position: relative;
    width: 100%;
    overflow-y: hidden;
    height: 6.52rem;
    background-image: url(../images/service-4-bg.jpg);
    background-size: 100% 100%;
}

.service-4>img {
    width: 100%;
    height: auto;
}

.service-4 .service-4-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-4 .service-4-container h2 {
    font-size: .39rem;
    color: #fff;
    padding-bottom: .8rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
}

.service-4 .content {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    height: 2.23rem;
    flex-wrap: wrap;
    position: relative;
}

.service-4 .item {
    box-sizing: border-box;
    width: 24.5%;
    height: 2.23rem;
    cursor: pointer;
    background: rgba(34, 38, 47, 0.8);
    padding: .3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.service-4 .item .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.service-4 .item .top span {
    font-size: .23rem;
    color: #fff;
    line-height: 1;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    display: block;
}

.service-4 .item .top img {
    width: fit-content;
    margin-top: .18rem;
}

.service-4 .item .buttom span {
    font-size: .16rem;
    /*color: #909599;*/
     /*color: #ddd;*/
     color: rgba(255,255,255,0.7);
}

.service-4 .content .circles {}

.service-4 .content .circles .c-item {
    width: .5rem;
    height: .5rem;
    background: #1d949a;
    border-radius: 50%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 .5rem;
    position: absolute;
    top: .9rem;
    left: 19.2%;
}

.service-4 .content .circles .c-item:first-child {
    left: 35%;
}

.service-4 .content .circles .c-item:nth-child(1) {
    left: 44.2%;
}

.service-4 .content .circles .c-item:nth-child(2) {
    left: 69.3%;
}

.service-4 .item:hover {
    background: #1d949a;
}

.service-4 .item:hover .buttom span {
    color: #fff;
}

.service-4 .item:hover .top img {
    filter: brightness(100);
}

@media (max-width: 980px) {
    .service-4 {
        height: 13.26rem;
        background-image: url(../images/service-4-bg-m.jpg);
    }

    .service-4 .ctn {
        height: 100%;
        margin-top: 1.9rem;
    }

    .service-4 .item {
        width: 100%;
        height: 2.4rem;
        border-bottom: solid 1px #484f55;
        justify-content: center;
        padding-left: .9rem;
    }

    .service-4 .item:nth-child(4) {
        border-bottom: none;
    }

    .service-4 .item .top span {
        font-size: .34rem;
    }

    .service-4 .item .buttom {
        margin-top: .15rem;
        margin-left: 0.85rem;
    }

    .service-4 .item .buttom span {
        font-size: .26rem;
    }

    .service-4 .service-4-container h2 {
        padding-bottom: .65rem;
    }

    .service-4 .item .top {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .service-4 .item .top span {
        order: 2;
        padding-left: .3rem;
    }

    .service-4 .item .top img {
        margin-top: 0;
    }
    
    .service-4 .item .top .ico-left1{
    margin-left: -2px;
}
.service-4 .item .top .ico-left2{
    margin-left: 3px;
}
.service-4 .item .top .ico-left3{
    margin-left: 8px;
}

    .service-4 .content .circles .c-item {
        transform: rotate(90deg);
        left: auto !important;
        right: -0.18rem;
    }

    .service-4 .content .circles .c-item:nth-child(1) {
        top: 2.15rem;
    }

    .service-4 .content .circles .c-item:nth-child(2) {
        top: 4.55rem;
    }

    .service-4 .content .circles .c-item:nth-child(3) {
        top: 6.95rem;
    }
}

.service-5 {
    padding: .8rem 0 .55rem 0;
    background: #f7f7f7;
}

.service-5 h2 {
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
    font-size: .39rem;
    padding-bottom: .45rem;
}

.service-5 .content .items {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service-5 .items .item {
    width: 49.3%;
    margin-bottom: .45rem;
}

.service-5 .items .item img {
    width: 100%;
    height: auto;
}

.service-5 h3 {
    /*font-family: "oppo-r";*/
    font-size: .16rem;
    font-weight: normal;
    padding: .25rem 0;
    color: rgba(0,0,0,.6);
}

@media (max-width: 980px) {
    .service-5 {
        padding-top: 1.05rem;
        padding-bottom: 0;
    }

    .service-5 h3 {
        font-size: .26rem;
        padding: .18rem 0;
    }

    .service-5 .items .item {
        width: 100%;
        margin-bottom: .25rem;
    }

}

.service-6 {
    font-size: 0;
    position: relative;
    width: 100%;
    overflow-y: hidden;
    height: 9.23rem;
    background-image: url(../images/service-6-bg.jpg);
    background-size: 100% 100%;
}

.service-6>img {
    width: 100%;
    height: auto;
}

.service-6 .service-6-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-6 .service-6-container h2 {
    font-size: .39rem;
    color: #fff;
    padding-bottom: .5rem;
    /*font-family: "oppo-b";*/
    /*font-weight: normal;*/
    font-weight: bold;
}

.service-6 .content {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.service-6 .item {
    position: relative;
    box-sizing: border-box;
    width: 32.5%;
    height: 2.65rem;
    cursor: pointer;
    background: rgba(34, 38, 47, 0.8);
    padding: .4rem .4rem .1rem .4rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    flex-direction: column;
    overflow: hidden;
    margin-bottom: .15rem;
}

.service-6 .item h3 {
    color: #fff;
    /*font-family: "oppo-b";*/
    font-size: .15rem;
    /*font-weight: normal;*/
    font-weight: bold;
    position: absolute;
    left: 0.08rem;
    top: 0.08rem;
}

.service-6 .item .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-bottom: .3rem;
}

.service-6 .item .tiny {
    background: #1d949a;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: -0.55rem;
    top: -0.55rem;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.service-6 .item .top span {
    font-size: .23rem;
    color: #fff;
    line-height: 1;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    display: block;
}

.service-6 .item .top img {
    width: fit-content;
    margin-top: .18rem;
}

.service-6 .item .buttom span {
    font-size: .16rem;
    /*color: #909599;*/
    /*color: #ddd;*/
    color: rgba(255,255,255,0.7);
}

.service-6 .item:hover {
    background: #1d949a;
}

.service-6 .item:hover .tiny {
    background: #0e5c68;
}

.service-6 .item:hover .buttom span {
    color: #fff;
}

.service-6 .item:hover .top img {
    filter: brightness(100);
}

@media (max-width: 980px) {
    .service-6 {
        height: 16.7rem;
        background-image: url(../images/service-6-bg-m.jpg);
    }

    .service-6 .item {
        width: 50%;
        height: 4.2rem;
        margin-bottom: 0;
        border-bottom: solid 1px #252e31;
        padding: .3rem;
    }

    .service-6 .item .top span {
        /*font-size: .3rem;*/
        padding-top: .4rem;
        font-size: .34rem;
    }

    .service-6 .item .top img {
        height: .3rem;
        width: .3rem;
    }

    .service-6 .item:nth-child(2n+1) {
        border-right: solid 1px #252e31;
    }

    .service-6 .item .buttom {
        padding-bottom: .3rem;
        /*margin-top: .3rem;*/
    }

    .service-6 .item .buttom span {
        /*font-size: .18rem;*/
        font-size: .26rem;
    }

    .service-6 .item h3 {
        font-size: .22rem;
        /*font-family: "oppo-b";*/
        font-weight: bold;
    }

    .service-6 .item .tiny {
        width: 2rem;
        height: 2rem;
        left: -1.3rem;
        top: -1.3rem;
    }
}

/* /////////////////////////方法///////////////////// */
.case-banner.method {
    height: 8.2rem;
    background-image: url(../images/method-banner-bg.jpg);
    background-size: 100% 100%;
}

@media (max-width: 980px) {
    .case-banner.method {
        height: 9.2rem;
        background-image: url(../images/method-banner-bg-m.jpg);
    }
}

.method-1 {
    padding: .9rem 0 .8rem 0;
}

.method-1 h2 {
    /*font-family: "oppo-b";*/
    font-weight: bold;
    font-size: 0.39rem;
    /*font-weight: normal;*/
}

.method-1 .top {
    margin-top: .3rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.method-1 .top>div {
    width: 4rem;
    padding-right: .3rem;
    font-size: .16rem;
    line-height: 1.625;
}

.method-1 .top>div.l {
    width: 3.8rem;
    color: #1d949a;
}

.method-1 .top .m ,.method-1 .top .r{
    color: rgba(0,0,0,0.6);
}

.method-1 .bottom {
    margin-top: 1.05rem;
    height: 3.04rem;
    background-image: url(../images/method-1-ct.png);
    background-size: 100% 100%;
}

.method-1 .bottom img {
    width: 100%;
}

@media (max-width: 980px) {
    .method-1 .bottom {
        height: 9.14rem;
        background-image: url(../images/method-1-ct-m.png);
    }

    .method-1 .top {
        flex-direction: column;
        margin-top: 0;
    }

    .method-1 .top>div {
        width: 100%;
        font-size: .26rem;
        margin-top: .3rem;
    }

    .method-1 .top>div.l {
        width: 100%;
        margin-bottom: .1rem;
    }
}

.method-2 {
    font-size: 0;
    height: 6.6rem;
    background-image: url(../images/method-2-bg.png);
    background-size: 100% 100%;
    width: 100%;
    position: relative;
    color: #fff;
}
.method-2 .dhw{
    width: 100%;
    height: 2.18rem;
    background-size: 100% 100%;
    background-image: url(../images/dhw.gif);
    position: absolute;
    top: 3.2rem;
}
.method-2 img {
    width: 100%;
}

.method-2 .method-2-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.method-2 .ctn {
    padding: .80rem 0 1.05rem 0;
    position: relative;
}

.method-2 .flex {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.method-2 .c1-1,..method-2 .c4-3 p{
    font-family: siyuan-r;
}
.method-2 .flex>div {
    width: 50%;
}

.method-2 h2 {
    font-size: .39rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    /*font-weight: normal;*/
    line-height: 1.25;
}

.method-2 .c1-2>div {
    display: inline-block;
    width: 2rem;
}

.method-2 .c1-2>div>span {
    display: block;
    font-size: .16rem;
}

.method-2 .dai {
    font-size: .16rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    color: #fafafa;
}

.method-2 .years {
    font-size: .16rem;
    /*font-family: "oppo-b";*/
    font-weight: bold;
    color: #fff;
    margin-top: .08rem;
}

.method-2 .c2 {
    margin-top: .3rem;
}

.method-2 .c2-1 ul {
    list-style: none;
}

.method-2 .c2-1 ul li {
    position: relative;
    font-size: .16rem;
    /*color: #a8a9ab;*/
    color: rgba(255,255,255,0.7);
    padding-left: .12rem;
    line-height: 1.625;
}

.method-2 .c2-1 ul li::before {
    content: '';
    width: .02rem;
    height: .02rem;
    background: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0;
    top: .14rem;

}

.method-2 .num {
    font-size: .4rem;
     /*font-family: "oppo-b"; */
     font-weight: bold;
    /*font-family: "oppo-point";*/
    color: #1d949a;
    padding: .08rem 0 .2rem 0;
}

.method-2 .c2-2>span,
.method-2 .c4-1>span {
    display: block;
}

/* 特效背景-开始 */
.method-2 .line-1,
.method-2 .line-2,
.method-2 .line-3 {
    height: 0.06rem;
    background: #1d949a;
    display: none;
}

.method-2 .line-1 {
    padding-left: 0.06rem;
}

.method-2 .line-2 {
    width: .06rem;
    background: #1d949a;
}

.method-2 .line-3 {
    padding-right: 0.06rem;
}

/* 特效背景-结束 */
.method-2 .c3>div {
    width: 50%;
}

.method-2 .c4 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.method-2 .c4-1 .years {
    padding-top: 1rem;
}

.method-2 .c4>div:first-child,
.method-2 .c4>div:last-child {
    flex: 1;
}

.method-2 .c4 .c4-3 p {
    font-size: .16rem;
    padding: .6rem 0 .6rem .6rem;
    line-height: 1.625;
    /*color: #a9acad;*/
    /*color: #ddd;*/
    color: rgba(255,255,255,0.7);
    
}

.method-2 .c3 {
    padding-top: .03rem;
}

@media (max-width: 980px) {
    .method-2 {
        height: 13.39rem;
        background-image: url(../images/method-2-bg-m.png);
    }
    .method-2 .dhw{
        top: 7.8rem;
        background-image: url(../images/dwh-m.gif);
        height: 2.2rem;
    }
    .method-2 .c1 {
        flex-direction: column;
    }

    .method-2 .c1-1,
    .method-2 .c1-2 {
        width: 100% !important;
    }

    .method-2 .ctn {
        position: relative;
        padding-top: 1.15rem;
    }

    .method-2 .c2 {
        justify-content: flex-end;
        margin-top: 4.2rem;
    }

    .method-2 .c2-1 ul li {
        font-size: .26rem;
    }

    .method-2 .c2-1 ul li::before {
        top: 0.25rem
    }

    .c1-2 {
        position: absolute;
        left: 0;
        top: 5rem;
    }

    .c2-1 {
        position: absolute;
        left: 0;
        top: 2.6rem;
        width: 100% !important;
    }

    .method-2 .dai {
        font-size: .24rem !important;
    }

    .method-2 .years {
        font-size: .24rem !important;
    }

    .method-2 .c4-1 .years {
        padding-top: .8rem;
    }

    .method-2 .c4 .c4-3 p {
        position: absolute;
        left: -0.6rem;
        bottom: -2.2rem;
        font-size: .26rem;
    }
}

.method-3 {
    padding: .9rem 0 1.25rem 0;
}

.method-3 h2 {
    /*font-family: oppo-b;*/
    /*font-weight: normal;*/
    font-weight: bold;
    font-size: .39rem;
}

.method-3 .content {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.method-3 .content>img {
    width: 31.3%;
    height: auto;
}

.method-3 .pa {
    position: absolute;
}

.method-3 h3 {
    font-size: .16rem;
    font-weight: medium;
    /*font-family: "oppo-m";*/
}

.method-3 p {
    font-size: .16rem;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
    line-height: 1.625;
}

.method-3 .line {
    border-top: solid 1px #b6ced1;
}

/* 左侧 */
.method-3 .l1-tt {
    left: .6rem;
    top: 3.4rem;
}

.method-3 .l1-line {
    left: .6rem;
    width: 4.05rem;
    top: 3.75rem;
}

.method-3 .l1-ct {
    left: .6rem;
    top: 3.9rem;
    width: 3.5rem;
}

/* 右侧 */
.method-3 .l2-tt {
    left: 9.8rem;
    top: 3.4rem;
}

.method-3 .l2-line {
    left: 8.85rem;
    width: 2.3rem;
    top: 3.75rem;
}

.method-3 .l2-ct {
    left: 9.8rem;
    top: 3.9rem;
    width: 3.34rem;
}

.method-3 .l3-tt {
    left: 9.8rem;
    top: .1rem;
}

.method-3 .l3-line {
    left: 7.25rem;
    width: 4.2rem;
    top: .45rem;
}

.method-3 .l3-ct {
    left: 9.8rem;
    top: .6rem;
    width: 3.34rem;
}

@media (max-width: 980px) {
    .method-3-m {
        padding-top: 1.2rem;
        padding-bottom: .9rem;
    }

    .method-3-m h2 {
        /*font-family: "oppo-b";*/
        /*font-weight: normal;*/
        font-weight: bold;
    }

    .method-3-m ul {
        margin-top: .3rem;
    }

    .method-3-m ul li {
        position: relative;
        padding-left: .2rem;
        margin-bottom: .3rem;
    }

    .method-3-m ul li::before {
        position: absolute;
        content: '';
        width: .08rem;
        height: .08rem;
        background: #0e5c67;
        border-radius: 50%;
        top: .42rem;
        left: 0;
    }

    .method-3-m ul li h3 {
        font-size: 0.4rem;
        line-height: 2;
        /*font-family: "oppo-b";*/
        /*font-weight: normal;*/
        font-weight: bold;
        color: #005A5E;
    }

    .method-3-m ul li p {
        font-size: .26rem;
        line-height: .4rem;
        color: rgba(0,0,0,0.6);
    }

    .method-3-m img {
        width: 100%;
        height: auto;
        padding-top: .4rem;
    }
}

.method-4 {
    width: 100%;
    height: 7.91rem;
    background-image: url(../images/method-4-bg.jpg);
    background-size: 100% 100%;
    position: relative;
}

.method-4 img {
    width: 100%;
}

.method-4 .method-4-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.method-4 .ctn {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.method-4 .top {
    font-size: .18rem;
}

.method-4 h2 {
    font-size: .39rem;
    /*font-weight: normal;*/
    /*font-family: "oppo-b";*/
    font-weight: bold;
    color: #fff;
    margin-top: .15rem;
    margin-bottom: .5rem;
}

.method-4 p {
    color: #fff;
    line-height: 1;
}

.method-4 p.s {
    font-size: .15rem;
    margin-top: .15rem;
}

@media (max-width: 980px) {
    .method-4 {
        height: 8.86rem;
        background-image: url(../images/method-4-bg-m.jpg);
    }

    .method-4 .ctn {
        align-items: flex-start;
        padding-top: 1.25rem;
        box-sizing: content-box;
    }
    
    .method-4 h2 {
    margin-bottom: .9rem;
}

    .method-4 .top {
        font-size: .28rem;
        /*font-family: "oppo-b";*/
        font-weight: bold;
    }

    .method-4 p {
        font-size: .28rem;
        line-height: 1.53;
    }

    .method-4 p.s {
        font-size: .26rem;
        padding-top: .2rem;
    }
}

.method-5 {
    padding-bottom: .90rem;
}

.method-5 h2 {
    /*font-family: "oppo-b";*/
    font-size: .39rem;
    /*font-weight: normal;*/
    font-weight: bold;
    padding-bottom: .3rem;
}

.method-5 p {
    line-height: 1.625;
}

.method-5 .img {
    margin: auto;
    height: 2.89rem;
    background-image: url(../images/method-5-ct.png);
    background-size: 100% 100%;
    margin-top: .75rem;
}

.method-5 .img img {
    width: 100%;
}

@media (max-width: 980px) {
    .method-5 {
        margin-top: 0;
        padding-bottom: .2rem;
    }

    .method-5 p {
        font-size: .26rem;
    }

    .method-5 .img {
        height: 3.1rem;
        background-image: url(../images/method-5-ct-m.png);
        margin-top: 0.7rem;
    }
}

.method-6 {
    padding-bottom: 1rem;
}

.method-6 .ctn {
    padding-top: .75rem;
    border-top: solid 1px #dbdada;
}

.method-6 h2 {
    /*font-family: "oppo-b";*/
    font-size: .39rem;
    /*font-weight: normal;*/
    font-weight: bold;
    padding-bottom: .3rem;
}

.method-6 p {
    line-height: 1.625;
}

.method-6 .img {
    margin: auto;
    height: 4.24rem;
    width: 11.31rem;
    background-image: url(../images/method-6-ct.png);
    background-size: 100% 100%;
    margin-top: .75rem;
}

@media (max-width: 980px) {
    .method-6 .ctn {
        border-top: none;
    }

    .method-6 p {
        font-size: .26rem;
    }

    .method-6 .img {
        width: 100%;
        margin-top: .6rem;
        height: 4.71rem;
        background-image: url(../images/method-6-ct-m.png);
    }
}

.method-7 {
    padding-bottom: .70rem;
}

.method-7 .ctn {
    padding-top: .75rem;
    border-top: solid 1px #dbdada;
}

.method-7 h2 {
    /*font-family: "oppo-b";*/
    font-size: .39rem;
    /*font-weight: normal;*/
    font-weight: bold;
    padding-bottom: .1rem;
}

.method-7 p {
    line-height: 1.625;
}

.method-7 .right {
    height: 4rem;
    background-image: url(../images/method-7-ct1.png);
    background-size: 100% 100%;
}

.method-7 .bottom {
    height: .48rem;
    background-image: url(../images/method-7-ct2-zn.png);
    background-size: 100% 100%;
}

.method-7 .top {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.method-7 .top .left{
    width: 50%;
}
.method-7 .top .right {
    width: 50%;
    margin-top: .85rem;
}

@media (max-width: 980px) {
    .method-7 .ctn {
        border: none;
        padding-top: 0;
    }

    .method-7 .top {
        flex-direction: column;
    }

    .method-7 p {
        font-size: .26rem;
        margin-top: .2rem;
    }
    .method-7 .martop0{
    margin-top: 0;
}

    .method-7 .top>div {
        width: 100% !important;
    }

    .method-7 .right {
        height: 4.28rem;
        background-image: url(../images/method-7-ct1-m.png);
    }

    .method-7 .top .right {
        margin-top: 1.28rem;
    }

    .method-7 .bottom {
        margin-top: .25rem;
        height: .53rem;
        background-image: url(../images/method-7-ct2-m.png);
        background-size: 100% 100%;
    }
}

.method-8 {
    padding: 0 0 0.95rem 0;
    overflow: hidden;
}

.method-8 h2 {
    /*font-family: oppo-b;*/
    /*font-weight: normal;*/
    font-weight: bold;
    font-size: .39rem;
    padding-bottom: 1.5rem;
}

.method-8 .ctn {
    padding-top: .1rem;
    border-top: solid 1px #dbdada;
}

.method-8 .content {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.method-8 .content>img {
    width: 34.7%;
    height: auto;
}

.method-8 .pa {
    position: absolute;
}

.method-8 p {
    font-size: .16rem;
    /*color: #737373;*/
    color: rgba(0,0,0,0.6);
    line-height: 1.625;
    background-repeat: no-repeat;
    background-size: 0.09rem 0.17rem;
}

.method-8 p.pl {
    background-image: url(../images/method8-jiantou-l.png);
    background-position: .1rem .05rem;
    padding-left: .5rem;
}

.method-8 p.pr {
    background-image: url(../images/method8-jiantou-r.png);
    background-position: .9rem .05rem;
    padding-right: .5rem;
}

.method-8 .line {
    border-top: solid 1px rgba(208, 221, 222, 0.8);
}

/* 左侧 */
.method-8 .l1-ct {
    left: .6rem;
    top: 0rem;
    width: 3.34rem;
}

.method-8 .l1-line {
    left: .6rem;
    width: 5.5rem;
    top: 0.55rem;
}

.method-8 .l2-ct {
    left: .6rem;
    top: 2.24rem;
    width: 3.34rem;
}

.method-8 .l2-line {
    left: .6rem;
    width: 5.45rem;
    top: 2.8rem;
}

/* 右侧 */
.method-8 .l3-ct {
    left: 10.58rem;
    top: 1.2rem;
    width: 5.35rem;
}

.method-8 .l3-line {
    left: 7.35rem;
    width: 4.2rem;
    top: 1.75rem;
}

.method-8 .l4-ct {
    left: 10.58rem;
    top: 3.37rem;
    width: 5.35rem;
}

.method-8 .l4-line {
    left: 7.35rem;
    width: 4.2rem;
    top: 3.93rem;
}

@media (max-width: 980px) {
    .method-8 .ctn {
        border: none;
    }

    .method-8 p {
        font-size: .25rem;
        line-height: 1.4;
    }

    .method-8 .content>img {
        width: 4.68rem;
    }

    .method-8 p.pl {
        background-image: url(../images/method8-jiantou-l.png);
        background-position: 0 .05rem;
        padding-top: .45rem;
        padding-left: 0;
    }

    .method-8 p.pr {
        background-image: url(../images/method8-jiantou-r.png);
        background-position: .8rem .05rem;
        padding-top: .45rem;
        padding-right: -0.1rem;
    }

    /* 左侧 */
    .method-8 .l1-ct {
        left: 0;
        top: -0.8rem;
        width: 3.34rem;
    }

    .method-8 .l1-line {
        left: 0;
        width: 2.9rem;
        top: 0.55rem;
    }

    .method-8 .l2-ct {
        left: 0rem;
        top: 1.5rem;
        width: 3.34rem;
    }

    .method-8 .l2-line {
        left: 0;
        width: 2.9rem;
        top: 2.8rem;
    }

    /* 右侧 */
    .method-8 .l3-ct {
        left: 5.9rem;
        top: 0.5rem;
        width: 5.35rem;
        z-index: 9;
    }

    .method-8 .l3-line {
        left: 4.05rem;
        width: 2.72rem;
        top: 1.75rem;
    }

    .method-8 .l4-ct {
        left: 5.9rem;
        top: 2.65rem;
        width: 5.35rem;
    }

    .method-8 .l4-line {
        left: 4.05rem;
        width: 2.72rem;
        top: 3.93rem;
    }
}

.method-9 {
    width: 100%;
    font-size: 0;
    height: 19.12rem;
    background-image: url(../images/method-9-bg.png);
    background-size: 100% 100%;
    position: relative;
}

.method-9 img {
    width: 100%;
}

.method-9 .method-9-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.method-9 .ctn {
    height: 100%;
}

.method-9 h2 {
    font-size: .39rem;
    /*font-weight: normal;*/
    /*font-family: "oppo-b";*/
    font-weight: bold;
    color: #fff;
    line-height: 1.25;
    margin-top: .75rem;
}

.method-9 .h22 {
    margin-top: 8rem;
}
@media (max-width: 980px) {
    .method-9 {
        height: 21.53rem;
        background-image: url(../images/method-9-bg-m.png);
    }
    .method-9 h2{
        margin-top: 1.05rem;
    }
    .method-9 .h22{
        margin-top: 8.6rem;
    }
}
.method-10 {
    padding-bottom: 1rem;
}

.method-10 .ctn {
    padding-top: .75rem;
    border-top: solid 1px #dbdada;
}

.method-10 h2 {
    /*font-family: "oppo-b";*/
    font-size: .39rem;
    /*font-weight: normal;*/
    font-weight: bold;
    padding-bottom: .1rem;
}

.method-10 .img {
    margin: auto;
    width: 83%;
    margin-top: .75rem;
}

.method-10 .img img {
    width: 100%;
}

/* 统一样式 */
@media (min-width: 980px) {
    .hidden-p {
        display: none;
    }
    /*.about-team .ict{*/
    /*    height: 3.45rem;*/
    /*}*/
}

@media (max-width: 980px) {
    .hidden-m {
        display: none;
    }

    .ctn {
        width: 92% !important;
    }

    .f-16 {
        font-size: .26rem !important;
        line-height: 1.43 !important;
    }

    .but-more,
    .but-more .iconfont {
        font-size: .26rem;
    }

    h2,
    .big-tit {
        font-size: .5rem !important;
        line-height: 1.24 !important;
    }
}