ul, ol { list-style: none; }

.container-screen .center { width: 1200px; margin: 0 auto; }
.container-screen { padding-top: 62px; }
.navbar { z-index: 4000; }
.navbar-max { border-bottom: 1px solid #d3d3d3; }

.app-plus-banner span.pc { background: url(/uploadfile/content/2019/05/20190606/app/banner.png) right top  no-repeat; display: block; }
.app-plus-banner span.m { display: none; }
.app-plus-banner img { opacity: 0; }
.app-plus-nav  {height: 62px;position: absolute;top: 0;left: 0;width: 100%;background: #173a63;font-size: 16px;text-align: center;}
.app-plus-nav span { display: inline-block; width: 33%; }
.app-plus-nav.appfixed { position: fixed; top: 62px; }
.app-plus-nav .center {  padding: 0 0; }
.app-plus-nav a {display: inline-block;line-height: 62px;color: #fff;position: relative; cursor: pointer;}
.app-plus-nav .app-nav-a { float: left; }
.app-plus-nav .app-nav-c { float: right; }
.app-plus-nav a.active {color: #fff;}  
.app-plus-nav a:hover { color: #087cd8; } 
.app-plus-nav a.active:after,.app-plus-nav a:hover:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #fff;}
.app-plus-nav a:hover:after {background: #087cd8;  }

.app-main { padding-bottom: 150px; padding-top: 62px; position: relative; }
.app-plus-about { background: #fafafa; padding: 120px 0; text-align: center;  }
.ap-about-main { display: inline-block; background: url(/uploadfile/content/2019/05/20190606/app/img01.png) left top  no-repeat;padding-left:210px;   }
.ap-about-main p { text-align: left; color: #7e7e7e; font-size: 16px; line-height: 2; }
.ap-about-main h5 { font-size: 26px; color: #000; text-align: left; padding-bottom: 20px; }

.app-page-tit { padding:68px 0 16px 0; font-size: 24px; color: #060666;  text-align: center; background: url(/uploadfile/content/2019/05/20190606/app/icon01.png) center bottom  no-repeat; margin-bottom: 30px; }

.app-page-con {  }
.app-plus-list { min-height: 500px; float: left; width: 49%; background: #fafafa; padding: 35px; text-align: center; color: #676767; font-size: 14px; margin-top: 30px }
.app-plus-list h5 { font-size: 24px; color: #000; padding-bottom: 42px; padding-top: 20px; }
.app-page-con  .app-plus-list:nth-child(even) { float: right; }

.app-plus-list .word { height: 108px; overflow: hidden; margin-bottom: 18px; line-height: 1.8;  }
.app-plus-list .word p{ text-align: left; }
.app-plus-list a { color: #1473e6; cursor: pointer; } 
.app-plus-list a:hover {  color: #060666;  }
.app-plus-list .pic { height: 77px; margin-top: 70px;  }
.app-plus-list .pic img { max-height: 100%; }

@media (max-width:1240px) {
    .container-screen .center { width: 100%; padding: 0 20px; }
    .app-plus-nav .center { padding: 0 100px;  }
    .app-plus-banner .pc img { width: 1700px; }
    .app-plus-banner .pc { margin-right: -80px; }
}

@media (max-width:1000px) {
    .app-plus-list .word { height: 136px;}
    .app-plus-about { padding: 120px 80px; text-align: left; }
     .app-plus-about h5 { line-height: 1.4; }
     .app-plus-about p { display: inline; }
     .ap-about-main { background-position: left center;  }
     .app-plus-banner .pc { margin-right: -120px; }
     .app-plus-banner .pc img { width: 1600px; }
}

@media (max-width:900px) {
    
}



@media (max-width:768px) {
    .ap-about-main { padding-left: 180px; }
     
     .app-plus-about { padding: 60px 30px; text-align: left; }
     .app-plus-about h5 { font-size: 1.4rem; }
     .app-plus-about p { font-size: 1.0rem; line-height: 1.6; } 
     .app-plus-list { width: 100%; float: none !important; margin-bottom: 20px; font-size:0.9rem; padding: 30px 20px; }
     .app-page-con .app-plus-list:last-child { margin-bottom: 0; }
     .app-plus-list h5 { font-size: 1.4rem; padding-bottom: 25px; }
     .app-plus-list .pic { height: 50px; margin-top: 35px; }
     .app-plus-list { min-height: 0; }
     .app-plus-list .word { height: auto; }
     .app-plus-nav.appfixed { top: 60px; }
}

@media (max-width:600px) {
    .app-plus-nav .center { padding: 0 0; }
    .ap-about-main {  padding: 140px 0 0 0;background-position: top center; background-size: 100px; }
    .app-main { padding-bottom: 80px; }
    .app-page-tit { padding: 50px 0 12px 0; margin-bottom: 20px; }

    .app-plus-banner span.m { display: block; }
    .app-plus-banner span.m img { opacity: 1; max-width: 100%; }
    .app-plus-banner span.pc { display: none; }
}

@media (max-width:414px) {
    .container-screen .center { padding: 0 15px;  }
    .app-plus-nav .center { padding: 0 0; }
}






