/* 公共样式 */
.y-safe-width {width: 1200px;margin: 0 auto;}
.y-title{background: url(../images/title-bg.png) no-repeat center bottom;background-size: 100px 6px;;padding-bottom: 14px;}
.y-title h6{color:#222;font-size:24px;text-align: center;}
.y-title  p{line-height: 28px;font-size:16px;color:#222222;text-align: center}
.y-button a{width: 120px;height:40px;display: inline-block;text-align: center;line-height: 40px;font-size:16px;color:#fff}
.section.active .y-banner-img{background: url(../images/banner.png) no-repeat center;width: 100%;height:100%;animation:bannerScale 2s}
.section.active .y-example-left-mask{background: #0122ca;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2;animation:leftMask 1.2s forwards;}
.section.active .y-example-right-mask{background: #0122ca;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2;animation:rightMask 1.2s  forwards;animation-delay: 1.2s}
.section.active .y-terrace-right-mask{background: #0122ca;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2;animation:terraceRightMask 1.2s forwards;}

.y-first .fp-tableCell,.y-fourth .fp-tableCell{display: inline-block;background-color:#fafafa}
/* 导航栏 */
nav {height: 100px;background: #fff;position: fixed;top:0;width:100%}
.y-nav {height: 62px;padding: 24px 0;display: flex;}
/* .y-logo {} */
.y-logo img{display:inline-block;width: 168px;background: url(../images/logo.png) no-repeat left center;background-size: 168px 62px;height:62px;}
.y-nav-content {text-align: right;margin-right:16px;flex:1;-ms-flex:1;font-size: 24px;color: #222222;}
.y-nav-content li{display: inline-block;padding:0 16px;line-height: 62px;font-size:16px;color:#222;}
.y-nav-content li.active a{color:#02bdfa}
.y-nav-content li a:hover{color:#02bdfa}
.y-experience-btn{margin-top:11px;background: #0047ca;}
/* banner  */
.y-banner{height: calc(100% - 300px);width:auto;overflow: hidden;position: relative;}

.y-banner-bg{position: absolute;top:0;background: rgba(0, 71, 202, .68);top:0;right:0;bottom:0;left:0;}
.y-banner-text{width: 920px;color:#fff;text-align: center;margin: 0 auto;}
.y-banner-text h1{font-size:56px;line-height: 100px;margin-top:70px;margin-bottom: 10px;}
.y-banner-text p{font-size: 22px;line-height: 46px;margin-bottom: 40px;}
.y-button-border{border:1px solid #fff;margin-right: 23px;}
.y-button-bg{border:1px solid #02bdfa;background: #02bdfa;}
/*合作伙伴*/
.y-partners{margin-top: 28px;}
.y-partners-logo {text-align: center;margin-top:30px}
.y-partners-logo li{margin-right:45px;display: inline-block;}
.y-partners-logo li:last-child{margin-right:0;}
/* 报修 */
.y-second .y-title{margin-top:-40px}
.y-system-list{display:flex;}
.y-system-list li{flex:1;text-align: center;padding:0 20px;cursor: pointer;}
.y-system-list-li{padding:30px 30px }
.y-system-list-li:hover{background: #fff;transform: translate(0,-10px);box-shadow: 0 2px 8px rgba(0, 0, 0, .15);}
.y-system-list-img{display: flex;justify-content: center;margin-bottom: 20px;}
.y-system-list-img img{width:66px;height:66px;}
.y-system-list-text>p{font-size: 20px;color:#222222;}
.y-system-list-text>div{font-size: 16px;color:#222;}

/* 解决方案 */
.y-example{display: flex;height:calc(100% - 180px);}
.y-example-left{width:49%;position: relative;height:100%}
.y-example-left-img{background: url(../images/example-img.png) no-repeat center right;background: cover;height: 100%}
.y-example-right{width:51%;background: #0122ca;padding: 80px 0 0 80px;color:#fff;position: relative;overflow: hidden;}
.y-example-list{width:640px;margin-bottom: 20px; }
.y-example-right h6{line-height: 90px;font-size:26px;background: url(../images/title-bg2.png) no-repeat left bottom;background-size:100px 6px;padding-bottom: 6px;height:90px;margin-bottom: 10px;}
.y-example-list li{display: inline-block;width: 160px; background: url(../images/li-icon.png) no-repeat left center;padding-left: 28px;line-height: 32px;font-size: 16px;cursor: pointer;}
.y-example-list li:hover{color:#02bdfa}


/* 平台  和 新闻*/
.y-terrace{padding-top:50px;height:100%}
.y-terrace-left,.y-terrace-right{flex:0;-ms-flex:1;}
.y-terrace-left .y-title{margin-bottom: 20px}
.y-terrace-left{padding-left:100px;}
.y-terrace-right{padding-bottom: 30px}
.y-terrace-right-img{}
.y-terrace-right-img{background: url(../images/terrace-img.png) no-repeat;height: calc(100% - 30px);width:auto;position: relative;}

.y-news{display: flex;height:calc(100% - 200px)}
.y-news-list{height: calc(100% - 50px);}
.y-news-view ul li{width:600px;padding:0 5px 0 0px;}
.y-news-view ul li a{color:#222;display: flex;justify-content: center;height:45px;align-items: center;line-height: 45px;}
.y-news-view ul li a i{margin-right:7px;}
.y-news-view ul li a b{font-weight: normal;width:450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}
.y-news-view ul li a span{margin-left:14px;}
.y-news-view ul li a:hover{color:#0122ca}
/* 脚 */
.last{padding-top:0 !important;}
/* .y-fourth{padding-top:170px !important} */
footer{height:135px;background: #0047ca !important;padding-top:15px;}
.y-footer{display: flex;}
.y-footer-left{width:700px}
.y-footer-right{flex:1;}
.y-footer-left p{margin-bottom: 30px}
.y-footer-left p img{width: 181px;height:69px;}
.y-footer-left h6{font-size: 16px;color:#fff;}
.y-footer-right{color:#fff;padding-top:10px}
.y-footer-right p{font-size:18px}
.y-footer-list{margin-top:18px;}
.y-footer-list li{display: inline-block;border-right:1px solid #eee;text-align: center;margin-bottom: 20px;padding:0 20px;}
.y-footer-list li a{color:#fff;}
.y-footer-list li a:hover{color:#02bdfa}

/* f 分页样式 */

#pageBox{display: flex;padding:10px;text-align: center}
#pageNav a{padding:10px;}
#pageNav a.active{color:#02bdfa}
#prev,#next{cursor: pointer;}
#prev{margin-left:auto}
#next{margin-right:auto}


@keyframes bannerScale{
    0%{transform:scale(1.5)}
    100%{transform:scale(1)}
    }
@keyframes leftMask{
    0%{left:0}
    100%{left:100%;}
    }
@keyframes rightMask{
    0%{left:0}
    100%{left:100%;}
    }
@keyframes terraceRightMask{
    0%{right:0}
    100%{right:100%}
}