@charset "utf-8";
/* ===================首页样式========================== */
.banner{text-align: center;width: 100%;height: 480px;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide{background-position: center;
        background-size: cover;}


.bannerm{display:none;float:left;}
.bannerm .swiper-slide{float:left;display:inline-block}
.bannerm .swiper-slide img{float:left;}
    
.index-des{width:100%;margin: 0 auto;display: flex;overflow: hidden;}
.index-des ul{width: 1200px;background: #f8ee9e;}
.index-des li{width: 33.1%;float:left;padding: 3% 5%;}
.index-des li:nth-child(2){background: #b4d5ea;height: 100%;width: 33.6%;}
.index-des li h5{color: #036eb8;font-family: "alili-b";font-size: 16px;}
.index-des li p{color: #036eb8;margin-top: 5px;}
.index-des li .despomg{float:left;width: 12%;margin-right: 12%;text-align:center; }
.index-des li .despomg img{width: 36px;}
.index-des li .desp{width: 76%;float:left;}

.index-service{width:100%;overflow: hidden;margin:60px auto;}
.index-sertit{width: 100%;text-align: center;background: url(../images/index-serbg.png) center 7px no-repeat;}
.index-sertit h3{font-family:"alili-b";font-size: 18px;}
.index-sertit h3 em{color: #BABDBB;font-size: 15px;display: block;font-style: normal;font-weight: lighter;font-family: "alili-r";}
.index-sercon{width: 100%; margin-top: 40px;}
.index-sercon li{float: left;width: 26.33%;margin-right: 10%;} 
.index-sercon li:last-child{margin-right:0;}
.index-sercon .index-serimg{float: left;width: 100%;text-align: center;}
.index-sercon .index-serimg a{width:100%;display:inline-block;}
.index-sercon .index-serimg img{display: inline-flex;width:100%;transition:all 0.4s;}
.index-sercon .index-serimg:hover img{transform:scale(1.1)}
.index-sercon li h5{color: #172A88;font-size: 16px;font-family: 'alili-b';line-height: 40px;float: left;width: 100%;} 
.index-sercon li p{font-family: 'alili-r';font-size: 15px;float: left; width: 100%;} 


.index-about{width:1200px;overflow: hidden;margin: 0 auto;background: #BABDBB;}
.index-abimg{float: left;width: 50%;display: inline-block;}
.index-abimg img{width:100%;transition:all 0.4s;}
.index-abimg a{width: 100%;display: flex;overflow: hidden;float: left;}
.index-abimg a:hover img{transform:scale(1.1)}
.index-abcont{float: left;width: 50%;padding: 6% 10% 5% 6%;}
.index-abcont h3{float: left;width:100%;margin: 2% 0;color: #fff;font-family: 'alili-b';}
.index-abcont .index-abp{float: left;width:100%;margin: 3% 0;color: #fff;}
.index-abcont .more{float: left;margin: 4% 0;}
.index-abcont .more a{width:100%;padding: 2px 20px;color: #fff;border: 1px solid #fff;border-radius: 5px;}
.index-abcont .more a:hover{background:#172a88;color:#fff;border: 1px solid #172a88;}


.index-penma{width:100%;overflow: hidden;margin:60px auto;}
.index-pecont{width: 50%;float: left;padding: 2% 10% 5% 0%;}
.index-pecont h3{float: left;width:100%;margin: 2% 0;font-family: 'alili-b';text-align:right;}
.index-pecont .index-pep{float: left;width:100%;margin: 3% 0;text-align: left;}
.index-pecont .more01{float: right;margin: 4% 0;}
.index-pecont .more01 a{width:100%;padding: 2px 20px;border: 1px solid #BABDBB;border-radius: 5px;}
.index-pecont .more01 a:hover{background:#172a88;color:#fff;border: 1px solid #172a88;}
.index-peimg{width: 50%;float: left;}
.index-peimg a{width: 100%;display: flex;overflow: hidden;float: left;}
.index-peimg img{width:100%;transition:all 0.4s;}
.index-peimg a:hover img{transform:scale(1.1)}


.index-num{width: 1200px;overflow: hidden;background: #172a88;padding-bottom: 50px;margin: 0 auto;}
.index-numli{width: 100%;}
.index-numli li{float: left;width: 33%;margin-right: 7%;background: url(../images/numlibg.jpg) 0 0 no-repeat;padding-top: 5%;padding-left: 2%;}
.index-numli li h4{color: #fff;font-weight: normal;font-size: 29px;}
.index-numli li h4 b{font-size: 36px;margin-right: 5px;}
.index-numli li p{color: #fff;}
.morecontact{float: left;width: 16%;text-align: center;margin: 11% 2% 0 2%;}
.morecontact a{background: #FAEE00;text-align: center;font-family: 'alili-b';font-size: 19px;width: 100%;display: inline-block;border-radius: 5px;padding: 2% 0;}
.morecontact a:hover{background: #ffffff;}

.index-solution{width: 100%;overflow: hidden;margin: 60px auto; }
.index-soluleft{float: left;width: 34%;margin: 3%;}
.index-soluleft p{font-size: 15px;}
.index-soluleft p strong{font-family:"alili-b";}
.index-soluimg{float: left;width: 20%;}
.index-soluimg img{width:100%;transition:all 0.4s;}
.index-soluimg a:hover img{transform:scale(1.1)}
.index-soluright{float: left;width: 34%;margin:3%;}
.index-soluright p{font-size: 15px;}
.index-soluright p strong{font-family:"alili-b";}



@media (max-width:1259px){
.index-des ul{width: 1200px;}
}
@media (max-width:1200px){
.banner{display: none;}
.bannerm{display:block}
.index-des ul{width:100%;}
.index-num{width: 100%;}
}
@media (max-width:991px){
.banner{}
.banner .swiper-button-next,.banner .swiper-button-prev{ width: 23px;background-size: 100% 100%;}
.index-service{margin:30px auto;}
.index-sercon li{width:28.333%;margin-right:4%} 

.index-about{width:100%;}
.index-abcont{padding:2%}
.index-abcont h3{margin: 1% 0;}
.index-abcont .index-abp{margin: 1% 0;}
.index-abcont .more{margin:1% 0;}
.index-num{width: 100%;}
.index-solution{margin: 20px auto; }
}


@media (max-width:767px){
.banner .swiper-button-next,.banner .swiper-button-prev{ width: 18px;background-size: 100% 100%;}
.index-des li{padding: 3% 3%;width: 32.7%;}
.index-des li:nth-child(2){width: 34.6%;}
.index-des li p{display:none}
.index-des li h5{text-align:center;font-size:15px;}
.index-des li .despomg{margin-right:0;width: 100%;}
.index-des li .desp{width: 100%;float:left;}


.index-service{margin:30px auto;}
.index-sercon li{width:100%;margin-right:0} 
.index-sertit h3{font-size: 16px;}
.index-sercon{margin-top:20px;}
.index-sercon li h5{font-size: 15px;} 
.index-sercon .index-serimg img{width:80%;}

.index-about{width:100%;}
.index-abimg{width: 100%;}
.index-abcont{width: 100%;padding: 3%;}
.index-abcont h3{margin: 1% 0;}
.index-abcont .index-abp{margin: 2% 0;}
.index-abcont .more{margin: 2% 0;}

.index-penma{margin:30px auto;}
.index-pecont{width: 100%;float: left;padding: 2%;}
.index-pecont h3{margin: 1% 0;}
.index-pecont .index-pep{margin: 2% 0;}
.index-pecont .more01{margin: 2% 0;}
.index-peimg{width: 100%;}

.index-num{padding: 10px 0 30px 0;}
.index-num{width: 100%;}
.index-numli li{width: 100%;margin: 2% 0;padding: 2%;}
.index-numli li h4{color: #fff;font-weight: normal;font-size:20px;}
.index-numli li h4 b{font-size: 22px;margin-right: 5px;}
.index-numli li p{color: #fff;}
.morecontact{width: 100%;margin:0;}
.morecontact a{font-size: 16px;padding: 1% 0;}

.index-solution{margin: 30px auto; }
.index-soluleft{width: 100%;margin: 0;}
.index-soluimg{width: 100%;}
.index-soluright{width: 100%;margin: 0;}

}