html,body{height:100%;margin:0;padding:0;font-size:16px;}
body{background:#fff;  font:12px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Arial,sans-serif;overflow-x:hidden;}
body.overflow{overflow:hidden;height:100%}
html.overflow{overflow:hidden;height:100%}
textarea{border: solid 0px;outline:none;}
input{border: solid 0px;outline:none;}
a,a:hover,a:focus{text-decoration:none;}
img{image-rendering: -webkit-optimize-contrast;}
ul{margin:0;padding:0;}
ul li{list-style:none}
.container {padding-right:0.4rem;padding-left:0.4rem;}
body{position: relative;padding-top: 1.12rem}


.m-header{height:1.12rem;display:flex;align-items:center;justify-content:space-between;padding:0 0.4rem;position:fixed;z-index:9999;width:100%;top:0;left:0;background: #D8DDD7}
.m-header.on{background: #fff;box-shadow: 0 8px 8px rgba(0, 0, 0, 0.03);}
.m-header .logo{color:#262626;font-size: 0.32rem}
.m-header .logo .logoImg{height: 0.4rem}
.m-header .fr {display:flex;align-items:center;}

.nav-trigger {border:none;background:none;display:block;height:18px;position:relative;margin-left:0.2rem}
.nav-trigger .icon-bar {background-color:#222222;-webkit-transition-duration: 300ms;transition-duration: 300ms;display: block;width:20px;height:2px;border-radius: 1px;margin:0 auto;margin-top:5px;}
.nav-trigger .icon-bar:nth-child(2) {}
.nav-trigger.on .icon-bar:nth-child(1) {transform:rotate(45deg);margin-top:0px;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-trigger.on .icon-bar:nth-child(2) {opacity: 0;-webkit-transition-duration: 0ms;transition-duration: 0ms;}
.nav-trigger.on .icon-bar:nth-child(3) {transform:rotate(-45deg);margin-top:-9px;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-trigger .icon-bar:first-child{margin-top:0;}


.m-header  .lang{margin:0 auto;display: flex;align-items: center;justify-content: center;}
.m-header  .lang .ico{margin-right: 0.1rem;width: 0.4rem}
.m-header  .lang a{color:#262626;font-size:0.32rem}


.zz{background:#D8DDD7;background-size:cover;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;transition:all 0.3s;left:-100%;top:0rem}
.zz.on{z-index:998;opacity:1;left:0}
.index-nav{position:fixed;left:-100%;top:0rem;z-index:99;transition:all 0.2s;height:100%;width:100%;padding-top: 1.2rem}
.index-nav.on{position:fixed;left:0px;top:0rem;z-index:999}
.index-nav >ul{margin-left: 0.48rem;margin-right: 0.48rem}
.index-nav >ul>li{position:relative;line-height:1.44rem;display:block;border-bottom: 1px solid #c2c2c2;text-align: center;}
.index-nav >ul>li>a{color:#262626;font-size:16px;text-transform: uppercase;}



.banner{background: #D8DDD7;position: relative;}
.banner .bannerImg{max-width: 100%;display: block;}

.banner .bannercon{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.banner .bannercon .text{position: relative;padding:1rem 0.64rem 0;}
.banner .bannercon .text h2{font-size: 0.56rem;color:#262626;margin-bottom: 0.16rem;font-weight: 300;}
.banner .bannercon .text p{font-size:0.32rem;color:#595959;margin-bottom: 0.4rem;font-style: normal;font-weight: 200;}
.banner .bannercon .text .link{font-size: 0.24rem;color:#262626;display: flex;align-items: center;}
.banner .bannercon .text .link span{border-bottom: 1px solid #262626;padding-bottom: 1px}
.banner .bannercon .text .link .ico{width:0.32rem;height:0.32rem;margin-left:0.16rem}

.banner .bannercon .data{position:relative;width: 1.8rem;margin-left: 5.3rem;margin-top: 1.2rem}
.banner .bannercon .data .item{margin-bottom:0.32rem;line-height: 1.3;text-align: center}
.banner .bannercon .data .item .num{font-size:0.48rem;color:#262626;font-weight: 274;}
.banner .bannercon .data .item p{font-size:0.24rem;color:#262626;font-weight: 300;}



.indexcon{overflow:hidden}

.tinfo{position: relative;margin-bottom: 0.24rem;padding:0.24rem;}
.tinfo:before{width: 1.6rem;height: 1.6rem;border-radius: 50%;background: rgba(0,214,176,0.1);position: absolute;left: 0rem;top:0;content:"";display:none}
.tinfo h2{color:#262626;font-size:0.48rem;font-weight: 300}
.tinfo p{color: #595959;font-size: 0.28rem;margin-top:0.16rem;font-weight: 200}

.index03 .tinfo h2{color:rgba(255,255,255,0.9);}
.index03 .tinfo p{color:rgba(255,255,255,0.7);}
.index03 .tinfo:before{display: none}

.indexcon{padding:0.4rem 0.4rem 0.4rem;background:linear-gradient(180deg, #FFF 30%, #F5F5F5 100%);}
.indexcon2{padding:0.4rem 0.4rem 0.4rem;background:linear-gradient(0deg, #FFF 30%, #F5F5F5 100%);}
.indexright{padding:0 0.24rem 0.24rem;}

.indexcon .viewall{margin-top: 0.4rem}
.indexcon .viewall a{color:rgba(255,255,255,0.9);font-size:0.24rem;text-decoration: underline;display: flex;align-items: center;justify-content: center}
.indexcon .viewall .ico{width:0.32rem;margin-left: 0.16rem;}

.indexcon .viewall2{margin-top: 0.2rem}
.indexcon .viewall2 a{color:#262626;font-size: 0.24rem;text-decoration: underline;display: flex;align-items: center;justify-content: center}
.indexcon .viewall2 .ico{width:0.32rem;margin-left: 0.16rem;}
.indexcon2 .viewall2{margin-top: 0.2rem}
.indexcon2 .viewall2 a{color:#262626;font-size: 0.24rem;text-decoration: underline;display: flex;align-items: center;justify-content: center}
.indexcon2 .viewall2 .ico{width:0.32rem;margin-left: 0.16rem;}


.index01{}
.index01 .items{}
.index01 .items .item{margin-bottom: 0.48rem}
.index01 .items .item:last-child{margin-bottom: 0;}
.index01 .items .item .imgbox{display: block;overflow: hidden;border-radius:  0.32rem 0.32rem 0 0;}
.index01 .items .item .imgbox img{border-radius: 0.32rem 0.32rem 0 0;max-width: 100%}
.index01 .items .item .info{padding:0.4rem 0.32rem;background: #fff;border-radius:0 0  0.2rem 0.2rem;box-shadow: 0 8px 8px rgba(0, 0, 0, 0.03);}
.index01 .items .item .info h3{color:#292929;font-size:0.36rem;font-weight: 400;}
.index01 .items .item .info p{font-size: 0.28rem;color:#595959;margin-top: 0.08rem;font-weight: 200;}
.index01 .items .item .info .link{font-size:0.24rem;color:#292929;text-decoration: underline;display: flex;align-items: center; margin-top: 0.24rem;font-weight: 400;}
.index01 .items .item .info .link .ico{margin-left:0.16rem;width:0.32rem;}


.index02{}
.swiper-02{position: relative;padding-bottom: 0.6rem;overflow: hidden}
.swiper-02 .swiper-slide .imgbox{display: block;overflow: hidden;border-radius: 0.32rem 0.32rem 0 0;}
.swiper-02 .swiper-slide .imgbox img{border-radius: 0.32rem 0.32rem 0 0;max-width: 100%}
.swiper-02 .swiper-slide .info{padding:0.4rem;}
.swiper-02 .swiper-slide .info h3{color:#292929;font-size: 0.4rem; font-weight: 300;}
.swiper-02 .swiper-slide .info p{font-size:0.28rem;color:#595959;margin-top: 0.08rem;font-weight: 200;}
.swiper-02 .swiper-slide .info .link{font-size: 0.24rem;color:#292929;text-decoration: underline;display: flex;align-items: center; margin-top:0.32rem}
.swiper-02 .swiper-slide .info .link .ico{margin-left:0.16rem;width:0.32rem;}
.swiper-02 .swiper-slide .info .bq{display: flex;align-items: center;margin-top: 0.32rem;}
.swiper-02 .swiper-slide .info .bq span{margin-right:0.16rem;font-size:0.24rem;color:#595959;font-weight: 200;}
.swiper-02 .swiper-slide .info .bq span .bqico{width: 0.28rem;margin-right: 0.08rem; }

.swiper-02 .pagination-bullets{bottom: 0;}
.swiper-02 .swiper-pagination-bullet{opacity: 0.1;background: #262626}
.swiper-02 .swiper-pagination-bullet-active{background: #262626;opacity: 1}

.index03{background: #090C05;overflow: hidden}
.swiper-03 .swiper-slide{border-radius: 16px;background: linear-gradient(180deg, #F7F7F7 0%, #FFF 100%);padding:0.56rem 0.56rem 0;}
.swiper-03 .swiper-slide .info{}
.swiper-03 .swiper-slide .info h3{color:#262626;font-size: 0.4rem;font-weight: 300}
.swiper-03 .swiper-slide .info p{font-size: 0.28rem;color:#595959;margin-top: 0.08rem;font-weight: 200;}
.swiper-03 .swiper-slide .info .icons{margin-top: 0.24rem;display: flex;align-items: center;color:#262626;font-size: 0.24rem}
.swiper-03 .swiper-slide .info .icons span{display: inline-block;border-bottom: 1px solid #262626;padding:0.04rem 0;margin-right: 0.16rem}
.swiper-03 .swiper-slide .info .icons .ico{width: 0.32rem;}
.swiper-03 .swiper-slide .imgbox{}
.swiper-03 .swiper-slide .imgbox img{max-width: 100%}


.index04{}

.index04 .rightcon{}
.index04 .rightcon .imgs{max-width: 100%;width: 4.8rem;display: block;margin:0 auto;margin-bottom: 0.48rem;}
.index04 .rightcon  .item{display: flex;align-items: flex-start;padding:0.4rem;justify-content: space-between;box-shadow: 0 4px 24px 8px rgba(0, 0, 0, 0.02);background:#FFF;margin-bottom: 0.4rem;border-radius: 0.2rem}
.index04 .rightcon  .item .icon{width: 17.7%}
.index04 .rightcon  .item .icon .ico{width: 0.96rem}
.index04 .rightcon  .item .r{width: 75%}
.index04 .rightcon  .item h3{color:#262626;font-size:0.36rem;display:flex;align-items: center;font-weight: 300;}
.index04 .rightcon  .item h3 em{display:flex;padding: 0.04rem 0.16rem;justify-content: center;align-items: center;background: #000;border-radius: 2px;font-style: normal;color:#fff;font-size: 0.24rem;text-align: center;margin-left: 0.16rem;border-radius: 2px}
.index04 .rightcon .item p{font-size: 0.28rem;color:#595959;margin-top:0.08rem;font-weight: 200;}

.index05{}
.index05 .items{}

.index05 .items .item{margin-bottom: 0.48rem}
.index05 .items .item .img{max-width: 100%}

.index06{}

.swiper-06{position: relative;padding-bottom: 0.2rem}
.swiper-06 .swiper-slide{box-shadow: 0 4px 24px 8px rgba(0, 0, 0, 0.02);padding:0.4rem ;background: #fff;border-radius: 16px;}
.swiper-06 .swiper-slide p{color:#262626;font-size:0.32rem;margin-bottom:0.4rem;line-height: 1.7;font-weight: 200}
.swiper-06 .swiper-slide .info{display: flex;align-items: center;color:#262626;font-size:0.32rem;}
.swiper-06 .swiper-slide .info .ico{width:0.96rem;margin-right:0.16rem;}
.swiper-06 .swiper-slide .info .anthor{display: flex; flex-direction: column; justify-content: center;}
.swiper-06 .swiper-slide .info h3{font-weight: 300;font-size: 0.28rem;}
.swiper-06 .swiper-slide .info span{font-size: 0.24rem;color:#595959;font-weight: 200}
.swiper-06 .pagination-bullets{bottom: 0;display: none}
.swiper-06 .swiper-pagination-bullet{opacity: 0.5;background: #262626}
.swiper-06 .swiper-pagination-bullet-active{background: #262626;opacity: 1}

.index07 .items{margin-bottom: 20px;}
.index07 .items .item{padding:0.32rem;display: flex;align-items: center;justify-content: space-between;background: #fff;box-shadow: 0 4px 24px 8px rgba(0, 0, 0, 0.02);margin-bottom: 0.4rem;border-radius: 0.24rem;}
.index07 .items .item .imgbox{display: block;overflow: hidden;border-radius: 4px;width: 1.92rem;margin-right: 0.24rem}
.index07 .items .item .imgbox img{max-width: 100%;border-radius: 4px;}
.index07 .items .item .info{width: 3.4rem}
.index07 .items .item .info h3{color:#262626;font-size: 0.32rem;font-weight: 300;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.index07 .items .item .info p{font-size: 0.24rem;color:#595959;margin-top: 0.08rem;font-weight: 200}



.index08 .items{}
.index08 .items .item {padding:0.24rem 0;border-bottom: 1px solid #eef0ee;}
.index08 .items .item:last-child{border-bottom: none}
.index08 .items .item h3{font-weight: 300;font-size: 0.32rem;color:#262626;margin-bottom: 0.16rem;display: flex;align-items: center;cursor: pointer;}
.index08 .items .item.on h3 .ico{transform: rotate(180deg);}
.index08 .items .item h3 .ico{margin-left: auto;transition: all 0.5s;width: 0.28rem}
.index08 .items .item .text{font-weight: 400;font-size:0.28rem;color:#595959;display: none;font-weight: 200;}



.footer{background: #17171A;}
.footer .ftop{padding:0.4rem;}
.footer .ftop .left{padding:0.24rem;}
.footer .ftop .left .text{font-size: 0.4rem;color:rgba(255,255,255,0.5);}
.footer .ftop .left .text span{color:rgba(255,255,255,0.9);}
.footer .ftop .left .submitinfo{margin-top:0.32rem;display: flex;align-items: center;justify-content: space-between;}
.footer .ftop .left .submitinfo .form{border: 1px solid rgba(255,255,255,0.5);height: 0.72rem;padding:0.16rem  0.32rem;border-radius: 120px;display: flex;align-items: center;width:4rem;justify-content: space-between;}
.footer .ftop .left .submitinfo .form .int{background:none;border:none;font-size:0.24rem;color:rgba(255,255,255,0.5);flex:1;}
.footer .ftop .left .submitinfo .form .submit{background:none;border:none;font-size: 16px;height:0.32rem;width: 0.32rem;display: flex;align-items: center;justify-content: center;margin-left: 0.16rem;}
.footer .ftop .left .submitinfo .form .submit .ico{width: 0.32rem}
.footer .ftop .left .submitinfo .face{width:0.64rem;margin-left: auto;}

.f-menu{width:100%; padding:0 0.3rem; }
.f-menu .view h3{width:100%;font-size:14px;font-weight:normal;color:rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.15);height:1rem;line-height:1rem;display:flex;align-items:center;justify-content:space-between;margin:0;}
.f-menu .view h3 .iconfont{display:none;color:rgba(255,255,255,0.9);font-size:18px}
.f-menu .view h3 .icon-jiahao{display:block}
.f-menu .view h3.on{color:rgba(255,255,255,0.9)}
.f-menu .view h3.on .icon-jianhao{display:block;}
.f-menu .view h3.on .icon-jiahao{display:none;}
.f-menu .view ul{display:none;color:rgba(255,255,255,0.4);font-size:14px;padding:0.2rem 0.2rem;border-bottom:1px solid rgba(255,255,255,0.15)}
.f-menu .view ul li{line-height:2.4em}
.f-menu .view ul li a{color:rgba(255,255,255,0.4);font-size:12px;}

.footer .copyright{font-size:0.28rem;text-align: center;padding:0.4rem 0;color:rgba(255,255,255,0.3);}