@charset "utf-8";

/* CSS Document */

body {

	FONT-SIZE: 14px;

	margin:0px;

	padding: 0px;

    font-family:"微软雅黑";

	color:#666666;

	margin:0px;

	padding:0px; background-color:#fff;

	box-sizing: border-box;

	

	}

*{font-family:"微软雅黑";}

a{text-decoration:none;}

li{list-style:none}

ul{padding-left:0;margin:0 0}

a{color:#666}

p{

    margin: 0;

}

.center{

    width:calc(100% - 320px);

    margin:0 auto;

}

.ctrl span{ float:left; cursor:pointer;}

input,textarea,select{outline:none;font-family:"微软雅黑";}

img{

    border:none;

    display: block;

}

.cursor_pointer{

	cursor:pointer;

}

button{

	cursor:pointer;

}



.float_l{

    float: left;

}

.float_r{

    float: right;

}

.clear{

    clear:both

}

.sr-bdimgshare .bdimgshare-content{

    display: none;

}

.sr-bdimgshare-black .bdimgshare-bg{

    display: none;

}

select::-ms-expand{ display: none; }

select{

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

}







.nav{

    position: fixed;

    top: 0;

    right: 0;

    z-index: 0;

}

/* .index_banner{

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -132px;
    margin-left: -300px;
    width: 600px;

} */
.index_banner{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    min-height: 100%;
    object-fit: fill;
}

.floor_1,

.floor_2,

.floor_3,

.floor_4,

.floor_5{

    height: 100vh;

    overflow: hidden;

}

/* .index_html .pc-slide .floor_2{

    height: 100vh !important;

} */



/* 首页 */

.index_html .floor_1{

    display: flex;

    align-items: center;

}

.index_html .floor_2{

    display: flex;

    align-items: center;

    height: 100vh;

}

.index_html .floor_5{

    /* overflow-y: scroll; */

    height: auto;

}

.index_html .floor_5 .customer_html{

    height: 100vh;

    display: flex;

    align-items: center;

    width: 100%;

}

.index_html .view .swiper-container {

	width: 100vw;

	height: 100vh;

}

.index_html .preview {

	margin-top: 10px;

    position: fixed;

    right: 0;

    top: 50vh;

    margin-top: -80px;

    z-index: 8;

}

.index_html .preview .swiper-container {

    width: 147px;

    background: url("../img/fw_xian.png") right 38px center no-repeat;

}

.index_html .preview .swiper-wrapper{

    display: block;

}

.index_html .preview .swiper-slide{

	width: 116px;

	height: 36px;

    cursor:pointer;

    transition:all 0.4s ease-in-out;

    background: url("../img/fw_dian1.png") right center no-repeat;

}

.index_html .preview .active-nav{

    background: url("../img/fw_dian2.png") right center no-repeat;

}

.index_html .preview .swiper-slide:hover{

    background: url("../img/fw_dian2.png") right center no-repeat;

}

.index_html .preview .swiper-slide p{

    line-height: 35px;

    font-size: 16px;

    font-weight: 600;

    color: #3a3a3a;

    text-align: center;

    white-space:nowrap;

    width: 0;

    margin-right: 25px;

    overflow: hidden;

    float: right;

    text-align: right;

    transition:all 0.4s ease-in-out;
/* 
    text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;

    text-shadow: 5px 5px 5px 5px rgba(255, 255, 255, 1); */



}

.index_html .preview .active-nav p{

    width: calc(100% - 20px);

}

.index_html .preview .swiper-slide:hover p{

    width: calc(100% - 25px);

}

.index_html .jianjie{

    width: 100%;

}

.index_html .jianjie img{

    margin: auto;

}

.index_html .jianjie .h3{

    font-size: 60px;

    color: #ffffff;

    text-align: center;

    line-height: 95px;

}

.index_html .jianjie .p1{

    font-size: 16px;

    color: #bebebe;

    text-align: center;

    line-height: 36px;

}

.index_html .jianjie .p2{

    font-size: 16px;

    color: #bebebe;

    text-align: center;

    line-height: 34px;

    text-transform:uppercase;

}

.index_html .jianjie .more{

    display: block;

    width: 208px;

    height: 54px;

    border: solid 1px #ffffff;

    font-size: 16px;

    color: #ffffff;

    line-height: 54px;

    text-align: center;

    border-radius: 54px;

    margin: auto;

    margin-top: 32px;

    transition:all 0.3s ease-in-out;

}

.index_html .swiper-slide-active .jianjie img{

    -webkit-animation: swing 0.6s 1 ease-out;

}

.index_html .swiper-slide-active .jianjie .h3{

    -webkit-animation: fadeInLeft 0.5s 1 ease-out;

}

.index_html .swiper-slide-active .jianjie .p1{

    -webkit-animation: fadeInRight 0.5s 1 ease-out;

}

.index_html .swiper-slide-active .jianjie .p2{

    -webkit-animation: fadeInLeft 0.5s 1 ease-out;

}

.index_html .swiper-slide-active .jianjie .more{

    -webkit-animation: fadeInUp 0.5s 1 ease-out;

}

.index_html .shubiao{

    width: 20px;

    height: 50px;

    position: absolute;

    left: 50%;

    bottom: 32px;

    margin-left: -10px;

    animation: myfirst 2s infinite;

    cursor: pointer;

    /* background: url("../img/shubiao1.png") center center no-repeat; */

}

@keyframes myfirst {

    0% {

        transform: translate(0px, 0px);

    }

    50% {

        transform: translate(0px, -20px);

    }

    100% {

        transform: translate(0px, 0px);

    }

}

.first_nav{

    position: absolute;

    top: 0;

    left: 0;

    height: 100px;

    background: none;

    width: 100%;

    z-index: 9;

}


.index_html .floor_1 .first_nav{

    /* background:rgba(255, 255, 255, 0.8); */
    background: none;

}

.index_html .first_nav .yiji{

    display: block;

    width: 150px;

    transition:all 0.3s ease-in-out;

    position: relative;

    text-align: right;

}



.index_html .first_nav .yiji .yiji_a{

    font-size: 18px;

    color: #fff;

    line-height: 100px;

    width: 100%;

    display: block;

}

.index_html .first_nav .yiji:nth-last-child(2){

    margin-right: 0;

}

.index_html .first_nav .yiji:hover .yiji_a{

    color: #1758a7;

}

.index_html .first_nav .yiji .erji{

    position: absolute;

    top: 80px;

    left:40px;

    width: 100%;

    display: none;
    text-align: center;

}

.index_html .first_nav .yiji:hover .erji{

    display: block;

}

.index_html .first_nav .yiji .erji a{

    display: block;

    border-top: solid 1px;
    border-color: rgba(255, 255, 255, 0.5);

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

    line-height: 40px;

    font-size: 16px;

    color: #333;

    transition:all 0.3s ease-in-out;

}

.index_html .first_nav .yiji .erji a:hover{

    background: rgba(0, 109, 178, 0.8);

    color: #fff;

}

.index_html .floor_1{

    z-index: 99;

}

.index_html .menu{

    cursor: pointer;

}
.menu_right_bj{

    position: fixed;

    top: 0;

    right: -100vw;

    height: 100vh;

    width: 100vw;

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

    z-index: 9;

}
.menu_right{

    position: fixed;

    top: 0;

    right: -200px;

    height: 100vh;

    width: 200px;

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

    z-index: 9;

}

.menu_right .guanbi{

    position: absolute;

    top: 40px;
    left: 40px;

    cursor: pointer;

}

.menu_right .list_dl{

    /* padding-left: 68px; */

    padding-top: 14vh;

    margin: 0;

}

.menu_right .list_dl .list_dt a{

    font-size: 16px;

    color: #ffffff;

    line-height: 60px;

}

.menu_right .list_dl .list_dd{

    display: none;

    margin-left: 0;

    padding: 15px 0;
    width: calc(100% - 60px);
    margin: auto;
    border-top: solid 1px #000;
}
.menu_right .list_dl .list_dd ul{
    width: calc(100% - 40px);
    margin: auto;
}

.menu_right .list_dl .list_dd .list_li a{

    font-size: 14px;

    line-height: 36px;

    color: #b8cde2;

    padding-left: 15px;

    background: url("../img/list_li.png") left center no-repeat;

}

.menu_right .menu_foot{

    position: absolute;

    bottom: 10vh;

    left: 35px;
    display: none;

}

.menu_right .menu_foot .menu_foot_title{

    font-size:16px;

    color: #ffffff;

    line-height: 24px;

    padding-left: 26px;

    background: url("../img/menu_foot_icon1.png") left 1px center no-repeat;

}

.menu_right .menu_foot .menu_foot_title span{

    text-transform:uppercase; 

}

.menu_right .menu_foot .number{

    font-size:24px;

    color: #ffffff;

    line-height: 56px;

}

.menu_right .menu_foot .share .float_l{

    display:block;

    width: 36px;

    height: 36px;

    margin-right: 15px;

    position: relative;

    cursor: pointer;

}

.menu_right .menu_foot .share .float_l:nth-child(1){

    background: url("../img/share_icon1.png") center center no-repeat;

}

.menu_right .menu_foot .share .float_l:nth-child(2){

    background: url("../img/share_icon2.png") center center no-repeat;

}

.menu_right .menu_foot .share .float_l:nth-child(3){

    background: url("../img/share_icon3.png") center center no-repeat;

}

.menu_right .menu_foot .share .float_l:nth-child(4){

    width: 85px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    font-size:16px;

    color: #ffffff;

    border: solid 2px #fff;

}

.menu_right .menu_foot .share .float_l img{

    position: absolute;

    bottom: 0;

    left: 270px;

    display: none;

}

.menu_right .menu_foot .share .float_l:hover img{

    display: block;

}

.index_html .floor_2 .enterprise_mission{

    width: calc(100% - 320px);

    margin: auto;

}

.index_html .floor_2 .swiper-container-mission{

    width: 100% !important;

    height: auto !important;

}

.index_html .floor_2 .mission_bottom{

    position: absolute;

    left: 0;

    bottom: -295px;

    z-index: 9;

    width: 100%;

    height: 295px;

    transition:all 1.3s ease .5s;

    background: url("../img/mission_img1.png") center center no-repeat;

}

.index_html .swiper-slide-active .mission_bottom{

    bottom: 0;

}

.index_html .floor_2 .swiper-wrapper{

    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

}

.index_html .floor_4 .swiper-wrapper{

    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

}

.index_html .floor_5 .swiper-wrapper{

    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;

}

.index_html .floor_2 .mission_l{

    position: relative;

    overflow: hidden;

    background: #dcecf7;

    display: block;

    width: 547px;

    height: 517px;

    margin-left: 128px;

}

.index_html .floor_2 .mission_l .mission_bj{

    position: absolute;

    z-index: 2;

    margin-top: -520px;

    transition:all 1.3s ease .3s;

}

.index_html .swiper-slide-active .swiper-slide-active .mission_bj{

    margin-top: 0;

}

.index_html .floor_2 .mission_l .mission_img{

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1;

    transition:all 1.3s ease .3s;

}

.index_html .swiper-slide-active .swiper-slide-active .mission_img{

    top: 0;

}

.index_html .floor_2 .swiper-slide .mission_icon{

    position: absolute;

    top: 700px;

    left: 900px;

    z-index: 1;

    transition:all 1.0s ease .8s;

    z-index: 3;

}

.index_html .swiper-slide-active .swiper-slide-active .mission_icon{

    top: 150px;

    left: 628px;

}

.index_html .floor_2 .mission_r{
    width: 50%;
    margin-right: 50px;
}

.index_html .floor_2 .mission_r .bt{

    font-size:60px;

    color: #000000;

    line-height: 98px;

    font-weight: 600;

    padding-top: 138px;

}

.index_html .floor_2 .mission_r .p{

    font-size:20px;

    color: #666666;

    line-height: 40px;

    max-height: 80px;

    overflow: hidden;

}
.index_html .floor_2 .mission_r a{
    font-size: 16px;
    color: #666666;
    line-height: 80px;
    transition:all 0.3s ease-in-out;
}

.index_html .floor_2 .mission_r a:active{
    color: #666666;
}

.index_html .floor_2 .mission_r a:visited{
    color: #666666;
}
.index_html .floor_2 .mission_r a:hover{
    color: #1758a7;
}
.swiper-button-prev-mission{
    width: 43px;
    height: 40px;
    left: 150px;
    margin-top: -37px;
    transition:all 0.3s ease-in-out;
    background: url("../img/prev-mission.png") center center no-repeat;
}
.swiper-button-prev-mission:hover{
    background: url("../img/prev-mission2.png") center center no-repeat;
}
.swiper-button-next-mission{
    width: 43px;
    height: 40px;
    right: 150px;
    margin-top: -37px;
    transition:all 0.3s ease-in-out;
    background: url("../img/next-mission.png") center center no-repeat;
}
.swiper-button-next-mission:hover{ 
    background: url("../img/next-mission2.png") center center no-repeat;
}
.swiper-pagination-mission{

    width: 50%;

    left: 50%;

    bottom: 27vh;

    /* background: url("../img/pagination-mission_xian.png") top 35px left no-repeat; */

}

.swiper-pagination-mission span{

    display: block;

    float: left;

    width: 95px;

    height: 106px;

    margin-right: 54px;

    border-radius: 0;

    opacity: 1;

}

.swiper-pagination-mission span:nth-child(1){

    margin-left: 5%;

    background: url("../img/mission_icon1_1.png") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission span:nth-child(2){

    background: url("../img/mission_icon2_1.png") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission span:nth-child(3){

    background: url("../img/mission_icon3_1.png") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission span:nth-child(4){

    background: url("../img/mission_icon4_1.png") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission span:nth-child(5){

    background: url("../img/mission_icon5_1.png") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission .swiper-pagination-bullet-active:nth-child(1){

    background: url("../img/mission_icon1_2.gif") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission .swiper-pagination-bullet-active:nth-child(2){

    background: url("../img/mission_icon2_2.gif") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission .swiper-pagination-bullet-active:nth-child(3){

    background: url("../img/mission_icon3_2.gif") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission .swiper-pagination-bullet-active:nth-child(4){

    background: url("../img/mission_icon4_2.gif") center center no-repeat;
    background-size: 100%;

}

.swiper-pagination-mission .swiper-pagination-bullet-active:nth-child(5){

    background: url("../img/mission_icon5_2.gif") center center no-repeat;
    background-size: 100%;

}

.index_html .floor_2 .enterprise_mission .swiper-container-mission{

    margin-top: -10vh;

}

.history .history-list .list .bubble{

    width: 224px !important;

    height: 206px !important;

    left: -22px !important;

}

.history .history-list .list .bubble .year{

    width: 170px !important;

    margin-left: 20px !important;

    font-size: 36px !important;

    font-family: myfont !important;

}

.history .history-list .list .bubble .desc{

    padding:13px 38px 0 26px !important;

    font-size: 16px !important;

    color: #333333 !important;

    line-height: 24px !important;

}

.floor_3_new .bt{
    text-align: center;
    font-size: 60px;
    color: #000000;
    font-weight: 600;
    margin-top: 18vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.extension{

    width: 100%;

    height: auto;

}

.extension .swiper-container{

    height: auto !important;

}

.extension .swiper-slide{

    overflow: hidden;

    height: 100vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(2) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -960px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(2) .right{

    top: 20vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(3) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -1000px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(3) .right{

    top: 8vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(4) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -990px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(4) .right{

    top: 12vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(5) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -995px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(5) .right{

    top: 14vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(6) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -800px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(6) .right{

    top: 10vh;

}

.extension .swiper-wrapper .swiper-slide:nth-child(7) .right{

    position: absolute;

    right: 50%;

    top: 120vh;

    z-index: 2;

    margin-right: -750px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .extension .swiper-slide-active:nth-child(7) .right{

    top: 16vh;

}

.extension .swiper-slide .left{

    width: calc(50% - 150px);

    padding-top: 28vh;

    margin-left: 150px;
    position: relative;
    z-index: 99;

}

.extension .swiper-slide .left .bt1{

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 100px;

    margin-top: 10px;

    transition:all .7s ease .4s;

    margin-left: -1000px;

}

.extension .swiper-slide .left .bt2{

    font-size: 26px;

    color: #333333;

    line-height: 52px;

    transition:all 1s ease .4s;

    margin-left: -1000px;

}

.extension .swiper-slide .left .bt3{

    font-size: 16px;

    color: #666666;

    line-height: 35px;

    transition:all 1.3s ease .4s;

    margin-left: -1000px;

}

.swiper-slide-active .extension .swiper-slide-active .left .bt1,

.swiper-slide-active .extension .swiper-slide-active .left .bt2,

.swiper-slide-active .extension .swiper-slide-active .left .bt3{

    margin-left: 0px;

}

.waves-block{

    position: absolute;

    top: -800px;

    right: 52%;

    margin-right: -800px;

    width: 700px;

    height: 700px;

    transition:all 0.7s ease 0.4s;

    z-index: 1;

}

.swiper-slide-active .extension .swiper-slide-active .waves-block{

    top: 7vh;

}

.waves-block .waves {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(134,200,244,.5);

    opacity: 0;

    -ms-filter: "alpha(opacity=0)";

    border-radius: 50%;

    background-clip: padding-box;

    -webkit-animation: waves 3s ease-in-out infinite;

    animation: waves 3s ease-in-out infinite;

}

.waves-block .wave-1 {

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.waves-block .wave-2 {

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}

.waves-block .wave-3 {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}

@keyframes waves {

    0% {

        -webkit-transform: scale(.5,.5);

        transform: scale(.5,.5);

        opacity: 0;

    }

    50% {

        opacity: .9;

    }

    100% {

        -webkit-transform: scale(.9,.9);

        transform: scale(.9,.9);

        opacity: 0;

    }

}

.floor_4 .swiper-pagination-extension{

    width: 100%;

    height: 170px;

    overflow: hidden;

    top: auto;

    bottom: 0;

    margin-top: auto;

    border-bottom: solid 16px #1758a7;

}

.floor_4 .swiper-pagination-extension span{

    width: 241px;

    height: 240px;

    opacity: 1;

    border-radius: 50%;

    transition:all 0.3s ease-in-out;

}

.floor_4 .swiper-pagination-extension span:nth-child(1){

    background: url("../img/extension_icon1_1.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:nth-child(2){

    background: url("../img/extension_icon2_1.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:nth-child(3){

    background: url("../img/extension_icon3_1.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:nth-child(4){

    background: url("../img/extension_icon4_1.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:nth-child(5){

    background: url("../img/extension_icon5_1.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:nth-child(6){

    background: url("../img/extension_icon6_1.png") top center no-repeat;
    background-size: 100%;

}






.floor_4 .swiper-pagination-extension span:hover:nth-child(1){

    background: url("../img/extension_icon1_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:hover:nth-child(2){

    background: url("../img/extension_icon2_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:hover:nth-child(3){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:hover:nth-child(4){

    background: url("../img/extension_icon4_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:hover:nth-child(5){

    background: url("../img/extension_icon5_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension span:hover:nth-child(6){

    background: url("../img/extension_icon6_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(1){

    background: url("../img/extension_icon1_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(2){

    background: url("../img/extension_icon2_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(3){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(4){

    background: url("../img/extension_icon4_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(5){

    background: url("../img/extension_icon5_2.png") top center no-repeat;
    background-size: 100%;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(6){

    background: url("../img/extension_icon6_2.png") top center no-repeat;
    background-size: 100%;

}


/* Kyrie新增 */
.Add_K_floor .swiper-pagination-extension span:nth-child(1){
    background: url("../img/extension_icon5_1.png") top center no-repeat;
    background-size: 100%;
}
.Add_K_floor .swiper-pagination-extension span:nth-child(2){
    background: url("../img/extension_icon3_1.png") top center no-repeat;
    background-size: 100%;
}
.Add_K_floor .swiper-pagination-extension span:nth-child(3){
    background: url("../img/extension_icon11_1.png") top center no-repeat;
    background-size: 100%;
}
.Add_K_floor .swiper-pagination-extension span:nth-child(4){
    background: url("../img/extension_icon1_1.png") top center no-repeat;
    background-size: 100%;
}
.Add_K_floor .swiper-pagination-extension span:nth-child(5){
    background: url("../img/extension_icon10_1.png") top center no-repeat;
    background-size: 100%;
}
.Add_K_floor .swiper-pagination-extension span:nth-child(6){
    background: url("../img/extension_icon3_1.png") top center no-repeat;
    background-size: 100%;
}

.Add_K_floor .swiper-pagination-extension span:hover:nth-child(1){

    background: url("../img/extension_icon5_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension span:hover:nth-child(2){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension span:hover:nth-child(3){

    background: url("../img/extension_icon11_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension span:hover:nth-child(4){

    background: url("../img/extension_icon1_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension span:hover:nth-child(5){

    background: url("../img/extension_icon10_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension span:hover:nth-child(6){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}

.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(1){

    background: url("../img/extension_icon5_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(2){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(3){

    background: url("../img/extension_icon11_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(4){

    background: url("../img/extension_icon1_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(5){

    background: url("../img/extension_icon10_2.png") top center no-repeat;
    background-size: 100%;

}
.Add_K_floor .swiper-pagination-extension .swiper-pagination-bullet-active:nth-child(6){

    background: url("../img/extension_icon3_2.png") top center no-repeat;
    background-size: 100%;

}
/* Kyrie新增 */


.floor_4 .swiper-pagination-extension span::after{

    content:"";

	width:241px;

	height:240px;

    display: block;

    border-radius: 50%;

    position:absolute;

    transition:all 0.6s ease-in-out;

    opacity: 0;

    z-index: -1;

    background: url("../img/extension_nav_bj.png") center center;

}

.floor_4 .swiper-pagination-extension .swiper-pagination-bullet-active::after{

    content:"";

	width:241px;

	height:240px;

    display: block;

    border-radius: 50%;

    position:absolute;

    transition:all 0.6s ease-in-out;

    opacity: 1;

    z-index: -1;

    background: url("../img/extension_nav_bj.png") center center;

}

.floor_4 .swiper-pagination-extension span:hover::after{

    -moz-transform:rotate(360deg); 

    -webkit-transform:rotate(360deg);

    transform:rotate(360deg);

    opacity: 1;

}

.floor_5{

    background-image: -moz-linear-gradient( 90deg, rgb(226,220,239) 0%, rgb(249,247,253) 39%, rgb(255,255,255) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(226,220,239) 0%, rgb(249,247,253) 39%, rgb(255,255,255) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(226,220,239) 0%, rgb(249,247,253) 39%, rgb(255,255,255) 100%);

}

.floor_5 .customer{

    width: 1320px;

    height: 492px;

    margin: auto;

    background: #fff;

    position: relative;

    overflow: hidden;

}

.floor_5 .customer .swiper-container-customer{

    width: 100%;

}

.floor_5 .customer .swiper-button-prev-customer{

    width: 71px;

    height: 71px;

    top: auto;

    bottom: 0;

    left: 50%;

    margin-left: -71px;

    transition:all 0.3s ease-in-out;

    background: url("../img/customer_l1.png") center center no-repeat;
    background-size: 100%;

}

.floor_5 .customer .swiper-button-prev-customer:hover{

    background: url("../img/customer_l2.png") center center no-repeat;
    background-size: 100%;

}

.floor_5 .customer .swiper-button-next-customer{

    width: 71px;

    height: 71px;

    top: auto;

    bottom: 0;

    left: 50%;

    transition:all 0.3s ease-in-out;

    background: url("../img/customer_r1.png") center center no-repeat;
    background-size: 100%;

}

.floor_5 .customer .swiper-button-next-customer:hover{

    background: url("../img/customer_r2.png") center center no-repeat;
    background-size: 100%;

}

.floor_5 .customer .img{

    width: 50%;

    overflow: hidden;

}

.floor_5 .customer .img img{

    width: 100%;

    height: 492px;

    margin-top: -100%;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .customer .swiper-slide-active .img img{

    margin-top: 0;

}

.floor_5 .customer .right{

    width: 50%;

}

.floor_5 .customer .right .text{

    width: calc(100% - 70px - 55px);

    margin-left: 70px;

}

.floor_5 .customer .right .text .bt1{

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 147px;

    padding-top: 47px;

    margin-top: 500px;

    transition:all 0.7s ease 0.4s;

}

.swiper-slide-active .customer .swiper-slide-active .right .text .bt1{

    margin-top: 0;

}

.floor_5 .customer .right .text .bt2{

    font-size: 30px;

    color: #333333;

    height: 62px;

    line-height: 62px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

    margin-top: 50px;

    transition:all 0.7s ease 0.7s;

}

.swiper-slide-active .customer .swiper-slide-active .right .text .bt2{

    margin-top: 0;

}

.floor_5 .customer .right .text .p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    margin-top: 50px;

    transition:all 0.7s ease 0.7s;

}

.swiper-slide-active .customer .swiper-slide-active .right .text .p{

    margin-top: 0;

}

.floor_5 .customer .right .text .date{

    font-size: 16px;

    color: #999999;

    margin-top: 45px;
    font-family: myfont;
}

.waves_svg {

    position:absolute;

    width: 100%;

    height:10vh;

    bottom: 334px;

    min-height:100px;

    max-height:150px;

}

.parallax > use {

    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;

}

.parallax > use:nth-child(1) {

    animation-delay: -2s;

    animation-duration: 7s;

}

.parallax > use:nth-child(2) {

    animation-delay: -3s;

    animation-duration: 10s;

}

.parallax > use:nth-child(3) {

    animation-delay: -4s;

    animation-duration: 13s;

}

.parallax > use:nth-child(4) {

    animation-delay: -5s;

    animation-duration: 20s;

}

@keyframes move-forever {

    0% {

        transform: translate3d(-90px,0,0);

    }

    100% { 

        transform: translate3d(85px,0,0);

    }

}

/*Shrinking for mobile*/

@media (max-width: 768px) {

    .waves {

        height:40px;

        min-height:40px;

    }

    .content {

        height:30vh;

    }

    h1 {

        font-size:24px;

    }

}

.foot{

    height: 334px;

    background: #000000;

    /* margin-top: 500px; */

}

.foot .center{

    width: calc(100% - 320px);

}

.foot .foot_icon{

    margin-top: 140px;

}

.foot .erweima{

    width: 130px;

    padding-top: 84px;

    padding-right: 37px;

}

.foot .erweima img{

    width: 100%;

}

.foot .erweima p{

    font-size: 16px;

    color: #b4b4b4;

    line-height: 57px;

    text-align: center;

}

.foot .foot_name{

    width: 390px;

    padding-top: 140px;

}

.foot .foot_name p{

    font-size: 16px;

    color: #b4b4b4;

    line-height: 30px;

}

.foot .ul{

    border-right: solid 1px #545454;

    padding: 0 5vw;

    margin-top: 40px;

    height: 255px;

}

.foot .ul:nth-child(3){

    border-left: solid 1px #545454;

}

.foot .ul p{

    font-size: 18px;

    color: #ffffff;

    line-height: 50px;

}

.foot .ul a{

    display: block;

    font-size: 16px;

    color: #b4b4b4;

    line-height: 30px;

    transition:all 0.3s ease-in-out;

}

.foot .ul a:hover{

    color: #ffffff;

}

.service_html .floor_1{

    display: flex;

    align-items: center;

    background: url("../img/service_bj1.png") center center no-repeat;

}

.service_html .floor_2{

    display: flex;

    align-items: center;

    background: url("../img/service_bj2.png") center center no-repeat;

}

.service_html .floor_3{

    display: flex;

    align-items: center;

    background: url("../img/service_bj3.png") center center no-repeat;

}

.service_html .floor_4{

    display: flex;

    align-items: center;

    background: url("../img/service_bj4.png") center center no-repeat;

}

.service_html .floor_5{

    display: flex;

    align-items: center;

    background: url("../img/service_bj5.png") center center no-repeat;

}

.service_html .floor_6{

    overflow-y: auto;

}

.service_html .floor_6 .zhengping{

    height: 100vh;

    display: flex;

    align-items: center;

    background: url("../img/service_bj6.png") center center no-repeat;

}

.service_html .floor_6 .shubiao{

    bottom: 360px;

}

.service_html .black_top{

    background: none;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

}

.service_html .swiper-slide .black_top .nav .logo {

    background: url(../img/logo.png) center center no-repeat;

}

.service_html .lan .black_top .nav .logo {

    background: url(../img/logo2.png) center center no-repeat;

}

.service_html .lan .black_top .nav .ul a {

    color: #fff;

}



.service_html .pc-slide {

	margin: 0 auto;

}

.service_html .view .swiper-container {

	width: 100vw;

	height: 100vh;

}

.service_html .preview {

	margin-top: 10px;

    position: fixed;

    right: 0;

    top: 50vh;

    margin-top: -144px;

    z-index: 9;

}

.service_html .preview .swiper-container {

    width: 147px;

    background: url("../img/fw_xian2.png") right 31px center no-repeat;

}

.service_html .preview .swiper-wrapper{

    display: block;

}

.service_html .preview .swiper-slide{

	width: 116px;

	height: 35px;

    cursor:pointer;

    transition:all 0.4s ease-in-out;

    background: url("../img/fw_dian1.png") right center no-repeat;

}

.service_html .preview .active-nav{

    background: url("../img/fw_dian2.png") right center no-repeat;

}

.service_html .preview .swiper-slide:hover{

    background: url("../img/fw_dian2.png") right center no-repeat;

}

.service_html .preview .swiper-slide p{

    line-height: 35px;

    font-size: 16px;

    color: #1758a7;

    text-align: center;

    white-space:nowrap;

    width: 0;

    margin-right: 25px;

    overflow: hidden;

    float: right;

    text-align: right;

    transition:all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;

    text-shadow: 5px 5px 5px 5px rgba(255, 255, 255, 1);

}

.service_html .preview .active-nav p{

    width: calc(100% - 20px);

}

.service_html .preview .swiper-slide:hover p{

    width: calc(100% - 25px);

}

/* .service_html .preview .slide6 {

	width: 82px;

}

.service_html .preview img {

	padding: 1px;

}

.service_html .preview .active-nav img {

	padding: 0;

	border: 1px solid #F00;

} */

.service_html .jianjie{

    width: 100%;

    position: relative;

    z-index: 2;

}

.service_html .jianjie img{

    margin: auto;

    margin-bottom: 28px;

}

.service_html .jianjie .h3{

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    text-align: center;

    line-height: 102px;

}

.service_html .jianjie .p1{

    font-size: 30px;

    color: #333333;

    text-align: center;

    line-height: 38px;

}

.service_html .jianjie .p2{

    font-size: 16px;

    color: #666666;

    text-align: center;

    line-height: 24px;

    text-transform:uppercase;

}

.service_html .jianjie .more{

    display: block;

    width: 208px;

    height: 54px;

    border: solid 1px #3a3a3a;

    font-size: 16px;

    color: #3a3a3a;

    line-height: 54px;

    text-align: center;

    border-radius: 54px;

    margin: auto;

    margin-top: 32px;

    transition:all 0.3s ease-in-out;

}

.service_html .floor_8 .foot{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

}

/* .service_html .lan{

    background: #1758a7;

} */

.service_html .lan .jianjie .h3{

    color: #fff;

}

.service_html .lan .jianjie .p1{

    color: #fff;

}

.service_html .lan .jianjie .p2{

    color: #fff;

}

.service_html .lan .jianjie .more{

    border: solid 1px #fff;

    color: #fff;

}

.service_html .jianjie .more:hover{

    border: solid 1px #1758a7;

    color: #ffffff;

    background: #1758a7;

}

.service_html .lan .jianjie .more:hover{

    border: solid 1px #1758a7;

    color: #ffffff;

    background: #1758a7;

}

.service_html .swiper-slide-active .jianjie img{

    -webkit-animation: swing 0.6s 1 ease-out;

}

.service_html .swiper-slide-active .jianjie .h3{

    -webkit-animation: fadeInLeft 0.5s 1 ease-out;

}

.service_html .swiper-slide-active .jianjie .p1{

    -webkit-animation: fadeInRight 0.5s 1 ease-out;

}

.service_html .swiper-slide-active .jianjie .p2{

    -webkit-animation: fadeInLeft 0.5s 1 ease-out;

}

.service_html .swiper-slide-active .jianjie .more{

    -webkit-animation: fadeInUp 0.5s 1 ease-out;

}

.service_html .shubiao{

    width: 26px;

    height: 73px;

    position: absolute;

    left: 50%;

    bottom: 38px;

    z-index: 2;

    margin-left: -13px;

    animation: myfirst 2s infinite;

    cursor: pointer;

    background: url("../img/shubiao1.png") center center no-repeat;

}

.service_html .lan .shubiao{

    background: url("../img/shubiao2.png") center center no-repeat;

}

.service_html .nav{

    /* width: 1600px; */

    width:calc(100% - 320px);

    margin: auto;

    height: 100px;

    position: relative;

}

.service_html .nav .logo{

    width: 103px;

    height: 100px;

    background: url("../img/logo1.png") center center no-repeat;

}

.service_html .nav .ul .yiji{

    display: block;

    width: 150px;

    transition: all 0.3s ease-in-out;

    position: relative;

    text-align: right;

}

.service_html .nav .ul .yiji .yiji_a {

    font-size: 18px;

    color: #333333;

    line-height: 100px;

    width: 100%;

    display: block;

}

.service_html .nav .ul .yiji .erji {

    position: absolute;

    top: 100px;

    left: 40px;

    width: 100%;
text-align: center;
    display: none;

}

.service_html .nav .ul .yiji:hover .erji {

    display: block;

}

.service_html .nav .yiji .erji a {

    display: block;

    border-top: solid 1px #efefef;

    background: rgba(255, 255, 255, 0.8);

    line-height: 50px;

    font-size: 16px;

    color: #333;

    transition: all 0.3s ease-in-out;

}

.service_html .nav .yiji .erji a:hover {

    background: rgba(0, 109, 178, 0.8);

    color: #fff;

}

#particles-js, #parallax, .layer, .some-space, .some-more-space {

    height: 100vh;

    position: absolute;

    width: 100vw;

    background: #f0f0f0;

    z-index: 0;

  }

  

  #particles-js {

    opacity: 0.6;

  }

  .some-space {

    animation: rotate 18s 0.5s infinite linear reverse;

  }

  

  .some-more-space {

    -webkit-animation: rotate 15s 0.1s infinite linear;

            animation: rotate 15s 0.1s infinite linear;

  }

  

  @-webkit-keyframes rotate {

    0% {

      -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);

              transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);

    }

    100% {

      -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);

              transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);

    }

  }

  

  @keyframes rotate {

    0% {

      -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);

              transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);

    }

    100% {

      -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);

              transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);

    }

  }

  #wrap {

    height: 100vh;

    width: 100vw;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

}



#wrap canvas {

    display: block;

    height: 100vh;

    width: 100vw;

    background: #1758a7 !important;

}

.black_top{

    height: 100px;

    background: #ffffff;

}

.nav_ny{

    width: calc(100% - 320px);

    margin: auto;
    position: relative;
    z-index: 99;

}

.news_html{

    background: #fafafa;

}
.nav_ny .ul .yiji{
    display: block;
    width: 150px;
    transition: all 0.3s ease-in-out;
    position: relative;
    text-align: right;
}
.nav_ny .ul .yiji .yiji_a {
    font-size: 18px;
    color: #333333;
    line-height: 100px;
    width: 100%;
    display: block;
    transition: all 0.3s ease-in-out;
}
.nav_ny .ul .yiji .yiji_a:hover {
    color: #1758a7;
}
.nav_ny .ul .yiji .erji {
    position: absolute;
    top: 100px;
    left: 40px;
    width: 100%;
    text-align: center;
    display: none;
}
.nav_ny .ul .yiji:hover .erji {
    display: block;
}
.nav_ny .yiji .erji a {
    display: block;
    border-top: solid 1px #efefef;
    background: rgba(255, 255, 255, 0.8);
    line-height: 50px;
    font-size: 16px;
    color: #333;
    transition: all 0.3s ease-in-out;
}
.nav_ny .yiji .erji a:hover {
    color: #fff;
    background: rgba(0, 109, 178, 0.8);
}

.news_html .news_first{

    width: calc(100% - 320px);

    margin: auto;

    position: relative;

    margin-top: 60px;

    margin-bottom: 50px;

}

.news_html .news_first .swiper-wrapper{

    padding-top: 47px;

}

.news_html .news_first .img{

    width: 50%;

    position: relative;
    height: 422px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.news_html .news_first .img img{

    width: 100%;
    height: auto;
    display: block;

}

.news_html .news_first .date{

    width: 101px;

    height: 101px;

    background: #1758a7;

    position: absolute;

    top: -47px;

    left: 30px;

}

.news_html .news_first .date p:nth-child(1){

    font-size: 30px;

    color: #ffffff;

    text-align: center;

    line-height: 30px;

    padding-top: 24px;

    font-family: myfont;

}

.news_html .news_first .date p:nth-child(2){

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    line-height: 24px;

    font-family: myfont;

}

.news_html .news_first .swiper-button-prev-news {

    width: 71px;

    height: 71px;

    top: auto;

    bottom: 0;

    left: 50%;

    margin-left: -71px;

    transition: all 0.3s ease-in-out;

    background: url("../img/customer_l1.png") center center no-repeat;

}

.news_html .news_first .swiper-button-prev-news:hover {

    background: url("../img/customer_l2.png") center center no-repeat;

}

.news_html .news_first .swiper-button-next-news{

    width: 71px;

    height: 71px;

    top: auto;

    bottom: 0;

    left: 50%;

    transition: all 0.3s ease-in-out;

    background: url("../img/customer_r1.png") center center no-repeat;

}

.news_html .news_first .swiper-button-next-news:hover {

    background: url("../img/customer_r2.png") center center no-repeat;

}

.news_html .news_first .swiper-button-next.swiper-button-disabled, 

.news_html .news_first .swiper-button-prev.swiper-button-disabled {

    opacity: 1;

    cursor: auto;

    pointer-events: none;

}

.news_html .news_first .right{

    width: 50%;

    background: #fff;

    height: 422px;

}

.news_html .news_first .right .text{

    width: calc(100% - 60px);

    margin: auto;

}

.news_html .news_first .right .text .bt{

    font-size: 30px;

    color: #333333;

    height: 65px;

    line-height: 65px;

    padding-top: 44px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.news_html .news_first .right .text .p{

    font-size: 16px;

    color: #666666;

    line-height: 32px;

    text-align: justify;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    height: 100px;

}

.news_html .news_first .right .text .more{

    font-size: 16px;

    color: #1758a7;

    line-height: 38px;

    margin-top: 65px;

    display: block;

}

.news_html .news_first .right .text .more div{

    width: 28px;

    height: 1px;

    background: #1758a7;

}

.news_html .news_list{

    width: calc(100% - 320px);

    margin: auto;

}

.news_html .news_list a{

    display: block;

    margin-bottom: 60px;

}

.news_html .news_list a .img{

    width: 429px;

    height: 329px;

    position: relative;

    z-index: 1;

    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    overflow: hidden;

}

.news_html .news_list a .img img{

    width: 100%;

    height: auto;

}

.news_html .news_list a .text{

    width: calc(100% - 429px - 70px);

    padding: 0 40px 0 30px;

    height: 294px;

    background: #fff;

    margin-top: 20px;

}

.news_html .news_list a .text .bt{

    font-size: 24px;

    color: #333333;

    line-height: 81px;

    height: 81px;

    border-bottom: solid 1px #dddddd;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.news_html .news_list a .text .p{

    font-size: 16px;

    color: #666666;

    line-height: 32px;

    text-align: justify;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    height: 62px;

}

.news_html .news_list a .text .time{

    font-size: 16px;

    color: #999999;

    line-height: 30px;

    margin-top: 24px;

    font-family: myfont;

}

.news_html .news_list a .text .icon{

    width: 26px;

    height: 11px;

    margin-top: 28px;

    transition:all 0.3s ease-in-out;

    background: url("../img/news_list_icon1.png") right center no-repeat;

}

.news_html .news_list a:hover .text .icon{

    width: 237px;

    background: url("../img/news_list_icon2.png") right center no-repeat;

}

.news_html .turn_page{

    margin-bottom: 54px;

}

.turn_page{

    width: calc(100% - 320px);

    margin: auto;

    text-align: center;

}

.turn_page .jvzhong{

    display: inline-flex;

}

.turn_page .jvzhong a{

    font-size: 18px;

    color: #666666;

    display: block;

    width: 48px;

    height: 48px;

    line-height: 48px;

    margin: 0 5px;

    border-radius: 3px;

    background: #fff;

    border: solid 1px #e0e0e0;

    transition:all 0.3s ease-in-out;

}

.turn_page .jvzhong a:hover{

    color: #fff;

    background: #1758a7;

    border: solid 1px #1758a7;

}

.turn_page .jvzhong p{

    font-size: 18px;

    color: #666666;

    height: 48px;

    margin: 0 5px;

    line-height: 40px;

}

.turn_page .jvzhong .upper{

    background-image: url("../img/upper.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.turn_page .jvzhong .upper:hover{

    background-image: url("../img/upper.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.turn_page .jvzhong .lower{

    background-image: url("../img/lower.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.turn_page .jvzhong .lower:hover{

    background-image: url("../img/lower.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.news_show_html{

    width: 100%;

    overflow: hidden;

    background: #fafafa;

    position: relative;

}

.news_show_html .news_show{

    width: calc(100% - 320px);

    margin: auto;

    position: relative;

    z-index: 2;

    padding: 33px 0 60px 0;

}

.news_show_html .news_show .return{

    display: block;

    padding-left: 54px;

    font-size: 30px;

    color: #1758a7;

    background: url("../img/return.png") left center no-repeat;

}

.news_show_html .news_show .title{

    font-size: 40px;

    color: #333333;

    font-weight: 600;

    text-align: center;

    padding-top: 22px;

}

.news_show_html .news_show .date{

    text-align: center;

    padding-top: 16px;

    margin-bottom   : 35px;

}

.news_show_html .news_show .date .jz{

    display: inline-flex;

}

.news_show_html .news_show .date .jz p{

    font-size: 16px;

    color: #666666;

    line-height: 24px;

    padding: 0 25px;

    font-family: myfont;

}

.news_show_html .news_show .date .jz .bshare-custom a{

    padding-left: 0;

    margin: 0 4px;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-more.more-style-addthis{

    width: 24px;

    height: 24px;

    padding-left: 0 !important;

    background: url("../img/bshare_icon1.png") center center no-repeat;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-qqim{

    width: 24px;

    height: 24px;

    background: url("../img/bshare_icon2.png") center center no-repeat;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-qqmb{

    width: 24px;

    height: 24px;

    background: url("../img/bshare_icon3.png") center center no-repeat;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-qzone{

    width: 24px;

    height: 24px;

    background: url("../img/bshare_icon4.png") center center no-repeat;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-weixin{

    width: 24px;

    height: 24px;

    background: url("../img/bshare_icon5.png") center center no-repeat;

}

.news_show_html .news_show .date .jz .bshare-custom .bshare-sinaminiblog{

    width: 24px;

    height: 24px;

    background: url("../img/bshare_icon6.png") center center no-repeat;

}

.news_show_html .news_show .text{

    background: #fff;

    padding: 0 50px;

    font-size: 18px;

    color: #666666;

    line-height: 40px;

    text-indent: 2em;

    padding-top: 18px;

}

.news_show_html .news_show .text p{

    font-size: 18px;

    color: #666666;

    line-height: 40px;

    text-indent: 2em;

    margin: 20px 0;

}

.news_show_html .news_show .text .next_page{

    border-top: solid 1px #dddddd;

    margin-top: 40px;

}

.news_show_html .news_show .text .next_page a{

    display: block;

    width: calc(47% - 58px);

    font-size: 18px;

    color: #333333;

    height: 100px;

    line-height: 100px;

    text-indent: 0;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.news_show_html .news_show .text .next_page .float_l{

    padding-left: 58px;

    background: url("../img/next_page1.png") center left no-repeat;

}

.news_show_html .news_show .text .next_page .float_r{

    padding-right: 58px;

    background: url("../img/next_page2.png") center right no-repeat;

}

.news_show_html .news_show .text .next_page a:hover{

    color: #1758a7;

}

.news_show_html .quan1{

    position: absolute;

    top: 100px;

    right: -204px;

    width: 504px;

    height: 504px;

    transition:all 0.5s ease-in-out;

    background: url("../img/quan_bj.png") center center no-repeat;

}

.news_show_html .quan1 img{

    margin: auto;

    margin-top: 65px;

}

.news_show_html .dong{

    top: 150px;

    right: -150px;

}

.news_show_html .quan2{

    width: 1445px;

    height: 1445px;

    background: #97d2fd;

    border-radius: 50%;

    position: absolute;

    top: 450px;

    left:-1000px;

    z-index: 1;

    transition:all 0.5s ease-in-out;

}

.news_show_html .foot{

    position: relative;

    z-index: 2;

}

.news_show_html .dong2{

    top: 450px;

    left:-800px;

}

.search_ny{

    height: 6.5rem;

    background: url("../img/joinusbanner.jpg") center center no-repeat;

}

.search_ny .title{

    font-size: 55px;

    color: #ffffff;

    font-weight: 600;

    line-height: 110px;

    padding-top: 260px;

    text-align: center;

}

.search_ny p{

    font-size: 18px;

    color: #eee;

    line-height: 80px;

    text-align: center;

}

.search_ny p a{

    font-size: 18px;

    color: #eee;

    transition:all 0.3s ease-in-out;

}

.search_ny p a:hover{

    color: #fff;

}

.search_ny p span{

    margin: 0 8px;

}

.search_ny .search{

    width: 924px;

    height: 66px;

    background: #fff;

    border-radius: 66px;

    margin: auto;

    overflow: hidden;

}

.search_ny .search a{

    display: block;

    width: 159px;

    height: 66px;

    font-size:18px;

    color: #ffffff;

    text-align: center;

    line-height: 66px;

    background: #1758a7;

    transition:all 0.3s ease-in-out;

}

.search_ny .search a:hover{

    background: #529fd6;

}

.search_ny .search img{

    margin-left: 35px;

    margin-top: 23px;

    width: 22px;

}

.search_ny .search input{

    width: calc(100% - 260px);

    line-height: 66px;

    padding: 0;

    border: none;

    padding-left: 15px;

    font-size: 18px;

    color: #666;

}

.search_ny .search input::-webkit-input-placeholder{

    color:#c8cbcf;

}

.search_ny .search input::-moz-placeholder{   

    color:#c8cbcf;

}

.search_ny .search input:-moz-placeholder{    

    color:#c8cbcf;

}

.search_ny .search input:-ms-input-placeholder{

    color:#c8cbcf;

}

.join_html .biaoti{

    width: calc(100% - 320px);

    margin: auto;

    padding-bottom: 38px;

}

.join_html .biaoti .p1{

    font-size: 60px;

    color: #000000;

    text-align: center;

    line-height: 86px;

    padding-top: 65px;

    font-weight: 600;

}

.join_html .biaoti .p2{

    font-size: 22px;

    color: #666666;

    text-align: center;

    line-height: 50px;

}

.join_html .quan1{

    top: 450px;

}

.join_html .dong{

    top: 500px;

}

.join_html .screen{

    position: relative;

    z-index: 2;

    width: calc(100% - 320px);

    margin: auto;

    background: #fff;

    margin-bottom: 36px;

}

.join_html .screen .city{

    padding: 20px 42px;

    border-bottom: solid 1px #eae8eb;

}

.join_html .screen .type{

    padding: 20px 42px;

}

.join_html .screen p{

    font-size: 22px;

    color: #333333;

    line-height: 85px;

}

.join_html .screen a{

    display: block;

    width: 100px;

    height: 46px;

    line-height: 46px;

    margin: 20px 3px;

    font-size: 18px;

    color: #333333;

    text-align: center;

}

.join_html .screen .on{

    background: url("../img/screen_icon.png") center center no-repeat;

}

.join_html .position{

    background: #fff;

    position: relative;

    z-index: 2;

    width: calc(100% - 320px);

    margin: auto;

    margin-bottom: 80px;

    padding-bottom: 80px;

}

.join_html .position .position_list{

    padding-top: 34px;

}

.join_html .position .position_list .position_each{

    padding:0 50px;

    height: 230px;

    transition:all 0.3s ease-in-out;

    background: #fff;

}

.join_html .position .position_list .position_each:hover{

    position: relative;

    z-index: 1;

    box-shadow: 0px 0px 20px 0px rgba(0, 109, 178, 0.26);

}

.join_html .position .position_list .position_each .zhiwei{

    font-size: 30px;

    font-weight: 600;

    color: #333333;

    line-height: 50px;

    padding-top: 18px;

}

.join_html .position .position_list .position_each .renshu{

    padding-top: 12px;

    padding-bottom: 20px;

}

.join_html .position .position_list .position_each .renshu .p{

    font-size: 18px;

    color: #999999;

}

.join_html .position .position_list .position_each .renshu .p span{

    font-size: 18px;

    color: #999999;

    height: 16px;

    line-height: 16px;

    padding: 0 7px;

    display: block;

    border-left: solid 1px #eae8eb;

}

.join_html .position .position_list .position_each .renshu .p span:nth-child(1){

    border-left: none;

}

.join_html .position .position_list .position_each .renshu .float_r{

    font-size: 18px;

    color: #999999;

    line-height: 16px;

    width: 257px;

    text-align: center;

}

.join_html .position .position_list .position_each .text .p{

    width: calc(100% - 330px);

    font-size: 18px;

    color: #666666;

    line-height: 40px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;
    height: 80px;

}

.join_html .position .position_list .position_each .text a{

    display: block;

    width: 257px;

    height: 56px;

    line-height: 56px;

    font-size: 18px;

    color: #ffffff;

    text-align: center;

    background: #1758a7;

    border-radius: 5px;

    transition:all 0.3s ease-in-out;

}

.join_html .position .position_list .position_each:hover .text a{

    background: #569dd6;

}

.join_html .position .turn_page{

    margin-top: 30px;

}

.join_html .quan2{

    top: 800px;

}

.join_html .dong2{

    top: 900px;

    left:-800px;

}

.join_html .quan3{

    position: absolute;

    top: 2000px;

    right: -300px;

    width: 800px;

    height: 800px;

    transition: all 0.5s ease-in-out;

    background: url("../img/quan_bj.png") center center no-repeat;

    background-size: 100% 100%;

}

.join_html .quan3 img{

    width: 60%;

    margin: auto;

    margin-top: 20%;

}

.join_html .dong3{

    top: 1800px;

    right: -200px;

}

.join_html .weizhi{

    height: 100px;

    background: #ffffff;

    border-bottom: solid 1px #eae8eb;

}

.join_html .weizhi .jz{

    width: calc(100% - 320px);

    margin: auto;

}

.join_html .weizhi .jz .float_l{

    font-size: 18px;

    color: #333333;

    line-height: 100px;

}

.join_html .weizhi .jz .float_r{

    padding-left: 42px;

    line-height: 100px;

    font-size: 16px;

    color: #666666;

    background: url("../img/weizhi.png") left center no-repeat;

}

.join_html .weizhi .jz .float_r a{

    font-size: 16px;

    color: #666666;

}

.join_details{

    position: relative;

}

.join_html .join_details .waves_svg{

    height: 335px;

    min-height: 335px;

    max-height: 335px;

    position: absolute;

    bottom: 0;

}

.join_html .join_details .text{

    position: relative;

    z-index: 9;

    width: calc(100% - 360px);

    margin: auto;

}

.join_html .join_details .text .bt1{

    font-size: 30px;

    color: #000000;

    font-weight: 600;

    line-height: 50px;

    padding-top: 62px;

}

.join_html .join_details .text .bt2{

    font-size: 24px;

    color: #333333;

    font-weight: 600;

    line-height: 66px;

    padding-top: 30px;

}

.join_html .join_details .text .p{

    font-size: 18px;

    color: #666666;

    line-height: 40px;

    text-align: justify;

}

.join_html .join_details .text .p1{

    padding: 15px 0;

}

.join_html .join_details .text .p1 span{

    height: 18px;

    line-height: 18px;

    color: #999999;

    padding: 0 8px;

    border-left: solid 1px #eae8eb;

}

.join_html .join_details .text .p1 span:nth-child(1){

    border-left: none;

    padding-left: 0;

}

.join_html .join_details .apply{

    margin-top: 60px;

    padding-bottom: 112px;

}

.join_html .join_details .apply .button{

    display: block;

    width: 257px;

    height: 56px;

    background: #1758a7;

    border-radius: 5px;

    font-size: 18px;

    color: #ffffff;

    text-align: center;

    line-height: 56px;

    transition:all 0.3s ease-in-out;

}

.join_html .join_details .apply .button:hover{

    background: #529fd6;

}

.join_html .join_details .apply .return_apply{

    display: block;

    padding-left: 46px;

    line-height: 56px;

    font-size: 18px;

    color: #999999;

    margin-left: 32px;

    transition:all 0.3s ease-in-out;

    background: url("../img/return_apply.png") left center no-repeat;
    background-size: 30%;

}

.join_html .join_details .apply .return_apply:hover{

    color: #1758a7;

}

.join_html .message_html{

    width: calc(100% - 320px);

    margin: auto;

    padding-bottom: 90px;

}

.join_html .message_html .bt{

    font-size: 30px;

    color: #000000;

    line-height: 106px;

    text-indent: 20px;

    padding-top: 35px;

    font-weight: 600;

}

.join_html .message .left{

    width: calc(100% - 640px);

}

.join_html .message .left .width{

    width: 50%;

    margin-bottom: 20px;

}

.join_html .message .left .width p{

    width: 115px;

    font-size: 18px;

    color: #333333;

    line-height: 56px;

    text-align: right;

}

.join_html .message .left .width p span{

    color: #ff0000;

    padding: 0 12px 0 4px;

}

.join_html .message .left .width input{

    width: calc(100% - 155px);

    height: 54px;

    background: #ffffff;

    border: solid 1px #e6e6e6;

    padding: 0 10px;

    font-size: 18px;

    color: #333333;

}

.join_html .message .left .width .radio{

    position: relative;

    width: auto;

    left: 0;

	background: url('../img/radio_icon1.png') left center no-repeat;

	width: 75px;

	height: 20px;

	background-position: 0px 0px;

    cursor:pointer;

    margin-top: 17px;

    margin-left: 5px;

}

.join_html .message .left .width .radio input{

    position: absolute;

    left: 0;

    width: 20px;

	height: 20px;

    visibility: hidden;

}

.join_html .message .left .width .radio p{

    position: absolute;

    left: 0;

    top: 0;

    line-height: 20px;

    text-align: left;

    text-indent: 30px;

    font-size:18px;

    color: #666666;

}

.join_html .message .left .width .radio input+label{

	position: absolute;

    right: 0;

    z-index: 2;

	display: inline-block;

	width: 75px;

	height: 20px;

	background: url('../img/radio_icon2.png') left center no-repeat;

	background-position: -20px -20px;

    cursor:pointer;

    line-height: 18px;

    font-size: 14px;

    color: #999999;

    text-indent: 30px;

}

.join_html .message .left .width .radio input:checked+label{

    background-position: 0px 0px;

}

.join_html .message .left .width2{

    width: 100%;

}

.join_html .message .left .width2 textarea{

    width: calc(100% - 155px);

    height: 120px;

    background: #ffffff;

    border: solid 1px #e6e6e6;

    padding: 10px;

    font-size: 16px;

    color: #333333;

}

.join_html .message_html .submit{

    display: block;

    width: 257px;

    height: 56px;

    border-radius: 5px;

    text-align: center;

    line-height: 56px;

    font-size: 18px;

    color: #ffffff;

    background: #1758a7;

    margin-left: 116px;

    margin-top: 15px;

}

.join_html .message .right{

    width: 400px;

    padding-left: 100px;

    margin-top: -38px;

    border-left: solid 1px #eae8eb;

}

.join_html .message .right .right_bt{

    font-size:30px;

    color: #000000;

    line-height: 90px;

}

.join_html .message .right .checkbox .radio{

    position: relative;

    width: auto;

    left: 0;

	background: url('../img/radio_icon3.png') left center no-repeat;

	width: 160px;

	height: 26px;

	background-position: 0px 0px;

    cursor:pointer;

    margin-bottom: 24px;

}

.join_html .message .right .checkbox .radio input{

    position: absolute;

    left: 0;

    width: 26px;

	height: 26px;

    visibility: hidden;

    cursor: pointer;

}

.join_html .message .right .checkbox .radio p{

    position: absolute;

    left: 0;

    top: 0;

    line-height: 26px;

    text-align: left;

    text-indent: 40px;

    font-size:18px;

    color: #666666;

    cursor: pointer;

}

.join_html .message .right .checkbox .radio input+label{

	position: absolute;

    right: 0;

    z-index: 2;

	display: inline-block;

	width: 160px;

	height: 26px;

	background: url('../img/radio_icon4.png') left center no-repeat;

    background-position: -26px -26px;

    cursor: pointer;

}

.join_html .message .right .checkbox .radio input:checked+label{

    background-position: 0px 0px;

}

.join_html .message .right .resume_list .resume_each{

    padding-top: 20px;

    padding-bottom: 22px;

    border-bottom: dashed 1px #b9b8b8;

}

.join_html .message .right .resume_list .resume_each .name{

    font-size: 18px;

    color: #666666;

    line-height: 35px;

}

.join_html .message .right .resume_list .resume_each .date{

    font-size: 14px;

    color: #b9b8b8;

    line-height: 26px;

}

.join_html .message .right .resume_list .resume_each .p{

    font-size: 18px;

    color: #529fd6;

    line-height: 36px;

}

.contact_html .search_ny{

    height: 460px;

    background: url("../img/banner_ny.png") center center no-repeat;

}

.contact_html .search_ny .title{

    padding-top: 215px;

}

.contact_html{

    background: #f8f8f8;

    overflow-x: hidden;

    width: 100%;

    position: relative;

}

.contact_html .ditu{

    height: 1368px;

    padding: 35px 0 206px 0;

    position: relative;

    background: url("../img/contact_img.png") top 35px center no-repeat;

}

.contact_html .ditu .bt1{

    font-size: 45px;

    color: #000000;

    font-weight: 600;

    text-align: center;

    line-height: 100px;

    padding-top: 30px;

}

.contact_html .ditu .p{

    text-align: center;

}

.contact_html .ditu .p p{

    font-size: 22px;

    color: #333333;

    line-height: 40px;

}

.contact_html .ditu .bt2{

    font-size: 40px;

    color: #1758a7;

    font-weight: 600;

    text-align: center;

    line-height: 190px;

}

.point-area {

    text-align: center;

    position: absolute;

    width: 30px;

    height: 30px;

    transition: opacity 0.5s ease-out;

    cursor: pointer;

}

.point-area:before {

    position: absolute;

    content: '';

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #529fd6;

    display: inline-block;

    margin-left: -4px;

    margin-top: -4px;

    top: 50%;

    left: 50%;

}

.select_place:before {

    position: absolute;

    content: '';

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #529fd6;

    display: inline-block;

    margin-left: -6px;

    margin-top: -6px;

    top: 50%;

    left: 50%;

}

.point-area .txt {
    position: absolute;
    left: -200px;
    top: 30px;
    z-index: 9;
    width: 400px;
    padding: 10px 20px 20px;
    background: rgba(215, 215, 215, 0.4);
    border: solid 1px rgba(215, 215, 215, 0.4);
    border-radius: 10px;
    display: none;
}
.point-area:hover .txt {
    display: block;
}
.point-area .txt .bt{
    font-size: 22px;
    color: #3b3b3b;
    line-height: 50px;
    text-align: left;
    font-weight: 600;
}
.point-area .txt .p p{
    font-size: 18px;
    color: #3b3b3b;
    line-height: 34px;
    text-align: left;
}
.point-area .txt .sanjiao{
    position: absolute;
    top: -12px;
    left: 0;
    width: 425px;
    height: 11px;
    background: url(../img/sanjiao1.png) top center no-repeat;
}
.point {

    position: absolute;

    width: 100%;

    height: 100%;

}

.point:after {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    border: 2px solid #529fd6;

    opacity: 0;

}

.select_place .point-10:after {

    animation: ripple 4.5s ease-out 225ms infinite;

}

.select_place .point-40:after {

    animation: ripple 4.5s ease-out 0.9s infinite;

}

.select_place .point-shadow:after {

    box-shadow: inset 0 0 5em rgba(82,159,214,0.16);

}

.select_place .point-80:after {

    animation: ripple 4.5s ease-out 1.8s infinite;

}

.point-area:hover .point-10:after {

    animation: ripple 4.5s ease-out 225ms infinite;

}

.point-area:hover .point-40:after {

    animation: ripple 4.5s ease-out 0.9s infinite;

}

.point-area:hover .point-shadow:after {

    box-shadow: inset 0 0 5em rgba(82,159,214,0.16);
    animation: ripple 4.5s ease-out 1.8s infinite;
}
.point-area2 .point-10:after {

    animation: ripple 4.5s ease-out 225ms infinite;

}

.point-area2 .point-40:after {

    animation: ripple 4.5s ease-out 0.9s infinite;

}

.point-area2 .point-shadow:after {

    box-shadow: inset 0 0 5em rgba(82,159,214,0.16);
    animation: ripple 4.5s ease-out 1.8s infinite;
}

@keyframes ripple{

    0%{

        opacity:0;

        transform:scale(0.1)

    }

    5%{

        opacity:1

    }

    to{

        opacity:0;

        transform:scale(1)

    }

}

.place1{

    top: 50%;

    left: 50%;

    margin-left: 255px;

    margin-top: -46px;

}

.place2{

    top: 50%;

    left: 50%;

    margin-left: 290px;

    margin-top: -78px;

}

.place3{

    top: 50%;

    left: 50%;

    margin-left: 269px;

    margin-top: -83px;

}
/* .place3 .txt,
.place4 .txt,
.place5 .txt{
    left: -66px;
    top: -22px;
    text-align: center;
}
.place6 .txt,
.place7 .txt,
.place11 .txt{
    left: -162px;
    top: 2px;
    text-align: right;
}
.place10 .txt{
    left: -66px;
    top: 22px;
    text-align: center;
} */
.contact_html .ditu_tk{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100vh;
    padding: 0;
    border: none;
    box-shadow:none;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    z-index: 100;
}
.contact_html .ditu_tk .tankuan_dt .gb {
    width: 71px;
    height: 69px;
    position: absolute;
    right:0px;
    top:0px;
    cursor: pointer;
    border: none;
    outline: none;
    transition: all 0.3s ease-in-out;
    background: #016eb2;
    background-image: url("../img/gb3.png");
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 3;
}
.contact_html .ditu_tk .tankuan_dt{
    width: 1000px;
    margin: auto;
    position: relative;
    background: #fff;
}
.contact_html .ditu_tk .tankuan_dt .tankuan_dt_img{
    width: 100%;
}
.contact_html .ditu_tk .tankuan_dt .dibiao{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.contact_html .ditu_tk .tankuan_dt .fushexian{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2{
    position: absolute;
    width: 36px;
    height: 36px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(1){
    top: 347px;
    left: 686px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(1):before {
    background: #ff7800;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(1) .point:after {
    border: 2px solid #ff7800;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:hover:before {
    background: #ff7800;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:hover .point:after {
    border: 2px solid #ff7800;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(2){
    top: 157px;
    left: 878px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(3){
    top: 157px;
    left: 799px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(4){
    top: 159px;
    left: 475px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(5){
    top: 169px;
    left: 405px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(6){
    top: 158px;
    left: 206px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(7){
    top: 251px;
    left: 409px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(8){
    top: 297px;
    left: 162px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(9){
    top: 539px;
    left: 315px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(10){
    top: 500px;
    left: 438px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .dian .point-area2:nth-child(11){
    top: 455px;
    left: 576px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .bt{
    font-size: 26px;
    color: #333333;
    font-weight: 600;
    position: absolute;
    top: 32px;
    left: 65px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p{
    font-size: 14px;
    color: #016eb2;
    position: absolute;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(1){
    font-size: 24px;
    color: #016eb2;
    font-weight: 600;
    top: 375px;
    left: 703px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(2){
    top: 182px;
    left: 900px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(3){
    top: 166px;
    left: 734px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(4){
    top: 147px;
    left: 458px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(5){
    top: 157px;
    left: 370px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(6){
    top: 186px;
    left: 200px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(7){
    top: 278px;
    left: 400px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(8){
    top: 328px;
    left: 144px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(9){
    top: 528px;
    left: 306px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(10){
    top: 487px;
    left: 421px;
}
.contact_html .ditu_tk .tankuan_dt .dibiao .p p:nth-child(11){
    top: 440px;
    left: 549px;
}
.ditu_tk_bj{
    position: absolute;
    width: 100%;
    right: 200%;
    top: 900px;
    height: 600px;
    background: #000;
    opacity: 0;
}
.place4{

    top: 50%;

    left: 50%;

    margin-left: 232px;

    margin-top: -83px;

}

.place5{

    top: 50%;

    left: 50%;

    margin-left: 218px;

    margin-top: -80px;

}

.place6{

    top: 50%;

    left: 50%;

    margin-left: 200px;

    margin-top: -69px;

}

.place7{

    top: 50%;

    left: 50%;

    margin-left: 191px;

    margin-top: -50px;

}

.place8{

    top: 50%;

    left: 50%;

    margin-left: 232px;

    margin-top: -62px;

}

.place9{

    top: 50%;

    left: 50%;

    margin-left: 246px;

    margin-top: -28px;

}

.place10{

    top: 50%;

    left: 50%;

    margin-left: 228px;

    margin-top: -24px;

}

.place11{

    top: 50%;

    left: 50%;

    margin-left: 207px;

    margin-top: -19px;

}

.place12{

    top: 50%;

    left: 50%;

    margin-left: -130px;

    margin-top: -54px;

}
.contact_html .ditu .region1{
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    left: 50%;
    top: 765px;
    margin-left: 295px;
}
.contact_html .ditu .region2{
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    left: 50%;
    top: 750px;
    margin-left: -186px;
}
.contact_html .contact_button{

    background: #fff;

    height: 468px;

    position: relative;

}

.contact_html .contact_button .contact{

    width: calc(100% - 320px);

    position: absolute;

    left: 160px;

    top: -190px;

    background: #fff;

    height: 558px;

    box-shadow: 10px 17.321px 30px 0px rgba(0, 109, 178, 0.16);

}

.contact_html .contact_button .left{

    width: 500px;

    padding: 0 60px 0 70px;

    background: #1758a7;

    height: 558px;

}

.contact_html .contact_button .left .bt1{

    font-size: 30px;

    color: #ffffff;

    line-height: 82px;

    padding-top: 50px;

}

.contact_html .contact_button .left .bt2{

    font-size: 18px;

    color: #ffffff;

    line-height: 36px;

    margin-bottom: 28px;

}

.contact_html .contact_button .left .text{

    margin-bottom: 35px;

}

.contact_html .contact_button .left .text p{

    font-size: 18px;

    color: #ffffff;

    line-height: 40px;

}

.contact_html .contact_button .left .icon .float_l{

    position: relative;

    width: 66px;

    height: 66px;

    border: solid 2px #fff;

    border-radius: 50%;

}

.contact_html .contact_button .left .icon .float_l:nth-child(1){

    background: url("../img/contact_icon1.png") center center no-repeat;

}

.contact_html .contact_button .left .icon .float_l:nth-child(2){

    margin-left: 15px;

    background: url("../img/contact_icon2.png") center center no-repeat;

}

.contact_html .contact_button .left .icon .float_l:nth-child(3){

    margin-left: 15px;

    background: url("../img/contact_icon3.png") center center no-repeat;

}

.contact_html .contact_button .left .icon .float_l:nth-child(1) img{

    position: absolute;

    left: 280px;

    top: -30px;

    display: none;

}

.contact_html .contact_button .left .icon .float_l:nth-child(1):hover img{

    display: block;

}

.contact_html .contact_button .right{

    width: calc(100% - 774px);

    padding: 0 86px 0 58px;

    height: 558px;

}

.contact_html .contact_button .right .text {

    padding: 58px 0 30px 30px;

}

.contact_html .contact_button .right .text p{

    font-size: 18px;

    color: #666666;

    line-height: 40px;

}

.contact_html .contact_button .right .width{

    width: 50%;

    margin-bottom: 24px;

}

.contact_html .contact_button .right .width2{

    width: 100%;

    margin-bottom: 30px;

}

.contact_html .contact_button .right .width p{

    width: 90px;

    text-align: right;

    font-size: 18px;

    color: #333333;

    line-height: 56px;

}

.contact_html .contact_button .right .width p span{

    font-size: 16px;

    color: #ff0000;

    padding: 0 10px 0 3px;

}

.contact_html .contact_button .right .width input{

    width: calc(100% - 123px);

    padding: 0 15px;

    height: 54px;

    line-height: 54px;

    border: solid 1px #e6e6e6;

    font-size: 18px;

    color: #333333;

}

.contact_html .contact_button .right .width textarea{

    width: calc(100% - 123px);

    padding: 10px 15px;

    height: 130px;

    line-height: 30px;

    border: solid 1px #e6e6e6;

    font-size: 18px;

    color: #333333;

}

.contact_html .contact_button .right .submit{

    display: block;

    width: 257px;

    height: 56px;

    font-size: 18px;

    color: #ffffff;

    line-height: 56px;

    text-align: center;

    border-radius: 5px;

    margin-left: 90px;

    background: #1758a7;

}
.page_relative .page{
    position: relative;
}
.ditu_tk{
    width: 600px;
    padding: 0 30px 0 30px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9;
    position: absolute;
    top: 800px;
    right: 200%;
    box-sizing: border-box;
    border: 1px solid #1758a7;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    transition:all 0s ease-in-out;
    /* height: 500px; */
    /* overflow-y: scroll; */
}
.ditu_tk1{
    top: 812px;
    margin-right: -230px;
}
.ditu_tk2{
    top: 781px;
    margin-right: -268px;
}
.ditu_tk3{
    top: 775px;
    margin-right: -250px;
}
.ditu_tk4{
    top: 777px;
    margin-right: -212px;
}
.ditu_tk5{
    top: 778px;
    margin-right: -197px;
}
.ditu_tk6{
    top: 791px;
    margin-right: -182px;
}
.ditu_tk7{
    top: 810px;
    margin-right: -170px;
}
.ditu_tk8{
    top: 797px;
    margin-right: -212px;
}
.ditu_tk9{
    top: 831px;
    margin-right: -225px;
}
.ditu_tk10 {
    top: 835px;
    margin-right: -208px;
}
.ditu_tk11{
    top: 840px;
    margin-right: -186px;
}
.ditu_tk12{
    top: 803px;
    margin-right: -524px;
}
.ditu_tk12 .sanjiao {
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-top: solid 1px #1758a7;
    border-left: solid 1px #1758a7;
    transform: rotate(315deg) !important;
    background: #fff;
}
.ditu_tk .sanjiao{
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-top: solid 1px #1758a7;
    border-left: solid 1px #1758a7;
    transform:rotate(136deg);
    background: #fff;
}
.ditu_tk::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0.1px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;

}

.ditu_tk::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 10px;

     -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);

    background: #535353;

}

.ditu_tk::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);

    border-radius: 10px;

    background: #EDEDED;

}
.ditu_bj{
    position: fixed;
    top: 0;
    right: -3000px;
    width: 100vw;
    height: 100vh;
    background: #000;
    z-index: 8;
    opacity: 0;
}

.ditu_tk .ditu_guanbi{
    width: 66px;
    height: 58px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    background: none;
    border: none;
    outline:none;
    transition:all 0.3s ease-in-out;
    background: url("../img/gb1.png") center center no-repeat;
}
.ditu_tk .ditu_guanbi:hover{
    transition:all 0.3s ease-in-out;
    background: url("../img/gb2.png") center center no-repeat;
}
.ditu_tk .text .bt{

    font-size: 30px;

    color: #000000;

    line-height: 68px;

    padding-top: 22px;

}

.ditu_tk .text p{

    font-size:18px;

    color: #333333;

    line-height: 40px;

}
.ditu_tk .text{
    padding-bottom: 50px;
}
.ditu_tk .top_tk{
    padding-top: 28px;
    margin-bottom: 30px;
}

.ditu_tk .top_tk .img{
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 5px;
    border:solid 3px #529fd6;
}

.ditu_tk .top_tk .img img{
    width: 64px;
    height: 64px;
}

.ditu_tk .top_tk .img .icon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.ditu_tk .top_tk .img .icon img{
    width: 28px;
    height: 36px;
    margin: auto;
    margin-top: 14px;
}

.ditu_tk .top_tk .right{

    padding-left: 20px;

    width: calc(100% - 100px);

}

.ditu_tk .top_tk .right p:nth-child(1){

    font-size: 30px;    

    color: #000000;

    line-height: 60px;

}

.ditu_tk .top_tk .right p:nth-child(2){

    font-size: 18px;    

    color: #666666;

    line-height: 36px;

}

.about_html{

    background: #ffffff;

}

.about_html .introduce{

    height: 809px;

    width: 100%;

    background:url("../img/introduce.png") center top no-repeat;

}

.about_html .introduce .right{

    position: absolute;

    left: 50%;

    margin-left: -180px;

    width: 980px;

}

.about_html .introduce .right .title{

    padding-top: 100px;

}

.about_html .introduce .right .title .border{

    width: 60px;

    height: 5px;

    margin-top: 50px;

    margin-right: 10px;

    background: #1758a7;

}

.about_html .introduce .right .title p{

    font-size: 60px;

    color: #000;

    font-weight: 600;

    line-height: 102px;

}

.about_html .introduce .right .title p span{

    font-size: 30px;

    color: #666666;

    font-weight: 600;

    line-height: 102px;

    text-transform:uppercase; 

}

.about_html .introduce .right .text{

    padding-top: 60px;

}

.about_html .introduce .right .text p{

    font-size:16px;

    color: #333333;

    line-height: 32px;

    text-indent: 2em;

    margin: 16px 0;

}

.about_html .number{

    position: absolute;

    right: 0;

    /* bottom: -165px; */

    bottom: -185px;

    width: 1263px;

    height: 270px;

    background: url("../img/introduce_number.png") center center no-repeat;

}

.about_html .number .float_l{

    height: 130px;

    margin-top: 71px;

    border-left: solid 1px #7db6da;

}

.about_html .number .float_l:nth-child(1){

    border-left: none;

    width: 25%;

}

.about_html .number .float_l:nth-child(2){

    width: calc(18% - 1px);

}

.about_html .number .float_l:nth-child(3){

    width: calc(18% - 1px);

}

.about_html .number .float_l:nth-child(4){

    width: calc(39% - 1px);

}

.about_html .number .float_l .p1{

    display: table;

    margin: auto;

    font-size:80px;

    color: #ffffff;

    padding: 0 45px;

    /* padding-top: 20px; */

    margin-top: 20px;

    line-height: 74px;

    background: url("../img/ge.png") top 18px right no-repeat;

}

.about_html .number .float_l .p2{

    font-size: 20px;

    color: #ffffff;

    line-height: 32px;

    text-align: center;

}

.about_html .culture{

    padding-top: 298px;

}

.about_html .culture .jvzhong{

    width: calc(100% - 320px);

    margin: auto;

    position: relative;

    z-index: 2;

    padding-bottom: 180px;

}

.about_html .culture .jvzhong .title p:nth-child(1){

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 72px;

}

.about_html .culture .jvzhong .title p:nth-child(2){

    font-size: 30px;

    color: #666666;

    font-weight: 600;

    line-height: 45px;

    text-transform: uppercase;

}

.about_html .culture .jvzhong .title{

    margin-bottom: 40px;

}

.about_html .culture .jvzhong .culture_text{

    width: 695px;

}

.about_html .culture .jvzhong .culture_text .text{

    width: 660px;

    padding-right: 35px;

    height: 460px;

    overflow-y: auto;

    margin-bottom: 10px;

}

.about_html .chuangshiren .jvzhong .culture_text .text{
    line-height: 34px;
}

.about_html .culture .jvzhong .culture_text .text::-webkit-scrollbar {

    /* 这里的宽是指竖向滚动条的宽，高是指横向滚动条的高*/      

    width: 12px;      

    height: 12px;      

    background: #fafafa; 

    border-radius: 10px; 

}



/* 滚动条凹槽，还可以设置边框属性。此处属性也可以直接在容器中设置 */

.about_html .culture .jvzhong .culture_text .text::-webkit-scrollbar-track-piece {

    background-color: #fafafa;

    border-radius: 10px; 

}

  

  /* 滚动条 */

.about_html .culture .jvzhong .culture_text .text::-webkit-scrollbar-thumb {

    border-radius: 10px;      

    background: rgba(0, 109, 178, 0.5); 

}

.about_html .culture .jvzhong .culture_text .text p{

    font-size: 16px;

    color: #666666;

    line-height: 36px;

    margin: 19px;

    text-indent: 2em;

}

.about_html .culture .jvzhong .right{

    width: 50%;

}

.about_html .culture .jvzhong .right .block{

    width: calc(50% - 90px);

    padding: 0 30px;

    height: 228px;

    background: #fff;

    border-radius: 30px;

    border-top-right-radius: 0;

    position: relative;

    overflow: hidden;

    margin-bottom: 62px;

    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);

}  

.about_html .culture .jvzhong .right .block:nth-child(2){

    margin-top: -60px;

    margin-bottom: 122px;

}

.about_html .culture .jvzhong .right .block:nth-child(4){

    margin-top: -62px;

}

.about_html .culture .jvzhong .right .block .culture_img{

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    transition:all 0.3s ease-in-out;
    width: 20%;

}

.about_html .culture .jvzhong .right .block:hover .culture_img{

    transform: scale(1.2);

}

.about_html .culture .jvzhong .right .block .culture_icon{

    position: absolute;

    bottom: -5px;

    right: 0;

    z-index: 1;
    width: 30%;

}

.about_html .culture .jvzhong .right .block .bt{

    position: relative;

    z-index: 2;

    font-size: 30px;

    color: #333333;

    line-height: 65px;

    padding-top: 14px;

}

.about_html .culture .jvzhong .right .block .bt span{

    font-size: 18px;

    color: #666666;

    padding: 0 5px;

    text-transform: uppercase;

    font-family: myfont;

}

.about_html .culture .jvzhong .right .block .text{

    max-width: 85%;

}

.about_html .culture .jvzhong .right .block .text p{

    position: relative;

    z-index: 2;

    font-size: 18px;

    color: #666666;

    line-height: 36px;

}

.about_html .culture{

    position: relative;

} 

.about_html .culture .waves_svg{

    height: 210px;

    min-height: 210px;

    max-height: 210px;

    bottom: 0;

}

.about_html .memorabilia{

    background: #fafafa;

    padding-bottom: 90px;

    margin-bottom: 30px;

}

.about_html .memorabilia .title{

    text-align: center;

    padding-top: 8px;

    margin-bottom: 100px;

}

.about_html .memorabilia .title p:nth-child(1) {

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 72px;

}

.about_html .memorabilia .title p:nth-child(2) {

    font-size: 30px;

    color: #666666;

    font-weight: 600;

    line-height: 45px;

    text-transform: uppercase;

}

.about_html .memorabilia .swiper-container-memorabilia{

    width: 1010px;

    margin: auto;

}

.about_html .memorabilia .swiper-button-prev-memorabilia{

    width: 60px;

    height: 60px;

    left: 0;

    transition:all 0.3s ease-in-out;

    background: url("../img/memorabilia_prev1.png") center center no-repeat;
    background-size: 100%;

}

.about_html .memorabilia .swiper-button-prev-memorabilia:hover{

    background: url("../img/memorabilia_prev2.png") center center no-repeat;
    background-size: 100%;

}

.about_html .memorabilia .swiper-button-next-memorabilia{

    width: 60px;

    height: 60px;

    right: 0;

    transition:all 0.3s ease-in-out;

    background: url("../img/memorabilia_next1.png") center center no-repeat;
    background-size: 100%;

}

.about_html .memorabilia .swiper-button-next-memorabilia:hover{

    background: url("../img/memorabilia_next2.png") center center no-repeat;
    background-size: 100%;

}

.about_html .memorabilia .swiper-slide{

    height: 350px;

}

.about_html .memorabilia .year{

    font-size: 390px;

    line-height: 350px;

    color: #86c8f4;

    text-align: center;

    font-weight: lighter;

    margin-top: -500px;

    transition:all 0.9s ease .3s;

    font-family: myfont;

}

.about_html .swiper-slide-active .year{

    margin-top: -10px;

}

.about_html .memorabilia .text{

    position: absolute;

    top: 400px;

    left: 50%;

    margin-left: -375px;

    width: 773px;

    height: 262px;

    background: url("../img/memorabilia_bj.png") center center no-repeat;

    transition:all 0.9s ease .3s;

}

.about_html .swiper-slide-active .text{

    top: 56px;

}

.about_html .memorabilia .text .bt{

    font-size: 30px;

    color: #333333;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

    width: 710px;

    margin-left: 38px;

    line-height: 74px;

    padding-top: 20px;

}

.about_html .memorabilia .text .p{

    font-size: 16px;

    color: #666666;

    line-height: 24px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

    width: 710px;

    margin-left: 38px;

}

.about_html .memorabilia .text .date{

    font-size: 16px;

    color: #999999;

    width: 710px;

    margin-left: 38px;

    line-height: 45px;

    font-family: myfont;

}

.about_html .staff{

    padding-bottom: 32px;

}

.about_html .staff .title{

    text-align: center;

    padding-top: 20px;

}

.about_html .staff .title p:nth-child(1) {

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 72px;

}

.about_html .staff .title p:nth-child(2) {

    font-size: 30px;

    color: #666666;

    font-weight: 600;

    line-height: 45px;

    text-transform: uppercase;

}

.about_html .staff .jvzhong{

    width: calc(100% - 320px);

    margin: auto;

    padding-top: 46px;

}

.about_html .staff .jvzhong .block{

    width: 22%;

    margin-left: 4%;

    position: relative;

    /* height: 490px; */
    padding-bottom: 105px;

    transition:all 0.3s ease-in-out;

    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.06);

}

.about_html .staff .jvzhong .block:hover{

    /* margin-top: -30px; */

}

.about_html .staff .jvzhong .block:nth-child(1){

    margin-left: 0;

}

.about_html .staff .jvzhong .block .img{



    width:100%;

  


    overflow: hidden;

    margin: auto;

  

    transition:all 0.3s ease-in-out;

}

/* .about_html .staff .jvzhong .block:hover .img{

    height: 385px;

    width: 100%;

    margin-top: 0;

    border-radius: 0;

} */

.about_html .staff .jvzhong .block .img img{

    width: 100%;

   

    transition:all 0.3s ease-in-out;

}

.about_html .staff .jvzhong .block:hover .img img{

    transform: scale(1.2);

}

.about_html .staff .jvzhong .block .bottom{

    position: absolute;

    left: 0;

    bottom: 0;

    height: 105px;

    width: calc(100% - 36px);

    padding: 0 18px 0 18px;

    transition:all 0.3s ease-in-out;

}

.about_html .staff .jvzhong .block:hover .bottom{

    background: #1758a7;

}

.about_html .staff .jvzhong .block .bottom .bt{
    font-size: 16px;
    color: #333333;
    padding-top: 18px;
    line-height: 32px;
    height: 32px;
    transition:all 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all 0.3s ease-in-out;
}

.about_html .staff .jvzhong .block:hover .bottom .bt{

    color: #fff;

}

.about_html .staff .jvzhong .block .bottom p{

    font-size: 16px;

    color: #333333;

    height: 32px;

    line-height: 32px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

    transition:all 0.3s ease-in-out;

}

.about_html .staff .jvzhong .block:hover .bottom p{

    color: #fff;

}

.about_html .group_style{

    width: calc(100% - 320px);

    margin: auto;

}

.about_html .group_style .top .img{

    width: calc(100% / 3 - 6px);

    margin-left: 15px;

}

.about_html .group_style .top .img:nth-child(1){

    margin-left: 0;

}

.about_html .group_style .bottom .img{

    width: calc(100% / 2 - 8px);

    margin-left: 15px;

}

.about_html .group_style .bottom .img:nth-child(1){

    margin-left: 0;

}

.about_html .group_style .img{

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}

.about_html .group_style .img img{

    width: 100%;

    transition:all 0.3s ease-in-out;

}

.about_html .group_style .img:hover img{

    transform: scale(1.1);

}

.about_html .group_style .img .text{

    position: absolute;

    bottom: 0;

    left: 0;

    width: calc(100% - 44px);

    padding: 0 22px;

    height: 80px;

    background: rgba(0, 109, 178, 0.8);

}

.about_html .group_style .img .text p{

    font-size:18px;

    color: #ffffff;

    height: 38px;

    line-height: 38px;

    padding-top: 16px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.about_html .group_style .img .text .border{

    height: 1px;

    width: 41px;

    background: #fff;

    transition:all 0.3s ease-in-out;

}

.about_html .group_style .img:hover .text .border{

    width: 100px;

}



.aicaigou_banner{

    width: 100%;

    /* height: 700px; */

    background: url("../img/aicaigou_banner.png") center center no-repeat;

}

.aicaigou_f1{

    position: relative;

    height: 1134px;

    background: url("../img/aicaigou_f1.png") bottom center no-repeat;

}

.aicaigou_f2{

    height: 727px;

    background: url("../img/aicaigou_f2.png") center center no-repeat;

}

.aicaigou_f3{

    height: 1693px;

    background: url("../img/aicaigou_f3.png") top center no-repeat;

}

.foot_message{

    height: 645px;

    background: url("../img/aicaigou_f4.png") bottom center no-repeat;

}

.aicaigou_html .title{

    text-align: center;

    padding-top: 60px;

}

.aicaigou_html .title .p1{

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 98px;
    height:98px;

}

.aicaigou_html .title .p2{

    font-size: 30px;

    color: #333333;

    line-height: 50px;

}

.aicaigou_html .title .p3{

    font-size: 20px;

    color: #666666;

    line-height: 40px;

}

.aicaigou_f1 .icon1{

    position: absolute;

    top: 403px;

    left: 50%;

    width: 130px;

    height: 130px;

    margin-left: -490px;

    background: url("../img/aicaigou_bj1.png") center center no-repeat;

}

.aicaigou_f1 .icon2{

    position: absolute;

    top: 403px;

    left: 50%;

    width: 130px;

    height: 130px;

    margin-left: 370px;

    background: url("../img/aicaigou_bj2.png") center center no-repeat;

}

.aicaigou_f1 .icon3{

    position: absolute;

    top: 847px;

    left: 50%;

    width: 134px;

    height: 130px;

    margin-left: -490px;

    background: url("../img/aicaigou_bj3.png") center center no-repeat;

}

.aicaigou_f1 .icon4{

    position: absolute;

    top: 847px;

    left: 50%;

    width: 130px;

    height: 130px;

    margin-left: 370px;

    background: url("../img/aicaigou_bj4.png") center center no-repeat;

}

.aicaigou_f1 .icon1 .text,

.aicaigou_f1 .icon3 .text{

    position: absolute;

    top: -15px;

    right: 165px;

    width: 280px;

}

.aicaigou_f1 .icon1 .text .bt,

.aicaigou_f1 .icon3 .text .bt{

    font-size: 30px;

    color: #010101;

    text-align: right;

    line-height: 58px;

}

.aicaigou_f1 .icon1 .text .p,

.aicaigou_f1 .icon3 .text .p{

    font-size: 18px;

    color: #666666;

    text-align: right;

    line-height: 30px;

}

.aicaigou_f1 .icon2 .text,

.aicaigou_f1 .icon4 .text{

    position: absolute;

    top: -15px;

    left: 165px;

    width: 250px;

}

.aicaigou_f1 .icon2 .text .bt,

.aicaigou_f1 .icon4 .text .bt{

    font-size: 30px;

    color: #010101;

    text-align: left;

    line-height: 58px;

}

.aicaigou_f1 .icon2 .text .p,

.aicaigou_f1 .icon4 .text .p{

    font-size: 18px;

    color: #666666;

    text-align: left;

    line-height: 30px;

}

.aicaigou_f2 .icon_list{

    width: 1600px;

    margin: auto;

    padding-top: 75px;

}

.aicaigou_f2 .icon_list .block{

    width: calc(20% - 1px);

    height: 364px;

}

.aicaigou_f2 .icon_list .xian{

    width: 1px;

    height: 290px;

    background: #cccccc;

    margin-top: 24px;

}

.aicaigou_f2 .icon_list .block:hover{

    background: #fff;

    box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.14);

}

.aicaigou_f2 .icon_list .block .img{

    width: 140px;

    height: 140px;

    position: relative;

    margin: auto;

    margin-top: 33px;

}

.aicaigou_f2 .icon_list .block .img .icon{

    background: #1758a7;

    border-radius: 50%;

    position: relative;

    z-index: 2;

}

.aicaigou_f2 .icon_list .block .img .bj{

    position: absolute;

    left: 32px;

    top: 8px;

    z-index: 1;

}

.aicaigou_f2 .icon_list .block .bt{

    width: 70%;

    margin: auto;

    font-size:30px;

    color: #000000;

    text-align: center;

    line-height: 52px;

    margin-top: 42px;

}

.aicaigou_f2 .icon_list .block .text{

    width: 70%;

    margin: auto;

}

.aicaigou_f2 .icon_list .block .text p{

    font-size: 18px;

    color: #666666;

    line-height: 30px;

    text-align: center;

}

.foot_message .message{

    width: 1600px;

    margin: auto;

    padding-top: 65px;

}

.foot_message .message .left .border{

    width: 100px;

    height: 5px;

    margin-top: 32px;

    margin-bottom: 35px;

    background: #1758a7;

}

.foot_message .message .left .p1 p{

    font-size:40px;

    color: #333333;

    line-height: 50px;

}

.foot_message .message .left .p1 p span{

    margin-right: 50px;

}

.foot_message .message .left .p2{

    font-size: 20px;

    color: #666666;

    line-height: 88px;

}

.foot_message .message .right{

    width: 1040px;

}

.foot_message .message .right input{

    width: 420px;

    height: 68px;

    line-height: 68px;

    font-size: 18px;

    color: #666666;

    padding: 0 30px;

    margin-bottom: 30px;

    border: solid 1px #d6d8d8;

}

input::-webkit-input-placeholder{

    color:#666666;

}

input::-moz-placeholder{   

    color:#666666;

}

input:-moz-placeholder{    

    color:#666666;

}

input:-ms-input-placeholder{

    color:#666666;

}

.foot_message .message .right select{

    width: 482px;

    height: 70px;

    line-height: 70px;

    font-size: 18px;

    color: #666666;

    padding: 0 30px;

    margin-bottom: 30px;

    border: solid 1px #d6d8d8;

}

.foot_message .message .right a{

    display: block;

    float: left;

    height: 70px;

    line-height: 70px;

    text-align: center;

    width: 100%;

    font-size:18px;

    color: #ffffff;

    background: #1758a7;

}

.aicaigou_f3 .settlement{

    text-align: center;

    padding-top: 65px;

}

.aicaigou_f3 .settlement .step{

    display: inline-flex;

}

.aicaigou_f3 .settlement .step .shuzi{

    width: 66px;

    height: 66px;

    line-height: 66px;

    font-size:30px;

    margin: 0 18px;

    color: #ffffff;

    border-radius: 50%;

    background: #1758a7;

}

.aicaigou_f3 .settlement .step .jiatou{

    width: 343px;

    height: 13px;

    margin-top: 27px;

    background: url("../img/settlement_icon1.png") center right no-repeat;

}

.aicaigou_f3 .settlement .tubiao{

    display: inline-flex;

    width: 1782px;

    margin: auto;

}

.aicaigou_f3 .settlement .tubiao .block{

    width: 25%;

}

.aicaigou_f3 .settlement .tubiao .block .icon{

    margin-top: 40px;

    background: url("../img/settlement_icon2.png") center top no-repeat;

}

.aicaigou_f3 .settlement .tubiao .block img{

    margin: auto;

}

.aicaigou_f3 .settlement .tubiao .block .text{

    padding-top: 32px;

}

.aicaigou_f3 .settlement .tubiao .block .text p{

    font-size:30px;

    color: #333333;

    line-height: 40px;

}

.aicaigou_f3 .swiper-container-case{

    width: 1500px;

    margin: auto;

    margin-top: 40px;

}

.aicaigou_f3 .swiper-container-case .swiper-slide{

    padding-bottom: 40px;

}

.aicaigou_f3 .swiper-container-case .left{

    width: 687px;

    height: 563px;

    position: relative;

    background: url("../img/case_bj.png") center center no-repeat;

}

.aicaigou_f3 .swiper-container-case .left img{

    width: 579px;

    height: 325px;

    position: absolute;

    left: 57px;

    top: 52px;

}

.aicaigou_f3 .swiper-container-case .swiper-pagination-bullet {

    width: 25px;

    height: 3px;

    border-radius: 0;

    background: #dbdbdb;

    opacity: 1;

}

.aicaigou_f3 .swiper-container-case .swiper-pagination-bullet-active {

    width: 42px;

    background: #1758a7;

}

.aicaigou_f3 .swiper-container-case .right{

    width: 45%;

}

.aicaigou_f3 .swiper-container-case .right .bt{

    font-size: 30px;

    color: #333333;

    line-height: 72px;

    padding-top: 20px;

}

.aicaigou_f3 .swiper-container-case .right .text .each{

    margin-bottom: 18px;

}

.aicaigou_f3 .swiper-container-case .right .text .each p:nth-child(1){

    font-size: 18px;

    color: #999999;

    line-height: 30px;

    width: 110px;

}

.aicaigou_f3 .swiper-container-case .right .text .each p:nth-child(2){

    font-size: 18px;

    color: #333333;

    line-height: 30px;

    width: calc(100% - 110px);
    word-break: break-all;
    word-break : normal;
    text-align: justify;
}

.aicaigou_f3 .swiper-container-case .right .shuzi .float_l:nth-child(1){

    height: 100px;

    margin-right: 60px;

    padding-right: 60px;

    border-right: solid 1px #d8d8d8;

}

.aicaigou_f3 .swiper-container-case .right .shuzi .float_l p:nth-child(1){

    font-size: 18px;

    color: #1758a7;

    text-align: center;

    line-height: 52px;

    padding-top: 6px;

}   

.aicaigou_f3 .swiper-container-case .right .shuzi .float_l p:nth-child(1) span{

    font-size: 40px;

    margin-right: 5px;

}   

.aicaigou_f3 .swiper-container-case .right .shuzi .float_l p:nth-child(2){

    font-size: 18px;

    color: #666666;

    text-align: center;

    line-height: 35px;line-height: 35px;

}  

.aicaigou_html{

    position: relative;

    overflow: hidden;

}

.aicaigou_html .aicaigou_qiu1{

    position: absolute;

    top: 938px;

    left: -70px;

    opacity: 0.69;

    transition:all 0.3s ease-in-out;

}

.aicaigou_html .dong{

    top: 1000px;

    left: -50px;

    transform: scale(1.2);

}

.aicaigou_html .aicaigou_qiu2{

    position: absolute;

    top: 1847px;

    right: -130px;

    opacity: 0.34;

    transition:all 0.5s ease-in-out;

}

.aicaigou_html .dong2{

    right: -100px;

    top: 1900px;

    transform: scale(1.3);

}

.baidusousuo_html .youshi{

    background: #fff;

    position: relative;

    height: 840px;

}

.baidusousuo_html .youshi .quan1{

    width: 624px;

    height: 624px;

    position: absolute;

    left: 50%;

    top: 103px;

    margin-left: -313px;

    border-radius: 50%;

    border: solid 1px #e1e1e1;

    z-index: 1;

}

.baidusousuo_html .youshi .quan2{

    width: 500px;

    height: 500px;

    position: absolute;

    left: 100%;

    top: 165px;

    margin-left: -251px;

    border-radius: 50%;

    border: solid 1px #eceaef;

    z-index: 4;

}

.baidusousuo_html .youshi .quan3{

    width: 442px;

    height: 442px;

    position: absolute;

    left: 50%;

    top: 194px;

    margin-left: -221px;

    border-radius: 50%;

    background: #1758a7;

    z-index: 2;

}

.baidusousuo_html .youshi .quan4{

    width: 350px;

    height: 350px;

    position: absolute;

    left: 50%;

    top: 240px;

    margin-left: -175px;

    border-radius: 50%;

    background: #ffffff;

    z-index: 5;

    -webkit-transition: all 0.8s ease-out 0s;

    -webkit-transform: scale(1) rotate(0deg);

}

.baidusousuo_html .youshi .left{

    width: 50%;

    height: 835px;

    position: relative;

    z-index: 3;

    background: url("../img/youshi_background.png") center center no-repeat;

    overflow: hidden;

}

.baidusousuo_html .youshi .p_list{

    width: 50%;

    height: 835px;

    position: absolute;

    z-index: 3;

    right: 0;

    top: 0;

}

.baidusousuo_html .youshi .p_list .block{

    position: absolute;

    padding-left: 136px;

    width: 405px;

    padding-bottom: 24px;

}

.baidusousuo_html .youshi .p_list .block .bt{

    font-size: 24px;

    color: #333333;

    font-weight: 600;

    line-height: 60px;

}

.baidusousuo_html .youshi .p_list .block .p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

}

.baidusousuo_html .youshi .p_list .block:nth-child(1){

    top: 45px;

    left: 120px;

    background: url("../img/p_list_icon1.png") center left no-repeat;

}

.baidusousuo_html .youshi .p_list .block:nth-child(2){

    top: 235px;

    left: 260px;

    background: url("../img/p_list_icon2.png") center left no-repeat;

}

.baidusousuo_html .youshi .p_list .block:nth-child(3){

    top: 445px;

    left: 260px;

    background: url("../img/p_list_icon3.png") center left no-repeat;

}

.baidusousuo_html .youshi .p_list .block:nth-child(4){

    top: 630px;

    left: 120px;

    background: url("../img/p_list_icon4.png") center left no-repeat;

}

.example .title{

    padding-top: 80px;

}

.example .img{

    margin: auto;

    height: 656px;

    position: relative;

}

.example .img img{

    position: absolute;

    left: 50%;

}

.example .img  div:nth-child(1) img{

    top: 85px;

    margin-left: -285px;

}

.example .img div:nth-child(2) img{

    top: 133px;

    margin-left: 345px;

}

.example .img div:nth-child(3) img{

    top: 210px;

    margin-left: -600px;

}

.example .img div:nth-child(4) img{

    top: 195px;

    margin-left: 450px;

}

.example .img div:nth-child(5) img{

    top: 235px;

    margin-left: -115px;

}

.example .img div:nth-child(6) img{

    top: 235px;

    margin-left: 200px;

}

.example .img div:nth-child(7) img{

    top: 318px;

    margin-left: -430px;

}

.example .img div:nth-child(8) img{

    top: 420px;

    margin-left: 255px;

}

.example .img div:nth-child(9) img{

    top: 440px;

    margin-left: -400px;

}

.example .img div:nth-child(10) img{

    top: 510px;

    margin-left: -32px;

}

.example .img div:nth-child(11) img{

    top: 130px;

    margin-left: 20px;

}

.youshi_title{

    padding-bottom: 60px;

}

.to_show_gg{

    position: relative;

    background: #f7f7f7;

}

.to_show_gg .waves_svg {

    height: 200px;

    min-height: 200px;

    max-height: 200px;

}

.to_show_gg .jz{

    width: 1562px;

    margin: auto;

    padding-top: 142px;

    padding-bottom: 250px;

}

.to_show_gg .jz .block{

    width: calc(25% - 22.5px - 68px);

    margin-left: 30px;

    padding: 0 34px;

    height: 273px;

    background: #fff;

    border-radius: 10px;

    position: relative;

}

.to_show_gg .jz .block:nth-child(1){

    margin-left: 0;

}

.to_show_gg .jz .block .img{

    width: 108px;

    height: 108px;

    border-radius: 50%;

    margin: auto;

    margin-top: -52px;

    border: solid 6px #f7f7f7;

}

.to_show_gg .jz .block:nth-child(1) .img{

    background: #1758a7;

}

.to_show_gg .jz .block:nth-child(2) .img{

    background: #93a8ff;

}

.to_show_gg .jz .block:nth-child(3) .img{

    background: #2953ff;

}

.to_show_gg .jz .block:nth-child(4) .img{

    background: #fcca1e;

}

.to_show_gg .jz .block .bt{

    font-size: 26px;

    color: #333333;

    text-align: center;

    height: 62px;

    line-height: 62px;

    margin-top: 20px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.to_show_gg .jz .block .p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    text-align: center;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

}

.to_show_gg .jz .block .to_show_yinying{

    width: 100%;

    height: 37px;

    position: absolute;

    left: 0;

    bottom: -37px;

    opacity: 0;

    transition:all 0.3s ease-in-out;

    background: url("../img/to_show_yinying.png") center center no-repeat;

}

.to_show_gg .jz .block:hover .to_show_yinying{

    opacity: 1;

}

.baidusousuo_html .baidusousuo_f2{

    height: 932px;

    

}

.baidusousuo_html .baidusousuo_f2 .left{

    width: calc(100% - 906px);

    height: 932px;

    background: url("../img/baidusousuo_f2_bj.png") right top 58px no-repeat;

}

.baidusousuo_html .baidusousuo_f2 .right{

    width: 638px;

    margin-right: 158px;

}

.baidusousuo_html .baidusousuo_f2 .right .p1{

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    line-height: 126px;

    padding-top: 290px;

}

.baidusousuo_html .baidusousuo_f2 .right .p2{

    font-size: 30px;

    color: #333333;

    line-height: 74px;

}

.baidusousuo_html .baidusousuo_f2 .right .p3{

    font-size: 18px;

    color: #666666;

    line-height: 26px;

}

.baidusousuo_html .baidusousuo_f4{
    height: 738px;
    width: 1600px;
    margin: auto;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.baidusousuo_html .baidusousuo_f4 .left{

    width: 50%;

    height: 932px;

    background: url("../img/baidusousuo_f4_bj.png") center top 58px no-repeat;

}

.baidusousuo_html .baidusousuo_f4 .right{

    width: 660px;

    margin-right: 0;

    padding-top: 200px;

}

.baidusousuo_html .baidusousuo_f4 .right .p1{

    padding-top: 0;

    line-height: 72px;

}

.baidusousuo_html .baidusousuo_f4 .right .p2{

    margin-top: 20px;

}

.baidusousuo_html .baidusousuo_f4 .right .p1:nth-child(1){

    background: url("../img/baidusousuo_f4_icon.png") left 383px center no-repeat;

}

.baidusousuo_html .baidusousuo_f1{

    height: 650px;

    position: relative;

    background: url(../img/szx/bdyx.jpg) no-repeat center top;

}

.baidusousuo_html .baidusousuo_f1 .right {

    width: 50%;

    height: 860px;

    background: url("../img/extension_img3.png") center center no-repeat;

}

.baidusousuo_html .baidusousuo_f1 .left {

    width: calc(50% - 200px);

    padding-top: 220px;

    margin-left: 200px;

}

.baidusousuo_html .baidusousuo_f1 .left .bt1 {

    font-size: 60px;

    color: #fff;

    font-weight: 600;

    line-height: 134px;

    margin-bottom: 10px;

    transition: all .7s ease .4s;

    margin-left: 0;

}

.baidusousuo_html .baidusousuo_f1 .left .bt2 {

    font-size: 30px;

    color: #fff;

    line-height: 52px;

    transition: all 1s ease .4s;

    margin-left: 0;

}

.baidusousuo_html .baidusousuo_f1 .left .bt3 {

    font-size: 16px;

    color: #fff;

    line-height: 35px;

    transition: all 1.3s ease .4s;

    margin-left: 0;

}

.wangzhanjianshe_html .baidusousuo_f1{

    height: 650px;

    background: #f3f9fe;

}
.wangzhanjianshe_html .xcxbg{
    background: url(../img/xiaochengxu_ban.png) no-repeat center top;
}

.wangzhanjianshe_html .webbg{
    background: url(../img/webbanner.png) no-repeat center top;
}

.wangzhanjianshe_html .baidusousuo_f1 .right {

    width: 80%;

    background: url("../img/wangzhanjianshe_banner.png") right center no-repeat;

}

.wangzhanjianshe_html .baidusousuo_f1 .left {

    position: absolute;

    /* height: 100%; */

    width: 50%;

    margin-top: 28vh;

    margin-left: 12%;

    padding-top: 0;

    z-index: 2;

}

.baidusousuo_html .waves-block{

    margin-right: 0;

    top: 4vh;

    right: 10%;

}

.baidusousuo_html .baidusousuo_f1 .right{

    position: relative;

    z-index: 2;

}

.baidusousuo_html .wangzhanjianshe_f2 .title{

    padding-top: 0;

}

.wangzhanjianshe_html .title .h6{

    font-size: 60px;

    color: #222222;

    text-align: center;

    line-height: 108px;

    padding-top: 60px;

    font-weight: 600;

}

.wangzhanjianshe_html .title .xian{

    height: 11px;

    background: url("../img/xian_mb1.png") center center no-repeat;

}

.wangzhanjianshe_html .title p{

    font-size: 18px;

    color: #666666;

    text-align: center;

    line-height: 58px;

}

.wangzhanjianshe_html .hlmb{

    height: 963px;

    position: relative;

} 

.wangzhanjianshe_html .hlmb .qianwang{

    width: 224px;

    height: 52px;

    line-height: 52px;

    font-size: 16px;

    color: #ffffff;

    display: block;

    border-radius: 57px;

    text-align: center;

    background: #ef2f30;

    position: absolute;

    bottom: 116px;

    left: 50%;

    margin-left: -112px;

}

.wangzhanjianshe_html .hlmb .hlmb_img{

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 1;

    margin-top: -160px;

    margin-left: -493px;

    z-index: 20;

}

.wangzhanjianshe_html .hlmb .lan{

    background: #1758a7;

    border-radius: 50%;

    position: absolute;

    left: 50%;

}

.wangzhanjianshe_html .hlmb .lv{

    background: #b4cd02;

    border-radius: 50%;

    position: absolute;

    left: 50%;

}

.wangzhanjianshe_html .hlmb .huang{

    background: #f7d221;

    border-radius: 50%;

    position: absolute;

    left: 50%;

}

.wangzhanjianshe_html .hlmb .hui{

    background: #f3f9fe;

    border-radius: 50%;

    position: absolute;

    left: 50%;

}

.wangzhanjianshe_html .hlmb .qiu1{

    width: 77px;

    height: 77px;

    top: 322px;

    margin-left: -450px;

    animation: myfirst 5s infinite;

}

.wangzhanjianshe_html .hlmb .qiu2{

    width: 31px;

    height: 31px;

    top: 450px;

    margin-left: -460px;

    animation: myfirst 2s infinite;

}

.wangzhanjianshe_html .hlmb .qiu3{

    width: 189px;

    height: 189px;

    top: 645px;

    margin-left: -582px;

    z-index: 21;

    animation: myfirst 3s infinite;

}

.wangzhanjianshe_html .hlmb .qiu4{

    width: 189px;

    height: 189px;

    top: 365px;

    margin-left: 390px;

    z-index: 21;

    animation: myfirst 3s infinite;

}

.wangzhanjianshe_html .hlmb .qiu5{

    width: 92px;

    height: 92px;

    top: 680px;

    margin-left: 582px;

    animation: myfirst 5s infinite;

}

.baidusousuo_html .hlmb .qiu6{

    width: 31px;

    height: 31px;

    top: 310px;

    margin-left: -620px;

    animation: myfirst 3s infinite;

}

.baidusousuo_html .hlmb .qiu7{

    width: 10px;

    height: 10px;

    top: 600px;

    margin-left: -565px;

    animation: myfirst 5s infinite;

}

.baidusousuo_html .hlmb .qiu8{

    width: 33px;

    height: 33px;

    top: 300px;

    margin-left: 490px;

    animation: myfirst 4s infinite;

}

.baidusousuo_html .hlmb .qiu9{

    width: 26px;

    height: 26px;

    top: 800px;

    margin-left: 780px;

    animation: myfirst 3s infinite;

}

.baidusousuo_html .hlmb .qiu10{

    width: 59px;

    height: 59px;

    top: 690px;

    margin-left: -780px;

    animation: myfirst 4s infinite;

}

.baidusousuo_html .hlmb .qiu11{

    width: 16px;

    height: 16px;

    top: 710px;

    margin-left: 470px;

    animation: myfirst 2s infinite;

}

.baidusousuo_html .hlmb .qiu12{

    width: 23px;

    height: 23px;

    top: 560px;

    margin-left: 735px;

    animation: myfirst 4s infinite;

}

.baidusousuo_html .hlmb .qiu13{

    width: 144px;

    height: 144px;

    top: 430px;

    margin-left: -725px;

    animation: myfirst 3s infinite;

}

.baidusousuo_html .hlmb .qiu14{

    width: 120px;

    height: 120px;

    top: 350px;

    margin-left: 610px;

    animation: myfirst 5s infinite;

}

.wangzhanjianshe_f3{

    height: 963px;

    background: #fafafa;

}

.wangzhanjianshe_f3 .wangzhanjianshe_bj{

    height: 963px;

    background: url("../img/wangzhanjianshe_bj1.png") top right no-repeat,

    url("../img/wangzhanjianshe_bj2.png") bottom left no-repeat;

}

.wangzhanjianshe_f3 .title{

    padding-top: 0;

}

.wangzhanjianshe_f3 .icon{

    padding-top: 40px;

    width: 1600px;

    margin: auto;

}

.wangzhanjianshe_f3 .icon .float_l{

    width: calc(20% - 1px);

    height: 258px;

    padding-top: 20px;

    cursor: pointer;

    margin-bottom: 20px;

}

.wangzhanjianshe_f3 .icon .float_l:hover{

    background: #fff;

    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}  

.wangzhanjianshe_f3 .icon .float_l .youshi_icon{

    width: 90px;

    height: 90px;

    margin: auto;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon{

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: flipInY 0.8s linear;

}

.wangzhanjianshe_f3 .icon .float_l .p1{

    width: 80%;

    margin: auto;

    text-align: center;

    font-size: 30px;

    line-height: 70px;

    margin-top: 0;

    color: #222222;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:1;

}

.wangzhanjianshe_f3 .icon .float_l .p2{

    width: 80%;

    margin: auto;

    text-align: center;

    font-size: 18px;

    color: #666666;

    line-height: 32px;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon1{

    background: url("../img/youshi_icon1_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon2{

    background: url("../img/youshi_icon2_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon3{

    background: url("../img/youshi_icon3_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon4{

    background: url("../img/youshi_icon4_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon5{

    background: url("../img/youshi_icon5_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon6{

    background: url("../img/youshi_icon6_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon7{

    background: url("../img/youshi_icon7_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon8{

    background: url("../img/youshi_icon8_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon9{

    background: url("../img/youshi_icon9_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l .youshi_icon10{

    background: url("../img/youshi_icon10_1.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon1{

    background: url("../img/youshi_icon1_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon2{

    background: url("../img/youshi_icon2_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon3{

    background: url("../img/youshi_icon3_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon4{

    background: url("../img/youshi_icon4_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon5{

    background: url("../img/youshi_icon5_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon6{

    background: url("../img/youshi_icon6_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon7{

    background: url("../img/youshi_icon7_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon8{

    background: url("../img/youshi_icon8_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon9{

    background: url("../img/youshi_icon9_2.png") center center no-repeat;

}

.wangzhanjianshe_f3 .icon .float_l:hover .youshi_icon10{

    background: url("../img/youshi_icon10_2.png") center center no-repeat;

}

.wangzhanjianshe_f5{

    background: #fafafa;

    padding-bottom: 70px;

}

.wangzhanjianshe_f5 .title{

    padding-top: 0;

}

.wangzhanjianshe_f5 .title .h6{

    padding-top: 60px;

}

.wangzhanjianshe_f5 .liucheng{

    width: 1565px;

    margin: auto;

    margin-top: 40px;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l{

    width: 128px;

    cursor: pointer;

    margin: 0 68px;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l p{

    text-align: center;

    line-height: 40px;

    font-size: 20px;

    color: #666666;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l .img{

    width: 128px;

    height: 128px;

    overflow: hidden;

    border-radius: 50%;

    margin: auto;

    position: relative;

}

.wangzhanjianshe_f5 .liucheng .icon1 .float_l .img .left{

    position: absolute;

    height: 0;

    width: 50%;

    left: 0;

    top:0;

    z-index: 1;

    background: #86c8f4;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f5 .liucheng .icon1 .float_l:hover .img .left{

    height: 128px;

}

.wangzhanjianshe_f5 .liucheng .icon1 .float_l .img .right{

    position: absolute;

    height: 0;

    width: 50%;

    right: 0;

    bottom:0;

    z-index: 1;

    background: #86c8f4;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f5 .liucheng .icon1 .float_l:hover .img .right{

    height: 128px;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l .img img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}

.wangzhanjianshe_f5 .liucheng .icon1{

    padding-left: 118px;

}

.wangzhanjianshe_f5 .liucheng .icon2 .float_l .img .left{

    position: absolute;

    height: 0;

    width: 50%;

    left: 0;

    top:0;

    z-index: 1;

    background: #1758a7;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f5 .liucheng .icon2 .float_l:hover .img .left{

    height: 128px;

}

.wangzhanjianshe_f5 .liucheng .icon2 .float_l .img .right{

    position: absolute;

    height: 0;

    width: 50%;

    right: 0;

    bottom:0;

    z-index: 1;

    background: #1758a7;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f5 .liucheng .icon2 .float_l:hover .img .right{

    height: 128px;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l{

    position: relative;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l .xian1{

    position: absolute;

    left: -16px;

    bottom: -18px;

}

.wangzhanjianshe_f5 .liucheng .icon .float_l .xian2{

    position: absolute;

    left: -17px;

    top: -14px;

}

.wangzhanjianshe_f5 .liucheng .icon2 .float_l{

    margin: 0 67px;

}

.wangzhanjianshe_f5 .liucheng .icon2{

    margin-left: -7px;

}

.wangzhanjianshe_f4{

    background: #fff;

}

.wangzhanjianshe_f4 .alys{

    background: #fff;

    padding-bottom: 1px;

}

.wangzhanjianshe_f4 .alys .center{

    width: 1600px;

}

.wangzhanjianshe_f4 .alys .center .anli{

    padding-top: 55px;

}

.wangzhanjianshe_f4 .label{

    text-align: center;

}

.wangzhanjianshe_f4 .label .label_nav{

    display: inline-flex;

    padding-top: 16px;

}

.wangzhanjianshe_f4 .label .label_nav a{

    display: block;

    width: 176px;

    height: 48px;

    background: #fff;

    border: solid 1px #cccccc;

    margin: 0 9px;

    text-align: center;

    line-height: 48px;

    font-size: 18px;

    cursor: pointer;

    color: #666666;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f4 .label .label_nav .on{

    color: #ffffff;

    background: #1758a7;

    border: solid 1px #1758a7;

}

.wangzhanjianshe_f4 .label .label_nav a:hover{

    color: #ffffff;

    background: #1758a7;

    border: solid 1px #1758a7;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l{

    width: calc(25% - 20px);

    margin: 0 10px;

    display: block;

    cursor: pointer;

    margin-bottom: 88px;

    border-radius: 30px;

    overflow: hidden;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l .img img{

    width: 100%;

    height: 330px;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l .text{

    height: 85px;

    line-height: 85px;

    text-align: center;

    background: #1758a7;

    font-size: 18px;

    color: #ffffff;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l:hover{

    box-shadow: 0px 0px 20px 0px rgba(46, 46, 46, 0.48);

}

.wangzhanjianshe_f4 .title{

    padding-top: 0;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l:hover .text{

    background: #86c8f4;

}

.wangzhanjianshe_f4 .alys .more{

    display: block;

    width: 280px;

    height: 72px;

    background: #1758a7;

    line-height: 72px;

    font-size: 18px;

    color: #ffffff;

    text-align: center;

    margin: auto;

    margin-bottom: 62px;

    border-radius: 72px;

    transition:all 0.3s ease-in-out;

}

.wangzhanjianshe_f4 .alys .more:hover{

    background: #86c8f4;

}

.xiaochengxu_html .wangzhanjianshe_html .baidusousuo_f1 .right {

    width: 80%;

    height: 860px;

    background: url("../img/xiaochengxu_banner.png") bottom right no-repeat;

}

.xiaochengxu_html .why{

    height: 1100px;

    position: relative;

    background: url("../img/wechat_bj1.png") center center no-repeat;

}

.xiaochengxu_html .why .center{

    width: 1600px;

}

.xiaochengxu_html .title{

    padding-top: 0;

}

.xiaochengxu_html .title .h3{

    font-size: 60px;

    color: #222222;

    font-weight: 600;

    text-align: center;

    line-height: 82px;

    padding-top: 72px;

}

.xiaochengxu_html .title .h6{

    font-size: 18px !important;

    line-height: 32px;

    margin-bottom: 12px;

    color: #acacac;

    text-align: center;

    text-transform:uppercase;

}

.xiaochengxu_html .title .xian{

    width: 52px;

    height: 4px;

    margin: auto;

    background: #103792;

    margin-bottom: 16px;

}

.xiaochengxu_html .text{

    width: 68%;

    margin: auto;

}

.xiaochengxu_html .text p{

    text-align: center;

    font-size: 18px;

    color: #666666;

    line-height: 36px;

}

.xiaochengxu_html .shuju{

    text-align: center;

    padding-top: 105px;

}

.xiaochengxu_html .shuju .flex{

    display: inline-flex;

}

.xiaochengxu_html .shuju .flex .quan{

    width: 340px;

    height: 340px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0px 20px 20px 0px rgba(208, 227, 255, 0.75);

    /* animation: quan 2s infinite; */

}

.xiaochengxu_html .shuju .flex .quan:nth-child(1){

    background: #b9d002;

}

.xiaochengxu_html .shuju .flex .quan:nth-child(2){

    background: #8ac1f4;

}

.xiaochengxu_html .shuju .flex .quan:nth-child(3){

    background: #e5c130;

}

/* @keyframes quan{

    0% {

        transform: translate(0px, 0px);

    }

    50% {

        transform: translate(0px, -20px);

    }

    100% {

        transform: translate(0px, 0px);

    }

} */

.xiaochengxu_html .shuju .flex .quan .renshu{

    width: 80%;

    margin: auto;

    text-align: center;

    font-size: 30px;

    color: #fff;

    line-height: 54px;

    padding-top: 76px;

}

.xiaochengxu_html .shuju .flex .quan .renshu span{

    font-size: 40px;

    color: #fff;

    font-weight: 600;

    font-family: -webkit-pictograph;

}

.xiaochengxu_html .shuju .flex .quan:nth-child(2){

    margin: 0 190px;

    margin-top: 66px;

}

.xiaochengxu_html .shuju .flex .quan .gzh{

    font-size: 16px;

    width: 80%;

    color: #fff;

    text-align: center;

    margin: auto;

    line-height: 30px;

    margin-bottom: 10px;

}

.xiaochengxu_html .shuju .flex .quan .xian{

    width: 109px;

    height: 1px;

    margin: auto;

    background: #ffffff;

    margin-bottom: 15px;

}

.xiaochengxu_html .shuju .flex .quan p{

    font-size: 16px;

    line-height: 30px;

    color: #fff;

    text-align: center;

    margin: auto;

    width: 80%;

    overflow:hidden; 

    text-overflow:ellipsis;

    display:-webkit-box; 

    -webkit-box-orient:vertical;

    -webkit-line-clamp:2;

}

.xiaochengxu_html .tggn{

    height: 1059px;

    background: #e7f4fd;

}

.xiaochengxu_html .tggn .center{

    width: 1600px;

}

.xiaochengxu_html .tggn .title .h3{

    padding-top: 52px;

}

.xiaochengxu_html .tggn .icon{

    height: 632px;

    margin-top: 53px;

}

.xiaochengxu_html .tggn .icon .float_l{

    width: calc(25% - 20px);

    padding-top: 1px;

    height: 314px;

    cursor: pointer;

    margin: 0 10px;

    background: #fff;

    margin-bottom: 76px;

    box-shadow: 0px 0px 10px 0px rgba(0, 109, 178, 0.2);

}

.xiaochengxu_html .tggn .icon .float_l img{

    margin: auto;

    margin-top: 50px;

}

.xiaochengxu_html .tggn .icon .float_l:hover img{

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: flipInY 0.8s linear;

}

.xiaochengxu_html .tggn .icon .float_l .h6{

    font-size: 22px;

    color: #222222;

    line-height: 66px;

    text-align: center;

    margin-bottom: 6px;

}

.xiaochengxu_html .tggn .icon .float_l p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

    width: 74%;

    margin: auto;

    text-align: center;

}

.xiaochengxu_html .baozhang{

    height: 1056px;

    background: url("../img/wechat_bj2.png") bottom center no-repeat,

    url("../img/wechat_bj3.png") center center no-repeat;

}

.xiaochengxu_html .baozhang .center{

    width: 1280px;

}

.xiaochengxu_html .baozhang .center .bz_center{

    position: relative;

}

.xiaochengxu_html .baozhang .center .bz_center .bz_icon{

    position: absolute;

}

.xiaochengxu_html .baozhang .center .bz_center .bz_icon .p1{

    font-size:22px;

    color: #222222;

    line-height: 36px;

    text-align: center;

}

.xiaochengxu_html .baozhang .center .bz_center .bz_icon .p2{

    font-size:16px;

    text-align: center;

    line-height: 40px;

    color: #666666;

    margin-bottom: 8px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz_icon img{

    margin: auto;

}

.xiaochengxu_html .baozhang .center .bz_center .bz1{

    top: 189px;

    left: 60px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz2{

    top: 265px;

    left: 240px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz3{

    top: 139px;

    left: 366px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz4{

    top: 79px;

    right: 530px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz5{

    top: 90px;

    right: 172px;

}

.xiaochengxu_html .baozhang .center .bz_center .bz6{

    top: 212px;

    right: 6px;

}

.aicaigou_html .foot_message .title{

    padding-top: 60px !important;

}

.xiaochengxu_html .wangzhanjianshe_html .text{

    width: 100%;

}

.wangzhanjianshe_f4 .alys .center .anli .float_l{

    margin-bottom: 60px;

    border-radius: 0;

    box-shadow: 0px 0px 20px 0px rgba(46, 46, 46, 0.48);

}

.wangzhanjianshe_f4 .alys .center .anli .float_l .img{
    height: auto;
}

.wangzhanjianshe_f4 .alys .center .anli .float_l .img img{
    height: auto;
}

.xiaochengxu_html .wangzhanjianshe_html .title .h6{

    font-weight: 500;

    padding-top: 0;

}

.xiaochengxu_html .wangzhanjianshe_f4 .alys .more{

    margin-top: 50px;

    margin-bottom: 140px;

}

.xiaochengxu_html .buzhou{

    background: #e7f4fd;

    background-image: url("../img/buzhou_top.png");

    background-position:  top center;

    background-repeat: no-repeat;

    height: 890px;

}

.xiaochengxu_html .buzhou .center{

    width: 1600px;

}

.xiaochengxu_html .buzhou .title .h3{

   padding-top: 130px;

}

.xiaochengxu_html .buzhou .icon{

    text-align: center;

    padding-top: 100px;

}

.xiaochengxu_html .buzhou .icon p{

    line-height: 78px;

    font-size:30px;

    color: #333333;

    transition:all 0.3s ease-in-out;

}

.xiaochengxu_html .buzhou .icon .flex{

    display: inline-flex;

}

.wechat_html .buzhou .icon .icon2{

    cursor: pointer;

}

.xiaochengxu_html .buzhou .icon .icon2 div{

    width: 190px;

    height: 170px;

    transition:all 0.3s ease-in-out;

    background: url("../img/buzhou_icon2.png") center center no-repeat;

}

.xiaochengxu_html .buzhou .icon .icon3{

    cursor: pointer;

}

.xiaochengxu_html .buzhou .icon .icon3 div{

    width: 190px;

    height: 170px;

    transition:all 0.3s ease-in-out;

    background: url("../img/buzhou_icon3.png") center center no-repeat;

}

.xiaochengxu_html .buzhou .icon .icon4{

    cursor: pointer;

}

.xiaochengxu_html .buzhou .icon .icon4 div{

    width: 190px;

    height: 170px;

    transition:all 0.3s ease-in-out;

    background: url("../img/buzhou_icon4.png") center center no-repeat;

}

.xiaochengxu_html .buzhou .icon .xian1{

    width: 130px;

    height: 170px;

    background: url("../img/bz_xian1.png") top 26px center no-repeat;

}

.xiaochengxu_html .buzhou .icon .xian2{

    width: 130px;

    height: 170px;

    background: url("../img/bz_xian2.png") bottom 30px center no-repeat;

}

.xiaochengxu_html .buzhou .icon .icon1{

    cursor: pointer;

}

.xiaochengxu_html .buzhou .icon .icon1 div{

    width: 190px;

    height: 170px;

    transition:all 0.3s ease-in-out;

    background: url("../img/buzhou_icon1.png") center center no-repeat;

}

.xiaochengxu_html .buzhou .icon .icon5{

    cursor: pointer;

}

.xiaochengxu_html .buzhou .icon .icon5 div{

    width: 190px;

    height: 170px;

    transition:all 0.3s ease-in-out;

    background: url("../img/buzhou_icon5.png") center center no-repeat;

}

.xiaochengxu_html .buzhou .dingzhi{

    width: 300px;

    height: 68px;

    display: block;

    margin: auto;

    background: #1758a7;

    font-size: 30px;

    color: #ffffff;

    border-radius: 68px;

    text-align: center;

    line-height: 68px;

    margin-top: 60px;

    transition:all 0.3s ease-in-out;

}

.xiaochengxu_html .buzhou .dingzhi:hover{

    background: #86c8f4;

}

.xiaochengxu_html .buzhou .icon .icon1:hover div,

.xiaochengxu_html .buzhou .icon .icon2:hover div,

.xiaochengxu_html .buzhou .icon .icon3:hover div,

.xiaochengxu_html .buzhou .icon .icon4:hover div,

.xiaochengxu_html .buzhou .icon .icon5:hover div{

    -webkit-text-fill-color: transparent;

    -webkit-animation: flipInY 0.8s linear;

}

.xinxiliu_html{

    position: relative;

    overflow: hidden;

}

.xinxiliu_html .xinxiliu_f1{

    height: 6.5rem;

    overflow: hidden;

    background:url(../img/szx/bdxxl.jpg) no-repeat center top;

}

.xinxiliu_html .xinxiliu_f1 .flex{

    display: flex;

    align-items: center;

    width: 1600px;

    margin: auto;

}

.xinxiliu_html .xinxiliu_f1 .flex .left{

    margin-left: 160px;

}
.xinxiliu_html .xinxiliu_f1 .flex .leftimg{

    margin-top: 140px;

}

.xinxiliu_html .xinxiliu_f1 .flex .right{

    margin-left: 180px;

}

.xinxiliu_html .xinxiliu_f1 .flex .bt1{

    font-size: 60px;

    color: #fff;

    line-height: 125px;

    font-weight: 600;

}

.xinxiliu_html .xinxiliu_f1 .flex .bt2{

    font-size: 30px;

    color: #fff;

    line-height: 76px;

}

.xinxiliu_html .xinxiliu_f1 .flex .bt3{

    font-size: 18px;

    color: #fff;

    line-height: 32px;

    width: 630px;

}

.xinxiliu_html .xinxiliu_icon_bj{

    height: 191px;

    text-align: center;

    background: url("../img/xinxiliu_icon_bj.png") center center no-repeat;

}

.xinxiliu_html .xinxiliu_icon_bj .jz{

    display: inline-flex;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block{

    padding-top: 52px;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block:nth-child(2){

    margin-left: 255px;

    margin-right: 260px;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block .img{

    border: solid 1px #1758a7;

    border-radius: 10px;

    margin-right: 28px;

    margin-top: 10px;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block .text p:nth-child(1){

    font-size: 18px;

    color: #666666;

    text-align: left;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block .text p:nth-child(1) span{

    font-size: 60px;

    color: #1758a7;

    font-family: myfont;

    margin-right: 12px;

}

.xinxiliu_html .xinxiliu_icon_bj .jz .block .text p:nth-child(2){

    font-size: 18px;

    color: #666666;

    text-align: left;

}

.xinxiliu_title{

    height: 270px;

    background: #fff;

}

.xinxiliu_title p:nth-child(1){

    font-size:60px;

    color: #000000;

    line-height: 93px;

    font-weight: 600;

    text-align: center;

    padding-top: 62px;

}

.xinxiliu_title p:nth-child(2){

    font-size:22px;

    color: #666666;

    line-height: 48px;

    text-align: center;

}

.xinxiliu_list .xinxiliu_each{

    height: 513px;

    background: #f7f8fb;

    overflow: hidden;

}

.xinxiliu_list .xinxiliu_each:nth-child(2){

    background: #fff;

}

.xinxiliu_list .xinxiliu_each .flex {

    display: flex;

    align-items: center;

    width: 1400px;

    margin: auto;

}

.xinxiliu_list .xinxiliu_each .flex .right{

    padding-left: 130px;

    width: 620px;

}

.xinxiliu_list .xinxiliu_each .flex .right .bt1{

    font-size: 40px;

    color: #333333;

    line-height: 100px;

    margin-top: 8px;

}

.xinxiliu_list .xinxiliu_each .flex .right .bt2{

    font-size: 18px;

    color: #666666;

    line-height: 35px;

}

.xinxiliu_html .xinxiliu_f5{

    height: 740px;

    overflow: hidden;

    margin-bottom: 30px;

    background: url("../img/xinxiliu_f5_bj.png") center center no-repeat;

}

.xinxiliu_html .xinxiliu_f5 .flex{

    display: flex;

    align-items: center;

    width: 1460px;

    margin: auto;

    height: 680px;

    margin-top: 60px;

}

.xinxiliu_html .xinxiliu_f5 .right{

    width: 820px;

    margin-left: 30px;

}

.xinxiliu_html .xinxiliu_f5 .right .bt1{

    margin-bottom: 62px;

}

.xinxiliu_html .xinxiliu_f5 .right .bt1 p{

    font-size: 60px;

    color: #000000;

    line-height: 72px;

    font-weight: 600;

}

.xinxiliu_html .xinxiliu_f5 .right .text p{

    font-size: 18px;

    color: #666666;

    line-height: 36px;

}







.xinxiliu_html .xinxiliu_f6{

    height: 560px;

    position: relative;

    overflow: hidden;

}

.xinxiliu_html .xinxiliu_f6 .seo_yh_img{

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -423px;

}

.xinxiliu_html .xinxiliu_f6 .seo_yh_icon1{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -422px;

    margin-top: -28px;

}

.xinxiliu_html .xinxiliu_f6 .seo_yh_icon2{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -255px;

    margin-top: -220px;

}

.xinxiliu_html .xinxiliu_f6 .seo_yh_icon3{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: 160px;

    margin-top: -220px;

}

.xinxiliu_html .xinxiliu_f6 .seo_yh_icon4{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: 328px;

    margin-top: -28px;

}

.xinxiliu_html .xinxiliu_f6 .text{

    width: 340px;

}

.xinxiliu_html .xinxiliu_f6 .text .h6{

    font-size: 30px;

    color: #000000;

    line-height: 46px;

    text-align: right;

}

.xinxiliu_html .xinxiliu_f6 .text p{

    font-size: 18px;

    color: #666666;

    line-height: 32px;

    text-align: right;

}

.xinxiliu_html .xinxiliu_f6 .text1{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -785px;

    margin-top: -34px;

}

.xinxiliu_html .xinxiliu_f6 .text2{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -620px;

    margin-top: -224px;

}

.xinxiliu_html .xinxiliu_f6 .text3{

    width: 303px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: 280px;

    margin-top: -230px;

}

.xinxiliu_html .xinxiliu_f6 .text3 .h6{

    text-align: left;

}

.xinxiliu_html .xinxiliu_f6 .text3 p{

    text-align: left;

}

.xinxiliu_html .xinxiliu_f6 .text4{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: 450px;

    margin-top: -35px;

}

.xinxiliu_html .xinxiliu_f6 .text4 .h6{

    text-align: left;

}

.xinxiliu_html .xinxiliu_f6 .text4 p{

    text-align: left;

}

.xinxiliu_html .aicaigou_qiu1{

    position: absolute;

    top: 2000px;

    right: -450px;

    transition:all 0.3s ease-in-out;

}

.xinxiliu_html .dong{

    right: -350px;

} 

.xinxiliu_html .aicaigou_qiu2{

    position: absolute;

    top: 3400px;

    left: -400px;

    transition:all 0.3s ease-in-out;

}

.xinxiliu_html .dong2{

    left: -300px;

}

.pinpaizhuanqu_banner{

    /* height: 700px;

    background: url("../img/pinpaizhuanqu_banner.png") center center no-repeat; */

    width: 100%;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f1{

    height: 600px;

    background: url("../img/pinpaizhuanqu_f1_bj.png") center center no-repeat;

}

.pinpaizhuanqu_html .left{

    width: 630px;

    padding-top: 150px;

}

.pinpaizhuanqu_html .left .p1{

    font-size:20px;

    color: #333333;

    line-height: 34px;

}

.pinpaizhuanqu_html .left .p2{

    font-size:60px;

    color: #000000;

    font-weight: 600;

    line-height: 82px;

    margin-bottom: 26px;

}

.pinpaizhuanqu_html .left .p3{

    font-size:30px;

    color: #333333;

    line-height: 70px;

}

.pinpaizhuanqu_html .left .text p{

    font-size:16px;

    color: #666666;

    line-height: 30px;

    text-align: justify;

}

.pinpaizhuanqu_html{

    position: relative;

    overflow: hidden;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f1 .video{

    width: 790px;

    margin-top: 80px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f1 .video video{

    width: 100%;

}
.pinpaizhuanqu_html .pinpaizhuanqu_f1 img{

    width: 100%;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2{

    height: 729px;

    background: #fff;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f3{

    height: 700px;

    background: #f2f3f6;

    background-image: url("../img/pinpaizhuanqu_f3_bj.png");

    background-position: top right;

    background-repeat: no-repeat;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f3 .video{

    width: 1120px;

    margin-left: -120px;

    margin-top: 70px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f3 .video img{

    width: 100%;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f3 .left {

    width: 465px;

    padding-top: 180px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f4 .video{

    width: 830px;

    margin-right: -50px;

    margin-top: 60px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f4 .video video{

    width: 100%;

}
.pinpaizhuanqu_html .pinpaizhuanqu_f4 img{

    width: 100%;

}
.pinpaizhuanqu_html .pinpaizhuanqu_f6{

    height: 564px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .left{

    padding-top: 60px;

    width: 590px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .video{

    width: 880px;

    padding-top: 60px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .video img{

    width: 100%;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .left .icon{

    padding-top: 60px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .left .icon .p p{

    font-size:18px;

    color: #666666;

    line-height: 20px;

    margin-bottom: 19px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .left .icon .p .qu{

    width: 14px;

    height: 14px;

    border: solid 3px #3a76ff;

    border-radius: 14px;

    margin-left: 18px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f6 .left .icon .p:nth-child(1) .qu{

    border: solid 3px #ff7993;

}

.pinpaizhuanqu_html .foot_message .left{

    width: auto;

    padding-top: 0;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5{

    background: url("../img/pinpaizhuanqu_f5_bj.png") bottom center no-repeat;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .center{

    position: relative;
    margin-top: 40px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .title p:nth-child(1){

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    text-align: center;

    line-height: 86px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .title p:nth-child(2){

    font-size: 20px;

    color: #666666;

    text-align: center;

    line-height: 54px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .swiper-container-case{

    width: 1460px;

    padding-top: 54px;

    padding-bottom: 100px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .swiper-slide a{

    display: block;

    width: 100%;




}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .swiper-slide a img{

    width: 100%;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .swiper-button-prev-case{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    left: 0;

    background: #cccccc;

    background-image: url("../img/pinpaizhuanqu_f5_l.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f5 .swiper-button-next-case{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    right: 0;

    background: #cccccc;

    background-image: url("../img/pinpaizhuanqu_f5_r.png");

    background-repeat: no-repeat;

    background-position: center center;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .title{

    padding-top: 55px;

    margin-bottom: 55px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .title p:nth-child(1){

    font-size: 60px;

    color: #000000;

    font-weight: 600;

    text-align: center;

    line-height: 90px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .title p:nth-child(2){

    font-size: 20px;

    color: #666666;

    text-align: center;

    line-height: 50px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block{

    width: calc(33% - 51px - 48px);

    margin-left: 68px;

    height: 410px;

    padding: 0 24px;

    transition:all 0.3s ease-in-out;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block:nth-child(1){

    margin-left: 0;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block img{

    margin: auto;

    margin-top: 60px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block .bt{

    font-size: 30px;

    color: #333333;

    line-height: 72px;

    font-weight: 600;

    text-align: center;

    padding-top: 8px;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block .text{

    font-size: 18px;

    color: #666666;

    line-height: 30px;

    text-align: center;

}

.pinpaizhuanqu_html .pinpaizhuanqu_f2 .icon .block:hover{

    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.14);

}

.pinpaizhuanqu_html .aicaigou_qiu1{

    position: absolute;

    top: 2950px;

    left: -70px;

    opacity: 0.69;

    transition:all 0.3s ease-in-out;

}

.pinpaizhuanqu_html .dong{

    top: 2950px;

    left: -50px;

    transform: scale(1.2);

}

.pinpaizhuanqu_html .aicaigou_qiu2{

    position: absolute;

    top: 3300px;

    right: -130px;

    opacity: 0.34;

    transition:all 0.5s ease-in-out;

}

.pinpaizhuanqu_html .dong2{

    right: -100px;

    top: 3300px;

    transform: scale(1.2);

}

.menu_right .list_dt{
    position: relative;
    width: calc(100% - 60px);
    margin: auto;
    text-align: center;
    border-top: solid 1px #000;
}
.menu_right .list_dl .list_dd:nth-last-child(1){
    border-bottom: solid 1px #000;
}

.menu_right .list_dt_icon{

    position: absolute;

    left: 105px;

    top: 24px;

    display: block;

    width: 14px;

    height: 14px;

    background: url("../img/off.png") no-repeat;

}

.menu_right #open .list_dt_icon{

    background: url("../img/open.png") no-repeat;

}

.service_html .floor_1{

    height: 100vh;

}

.service_html .floor_2{

    height: 100vh;

}

.service_html .floor_3{

    height: 100vh;

}

.service_html .floor_4{

    height: 100vh;

}

.service_html .floor_5{

    height: 100vh;

}

@font-face{

    font-family: 'myfont'; 

    src: url('HELVETICANEUELTPRO-THEX.OTF');

}

.contact_html{

    width: calc(100vw - 17px);

    overflow: hidden;

}
.xiaochengxu_html .waves_svg{
    bottom: 0;
}
.baidusousuo_html .waves_svg{
    bottom: 0;
}
#mask{
    left: -290px !important;
    top: -159px !important;
}


#fanhui{
    width: 70px;
    height: 50px;
    position: fixed;
    bottom: 20vh;
    right: 20px;
    background: rgba(169, 169, 169, 0.5);
    background-image: url("../img/zhiding.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64px auto;
    z-index: 999;
}
.index_html_phone #fanhui{
    display: none;
    opacity: 0;
}
.aicaigou_f1 .yuan img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -243px;
    margin-left: -365px;
}
.aicaigou_f1 .yuan img:nth-child(1){
    animation:rotating1 1.2s linear infinite
}
.aicaigou_f1 .yuan img:nth-child(2){
    animation:rotating2 9s linear infinite
}
.aicaigou_f1 .yuan img:nth-child(3){
    animation:rotating1 16s linear infinite
}

@keyframes rotating1{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes rotating2{
    from{transform:rotate(0)}
    to{transform:rotate(-360deg)}
}
.floor_3_new{
    position: relative;
}
.floor_3_new .floor_3_new_bj{
    width: 100vw;
    height: 100vh;
    position: relative;
    background: url("../img/bg.png") center center no-repeat;
}
.floor_3_new .swiper-container{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 440px !important;
}
.floor_3_new .swiper-wrapper{
    cursor: grab;
    transition-timing-function:  linear;
}
.floor_3_new .swiper-wrapper:active{
    cursor: grabbing;
}
.floor_3_new .swiper-slide{
    width: 170px;
    position: relative;
}
.floor_3_new .swiper-slide .deeds{
    width: 224px;
    height: 206px;
    position: absolute;
    left: -22px;
    top: 0;
}
.floor_3_new .swiper-slide .deeds .year{
    width: 170px;
    margin-left: 20px;
    font-size: 36px;
    font-family: myfont;
    line-height: 76px;
    color: #fff;
    height: 64px;
    text-align: center;
}
.floor_3_new .swiper-slide .deeds .text{
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 13px 38px 0 26px;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+1) .deeds{
    background: url("../img/bubble1.png") center center;
    background-size:100%;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+3) .deeds{
    top: 110px;
    background: url("../img/bubble2.png") center center;
    background-size:100%;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+5) .deeds{
    background: url("../img/bubble3.png") center center;
    background-size:100%;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+7) .deeds{
    top: 52px;
    background: url("../img/bubble4.png") center center;
    background-size:100%;
}
.floor_3_new .swiper-wrapper .swiper-slide .line{
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    height: 440px;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+1) .line{
    background: url("../img/line1.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+2) .line{
    background: url("../img/line2.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+3) .line{
    background: url("../img/line3.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+4) .line{
    background: url("../img/line2.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+5) .line{
    background: url("../img/line1.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+6) .line{
    background: url("../img/line4.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n+7) .line{
    background: url("../img/line5.png") bottom center no-repeat;
}
.floor_3_new .swiper-wrapper .swiper-slide:nth-child(8n) .line{
    background: url("../img/line4.png") bottom center no-repeat;
}
.case_details_html .title{
    width: 100%;
    height: 140px;
    text-align: center;
    background: #1758a7;
}
.case_details_html .title p:nth-child(1){
    font-size: 40px;
    color: #ffffff;
    font-weight: 600;
    line-height: 64px;
    padding-top: 22px;
}
.case_details_html .title p:nth-child(2){
    font-size: 16px;
    color: #ffffff;
    line-height: 25px;
}
.case_details_html .bt{
    text-align: center;
    padding-top: 46px;
}
.case_details_html .bt p{
    font-size: 40px;
    color: #333333;
    line-height: 84px;
}
.case_details_html .bt .xian{
    width: 47px;
    height: 4px;
    margin: auto;
    background: #1758a7;
}
.case_details_html .survey{
    margin-bottom:50px;
}
.case_details_html .survey .center{
    position: relative;
    padding-top: 1px;
}
.case_details_html .survey .case_details{
    margin-top: 26px;
}
.case_details_html .survey .survey_text{
    width: calc(100% - 920px);
    position: absolute;
    right: 0;
    top: 90px;
}
.case_details_html .survey .survey_text .name{
    margin-bottom: 30px;
}
.case_details_html .survey .survey_text .name p:nth-child(1){
    font-size: 34px;
    color: #333333;
    line-height: 54px;
}
.case_details_html .survey .survey_text .name p:nth-child(2){
    font-size: 16px;
    color: #999999;
    line-height: 29px;
}
.case_details_html .survey .survey_text .p{
    font-size: 18px;
    color: #666666;
    line-height: 40px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.case_details_html .survey .survey_text a{
    width: 205px;
    height: 60px;
    display: block;
    background: #036fb4;
    font-size: 18px;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    margin-top: 50px;
    text-decoration:underline;
}
.case_details_html .company_album{
    padding-bottom: 70px;
    background: #fafafa;
}
.case_details_html .company_album .bt{
    margin-bottom: 59px;
}
.case_details_html .company_album .swiper-slide{
    padding-bottom: 30px;
}
.case_details_html .company_album .swiper-slide a{
    display: block;
    width: calc(100% / 4 - 12px);
    margin-left: 16px;
    cursor: pointer;
    margin-bottom: 7px;
}
.case_details_html .company_album .swiper-slide a:nth-child(4n+1){
    margin-left: 0;
}
.case_details_html .company_album .swiper-slide a .img{
    width: 100%;
    overflow: hidden;
}
.case_details_html .company_album .swiper-slide a .img img{
    width: 100%;
    transition:all 0.3s ease-in-out;
}
.case_details_html .company_album .swiper-slide a:hover .img img{
    transform: scale(1.1);
}
.case_details_html .company_album .swiper-slide a p{
    line-height: 63px;
    height: 63px;
    font-size: 18px;
    color: #666666;
    width: calc(100% - 20px);
    margin: auto;
    text-align: center;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.case_details_html .company_album .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #d9d9d9;
    opacity: 1;
    margin: 0 10px;
}
.case_details_html .company_album .swiper-pagination-bullet-active {
    opacity: 1;
    background: #036fb4;
}
.case_details_html .company_album .swiper-pagination{
    height: 15px;
    bottom: 0;
}
.case_details_html .video_center{
    background: #ffffff;
    padding: 124px 0;
    padding-bottom: 0;
}
.case_details_html .official_website{
    width: 280px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: auto;
    display: block;
    margin-top: 80px;
    margin-bottom: 100px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 60px;
    background-image: -moz-linear-gradient( 0deg, rgb(82,159,214) 0%, rgb(23,88,167) 99%);
    background-image: -webkit-linear-gradient( 0deg, rgb(82,159,214) 0%, rgb(23,88,167) 99%);
    background-image: -ms-linear-gradient( 0deg, rgb(82,159,214) 0%, rgb(23,88,167) 99%);
    box-shadow: 0px 5px 20px 0px rgba(0, 109, 178, 0.51);
}
.case_details_html .video_center .center{
    position: relative;
}
.case_details_html .video_center .left{
    transform: rotate(90deg);
    position: absolute;
    left: -60px;
    top: 125px;
}
.case_details_html .video_center .left p:nth-child(1){
    font-size: 80px;
    font-weight: 600;
    color: #555555;
    line-height: 92px;
    text-transform:uppercase;
}
.case_details_html .video_center .left p:nth-child(2){
    font-size: 20px;
    color: #999999;
    line-height: 46px;
    margin-left: 66px;
}
.case_details_html .video_center .right{
    width: calc(100% - 297px);
    position: relative;
    margin-right: 70px;
}
.case_details_html .video_center .right .swiper-slide a{
    display: block;
    cursor: pointer;
}
.case_details_html .video_center .right .swiper-slide a .video_img{
    width: 100%;
    transition:all 0.3s ease-in-out;
}
.case_details_html .video_center .right .swiper-slide a:hover .video_img{
    /* transform: scale(1.1); */
}
.case_details_html .video_center .right .swiper-slide a .text{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.case_details_html .video_center .right .swiper-slide a .text .biaoti{
    width: calc(100% - 140px);
    padding: 0 70px;
    line-height: 90px;
    height: 90px;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    font-size: 30px;
    color: #ffffff;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.case_details_html .video_center .right .swiper-slide a .text .p{
    width: calc(100% - 370px);
    padding: 13px 300px 0px 70px;
    margin-bottom: 13px;
    line-height: 40px;
    height: 80px;
    font-size: 16px;
    color: #ffffff;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.case_details_html .video_center .right .swiper-button-prev-video{
    width: 113px;
    height: 105px;
    position: absolute;
    right: 154px;
    bottom: 0;
    top: auto;
    left: auto;
    transition:all 0.3s ease-in-out;
    border-left: solid 1px rgba(255, 255, 255, 0.5);
    background: url("../img/prev-video1.png") top 21px left 34px no-repeat;
}
.case_details_html .video_center .right .swiper-button-next-video{
    width: 113px;
    height: 105px;
    position: absolute;
    right: 33px;
    bottom: 0;
    top: auto;
    left: auto;
    transition:all 0.3s ease-in-out;
    background: url("../img/next-video1.png") top 21px left 13px no-repeat;
}
.case_details_html .video_center .right .swiper-button-prev-video:hover{
    background: url("../img/prev-video2.png") top 21px left 34px no-repeat;
}
.case_details_html .video_center .right .swiper-button-next-video:hover{
    background: url("../img/next-video2.png") top 21px left 13px no-repeat;
}
.case_details_html .video_center .swiper-slide a .video_icon1{
    position: absolute;
    left: 50%;
    top: 45%;
    margin-top: -5px;
    margin-left: -8px;
    z-index: 2;
}
.case_details_html .video_center .swiper-slide a .video_icon2{
    position: absolute;
    left: 50%;
    top: 45%;
    margin-top: -40px;
    margin-left: -45px;
    transition:all 0.3s ease-in-out;
    opacity: 1;
    z-index: 2;
}
.case_details_html .video_center .swiper-slide a:hover .video_icon2{
    transform: scale(1.2);
    opacity: 0;
}
.case_details_html .video_center .swiper-slide a .yinying{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.18);
    transition:all 0.3s ease-in-out;
}
.case_details_html .video_center .swiper-slide a:hover .yinying{
    background: rgba(0, 0, 0, 0.4);
}
.case_details_html .video_center .more{
    position: absolute;
    bottom: 10px;
    right: -108px;
}
.case_details_html .video_center .more .border{
    height: 42px;
    width: 1px;
    background: #999999;
    margin-left: 18px;
}
.case_details_html .video_center .more p{
    font-size: 16px;
    color: #999999;
    margin-top: 28px;
    transform: rotate(90deg);
    transition:all 0.3s ease-in-out;
}
.case_details_html .video_center .more:hover p{
    color: #036fb4;
}
.case_details_tk{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9;
    display: flex;
    align-items: center;
}
.case_details_tk .dise{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.case_details_tk .dise .tk_jv{
    background: #fff;
    width: 1166px;
    padding: 18px 18px 0 18px;
    margin: auto;
    position: relative;
}
.case_details_tk .tk_jv .gb{
    width: 71px;
    height: 69px;
    position: absolute;
    top: 0;
    right: -71px;
    cursor: pointer;
    background: url("../img/case_details_gb.png") center center no-repeat;
}
.case_details_tk2 .tk_jv video{
    width: 100%;
}
.case_details_tk2 .tk_jv .text{
    padding-bottom: 8px;
}
.case_details_tk2 .tk_jv .text p{
    font-size: 16px;
    color: #666666;
    line-height: 60px;
    height: 60px;
}
.case_details_tk2 .tk_jv .text p:nth-child(1){
    width: calc(100% - 190px);
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.case_details_tk1 .dise .tk_jv{
    width: 800px;
    padding: 12px;
}
.case_details_tk1 img{
    width: 100%;
}
.case_details_tk1 .swiper-button-prev-album{
    width: 62px;
    height: 62px;
    background: url("../img/prev-album.png") center center no-repeat;
}
.case_details_tk1 .swiper-button-next-album{
    width: 62px;
    height: 62px;
    background: url("../img/next-album.png") center center no-repeat;
}
.index_html .view #fanhui{
    display: none;
}
.index_html_phone #fanhui{
    /* display: block; */
}
.index_html .view .swiper-pagination_f{
    position: fixed;
    bottom: 17vh;
    right: 20px;
    width: 70px;
    height: 50px;
    top: auto;
}
.index_html .view .swiper-pagination_f span{
    display: none;
}
.index_html .view .swiper-pagination_f span:nth-child(1){
    display: block;
    width: 70px;
    height: 50px;
    margin: 0;
    background: rgba(169, 169, 169, 0.5);
    background-image: url(../img/zhiding.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64px auto;
    border-radius: 0;
    opacity: 1;
}


























/* transition:all 0.3s ease-in-out;

transform: scale(1.1);



overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:1;



input::-webkit-input-placeholder{

    color:#cccccc;

}

input::-moz-placeholder{   

    color:#cccccc;

}

input:-moz-placeholder{    

    color:#cccccc;

}

input:-ms-input-placeholder{

    color:#cccccc;

}



textarea::-webkit-input-placeholder{

    color:#cccccc;

}

textarea::-moz-placeholder{ 

    color:#cccccc;

}

textarea:-moz-placeholder{ 

    color:#cccccc;

}

textarea:-ms-input-placeholder{ 

    color:#cccccc;

} */