/* -----------------------------------------公共部分------------------------------------- */
* {margin: 0;padding: 0;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
body,h1,h2,ul,li,img{ list-style:none; padding:0; text-align:center;text-align:center; margin:0 auto; font-family:"思源黑体 CN Normal";  }
body{ max-width:720px; height:100%;  }
html,body {overflow-x: hidden;}
a{ text-decoration:none; color:#4f4f4f}
img{ border:0; margin:0; padding:0; background:none}



/* 导航栏 */
.bg-top {width: 100%; z-index: 11;  position: fixed; top: 0;  box-shadow: 0px 3px 21px 6px rgba(0, 0, 0, 0.05)}

.bg-top #caption {height: 3.1875rem;display: flex;justify-content: center;align-items: center;  }

.bg-top img.logo { height:75%}

.bg-top .close,.bg-top .nav {position: absolute;right: 2.8625rem; width: 0.875rem;height: 0.88125rem;}

.bg-top .close {display: none;}

/* 导航列表 */
.navigation-bar {width:100%; height:100%; padding-bottom:500px; background-color:#E5E5E5;  }
 
.navigation-bar ul {height: 100%; }

.navigation-bar ul li {padding: 0.2rem 2.8rem;height: 4.28125rem;}

.navigation-bar ul li a {width: 100%;height: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #CECECE;}

.navigation-bar ul li a span {font-size: 1.00rem; font-weight: bold;color: #3B3B3B;line-height: 1.5625rem; margin-left:0.5rem}

.navigation-bar ul li a img {width:0.875rem;height:1.4rem;}


/* 底部 */
.foot {background:#1D4B7C; color:#CCC; width: 100%;height:auto; padding:10px 0; font-size:0.7rem;  }
.foot .f_title{ float:left;width:30%;  margin:10px 0 0 14%; font-weight:bold; text-align:left;font-size:1.0rem }
.foot .left{float:left;width:18%; height:20px;  margin-left:14%;text-align:left;  white-space:nowrap }
.foot .right{float:left;width:65%;  text-align:left; }

.foot ul li{ display:inline-block; margin:0 5px;}
.foot img {width: 5.125rem;height: 5.125rem;}

.bottom { clear:both;width: 100%;height:auto; font-size:6px;background: #212D46; padding:5px 0;  color:#537291}
.bottom p{ margin:0 20px;}
/* -----------------------------------------公共部分------------------------------------- */







.content {background-color: #fff; padding: 10PX 1.5625rem 50px; display: flex;flex-direction: column;align-items: center; }
.content .container{width: 15.625rem;height: 10rem; overflow: hidden;}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
 

.content .swiper-slide {width: 14.0625rem;display: flex;}
.content .swiper-slide .box{width: 15.625rem;height: 15.625rem;position: relative;}
.content .swiper-slide .box img {width: 100%;height: 60%;}
 

.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat; top:auto; margin-top: -110px;}
	
.swiper-button-prev{background-image: url(../images/btn_zuo.png);left: 25px;}
.swiper-button-next{background-image: url(../images/btn_you.png);right: 25px;}
 

.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10; left:35%}
 
 
.swiper-pagination-bullet{width:0.8rem;height: 0.83rem; display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 5px}
 
.swiper-pagination-bullet-active{width: 2.2rem !important;height: 0.83rem;background: linear-gradient(90deg, #F9D423, #FF4E50 );border-radius:0.8rem; opacity:1}

 
/*---------------------------------------------------------*/
.pic{ position: relative; background:#3687D9; text-align:center;margin:3.1875rem 0 0 0;} 
/* .pic img{ width:90%; height:90% } */
.img-banner { position: relative; display: inline-block; width: 317px; height: 410px; vertical-align: middle; background: url("../images/sj_1_01.png") no-repeat center top; background-size: 317px 410px; }
.img-banner .img-google { display: inline-block; position: absolute; width: 100px; height: 34px; left: 5px; top: 238px; }
.img-banner .img-android { display: inline-block; position: absolute; width: 100px; height: 131px; left: 5px; top: 275px; }
.img-banner .img-ios { display: inline-block; position: absolute; width: 100px; height: 131px; left: 113px; top: 275px; }

.pic1{ background:#fff}
.pic1 img{ width:80%; height:80% }

.pic2{ background:#E5E5E5; }
.pic2 img{width:80%; height:80% }
 
.pic3{ background:#E8E8E8; margin-top:-3.125rem}
.pic3 img{width:80%; height:80% }
 
.pic0{  text-align:center; margin:3.1875rem 0 0 0;  } 
.pic0 img{ width:100%; height:100% }

.pic4{ background:#fff; margin-top:-30px}
.pic4 img{width:80%; height:80% }

.pic5{ background:#fff}
.pic5 img{ width:60%; height:60% }


.pic6{  text-align:center; margin:3.1875rem 0 0 0; background:#e5e5e5} 
.pic6 img{ width:60%; height:60% }
 
 
.pic7{ background:#5DB6C8;  }
.pic7 img{width:80%; height:80% }
 
.pic8{ background:#E5E5E5; }
.pic8 img{width:90%; height:90% } 

.pic00{ padding-top:60px; background:#5EB7C9}
.pic00 img{ width:70%; height:70% }


.title{ margin:0 ;text-align:left ; height:7.375rem;  background: url(../images/sj_bg_05.png) no-repeat left top #E8E8E8; background-size: contain}
.title img{ height:38%; margin:3px 0 0 90px }

.title1{ margin:-10px 0 0 0;text-align:left ; height:100px; background: url(../images/sj_bg_07.png) no-repeat left top #fff; background-size:100% }
.title1 img{ height:38%; margin:20px 0 0 30px }


.title2{ margin:0 0 0 0;text-align:left ; height:70px; background: url(../images/sj_bg_05.png) no-repeat left top #E8E8E8; background-size: contain}
.title2 img{ height:40%; margin:10px 0 0 60px }

.title3{ margin:0 0 0 0;text-align:left ; height:70px; background: url(../images/sj_bg_05.png) no-repeat left top #E8E8E8; background-size: contain; text-align:center}
.title3 img{ height:30%; margin:16px 0 0 0 }

 
.title4{ margin:3.1875rem 0 0 0;text-align:left ; height:70px; background: url(../images/sj_bg_05.png) no-repeat left top #fff; background-size: contain}
.title4 img{ height:40%; margin:10px 0 0 60px }