/* 首页 */
.index.container .banner_slide{height: 680px;position: relative;overflow: hidden;max-width: 2560px;margin: 0 auto;}
.index.container .banner_slide .bd li{height: 680px;width: 100%;position: relative;}
.index.container .banner_slide .bd li img{width: 2560px;height: 680px;position: absolute;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index.container .banner_slide .hd{height: 12px;position: absolute;z-index: 2;bottom: 50px;left: 0;right: 0;margin-left: auto;margin-right: auto;width: 1200px;text-align: center;}
.index.container .banner_slide .hd ul{display: inline-block;text-align: center;}
.index.container .banner_slide .hd ul li{display: inline-block;vertical-align: top;width: 12px;height: 12px;background-color: #fff;border-radius: 6px;margin: 0 6px;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.index.container .banner_slide .hd ul li.on{width: 30px;background-color: var(--primary-color);}
.index.container .banner_slide .toggle{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;color: transparent;cursor: pointer;transition: all 400ms;}
.index.container .banner_slide .toggle.prev{left: 20px;background: url(../img/index_00.png) no-repeat center/auto 48px;}
.index.container .banner_slide .toggle.next{right: 20px;background: url(../img/index_00.png) no-repeat center/auto 48px;transform-origin: center;transform: rotate(180deg);}
.index.container .box{padding: 120px 0;}
.index.container h4{font-size: 36px;color: #333;font-weight: bold;text-align: center;padding-bottom: 20px;position: relative;}
.index.container h4::after{content: ''; position: absolute; bottom: -10px; left: 50%; margin-left: -45px; width: 90px; height: 3px; background-color: rgba(0, 157, 247, 1); border-radius: 5px;}
.index.container h4::before{content: ''; position: absolute; bottom: -10px; left: 0px; width: 30px; height: 3px; background-color: rgba(255, 255, 255, .5); z-index: 1; border-radius: 5px;animation: scroll_line 3s linear infinite;}
@keyframes scroll_line {
  0% {
    left: calc(50% - 45px);
  }
  100% {
    left: calc(50% + 45px);
    background-color: transparent;
  }
}
.index.container p{font-size: 16px;color: #666;line-height: 1.6em;}
.index.container h4+p{margin-top: 30px;text-align: center;}
.index.container .plat{background-color: #F9F9F9;}
.index.container .plat .list{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 50px;}
.index.container .plat .list .item{width: 265px;height: 275px;position: relative;margin-top: 20px;cursor: pointer;}
.index.container .plat .list .item .img{width: 100%;height: 100%;overflow: hidden;}
.index.container .plat .list .item .img img{width: 100%;height: 100%;}
.index.container .plat .list .item h5{position: absolute;z-index: 2;bottom: 20px;left: 20px;font-size: 18px;color: #fff;font-weight: bold;}
.index.container .plat .left{width: 550px;display: inline-flex;flex-wrap: wrap;justify-content: space-between;}
.index.container .plat .right{width: 630px;display: inline-flex;flex-wrap: wrap;justify-content: space-between;}
.index.container .plat .right .item{width: 305px;height: 160px;position: relative;margin-top: 20px;}
.index.container .plat .right .item:first-child{width: 100%;height: 210px;}
.index.container .operation .content{margin-top: 70px;display: flex;justify-content: space-between;align-items: flex-start;}
.index.container .operation .left .toggle{display: flex; align-items: center;}
.index.container .operation .left .toggle div{ height: 40px; cursor: pointer; text-align: center; font-size: 18px;color: #333;margin-right: 90px;padding-bottom: 14px; transition: all 400ms;}
.index.container .operation .left .toggle div :first-child{display: block;}
.index.container .operation .left .toggle div :last-child{width: 0; height: 3px; transition: all 400ms; display: inline-block;}
.index.container .operation .left .toggle div:hover{color: var(--primary-color);}
.index.container .operation .left .toggle div.active{color: var(--primary-color);}
.index.container .operation .left .toggle div.active :last-child{ width: 100%; height: 3px; background-color: var(--primary-color);}
.index.container .operation .left .des{margin-top: 24px;max-width: 290px;}
.index.container .operation .left .des ul{margin-top: 20px;padding-top: 20px;border-top: 2px solid #E5E5E5;}
.index.container .operation .left .des ul li{margin-top: 45px;font-size: 16px;color: #666;display: flex;align-items: center;position: relative;padding-left: 46px;}
.index.container .operation .left .des ul li::before{position: absolute;top: 0;left: 14px;bottom: 0;margin: auto; content: "";width: 16px;height: 16px;border-radius: 50px;border: 1px solid var(--primary-color);}
.index.container .operation .left .des ul li::after{position: absolute;top: 0;left: 19px;bottom: 0;margin: auto; content: "";width: 8px;height: 8px;border-radius: 50%;background-color: var(--primary-color);}
.index.container .operation .left .des ul li:first-child{margin-top: 0;}
.index.container .operation .left .des .item{display: none;}
.index.container .operation .left .des .item.active{display: block;}
.index.container .operation .left .des .more{margin-top: 60px;display: flex;justify-content: center;align-items: center;width: 126px;height: 44px;border-radius: 25px 25px 25px 25px;border: 1px solid var(--primary-color);font-size: 14px;color: var(--primary-color);}
.index.container .operation .left .des .more:hover{background-color: var(--primary-color);color: #fff;}
.index.container .operation .right{width: 540px;height: 540px;position: relative;box-sizing: border-box;background: #F3F6FC;box-shadow: 0px 9px 14px 0px rgba(11,129,197,0.1);border: 1px solid rgba(4,95,178,0.1);border-radius: 50%;}
.index.container .operation .right::before{content: "";position: absolute;z-index: 1;width: 400px;height: 400px;border-radius: 50%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border: 1px solid #0055FF;}
.index.container .operation .right::after{content: "";position: absolute;z-index: 2;width: 256px;height: 256px;border-radius: 50%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: #fff;box-shadow: 0px 9px 14px 0px rgba(11,129,197,0.1);}
.index.container .operation .right h5{position: absolute;z-index: 3;width: 200px;height: 200px;border-radius: 50%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;display: flex;justify-content: center;align-items: center;border: 1px solid var(--primary-color);color: var(--primary-color);font-size: 16px;line-height: 1.6em;text-align: center;}
.index.container .operation .right li{cursor: pointer;;width: 100px; height: 100px; background: linear-gradient( 180deg, #009DF7 0%, #5EC4FF 100%); border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;z-index: 4;}
.index.container .operation .right li:nth-child(1){top: 8%;left: 58%;}
.index.container .operation .right li:nth-child(2){top: 34%;left: 78%;}
.index.container .operation .right li:nth-child(3){top: 64%;left: 70%;}
.index.container .operation .right li:nth-child(4){top: 76%;left: 42%;}
.index.container .operation .right li:nth-child(5){top: 64%;right: 70%;}
.index.container .operation .right li:nth-child(6){top: 34%;right: 78%;}
.index.container .operation .right li:nth-child(7){top: 8%;right: 58%;}
.index.container .operation .right li h6{font-size: 16px; color: #FFFFFF;}
.index.container .operation .right li p{display: none;padding: 8px;font-size: 12px; color: #FFFFFF; line-height: 1.6em;text-align: center;}
.index.container .operation .right li:hover{background: linear-gradient( 180deg, #FF8724 0%, #FFB679 100%);}
.index.container .operation .right li:hover h6{display: none;}
.index.container .operation .right li:hover p{display: block;}
.index.container .city{padding-bottom: 0;}
.index.container .city .slide{max-width: 1920px;min-width: 1200px;position: relative;overflow: hidden;margin: 70px auto 0;}
.index.container .city .slide .bd li{width: 100%;background-repeat: no-repeat;}
.index.container .city .slide .bd li img{width: 100%;margin: 0 auto;}
.index.container .city .slide .toggle{position: absolute;z-index: 3;top: 50%;margin-top: -28px;width: 56px;height: 56px;background-color: rgb(245,230,217);background-repeat: no-repeat;background-position: center;color: transparent;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.index.container .city .slide .toggle.prev{left: 20px;background: url(../img/index_00.png) no-repeat center/auto 40px;}
.index.container .city .slide .toggle.next{right: 20px;background: url(../img/index_00.png) no-repeat center/auto 40px;transform-origin: center;transform: rotate(180deg);}
.index.container .cooperation ul{margin-top: 70px;display: flex;justify-content: space-between;align-items: center;}
.index.container .cooperation ul li{display: flex;align-items: stretch;background-color: #F9F9F9;overflow: hidden;}
.index.container .cooperation ul li .key{width: 275px;min-height: 360px;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;}
.index.container .cooperation ul li .key .img{width: 140px;height: 140px;}
.index.container .cooperation ul li .key .img img{width: 100%;height: 100%;}
.index.container .cooperation ul li .key h5{margin-top: 70px;font-weight: bold; font-size: 18px; color: #333333;}
.index.container .cooperation ul li .des{width: 0px;height: 0px;background:#F2F2F2 url(../img/index_19.png) no-repeat right bottom/180px 210px;}
.index.container .cooperation ul li .des h5{ font-weight: bold; font-size: 24px; color: #333333;margin: 60px 60px 40px 60px;}
.index.container .cooperation ul li .des p{margin: 20px 44px 0 44px;font-size: 14px;color: #666;display: flex;align-items: center;position: relative;padding-left: 46px;}
.index.container .cooperation ul li .des p::before{position: absolute;top: 3px;left: 14px; content: "";width: 16px;height: 16px;border-radius: 50px;border: 1px solid var(--primary-color);}
.index.container .cooperation ul li .des p::after{position: absolute;top: 8px;left: 19px; content: "";width: 8px;height: 8px;border-radius: 50%;background-color: var(--primary-color);}
.index.container .cooperation ul li .des p:first-child{margin-top: 0;}
.index.container .cooperation ul li.active .key h5{color: var(--primary-color);}
.index.container .cooperation ul li.active .des{display: block;width: 315px;height: 450px;}
.index.container .news{background-color: #F9F9F9;}
.index.container .news .list{display: flex;justify-content: space-around;align-items: stretch;margin-top: 70px;}
.index.container .news .list>li{width: 376px;background-color: #fff;box-shadow: 0px 9px 14px 0px rgba(11,129,197,0.1);}
.index.container .news .list>li.top .img{overflow: hidden;height: 260px;width: 100%;}
.index.container .news .list>li.top .img img{width: 100%;height: 100%;}
.index.container .news .list>li.top .des{box-sizing: border-box;padding: 30px;}
.index.container .news .list>li.top .des h5{font-size: 16px; color: #333333;font-weight: bold;}
.index.container .news .list>li.top .des p{font-size: 14px;margin: 10px 0;}
.index.container .news .list>li.top .des .more{margin-top: 20px;font-size: 16px; color: #333333;padding-left: 20px;background: url(../img/index_20.png) no-repeat left/16px 16px;}
.index.container .news .list>li.top .des .more:hover{color: var(--primary-color);}
.index.container .news .list>li.other{padding: 40px 30px;box-sizing: border-box;}
.index.container .news .list>li.other .title{font-size: 20px; color: #333333;display: flex;justify-content: space-between;align-items: center;padding-bottom: 14px;border-bottom: 1px solid #E5E5E5;}
.index.container .news .list>li.other .more{cursor: pointer;font-weight: 400; font-size: 14px; color: #999999;}
.index.container .news .list>li.other .more:hover{color: var(--primary-color);}
.index.container .news .list>li.other li{padding: 20px 0;border-top: 1px solid #E5E5E5;}
.index.container .news .list>li.other li:first-child{border-top: none;}
.index.container .news .list>li.other li div{font-weight: bold; font-size: 12px; color: #333333;}
.index.container .news .list>li.other li p{font-size: 14px;margin-top: 10px;}