@charset "utf-8";
/*  fa  zhan li  cheng  */
.fzlc{
    height: 540px;
    position:relative;
    overflow: hidden;;
}
.fzlc .lcul{
    position: absolute;
}
.fzlc .lcul li{
    width:300px;
    height:540px;

    position: absolute;
    left:0px;
    top:0px;
}

.fzlc .lcul .odd  .waidian{
    width: 100px;
    height:100px;
    border:1px solid  #46a3ff;
    border-radius: 50%;
    position: absolute;
    top:220px;
    left:0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top:20px ;
}
.fzlc .lcul .odd .dian{
    width: 90px;
    height:90px;
   background-color:  #46a3ff;
    border-radius: 50%;
    position: absolute;
    top:225px;
    left:5px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top:20px ;
}

.fzlc .lcul .odd  .dian .sf{
    font-size: 1.83rem;
    line-height: 28px;
}
.fzlc .lcul .odd  .dian .ss{
    font-size: 1.16rem;
    line-height: 18px;
}
.fzlc .lcul .even  .dian span{
    font-size: 1.16rem;
    line-height: 18px;
}

.fzlc .lcul .odd  .xian{
    width: 200px;
    height:2px;
    background-color: #46a3ff;
    position: absolute;
    top:269px;
    left:100px;
}

.fzlc .lcul .even  .xian{
    width: 240px;
    height:2px;
    background-color: #46a3ff;
    position: absolute;
    top:269px;
    left:60px;
}

.fzlc .lcul .odd .content{
    width: 280px;
    height:125px;
    background-color: #fafafa;
    border-radius: 5px;
    position: absolute;
    top:75px;
    left:-90px;
}
.fzlc .lcul .odd .sanjiao{
    position: absolute;
    height: 0px;
    width: 0px;
    border-top: 20px solid transparent;
    border-right: 20px solid #fafafa;
    border-bottom: 20px solid transparent;
    transform:rotate(-90deg);
    left:40px;
    top:190px;
}


.fzlc .lcul .even .content{
    width: 280px;
    height:125px;
    background-color: #fafafa;
    border-radius: 5px;
    position: absolute;
    top:320px;
    left:-110px;
    color: black;
}
.fzlc .lcul .even .sanjiao{
    position: absolute;
    height: 0px;
    width: 0px;
    border-top: 20px solid transparent;
    border-right: 20px solid #fafafa;
    border-bottom: 20px solid transparent;
    transform:rotate(90deg);
    left:20px;
    top:290px;
}

.fzlc .lcul  .content{
    font-size: 1.25rem;
    line-height: 24px;
    padding: 14px;
    letter-spacing: 2px;
    cursor: pointer;
    box-shadow: 5px 5px 10px #ccc;
}
.fzlc .lcul li:first-child  .content{
    /* background-color: #46a3ff; */
    /* color: #fff; */
}
.fzlc .lcul li:first-child  .sanjiao{
    /* border-right-color: #46a3ff; */
}

.fzlc .lcul   .content:hover{
    background-color: #46a3ff;
    color: #fff;
}
.fzlc .lcul   .content:hover+.sanjiao{
    border-right-color: #46a3ff;
}
.fzlc .lcul .even  .waidian{
    width: 60px;
    height:60px;
    border:1px solid  #46a3ff;
    border-radius: 50%;
    position: absolute;
    top:240px;
    left:0px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top:10px ;
}
.fzlc .lcul .even .dian{
    width: 50px;
    height:50px;
    background-color:  #46a3ff;
    border-radius: 50%;
    position: absolute;
    top: 245px;
    left:5px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding-top: 15px;
}

.gobtn{
    width: 40px;
    height:40px;
    position: absolute;
    display: none;
    cursor: pointer;
}
.fzlc:hover .gobtn{
    display: block;
}
.goleft{
    left: 0px;
    top:250px;
}
.goright{
    right: 0px;
    top:250px;
}

/*  zi  zhi  rong yu  */


.zzry{
    height: 400px;
    position:relative;
    padding-top: 15px;
    /* overflow: hidden; */
}
.zzry .zzul{
    position: absolute;
    width: 10000px;
}
.zzry .zzul li{
    width:260px;
    height:400px;
    float: left;
    margin-left: 20px;
}

.zzry .zzul li .tu{
    width: 240px;
    height:340px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.zzry .zzul li .tu img{
    width: 220px;
    height:320px;
}

.zzry .zzul li .zi{
    text-align: center;
    height: 60px;
    line-height:60px;
    font-size: 18px;
}
.zzry .zzul .zi{
    text-align: center;
    height: 60px;
    line-height: 20px;
    color: #6D6D6D;
    font-size: 1.33rem;
    font-family: "微软雅黑";
    margin-top: 25px;
}
.zzry .zzul .tu{position:relative;overflow:hidden;box-sizing: border-box;padding: 10px;background: #fff;/* border: 1px solid #EEEEEE; *//* background: #FFFFFF; */box-shadow: 0  2px 5px 0 #EEEEEE;}
.zzry .zzul .pover{
    width: 102%;
    height: 120px;
    position: absolute;
    left: -1%;
    z-index: 9;
    color: #fff;
    bottom: -120px;
    padding: 20px;
    /* background-color: #71b7fc; */
    background-image: linear-gradient(-180deg, #4F5462 0%, #272A33 100%);
    opacity: 0.9;
    transition: all 0.5s;
}
.zzry .zzul li .tu:hover .pover{
    bottom: 0px;
    transition: all 0.5s;
}
.zzry .zzul .tu:hover .pover{
    bottom: -1px;
    transition: all 0.5s;
}
.zzry .zzul .tu:hover{/* box-shadow:0px 0px 10px #ccc; */box-shadow: 0 10px 20px 0 #C7C7CC;}
.zzry .zzul .tu img{width:100%;}

.zgobtn{
    width: 40px;
    height:40px;
    position: absolute;
    display: none;
    cursor: pointer;
}
.zzry:hover .zgobtn{
    display: block;
}
.zzleft{
    left:40px;
    top:180px;
}
.zzright{
    right:40px;
    top:180px;
}
/* lian xi wo men */
.lxwm{
    height: 450px;
    position:relative;
    background-color: #46a3ff;
    margin-bottom: 40px;
}
/* fuwu */
#main_cp5{
    background: url(../images/fuwubg.png) no-repeat;
    background-size: auto 100%;
}
.fuwu{
    height: 400px;
    position:relative;
}
.fuwu .fleft{
    width: 50%;
    float: left;
}
.fuwu .fright{
    width: 50%;
    float: left;
}
.fuwu .title{
    font-size: 2rem;
    line-height: 30px;
}
.fuwu .cont{
    font-size: 1.66rem;
    height: 40px;
    line-height: 36px;
}
.tu{transition:0.4s;-webkit-transition:0.4s;position:relative;top:0px;cursor: pointer;}
.tu:hover{top:-10px;}
.zzul .swiper-slide:hover .zi{color:#000;}
.pover span{margin-bottom: 7px;display: block;}
@media screen and (max-width: 1680px) {
    .fuwu{height:365px;}
    .zzry{height:370px;}
}
@media screen and (max-width: 1550px) {
    .zzry .zzul .zi{
        font-family: "微软雅黑";
        font-size: 17px;
    }
}
@media screen and (max-width: 1470px) {
    .zzry{height:365px !important;}
}
@media screen and (max-width: 1366px) {
    .zzry{height:365px !important;}
}
@media screen and (max-width: 1280px) {
    .zzry{height:350px !important;}
}
@media screen and (max-width: 1236px) {
    .zzry{height:445px !important;}
}
@media screen and (max-width: 875px) {
    .lxwm{width:95% !important;float:none !important;margin:0 auto !important;}
    .rig_content_all{width:95% !important;float:none !important;margin:0 auto !important;padding-top:30px;}
}
@media screen and (max-width: 590px) {
    /*.zzul .swiper-slide{width:50% !important;}*/
    .zzry .zzul .zi{
        font-family: "微软雅黑";
        font-size: 15px;
    }
    .zzry{height:340px !important;}
}

@media screen and (max-width: 425px) {
    .zzry{height:265px !important;}
    .fuwu .fleft{width:100%;}
    .fuwu .fright{width:100%;padding-bottom:15px;}
    .footer_change{padding-top:0px;}
    .zzry .zzul .zi{line-height:30px;padding-top:10px;}
    .unav>li>a{font-size:1rem;}
}
@media screen and (max-width: 410px) {
    .zzry{height:235px;}
    .zzry .zzul .zi {
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 1rem;
    }
}
@media screen and (max-width: 410px) {
    .zzry{height:410px;}
    .zzry .zzul .zi {
        text-align: center;
        height: 40px;
        line-height: 40px;
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 375px) {
    .zzry {
        height: 420px !important;
    }
}
.rig_content_all {
    float: left;
    position: relative;
    padding-left: 50px;
}

p.r_ctitle {
    font-size: 2rem;
    /* font-size: 24px; */
    padding-top: 10px;
    /* line-height: 50px; */
    color: #333333;
    padding-bottom: 30px;
}

p.r_cconten {
    line-height: 36px;
    font-size: 1.66rem;
    /* font-size: 20px; */
    padding-bottom: 30px;
    color: #666;
}
.zzry:hover .swiper-button-next{opacity:1 !important;}
.zzry:hover .swiper-button-prev{opacity:1 !important;}