body{margin: 0 !important; font-family: Arial, PingFang SC, DIN,DINPro,"Microsoft YaHei";}
li{list-style: none;}
ul{padding: 0;margin: 0;}
p{margin: 0;}
div{padding: 0;margin: 0;}
a{text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin-bottom: .08rem !important;}
.h1, h1{font-size: .36rem !important;}
.h2,h2 {font-size: .32rem}
.h3,h3 {font-size: .28rem}
.h4,h4 {font-size: .24rem}
.h5,h5 {font-size: .20rem}
.h6,h6 {font-size: .16rem}

.flex-box-sm{display: flex; justify-content: center;align-items: center; width: .4rem; height: .4rem;}

/* header */
.header{position: fixed;
    z-index: 9999; margin: 0 auto; width:100%; height:1rem;}
.nav{margin: 0 auto; width:100%;}
.nav-wrapper{width: 96%; margin:0 auto; display: flex;justify-content: space-between;align-items: center;height: 1rem;}
.nav-wrapper .logo{ width:68%; height: 100%; display: flex; align-items: center;font-size: .24rem;}
.nav-wrapper .logo + div{display: flex;align-items: center;justify-content: space-between;}
.nav-wrapper .logo + div a{margin-right: .08rem;}
.nav-wrapper .logo img{height: .6rem;} 
.nav-wrapper .more{width: 0.5rem;display: block;transition: all 0.4s; padding-right:.2rem;}
.nav-wrapper a.user{ background:#FCD435; line-height:.48rem; border-radius:5rem; width:1.2rem; font-size:.2rem; color:#181A20; text-align:center; margin-left:0; font-weight:500;}

.nav-sildedown{width: 100%;background-color: #FFFFFF;display: none;border-radius:0.3rem;}
.nav-sildedown ul{padding: 0 0.3rem 0 0.3rem;position: relative;}
.nav-sildedown ul li{width: 100%;height: 0.99rem;display: flex;justify-content: space-between;align-items: center;color: #111111;font-size: 0.34rem;font-weight: bold;border-bottom: 1px solid #F2F2F2;}
.nav-sildedown ul li img{width: 0.36rem;height: 0.36rem;display: block;}

.navcolor{background-color: #FFFFFF !important;}

.nav-btn{height: 2.18rem;padding: 0 0.4rem;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;background-color: #FFFFFF;}
.nav-floor{height: 0.4rem;width: 100%;background-color: #FFFFFF;border-radius: 0.3rem;}
.nav-btn div{width: 3.15rem;height: 0.88rem;border-radius: 0.2rem;display: flex;justify-content: center;align-items: center;}
.nav-btn div:nth-of-type(1){border: 1px solid #111111;}
.nav-btn div:nth-of-type(2){background-color: #FEEFCC;}
.nav-btn div a{color: #111111;font-size: 0.36rem;font-weight: bold;}

.accordion{padding-top: 1.5rem;}
.menu .card{padding: 0; border-radius: 0;}
.card-header{ padding: .24rem; background-color: initial; border: 0;}
.menu .card h2,.menu .card h2 a{font-size: .36rem; color: #333;}
.menu .card h2 a{display: flex; justify-content: space-between;}
.menu .card .card-header  h2 a span svg{width: .5rem; height: .5rem;}
.menu .card ul li{display: flex; padding: .16rem 0.6rem;}
.menu .card ul li a{color: #666;}

/* fxts */
.fxts{width: 100%; position: absolute;left: 0;right: 0;top:1rem; margin: 0 auto;line-height: 0.32rem;display: flex;justify-content: center;align-items: center;text-align: center;z-index: 998 ;background: rgba(0, 0, 0, 0.4);font-size: 0.12rem;color: #FFFFFF;}
.fxts p{padding: 0.1rem 0.1rem;}

/* banner */
.banner{position: relative; width: 100%;height:4.2rem; margin: 1rem auto 0; }
.banner img{width: 100%;}


/* hangqing公告 */
.hangqing{ width:100%; background:#fff; margin:0 auto;  padding:.35rem 0;}
.col01{margin: auto; border:.01rem solid #EBF0F4; border-radius:.25rem; padding:.2rem; width:94%;}
.gg-content{display: grid; grid-template-columns: .48rem 1fr; justify-content: space-between;align-items: center; padding-bottom:.3rem;}
.gg-content > img{width: .32rem;}
.gg-content a{width: 80%; font-size: .24rem; overflow: hidden; white-space:nowrap;}
.gg-content p{display:flex; font-size: .24rem;}
.gg-content p img.gg-icon{ width: .33rem; }
.gg-content p span.date{ font-size: .24rem;color: #AEAEAE; padding-right:.2rem; font-weight:100;}
.gg-content p img.more{display: block;width:.2rem !important;}
.gg-content p a{ line-height:.48rem; font-size:.24rem; color:#AEAEAE; text-align:center; margin-left:.2rem; }

.swiper-container3{height: 48px; overflow: hidden;}
.swiper-container3 >div{}
.swiper-container3 >div .swiper-slide{display: flex; justify-content: space-between; align-items: center;}

.col01 ul.quotes{
    margin: 0 auto;
    display: flex;
    
    }
.col01 ul.quotes li{
	display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    flex-direction: column;
	text-align:center;
	}
.col01 ul.quotes li p:nth-of-type(1){ color:#989898; font-size:.28rem;}
.col01 ul.quotes li p:nth-of-type(2){ font-size:.42rem; font-family: "DINPro"; font-weight:600;}
.col01 ul.quotes li p:nth-of-type(3){font-size:.22rem;font-weight: 600;font-family: "DINPro";}
.col01 ul.quotes li p.green{ color:#17A656;}
.col01 ul.quotes li p.red{ color:#E73D3F;}
.col01 ul.quotes li p span.green{ color:#17A656;}
.col01 ul.quotes li p span.red{ color:#E73D3F;}


.quotes_tips{ font-size:.18rem; color:#989898; padding-top:.3rem; text-align:justify;}

/* part1 */
.part1{width:100%;margin: 0 auto; background:#f5f5f5; padding-bottom:.1rem;}
.part1-title{font-size: 0.40rem;color: #181A20;font-weight: 500;margin: 0 auto;padding: 0.5rem 0;text-align: center;}
.part1-content{margin:0 0 .2rem 0;}
.part1-content-title{font-size: 0.3rem; color:#fff;margin: 0 auto; background:#4979df;padding: 0.1rem .3rem; position:relative;top:-.3rem; border-radius:.1rem; text-align:center; width:50%;}
.part1 ul{width: 94%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part1 ul li{margin-bottom:0.3rem;width: 48%;background-color: #ffffff;border-radius: 0.25rem; padding:.4rem 0;}

.part1 ul li .part1-slider{width: .8rem;display: block;margin: 0 auto; }
.part1 ul li p:nth-of-type(1){font-size: 0.22rem;color: #666666;font-weight: 400;text-align: center;padding-top: 0.3rem; padding-bottom:.05rem;}
.part1 ul li p:nth-of-type(2){font-size: 0.42rem;color: #181A20;font-weight: 600;text-align: center;font-family: "DINPro";}


.part1-text{width: 1.83rem;height: 0.81rem;margin: 0 auto;}
.part1-text img{width: 100%;height: 100%;display: block;}




/* part2 */
.part2{width:100%;margin: 0 auto; background:#FFF;}
.part2-title{font-size: 0.40rem;color: #323232;font-weight: 500;margin: 0 auto;padding: 0.5rem 0;text-align: center;}
.part2-content{margin:0 0 .2rem 0;}
.part2-content-title{font-size: 0.3rem; color:#fff;margin: 0 auto; background:#4979df;padding: 0.1rem .3rem; position:relative;top:-.3rem; border-radius:.1rem; text-align:center; width:50%;}
.part2 ul{width: 94%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.part2 ul li{margin-bottom:0.2rem;width:48%;background-color: #ffffff;border-radius: 0.25rem; padding:.4rem 0; border:.01rem solid #EBF0F4;}

.part2 ul li .part2-slider{width: .8rem;display: block;margin: 0 auto; }
.part2 ul li p:nth-of-type(1){font-size: 0.36rem;color: #181A20;font-weight: 500;text-align: center;padding-top: .2rem; padding-bottom:.1rem}
.part2 ul li p:nth-of-type(2){font-size: 0.26rem;color: #666666;text-align: justify; padding:0 .2rem;}
.part2 ul li p:nth-of-type(2) span{color: #5e5be4; font-weight:bold;}

.part2-button a{background:#fff; color:#dd1917; margin: 0 auto;text-align:center; width:60%; font-size:.4rem; display:block; border-radius:.1rem; padding:.2rem;}


.part2-text{width: 1.83rem;height: 0.81rem;margin: 0 auto;}
.part2-text img{width: 100%;height: 100%;display: block;}



/* part3 */

.part3{ width:100%;  margin:0 auto;background:url(../images/p3-bg.png) no-repeat top #f5f5f5 ; background-size:100% 100%; text-align:center; padding:.35rem;}
.part3-bg{}

.download{width:100%;margin: 0 auto;}
.download-wrapper{}
.downloadTab{height: 1.12rem;display: flex;align-items: center;margin: 0 auto;justify-content: space-between;transition: all 0.4s;}
.downContent-titel{ font-size:.3rem; padding:.5rem 0; font-weight:500; text-align:center;}
.downloadTab .tab-text{flex: 1;color: #666666;font-size: 0.26rem;line-height: 0.32rem;transition: all 0.2s; font-weight: bold;text-align: center;height: 80%;display: flex;flex-direction: column;justify-content: center;position: relative; white-space: nowrap;}
.downloadTabActived{color: #12141C !important;font-size: 0.34rem !important;line-height: 0.44rem !important;}
.downloadTabActived:after{content:''; display:block; width:1.6rem; border-bottom:4px solid #FCD435; margin: 0 auto;border-radius: 0.04rem;position: absolute;left: 0;right: 0;bottom: 0;}

.downContent-box{}
.downContent > .divup{margin-bottom:.6rem; width: 100%; display: flex;justify-content: space-between;align-items: center;padding-top: 0.46rem;}
.downContent .download-left{width: 3.1rem;height: 4.38rem;}
.downContent .download-right{width: 3.45rem;}
.downContent .download-left img{width: 100%;height: 100%;display: block;}
.downContent .download-right p{color: #808080;font-size: 0.26rem;line-height: 0.42rem;text-align: justify;}
.downContent .download-right ul{width: 3.15rem;margin: 0 auto;padding-top: 0.38rem;}
.downContent .download-right ul li{border-radius: 0.2rem;height: 0.88rem;}
.downContent .download-right ul li:nth-of-type(1){background-color: #12141C;}
.downContent .download-right ul li:nth-of-type(2){background-color: #FCD435;margin-top: 0.2rem;}
.downContent .download-right ul li:nth-of-type(1) a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 0.36rem;font-weight: bold;}
.downContent .download-right ul li:nth-of-type(2) a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #12141C;font-size: 0.36rem;font-weight: bold;}
.downContent .download-right ul li img{width: 0.48rem;height: 0.48rem;display: block;margin-right: 0.13rem; color: #ffffff;}


.down-warp{

}
.down-warp .btn__mei svg,.app_ios_cont svg{ margin-right: .12rem; width: .32rem; height: .32rem;}
.down-warp .btn__mei svg{width: 0.48rem; height: 0.48rem;}
.app_ios_cont svg{color: #777777; margin-right: .16rem;}
.app_ios{position:relative;}
.app_ios:hover .app_ios_cont{opacity: 1;    visibility: visible;  } 
.app_ios .btn__mei{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 0.34rem;}
.app_ios_cont{
	display:flex; justify-content: center; align-items: center;
	margin: auto; padding:.12rem .16rem .12rem;
	width:100%;   
	font-size: .28rem; text-align: left; 
	border-radius:.16rem; border: 1px solid #EAEAEA;
	position: absolute; bottom:100%; left: 0; right: 0; z-index: 1111; 
	opacity: 0; visibility: hidden; 
    background: #fff; color: #14171D; 
    transition: margin .15s, opacity .15s;}
.app_ios_cont a{color:#DD3C62!important; display: initial !important; font-size: .16rem !important;}
.app_ios_cont::after {  position: absolute;  left: 0;  right: 0;  margin: auto;  width: 0;  height: ;  content: "";  bottom: -16px;
 border-top:8px solid #EFEFEF;
 border-right:8px solid transparent;
 border-left: 8px solid transparent;
 border-bottom: 8px solid transparent;
 }
 


.downContent-text{ color: #181A20;text-align: justify;line-height: 0.4rem;}
.downContent-text p{ font-size:.34rem; padding:.5rem 0; text-align:center; font-weight:500;}
.pic{width: 4.88rem;height: 2.74rem;display: block;margin: 0 auto;}
.mt4-tip p{ font-size:.2rem; color:#333; opacity:.5;}
.mt4-tip p a{ color:#333;}
.mt4-tip p a:hover{ color:#FCD435;}

.mt4-img img{ width:100%; height:100%;}
.downContent-text ul{width: 100%;margin: 0 auto;padding-top: 0.28rem;display: flex;justify-content: space-between;align-items: center;}
.downContent-text ul li{width: 48%; border-radius: 0.2rem;height: 0.88rem;}
.downContent-text ul li:nth-of-type(1){background-color: #181A20;}
.downContent-text ul li:nth-of-type(2){background-color: #FCD435;}
.downContent-text ul li:nth-of-type(1) a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 0.36rem;}
.downContent-text ul li:nth-of-type(2) a{width: 3.15rem;height: 100%;display: flex;justify-content: center;align-items: center;color: #181A20;font-size: 0.36rem;}
.downContent-text ul li img{width: 0.48rem;height: 0.48rem;display: block;margin-right: 0.13rem;}

.download-text { color:#333; opacity:.5; font-size:.22rem; line-height:.35rem;}
.download-text a{color:#333; }

/* part4 */
.part4{ width:100%; background:#fff; margin:0 auto; }

.investment{width: 100%;margin: 0 auto;}
.investment .title{width: 100%;height: 1.5rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.investment .title p:nth-of-type(1){color: #12141C;font-size: 0.44rem;line-height: 0.44rem;padding-bottom: 0.1rem;font-weight: bold;}
.investment .title p:nth-of-type(2){color: #111111;font-size: 0.26rem;line-height: 0.26rem;opacity: 0.33;}

.investment-tab{padding: 0 0.4rem; height: 1.2rem;overflow-x: auto;display: -webkit-box;-webkit-overflow-scrolling: touch;font-weight: 500; display: flex; justify-content: space-around;}
.investment-tab li{margin-left: 0.55rem;color: #666666; font:500 .3rem/1 "PingFangSC-Regular"; display: flex;align-items: center;position: relative;transition: all 0.1s;}
.investment-tab li:nth-of-type(1){margin-left: 0;}

.investment-content{padding-top: 0.1rem;}
.investment-content li{display: none;}
.investment-content li .ttext a{height: 0.8rem;display: flex;justify-content: space-between;align-items: center;padding: 0 0.2rem;color: #666666;font-weight: 400;}
.investment-content li .ttext a span:nth-of-type(1){font-size: 0.26rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 5rem;text-align: left;}
.investment-content li .ttext a span:nth-of-type(2){font-size: 0.22rem;}

.investmentActived{color: #181A20 !important; font:500 .36rem/1 "PingFangSC-Medium" !important;}
.investmentActived:after{content:''; display:block; width:0.4rem; border-bottom:.05rem solid #FCD435; margin: 0 auto;border-radius: 0.04rem;position: absolute;left: 0;right: 0;bottom: 0.3rem;}


div.lookmore a{height: 1rem;display: flex;justify-content: center;align-items: center;color: #E8BD13;font-size: 0.28rem;}

/* part5 */
.part5 {background:#f5f5f5; width:100%; margin:0 auto;text-align:center; padding:.4rem 0;}
.part5_content {width: 94%; background:#fff; border-radius:.2rem;margin:0 auto; padding:.4rem;}
.part5_text p:nth-of-type(1){line-height: 1; font-size:.33rem; color:#181A20; font-weight:500;}
.part5_text p:nth-of-type(2){ font-size:.20rem; color:#808080; padding:.15rem 0;}
.part5_text p:nth-of-type(2) a{ color:#fcd435;}

.register_btn {width: 4.8rem; line-height:.88rem; margin:0 auto; border:none;border-radius: .2rem;font-size: .36rem; font-weight:500 !important; font-family:"PingFang";background: #FCD435;color: #181A20;-webkit-appearance: none;/*去除input默认样式*/}



/* part6 */

.part6 {background:#fff; width:100%; margin:0 auto;text-align:center; padding:.4rem 0;}
.part6-content ul{
	width:100%;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}
.part6-content ul li{ width:30%;}
.part6-content ul li img{ width:100%;}
.part6-content ul li p{ font-size:.2rem; padding:.2rem;}


/* footer */
.footer {background: #F5F5F5; width:100%; margin:0 auto; padding:0.35rem; text-align:center; font-size:.2rem; line-height:.3rem; color:#282828;}
.footer a{ color:#282828;}
.footer-text{ padding-bottom:.2rem;}
.footer-text{padding: 0 0.3rem 0.14rem 0.3rem;text-align: center;color: #282828; font-size: 0.2rem; }

.mb-1{ font-size:.22rem;color: #282828;}

.mb-1 span{ padding:0 .2rem;}
.quanxian{ color:#FCD435 !important;}
.copy {}
.copy p {}