@font-face { font-family:'AkzidenzGrotesk-BoldCondAlt'; src:url('https://www.benlaiv.com/Public/Home/fonts/AkzidenzGrotesk-BoldCondAlt.woff') format('woff'); font-weight: normal; font-style: normal;}
/*@font-face { font-family:'Gotham-Bold';src:url('../font/Gotham-Bold.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family:'Gotham-Book'; src:url('../font/Gotham-Book.woff') format('woff');font-weight: normal; font-style: normal;}
@font-face { font-family:'gotham-medium'; src:url('../font/gotham-medium.woff') format('woff');font-weight: normal; font-style: normal;}*/

/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei";}
input,textarea,button{padding: 0;font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}



/*index*/

#menu {
    position:fixed;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    z-index:99;
}
    #menu li a {
        color:#f00;
    }
    #menu li.active a {
        color:blue;
    }

.index-menu li {
    position:relative;
    margin-bottom:16px;
}
    .index-menu li a {
        color:#000!important;
        line-height:22px;
        display:block;
        padding-right:30px;
        text-align:right;
    }
        .index-menu li a span {
            opacity:0;
            color:#fff;
            transition:all ease .3s;
            margin-right:10px;
        }
    .index-menu li.active a span {
        opacity:1;
    }
    .index-menu li a i {
        width:15px;
        height:1px;
        background:#fff;
        display:block;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
        opacity:.6;
        transition:all ease .3s;
    }
        .index-menu li.active a i {
            width:30px;
            opacity:1;
        }

.about-menu li {
    position:relative;
    margin-bottom:16px;
    height:22px;
}
    .about-menu li a {
        color:#000!important;
        line-height:22px;
        display:block;
        padding-right:22px;
        text-align:right;
    }
        .about-menu li a span {
            opacity:0;
        }
    .about-menu li.active a span {
        opacity:1;
    }
    .about-menu li a i {
        width:4px;
        height:4px;
        border-radius:50%;
        background:#ccc;
        display:block;
        position:absolute;
        right:9px;
        top:50%;
        transform:translateY(-50%);
    }
        .about-menu li a i:after {
            width:22px;
            height:22px;
            border:1px solid #ccc;
            content:'';
            position:absolute;
            border-radius:50%;
            left:-10px;
            top:-10px;
            opacity:0;
        }
        .about-menu li.active a i {
            background:#ccc;
        }
            .about-menu li.active a i:after {
                opacity:1;
            }





.section-page1 {
    width:100%;
    height:100%;
    position:relative;
   /* background:url(../images/index-bg1.jpg) center center no-repeat;*/
}
.index-header {
    width:100%;
    position:absolute;
    left:0;
    top:42px;
    z-index:99;
    box-sizing:border-box;
    padding:0 60px;
    display:table;
}
    .index-header .logo {
        float:left;
    }
    .index-header .website {
        float:right;
        width:125px;
        height:34px;
        background:#f59600;
        text-align:center;
        line-height:34px;
        position:relative;
        margin-left:51px;
    }
        .index-header .website:after {
            content:'';
            width:8px;
            height:1px;
            background:#fff;
            z-index:2;
            position:absolute;
            left:-36px;
            top:17px;
            animation: linedown 2s infinite;
        }
        @-webkit-keyframes linedown {
	        0% {
		        width:8px;
	        }
	        50% {
		        width:44px;
	        }
	        100% {
		        width:8px;
	        }
        }
        @keyframes linedown {
            0% {
		        width:8px;
	        }
	        50% {
		        width:44px;
	        }
	        100% {
		        width:8px;
	        }
        }


        .index-header .website a {
            color:#fff;
            display:block;
        }
    .index-header .web-menu {
        float:right;
    }
        .index-header .web-menu li {
            width:102px;
            height:34px;
            text-align:center;
            float:left;
            font-size:16px;
            line-height:34px;
            overflow:hidden;
        }
            .index-header .web-menu li span {
                display:block;
            }
            .index-header .web-menu li .ch {
                color:#fff;
                opacity:.7;
                transition:all ease .3s;
            }
            .index-header .web-menu li .en {
                color:#f59600;
                transition:all ease .3s;
                text-transform:uppercase;
            }
            .index-header .web-menu li:hover .ch {
                margin-top:-34px;
            }
            .index-header .web-menu li:hover .en {
            }
            .index-header .web-menu li.on .ch {
                margin-top:-34px;
            }
            .index-header .web-menu li.on .en {
            }

.mouse {
    width:26px;
    height:46px;
    position:absolute;
    z-index:9;
    right:80px;
    bottom:60px;
    animation: mousedown 2s infinite;
}
@-webkit-keyframes mousedown {
	0% {
		-webkit-transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, 20px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes mousedown {
    0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, 20px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}


.banner-video {
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
   
    background-size:cover;
}
    .banner-video .swiper-container, .banner-video .swiper-container .swiper-wrapper {
        height:100%;
    }
    .banner-video .swiper-slide {
        width:100%;
        height:100%;
        position:relative;
        overflow:hidden;
    }
        .banner-video .swiper-slide .videos {
            width:100%!important;
            height:100%;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            top:0;
            bottom:0;
            display:flex;
            flex-flow:row;
            justify-content:center;
        }
            .banner-video .swiper-slide .videos video {
                width: 100%;
                height: auto;
                object-fit: fill;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }
.section-page1 .banner-video .img1 {
    display:none;
}
@media(max-width:1620px) {
    .banner-video .swiper-slide .videos video {
        width:auto;
        height:100%;
    }
}
.vjs-big-play-button, .vjs-control-bar, .vjs-error-display, .vjs-caption-settings {
    display:none!important;
}


.banner-video .banner-tbox {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    background:url(../image/icon-img2.png) left top repeat;
    text-align:center;
}
    .banner-video .banner-tbox img {
        position:relative;
        top:42%;
    }

.banner-video .swiper-pagination {
    text-align:initial;
    left:80px!important;
    bottom:60px!important;
}
.banner-video .swiper-pagination-bullet {
    width:30px;
    height:2px;
    background:#fff;
    border-radius:0;
    opacity:1;
    transition:all ease .3s;
}
.banner-video .swiper-pagination-bullet-active {
    height:8px;
    background:#f59600;
}


.section-page2 {
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
}
.page2-left, .page2-right {
    width:50%;
    height:100%;
    float:left;
    position:relative;
    color:#fff;
}
    .page2-left #dv1 {
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
    }

    .page2-left .tboxl, .page2-right .tboxr {
        opacity:0;
    }
        .page2-left .tboxl.animated, .page2-right .tboxr.animated {
            opacity:1;
        }
.page2-left {
    /*background:url(../image/index-bg2.jpg) center center no-repeat;*/
    background:#162339;
}
.page2-right {
    background:#30abbd;
}
    .page2-left .tbox {
        position:absolute;
        left:129px;
        top:335px;
        padding:26px 0 0 30px;
    }
        .page2-left .tbox:before {
            width:270px;
            height:1px;
            content:'';
            background:rgba(255,255,255,.4);
            position:absolute;
            left:-55px;
            top:0;
        }
        .page2-left .tbox:after {
            width:1px;
            height:380px;
            content:'';
            background:rgba(255,255,255,.4);
            position:absolute;
            left:0;
            top:-38px;
        }
    .page2-right img {
        position:absolute;
        right:0;
        top:0;
        width:67%;
    }
    .page2-right .tbox {
        position:absolute;
        left:88px;
        top:335px;
        padding:35px 0 0 30px;
    }
        .page2-right .tbox:before {
            width:270px;
            height:1px;
            content:'';
            background:rgba(255,255,255,.4);
            position:absolute;
            left:-55px;
            top:0;
        }
        .page2-right .tbox:after {
            width:1px;
            height:380px;
            content:'';
            background:rgba(255,255,255,.4);
            position:absolute;
            left:0;
            top:-38px;
        }
        .page2-left .tbox .title, .page2-right .tbox .title {
            font-size:40px;
            line-height:60px;
            margin-bottom:30px;
        }
        .page2-left .tbox .txt, .page2-right .tbox .txt {
            font-size:18px;
            line-height:36px;
        }


.section-page3 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/index-bg3.jpg) center center no-repeat;
    background-size:cover;
    display:table;
}
    .section-page3 .title {
        font-size:26px;
        line-height:90px;
        color:#f59600;
        text-align:center;
        letter-spacing:10px;
        background:url(../image/icon-img5.png) center center no-repeat;
        background-size:auto 100%;
    }
        .section-page3 .title span {
            color:#fff;
            font-weight:bold;
        }
.page3-list {
    width:100%;
    position:absolute;
    bottom:7px;
}
.page3-list .swiper-container {
    /*overflow:initial;*/
    max-height:750px;
    overflow:hidden;
}
    .page3-list .swiper-container .swiper-slide {
        height:100%;
        overflow:hidden;
    }
.page3-tbox {
    width:100%;
    position:relative;
    opacity:0;
    overflow:hidden;
}
    .page3-tbox.animated {
        opacity:1;
    }
    .page3-tbox:after {
        width:100%;
        height:100%;
        content:'';
        position:absolute;
        left:0;
        top:0;
        background:rgba(0,0,0,.75);
        transition:all ease-in-out .5s;
    }
    .page3-list .swiper-slide:nth-child(1) .page3-tbox {
        animation-delay: 0s;
    }
     .page3-list .swiper-slide:nth-child(2) .page3-tbox {
        animation-delay: .1s;
    }
     .page3-list .swiper-slide:nth-child(3) .page3-tbox {
        animation-delay: .2s;
    }
     .page3-list .swiper-slide:nth-child(4) .page3-tbox {
        animation-delay: .3s;
    }
     .page3-list .swiper-slide:nth-child(5) .page3-tbox {
        animation-delay: .4s;
    }
    .page3-tbox:hover:after {
        /*background:rgba(245,127,0,.8);*/
        background:none;
    }
.page3-tbox img {
    transition:all ease-in-out .5s;
}
    .page3-tbox:hover img {
        transform:  scale(1.1)
    }
    .page3-tbox .boxs {
        width:100%;
        position:absolute;
        z-index:2;
        left:0;
        top:50%;
        transform:translateY(-50%);
        text-align:center;
        transition:all ease-in-out .5s;
    }
        
        .page3-tbox .boxs .icon {
            width:52px;
            margin:auto;
            display:block;
        }
        .page3-tbox .boxs .txt {
            font-size:18px;
            margin-top:18px;
            line-height:1;
            color:#fff;
        transition:all ease-in-out .5s;
        }
        .page3-tbox:hover .boxs .txt {
            font-weight:bold;
        }
        .page3-tbox .boxs .txt2 {
            width:200px;
            height:0;
            margin:24px auto 0;
            font-size:14px;
            line-height:24px;
            color:#fff;
            transition:all ease-in-out .5s;
            overflow:hidden;
            transform:rotateX(-45deg);
        }
        .page3-tbox:hover .boxs .txt2 {
            transform:rotateX(0);
            height:auto;
        }
.swiper-prev {
    width:46px;
    height:11px;
    background:url(../image/icon-img3.png) center center no-repeat;
    transition:all ease .3s;
    cursor:pointer;
    z-index:3;
}
    .swiper-prev:hover {
        background:url(../image/icon-img3-1.png) center center no-repeat;
    }
.swiper-next {
    width:46px;
    height:11px;
    background:url(../image/icon-img4.png) center center no-repeat;
    transition:all ease .3s;
    cursor:pointer;
    z-index:3;
}
    .swiper-next:hover {
        background:url(../image/icon-img4-1.png) center center no-repeat;
    }
.page3-list .swiper-prev {
    position:absolute;
    left:119px;
    top:-41px;
}
.page3-list .swiper-next {
    position:absolute;
    right:119px;
    top:-41px;
}


.section-page4 {
    width:100%;
    height:100%;
    position:relative;
    background:#000;
    display:inline-block;
}
.section-page4 .title {
        font-size:26px;
        line-height:90px;
        color:#f59600;
        text-align:center;
        letter-spacing:10px;
        background:url(../image/icon-img5.png) center center no-repeat;
        background-size:auto 100%;
        margin-bottom:62px!important;
    }
        .section-page4 .title span {
            color:#fff;
            font-weight:bold;
        }
.page4-list {
    width:100%;
    position:relative;
}
#page4-swiper {
    /*overflow:initial;*/
}
#page4-swiper .swiper-slide {
    position:relative;
}
.page4-tbox {
    width:100%;
    height:100%;
    position:relative;
    opacity:0;
    overflow:hidden;
}
    .page4-tbox.animated {
        opacity:1;
    }
    .page4-list .swiper-slide:nth-child(1) .page4-tbox {
        animation-delay: 0s;
    }
     .page4-list .swiper-slide:nth-child(2) .page4-tbox {
        animation-delay: .1s;
    }
     .page4-list .swiper-slide:nth-child(3) .page4-tbox {
        animation-delay: .2s;
    }
     .page4-list .swiper-slide:nth-child(4) .page4-tbox {
        animation-delay: .3s;
    }
     .page4-list .swiper-slide:nth-child(5) .page4-tbox {
        animation-delay: .4s;
    }
     .page4-list .swiper-slide:nth-child(6) .page4-tbox {
        animation-delay: .5s;
    }
     .page4-list .swiper-slide:nth-child(7) .page4-tbox {
        animation-delay: .6s;
    }
     .page4-list .swiper-slide:nth-child(8) .page4-tbox {
        animation-delay: .7s;
    }
    .page4-tbox:after {
        width:100%;
        height:100%;
        content:'';
        position:absolute;
        left:0;
        top:0;
        z-index:2;
        background:rgba(0,0,0,.2);
        transition:all ease .3s;
    }
    .page4-tbox:hover:after {
        background:rgba(0,0,0,.7);
    }
    .page4-tbox img {
    transition:all ease-in-out .5s;
    width:100%;
}
    .page4-tbox:hover img {
        transform:  scale(1.1)
    }
    .page4-tbox .boxs {
        width:100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index:3;
        text-align:center;
    }
        .page4-tbox .boxs .icon {
            width:55px;
            margin:auto;
            transition:all ease .5s;
        }
        .page4-tbox:hover .boxs .icon {
            width:44px;
        }
        .page4-tbox .boxs .txt {
            font-size:16px;
            color:#fff;
            height:0;
            overflow:hidden;
            margin-top:19px;
            opacity:0;
            transition:all ease .5s;
        }
        .page4-tbox:hover .boxs .txt {
            opacity:1;
            height:auto;
        }
.page4-list .swiper-prev {
    position:absolute;
    left:119px;
    bottom:-45px;
}
.page4-list .swiper-next {
    position:absolute;
    right:119px;
    bottom:-45px;
}
.section-page4 .more {
    width:49px;
    height:49px;
    display:block;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-70px;
    background:url(../image/icon-img7.png) center center no-repeat;
}


.section-page5 {
    width:100%;
    height:100%;
    position:relative;
    display:inline-block;
}
.page5-bgleft {
    width:50%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#219bad;
}
.page5-bgright {
    width:50%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background:#1a7099;
}

.section-page5 .title {
        font-size:26px;
        line-height:90px;
        color:#fff;
        text-align:center;
        letter-spacing:10px;
        background:url(../image/icon-img5-1.png) center center no-repeat;
        background-size:auto 100%;
        margin:78px 0 70px;
        position:relative;
        z-index:2;
    }
        .section-page5 .title span {
            color:#fff;
            font-weight:bold;
        }

.page5-box {
    position:relative;
    z-index:2;
    width:1200px;
    margin:auto;
    opacity:0;
}
    .page5-box.animated {
        opacity:1;
    }


.info_slide {
    display:block!important;
    position:absolute;
    left:-43px;
    top:50%;
    transform:translateY(-50%);
}
.image_number {
    display:block;
    width:4px;
    height:4px;
    background:#fff!important;
    color:#fff!important;
    border-radius:50%;
    margin-bottom:34px;
    position:relative;
    font-size:0;
}
    .image_number:after {
        content:'';
        width:22px;
        height:22px;
        border-radius:50%;
        box-sizing:border-box;
        border:1px solid #fff;
        position:absolute;
        left:-9px;
        top:-9px;
        opacity:0;
    }
        .image_number.image_number_select:after {
            opacity:1;
        }
.box_skitter .prev_button, .box_skitter .next_button {
    display:none;
}



.section-page6 {
    width:100%;
    height:100%;
    position:relative;
    display:table;
    box-sizing:border-box;
    background:url(../image/page6-img1.jpg) center center no-repeat;
    background-size:cover;
}
    .section-page6:before {
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background:rgba(0,0,0,.7);
    }

.page6-menu {
    width:26%;
    height:100vh;
    position:relative;
    z-index:2;
    background:rgba(0,0,0,.6);
    float:left;
    box-sizing:border-box;
    opacity:0;
}
    .page6-menu.animated {
        opacity:1;
    }
    .page6-menu .title {
        font-size:26px;
        line-height:90px;
        color:#fff;
        text-align:right;
        letter-spacing:10px;
        background:url(../image/icon-img5-1.png) right center no-repeat;
        background-size:auto 100%;
        margin:265px 30px 80px 0;
        position:relative;
        z-index:2;
    }
        .page6-menu .title span {
            color:#fff;
            font-weight:bold;
        }
    .page6-menu ul {
        width:270px;
        float:right;
    }
        .page6-menu ul li {
            width:100%;
            position:relative;
            height:48px;
            line-height:48px;
        }
            .page6-menu ul li a {
                width:100%;
                display:block;
                box-sizing:border-box;
                padding-right:30px;
                color:#aaa;
                font-size:16px;
                position:relative;
                z-index:2;
                transition:all ease .5s;
                text-align:right;
            }
            .page6-menu ul li:hover a {
                color:#fff;
                font-size:18px;
                padding-right:60px;
            }
            .page6-menu ul li.on a {
                color:#fff;
                font-size:18px;
                padding-right:60px;
            }
            
            .page6-menu ul li span {
                width:0;
                height:48px;
                background:#f59600;
                position:absolute;
                right:0;
                top:0;
                z-index:1;
                transition:all ease .5s;
            }
            .page6-menu ul li:hover span {
                width:100%;
            }
            .page6-menu ul li.on span {
                width:100%;
            }



.page6-list {
    /*width:calc( 74% - 120px );*/
    width:1130px;
    float:left;
    position:relative;
    z-index:2;
    margin-left:60px;
    margin-top:265px;
    display:block;
}
    .page6-list .page6-tbox {
        float:left;
        position:relative;
        margin:0 1px 1px 0;
        overflow:hidden;
        opacity:0;
    }
        .page6-list .page6-tbox.animated {
            opacity:1;
        }
    .page6-list .swiper-slide:nth-child(1) .page6-tbox {
        animation-delay: 0s;
    }
     .page6-list .swiper-slide:nth-child(2) .page6-tbox {
        animation-delay: .3s;
    }
     .page6-list .swiper-slide:nth-child(3) .page6-tbox {
        animation-delay: .1s;
    }
     .page6-list .swiper-slide:nth-child(4) .page6-tbox {
        animation-delay: .4s;
    }
     .page6-list .swiper-slide:nth-child(5) .page6-tbox {
        animation-delay: .2s;
    }
     .page6-list .swiper-slide:nth-child(6) .page6-tbox {
        animation-delay: .5s;
    }
     .page6-list .page6-tbox img {
        transition:all ease-in-out .5s;
    }
        .page6-list .page6-tbox:hover img {
            transform:  scale(1.1)
        }
        .page6-list .page6-tbox .txt {
            position:absolute;
            width:100%;
            height:40px;
            line-height:40px;
            font-size:14px;
            color:#fff;
            left:0;
            bottom:0;
            z-index:2;
            background:rgba(0,0,0,.2);
            box-sizing:border-box;
            padding-left:10px;
            transition:all ease .5s;
        }
        .page6-list .page6-tbox:hover .txt {
            bottom:-40px;
            opacity:0;
        }
        .page6-list .page6-tbox .tboxs {
            position:absolute;
            z-index:1;
            left:0;
            top:100%;
            width:100%;
            height:100%;
            box-sizing:border-box;
            line-height:20px;
            color:#fff;
            padding:90px 50px 0 45px;
            background:rgba(0,0,0,.4) url(../image/icon-img4.png) 280px 182px no-repeat;
            transition:all ease .5s;
            opacity:0;
        }
        .page6-list .page6-tbox:hover .tboxs {
            top:0;
            opacity:1;
        }

.page6-list .more {
    width: 24px;
    height: 24px;
    display: block;
    float:right;
    margin-top:30px;
    margin-right:1px;
    background: url(../image/icon-img7.png) center center no-repeat;
}


.section-page7 {
    width:100%;
    height:100%;
    position:relative;
    display:table;
    box-sizing:border-box;
    background:url(../image/page7-img13.jpg) center center no-repeat;
    background-size:cover;
}
    .section-page7:before {
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background:rgba(0,0,0,.8);
    }
.page7-menu {
    position:relative;
    z-index:2;
    width:33%;
    height:100vh;
    float:right;
    background:rgba(0,0,0,.45);
    padding-top:284px;
    box-sizing:border-box;
    opacity:0;
}
    .page7-menu.animated {
        opacity:1;
    }
    .page7-menu .title {
        font-size:26px;
        line-height:90px;
        color:#fff;
        letter-spacing:10px;
        background:url(../image/icon-img5-1.png) left center no-repeat;
        background-size:auto 100%;
        position:relative;
        z-index:2;
        margin-left:30px;
    }
        .page7-menu .title span {
            color:#fff;
            font-weight:bold;
        }
    .page7-menu .numbox {
        display:table;
        margin-top:65px;
    }
        .page7-menu .numbox .b1 {
            font-size:16px;
            color:#888;
            float:left;
            padding-left:30px;
        }
            .page7-menu .numbox .b1:first-child {
                margin-right:60px;
            }
            .page7-menu .numbox .b1 span {
                color:#f59600;
                /*font-size:50px;*/
                font:normal 80px/1 'AkzidenzGrotesk-BoldCondAlt';
                font-weight:bold;
            }
    .page7-menu .txt {
        font-size:14px;
        color:#888;
        padding-left:30px;
        margin-top:60px;
    }
        .page7-menu .txt span {
            font-size:26px;
            color:#fff;
        }

.page7-list {
    float:right;
    position:relative;
    z-index:2;
    width: 980px;
    margin-top:280px;
    margin-right:60px;
}
    .page7-list .swiper-container {
        /*border:2.5px solid #e5e5e5;*/
    }
    .page7-list .swiper-slide {
        border:2.5px solid #e5e5e5;
        box-sizing:border-box;
        opacity:0;
    }
    .page7-list .swiper-slide.animated {
            opacity:1;
        }
    .page7-list .page7-tbox {
        overflow:hidden;
        position:relative;
    }
    .page7-list .page7-tbox img {
        width:100%;
        transition:all ease-in-out .5s;
    }
        .page7-list .page7-tbox img:first-child {
            opacity:1;
        }
        .page7-list .page7-tbox img:last-child {
            opacity:0;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
        }
        .page7-list .page7-tbox:hover img {
            transform:  scale(1.1)
        }
            .page7-list .page7-tbox:hover img:first-child {
                opacity:0;
            }
            .page7-list .page7-tbox:hover img:last-child {
                opacity:1;
            }
        /*.page7-list .swiper-slide:nth-child(4n) .page7-tbox {
            border-right:5px solid #e5e5e5;
        }*/
        
    .page7-list .swiper-slide {
        padding:0;
    }
    .page7-list .swiper-slide:nth-child(1) {
        animation-delay: 0s;
    }
     .page7-list .swiper-slide:nth-child(2) {
        animation-delay: .1s;
    }
     .page7-list .swiper-slide:nth-child(3) {
        animation-delay: .2s;
    }
     .page7-list .swiper-slide:nth-child(4) {
        animation-delay: .3s;
    }
     .page7-list .swiper-slide:nth-child(5) {
        animation-delay: .4s;
    }
     .page7-list .swiper-slide:nth-child(6) {
        animation-delay: .5s;
    }
     .page7-list .swiper-slide:nth-child(7) {
        animation-delay: .6s;
    }
     .page7-list .swiper-slide:nth-child(8) {
        animation-delay: .7s;
    }
     .page7-list .swiper-slide:nth-child(9) {
        animation-delay: .8s;
    }
     .page7-list .swiper-slide:nth-child(10) {
        animation-delay: .9s;
    }
     .page7-list .swiper-slide:nth-child(11) {
        animation-delay: 1s;
    }
     .page7-list .swiper-slide:nth-child(12) {
        animation-delay: 1.1s;
    }
.page7-list .more {
    width: 24px;
    height: 24px;
    display: block;
    margin-top:30px;
    background: url(../image/icon-img7.png) center center no-repeat;
}





.header {
    width:100%;
    height:70px;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    box-sizing:border-box;
    padding:18px 60px 0;
    display:table;
    background:#fff;
    border-bottom:1px solid #ddd;
}
    .header .logo {
        float:left;
    }
    .header .website {
        float:right;
        width:125px;
        height:34px;
        background:#f59600;
        text-align:center;
        line-height:34px;
        position:relative;
        margin-left:51px;
    }
        .header .website:after {
            content:'';
            width:8px;
            height:1px;
            background:#4c4c4c;
            z-index:2;
            position:absolute;
            left:-36px;
            top:17px;
            animation: linedown 2s infinite;
        }
        
        .header .website a {
            color:#fff;
            display:block;
        }
    .web-menu {
        float:right;
    }
        .web-menu li {
            width:102px;
            height:34px;
            text-align:center;
            float:left;
            font-size:16px;
            line-height:34px;
            overflow:hidden;
        }
            .web-menu li span {
                display:block;
            }
            .web-menu li .ch {
                color:#000;
                opacity:.7;
                transition:all ease .3s;
            }
            .web-menu li .en {
                color:#f59600;
                transition:all ease .3s;
                text-transform:uppercase;
            }
            .web-menu li:hover .ch {
                margin-top:-34px;
            }
            .web-menu li:hover .en {
            }
            .web-menu li.on .ch {
                margin-top:-34px;
            }
            .web-menu li.on .en {
            }

.bnaner-info {
    width:100%;
    height:560px;
    margin-top:70px;
    position:relative;
    z-index:10;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center 70px;
}
/*.info-body {
    padding-bottom:230px;
}*/
.footer {
    width:100%;
    background:#121212;
}
.info-foot {
    position:fixed;
    bottom:0;
    left:0;
    z-index:-1;
}
.foot-content {
    width:100%;
    display:table;
}
    .foot-content .box {
        width:33.3%;
        height:220px;
        text-align:center;
        float:left;
        font-size:16px;
        line-height:1;
        color:#fff;
        box-sizing:border-box;
        padding-top:48px;
    }
    .foot-content .box1 {
        background:#4375b3;
    }
    .foot-content .box2 {
        background:#30abbd;
    }
    .foot-content .box3 {
        background:#2b82ab;
    }
    .foot-content .box span {
        display:block;
        margin-top:25px;
    }
        .foot-content .box a {
            color:#fff;
        }
    .footer .add-share {
        width:100%;
        height:150px;
        display:table;
        box-sizing:border-box;
        border-bottom:1px solid rgba(255,255,255,.08);
        position:relative;
        padding:81px 94px 0 80px;
    }
        .footer .add-share .box {
            width:100%;
            display:table;
        }
        .footer .add-share .address {
            font-size:14px;
            color:#888;
            line-height:1.5;
            float:left;
            display:table;
        }
            .footer .add-share .address span {
                padding-left:22px;
                margin-right:20px;
            }
            .footer .add-share .address .s1 {
                background:url(../image/foot-icon1.png) left center no-repeat;
                background-size:14px;
            }
            .footer .add-share .address .s2 {
                background:url(../image/foot-icon2.png) left center no-repeat;
                background-size:14px;
            }
            .footer .add-share .address .s3 {
                background:url(../image/foot-icon3.png) left center no-repeat;
                background-size:14px;
            }
        .footer .add-share .go-top {
            position:absolute;
            z-index:2;
            left:50%;
            transform:translateX(-50%);
            bottom:0;
        }

@media(max-width:1820px) {
    .footer .add-share .go-top {
        position:relative;
        margin:36px auto 0;
        display:table;
        left:auto;
        transform: translateX(0);
    }
}



        .footer .add-share .share {
            float:right;
        }
            .footer .add-share .share a {
                width:28px;
                height:28px;
                position:relative;
                display:inline-block;
                margin-left:20px;
            }
                .footer .add-share .share a img {
                    position:absolute;
                    left:0;
                    top:0;
                    transition:all ease .3s;
                }
                    .footer .add-share .share a img:last-child {
                        opacity:0;
                    }
                    .footer .add-share .share a:hover img:first-child {
                        opacity:0;
                    }
                    .footer .add-share .share a:hover img:last-child {
                        opacity:1;
                    }

    .footer .bq-links {
        width:100%;
        min-height:80px;
        background:#121212;
        padding:31px 80px 35px;
        display:table;
        box-sizing:border-box;
        font-size:12px;
        line-height:14px;
    }
        .footer .bq-links .links {
            float:left;
            color:#666;
        }
            .footer .bq-links .links a {
                color:#666;
                margin-left:25px;
            }
                .footer .bq-links .links a:hover {
                    color:#ccc;
                }
        .footer .bq-links .bq {
            float:right;
            color:#666;
        }
            .footer .bq-links .bq a {
                color:#666;
            }
                .footer .bq-links .bq a:hover {
                    color:#ccc;
                }



/*隐藏滚动条*/
/*::-webkit-scrollbar{
  display:none;
}
html {
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
}*/
/*---end---*/

.central {
    width:100%;
    position:relative;
    background:#fff;
}
.price {
    width:100%;
    max-width:1360px;
    margin:-125px auto 0;
    box-sizing:border-box;
    padding:77px 80px 100px;
    background:#fff;
    display:table;
    position:relative;
    z-index:11;
}
    .price .tel {
        text-align:left;
        font-size:16px;
        line-height:26px;
        color:#777;
        margin-bottom:67px;
    }
        .price .tel span {
            font-size:26px;
        }
    .price .list {
        width:100%;
    }
        .price .list li {
            width:100%;
            padding:77px 0;
            margin-bottom:10px;
            display:table;
        }
            .price .list li:nth-child(1) {
                background:#4375b4;
            }
            .price .list li:nth-child(2) {
                background:#30abbd;
            }
            .price .list li:nth-child(3) {
                background:#2b83ab;
            }
            .price .list li:nth-child(4) {
                background:#15ab9b;
            }
            .price .list li .num {
                display:inline-block;
                font-size:30px;
                line-height:66px;
                font-weight:bold;
                width:211px;
                box-sizing:border-box;
                padding-left:50px;
                color:#fefefe;
                float:left;
                transition:all ease-in-out .3s
            }
            .price .list li .tbox {
                width:calc( 100% - 211px );
                display:inline-block;
                font-size:16px;
                line-height:33px;
                color:#fff;
                float:left;
                padding-left:40px;
                box-sizing:border-box;
                position:relative;
                transition:all ease-in-out .3s
                /*border-left:2px solid rgba(255,255,255,.5);*/
            }
            .price .list li:hover .num {
                font-size:34px;
            }
            .price .list li:hover .tbox {
                font-size:20px;
            }
                .price .list li .tbox:after {
                    width:2px;
                    height:80%;
                    position:absolute;
                    content:'';
                    left:0;
                    top:10%;
                    background:rgba(255,255,255,.5);
                }

    .price .list2 {
        width:100%;
        display:table;
        margin-top:30px;
    }
        .price .list2 li {
            width:20%;
            min-height:300px;
            box-sizing:border-box;
            font-size:16px;
            line-height:36px;
            color:#444;
            border:1px solid #bfbfbf;
            border-left:none;
            float:left;
            text-align:center;
            position:relative;
            overflow:hidden;
        }
            .price .list2 li:first-child {
                border:1px solid #bfbfbf;
            }
            .price .list2 li .line1 {
                width:100%;
                height:1px;
                background:#f59500;
                position:absolute;
                left:-100%;
                top:0;
                transition:all ease .5s;
                animation-delay: 0s;
            }
            .price .list2 li:hover .line1 {
                left:0;
            }
            .price .list2 li .line2 {
                width:1px;
                height:100%;
                background:#f59500;
                position:absolute;
                right:0;
                top:-100%;
                transition:all ease .5s;
                animation-delay: 0.5s;
            }
            .price .list2 li:hover .line2 {
                top:0;
            }
            .price .list2 li .line3 {
                width:100%;
                height:1px;
                background:#f59500;
                position:absolute;
                right:-100%;
                bottom:0;
                transition:all ease .5s;
                animation-delay: 1s;
            }
            .price .list2 li:hover .line3 {
                right:0;
            }
            .price .list2 li .line4 {
                width:1px;
                height:100%;
                background:#f59500;
                position:absolute;
                left:0;
                bottom:-100%;
                transition:all ease .5s;
                animation-delay: 1.5s;
            }
            .price .list2 li:hover .line4 {
                bottom:0;
            }
            .price .list2 li span {
                font-size:18px;
                font-weight:bold;
                line-height:74px;
                padding-top:15px;
                display:inline-block;
            }


.news {
    width:100%;
    height:100vh;
    box-sizing:border-box;
    padding-top:70px;
    display:table;
    overflow:hidden;
}
    .news .menu {
        width:260px;
        height:100%;
        float:left;
        padding-top:176px;
        box-sizing:border-box;
        border-right:1px solid #ddd;
    }
        .news .menu li {
            width:100%;
            font-size:14px;
            line-height:34px;
            margin-bottom:26px;
        }
            .news .menu li a {
                display:block;
                color:#666;
                box-sizing:border-box;
                padding-left:66px;
                position:relative;
                transition:all ease .5s;
            }
                .news .menu li a:after {
                    content:'';
                    width:0;
                    height:1px;
                    background:#f59600;
                    position:absolute;
                    left:6px;
                    top:50%;
                    transform:translateY(-50%);
                    transition:all ease .5s;
                }
            .news .menu li:hover a {
                color:#f59600;
            }
                .news .menu li:hover a:after {
                    width:40px;
                }
            .news .menu li.on a {
                color:#f59600;
            }
                .news .menu li.on a:after {
                    width:40px;
                }
    .news .content {
        width: calc(100% - 260px);
        float:left;
    }
        .news .content .top-title {
            font-size:26px;
            line-height:34px;
            color:#000;
            font-weight:300;
            padding:60px 0 60px 10px;
            text-transform:uppercase;
            font-family:'Microsoft YaHei';
            font-weight:lighter;
        }
         .news .content .top-title .box .title1 {
            font-size: 26px;
    line-height: 32px;
    color: #000;
    position: relative;
    padding-top: 42px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Microsoft YaHei';
        }
            .news .content .top-title span {
                font-size:20px;
                color:#555;
            }
        .news .content .list {
            width:100%;
            display:table;
        }
            .news .content .list .big-news {
                width:25%;
                float:left;
            }
            .news .content .list .big-news a{
                display:block;
            }
                .news .content .list .big-news .img {
                    width:100%;
                    overflow:hidden;
                }
                .news .content .list .big-news .img img {
                    width:100%;
                    transition:all ease-in-out .5s;
                }
                .news .content .list .big-news:hover .img img {
                    transform:  scale(1.1)
                }
                .news .content .list .big-news .tbox {
                    height:192px;
                    border-top:1px solid #eee;
                    box-sizing:border-box;
                    padding-top:58px;
                    padding-left:10px;
                }
                    .news .content .list .big-news .tbox .title {
                        font-size:16px;
                        color:#444;
                        margin-bottom:25px;
                        transition:all ease .3s;
                    }
                    .news .content .list .big-news:hover .tbox .title{
                        color:#f59600;
                    }
                    .news .content .list .big-news .tbox .txt {
                        font-size:14px;
                        line-height:24px;
                        color:#888;
                    }
                .news .content .list .big-news .line {
                    width:370px;
                    height:1px;
                    background:#f1f1f1;
                }
                    .news .content .list .big-news .line span {
                        width:40px;
                        height:1px;
                        background:#f59600;
                        display:block;
                        transition:all ease .5s;
                    }
                .news .content .list .big-news:hover .line span {
                    width:100%;
                }
                .news .content .list .big-news .more {
                    display:table;
                    width:auto;
                    font-size:14px;
                    color:#888;
                    margin-left:10px;
                    line-height:31px;
                    border:2px solid rgba(245,150,0,0);
                    position:relative;
                    transition:all ease .5s;
                    margin-top:30px;
                }
                    .news .content .list .big-news .more:after {
                        content:'';
                        position:absolute;
                        width:6px;
                        height:9px;
                        right:-16px;
                        top:50%;
                        transform:translateY(-50%);
                        background:url(../image/news-icon2.png) center center no-repeat;
                        transition:all ease .5s;
                    }
                .news .content .list .big-news:hover .more {
                    padding:0 40px 0 20px;
                    color:#f59600;
                    box-sizing:border-box;
                    border:2px solid rgba(245,150,0,1);
                    text-align:center;
                }
                    .news .content .list .big-news:hover .more:after {
                        width:66px;
                        right:-32px;
                        background:url(../image/news-icon1.png) right center no-repeat;
                    }

            .news .content .list ul {
                display:table;
                float:left;
                width:75%;
            }
            .news .content .list li {
                width:33.3%;
                height:268px;
                float:left;
                position:relative;
                box-sizing:border-box;
                border-left:1px solid #eee;
            }
                .news .content .list li a {
                    display:block;
                }
            .news .content .list li:nth-child(1) {
                animation-delay: 0s;
                    border-bottom:1px solid #eee;
            }
             .news .content .list li:nth-child(2) {
                animation-delay: .1s;
                    border-bottom:1px solid #eee;
            }
             .news .content .list li:nth-child(3) {
                animation-delay: .2s;
                    border-bottom:1px solid #eee;
            }
             .news .content .list li:nth-child(4) {
                animation-delay: .3s;
            }
             .news .content .list li:nth-child(5) {
                animation-delay: .4s;
            }
             .news .content .list li:nth-child(6) {
                animation-delay: .5s;
            }
                .news .content .list li .img {
                    width:100%;
                    border:3px solid #fff;
                    box-sizing:border-box;
                    overflow:hidden;
                    transition:all ease-in-out .5s;
                }
                .news .content .list li:hover .img {
                    border:3px solid #f59600;
                }
                .news .content .list li .img img {
                    width:100%;
                    opacity:0;
                    transition:all ease-in-out .5s;
                }
                .news .content .list li:hover .img img {
                    opacity:1;
                    transform:  scale(1.1)
                }
                .news .content .list li .tbox {
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:2;
                    width:100%;
                    height:100%;
                    padding:74px 50px 0;
                    box-sizing:border-box;
                    overflow:hidden;
                    transition:all ease .5s;
                }
                .news .content .list li:hover .tbox {
                    padding:115px 50px 0;
                }
                    .news .content .list li .tbox .time {
                        font-size:22px;
                        color:#aaa;
                        position:absolute;
                        top:27px;
                        right:25px;
                        transition:all ease .5s;
                    }
                .news .content .list li:hover .tbox .time {
                    opacity:0;
                    -webkit-transform:  scale(1.2) ; 
                    -moz-transform: scale(1.2) ; 
                    -ms-transform: scale(1.2);     
                    -o-transform:  scale(1.2) ; 
                    transform:  scale(1.2);
                }
                .news .content .list li .tbox .time1 {
                    font-size:28px;
                    line-height:28px;
                    font-weight:bold;
                    color:#f59600;
                    position:absolute;
                    top:-61px;
                    right:36px;
                    opacity:0;
                    transition:all ease .5s;
                }
                .news .content .list li:hover .tbox .time1 {
                    top:33px;
                    opacity:1;
                }
                .news .content .list li .tbox .line {
                    width:52px;
                    height:36px;
                    position:absolute;
                    top:0px;
                    right:-88px;
                    transition:all ease .5s;
                    opacity:0;
                }
                    .news .content .list li .tbox .line svg path {
                        stroke-width: 3px;
                    }
                .news .content .list li:hover .tbox .line {
                    top:67px;
                    right:36px;
                    opacity:1;
                }
                    .news .content .list li .tbox .line path {
                        stroke-dasharray: 200px;
                        stroke-dashoffset: 200;
                        transition: 0.36s ease;
                        transition-delay: 0.08s;
                    }
                    .news .content .list li:hover .tbox .line path {
                        stroke-dasharray: 75px;
                        stroke-dashoffset: 0;
                    }
                    .news .content .list li .tbox .title {
                        font-size:16px;
                        line-height:22px;
                        color:#444;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-bottom:24px;
                    }
                .news .content .list li:hover .tbox .title {
                    color:#f59600;
                }
                    .news .content .list li .tbox .txt {
                        font-size:14px;
                        line-height:24px;
                        color:#888;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                    }
                .news .content .list li:hover .tbox .txt {
                        -webkit-line-clamp: 2;
                }

.page-list {
    width:100%;
    display:table;
    box-sizing:border-box;
    padding:0 25px;
    margin-top:50px;
}
    .page-list a {
        display:block;
        float:left;
        font-size:18px;
        line-height:18px;
        color:#999;
        margin:0 11px;
        font-family:Helvetica;
    }
        .page-list a:hover {
            color:#f59600;
        }
        .page-list a.on {
            color:#f59600;
            border-bottom:1px solid #f59600;
        }
        .page-list a.prev, .page-list a.next {
            margin:0 24px;
            font-family:SimSun;
        }

.news-info {
    width:100%;
    position:relative;
    background:#fff;
    box-sizing:border-box;
    padding-top:70px;
}
.info-title {
    width:100%;
    height:209px;
    background:#f9f9f9;
}
    .info-title .box {
        width:1200px;
        margin:auto;
    }
        .info-title .box .title1 {
            font-size:26px;
            line-height:32px;
            color:#000;
            position:relative;
            padding-top:42px;
            font-weight:300;
            text-transform:uppercase;
            font-family:'Microsoft YaHei';
        }
            .info-title .box .title1 span {
                font-size:20px;
            }
            .info-title .box .title1 .address {
                position:absolute;
                right:0;
                bottom:0;
                font-size:12px;
                line-height:26px;
                color:#888;
                background:url(../image/news-icon3.png) left center no-repeat;
                padding-left:20px;
            }
                .info-title .box .title1 .address a {
                    color:#888;
                }
                .info-title .box .title1 .address span {
                    color:#444;
                    font-size:12px;
                    font-weight:500;
                }
        .info-title .box .title2 {
            font-size:18px;
            line-height:22px;
            padding:50px 0 27px;
            color:#444;
            border-bottom:2px solid #f59600;
        }
.info-content {
    width:100%;
    position:relative;
}
.info-content .box {
    width:1200px;
    margin:auto;
    display:table;
}
    .info-content .box .box1 {
        width:70%;
        box-sizing:border-box;
        border-right:1px solid #eee;
        padding-right:79px;
        float:left;
    }
        .info-content .box .box1 .from {
            color:#aaa;
            line-height:20px;
            padding:26px 0 36px;
        }
        .info-content .box .box1 .txt {
            font-size:14px;
            line-height:30px;
            color:#666;
        }
        .info-content .box .box1 .return {
            display:table;
            width:auto;
            font-size:14px;
            color:#888;
            margin-left:10px;
            line-height:31px;
            border:2px solid rgba(245,150,0,0);
            position:relative;
            transition:all ease .5s;
            margin:43px 0 88px;
        }
            .info-content .box .box1 .return:after {
                content:'';
                position:absolute;
                width:6px;
                height:9px;
                right:-16px;
                top:50%;
                transform:translateY(-50%);
                background:url(../image/news-icon2.png) center center no-repeat;
                transition:all ease .5s;
            }
        .info-content .box .box1 .return:hover {
            padding:0 40px 0 20px;
            color:#f59600;
            box-sizing:border-box;
            border:2px solid rgba(245,150,0,1);
            text-align:center;
        }
            .info-content .box .box1 .return:hover:after {
                width:66px;
                right:-32px;
                background:url(../image/news-icon1.png) right center no-repeat;
            }


    .info-content .box .box2 {
        width:30%;
        float:right;
    }
        .info-content .box .box2 .title {
            font-size:18px;
            line-height:30px;
            color:#777;
            padding:34px 0 23px 40px;
            border-bottom:1px solid #eee;
            box-sizing:border-box;
        }
        .info-content .box .box2 .list {
            width:100%;
        }
            .info-content .box .box2 .list li {
                width:100%;
                box-sizing:border-box;
                padding:30px 30px 30px 40px;
                line-height:1;
                transition:all ease .3s;
                position:relative;
            }
                .info-content .box .box2 .list li:hover {
                    background:#fafafa;
                }
                .info-content .box .box2 .list li:before {
                    width:318px;
                    height:1px;
                    background:#eee;
                    content:'';
                    position:absolute;
                    right:0;
                    bottom:0;
                    transition:all ease .5s;
                }
                .info-content .box .box2 .list li:hover:before {
                    width:100%;
                    background:#f59600;
                }
                .info-content .box .box2 .list li .t1 {
                    width:100%;
                    color:#555;
                    font-size:14px;
                    margin-bottom:23px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    transition:all ease .3s;
                }
                .info-content .box .box2 .list li:hover .t1 {
                    color:#f59600;
                }
                .info-content .box .box2 .list li .t2 {
                    width:100%;
                    color:#888;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
.news-prev, .news-next {
    width:200px;
    position:fixed;
    top:50%;
    border-top:2px solid #aaa;
    font-size:14px;
    line-height:24px;
    color:#f59600;
    padding-top:14px;
    transition:all ease 1s;
}
    
.news-prev {
    left:-131px;
}
    .news-prev:hover {
        left:0;
        border-top:2px solid #f59600;
    }
    .news-prev:before {
        content:'prev';
        color:#aaa;
        font-weight:bold;
        position:absolute;
        right:0;
        top:9px;
    transition:all ease 1s;
    }
.news-prev:after {
    content:'';
    width: 0;
    height: 0;
    border-color: transparent #f59600 transparent transparent;
    display: inline-block;
    border-width: 4px 6px 4px 6px;
    border-style: solid;
    position: absolute;
    top: -29px;
    left: calc(100% - 20px);
    transform-style: preserve-3d;
    transform: rotate3d(1, 0, 0, -90deg);
    transition: 1s;
}
    .news-prev:hover:after {
        left:30px;
        transform: rotate3d(1, 0, 0, 0deg);
        opacity:1;
    }
    
.news-next {
    right:-131px;
}
    .news-next:hover {
        right:0;
        border-top:2px solid #f59600;
    }
    .news-next:before {
        content:'next';
        color:#aaa;
        font-weight:bold;
        position:absolute;
        left:0;
        top:9px;
    transition:all ease 1s;
    }
.news-next:after {
    content:'';
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #f59600;
    display: inline-block;
    border-width: 4px 6px 4px 6px;
    border-style: solid;
    position: absolute;
    top: -29px;
    right: calc(100% - 20px);
    transform-style: preserve-3d;
    transform: rotate3d(1, 0, 0, -90deg);
    transition: 1s;
}
    .news-next:hover:after {
        right:30px;
        transform: rotate3d(1, 0, 0, 0deg);
    }

    .news-prev:hover:before, .news-next:hover:before {
        opacity:0;
    }
    .news-prev span, .news-next span {
        opacity:0;
        transition: 1s;
        padding-left:30px;
        overflow:hidden;
        height:24px;
        display:block;
    }
    .news-next span {
        padding-left:0;
    }
    .news-prev:hover span, .news-next:hover span {
        opacity:1;
    }


.hl-list {
    width:100%;
    display:table;
    padding-top:70px;
}
    .hl-list li {
        width:25%;
        position:relative;
        float:left;
        overflow:hidden;
    }
    .hl-list li img {
        transition:all ease-in-out .5s;
    }
    .hl-list li:hover img {
        transform:  scale(1.1)
    }
        .hl-list li .box {
            position:absolute;
            left:0;
            top:0;
            z-index:2;
            background:rgba(245,150,0,.8);
            width:100%;
            height:100%;
            box-sizing:border-box;
            font-size:14px;
            line-height:24px;
            color:#fff;
            padding:52px 60px 0;
            transition:all ease-in-out .5s;
            opacity:0;
        }
        .hl-list li:hover .box {
            opacity:1;
        }
            .hl-list li .box .title {
                font-size:16px;
                font-weight:bold;
            }
            .hl-list li .box .txt {
                margin:12px 0 20px;
            }
            .hl-list li .box .label {
            }


.info-content .box .box3 {
    width:100%;
}
    .info-content .box .box3 .from {
        color:#aaa;
        line-height:20px;
        padding:26px 0 26px;
    }

    .info-content .box .box3 .from a{
     color:#aaa;

    }
        .info-content .box .box3 .txt {
            font-size:14px;
            line-height:30px;
            color:#666;
        }
    .info-content .box .box3 .hl-return {
            display:table;
            width:auto;
            font-size:14px;
            color:#888;
            margin-left:10px;
            line-height:31px;
            border:2px solid rgba(245,150,0,0);
            position:relative;
            transition:all ease .5s;
                        margin:72px auto 103px;

        }
            .info-content .box .box3 .hl-return:after {
                content:'';
                position:absolute;
                width:6px;
                height:9px;
                right:-16px;
                top:50%;
                transform:translateY(-50%);
                background:url(../image/news-icon2.png) center center no-repeat;
                transition:all ease .5s;
            }
        .info-content .box .box3 .hl-return:hover {
            padding:0 40px 0 20px;
            color:#f59600;
            box-sizing:border-box;
            border:2px solid rgba(245,150,0,1);
            text-align:center;
        }
            .info-content .box .box3 .hl-return:hover:after {
                width:66px;
                right:-32px;
                background:url(../image/news-icon1.png) right center no-repeat;
            }
            .info-content .box .box3 .hl-return.on {
                padding:0 40px 0 20px;
                color:#f59600;
                box-sizing:border-box;
                border:2px solid rgba(245,150,0,1);
                text-align:center;
            }
                .info-content .box .box3 .hl-return.on:after {
                    width:66px;
                    right:-32px;
                    background:url(../image/news-icon1.png) right center no-repeat;
                }

.highights-other {
    width:100%;
    border-top:1px solid #eee;
    padding-bottom:120px;
}
    .highights-other .titles {
        max-width:1200px;
        margin:auto;
        font-size:18px;
        line-height:30px;
        color:#777;
        padding:54px 0 73px;
    }
    .highights-other .pbox {
        width:100%;
        position:relative;
    }
        .highights-other .pbox .swiper-container {
            width:1660px;
            margin:auto;
            position:relative;
        }
            .highights-other .pbox .swiper-slide {
                width:100%;
                position:relative;
                overflow:hidden;
            }
                .highights-other .pbox .swiper-slide img {
                    width:100%;
                    transition:all ease-in-out .5s;
                }
                .highights-other .pbox .swiper-slide:hover img {
                    transform:  scale(1.1)
                }
                .highights-other .pbox .swiper-slide .box {
                    position:absolute;
                    left:0;
                    top:0;
                    z-index:2;
                    background:rgba(245,150,0,.8);
                    width:100%;
                    height:100%;
                    box-sizing:border-box;
                    font-size:14px;
                    line-height:24px;
                    color:#fff;
                    padding:56px 38px 0;
                    transition:all ease-in-out .5s;
                    opacity:0;
                }
                .highights-other .pbox .swiper-slide:hover .box {
                    opacity:1;
                }
                    .highights-other .pbox .swiper-slide .box .titles {
                        font-size:16px;
                        font-weight:bold;
                    }
                    .highights-other .pbox .swiper-slide .box .txt {
                        margin:12px 0 20px;
                    }
                    .highights-other .pbox .swiper-slide .box .label {
                    }

.highights-next, .highights-prev {
    width:40px;
    height:100px;
    text-align:center;
    line-height:100px;
    box-sizing:border-box;
    border:1px solid #e5e5e5;
    font-size:18px;
    font-family:SimSun;
    font-weight:bold;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    transition:all ease .3s;
}
    .highights-next:hover, .highights-prev:hover {
        border:1px solid #f59600;
        color:#f59600;
    }
.highights-prev {
    left:0;
    border-left:none!important;
    background:url(../image/case-prev.png) center center no-repeat;
}
    .highights-prev:hover {
        background:url(../image/case-prev1.png) center center no-repeat;
    }
.highights-next {
    right:0;
    border-right:none!important;
    background:url(../image/case-next.png) center center no-repeat;
}
    .highights-next:hover {
        background:url(../image/case-next1.png) center center no-repeat;
    }

.contant-way {
    width:600px;
    float:left;
}
    .contant-way .hello {
    }
    .contant-way .txt {
        font-size:16px;
        line-height:1.5;
        color:#555;
        padding:29px 0;
    }
    .contant-way .way {
        font-size:16px;
        line-height:34px;
        color:#555;
        padding-left:35px;
        margin-bottom:20px;
    }
        .contant-way .way a {
            color:#555;
            text-decoration:underline;
        }
        .contant-way .way.way1 {
            background:url(../image/contact-icon2.png) left center no-repeat;
            background-size:25px;
        }
        .contant-way .way.way2 {
            background:url(../image/contact-icon3.png) left 5px no-repeat;
            background-size:25px;
        }
        .contant-way .way.way3 {
            background:url(../image/contact-icon4.png) left center no-repeat;
            background-size:25px;
        }
        .contant-way .way.way4 {
            background:url(../image/contact-icon5.png) left center no-repeat;
            background-size:25px;
        }
        .contant-way .way.way5 {
            background:url(../image/contact-icon6.png) left 5px no-repeat;
            background-size:25px;
        }

.feedback {
    width:530px;
    float:right;
}
    .feedback .box {
        width:100%;
        display:table;
    }
        .feedback .box .name, .feedback .box .tels {
            width:255px;
            height:40px;
            border:none;
            background:#f2f2f2;
            box-sizing:border-box;
            padding-left:15px;
            font-size:14px;
            margin-bottom:20px;
        }
    .feedback .email {
        width:100%;
        height:40px;
        border:none;
        background:#f2f2f2;
        box-sizing:border-box;
        padding-left:15px;
        font-size:14px;
        margin-bottom:20px;
    }
    .feedback .feedb {
        width:100%;
        height:184px;
        zoom:unset;
        border:none;
        background:#f2f2f2;
        resize:none;
        box-sizing:border-box;
        padding:5px 15px;
        font-size:14px;
        line-height:24px;
        margin-bottom:20px;
    }
    .feedback .submit {
        width:230px;
        height:48px;
        border:none;
        background:#f59600;
        color:#fff;
        text-transform:uppercase;
        font-size:16px;
        -webkit-appearance: none;
    }


.case {
    width:100%;
    display:table;
}
    .case li {
        width:25%;
        position:relative;
        float:left;
        overflow:hidden;
    }
        .case li a {
            display:block;
        }
    .case li img {
        width:100%;
        transition:all ease-in-out .5s;
    }
        .case li:hover img {
            transform:  scale(1.1)
        }
    .case li:nth-child(1) {
        animation-delay: 0s;
    }
     .case li:nth-child(2) {
        animation-delay: .1s;
    }
     .case li:nth-child(3) {
        animation-delay: .2s;
    }
     .case li:nth-child(4) {
        animation-delay: .3s;
    }
     .case li:nth-child(5) {
        animation-delay: .4s;
    }
     .case li:nth-child(6) {
        animation-delay: .5s;
    }
     .case li:nth-child(7) {
        animation-delay: .6s;
    }
     .case li:nth-child(8) {
        animation-delay: .7s;
    }
    .case li .boxs {
        width:100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index:3;
        text-align:center;
    }
    .case li:after {
        width:100%;
        height:100%;
        content:'';
        position:absolute;
        left:0;
        top:0;
        z-index:2;

        transition:all ease .5s;
    }
    .case li:hover:after {
        background:rgba(0,0,0,.7);
    }
        .case li .boxs .icon {
            width:55px;
            margin:auto;
            transition:all ease .5s;
        }
        .case li:hover .boxs .icon {
            width:44px;
        }
        .case li .boxs .txt {
            font-size:16px;
            color:#fff;
            height:0;
            overflow:hidden;
            margin-top:19px;
            opacity:0;
            transition:all ease .5s;
        }
        .case li:hover .boxs .txt {
            opacity:1;
            height:auto;
        }
.case-info .swiper-slide {

}
.case-info .swiper-slide .boxs {
        width:100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
        z-index:3;
        text-align:center;
    }
    .case-info .swiper-slide:after {
        width:100%;
        height:100%;
        content:'';
        position:absolute;
        left:0;
        top:0;
        z-index:2;
        background:rgba(0,0,0,.2);
        transition:all ease .5s;
    }
    .case-info .swiper-slide:hover:after {
        background:rgba(0,0,0,.7);
    }
        .case-info .swiper-slide .boxs .icon {
            width:55px;
            margin:auto;
            transition:all ease .5s;
        }
        .case-info .swiper-slide:hover .boxs .icon {
            width:44px;
        }
        .case-info .swiper-slide .boxs .txt {
            font-size:16px;
            color:#fff;
            height:0;
            overflow:hidden;
            margin-top:19px;
            opacity:0;
            transition:all ease .5s;
        }
        .case-info .swiper-slide:hover .boxs .txt {
            opacity:1;
            height:auto;
        }



.about-page1 {
    width:100%;
    height:100%;
    position:relative;
}
    .about-page1 .banner-video {
        box-sizing:border-box;
        padding-top:70px;
    }
        .about-page1 .banner-video img {
            display:none;
        }
.page1-tbox {
    width:100%;
    height:100%;
    background:rgba(0,0,0,.3);
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    text-align:center;
    font-style:italic;
    line-height:1;
}
    .page1-tbox .boxs {
        position:absolute;
        width:100%;
        top:50%;
        transform:translateY(-50%);
    }
    .page1-tbox .page1-t1 {
        text-transform:uppercase;
        font-size:50px;
        font-family:'Times New Roman';
    }
    .page1-tbox .page1-t2 {
        font-size:30px;
        font-weight:300;
        margin:20px 0;
    }
    .page1-tbox .page1-t3 {
        max-width:1000px;
        font-size:18px;
        line-height:30px;
        font-weight:300;
        margin:auto;
    }

.about-page1 .page1-tbox img {
        display:none;
    }

.about-page2 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/about-img2.jpg) center bottom no-repeat;
}
.aboutpage2-left {
    line-height:36px;
    position:absolute;
    top:20%;
    left:14.5%;
}
    .aboutpage2-left .title {
        font-size:26px;
        color:#aaa;
        margin-bottom:38px;
    }
    .aboutpage2-left .txt {
        font-size:16px;
        color:#555;
    }

.aboutpage2-right {
    position:absolute;
    top:18.5%;
    right:14.5%;
}
    .aboutpage2-right .box1, .aboutpage2-right .box2, .aboutpage2-right .box3, .aboutpage2-right .box4 {
        width:360px;
        height:71px;
        box-sizing:border-box;
        line-height:69px;
        color:#fff;
        font-size:18px;
        padding-left:145px;
        margin-bottom:99px;
        border:1px solid rgba(255,255,255,.12);
        position:relative;
        overflow:hidden;
    }
    .aboutpage2-right .box1 .line1, .aboutpage2-right .box2 .line1, .aboutpage2-right .box3 .line1, .aboutpage2-right .box4 .line1 {
        width:100%;
        height:1px;
        background:#fff;
        position:absolute;
        top:0;
        left:-100%;
        transition:all ease-in-out .5s;
    }
    .aboutpage2-right .box1 .line2, .aboutpage2-right .box2 .line2, .aboutpage2-right .box3 .line2, .aboutpage2-right .box4 .line2 {
        width:1px;
        height:100%;
        background:#fff;
        position:absolute;
        top:-100%;
        right:0;
        transition:all ease-in-out .5s;
    }
    .aboutpage2-right .box1 .line3, .aboutpage2-right .box2 .line3, .aboutpage2-right .box3 .line3, .aboutpage2-right .box4 .line3 {
        width:100%;
        height:1px;
        background:#fff;
        position:absolute;
        bottom:0;
        right:-100%;
        transition:all ease-in-out .5s;
    }
    .aboutpage2-right .box1 .line4, .aboutpage2-right .box2 .line4, .aboutpage2-right .box3 .line4, .aboutpage2-right .box4 .line4 {
        width:1px;
        height:100%;
        background:#fff;
        position:absolute;
        left:0;
        bottom:-100%;
        transition:all ease-in-out .5s;
    }
        .aboutpage2-right .box1:hover .line1, .aboutpage2-right .box2:hover .line1, .aboutpage2-right .box3:hover .line1, .aboutpage2-right .box4:hover .line1 {
            left:0;
        }
        .aboutpage2-right .box1:hover .line2, .aboutpage2-right .box2:hover .line2, .aboutpage2-right .box3:hover .line2, .aboutpage2-right .box4:hover .line2 {
            top:0;
        }
        .aboutpage2-right .box1:hover .line3, .aboutpage2-right .box2:hover .line3, .aboutpage2-right .box3:hover .line3, .aboutpage2-right .box4:hover .line3 {
            right:0;
        }
        .aboutpage2-right .box1:hover .line4, .aboutpage2-right .box2:hover .line4, .aboutpage2-right .box3:hover .line4, .aboutpage2-right .box4:hover .line4 {
            bottom:0;
        }
    .aboutpage2-right .box1 {
        background:url(../image/5b0ceb165a7f9.png) 52px center no-repeat;
    }
    .aboutpage2-right .box2 {
        background:url(../image/5b0ceb229d51f.png) 52px center no-repeat;
    }
    .aboutpage2-right .box3 {
        background:url(../image/5b0ceb2d9b084.png) 52px center no-repeat;
    }
    .aboutpage2-right .box4 {
        background:url(../image/5b0ceb3791295.png) 52px center no-repeat;
    }
.aboutpage2-left .tboxl, .aboutpage2-right .tboxr {
        opacity:0;
    }
        .aboutpage2-left .tboxl.animated, .aboutpage2-right .tboxr.animated {
            opacity:1;
        }

.about-page3 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/about-img3.jpg) center center no-repeat;
}
    .about-page3 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#fff;
        padding:9% 0 6%;
    }
        .about-page3 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
        }
.aboutpage3-list {
    width:1470px;
    margin:auto;
    position:relative;
}
#aboutpage3-swiper {
    padding-bottom:133px;
}
    .aboutpage3-tbox {
        width:300px;
        height:380px;
        box-sizing:border-box;
        padding-top:62px;
            text-align:center;
            line-height:1;
            font-weight:300;
            transition:all ease-in-out .5s;
            opacity:0;
    }
        .aboutpage3-tbox.animated {
            opacity:1;
        }
    .aboutpage3-list .swiper-slide:nth-child(1) .aboutpage3-tbox {
        animation-delay: 0s;
    }
     .aboutpage3-list .swiper-slide:nth-child(2) .aboutpage3-tbox {
        animation-delay: .1s;
    }
     .aboutpage3-list .swiper-slide:nth-child(3) .aboutpage3-tbox {
        animation-delay: .2s;
    }
     .aboutpage3-list .swiper-slide:nth-child(4) .aboutpage3-tbox {
        animation-delay: .3s;
    }
     .aboutpage3-list .swiper-slide:nth-child(5) .aboutpage3-tbox {
        animation-delay: .4s;
    }
        .aboutpage3-tbox:hover {
            background:#fff;
            box-shadow:0 0 10px 1px #999;
        }
        .aboutpage3-tbox a {
            color:#fff;
        }
        .aboutpage3-tbox .img {
            width:70px;
            height:76px;
            margin:auto;
            position:relative;
        }
            .aboutpage3-tbox .img img {
                transition:all ease-in-out .5s;
                position:absolute;
                left:0;
                top:0;
            }
            .aboutpage3-tbox .img img:first-child {

            }
                .aboutpage3-tbox:hover .img img:first-child {
                    opacity:0;
                }
            .aboutpage3-tbox .img img:last-child {
                opacity:0;
            }
                .aboutpage3-tbox:hover .img img:last-child {
                    opacity:1;
                }
        .aboutpage3-tbox .titles {
            font-size:18px;
            margin:40px 0 20px;
                transition:all ease-in-out .5s;
        }
        .aboutpage3-tbox:hover .titles {
            color:#444;
        }
        .aboutpage3-tbox .txt {
            font-size:14px;
            line-height:24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
                transition:all ease-in-out .5s;
        }
        .aboutpage3-tbox:hover .txt {
            color:#555;
        }
        .aboutpage3-tbox .line {
            width:30px;
            height:1px;
            margin:55px auto 0;
            background:rgba(255,255,255,.5);
                transition:all ease-in-out .5s;
        }
        .aboutpage3-tbox:hover .line {
            background:#7f7f7f;
        }

.aboutpage3-list .swiper-prev {
    position:absolute;
    left:76px;
    bottom:0;
}
.aboutpage3-list .swiper-next {
    position:absolute;
    right:76px;
    bottom:0px;
}


.about-page4 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/about-img5.jpg) center center no-repeat;
}
    .about-page4 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#444;
        padding:6% 0;
    }
        .about-page4 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
            color:#666;
        }

.aboutpage4-list {
    width:1320px;
    margin:auto;
    position:relative;
}

.aboutpage4-tbox {
    width:320px;
    opacity:0;
    margin:auto;
    transition:all ease-in-out .5s;
}
    .aboutpage4-tbox:hover {
        width:300px;
    }
.aboutpage4-tbox.animated {
    opacity:1;
}
    .aboutpage4-list .swiper-slide:nth-child(1) .aboutpage4-tbox {
        animation-delay: 0s;
    }
     .aboutpage4-list .swiper-slide:nth-child(2) .aboutpage4-tbox {
        animation-delay: .1s;
    }
     .aboutpage4-list .swiper-slide:nth-child(3) .aboutpage4-tbox {
        animation-delay: .2s;
    }
    .aboutpage4-tbox .img {
        width:100%;
        overflow:hidden;
    }
    .aboutpage4-tbox .img img {
        width:100%;
        transition:all ease-in-out .5s;
    }
        .aboutpage4-tbox:hover .img img {
            transform:  scale(1.1)
        }
    .aboutpage4-tbox .tboxs {
        width:300px;
        height:150px;
        margin:auto;
        box-sizing:border-box;
        padding-right:10px;
    }
    .aboutpage4-tbox .tboxs .titles {
        font-size:16px;
        line-height:18px;
        padding:18px 0 11px;
        color:#fff;
    }
        .aboutpage4-tbox .tboxs .titles span {
            font-size:12px;
            margin-left:15px;
        }
    .aboutpage4-tbox .tboxs .txt {
        color:#a4f3ff;
        line-height:20px;
        transition:all ease-in-out .5s;
        opacity:0;
    }
        .aboutpage4-tbox:hover .tboxs .txt {
            opacity:1;
        }
#aboutpage4-swiper {
    padding-bottom:44px;
}
.aboutpage4-list .swiper-prev {
    position:absolute;
    left:0;
    bottom:20px;
}
.aboutpage4-list .swiper-next {
    position:absolute;
    right:0;
    bottom:20px;
}


.about-page5 {
    width:100%;
    height:100%;
    position:relative;
    background:#257da7;
}
    .about-page5 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#fff;
        padding:6% 0;
    }
        .about-page5 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
            color:#abe4ff;
        }
.aboutpage5-list {
    margin:auto;
    position:relative;
    opacity:0;
}
    .aboutpage5-list.animated {
        opacity:1;
    }
#aboutpage5-swiper {
    padding-bottom:160px;
}
.aboutpage5-list .swiper-slide .aboutpage5-tbox {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}
.aboutpage5-list .swiper-slide.swiper-slide-active .aboutpage5-tbox, .aboutpage5-list .swiper-slide.swiper-slide-duplicate-active .aboutpage5-tbox {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.aboutpage5-tbox a {
    display:block;
}
.aboutpage5-tbox .img {
    overflow:hidden;
    width:544px;
    display:block;
    margin:auto;
}
    .aboutpage5-tbox .img img {
        width:100%;
        transition:all ease-in-out .5s;
    }
.aboutpage5-tbox:hover .img img{
    transform:  scale(1.1)
}
.lightbox {
    /*top:50%;
    transform:translateY(-50%);*/
}
.lb-outerContainer {
    width:100%!important;
    background:none!important;
}
.lightbox .lb-image {
    /*width:auto!important;
    height:auto!important;*/
    margin:auto;
}
.lightbox .lb-image {
    border:none!important;
}

.aboutpage5-tbox .titles {
    width:100%;
    font-size:16px;
    color:#fff;
    text-align:center;
    display:inline-block;
    padding-top:16px;
}
.aboutpage5-list .swiper-prev {
    position:absolute;
    left:10%;
    bottom:0;
}
.aboutpage5-list .swiper-next {
    position:absolute;
    right:10%;
    bottom:0px;
}



.about-page6 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/about-img7.jpg) center center no-repeat;
}
    .about-page6 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#444;
        padding:6% 0;
    }
        .about-page6 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
            color:#666;
        }


.aboutpage6-list {
    width:1290px;
    margin:auto;
    padding:0 15px 165px 15px;
    position:relative;
}
#aboutpage6-swiper {
    width:100%;
}
.aboutpage6-tbox {
    width:100%;
    display:table;
}
    .aboutpage6-tbox .left-box {
        width:calc( 50% - 2px );
        float:left;
        position:relative;
        opacity:0;
        overflow:hidden;
    }
        .aboutpage6-tbox .left-box.animated {
            opacity:1;
        }
    .aboutpage6-tbox .right-box {
        width:50%;
        float:left;
        display:table;
    }
        
        .aboutpage6-tbox .right-box li {
            width: calc( 50% - 2px );
            float:left;
            position:relative;
            margin-left:2px;
            margin-bottom:2px;
            opacity:0;
            overflow:hidden;
        }
        .aboutpage6-tbox .left-box img, .aboutpage6-tbox .right-box li img {
            transition:all ease-in-out .5s;
        }
            .aboutpage6-tbox .left-box:hover img, .aboutpage6-tbox .right-box li:hover img {
                transform:  scale(1.1)
            }
            .aboutpage6-tbox .right-box li.animated {
                opacity:1;
            }
            .aboutpage6-tbox .right-box li:nth-child(1) {
                animation-delay: 0s;
            }
             .aboutpage6-tbox .right-box li:nth-child(2) {
                animation-delay: .1s;
            }
             .aboutpage6-tbox .right-box li:nth-child(3) {
                animation-delay: .2s;
            }
             .aboutpage6-tbox .right-box li:nth-child(4) {
                animation-delay: .3s;
            }
        .aboutpage6-tbox .left-box .aboutpage6-box, .aboutpage6-tbox .right-box li .aboutpage6-box {
            width:100%;
            height:100%;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
            background:rgba(0,0,0,.6);
            opacity:0;
            transition:all ease-in-out .5s;
        }
            .aboutpage6-tbox .left-box:hover .aboutpage6-box, .aboutpage6-tbox .right-box li:hover .aboutpage6-box {
                opacity:1;
            }
            .aboutpage6-tbox .left-box .aboutpage6-box span, .aboutpage6-tbox .right-box .aboutpage6-box span {
                color:#fff;
                padding:0 27px;
                box-sizing:border-box;
                line-height:40px;
                border:1px solid #fff;
                margin:auto;
                display:table;
                position:relative;
                top:50%;
                transform:translateY(-50%);
            }
    
.aboutpage6-list .swiper-prev {
    background:url(../image/icon-img3-2.png) center center no-repeat;
    position:absolute;
    left:0;
    bottom:0;
}
    .aboutpage6-list .swiper-prev:hover {
        background:url(../image/icon-img3-1.png) center center no-repeat;
    }
.aboutpage6-list .swiper-next {
    background:url(../image/icon-img4-2.png) center center no-repeat;
    position:absolute;
    right:0;
    bottom:0px;
}
    .aboutpage6-list .swiper-next:hover {
        background:url(../image/icon-img4-1.png) center center no-repeat;
    }


.about-page7 {
    width:100%;
    height:100%;
    position:relative;
    background:url(../image/about-img9.jpg) center center no-repeat;
}
    .about-page7 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#fff;
        padding:6% 0;
    }
        .about-page7 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
            color:#fefeff;
        }
    .about-page7 .list {
        width:1240px;
        margin:auto;
        display:table;
    }
        .about-page7 .list li {
            width:280px;
            height:130px;
            float:left;
            margin-right:40px;
            box-sizing:border-box;
            padding:39px 30px 0;
            line-height:1;
            margin-bottom:170px;
            opacity:0;
            transition:all ease-in-out .5s;
        }
            .about-page7 .list li.animated {
                opacity:1;
            }
            .about-page7 .list li:nth-child(1) {
                animation-delay: 0s;
            }
             .about-page7 .list li:nth-child(2) {
                animation-delay: .1s;
            }
             .about-page7 .list li:nth-child(3) {
                animation-delay: .2s;
            }
             .about-page7 .list li:nth-child(4) {
                animation-delay: .3s;
            }
             .about-page7 .list li:nth-child(5) {
                animation-delay: .4s;
            }
             .about-page7 .list li:nth-child(6) {
                animation-delay: .5s;
            }
             .about-page7 .list li:nth-child(7) {
                animation-delay: .6s;
            }
             .about-page7 .list li:nth-child(8) {
                animation-delay: .7s;
            }
            .about-page7 .list li:hover {
                background:#fff;
            }
            .about-page7 .list li:nth-child(4n) {
                margin-right:0;
            }
            .about-page7 .list li .txt {
                font-size:18px;
                color:#fff;
                font-weight:300;
                border-bottom:2px solid #d8eaff;
                padding-bottom:14px;
            transition:all ease-in-out .5s;
            }
            .about-page7 .list li:hover .txt {
                color:#444;
                border-bottom:2px solid #666;
            }
            .about-page7 .list li span {
                font-size:24px;
                font-weight:bold;
                color:#a7ceff;
                float:right;
                margin-top:16px;
            transition:all ease-in-out .5s;
            }
            .about-page7 .list li:hover span {
                color:#ccc;
            }



.about-page8 {
    width:100%;
    height:100%;
    position:relative;
}
    .about-page8 .title {
        text-align:center;
        font-size:22px;
        line-height:1;
        color:#444;
        padding:6% 0;
    }
        .about-page8 .title span {
            font-size:14px;
            line-height:18px;
            font-weight:300;
            display:block;
            text-transform:uppercase;
            margin-top:8px;
            color:#666;
        }

#aboutpage8-swiper {
    max-width:1248px;
    margin:auto;
    position:relative;
    padding:10px 34px 148px;
}
.aboutpage8-tbox {
    opacity:0;
}
    .aboutpage8-tbox .img {
        width:100%;
        overflow:hidden;
        transition:all ease-in-out .5s;
        position:relative;
    }
        .aboutpage8-tbox .img img {
            width:100%;
            transition:all ease-in-out .5s;
        }
        .aboutpage8-tbox .img img:first-child {
            opacity:1;
        }
        .aboutpage8-tbox .img img:last-child {
            opacity:0;
            position:absolute;
            left:0;
            top:0;
            z-index:2;
        }
        .aboutpage8-tbox .img:hover img {
            transform:  scale(1.1)
        }
            .aboutpage8-tbox .img:hover img:first-child {
                opacity:0;
            }
            .aboutpage8-tbox .img:hover img:last-child {
                opacity:1;
            }

    .aboutpage8-tbox.animated {
        opacity:1;
    }
.aboutpage8-tbox:hover .img {
    box-shadow:0 0 12px 0 #dfdfdf;
}
        .aboutpage8-tbox:hover .img img {
            transform:  scale(1.1);
        }
            #aboutpage8-swiper .swiper-slide:nth-child(1) .aboutpage8-tbox {
                animation-delay: 0s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(2) .aboutpage8-tbox {
                animation-delay: .4s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(3) .aboutpage8-tbox {
                animation-delay: .1s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(4) .aboutpage8-tbox {
                animation-delay: .5s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(5) .aboutpage8-tbox {
                animation-delay: .2s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(6) .aboutpage8-tbox {
                animation-delay: .6s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(7) .aboutpage8-tbox {
                animation-delay: .3s;
            }
            #aboutpage8-swiper .swiper-slide:nth-child(8) .aboutpage8-tbox {
                animation-delay: .7s;
            }
.aboutpage8-tbox .txt {
    text-align:center;
    color:#888;
    line-height:18px;
    margin-top:16px;
}

#aboutpage8-swiper .swiper-prev {
    background:url(../image/icon-img3-2.png) center center no-repeat;
    position:absolute;
    left:0;
    bottom:0;
}
    #aboutpage8-swiper .swiper-prev:hover {
        background:url(../image/icon-img3-1.png) center center no-repeat;
    }
#aboutpage8-swiper .swiper-next {
    background:url(../image/icon-img4-2.png) center center no-repeat;
    position:absolute;
    right:0;
    bottom:0px;
}
    #aboutpage8-swiper .swiper-next:hover {
        background:url(../image/icon-img4-1.png) center center no-repeat;
    }

@media(max-width:1750px) {
    .highights-other {
        /*display:none;*/
    }
        .highights-other .titles {
            width:94%;
        }
    .highights-other .pbox .swiper-container {
        width:90%;
    }
        .highights-other .pbox .swiper-slide .box {
            padding:30px 25px 0;
        }

    .aboutpage2-right {
        right:5%;
    }

    .page7-list {
        width:calc( 67% - 40px );
        margin-right:20px;
    }


}

@media(max-width:1680px) {
    .page6-list {
        width:calc( 74% - 120px );
    }
}

@media(max-width:1470px) {
    .aboutpage3-list {
        width:100%;
    }
    .aboutpage3-tbox {
        width:100%;
    }
    .aboutpage5-tbox .img {
        width:100%;
    }
    .page6-list .page6-tbox .tboxs {
        padding:15% 10%;
        background: rgba(0,0,0,.4) url(../image/icon-img4.png) 85% 75% no-repeat;
    }
}


@media(max-width:1280px) {
    #menu {
        right:40px;
    }
    .index-header {
        padding:0 20px;
    }
    .header {
        padding:18px 20px 0;
    }
        .index-header .logo {
            width: 230px;
        }
    .header .logo {
       width: 230px;
    }
    .index-header .web-menu li {
        width:auto;
        font-size:14px;
        padding:0 13px;
    }
    .header .web-menu li {
        width:auto;
        padding:0 13px;
    }
        .index-header .website {
            font-size:14px;
        }
    .page2-left .tbox .title, .page2-right .tbox .title {
        font-size:32px;
        line-height:50px;
    }
    .page2-left .tbox .txt, .page2-right .tbox .txt {
        font-size:16px;
        line-height:32px;
    }
    .page2-right .tbox .txt {
        width:320px;
    }
    .page2-left .tbox {
        left:65px;
        top:200px;
    }
    .page2-right .tbox {
        left:65px;
        top:200px;
        width:400px;
    }
    .section-page3 .title, .section-page4 .title, .section-page5 .title, .section-page7 .title {
        font-size:20px;
        line-height:70px;
        background-size:auto 70px;
    }
    .page5-box {
        width:85%;
    }
    div.wrapper {
        width:94%;
    }

    .info_slide {
        left:-33px;
    }
    .section-page6 {
        display:block;
    }
    .page6-menu {
        width:24%;
    }
        .page6-menu .title {
            margin: 155px 30px 30px 0;
            font-size:20px;
            background-size:auto 70px;
        }
    .page6-menu ul {
        width:90%;
    }
    .page6-list {
        width:calc( 76% - 40px );
        margin-left:20px;
        margin-top: 155px;
        display:block;
    }
        .page6-list .page6-tbox .tboxs {
            padding:15% 10%;
            background: rgba(0,0,0,.4) url(../image/icon-img4.png) 85% 75% no-repeat;
        }
    .page7-menu .title {
        margin-left:20px;
    }
    .page7-menu {
        width:32%;
        padding-top:150px;
    }
        .page7-menu .numbox .b1 {
            padding-left:20px;
            font-size:14px;
        }
            .page7-menu .numbox .b1:first-child {
                margin-right:0;
            }
            .page7-menu .numbox .b1 span {
                font-size:40px;
            }
        .page7-menu .txt {
            padding-left:20px;
        }
            .page7-menu .txt span {
                display:block;
line-height:32px;
            }
    .page7-list {
        width:calc( 70% - 80px );
        margin-right:20px;
        margin-top:150px;
    }
        .page7-list li {
            width:33.3%;
            box-sizing:border-box;
        }
            .page7-list li:nth-child(4) {
                border-top:none;
            }
            .page7-list li:nth-child(4n) {
                border-right:none;
            }

    .footer .add-share {
        height:auto;
        padding:60px 0 0 0;
    }
        .footer .add-share .address {
            width:100%;
            text-align:center;
        }
        .footer .add-share .address span {
            display:inline-block;
        }
        .footer .add-share .share {
            display:none;
        }
    .footer .bq-links {

    }
        .footer .bq-links .links, .footer .bq-links .bq {
            width:100%;
            text-align:center;
        }
        .footer .bq-links .bq {
            margin-top:15px;
        }

        .footer .add-share .address .s1 {
            background:url(../image/foot-icon1-1.png) left center no-repeat;
            background-size:14px;
        }
        .footer .add-share .address .s2 {
            background:url(../image/foot-icon2-1.png) left center no-repeat;
            background-size:14px;
        }
        .footer .add-share .address .s3 {
            background:url(../image/foot-icon3-1.png) left center no-repeat;
            background-size:14px;
        }

    .news {
        display:block;
    }
    .news .menu {
        width:22%;
    }
    .news .content {
        width: 78%;
    }
    .case li {
        width:33.3%;
    }
    .news-prev, .news-next {
        display:none;
    }
    
    .info-title .box, .info-content .box {
        width:94%;
    }
    .price {
        width:96%;
        padding:77px 25px 100px
    }
        .price .list2 li {
            width:33.3%;
            font-size:14px;
            box-sizing:border-box;
        }
            .price .list2 li:nth-child(4) {
                border-left:1px solid #bfbfbf;
            }
            .price .list2 li:nth-child(4) {
                border-top:none;
            }
            .price .list2 li:nth-child(5) {
                border-top:none;
            }
    .news .content .list .big-news {
        width:33.3%;
    }
        .news .content .list .big-news .tbox {
            height:auto;
            padding:20px 10px 25px;
        }
        .news .content .list .big-news .tbox .txt {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            height:24px;
        }
        .news .content .list .big-news .line {
            width:87%;
        }
    .news .content .list ul {
        width:66.6%;
    }
    .news .content .list li {
        width:50%;
        height:auto;
    }
     .news .content .list li:nth-child(3) {
            border-bottom:none;
    }
        .news .content .list li .tbox .time {
            top:20px;
        }
        .news .content .list li .tbox .title {
            margin-bottom:15px;
        }
        .news .content .list li .tbox .txt {
                -webkit-line-clamp: 2;
        }
        .news .content .list li .tbox {
                padding: 60px 25px 0;
        }
        .news .content .list li:hover .tbox {
            padding:85px 25px 0;
        }
        .news .content .list li:hover .tbox .time {
            opacity:0;
            -webkit-transform:  scale(1.2) ; 
            -moz-transform: scale(1.2) ; 
            -ms-transform: scale(1.2);     
            -o-transform:  scale(1.2) ; 
            transform:  scale(1.2);
        }
        .news .content .list li:hover .tbox .time1 {
            top:20px;
            opacity:1;
        }
        .news .content .list li .tbox .line {
            height: 28px;
        }
        .news .content .list li .tbox .line svg path {
            stroke-width: 2px;
        }
        .news .content .list li:hover .tbox .line {
            top:50px;
            right:36px;
            opacity:1;
        }
            .news .content .list li:hover .tbox .line path {
                stroke-dasharray: 75px;
                stroke-dashoffset: 0;
            }
        .news .content .list li:hover .tbox .title {
            color:#f59600;
        }
        .news .content .list li:hover .tbox .txt {
                -webkit-line-clamp: 2;
        }
    .info-content .box .box2 .list li:before {
        width:86%;
    }
    .contant-way {
        width:45%;
    }
    .feedback {
        width:51%;
    }
        .feedback .box .name, .feedback .box .tels {
            width:48%;
        }
    .hl-list li {
        width:33.3%;
    }
        .hl-list li .box {
            padding:25px 8%;
        }

    .page1-tbox .page1-t3 {
        width:87%;
        margin:auto;
    }

    .about-page2 {
        background: url(../image/about-img2-1.jpg) center bottom no-repeat;
        background-size:100% 100%;
    }
    .aboutpage2-left {
        width:50%;
        left:0;
        top:50%;
        transform:translateY(-50%);
        box-sizing:border-box;
        padding:0 5.8%;
    }
    .aboutpage2-right {
        width:50%;
        right:0;
        top:50%;
        transform:translateY(-50%);
        box-sizing:border-box;
        padding:0 7.8% 0 6.8%;
    }
        .aboutpage2-right .box1, .aboutpage2-right .box2, .aboutpage2-right .box3 {
            margin-bottom:80px;
        }
        .aboutpage2-right .box4 {
            margin-bottom:0;
        }

        .aboutpage3-list .swiper-prev {
            left:3%;
        }
        .aboutpage3-list .swiper-next {
            right:3%;
        }


        #aboutpage3-swiper {
            padding-bottom:50px;
        }

    .aboutpage3-list, .aboutpage4-list, .aboutpage6-list, .about-page7 .list {
        width:90%;
    }

    .about-page3 .title, .about-page4 .title, .about-page5 .title, .about-page6 .title, .about-page7 .title, .about-page8 .title {
        padding:70px 0 50px;
    }
    #aboutpage4-swiper {
        padding-bottom:25px;
    }
    .aboutpage4-list .swiper-prev {
        left:3%;
    }
    .aboutpage4-list .swiper-next {
        right:3%;
    }

    .aboutpage4-tbox, .aboutpage4-tbox .tboxs {
        width:100%;
    }
    .aboutpage4-tbox:hover {
        width:94%;
    }



    .aboutpage5-tbox .img {
        width:100%;
    }

    .aboutpage5-list .swiper-prev {
        left:8%;
    }
    .aboutpage5-list .swiper-next {
        right:8%;
    }
    .aboutpage6-list {
        padding:0 15px 100px 15px
    }
    .aboutpage6-list .swiper-prev {
        left:3%;
    }
    .aboutpage6-list .swiper-next {
        right:3%;
    }
    .about-page7 .list li {
        width:calc( 25% - 16px );
        margin-right:20px;
        padding:39px 20px 0;
        margin-bottom:110px;
    }
    #aboutpage8-swiper {
        padding: 10px 5% 100px;
    }
    #aboutpage8-swiper .swiper-prev {
        left:8%;
    }
    #aboutpage8-swiper .swiper-next {
        right:8%;
    }


    .highights-other {
        padding-bottom:40px;
    }
        .highights-other .titles {
            padding:26px 0 35px;
        }
        .highights-other .pbox .swiper-slide .box {
            padding:30px 25px 0;
        }

    .contant-way .way {
        margin-bottom:12px;
    }


    .bnaner-info {
        background-attachment: initial;
        background-repeat: no-repeat;
        background-position: center center;
    }


}

.menu-label, .mobel-menu {
    display:none;
}
@media(max-width:1024px) {

    .index-header {
        top:15px;
    }
    .header {
        height:52px;
        padding:13px 2.6% 0;
    }
    .header .logo {
        
    }
        .header .logo img {
            height:100%;
        }
    .header .web-menu, .header .website, .index-header .web-menu, .index-header .website {
        display:none;
    }
    .menu-label {
        display:block;
        position:absolute;
        width:25px;
        right:3.6%;
        top:15px;
        z-index:9;
        cursor:pointer;
    }
    .index-header .menu-label {
        top:1px;
    }
    .mobel-menu {
        width:100%;
        height:100vh;
        position:fixed;
        left:0;
        top:0;
        z-index:888;
        background:rgba(0,0,0,.9);
    }
    .mobel-menu .title {
        font-size:14px;
        font-weight:300;
        color:#aaa;
        text-align:center;
        line-height:50px;
    }
    .mobel-menu .web-menu {
        display:block;
        position:absolute;
        width:100%;
        top:50%;
        transform:translateY(-50%);
    }
    .header .web-menu li, .index-header .web-menu li {
        width:100%;
        height:60px;
        line-height:60px;
        box-sizing:border-box;
        letter-spacing:10px;
    }
    .web-menu li .ch, .index-header .web-menu li .ch{
        color:#fff;
        opacity:1;
    }
    .web-menu li:hover .ch, .index-header .web-menu li:hover .ch {
        margin-top: -60px;
    }
    .web-menu li.on .ch, .index-header .web-menu li.on .ch {
        margin-top: -60px;
    }
    .mobel-menu .menu-close {
        position:absolute;
        top:13px;
        right:13px;
        width:20px;
    }
    
    .news {
        min-height:initial;
    }
    .about-page1 .banner-video, .news, .news-info, .hl-list {
        padding-top:52px;
    }
    .aboutpage3-tbox {
        width:100%;
    }
    .info-content .box .box3 .hl-return {
        margin:36px auto 50px;
    }
    .bnaner-info {
        margin-top:52px;
    }

    .price .list li .num {
        width:195px;
        font-size:24px;
    }
    .price .list li .tbox {
        padding:0 2.6%;
        font-size:14px;
    }
    .price .list li:hover .num {
            font-size:26px;
        }
        .price .list li:hover .tbox {
            font-size:16px;
        }
#aboutpage5-swiper{
padding-bottom:100px;
}
.contant-way .txt{
padding:20px 0;
}
    .contant-way .way {
        font-size:16px;
        line-height:32px;
        color:#555;
        padding-left:30px;
        margin-bottom:20px;
    }
        .contant-way .way a {
            color:#555;
            text-decoration:underline;
        }
        .contant-way .way.way1 {
            background:url(../image/contact-icon2-1.png) left center no-repeat;
            background-size:22px;
        }
        .contant-way .way.way2 {
            background:url(../image/contact-icon3-1.png) left 5px no-repeat;
            background-size:22px;
        }
        .contant-way .way.way3 {
            background:url(../image/contact-icon4-1.png) left center no-repeat;
            background-size:22px;
        }
        .contant-way .way.way4 {
            background:url(../image/contact-icon5-1.png) left center no-repeat;
            background-size:22px;
        }
        .contant-way .way.way5 {
            background:url(../image/contact-icon6-1.png) left 5px no-repeat;
            background-size:22px;
        }


    #menu {
        right:20px;
    }



}
@media(max-width:900px) {
    .news {
        display:block;
        height:auto;
        background:#fff;
    }
    .highights-next, .highights-prev {
        display:none;
    }
    .highights-other .pbox .swiper-container {
        width:94%;
    }

    .hl-list li {
        width:50%;
    }

    .about-page7 .list li .txt {
            font-size:16px;
            padding-bottom:10px;
        }
        .about-page7 .list li span {
            font-size:14px;
            margin-top:8px;
        }



        .news .content {
            width:100%;
            float:initial;
            padding-top:90px;
        }
        .news .content .top-title {
            display:none;
        }
        .news .menu {
            width:100%;
            padding:0 2.6%;
            border-right:none;
            float:initial;
            position:fixed;
            z-index:2;
            left:0;
            top:52px;
            background:#fff;
        }
            .news .menu ul {
                 width:100%;
                display:flex;
                justify-content:space-between;
                flex-wrap:wrap;
            }
                .news .menu ul li {
                 
                    margin:0 3px;
                }
            .news .menu li a {
                padding:0;
            }
                .news .menu li a:after {
                    display:none;
                }
    .news .content .list .big-news {
        width:100%;
    }
        .news .content .list .big-news .tbox .txt {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .news .content .list .big-news .line, .news .content .list .big-news .more {
            display:none;
        }
    .news .content .list ul {
        width:100%;
    }
    .news .content .list li {
        width:100%;
        border-top:1px solid #eee;
    }
        .news .content .list li .tbox {
            padding:75px 2.6% 0;
        }
            .news .content .list li .tbox .time {
                top:30px;
            }
            .news .content .list li .tbox .txt {
                -webkit-line-clamp: 3;
            }


    .page7-menu {
        width:30%;
        padding-top:250px;
    }
    .page7-list {
        width:calc( 70% - 40px );
        margin-right:20px;
        margin-top:250px;
    }

    .aboutpage2-right .box1, .aboutpage2-right .box2, .aboutpage2-right .box3, .aboutpage2-right .box4 {
        width:100%;
        padding-left:35%;
    }

}


.highights-other .hl-list {
    display:none;
}


@media(max-width:880px) {
    
    .case li {
        width:50%;
    }
    .highights-other .hl-list {
        display:block;
        padding:0;
    }
    .page2-left {
        background:url(../image/index-bg2.jpg) center center no-repeat;
        background-size:auto 100%;
    }
    .page2-left .tbox, .page2-right .tbox {
        top:157px;
        left:15%;
        padding:13px 0 0 15px;
        width:70%;
        opacity:1;
    }
    .page2-left .tbox:before, .page2-right .tbox:before {
        width:135px;
        left:-25px;
    }
    .page2-left .tbox:after, .page2-right .tbox:after {
        top:-19px;
    }
    .page2-left #dv1 {
        display:none;
    }
    .page2-right .tbox {
        width:70%;
    }
    .page2-left .tbox .title, .page2-right .tbox .title {
        font-size:30px;
    }

    .price .tel span {
        font-size:18px;
        display:block;
    }
    .price .list li .tbox:after {
        height:86%;
        top:7%;
    }

    .contant-way .way {
        font-size:14px;
        line-height:34px;
        color:#555;
        padding-left:18px;
        margin-bottom:10px;
    }
        .contant-way .way.way1 {
            background:url(../image/contact-icon2-1.png) left center no-repeat;
            background-size:18px;
        }
        .contant-way .way.way2 {
            background:url(../image/contact-icon3-1.png) left center no-repeat;
            background-size:18px;
        }
        .contant-way .way.way3 {
            background:url(../image/contact-icon4-1.png) left center no-repeat;
            background-size:18px;
        }
        .contant-way .way.way4 {
            background:url(../image/contact-icon5-1.png) left center no-repeat;
            background-size:18px;
        }
        .contant-way .way.way5 {
            background:url(../image/contact-icon6-1.png) left 8px no-repeat;
            background-size:18px;
        }


}

@media(max-width:767px) {
    .banner-video .swiper-slide .videos {
        display:none;
    }
    #menu {
        display:none;
    }

    .banner-video .banner-tbox img {
        position:relative;
        top:40%;
        transform:translateY(0);
    }

    .footer .add-share {
        padding: 40px 2.6% 0;
    }

        .footer .add-share .address span {
            text-align:left;
            display:block;
            margin-bottom:25px;
            padding-left:20px;
            margin-right:0;
        }
        .footer .add-share .go-top {
            width:30%;
            margin:auto;
        }
    .footer .bq-links {
        padding:25px 2.6%;
        line-height:2;
    }
        .footer .bq-links .links a {
            margin-left:10px;
        }

        .footer .bq-links .bq span {
            display:block;
        }

    .banner-video .swiper-pagination {
        display:none;
    }
    .mouse {
        left:calc(50% - 13px);
        transform:translateX(-50%);
        right:initial;
    }

    .section-page1 {
        height:100vh;
    }
    .banner-video .swiper-container, .banner-video .swiper-container .swiper-wrapper {

    }



    .section-page2 .mouse, .section-page3 .mouse, .section-page4 .mouse, .section-page5 .mouse {
        display:none;
    }

    .page2-left, .page2-right {
        width:100%;
        height:420px;
        float:initial;
        position:relative;
    }
    .page2-left {
        background:url(../image/index-bg2.jpg) center center no-repeat;
        background-size:100% 100%;
    }
        .page2-left .tbox, .page2-right .tbox {
            top:107px;
            left:20%;
            padding:13px 0 0 15px;
            width:70%;
            opacity:1;
        }
            .page2-left .tbox .title, .page2-right .tbox .title {
                font-size:25px;
                line-height:30px;
            }
            .page2-left .tbox .txt, .page2-right .tbox .txt {
                font-size:14px;
                line-height:25px;
            }
            .page2-left .tbox:before, .page2-right .tbox:before {
                width:135px;
                left:-25px;
            }
            .page2-left .tbox:after, .page2-right .tbox:after {
                height:295px;
                top:-19px;
            }
        .page2-left #dv1 {
            display:none;
        }
        .page2-right img {
            width:45%;
        }
    .page2-right .tbox .txt {
        width:85%;
    }
    .section-page3 {
        background-size:auto 100%;
    }
    .section-page3 {
        display:block;
        padding-top:34px;
    }
        .section-page3 .title {
            margin:0 0 84px;
        }
    .section-page4, .section-page5 {
        display:block;
        padding-top:50px;
    }
        .section-page4 .title, .section-page5 .title {
            margin:0 0 40px!important;
        }
        .section-page3 .title, .section-page4 .title, .section-page5 .title {
            font-size:18px;
            line-height:62px;
            background-size:auto 62px;
        }
    .page3-list {
        position:relative;
    }
    .page3-list .swiper-prev {
        left:3%;
        bottom:-25px;
    }
    .page3-list .swiper-next {
        right:3%;
        bottom:-25px;
    }
    .page3-tbox, .page4-tbox {
        opacity:1;
    }
    .page4-list {
        padding-bottom:135px;
    }
    .page4-list .swiper-prev {
        left:3%;
        bottom:25px;
        display:none;
    }
    .page4-list .swiper-next {
        right:3%;
        bottom:25px;
        display:none;
    }
    .section-page4 .more {
        bottom:50px;
    }
    .page4-tbox img {
        width:100%;
    }

    .page5-box {
        opacity:1;
        padding-bottom:70px;
    }

    .page5-box, div.wrapper {
        width:96%;
    }

    .info_slide {
        width:100%;
        left:0;
        top:108%;
        transform:translateY(0);
        text-align:center;
    }
    .image_number {
        display:inline-block;
        margin:0 10px;
    }
    .section-page6 {
        display:block;
        background-size:auto 100%;
    }
    .page6-menu {
        width:100%;
        height:initial;
        background:none;
        float:initial;
        opacity:1;
        padding-top:50px;
    }
        .page6-menu .title {
            text-align:center;
            margin:0 0 30px;
            background: url(../image/icon-img5-1.png) center center no-repeat;
            font-size:18px;
            line-height:62px;
            background-size:auto 62px;
        }
        .page6-menu ul {
            width:72%;
            float:initial;
            margin:auto;
            float:initial;
            display:table;
        }
        .page6-menu ul li {
            width:33%;
            float:left;
            height:30px;
            line-height:30px;
        }
            .page6-menu ul li span {
                height:30px;
            }
            .page6-menu ul li a, .page6-menu ul li:hover a, .page6-menu ul li.on a {
                padding-right:0;
                text-align:center;
                font-size:14px;
            }
    .page6-list {
        width:100%;
        margin-left:0;
        margin-top:40px;
        display:block;
        float:initial;
        padding-bottom:125px;
    }
        .page6-list .page6-tbox, .page6-list .page6-tbox img {
            width:100%;
            opacity:1;
        }
        .page6-list .more {
            position:relative;
            right:calc(50% - 12px);
            transform:translateY(50%);
        }
    .section-page7 {
        display:block;
    }
    .section-page7:after {
        content:'';
        width:100%;
        height:100%;
        background: rgba(0,0,0,.45);
        position:absolute;
        left:0;
        top:0;
    }
    .page7-menu {
        width:100%;
        height:initial;
        padding-top:50px;
        background:none;
        float:initial;
        opacity:1;
    }
        .page7-menu .title {
            width:100%;
            margin-left:0;
            text-align:center;
            background: url(../image/icon-img5-1.png) center center no-repeat;
            font-size:18px;
            line-height:62px;
            background-size:auto 62px;
            letter-spacing: 4px;
        }
        .page7-menu .numbox {
            width:80%;
            margin:37px auto 0;
        }
            .page7-menu .numbox .b1 {
                width:50%;
                text-align:center;
                padding-left:0;
            }
        .page7-menu .txt {
            display:none;
        }
    .page7-list {
        width:80%;
        margin:30px auto 0;
        float:initial;
    }
        .page7-list .swiper-slide {
            opacity:1;
        }
        .page7-list .more {
            margin:30px auto 50px;
        }
    .foot-content .box {
        width:100%;
        height:108px;
        padding-top:20px;
    }
        .foot-content .box img {
            width:40px;
        }
        .foot-content .box span {
            margin-top:12px;
        }



        .banner-video .videos {
            display:none;
        }
    .section-page1 .banner-video .img1 {
        height:100%;
        display:block;
        max-width:inherit;
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
    }
    .about-page1 .banner-video img {
        display:block;
    }
    .page1-tbox .page1-t1 {
        font-size:26px;
    }
    .page1-tbox .page1-t2 {
        font-size:20px;
        margin:20px 0 0;
    }
    .page1-tbox .page1-t3 {
        display:none;
    }



    .aboutpage2-left, .aboutpage2-right {
        width:100%;
        position:relative;
        top:0;
        transform:translateY(0);
    }
    .aboutpage2-left {
        background:#fff url(../image/about-img2-2.jpg) center bottom no-repeat;
        background-size:100%;
        padding: 50px 5.8%;
    }
        .aboutpage2-left .title {
            font-size:18px;
            margin-bottom:18px;
        }
        .aboutpage2-left .txt {
            font-size:14px;
            line-height:25px;
        }

    .aboutpage2-right {
        background:#396baa;
        padding:0;
        display:table;
        padding:80px 0 30px;
    }
        .aboutpage2-right .box1, .aboutpage2-right .box2, .aboutpage2-right .box3, .aboutpage2-right .box4 {
            width:80%;
            height:45px;
            line-height:45px;
            margin:0 auto 40px;
            background-size:28px;
            padding-left:28%;
        }


    .about-page3 .title, .about-page4 .title, .about-page5 .title, .about-page6 .title, .about-page7 .title, .about-page8 .title {
            padding: 50px 0 30px;
    }
    #aboutpage3-swiper {
        padding-bottom: 90px;
    }
    .aboutpage3-list {
        width:80%;
    }
        .aboutpage3-list .swiper-prev {
            left:0;
            bottom:60px;
        }
        .aboutpage3-list .swiper-next {
            right:0;
            bottom:60px;
        }
        .aboutpage3-tbox:hover {
            background:#fff;
            box-shadow:none;
        }
    .aboutpage4-list {
        width:80%;
    }
    #aboutpage4-swiper {
        width:64%;
        padding-bottom:60px;
    }
    .aboutpage4-list .swiper-prev {
        bottom:47px;
    }
    .aboutpage4-list .swiper-next {
        bottom:47px;
    }
    .aboutpage4-tbox .tboxs .txt {
        opacity:1;
    }

    .aboutpage5-list {
        opacity:1;
    }
    #aboutpage5-swiper {
        width:80%;
    }
        .aboutpage5-list .swiper-prev {
            left:13%;
            bottom:60px;
        }
        .aboutpage5-list .swiper-next {
            right:13%;
            bottom:60px;
        }

    .aboutpage6-list {
        width:80%;
        padding:0 0 110px 0;
    }
    .aboutpage6-tbox .left-box, .aboutpage6-tbox .right-box {
        width:100%;
        float:initial;
        margin-bottom:2px;
        opacity:1;
    }
        .aboutpage6-tbox .right-box li {
            width: calc( 50% - 1px );
            margin-left:0;
            opacity:1;
        }
            .aboutpage6-tbox .right-box li:nth-child(2n) {
                margin-left:2px;
            }
    .aboutpage6-list .swiper-prev {
        left:3%;
        bottom:60px;
    }
    .aboutpage6-list .swiper-next {
        right:3%;
        bottom:60px;
    }

    .about-page7 .list {
        width:94%;
        padding-bottom:30px;
    }
    .about-page7 .list li {
        width: calc( 50% - 10px );
        opacity:1;
        height:75px;
        margin-right:20px;
        margin-bottom:30px;
        padding:20px 15px 0;
    }
        .about-page7 .list li:nth-child(2n) {
            margin-right:0;
        }
        .about-page7 .list li .txt {
            font-size:14px;
        }

    #aboutpage8-swiper {
        width:86%;
        padding:0 0 120px 0;
    }
    .aboutpage8-tbox {
        opacity:1;
    }
    #aboutpage8-swiper .swiper-prev, #aboutpage8-swiper .swiper-next {
        bottom:60px;
    }

        
        
    .case li {
        width:100%;
    }
    .page-list {
       
    }
    .info-title {
        height:auto;
    }
    .info-title .box .title1 {
        display:none;
    }
        .info-title .box .title2 {
            padding:25px 0 15px;
        }
    .highights-other .pbox .swiper-container {
        width:100%;
    }
    .highights-other {
        padding-bottom:0;
    }
        .highights-other .titles {
            padding:25px 0;
        }
    .bnaner-info {
        margin-top:52px;
        height:280px;
        background-attachment: initial;
        background-repeat: no-repeat;
        background-position: center center;
        background-size:auto 100%!important;
    }
    .price {
        margin:0;
        width:100%;
        padding:38px 0 40px;
    }
        .price .tel {
            font-size:14px;
            margin-bottom:36px;
        }
            
        .price .list li {
            padding:36px 0;
        }
        .price .list li .tbox {
            width:73%;
            padding:0 2.6%;
            box-sizing:border-box;
            font-size:14px;
        }
            .price .list li .tbox span {
                display:block;
            }

    .price .list li:hover .num {
            font-size:20px;
        }
        .price .list li:hover .tbox {
            font-size:16px;
        }
        .price .list2 li {
            width:50%;
        }
            .price .list2 li:nth-child(n) {
                border-left:none;
                border-right:none;
            }
            .price .list2 li:nth-child(2n-1) {
                border-right:1px solid #bfbfbf;
            }
            .price .list2 li:nth-child(3), .price .list2 li:nth-child(4), .price .list2 li:nth-child(5) {
                border-top:0;
            }
    
    .info-content .box {
        width:100%;
    }
    .info-content .box .box1 {
        width:100%;
        padding:0 3%;
        border-right:none;
    }
        .info-content .box .box1 .from {
            padding:13px 0 15px;
        }
        .info-content .box .box1 .txt {
            line-height:25px;
        }
        .info-content .box .box1 .return {
                margin: 30px auto 50px;
        }
    .info-content .box .box2 {
        width:100%;
        border-top:1px solid #eee;
    }
        .info-content .box .box2 .title {
                padding: 34px 0 23px 3%;
        }
        .info-content .box .box2 .list li {
            padding:30px 3%;
        }
            .info-content .box .box2 .list li .t1 {
                font-size:17px;
                margin-bottom:13px;
                height:17px;
                white-space:inherit;
            }
            .info-content .box .box2 .list li:before {
                width:100%;
            }
    .contant-way, .feedback {
        width:100%;
        padding:0 2.6%;
        box-sizing:border-box;
    }
    .contant-way .hello img {
        width:45%;
    }

    .contant-way {
        margin-bottom:35px;
    }

    .info-content .box .box3 {
        padding:0 2.6%;
        box-sizing:border-box;
    }

    .page1-tbox .boxs {
        top:55%;
    }

    .news .content .list {
            display:block;
        }


}

@media(max-width:450px) {
    .hl-list li {
        width:100%;
    }
}




.page3-tbox a, .page4-tbox a, .page6-list .page6-tbox a, .page7-list .page7-tbox a{
 display:block;
}



@media(min-width:1024px) {
    .fu {

	position: fixed;

    right: 0;

    bottom: 50px;

    width: 55px;

    background: rgba(0,0,0,0.3);

    padding: 12px 0 0 0;

    border-radius: 5px 0 0 5px;

    z-index: 999999;

}

.fu li{

	position: relative;

	cursor:pointer;

	width: 185px;

	height: 50px;

	border-radius: 5px 0 0 5px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    margin: 5px  0;

}

.fu li span{

	font-size: 20px;

	font-family: "宋体";

	color: #fff;

	line-height: 50px;

}

.fu li img{

	float: left;

}

.fu li:hover{

	margin-left: -130px;

	background-color: rgba(0,0,0,.3);

}

.fu li a{

	width: 100%;

	height: 100%;

	display: block;

}

.fu li p{

	display: inline-block;

	*display: inline;

	*zoom: 1;

	font-size: 16px;

	color: #fff;

	margin-top: 5px;

}

}



.video-tc{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    background: rgba(0,0,0,.5);
    left: 0;
    top:0;
}

.video-tc .close{
    width:30px;
    height: 30px;
    position: absolute;
    background:url(../image/close.png)center center no-repeat;
    right:5px;
    z-index: 9;
    top: -50px;
    cursor:pointer;
}

.video-tc .boxs{
    max-width: 800px;
   
    background:#fff;
    position:relative;
    margin:auto;
    top:50%;
    transform:translateY(-50%);
}

@media(max-width:767px){
    .video-tc{
        position: fixed;
    }
    .fullpage-wrapper {
        transform:initial!important;
    }
}

@media(min-width:1024px) {
    .fu {

    position: fixed;

    right: 0;

    bottom: 50px;

    width: 55px;

    background: rgba(0,0,0,0.3);

    padding: 12px 0 0 0;

    border-radius: 5px 0 0 5px;

    z-index: 999999;

}

.fu li{

    position: relative;

    cursor:pointer;

    width: 185px;

    height: 50px;

    border-radius: 5px 0 0 5px;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    margin: 5px  0;

}

.fu li span{

    font-size: 20px;

    font-family: "宋体";

    color: #fff;

    line-height: 50px;

}

.fu li img{

    float: left;

}

.fu li:hover{

    margin-left: -130px;

    background-color: rgba(0,0,0,.3);

}

.fu li a{

    width: 100%;

    height: 100%;

    display: block;

}

.fu li p{

    display: inline-block;

    *display: inline;

    *zoom: 1;

    font-size: 16px;

    color: #fff;

    margin-top: 5px;

}

}


@media(max-width: 1023px){
    .fu {
        display:none;
    }
}