html, body{position: relative;height: 100%;}
body{background: #eee;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}
#banner{width: 100%;margin-bottom: 3rem}
.swiper-container{width: 100%;height: 100%;padding-bottom: 0;}
.swiper-slide{width: 100%;overflow: hidden;text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide-img{width: 100%;}
.slide-btn{position: absolute;z-index: 1;bottom: 30%;}
.swiper-pagination{width: 100%;bottom: 2rem;}
#banner .swiper-pagination-bullet{width: 18px;height: 18px;border: 5px solid #ccc; margin: 0 10px;border-radius:100%;display: inline-block;background: #000;opacity: .3;}
#banner .swiper-pagination-bullet-active{opacity: 1;width: 18px;height: 18px;border: 5px solid #CCCCCC;background: rgb(50,115,255);}
#case{margin-right: -10px;margin-left: -10px;}
.item-img{width: 100%;height: 160px;overflow: hidden;background: url("../../images/icon/null.png") no-repeat;background-size: 100%;}
.item-img img{width: 100%;vertical-align: middle;}
.item-cons{font-size: 15px;color: #333333;}
.swiper-slide:hover .item-cons,.swiper-slide:active .item-cons{color: #43ADE1;}
.item{margin: 0 10px;background-color: #ffffff;margin-bottom: 20px;border: 1px solid #dddddd;}
.item-bottom{font-size: 12px;color: #999999;}
.news-time{line-height: 25px;}
.arrow-icon{width: 28px;height: 25px;background: url("../../images/icon/arrow-r-icon.png") no-repeat;background-size: 100% 100%;}
.partner-logo{ text-align: center;margin-bottom: 20px;padding-right: 20px;padding-left: 20px}
.partner-logo img{ width: 100%;}
.project-title{position: absolute;font-size: 55px;font-weight: bold;color: #ffffff;text-shadow: 1px 1px 1px #3273FF}
.more-box{margin-top: -22px; display: none;}
.btn-more{background-color: transparent; border: 1px solid #3273FF; border-radius: 4px; padding: 3px 30px; color: #3273FF; margin-bottom: 25px;}
.p-name{font-size: 28px; color: #333333; margin: 15px 0;}
.p-desc{font-size: 16px; color: #555555; margin: 20px 0;}
.p-img img{width: 100%;}
.p-content{font-size: 14px; color: #333333; line-height: 35px; text-indent: 2em; margin: 20px 0;}
@media (max-width:414px){
    #banner .swiper-pagination{width: 100%;bottom: 0.75rem;}
    #banner .swiper-pagination-bullet{width: 15px;height: 15px;border: 3px solid #ccc; margin: 0 10px;border-radius:100%;display: inline-block;background: #000;opacity: .3;}
    #banner .swiper-pagination-bullet-active{opacity: 1;width: 15px;height: 15px;border: 3px solid #CCCCCC;background: rgb(50,115,255);}
    .project-title{position: absolute;padding-bottom: 30px;font-size: 20px;font-weight: bold;color: rgb(50,115,255);}
    .slide-btn{padding: 0.18rem 1.5rem;}

}