/* ////////////////////////////////////////////PC 样式//////////////////////////////////////////////////////// */
/* index头部 */
.index-header{
    height: 37.5vw;
    background-color: #333333;
}
/* 头部轮播图 */
.carousel,.carousel-inner,.carousel-inner>.item{
    width: 100%;
    height: 100%;
}
.carousel-indicators>li,.carousel-indicators>.active{
    border-radius: none;
    border: none;
    background: #F0F2F5;
    width:2.78vw;
    height:0.28vw;
    opacity:0.5;
    margin: 0 2px;
}
.carousel-indicators>.active{
    background: #F0F2F5;
    opacity: 1;
}
.carousel-control{
    width: 10%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-left-icon{
    transform: rotate(270deg);
}
.carousel-right-icon{
    transform: rotate(90deg);
}
/* 头部视频 */
.head-video-Box{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 14.8vw;
}
.head-video-h2{
    font-size:3.8vw;
    font-weight:bold;
    color:rgba(252,253,254,1);
}
.head-video-p{
    font-size:1.57vw;
    font-weight:400;
    color:rgba(235,238,246,1);
    margin: 3.15vw 0;
}
.head-video-btn{
    padding: 0.5vw 0.93vw;
    color: #FFFFFF;
    background:rgba(8,16,26,0.4);
    border:1px solid rgba(255,255,255,1);
    border-radius:2px;
    white-space: nowrap;
}
.video-btn-icon{
    width: 1vw;
    margin: 0 2px;
}
.headVideo{
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
    background: rgba(0,0,0,0.66);
    display: flex;
    align-items: center;
    justify-content: center;
}
.headVideo-div{
    width: 70%;
    min-width: 800px;
    height: 70%;
    background-color: #000;
    border-radius: 5px;
    /* overflow: hidden; */
    position: relative;
}
.headVideo-close{
    position: absolute;
    top: -30px;
    right: 15px;
    width: 1.85vw;
    height: 1.85vw;
    cursor: pointer;
    z-index:2;
}
/* 解决方案 */
.products-content{
    width: 100%;
    min-width: 1080px;
    /* height: 41.67vw; */
    padding-bottom: 2vw;
    background-color: #fff;
}
.idx-content-title{
    width: 100%;
    height: 9.26vw;
    text-align: center;
}
.idx-content-h6{
    font-size:1.57vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
    padding-top: 4.07vw;
}
.idx-content-p{
    font-size:0.93vw;
    font-weight:400;
    margin-top: 0.9vw;
    color:rgba(194,198,204,1);
}
.products-content-ul,.products-content-ulshadow{
    width: 73.7vw;
    /* height: 29.5vw; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    /* overflow: hidden; */
}
.products-content-li{
    width: 17.4vw;
    height: 13.52vw;
    margin: 0.6vw 0.51vw 0.6vw 0.51vw;
    background-color: #172661;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    /* transition: all 0.6s ease 0.2s; */
}
.products-content-lishadow{
    width: 17.4vw;
    height: 13.52vw;
    margin: 0.6vw 0.51vw 0.6vw 0.51vw;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    background: #fff;
    box-shadow:0px 4px 10px 0px rgba(24,39,96,0.1);
}
.products-content-li>a{
    width: 100%;
    height: 100%;
    display: block;
    /* background:rgba(77,27,0,0.6); */
}
.products-content-li:hover,.products-content-lishadow:hover{
    transform: scale(1.08);
    box-shadow: 2px 2px 4px #888888;
}
.products-content-li:nth-child(8n+1){
    background: url('../images/home_zxyh_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+2){
    background: url('../images/home_jrty_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+3){
    background: url('../images/terminal_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+4){
    background: url('../images/ntgis_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+5){
    background: url('../images/grid_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+6){
    background: url('../images/cloud_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+7){
    background: url('../images/home_czgl_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-content-li:nth-child(8n+8){
    background: url('../images/jjfa_jjxs_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.products-li-div{
    width: 7.32vw;
    height: 8.32vw;
    margin: 0 auto;
    padding-top: 1vw;
}
.products-li-div2{
    width: 7.32vw;
    height: 9.32vw;
    margin: 0 auto;
    padding-top: 1.8vw;
}
.products-li-div>img,.products-li-div2>img{
    width: 7.32vw;
    height: 7.32vw;
}
.products-li-p{
    font-size:1.02vw;
    margin-top: 0.56vw;
    font-weight:bold;
    color:#333;
}
.productsLi_p{
    font-size:0.83vw;
    margin: 0.56vw 0.2vw 0;
    font-weight:400;
    color:#999
}
/* 发展历史 */
.history-content{
    width: 100%;
    min-width: 1080px;
    height: 30vw;
    /* background: url('../images/history_bg@2x.png')no-repeat;
    background-size: 100% 100%; */
    background:linear-gradient(90deg,rgba(242,122,45,1),rgba(205,64,38,1));
    position: relative;
    overflow: hidden;
}
.history-bollBox{
    text-align: center;
    position: absolute;
    /* top: 8.33vw; */
    top: 15.33vw;
}
.history-bollBox>p{
    font-size:0.83vw;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height: 1.48vw;
    opacity:0.5;
    /* text-align: left; */
    text-align: center;
    white-space: nowrap;
}
.history-boll{
    /* width:5.6vw;
    height:5.6vw; */
    width:1.5vw;
    height:1.5vw;
    margin: 0 auto;
}
.history-boll>img{
    width: 100%;
    height: 100%;
}
.history-boll>div{
    width:1vw;
    height:1vw;
    background:rgba(255,255,255,1);
    border:1px solid;
    border-image:linear-gradient(135deg, rgba(248,124,89,1), rgba(244,99,63,1)) 10 10;
    box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius:7px;
}
.history-bollBox:nth-child(1){
    margin-left: 3%;
}
.history-bollBox:nth-child(2){
    margin-top: -1.85vw;
    margin-left: 29%;
}
.history-bollBox:nth-child(3){
    margin-top: -7%;
    margin-left: 45%;
}
.history-bollBox:nth-child(4){
    margin-top: -3.2vw;
    margin-left: 64%;
}
.history-cont-line{
    position: absolute;
    /* top: -13.89vw; */
    top: -4.89vw;
    width: 100%;
    height: 55.56vw;
    overflow: hidden;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    align-items: center;
}
/* .history-cont-line>li, */
.history-cont-line img{
    width: 100%;
    /* min-width: 1080px; */
    /* height: 100%; */
}
/* 业务分部图 */
.business-content{
    width: 100%;
    min-width: 1080px;
    height: 51.3vw;
    position: relative;
}
.MapBox{
    width: 100%;
    height: 42vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.address-contact{
    /* height: 27.78vw; */
    width: 18vw;
    padding:2vw;
    background:rgba(255,255,255,1);
    box-shadow:0px 5px 11px 0px rgba(24,39,96,0.1);
    border-radius:3px;
}
.address-contact-ul{
    width: 90%;
    height: 100%;
    margin: 0 auto;
}
.address-contact-ul>li{
    width: 100%;
    /* height: 7vw; */
    padding-top: 0.93vw;
    border-bottom: 1px solid #eee;
}
.address-contact-div{
    display: flex;
    align-items: center;
    margin-bottom: 0.74vw;
}
.address-contact-div>p{
    width: 60%;
    font-size:0.93vw;
    white-space: nowrap;
    font-weight:bold;
    color:rgba(24,39,96,1);
}
.address-contact-div>span{
    white-space: nowrap;
    font-size:0.83vw;
    font-weight:400;
    color:rgba(24,39,96,1);
}
.address-contact-p{
    font-size:0.74vw;
    font-weight:400;
    color:rgba(57,70,118,1);
    opacity:0.7;
    /* display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden; */
    padding-bottom: 5px;
}
/* 对应的弹窗 */
.address-cont-Box{
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
    background: linear-gradient(#0B59A4,#3D8CAA);
}
.address-header{
    display: flex;
    align-items: center;
    padding: 1% 0;
}
.goforTop{
    width: 3vw;
    height: 3vw;
    margin: 0 2vw;
}
.address-title{
    color: #ffffff;
    font-size: 2.22vw;
}
.address-content{
    width: 100%;
    height: 80%;
    min-height: 800px;
    margin-top: 3.7vw;
}
.address-cont-ul{
    width: 96%;
    min-width: 1180px;
    height: 60%;
    padding: 0;
    margin: 0 auto;
    overflow-y: auto;
}
.address-cont-ul::-webkit-scrollbar {
    width: 0.74; 
    height: 1px;
}
.address-cont-ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #37AEA4;
}
.address-cont-li{
    display: inline-block;
    width: 23%;
    height: 15vw;
    background:#ffffff;
    border-radius:5px;
    margin: 0.93vw;
    overflow: hidden;
    text-align: center;
    line-height: 15vw;
}
.address-cont-li>img{
    width:10vw;
    height: 10vw;
}
/* //////////////////////h5 样式/////////////////////////// */
.h5swiper,#h5myCarousel{
    width: 100%;
    height: 42.67vw;
}
#h5myCarousel{
    position: relative;
    overflow: hidden;
}
/* 头部视频 */
.h5head-video-Box{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 15.33vw;
}
.h5head-video-h2{
    font-size:4.8vw;
    font-weight:bold;
    color:rgba(255,255,255,1);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.h5head-video-p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(235,238,246,1);
    margin: 3.2vw 0;
}
.h5head-video-btn{
    padding: 2px 2vw;
    color: #FFFFFF;
    font-size: 3.2vw;
    background:rgba(8,16,26,0.4);
    border:1px solid rgba(255,255,255,1);
    border-radius:2px;
    white-space: nowrap;
}
.h5video-btn-icon{
    width: 3vw;
    height: 3vw;
}
.h5headVideo{
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 16;
    background: rgba(0,0,0,0.66);
    display: flex;
    align-items: center;
    justify-content: center;
}
.h5headVideo-div{
    width: 90%;
    height: 58vw;
    background-color: #000;
    border-radius: 5px;
    /* overflow: hidden; */
    position: relative;
}
.h5headVideo-close{
    position: absolute;
    top: -30px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index:2;
}
/* 解决方案 */
.h5Idxtitle-div{
    display: flex;
    align-items: center;
    padding: 8vw 0 5vw 0;
    margin-left: 3.1vw;
}
.h5Idxtitle-h6{
    font-size:4.8vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
}
.h5Idxtitle-p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(194,198,204,1);
    margin-left: 2vw;
}

.h5IdxproCont,.h5IdxproCont_shadow{
    width: 100%;
    /* height: 160vw; */
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 0 auto;
    padding: 2.67vw 0;
}
.h5Idxproduct-cont-li,.h5Idxproduct_lishadow{
    width: 45.07vw;
    height: 34.33vw;
    text-align: center;
    display: inline-block;
    margin: 2.67vw 2.16vw;
    background-color: #fff;
    box-shadow:0px 8px 20px 0px rgba(24,39,96,0.1);
}
.h5Idxproduct-li-div{
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}
.h5Idxproduct-cont-li:nth-child(8n+1){
    background: url('../images/home_zxyh_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+2){
    background: url('../images/home_jrty_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+3){
    background: url('../images/terminal_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+4){
    background: url('../images/ntgis_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+5){
    background: url('../images/grid_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+6){
    background: url('../images/cloud_bg@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+7){
    background: url('../images/home_czgl_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxproduct-cont-li:nth-child(8n+8){
    background: url('../images/jjfa_jjxs_img@2x.png') no-repeat;
    background-size: 100% 100%;
}
.h5Idxprodli-div{
    width: 18.67vw;
    height: 18.67vw;
    margin: 0 auto;
    margin-top: 3.87vw;
}
.h5Idxprodli-div>img{
    width: 100%;
    height: 100%;
}
.h5Idxprodli-p{
    margin: 1.2vw 0;
    font-size:3.2vw;
    font-weight:bold;
    color:rgba(255,255,255,1);
}
.h5productsLi_shortMeta{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:3vw;
    color: #999;
    margin-top: 0.8vw;
}
.h5IdxHistory{
    width: 100%;
    position: relative;
    background:linear-gradient(180deg,rgba(242,122,45,1),rgba(205,64,38,1));
    z-index: -2;
}
.h5IdxLine{
    width: 20vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.h5IdxHistory-div{
    width: 85%;
    margin: 0 auto;
    display: flex;
    padding-bottom: 8.4vw;
}
.h5IdxHistory-div:nth-child(1){
    margin-left: 10vw;
}
.h5IdxHistory-div:nth-child(2){
    margin-left: 13vw;
}
.h5IdxHistory-div:nth-child(3){
    margin-left: 12vw;
}
.h5IdxHistory-div:nth-child(4){
    margin-left: 15vw;
}
.h5idxBoll-div{
    width:5vw;
    height:5vw;
    background:rgba(255,255,255,1);
    /* border:2px solid;
    border-image:linear-gradient(135deg, rgba(248,124,89,1), rgba(244,99,63,1)) 10 10; */
    box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius:50%;
}
.h5idxBoll-div>img{
    width: 100%;
    height: 100%;
}
.h5IdxBoll-Msg{
    width: 80%;
    margin-left: 5vw;
}
.h5IdxBoll-Msg-h6{
    font-size:4vw;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin-bottom: 4vw;
}
.h5IdxBoll-Msg-p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:5vw;
    opacity: 0.7;
}
/* h5对应的弹窗 */
.h5address-cont-Box{
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 21;
    background: linear-gradient(#0B59A4,#3D8CAA);
}
.h5address-header{
    display: flex;
    align-items: center;
    padding: 4vw 0;
}
.h5goforTop{
    width: 5vw;
    height: 5vw;
    margin: 0 3vw;
}
.h5address-title{
    color: #ffffff;
    font-size: 3.2vw;
}
.h5address-content{
    width: 100%;
    height: 80%;
    margin-top: 5.33vw;
    overflow: hidden;
    overflow-y: auto;
}
.h5address-cont-ul{
    width: 96%;
    padding: 0;
    margin: 0 auto;
}
.h5address-cont-ul::-webkit-scrollbar {
    width: 1.07vw; 
    height: 1px;
}
.h5address-cont-ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #37AEA4;
}
.h5address-cont-li{
    display: inline-block;
    width: 43vw;
    height:26.67vw;
    background:#ffffff;
    border-radius:5px;
    margin: 2.6vw 1.6vw;
    overflow: hidden;
    text-align: center;
    line-height: 26.67vw;
}
.h5address-cont-li>img{
    widows: 20vw;
    height: 20vw;
}