.cm {
    color: #015e53;
}

.cm2 {
    color: #015e53;
}

.jianbian {
    background-image: -webkit-gradient(linear, left top, right top, from(#0c8e46), to(#54e116));
    background-image: linear-gradient(to right, #0c8e46, #54e116);
}

@font-face {
    font-family: 'Geometr415BlkBT';
    src: url('../font/Geometr415BlkBT.ttf');
}

@font-face {
    font-family: 'swissblkbt';
    src: url('../font/SWISSBLKBT.TTF');
}

@font-face {
    font-family: 'Century751No2BTregular';
    src: url('../font/Century751No2BTregular.TTF');
}

.inbanner {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.inbanner > img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
}

.inbanner .cer {
    position: relative;
    height: 100%;
}

/*匠心住宿2关于 设计施工流程标题*/
.cate1 {
    text-align: center;
    position: relative;
    padding-bottom: 36px;
}

.cate1:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    width: 50px;
    height: 1px;
    margin-left: -25px;
    background-color: #fff;
}

.cate1 .en {
    font-size: 24px;
    color: #e6462e;
    line-height: 24px;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
}

.cate1 .cn {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-top: 8px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 30px;
}

.cate1 .cn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    width: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-left: -74px;
}

.cate1 .cn:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
    width: 50%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-right: -74px;
}

.ibcatein {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -700px;
    margin-top: -125px;
}

.ibcatein .cn {
    font-size: 48px;
    color: #000;
    line-height: 74px;
    height: 74px;
    overflow: hidden;
    font-weight: bold;
}

.ibcatein .cn2 {
    font-size: 24px;
    color: #222;
    line-height: 2em;
    max-width: 520px;
    height: 96px;
    overflow: hidden;
    margin-top: 30px;
}

.ibcatein .hx {
    width: 50px;
    height: 5px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.ibcatein .jux {
    width: 50%;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, right top, from(#0c8e46), to(#54e116));
    background-image: linear-gradient(to right, #0c8e46, #54e116);
    -webkit-animation: juxmove 2s linear 0s both infinite;
    animation: juxmove 2s linear 0s both infinite;
}

.ibcatein .jux.jux2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff1222), to(#fdcb1e));
    background-image: linear-gradient(to right, #ff1222, #fdcb1e);
}

.ibcatein .fig {
    height: 17px;
    background: url('http://www.vpoonpaper.com/public/images/zuan.png') center no-repeat;
    -webkit-animation: movt 4s linear 0s both infinite;
    animation: movt 4s linear 0s both infinite;
    margin: 20px 0 18px;
}

@-webkit-keyframes movt {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    33% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    66% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes movt {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    33% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    66% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }

    100% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes juxmove {
    0% {
        left: -50%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes juxmove {
    0% {
        left: -50%;
    }

    75% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@media screen and (max-width: 1460px) {
    .ibcatein {
        left: 30px;
        margin-left: 0;
        right: 30px;
    }
}

@media screen and (max-width: 750px) {
    .ibcatein .cn {
        font-size: 40px;
    }

    .ibcatein .cn2 {
        height: auto;
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    .ibcatein {
        margin-top: -70px;
    }

    .ibcatein .cn {
        font-size: 32px;
        line-height: 1.5em;
        height: auto;
    }

    .ibcatein .cn2 {
        margin-top: 10px;
    }
}

.mouse {
    width: 18px;
    height: 34px;
    margin-top: 123px;
    margin-left: -9px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    /*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/
    background: url('http://www.vpoonpaper.com/public/images/mouse.png') center 0 no-repeat;
}

.ibcate .bg {
    position: absolute;
    left: 50%;
    top: 4px;
    margin-left: -132px;
    z-index: 0;
    width: 265px;
    height: 265px;
    background: url('http://www.vpoonpaper.com/public/images/huahuan1.png') center no-repeat;
    -webkit-animation: rotate360 30s linear infinite;
    animation: rotate360 30s linear infinite;
}

.ibbg {
    -webkit-animation: pagebgfd 6s linear infinite alternate;
    animation: pagebgfd 6s linear infinite alternate;
}

@-webkit-keyframes pagebgfd {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

@keyframes pagebgfd {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }
}

/*远见2关于我们 合作单位*/
.borderwan {
    position: relative;
}

.borderwan i.ii1, .borderwan i.ii2, .borderwan i.ii3, .borderwan i.ii4 {
    position: absolute;
    z-index: 5;
    background-color: #cfd1f8;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.borderwan i.ii1 {
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
}

.borderwan i.ii2 {
    right: 0;
    top: 0;
    width: 1px;
    height: 0;
}

.borderwan i.ii3 {
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
}

.borderwan i.ii4 {
    left: 0;
    bottom: 0;
    width: 1px;
    height: 0;
}

.borderwan:hover i.ii1, .borderwan:hover i.ii3 {
    width: 100%;
}

.borderwan:hover i.ii2, .borderwan:hover i.ii4 {
    height: 100%;
}

.btt1 img, .btt2 img, .btt3 img {
    -webkit-animation: move ease-in-out 2s infinite;
    animation: move ease-in-out 2s infinite;
}

@-webkit-keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes move {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes move2 {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }

    50% {
        -webkit-transform: translateX(10px) rotate(360deg);
        transform: translateX(10px) rotate(360deg);
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes move2 {
    0% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }

    50% {
        -webkit-transform: translateX(10px) rotate(360deg);
        transform: translateX(10px) rotate(360deg);
    }

    100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}

.greybg {
    background-color: #f5f5f5;
}

.greybg2 {
    background-color: #918f8f;
}

.js-qiecon2 {
    display: none;
}

.js-qiecon2.on {
    display: block;
}

.js-qiecon {
    position: absolute;
    left: 200%;
    top: 0;
    z-index: -20;
    opacity: 0;
    width: 100%;
}

.js-qiecon.on {
    position: static;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 1;
}

.pianyi {
    padding-top: 80px;
    margin-top: -80px;
}

.js-qiecon-wrap1, .js-qiecon-wrap2, .js-qiecon-wrap3 {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.lefthalf {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.righthalf {
    float: right;
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/*华西首页新闻标题二级*/
.baninfo {
    width: 100%;
    margin-top: 32px;
}

.erji {
    float: left;
    margin-left: 36px;
    height: 28px;
    margin-top: 6px;
    font-size: 0;
    white-space: nowrap;
}

.erji a {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 14px;
    width: 84px;
    height: 26px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: center;
}

.erji a:hover, .erji a.on {
    color: #0c8e46;
    border-color: #0c8e46;
}

/*.erji a:before{ content: ''; position: absolute; left: -22px; top:-30px; z-index: 0;
	width: 22px; height: 30px; background: url('../images/hua1.png') center no-repeat;}
.erji a:after{ content: ''; position: absolute; right: -22px; bottom:-30px; z-index: 0;
	width: 22px; height: 30px; background: url('../images/hua2.png') center no-repeat;}
.erji a:before,.erji a:after{ transition: 0.3s;}
.erji a:hover:before,.erji a.on:before{ left:0; top:0;}
.erji a:hover:after,.erji a.on:after{ right:0; bottom:0;}*/
.baninfo2 {
    height: 44px;
    padding: 13px 0;
    position: relative;
    z-index: 5;
    margin-top: -70px;
    background-color: rgba(0, 0, 0, 0.15);
}

.baninfo2 > div {
    height: 100%;
}

.erji2 {
    float: right;
    font-size: 0;
    white-space: nowrap;
    height: 44px;
    margin-right: 108px;
}

.erji2 a {
    display: inline-block;
    padding: 0 28px;
    height: 100%;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    margin: 0 18px;
    border-radius: 22px;
}

.erji2 a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 26px;
    z-index: 0;
    width: 1px;
    height: 18px;
    background-color: rgba(255, 255, 255, 0.2);
    display: none;
}

.erji2 a:hover {
    background-color: rgba(60, 187, 157, 0.7);
}

.erji2 a.on {
    background-color: #015e53;
}

.tree2 {
    float: left;
    height: 100%;
    line-height: 44px;
    color: #fff;
}

.tree2 a {
    font-size: 30px;
    color: #f6f5fa;
}

.tree2 a:hover, .tree2 a.leaf {
    color: #015e53;
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {
    .erji2 {
        margin-right: 0;
    }
}

@media screen and (max-width: 720px) {
    .tree2 {
        display: none;
    }

    .erji2 {
        float: none;
        width: 100%;
        text-align: center;
    }
}

/*远见3荣誉 */
.sanji {
    width: 100%;
    height: 44px;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    margin: 40px 0;
}

.sanji a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 11px;
    width: 122px;
    height: 44px;
    background-color: #e9e9e9;
    border-radius: 22px;
    font-size: 18px;
    color: #888;
    line-height: 44px;
}

.sanji a:hover, .sanji a.on, .sanji a.first {
    background-color: #015e53;
    color: #fff;
}

/*远见8产品详情 */
.tree {
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    color: #666;
}

.tree a {
    color: #666;
    padding: 0 5px;
    vertical-align: middle;
}

.tree a.leaf, .tree a:hover {
    color: #eb0104;
}

.tree i {
    margin: 0 15px;
    width: 10px;
    vertical-align: middle;
    background: url('http://www.vpoonpaper.com/public/images/sjr-tree.png') center no-repeat;
}

/*宝创8产品详情 */
.bneck {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 66px;
    z-index: 3;
}

.berji {
    font-size: 0;
    width: 100%;
    text-align: center;
}

.berji a {
    display: inline-block;
    width: 164px;
    height: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 54px;
    position: relative;
    overflow: hidden;
    background-color: #66807f;
    margin: 10px 17px;
    border-radius: 8px;
}

.berji a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 20px;
    z-index: 0;
    width: 1px;
    height: 30px;
    display: none;
}

.berji a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    z-index: 0;
    margin-left: 0;
    width: 0;
    height: 4px;
    background-color: #0076cd;
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.berji a.on:after, .berji a:hover:after {
    width: 80px;
    margin-left: -40px;
}

.berji a.on, .berji a:hover {
    background-color: #1fb5b0;
}

/*鸿盛广达1首页按钮*/
a.seemore {
    display: block;
    width: 172px;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 42px;
    text-align: center;
    border: 2px solid #0292fd;
    border-radius: 23px;
}

a.seemore span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-right: 40px;
    background: url('../image/jtr1.png') right no-repeat;
}

a.seemore:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#005ffb), to(#0292fd));
    background-image: linear-gradient(to right, #005ffb, #0292fd);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a.seemore:hover:after {
    height: 0;
}

a.seemore:hover {
    background-color: #fff;
    color: #005ffb;
}

a.seemore:hover span {
    background-image: url('http://www.vpoonpaper.com/public/images/jtr1h.png');
}

a.seemore2 {
    display: block;
    width: 172px;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    color: #1e64c6;
    line-height: 42px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 23px;
    background-color: #fff;
}

a.seemore2 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-right: 40px;
    background: url('http://www.vpoonpaper.com/public/images/jtr1h.png') right no-repeat;
}

.jello-h:hover {
    -webkit-animation: jello 1s 0s infinite;
    animation: jello 1s 0s infinite;
}

.rubberBand-h:hover {
    -webkit-animation: rubberBand 1s 0s 1;
    animation: rubberBand 1s 0s 1;
}

/*远见8产品详情 */
.outnavbg {
    width: 100%;
    height: 70px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 5;
    border-bottom: 1px solid #e6e6e6;
}

.outnav7 {
    height: 70px;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}

.outnav7 .nav-left, .outnav7 .nav-right {
    width: 40px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 2;
    background-repeat: no-repeat;
    background-color: #eaeaea;
    display: none;
    background-position: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.outnav7 .nav-left {
    left: 0;
    background-image: url('http://www.vpoonpaper.com/public/images/lt3.png');
}

.outnav7 .nav-right {
    right: 0;
    background-image: url('http://www.vpoonpaper.com/public/images/gt3.png');
}

.outnav7 .nav-left:hover {
    background-image: url('http://www.vpoonpaper.com/public/images/lt3h.png');
    background-color: #0c8e46;
}

.outnav7 .nav-right:hover {
    background-image: url('http://www.vpoonpaper.com/public/images/gt3h.png');
    background-color: #0c8e46;
}

.outnav7 #wrapper77 {
    width: 100%;
    height: 100%;
    position: relative;
}

.outnav7.on {
    padding: 0 40px;
}

.outnav7.on .nav-left, .outnav7.on .nav-right {
    display: block;
}

.nav7, .nav8 {
    width: 100%;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
}

.nav7 li, .nav8 li {
    width: 200px;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}

.nav7.fen2 li, .nav8.fen2 li {
    width: 50%;
}

.nav7.fen3 li, .nav8.fen3 li {
    width: 33.3%;
}

.nav7.fen4 li, .nav8.fen4 li {
    width: 25%;
}

.nav7.fen5 li, .nav8.fen5 li {
    width: 20%;
}

.nav7 li a, .nav8 li a {
    display: block;
    position: relative;
    color: #666;
    line-height: 70px;
    font-size: 16px;
}

.nav7 li a:before {
    content: '';
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 6px 7px;
    border-color: #0c8e46 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    font-size: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 0;
    margin-left: -7px;
}

.nav7 li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    width: 0;
    height: 2px;
    background-color: #0c8e46;
    margin-left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav7 li.on a, .nav7 li:hover a {
    color: #0c8e46;
}

.nav7 li.on a:after, .nav7 li:hover a:after {
    width: 74px;
    margin-left: -37px;
}

.nav7 li.on a:before, .nav7 li:hover a:before {
    top: 0;
}

.nav8 li a:before {
    content: '';
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 6px 7px;
    border-color: #d10d1d transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    font-size: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    left: 50%;
    top: -12px;
    z-index: 0;
    margin-left: -7px;
}

.nav8 li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    width: 0;
    height: 2px;
    background-color: #d10d1d;
    margin-left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.nav8 li.on a, .nav8 li:hover a {
    color: #d10d1d;
}

.nav8 li.on a:after, .nav8 li:hover a:after {
    width: 74px;
    margin-left: -37px;
}

.nav8 li.on a:before, .nav8 li:hover a:before {
    top: 0;
}

.newslist {
    padding: 85px 0 5px;
    width: 100%;
    font-size: 0;
    overflow: hidden;
}

.newslist li {
    width: 100%;
    margin-bottom: 60px;
}

.newslist li .lin {
    padding: 25px 0;
    background-color: #f5f5f5;
    position: relative;
}

.newslist li .lin:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
}

.newslist li a {
    display: block;
    position: relative;
    padding-left: 70px;
    min-height: 270px;
    overflow: hidden;
    padding-right: 560px;
}

.newslist li .yin {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 0;
    width: 70px;
    height: 24px;
    background: url('../image/yin1.png') center no-repeat;
}

.newslist li .pic {
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 1;
    width: 430px;
    height: 270px;
    overflow: hidden;
}

.newslist li .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.newslist li .wrap {
    padding: 30px 0;
}

.newslist li h3 {
    font-size: 20px;
    color: #333;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newslist li .date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 24px;
    margin: 10px 0 12px;
}

.newslist li .txt {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
    height: 60px;
    margin-bottom: 32px;
}

.newslist li label {
    display: block;
    width: 46px;
    height: 28px;
    border-radius: 16px;
    font-size: 0;
    background: url('../image/dgt1-n.png') 25px no-repeat;
    border: 2px solid #015e53;
    overflow: hidden;
}

.newslist li:hover label {
    -webkit-animation: dgtbgmove 1s linear 0.2s infinite;
    animation: dgtbgmove 1s linear 0.2s infinite;
}

.newslist li:hover .lin {
    background-color: #ebebeb;
}

.newslist li:hover h3 {
    color: #33b597;
}

.newslist li:hover .lin:before {
    background-color: #33b597;
}

.newslist li label:hover {
    background-color: #fff;
}

.newslist .lin, .newslist .lin:before, .newslist h3, .newslist label {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

@-webkit-keyframes dgtbgmove {
    0% {
        background-position: 0 center;
    }

    100% {
        background-position: 100% center;
    }
}

@keyframes dgtbgmove {
    0% {
        background-position: 0 center;
    }

    100% {
        background-position: 100% center;
    }
}

@media screen and (max-width: 1200px) {
    .newslist {
        padding: 60px 0 30px;
    }

    .newslist li {
        margin-bottom: 40px;
    }

    .newslist li a {
        padding-right: 490px;
    }
}

@media screen and (max-width: 1100px) {
    .newslist li a {
        padding-left: 30px;
    }

    .newslist li .wrap {
        padding: 30px 0 0;
    }

    .newslist li .yin {
        display: none;
    }

    .newslist li .txt {
        height: 90px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1023px) {
    .newslist {
        width: auto;
        margin: 0 -10px;
    }

    .newslist li {
        display: inline-block;
        width: 50%;
        padding-top: 0;
        margin-bottom: 30px;
    }

    .newslist li .lin {
        margin: 0 10px;
        padding-top: 0;
    }

    .newslist li .pic {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 62.8%;
        right: 0;
    }

    .newslist li .pic img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .newslist li a {
        padding-left: 0;
        padding-right: 0;
    }

    .newslist li .wrap {
        padding: 20px 15px 0;
    }
}

@media screen and (max-width: 750px) {
    .newslist li .txt {
        display: none;
    }

    .newslist li .date {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px) {
    .newslist {
        margin: 0 0;
    }

    .newslist li {
        display: block;
        width: 100%;
    }

    .newslist li .txt {
        display: block;
    }
}

.atc-out {
    padding-bottom: 85px;
    position: relative;
    z-index: 5;
}

.atc {
    padding: 64px 100px 90px;
    background-color: #f5f5f5;
}

.atc-h {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.atc-h h1 {
    font-size: 24px;
    color: #333;
    line-height: 44px;
}

.atc-date {
    font-size: 14px;
    color: #999;
    line-height: 28px;
}

.atc-date span {
    display: inline-block;
    margin-right: 32px;
}

.atc-con {
    padding: 40px 0 84px;
    font-size: 16px;
    line-height: 36px;
    color: #666;
    text-align: justify;
}

.atc-con img, .atc-con2 img {
    max-width: 100%;
}

.atc-con .pic, .atc-con2 .pic {
    padding: 15px 0;
    text-align: center;
}

.atc-con a, .atc-con2 a {
    color: #0c8e46;
}

.atc-con2 {
    font-size: 16px;
    line-height: 34px;
    color: #444;
    text-align: justify;
}

.atc-pn {
    position: relative;
    text-align: center;
}

.atc-pn > div {
    display: inline-block;
    width: 124px;
    height: 44px;
    margin: 0 46px;
}

.atc-pn a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #015e53;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    position: relative;
    border-radius: 22px;
}

.atc-pn a:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    border: 1px solid transparent;
    border-radius: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.atc-pn a:hover:before {
    border-color: #fff;
}

.videowrap {
    width: 100%;
    padding-bottom: 60%;
    height: 0;
    position: relative;
    text-align: center;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1300px) {
    .atc-out {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .atc {
        padding: 60px 50px;
    }

    .atc-con {
        padding: 40px 0 50px;
    }
}

@media screen and (max-width: 1023px) {
    .atc-out {
        padding-bottom: 0;
    }

    .atc {
        padding: 60px 0;
        background-color: #fff;
    }
}

@media screen and (max-width: 840px) {
    .atc-pn > div {
        margin: 0 30px;
    }
}

@media screen and (max-width: 720px) {
    .atc {
        padding: 50px 0;
    }

    .atc-pn > div {
        margin: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .atc-pn > div {
        width: 110px;
        margin: 0 10px;
    }
}

.casepic-scroll {
    position: relative;
    width: 900px;
    max-width: 100%;
    height: 506px;
    margin: 50px auto;
}

.casepic-scroll .flex-viewport {
    width: 100%;
    height: 100%;
}

.casepic-scroll .slides {
    overflow: hidden;
    height: 100%;
}

.casepic-scroll .slides li {
    height: 100%;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.casepic-scroll .slides li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 506px;
}

.casepic-scroll .slides a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.casepic-scroll .flex-direction-nav a {
    width: 18px;
    height: 38px;
    margin-top: -20px;
    display: block;
    font-size: 0;
    position: absolute;
    top: 50%;
    z-index: 4;
    border: 1px solid #999;
}

.casepic-scroll .flex-direction-nav a.flex-prev {
    left: 0;
    background: #ffffff url('http://www.vpoonpaper.com/public/images/lt3h.png') center no-repeat;
}

.casepic-scroll .flex-direction-nav a.flex-next {
    right: 0;
    background: #ffffff url('http://www.vpoonpaper.com/public/images/gt3h.png') center no-repeat;
}

.casepic-scroll .flex-direction-nav a:hover {
    background-color: #0c8e46;
    border-color: #0c8e46;
}

.casepic-scroll .flex-control-paging {
    height: 10px;
    font-size: 0;
    position: absolute;
    bottom: 32px;
    right: 30px;
    z-index: 3;
}

.casepic-scroll .flex-control-paging li {
    display: inline-block;
    *display: inline;
    *zoom: 1; overflow: hidden;
    width: 10px;
    height: 10px;
    margin-left: 13px;
}

.casepic-scroll .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.casepic-scroll .flex-control-paging li a.flex-active {
    background-color: #fff;
}

.casepic-ban {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 60px;
    height: 36px;
    z-index: 3;
    color: #fff;
    line-height: 36px;
    font-size: 0;
    font-family: 'arial';
}

.casepic-ban * {
    display: inline-block;
}

.casepic-ban span {
    font-size: 32px;
}

.casepic-ban i {
    font-size: 18px;
    font-style: normal;
}

.casepic-ban label {
    font-size: 18px;
}

@media screen and (max-width: 640px) {
    .casepic-scroll {
        margin: 36px auto;
    }
}

.profirst {
    overflow: hidden;
    padding: 80px 0;
}

.xijie {
    width: 44.444%;
    float: left;
    z-index: 1;
    position: relative;
}

.xijie .bigpic {
    width: 100%;
    height: 520px;
    background-color: #f1f1f1;
    overflow: hidden;
    text-align: center;
    line-height: 520px;
    font-size: 0;
    position: relative;
}

.xijie .bigpic img {
    max-width: 90%;
    max-height: 96%;
    -webkit-transition: .5s;
    transition: .5s;
}

.xijie .bigpic:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.proinfo {
    min-height: 520px;
    float: right;
    width: 45.833%;
}

.proinfo .proname {
    font-size: 26px;
    line-height: 40px;
    color: #333;
}

.proinfo .hx {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin: 32px 0 39px;
}

.proinfo .hx:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 0;
    width: 40px;
    height: 3px;
    background-color: #0c8e46;
    -webkit-transition: .4s;
    transition: .4s;
}

.proinfo:hover .hx:before {
    width: 120px;
}

.proinfo .xiangxi {
    font-size: 14px;
    line-height: 36px;
    color: #333;
    height: 252px;
    overflow: auto;
}

.proinfo .probtn {
    margin-top: 56px;
    height: 50px;
    font-size: 0;
}

.proinfo .probtn a {
    display: inline-block;
    width: 138px;
    height: 48px;
    margin-right: 20px;
    color: #333;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #c9c9c9;
}

.proinfo .probtn a:last-child {
    margin-right: 0;
}

.proinfo .probtn a:hover {
    border-color: #0c8e46;
    color: #fff;
    background-color: #0c8e46;
}

@media screen and (max-width: 1300px) {
    .xijie {
        width: 50%;
    }
}

@media screen and (max-width: 1100px) {
    .profirst {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .xijie {
        float: none;
        width: 640px;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .proinfo {
        float: none;
        width: 100%;
        min-height: 0;
    }

    .proinfo .xiangxi {
        height: auto;
    }

    .proinfo .probtn {
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .xijie .bigpic {
        height: 420px;
        line-height: 420px;
    }

    .proinfo .probtn a {
        width: 120px;
    }
}

#map {
    width: 100%;
    height: 580px;
    margin-top: -220px;
}

.lxout {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 5;
    margin-top: 90px;
    -webkit-box-shadow: 0 2px 27px 0 rgba(167, 167, 167, 0.35);
    box-shadow: 0 2px 27px 0 rgba(167, 167, 167, 0.35);
    height: 570px;
}

.lxleft {
    float: left;
    width: 39.4%;
    height: 100%;
    background: #34b597 url('../image/logo3.png') 290px 63px no-repeat;
}

.lxright {
    float: right;
    width: 60.6%;
    height: 100%;
}

.lxleft .inner {
    padding: 76px 14.5% 0;
}

.cate8 {
    position: relative;
    padding-bottom: 20px;
    color: #fff;
}

.cate8 .cn {
    font-size: 18px;
    line-height: 38px;
    height: 38px;
}

.cate8 .en {
    font-size: 36px;
    line-height: 46px;
    height: 46px;
    font-weight: bold;
    text-transform: uppercase;
    word-break: normal;
}

.cate8:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 62px;
    height: 0;
    border-bottom: 1px solid #fff;
}

.lxway {
    padding-top: 58px;
}

.lxway dd {
    margin-top: 30px;
    padding-left: 50px;
    min-height: 50px;
}

.lxway div {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.lxway p {
    font-size: 14px;
    line-height: 24px;
    color: #e0f2ee;
}

.lxway p a {
    color: #e0f2ee;
}

.lxway p:hover a {
    text-decoration: underline;
}

.lx1 {
    background: url('../image/lx1.png') 0 7px no-repeat;
}

.lx2 {
    background: url('../image/lx2.png') 0 7px no-repeat;
}

.lx3 {
    background: url('../image/lx3.png') 0 7px no-repeat;
}

.liuyan h2.title {
    font-size: 24px;
    line-height: 40px;
    color: #33b597;
    height: 40px;
}

.liuyan .intro {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    margin-bottom: 28px;
}

.liuyan {
    padding: 70px 11.5% 2px;
    color: #666;
    font-size: 0;
}

.liuyan .hang {
    width: 100%;
    height: 48px;
    margin-bottom: 20px;
}

.liuyan .hang.fat {
    height: auto;
    margin-bottom: 30px;
}

.liuyan p {
    height: 100%;
}

.liuyan input[type=text] {
    width: 100%;
    height: 48px;
    border: 1px solid #ddd;
    line-height: 46px;
    text-indent: 14px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liuyan textarea {
    padding: 12px 14px;
    height: 110px;
    border: 1px solid #ddd;
    resize: none;
    vertical-align: top;
    width: 100%;
    line-height: 28px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liuyan input[type=text]:focus, .liuyan textarea:focus {
    border-color: #33b597;
}

.liuyan input[type=text], .liuyan textarea {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.liuyan i.v {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.liuyan .hang2 {
    height: 48px;
    margin-bottom: 20px;
}

.liuyan .hang2 > div {
    float: left;
    height: 100%;
}

.liuyan .hang2 i.v {
    width: 180px;
}

.liuyan .verifyImg {
    width: 118px;
    height: 46px;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #ddd;
    margin-left: 10px;
}

.liuyan .yzmchange {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    height: 48px;
    background: url('../image/change.png') center no-repeat;
}

.liuyan input#tj {
    float: right;
    width: 130px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    background-color: #33b597;
    color: #fff;
    border: 1px solid #33b597;
    border-radius: 24px;
}

.liuyan input#tj:hover {
    background-color: #fff;
    color: #33b597;
}

.liuyan input[type=text]:focus::-webkit-input-placeholder, .liuyan textarea:focus::-webkit-input-placeholder {
    color: #33b597;
}

.liuyan input[type=text]:focus:-moz-placeholder, .liuyan textarea:focus:-moz-placeholder {
    color: #33b597;
}

.liuyan input[type=text]:focus::-moz-placeholder, .liuyan textarea:focus::-moz-placeholder {
    color: #33b597;
}

.liuyan input[type=text]:focus:-ms-input-placeholder, .liuyan textarea:focus:-ms-input-placeholder {
    color: #33b597;
}

@media screen and (max-width: 1100px) {
    .lxout {
        height: auto;
        margin-top: 60px;
    }

    .lxleft {
        float: none;
        width: 100%;
        height: auto;
        background-position: 80% 63px;
    }

    .lxright {
        float: none;
        width: 100%;
        height: auto;
    }

    #map {
        margin-top: 60px;
    }

    .lxleft .inner {
        padding-bottom: 70px;
    }

    .liuyan {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 840px) {
    .lxleft .inner {
        padding: 70px 6%;
    }

    .lxway {
        padding-top: 30px;
    }

    .liuyan {
        padding: 70px 6%;
    }
}

@media screen and (max-width: 750px) {
    .liuyan .hang2 {
        height: auto;
    }

    .liuyan .hang2 > div {
        float: none;
    }

    .liuyan .verifyImg {
        float: right;
    }

    .liuyan .yzmchange {
        float: right;
    }

    .liuyan input#tj {
        width: 100%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 550px) {
    .liuyan .hang2 i.v {
        width: 170px;
    }

    .liuyan .verifyImg {
        width: 100px;
    }

    .liuyan .yzmchange {
        width: 60px;
    }

    .lxleft .inner {
        padding: 50px 5%;
    }

    .liuyan {
        padding: 50px 5%;
    }
}

.cate6 {
    text-align: center;
}

.cate6 .cn {
    font-size: 36px;
    color: #33b597;
    line-height: 50px;
    height: 50px;
    font-weight: bold;
}

.cate6 .cn2 {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-top: 10px;
}

.dinzhiout {
    padding: 80px 0 85px;
    background-color: #f3f3f3;
}

.liuyan2 {
    color: #666;
    font-size: 0;
    padding: 50px 30px 46px;
    margin-top: 80px;
    background-color: #fff;
}

.liuyan2 .hang {
    float: left;
    width: 33.33%;
    margin-bottom: 35px;
}

.liuyan2 .hang.last {
    width: 66.66%;
}

.liuyan2 .hang.fat {
    width: 100%;
    height: auto;
}

.liuyan2 .inner {
    height: 100%;
    margin: 0 12px;
}

.liuyan2 .hang label {
    display: block;
    font-size: 16px;
    line-height: 1em;
    color: #666;
    height: 1em;
    margin-bottom: 13px;
}

.liuyan2 .hang:hover label {
    color: #33b597;
}

.liuyan2 input[type=text] {
    width: 100%;
    height: 44px;
    border: 1px solid #ddd;
    line-height: 42px;
    text-indent: 15px;
    font-size: 16px;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liuyan2 textarea {
    padding: 9px 15px;
    height: 160px;
    border: 1px solid #ddd;
    resize: none;
    vertical-align: top;
    width: 100%;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liuyan2 input[type=text]:focus, .liuyan2 textarea:focus {
    border-color: #015e53;
}

.liuyan2 input[type=text], .liuyan2 textarea {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.liuyan2 select {
    width: 100%;
    height: 44px;
    border: 0 none;
    line-height: 44px;
    text-indent: 15px;
    font-size: 16px;
    color: #666;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.liuyan2 select:focus {
    border-color: #015e53;
}

.liuyan2 select option {
    color: #666;
}

.liuyan2 i.v {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.liuyan2 .hang2 {
    height: 44px;
    line-height: 44px;
    margin-bottom: 35px;
}

.liuyan2 .hang2 > div {
    height: 100%;
}

.liuyan2 .hang2 i.v {
    width: 33%;
}

.liuyan2 .verifyImg {
    width: 170px;
    height: 100%;
    cursor: pointer;
    border: 1px solid #ddd;
    vertical-align: top;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.liuyan2 .yzmchange {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 100%;
    margin-left: 20px;
    background: url('../image/change.png') center no-repeat;
}

.liuyan2 .btnarea {
    width: 100%;
    text-align: center;
}

.liuyan2 .btnarea input {
    width: 122px;
    height: 44px;
    border-radius: 22px;
    font-size: 16px;
    line-height: 44px;
    color: #fff;
}

.liuyan2 input#tj {
    background-color: #015e53;
    border: 1px solid #015e53;
    margin-right: 34px;
}

.liuyan2 input#cz {
    background-color: #d4d4d4;
    border: 1px solid #d4d4d4;
}

.liuyan2 input#tj:hover {
    background-color: #fff;
    color: #015e53;
}

.liuyan2 input#cz:hover {
    background-color: #fff;
    color: #d4d4d4;
}

@media screen and (max-width: 1200px) {
    .liuyan2 .hang {
        width: 50%;
    }

    .liuyan2 .hang.last {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .liuyan2 {
        margin-top: 50px;
    }

    .liuyan2 .hang {
        float: none;
        width: 100%;
    }

    .liuyan2 .inner {
        margin: 0 0;
    }
}

@media screen and (max-width: 750px) {
    .liuyan2 .verifyImg {
        width: 33%;
    }
}

@media screen and (max-width: 640px) {
    .dinzhiout {
        background-color: #fff;
        padding: 60px 0;
    }

    .liuyan2 {
        padding: 0;
    }
}

.tuijian {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.tjpicbg {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    text-align: center;
    line-height: 600px;
    overflow: hidden;
    background-image: radial-gradient(#ffffff, #c2c2c2);
}

.tjpicbg img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    position: relative;
    z-index: 2;
    -webkit-transition: 1s;
    transition: 1s;
}

.tjother {
    width: 50%;
    height: 100%;
    float: left;
    display: table;
    position: relative;
    z-index: 1;
}

.tjother .inner {
    padding: 0 10%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.even .tjpicbg {
    right: auto;
    left: 0;
}

.even .tjother {
    float: right;
}

.tjother .fig {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.tjother .fig img {
    max-width: 100%;
}

.tjother .txt {
    font-size: 18px;
    color: #666;
    line-height: 30px;
    overflow: hidden;
    margin: 50px 0 60px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.tjother a.more {
    display: block;
    width: 112px;
    height: 40px;
    margin: 0 auto;
    background-color: #d2d2d2;
    border-radius: 20px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.tuijian .tjother .txt:hover {
    color: #33b597;
}

.tuijian .tjother a.more:hover {
    background-color: #33b597;
}

.tuijian .tjpicbg:hover img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.tuijian .tjother:hover .fig {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
}

@media screen and (max-width: 1100px) {
    .tuijian {
        width: auto;
        padding: 0 5%;
        height: auto;
    }

    .tjpicbg {
        position: relative;
        width: 100%;
        height: auto;
    }

    .tjother {
        float: none;
        width: 100%;
        height: auto;
    }

    .even .tjother {
        float: none;
    }

    .tjother .inner {
        padding: 50px 0;
    }
}

@media screen and (max-width: 750px) {
    .tjpicbg {
        height: 400px;
        line-height: 400px;
    }
}

.propage1 {
    background: url('../image/probg1.jpg') center / cover no-repeat;
}

.propage2 {
    background: url('../image/probg2.jpg') center / cover no-repeat;
}

.propage3 {
    background: url('../image/probg3.jpg') center / cover no-repeat;
}

.propage1, .propage2, .propage3 {
    position: relative;
    overflow: hidden;
}

.propage1 .ppg, .propage2 .ppg, .propage3 .ppg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.propage1 .cer3, .propage2 .cer3, .propage3 .cer3 {
    position: relative;
    z-index: 1;
}

.ppg {
    -webkit-animation: pagebgfd2 4s linear infinite alternate;
    animation: pagebgfd2 4s linear infinite alternate;
}

@-webkit-keyframes pagebgfd2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    90%, 100% {
        opacity: 0.3;
        -webkit-transform: scale(1.06, 1.06);
        transform: scale(1.06, 1.06);
    }
}

@keyframes pagebgfd2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    90%, 100% {
        opacity: 0.3;
        -webkit-transform: scale(1.06, 1.06);
        transform: scale(1.06, 1.06);
    }
}

.flinyu-scroll {
    position: relative;
    width: 100%;
    height: 832px;
    overflow: hidden;
}

.flinyu-scroll .flex-viewport {
    width: 100%;
    height: 100%;
    /* overflow: visible!important;*/
}

.flinyu-scroll .slides {
    overflow: hidden;
    height: 100%;
}

.flinyu-scroll .slides li {
    height: 100%;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.flinyu-scroll .slides li .wrap {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.flinyu-scroll i.slg {
    display: block;
    position: absolute;
    right: 0;
    top: 190px;
    z-index: 1;
    max-width: 40%;
}

.flinyu-scroll i.slg img {
    max-width: 100%;
}

.flinyu-scroll .flex-direction-nav a {
    width: 34px;
    height: 34px;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 50%;
    z-index: 4;
    border-radius: 50%;
    border: 1px solid #015e53;
}

.flinyu-scroll .flex-direction-nav a.flex-prev {
    left: 0;
    background: url('../image/lt4.png') center no-repeat;
}

.flinyu-scroll .flex-direction-nav a.flex-next {
    right: 0;
    background: url('../image/gt4.png') center no-repeat;
}

.flinyu-scroll .flex-direction-nav a:hover {
    background-color: #015e53;
}

.flinyu-scroll .flex-direction-nav a.flex-prev:hover {
    background-image: url('../image/lt4h.png');
}

.flinyu-scroll .flex-direction-nav a.flex-next:hover {
    background-image: url('../image/gt4h.png');
}

.flinyu-scroll .flex-control-paging {
    width: 100%;
    height: 82px;
    font-size: 0;
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 3;
}

.flinyu-scroll .flex-control-paging li {
    display: inline-block;
    overflow: hidden;
    width: 82px;
    height: 82px;
    margin: 0 38px;
}

.flinyu-scroll .flex-control-paging li a {
    width: 80px;
    height: 80px;
    display: table;
    cursor: pointer;
    border: 1px solid #98742e;
    background-color: transparent;
    border-radius: 50%;
    font-size: 0;
    color: #98742e;
}

.flinyu-scroll .flex-control-paging li a.flex-active {
    color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#94712a), to(#bb9849));
    background-image: linear-gradient(0deg, #94712a, #bb9849);
}

.flinyu-scroll .flex-control-paging li span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 16px;
    line-height: 22px;
}

.fittuwen {
    overflow: hidden;
}

.fittuwen .pic {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    line-height: 832px;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.fittuwen img {
    max-width: 80%;
    max-height: 90%;
    vertical-align: bottom;
}

.fittuwen .ttxt {
    float: right;
    width: 50%;
    height: 100%;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.fittuwen .cate3 {
    position: relative;
    padding: 220px 0 46px;
}

.fittuwen .cate3 .en {
    font-size: 14px;
    color: rgba(169, 137, 71, 0.5);
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "Helvetica";
    letter-spacing: 2px;
}

.fittuwen .cate3 .cn {
    font-size: 36px;
    color: #98752d;
    line-height: 50px;
    overflow: hidden;
    height: 50px;
}

.fittuwen .cate3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 60px;
    height: 1px;
    background-color: #a07f3d;
}

.fittuwen h5 {
    font-size: 24px;
    color: #666;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    margin: 60px 0 44px;
}

.fittuwen .txt {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    height: 108px;
    overflow: auto;
}

.propage2 .flinyu-scroll .flex-control-paging li a {
    border-color: #2eb394;
    color: #2eb394;
}

.propage2 .flinyu-scroll .flex-control-paging li a.flex-active {
    color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#33b597), to(#9ce8c9));
    background-image: linear-gradient(0deg, #33b597, #9ce8c9);
}

.propage2 .flinyu-scroll .flex-control-paging li span {
    padding: 0 0;
}

.propage2 .fittuwen .cate3 .cn {
    color: #33b597;
}

.propage2 .fittuwen .cate3 .en {
    color: rgba(46, 179, 148, 0.5);
}

.propage2 .fittuwen .cate3:after {
    background-color: #33b597;
}

.propage2 .flinyu-scroll i.slg {
    top: 210px;
}

.propage3 .flinyu-scroll .flex-control-paging li a {
    border-color: #cda174;
    color: #cda174;
}

.propage3 .flinyu-scroll .flex-control-paging li a.flex-active {
    color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#cea173), to(#eecaa6));
    background-image: linear-gradient(0deg, #cea173, #eecaa6);
}

.propage3 .flinyu-scroll .flex-control-paging li span {
    padding: 0 0;
}

.propage3 .fittuwen img {
    vertical-align: middle;
}

.propage3 .fittuwen .cate3 .cn {
    color: #cda174;
}

.propage3 .fittuwen .cate3 .en {
    color: rgba(205, 161, 116, 0.5);
}

.propage3 .fittuwen .cate3:after {
    background-color: #cda174;
}

.propage3 .flinyu-scroll i.slg {
    top: 200px;
}

@media screen and (max-width: 1023px) {
    .fittuwen .pic {
        text-align: left;
    }

    .fittuwen img {
        vertical-align: middle;
    }

    .fittuwen .cate3 {
        padding-top: 140px;
    }

    .fittuwen .txt {
        height: 180px;
    }
}

@media screen and (max-width: 960px) {
    .flinyu-scroll i.slg {
        top: 40px;
    }

    .propage2 .flinyu-scroll i.slg {
        top: 40px;
    }

    .propage3 .flinyu-scroll i.slg {
        top: 40px;
    }

    .propage2 .flinyu-scroll .flex-control-paging li {
        margin: 0 20px;
    }
}

@media screen and (max-width: 750px) {
    .fittuwen .pic {
        float: none;
        width: 100%;
        height: 500px;
        line-height: 500px;
        text-align: center;
    }

    .fittuwen .ttxt {
        float: none;
        width: 480px;
        max-width: 100%;
        height: 332px;
        margin: -100px auto 0;
    }

    .fittuwen .cate3 {
        padding-top: 0;
        padding-bottom: 6px;
    }

    .fittuwen h5 {
        margin: 20px 0;
    }

    .fittuwen .txt {
        line-height: 28px;
        height: 140px;
    }

    .flinyu-scroll i.slg {
        top: 45%;
    }

    .propage2 .flinyu-scroll i.slg {
        top: 45%;
    }

    .propage3 .flinyu-scroll i.slg {
        top: 45%;
    }
}

@media screen and (max-width: 700px) {
    .propage2 .flinyu-scroll .flex-control-paging li {
        margin: 0 10px;
    }
}

@media screen and (max-width: 640px) {
    .propage1 .flinyu-scroll .flex-control-paging li {
        margin: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .propage2 .flinyu-scroll .flex-control-paging li {
        width: 62px;
        height: 62px;
    }

    .propage2 .flinyu-scroll .flex-control-paging li a {
        width: 60px;
        height: 60px;
    }
}

.cate1-4 {
    text-align: center;
}

.cate1-4 .cn {
    font-size: 36px;
    color: #333;
    line-height: 42px;
    letter-spacing: 4px;
}

.cate1-4 .en {
    font-size: 18px;
    color: #015e53;
    line-height: 20px;
    font-family: "Helvetica";
    text-transform: uppercase;
    opacity: 0.5;
}

.staff {
    padding: 82px 0 86px;
    background: url('../image/jia1.jpg') center;
}

.picScroll-left1 {
    overflow: hidden;
    position: relative;
    margin: 54px auto 0;
    width: 100%;
    height: 224px;
}

.picScroll-left1 .bd {
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.stafflist {
    height: 100%;
    overflow: hidden;
}

.stafflist li {
    float: left;
    width: 350px;
}

.stafflist li .lin {
    padding: 0 8px;
}

.stafflist li a {
    display: block;
    position: relative;
}

.stafflist li .pic {
    overflow: hidden;
    width: 100%;
    height: 224px;
    line-height: 224px;
    text-align: center;
    font-size: 0;
}

.stafflist li img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.picScroll-left1 a.prev, .picScroll-left1 a.next {
    position: absolute;
    width: 44px;
    height: 44px;
    z-index: 5;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #33b597;
    margin-top: -23px;
}

.picScroll-left1 a.prev {
    left: 0;
    background: transparent url('../image/lt2.png') center no-repeat;
}

.picScroll-left1 a.next {
    right: 0;
    background: transparent url('../image/gt2.png') center no-repeat;
}

.picScroll-left1 a.prev:hover, .picScroll-left1 a.next:hover {
    background-color: #33b597;
}

.picScroll-left1 a.prev:hover {
    background-image: url('../image/lt2h.png');
}

.picScroll-left1 a.next:hover {
    background-image: url('../image/gt2h.png');
}

.picScroll-left1 .hd {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.picScroll-left1 .hd ul {
    width: 100%;
    height: 4px;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.picScroll-left1 .hd ul li {
    display: inline-block;
    width: 34px;
    height: 4px;
    cursor: pointer;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.picScroll-left1 .hd ul li.on {
    background-color: #eb0104;
}

@media screen and (max-width: 1440px) {
    .picScroll-left1 a.prev {
        left: 50%;
        margin-left: -580px;
    }

    .picScroll-left1 a.next {
        right: 50%;
        margin-right: -580px;
    }
}

@media screen and (max-width: 1200px) {
    .picScroll-left1 a.prev {
        left: 0;
        margin-left: 0;
    }

    .picScroll-left1 a.next {
        right: 0;
        margin-right: 0;
    }
}

.abt {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 85px 0 90px;
}

.abtpicbg {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.abtpicbg > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 50%;
    object-position: 0 50%;
}

.abtpicbg .wind {
    position: absolute;
    left: 69.7%;
    top: 98px;
    z-index: 2;
    width: 220px;
}

.abtpicbg .wind .fig {
    width: 100%;
    margin-bottom: 10px;
    font-size: 0;
}

.abtpicbg .wind .fig img {
    max-width: 100%;
}

.abtpicbg h3 {
    font-size: 36px;
    color: #33b597;
    line-height: 56px;
    height: 56px;
}

.abtpicbg h3 span {
    font-size: 40px;
    font-weight: bold;
    font-family: "Helvetica";
}

.abtother {
    padding: 0 5%;
}

.abtother .abtcon {
    font-size: 16px;
    color: #666;
    line-height: 40px;
}

.abtother .abtcon img {
    max-width: 100%;
    display: none;
}

@media screen and (max-width: 1100px) {
    .abtpicbg .wind {
        left: auto;
        right: 10px;
    }
}

@media screen and (max-width: 800px) {
    .abtpicbg .wind {
        left: 10px;
        right: auto;
        top: 10px;
    }

    .abtpicbg .wind .fig {
        display: none;
    }

    .abtpicbg > img {
        -o-object-position: -100px 50%;
        object-position: -100px 50%;
    }
}

.abtwo {
    padding: 60px 0 65px;
    overflow: hidden;
}

.guolist {
    float: left;
    overflow: hidden;
    font-size: 0;
    margin: 0 auto;
}

.guolist li {
    display: inline-block;
    text-align: center;
}

.guolist li a {
    display: block;
    position: relative;
}

.guolist h3 {
    padding: 0 60px;
    font-size: 60px;
    line-height: 80px;
    color: #33b597;
    height: 80px;
}

.guolist h3 span {
    line-height: 80px;
    vertical-align: top;
    font-family: 'Century751No2BTregular';
    font-weight: bold;
}

.guolist h3 i {
    font-size: 24px;
    line-height: 28px;
    font-style: normal;
    font-weight: bold;
    vertical-align: top;
}

.guolist h3 label {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #33b597;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    position: relative;
    margin-left: -26px;
}

.guolist li .txt {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 28px;
}

.kouhao {
    float: right;
    width: 350px;
    margin-right: 5%;
    padding-top: 24px;
    position: relative;
}

.kouhao:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 66px;
    height: 1px;
    background-color: #33b597;
}

.kouhao dd {
    font-size: 22px;
    line-height: 42px;
    color: #666;
}

@media screen and (max-width: 1400px) {
    .kouhao {
        margin-right: 0;
    }
}

@media screen and (max-width: 1320px) {
    .guolist h3 {
        padding: 0 40px;
    }

    .abtother {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1150px) {
    .kouhao {
        float: none;
        width: 100%;
        text-align: center;
        padding-top: 10px;
        margin-bottom: 30px;
    }

    .kouhao:before {
        left: 50%;
        margin-left: -33px;
    }

    .guolist {
        float: none;
        width: 100%;
    }

    .guolist li {
        width: 33.33%;
    }

    .guolist h3 {
        padding: 0 0;
    }
}

@media screen and (max-width: 780px) {
    .guolist li {
        width: 50%;
    }

    .guolist li.i3 {
        width: 100%;
    }

    .abtother {
        padding: 0 0;
    }
}

.qiye {
    padding: 135px 0 85px;
    background-color: #ebf8f5;
}

.qiyecon {
    min-height: 432px;
    margin-top: 54px;
}

.qiyecon .vpic {
    float: left;
    width: 46.6%;
    height: 432px;
    padding: 18px 20px;
    cursor: pointer;
    position: relative;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.qiyecon .vpic .vd1 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.qiyecon .vpic i.play {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url('../image/play2.png') center no-repeat;
    -webkit-transition: .5s;
    transition: .5s;
}

.qiyecon .vpic:hover i.play {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.qiyecon .wz {
    float: right;
    width: 50%;
    height: 100%;
}

.qiyecon .wz .inner {
    padding-top: 30px;
}

.qiyecon .wz h3 {
    font-size: 18px;
    color: #015e53;
    line-height: 28px;
}

.qiyecon .wz:hover h3 {
    color: #015e53;
}

.qiyecon .wz .txt {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    height: 104px;
    overflow: auto;
    margin-top: 18px;
}

.techlist2 {
    overflow: hidden;
    margin: 24px -14px 0;
}

.techlist2 li {
    float: left;
    width: 50%;
}

.techlist2 li .lin {
    padding: 0 14px;
}

.techlist2 li a {
    display: block;
    position: relative;
}

.techlist2 li .pic {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    line-height: 200px;
    background-color: #fff;
}

.techlist2 li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.techlist2 li .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(12, 142, 70, 0.8) url('../image/glass.png') center no-repeat;
    opacity: 0;
}

.techlist2 li .cover {
    -webkit-transition: .5s;
    transition: .5s;
}

.techlist2 li:hover .cover {
    opacity: 1;
}

@media screen and (max-width: 1200px) {
    .qiye {
        padding: 85px 0 85px;
    }
}

@media screen and (max-width: 1100px) {
    .qiyecon {
        height: auto;
    }

    .qiyecon .vpic {
        float: none;
        width: 720px;
        max-width: 100%;
        margin: 0 auto;
        height: 400px;
    }

    .qiyecon .wz {
        float: none;
        width: 720px;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {
    .qiye {
        padding-top: 65px;
    }

    .qiyecon .vpic {
        padding: 5px;
    }

    .techlist2 {
        margin: 24px 0 0;
    }

    .techlist2 li .lin {
        padding: 0 4px;
    }
}

/*首页*/
.fcate1 {
    position: relative;
    text-align: center;
}

.fcate1 .cn {
    font-size: 30px;
    color: #000;
    line-height: 40px;
}

.fcate1 .en {
    font-size: 16px;
    color: #bdbdbd;
    line-height: 24px;
    font-family: "Helvetica";
    text-transform: uppercase;
}

.fnews {
    padding: 45px 0 50px;
    position: relative;
    background-color: #f4f4f4;
}

.fnewslist {
    padding-bottom: 1px;
    overflow: hidden;
    font-size: 0;
    margin: 0 -20px;
}

.fnewslist li {
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
}

.fnewslist li .lin {
    padding: 0 20px;
    position: relative;
}

.fnewslist li a {
    display: block;
}

.fnewslist .pic {
    width: 100%;
    height: 0;
    padding-bottom: 63%;
    overflow: hidden;
    position: relative;
}

.fnewslist li h3 {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    padding-left: 14px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 20px 0;
    position: relative;
}

.fnewslist li h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 0;
    width: 10px;
    height: 10px;
    background-color: #015e53;
    border-radius: 50%;
}

.fnewslist li .txt {
    font-size: 14px;
    color: #959595;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.fnewslist li label {
    display: block;
    width: 46px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 16px;
    margin-top: 36px;
    font-size: 0;
    border: 2px solid #015e53;
    background: url('../image/dgt1-n.png') 25px no-repeat;
}

.fnewslist li:hover label {
    -webkit-animation: dgtbgmove 1s linear 0.2s infinite;
    animation: dgtbgmove 1s linear 0.2s infinite;
}

.fnewslist li:hover h3 {
    color: #015e53;
}

.fnewslist li:hover label {
    color: #178fc2;
}

.fnewslist h3, .fnewslist label {
    -webkit-transition: .4s;
    transition: .4s;
}

@media screen and (max-width: 1200px) {
    .fnewslist li:last-child {
        display: none;
    }

    .fnewslist li {
        width: 33.3%;
    }
}

@media screen and (max-width: 1000px) {
    .fnewslist li {
        width: 50%;
        margin-bottom: 36px;
    }

    .fnewslist li:last-child {
        display: inline-block;
    }

    .fnewslist li label {
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .fnews {
        padding: 45px 0 30px;
    }

    .fnewslist {
        margin: 0;
    }

    .fnewslist li {
        width: 100%;
    }

    .fnewslist li .lin {
        padding: 0;
    }
}

.fcate2 {
    text-align: center;
}

.fcate2 .cn {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.fcate2 .en {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-family: "Helvetica";
    text-transform: uppercase;
    opacity: 0.75;
}

.fpro {
    height: 500px;
    padding: 62px 0 0;
    background: url('../image/fprobg.jpg') center / cover no-repeat;
}

.picScroll-left2 {
    overflow: hidden;
    position: relative;
    margin: 70px auto 0;
    width: 100%;
    height: 280px;
}

.picScroll-left2 .bd {
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.proleilist {
    height: 100%;
    overflow: hidden;
    margin-top: 70px;
}

.proleilist li {
    float: left;
    width: 25%;
}

.proleilist li .lin {
    padding: 0 10px;
}

.proleilist li a {
    display: block;
    height: 280px;
    position: relative;
}

.proleilist li .pic {
    overflow: hidden;
    width: 100%;
    height: 280px;
    background-color: #fff;
    line-height: 280px;
    text-align: center;
    font-size: 0;
}

.proleilist li .pic2 {
    overflow: hidden;
    width: 100%;
    height: 280px;
    background-color: #fff;
    line-height: 280px;
    text-align: center;
    font-size: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
}

.proleilist li:hover .pic2 {
    opacity: 1;
}

.proleilist li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: none;
}

.proleilist li .cov {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.proleilist li .cov i {
    position: absolute;
    margin: auto;
    z-index: 4;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    background: #33b597 url('../image/jia2.png') center no-repeat;
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.proleilist li:hover .cov {
    background-color: rgba(51, 181, 151, 0.5);
}

.proleilist li:hover .cov i {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
}

.picScroll-left2 a.prev, .picScroll-left2 a.next {
    position: absolute;
    width: 44px;
    height: 44px;
    z-index: 5;
    top: 50%;
    border-radius: 50%;
    border: 1px solid #33b597;
    margin-top: -23px;
}

.picScroll-left2 a.prev {
    left: 0;
    background: transparent url('../image/lt2.png') center no-repeat;
}

.picScroll-left2 a.next {
    right: 0;
    background: transparent url('../image/gt2.png') center no-repeat;
}

.picScroll-left2 a.prev:hover, .picScroll-left2 a.next:hover {
    background-color: #33b597;
}

.picScroll-left2 a.prev:hover {
    background-image: url('../image/lt2h.png');
}

.picScroll-left2 a.next:hover {
    background-image: url('../image/gt2h.png');
}

.picScroll-left2 .hd {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
}

.picScroll-left2 .hd ul {
    width: 100%;
    height: 4px;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}

.picScroll-left2 .hd ul li {
    display: inline-block;
    width: 34px;
    height: 4px;
    cursor: pointer;
    border-radius: 2px;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.picScroll-left2 .hd ul li.on {
    background-color: #33b597;
}

@media screen and (max-width: 1460px) {
    .picScroll-left2 a.prev {
        left: 50%;
        margin-left: -580px;
    }

    .picScroll-left2 a.next {
        right: 50%;
        margin-right: -580px;
    }
}

@media screen and (max-width: 1000px) {
    .fpro {
        padding: 62px 0 64px;
    }

    .proleilist {
        margin-top: 50px;
    }

    .proleilist li {
        width: 50%;
        margin: 10px 0;
    }
}

@media screen and (max-width: 640px) {
    .proleilist li {
        width: 100%;
    }
}

.fabout {
    padding: 60px 0 95px;
    overflow: hidden;
    position: relative;
    background: url('../image/fabbg.jpg') center / cover no-repeat;
}

.fab1 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: 35px;
}

.fab1r {
    float: right;
    width: 40%;
    position: relative;
}

.fab1l {
    float: left;
    width: 57.86%;
}

.fab1l h2 {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}

.fab1l h2 span {
    font-size: 24px;
}

.fab1con {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin: 36px 0 30px;
}

.fab1con img {
    display: none;
}

.fab1l a.more {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    height: 32px;
    background: url('../image/jtr1.png') 84px center no-repeat;
}

.fab1l a.more:hover {
    background-position: 90px center;
}

.fab1r .pic {
    position: relative;
}

.fab1r .pic img {
    width: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.fab1r .pic img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

@media screen and (max-width: 1080px) {
    .fabout {
        padding: 60px 0;
    }

    .fab1 {
        overflow: visible;
    }

    .fab1l {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 800px;
        margin-bottom: 45px;
    }

    .fab1r {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 560px;
    }

    .fab1r .pic {
        margin: 0 auto;
    }
}

@media screen and (max-width: 750px) {
    .fab1con {
        margin-top: 30px;
    }
}

.changpic-scroll {
    position: relative;
    width: 100%;
    height: 338px;
}

.changpic-scroll .flex-viewport {
    width: 100%;
    height: 100%;
}

.changpic-scroll .slides {
    overflow: hidden;
    height: 100%;
}

.changpic-scroll .slides li {
    height: 100%;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.changpic-scroll .slides li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 48px;
    position: relative;
    overflow: hidden;
    line-height: 338px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.changpic-scroll .slides a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.changpic-scroll .slides li h3 {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    left: 15px;
    bottom: 10px;
    right: 105px;
    z-index: 2;
}

.changpic-scroll .slides li .txt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
}

.changpic-scroll .slides li .txt .cn {
    float: right;
    width: 24px;
    height: 290px;
    overflow: hidden;
    font-size: 20px;
    color: #fff;
    line-height: 22px;
    text-align: center;
}

.changpic-scroll .slides li .txt .en {
    float: right;
    width: 290px;
    height: 18px;
    overflow: hidden;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 18px;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 145px 145px;
    transform-origin: 145px 145px;
}

.changpic-scroll .slides li .txt2 {
    display: none;
}

.changpic-scroll .flex-direction-nav a {
    width: 48px;
    height: 48px;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 0;
    z-index: 4;
    right: 0;
}

.changpic-scroll .flex-direction-nav a.flex-prev {
    margin-right: 49px;
    background: #ffffff url('../image/lt2.png') center no-repeat;
}

.changpic-scroll .flex-direction-nav a.flex-next {
    background: #ffffff url('../image/gt2.png') center no-repeat;
}

.changpic-scroll .flex-direction-nav a:hover {
    background-color: #333;
}

.changpic-scroll .flex-direction-nav a.flex-prev:hover {
    background-image: url('../image/lt2h.png');
}

.changpic-scroll .flex-direction-nav a.flex-next:hover {
    background-image: url('../image/gt2h.png');
}

.changpic-scroll .flex-control-paging {
    width: 100%;
    height: 10px;
    font-size: 0;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 3;
}

.changpic-scroll .flex-control-paging li {
    display: inline-block;
    *display: inline;
    *zoom: 1; overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 0 7px;
}

.changpic-scroll .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.changpic-scroll .flex-control-paging li a.flex-active {
    background-color: #fff;
}

.peijianlist {
    font-size: 0;
    width: 100%;
    height: 40px;
    margin-top: 44px;
}

.peijianlist li {
    display: inline-block;
    width: 222px;
    max-width: 33.3%;
    vertical-align: top;
}

.peijianlist li a {
    display: block;
    position: relative;
    padding-left: 50px;
}

.peijianlist .pic {
    width: 36px;
    height: 36px;
    font-size: 0;
    line-height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 50%;
}

.peijianlist .pic.i1 {
    z-index: 0;
    background-color: transparent;
}

.peijianlist .pic.i2 {
    z-index: 1;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.peijianlist img {
    max-width: 100%;
    max-height: 100%;
}

.peijianlist li h3 {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}

.peijianlist li p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    text-transform: uppercase;
}

.peijianlist li:hover .pic.i2 {
    opacity: 1;
}

@media screen and (max-width: 680px) {
    .peijianlist li h3 {
        font-size: 20px;
        line-height: 40px;
        height: 40px;
    }

    .peijianlist li p {
        display: none;
    }
}

.fone {
    height: 750px;
    padding: 50px 0 90px;
}

.whycon {
    min-height: 422px;
    margin-top: 74px;
}

.whycon .vpic {
    float: left;
    width: 50%;
    height: 422px;
    position: relative;
    cursor: pointer;
}

.whycon .vpic .vd1 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.whycon .vpic:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -52px;
    z-index: 0;
    width: 100%;
    height: 118px;
    background: url('../image/sha1.png') center no-repeat;
}

.whycon .vpic i.play {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url('../image/play1.png') center no-repeat;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.whycon .vpic:hover i.play {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.whycon .wz {
    float: right;
    width: 50%;
    height: 100%;
}

.whycon .wz .inner {
    padding-left: 50px;
}

.whycon .wz .en {
    font-size: 56px;
    color: #e3e4e9;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
}

.whycon .wz h3 {
    font-size: 28px;
    color: #333;
    line-height: 40px;
    margin: 18px 0 16px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.whycon .wz:hover h3 {
    color: #015e53;
}

.whycon .wz .txt {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    min-height: 90px;
    margin-top: 18px;
}

.whylist {
    overflow: hidden;
    margin: 36px 0 0;
}

.whylist li {
    float: left;
    width: 280px;
    max-width: 50%;
    margin-bottom: 30px;
}

.whylist li div {
    font-size: 20px;
    color: #363636;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}

.whylist li p {
    font-size: 16px;
    color: #989898;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    .fone {
        padding: 50px 0;
    }

    .whycon {
        height: auto;
        margin-top: 50px;
    }

    .whycon .vpic {
        float: none;
        width: 720px;
        max-width: 100%;
        margin: 0 auto;
        height: 420px;
    }

    .whycon .wz {
        float: none;
        width: 720px;
        max-width: 100%;
        margin: 0 auto;
    }

    .whycon .wz .inner {
        padding: 50px 5% 0;
    }
}

.wenlist {
    overflow: hidden;
    position: relative;
}

.wenlist li {
    float: left;
    width: 25%;
}

.wenlist li .lin {
    padding: 0 1px;
}

.wenlist li a {
    display: block;
    background-color: #015e53;
    padding: 30px 10px 34px;
    text-align: center;
}

.wenlist li a.i1 {
    background-color: #fff;
}

.wenlist .pic {
    width: 100%;
    height: 60px;
    font-size: 0;
    line-height: 60px;
    overflow: hidden;
}

.wenlist .pic img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 1s;
    transition: 1s;
}

.wenlist li h3 {
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    height: 42px;
    margin-top: 14px;
}

.wenlist li .txt {
    font-size: 16px;
    color: #d4ede5;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
}

.wenlist li .hx {
    width: 100%;
    height: 10px;
    margin: 18px auto 0;
    display: none;
    background: url('../image/jtr2.png') center 0 no-repeat;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.wenlist li:hover .hx {
    opacity: 0.5;
}

.wenlist li:hover img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fwind {
    padding-top: 42px;
}

.fwind .fig {
    width: 100%;
    margin-bottom: 8px;
    font-size: 0;
}

.fwind .fig img {
    max-width: 100%;
}

.fwind h5 {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    height: 30px;
    background: url('../image/line1.png') center no-repeat;
}

@media screen and (max-width: 1100px) {
    .wenlist {
        padding-bottom: 1px;
    }

    .wenlist li {
        width: 50%;
        margin-bottom: 10px;
    }

    .wenlist li .txt {
        height: 60px;
    }
}

@media screen and (max-width: 580px) {
    .wenlist li {
        width: 100%;
    }

    .wenlist li .txt {
        height: 30px;
    }

    .fwind {
        padding-top: 0;
    }
}

.envi {
    padding: 84px 0 0;
    position: relative;
    background-color: #33b597;
}

.envi1 {
    position: relative;
    z-index: 1;
    height: 314px;
    margin-top: 44px;
}

.envi1r {
    float: right;
    width: 40.5%;
    position: relative;
}

.envi1l {
    float: left;
    width: 55%;
}

.envi1l h3 {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
}

.envi1con {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 36px;
}

.envi1con img {
    display: none;
}

.envi1r .pic {
    position: relative;
}

.envi1r .pic img {
    width: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.envi1r .pic img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.envi1l .flex-control-paging2 {
    width: 100%;
    height: 2px;
    font-size: 0;
    position: relative;
    margin-top: 72px;
}

.envi1l .flex-control-paging2 li {
    display: inline-block;
    *display: inline;
    *zoom: 1; overflow: hidden;
    width: 20px;
    height: 2px;
    margin-right: 12px;
}

.envi1l .flex-control-paging2 li a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
}

.envi1l .flex-control-paging2 li a.flex-active {
    background-color: #fff;
}

@media screen and (max-width: 1080px) {
    .envi {
        padding: 60px 0;
    }

    .envi1 {
        height: auto;
    }

    .envi1l {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 770px;
        margin-bottom: 45px;
    }

    .envi1r {
        float: none;
        width: 100%;
        margin: 0 auto;
        max-width: 570px;
    }

    .envi1l .flex-control-paging2 {
        margin-top: 36px;
    }
}

@media screen and (max-width: 750px) {
    .envi1con {
        margin-top: 30px;
    }
}

.envipic-scroll {
    position: relative;
    width: 100%;
    height: 360px;
}

.envipic-scroll .flex-viewport {
    width: 100%;
    height: 100%;
}

.envipic-scroll .slides {
    overflow: hidden;
    height: 100%;
}

.envipic-scroll .slides li {
    height: 100%;
    -webkit-backface-visibility: hidden;
    position: relative;
}

.envipic-scroll .slides li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    line-height: 360px;
}

.envipic-scroll .slides a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.envipic-scroll .slides a h3, .envipic-scroll .slides a .txt {
    display: none;
}

.envipic-scroll .flex-direction-nav a {
    width: 46px;
    height: 46px;
    display: block;
    font-size: 0;
    position: absolute;
    bottom: 0;
    z-index: 4;
    left: 0;
}

.envipic-scroll .flex-direction-nav a.flex-prev {
    margin-bottom: 47px;
    background: #ffffff url('../image/lt2.png') center no-repeat;
}

.envipic-scroll .flex-direction-nav a.flex-next {
    background: #ffffff url('../image/gt2.png') center no-repeat;
}

.envipic-scroll .flex-direction-nav a:hover {
    background-color: #015e53;
}

.envipic-scroll .flex-direction-nav a.flex-prev:hover {
    background-image: url('../image/lt2h.png');
}

.envipic-scroll .flex-direction-nav a.flex-next:hover {
    background-image: url('../image/gt2h.png');
}

.envipic-scroll .flex-control-paging {
    width: 100%;
    height: 10px;
    font-size: 0;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
    visibility: hidden;
}

.envipic-scroll .flex-control-paging li {
    display: inline-block;
    *display: inline;
    *zoom: 1; overflow: hidden;
    width: 10px;
    height: 10px;
    margin: 0 7px;
}

.envipic-scroll .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.envipic-scroll .flex-control-paging li a.flex-active {
    background-color: #fff;
}

.envierji {
    font-size: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.envierji a {
    display: inline-block;
    padding: 0 30px;
    height: 38px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 20px;
}

.envierji i {
    display: inline-block;
    width: 1px;
    height: 40px;
    position: relative;
    margin-bottom: 20px;
}

.envierji i:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
}

.envierji a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

.envierji a.on {
    border-color: #fff;
}

@media screen and (max-width: 1200px) {
    .envierji i {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .envierji a {
        font-size: 16px;
        padding: 0 20px;
    }
}

@media screen and (max-width: 520px) {
    .envierji a {
        font-size: 18px;
        width: 100%;
        padding: 0;
    }
}