@charset "utf-8";
/* CSS Document */


.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}

.pic img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: .3;}


.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}


.index-solution {position: relative;}
.ndex-solution-content {width: 100%;height: 100%;position: relative;}
.index-solution-top {position: absolute;left: 5%;top: 30%;z-index: 11;width: 34%;}
.index-solution-top .xworld-title .text-1{color: #fff;opacity: 1;font-size: 36px; line-height: 36px; font-weight: 400;}
.index-solution-top .xworld-title .title-1{color: #fff;opacity: 1;font-size: 20px; line-height:30px; font-weight: 400;}

.index-solution-swiper {width: 100%;height: 100%;}
.index-solution-pic {width: 100%;height: 100%;}
.index-solution-bottom {font-size: 0;position: absolute;left: 0;bottom: 0;z-index:100000;width: 100%; height: 120px;}
.index-solution-bottom::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;opacity: .3;}
.index-solution-list {width: 100%;margin: auto;position: relative; background: rgba(0,0,0,0.5)}
.index-solution-list::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: .1;}



.index-solution-item {position: relative;width: 22%; height:60px; display: inline-block;z-index:100000;vertical-align: top;float: left;background: rgba(0,78,133,.3);border-bottom: 1px solid rgba(255,255,255,.1);}
.index-solution-item:nth-child(2) {background: rgba(0,78,133,.4);}
.index-solution-item:nth-child(3) {background: rgba(0,78,133,.5);width: 34%;}
.index-solution-item:nth-child(7) {background: rgba(0,78,133,.5);width: 34%;}




.index-solution-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.index-solution-item .text{position: absolute;left: 10%;width: 80%;top: 20%;z-index: 20;text-align: center;color: #fff;opacity: .65;}
.index-solution-item .text-1 {margin-top: 1rem; font-size: 16px;}
.index-solution-item img{opacity: 0;}
.index-solution-item.cur img,.index-solution-item.cur .text{opacity: 1;}

.index-solution-item.cur{background: rgba(0,78,133,.99);}
.index-solution-item .title-1 {font-weight: 500;font-size: 18px; line-height: 30px;}


.font24{font-size: 24px;}



@media (max-width: 1440px) {
	
.index-solution-item .title-1 {font-weight: 500;font-size: 14px; line-height: 30px;}	
	
}

/*

.index-solution {position: relative;}
.ndex-solution-content {width: 100%;height: 100%;position: relative;}
.index-solution-top {position: absolute;left: 5%;top: 30%;z-index: 11;width: 34%;}
.index-solution-top .xworld-title .text-1{color: #fff;opacity: 1;font-size: 36px; line-height: 36px; font-weight: 400;}
.index-solution-top .xworld-title .title-1{color: #fff;opacity: 1;font-size: 20px; line-height:30px; font-weight: 400;}

.index-solution-swiper {width: 100%;height: 100%;}
.index-solution-pic {width: 100%;height: 100%;}
.index-solution-bottom {font-size: 0;position: absolute;left: 0;bottom: 0;z-index:10;width: 100%; height: 100vh;}
.index-solution-bottom::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 0;background: #fff;opacity: .3;}
.index-solution-list {width: 100%;margin: auto;position: relative; background: rgba(0,0,0,0.5)}
.index-solution-list::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #fff;opacity: .1;}



.index-solution-item {position: relative;width: 25%; height: 100%; display: inline-block;vertical-align: top;}
.index-solution-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.index-solution-item .text{position: absolute;left: 10%;width: 80%;top: 20%;z-index: 20;text-align: center;color: #fff;opacity: .65;}
.index-solution-item .text-1 {margin-top: 1rem; font-size: 16px;}
.index-solution-item img{opacity: 0;}
.index-solution-item.cur img,.index-solution-item.cur .text{opacity: 1;}
.index-solution-item.cur .title-1 {font-weight: 900;}

.font24{font-size: 24px;}

*/