@media (min-width:992px) {
  
.container{padding-left:0px;padding-right:0px;}

body{padding-top: 0px}

.header{height:60px;position: fixed;top:0;left:0;width:100%;z-index:999;}
.header .logo{font-size: 28px;color:#262626}
.header .logo .logoImg{height: 32px}
.headercon{display:flex;align-items:center;margin:0 40px;justify-content: space-between;}
.header .header-right{display:flex;align-items:center;margin-left: 40px;}
.header .menu>ul{display: flex;align-items:center; position:relative}
.header .menu ul li {height:60px; position: relative;margin-right:48px}
.header .menu>ul>li>a{font-size:14px;color:#262626;display:block;height:60px;line-height:60px;position:relative;transition: all 0.3s;font-weight: 300;}
.header .menu>ul>li:hover>a{color: #996334;}
.header .menu>ul>li:last-child a{padding-right: 0}

.header .lang{margin-left: auto;display: flex;align-items: center}
.header .lang .select{font-size: 16px;color:#262626;margin-left: 4px;position: relative;}

.header .lang .select p{display: flex;align-items: center;cursor: pointer;}
.header .lang .select p .ico{margin-left: 4px;width: 16px;}
.header .lang .select p a{font-size: 16px;color:#262626;margin:0 6px;}

.header.on{background: #fff;box-shadow: 0 8px 8px rgba(0, 0, 0, 0.03);}

.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: absolute;width: 45.8%;padding:120px 40px 40px;left: 40px;top: 0px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: 100%}
.banner .bannercon .text h2{font-size: 42px;color:#262626;margin-bottom: 16px;font-weight: 300;}
.banner .bannercon .text p{font-size: 20px;color:#262626;margin-bottom:40px;font-style: normal;font-weight: 200;}
.banner .bannercon .text .link{font-size: 14px;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: 16px;height: 16px;margin-left: 8px;}

.banner .bannercon .bannerpeople{position: absolute;bottom: 0;right: 0;width: 50%;right: 80px;}
.banner .bannercon .data{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;margin-top: 0}
.banner .bannercon .data .item{margin-bottom: 24px;line-height: 1.3;text-align: center}
.banner .bannercon .data .item .num{font-size: 42px;color:#262626;font-weight: 274;}
.banner .bannercon .data .item p{font-size: 16px;color:#262626;font-weight: 300;}

.tinfo{position: relative;margin-bottom: 0}
.tinfo h2{color:#262626;font-size: 28px;}
.tinfo p{color: #595959;font-size: 16px;margin-top: 14px}

.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{display: flex;align-items: flex-start;justify-content: space-between;padding:50px 30px;background:linear-gradient(180deg, #FFF 70%, #F5F5F5 100%);}
.indexcon .tinfo{width: 21.7%}
.indexcon .indexright{width: 74%;padding:0;}
.indexcon2{display: flex;align-items: flex-start;justify-content: space-between;padding:50px 30px;background:linear-gradient(0deg, #FFF 30%, #F5F5F5 100%);}
.indexcon2 .tinfo{width: 21.7%}
.indexcon2 .indexright{width: 74%;padding:0;}



.indexcon .viewall{margin-top:0}
.indexcon .viewall a{color:rgba(255,255,255,0.9);font-size:16px;text-decoration: underline;display: flex;align-items: center;justify-content: flex-start;}
.indexcon .viewall .ico{width: 16px;margin-left: 8px;transition: all 0.3s}
.indexcon .viewall:hover .ico{margin-left: 14px;}
.indexcon2 .viewall{margin-top:0}
.indexcon2 .viewall a{color:rgba(255,255,255,0.9);font-size:16px;text-decoration: underline;display: flex;align-items: center;justify-content: flex-start;}
.indexcon2 .viewall .ico{width: 16px;margin-left: 8px;transition: all 0.3s}
.indexcon2 .viewall:hover .ico{margin-left: 14px;}

.indexcon .viewall2{margin-top:0}
.indexcon .viewall2 a{color:#262626;font-size: 14px;text-decoration: underline;display: flex;align-items: center;justify-content: flex-start}
.indexcon .viewall2 .ico{width: 16px;margin-left: 8px;transition: all 0.3s}
.indexcon .viewall2:hover .ico{margin-left: 14px;}
.indexcon2 .viewall2{margin-top:0}
.indexcon2 .viewall2 a{color:#262626;font-size: 14px;text-decoration: underline;display: flex;align-items: center;justify-content: flex-start}
.indexcon2 .viewall2 .ico{width: 16px;margin-left: 8px;transition: all 0.3s}
.indexcon2 .viewall2:hover .ico{margin-left: 14px;}




.index01{}
.index01 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index01 .items:after{content: "";display: block;width: 31.4%}
.index01 .items .item{width: 31.4%;margin-bottom: 0;transition: all 0.3s;border-radius: 16px;}
.index01 .items .item .imgbox{display: block;overflow: hidden;border-radius: 16px 16px 0 0;}
.index01 .items .item .imgbox img{border-radius: 16px 16px 0 0;transition: all 0.6s}
.index01 .items .item .imgbox:hover img{transform: scale(1.1);}
.index01 .items .item .info{padding:20px;border-radius: 0 0 16px 16px}
.index01 .items .item .info h3{color:#292929;font-size: 18px;font-weight: 300;}
.index01 .items .item .info p{font-size: 16px;color:#595959;margin-top: 8px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;font-weight: 200;}
.index01 .items .item .info .link{font-size: 12px;color:#292929;text-decoration: underline;display: flex;align-items: center; margin-top: 20px;font-weight: 300;}
.index01 .items .item .info .link .ico{margin-left: 8px;width: 16px;transition: all 0.3s}
.index01 .items .item .info .link:hover .ico{margin-left: 14px;}
.index01 .items .item:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);}


.index02{}
.index02 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index02 .items:after{content: "";display: block;width: 31.4%}
.index02 .items .item{width: 31.4%;margin-bottom: 20px;transition: all 0.3s;border-radius: 16px;}
.index02 .items .item .imgbox{display: block;overflow: hidden;border-radius: 16px 16px 0 0;}
.index02 .items .item .imgbox img{border-radius: 16px 16px 0 0;max-width: 100%;transition: all 0.6s}
.index02 .items .item .imgbox:hover img{transform: scale(1.1);}
.index02 .items .item .info{padding:20px;border-radius: 0 0 16px 16px}
.index02 .items .item .info h3{color:#292929;font-size: 18px;font-weight: 300;}
.index02 .items .item .info p{font-size: 14px;color:#595959;margin-top: 8px;font-weight: 200;}
.index02 .items .item .info .link{font-size: 12px;color:#292929;text-decoration: underline;display: flex;align-items: center; margin-top: 20px;font-weight: 300;}
.index02 .items .item .info .link .ico{margin-left: 8px;width: 16px;transition: all 0.3s}
.index02 .items .item .info .link:hover .ico{margin-left: 14px;}
.index02 .items .item .info .bq{display: flex;align-items: center;margin-top: 16px;flex-wrap: wrap;}
.index02 .items .item .info .bq span{margin-right: 8px;font-size: 12px;color:#595959;flex-shrink: 0;display: flex;align-items: center;font-weight: 200;}
.index02 .items .item .info .bq span .bqico{width: 16px;margin-right: 4px;width: }

.index02 .items .item:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);}


.index03{background: #090C05}
.index03 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index03 .items:after{content: "";display: block;width: 48.53%}
.index03 .items .item{border-radius: 16px;background: #313132;width: 48.53%;display: flex;align-items:flex-start;padding:30px 0 0 30px;margin-bottom: 40px;transition: all 0.3s}
.index03 .items .item .info{width: 48.5%;padding-top: 24px;}
.index03 .items .item .info h3{color:rgba(255,255,255,0.9);font-size: 18px;font-weight: 300;}
.index03 .items .item .info p{font-size: 14px;color:rgba(255,255,255,0.7);margin-top: 8px;font-weight: 200;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.index03 .items .item .info .icons{margin-top: 24px;display: flex;align-items: center;color:rgba(255,255,255,0.9);}
.index03 .items .item .info .icons span{display: inline-block;border-bottom: 1px solid rgba(255,255,255,0.9);padding:2px 0;}
.index03 .items .item .info .icons .ico{width: 16px;margin-left:8px;transition: all 0.3s}
.index03 .items .item .info .icons:hover .ico{margin-left:14px}
.index03 .items .item .imgbox{width: 48.5%;overflow: hidden;}
.index03 .items .item .imgbox img{max-width: 100%;transition: all 0.6s}
.index03 .items .item .imgbox:hover img{transform: scale(1.1);}

.index03 .items .item:hover{box-shadow: 0 0 20px rgba(255,255,255,.25), 0 0 40px rgba(255,255,255,.15);}


.index04{}

.index04 .rightcon{display: flex;align-items: center;justify-content: space-between;padding:0 20px;box-shadow: 0 4px 24px 8px rgba(0, 0, 0, 0.02);}
.index04 .rightcon .imgs{width: 22.06%;}
.index04 .rightcon  .item{width: 34.56%;background: none;box-shadow:none;border-radius: 0.2rem;margin-bottom: 0;}
.index04 .rightcon  .item .icon{display: none}
.index04 .rightcon  .item .r{width: 100%;position: relative;}
.index04 .rightcon  .item h3{color:#262626;font-size:24px;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: #262626;border-radius: 2px;font-style: normal;color:#fff;font-size: 16px;text-align: center;margin-left: 0.16rem;}
.index04 .rightcon .item p{font-size:16px;color:#595959;margin-top:8px;font-weight: 200;}
.index04 .rightcon  .item .r .view{position: absolute;left: 0;top: 150px;}
.index04 .rightcon  .item .r .view a{color:#262626;font-size: 14px;text-decoration: underline; display: flex;align-items: center;justify-content: flex-start}
.index04 .rightcon  .item .r .view .ico{width: 16px;margin-left: 8px;transition: all 0.3s;}
.index04 .rightcon  .item .r .view:hover .ico{margin-left: 14px;}

.index05{}
.index05 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index05 .items:after{content: "";display: block;width: 31.32%}
.index05 .items .item{width: 31.32%;}
.index05 .items .item .img{transition: all .3s ease;border-radius: 16px;}
.index05 .items .item:hover .img{box-shadow:0 12px 24px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);}



.index06{}
.index06 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.index06 .items:after{content: "";display: block;width: 48.53%}
.index06 .items .item{width: 48.53%;box-shadow: 0 4px 24px 8px rgba(0, 0, 0, 0.02);margin-bottom: 30px;padding:30px ;background: #fff;border-radius: 16px;transition: all 0.5s}
.index06 .items .item p{color:#262626;font-size: 16px;margin-bottom: 20px;font-weight: 300;}
.index06 .items .item .info{display: flex;align-items: center;color:#262626;font-size: 14px;font-weight: 200;}
.index06 .items .item .info .ico{width: 30px;margin-right: 8px;}
.index06 .items .item:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);}

.index07 .items{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0px;}
.index07 .items:after{content: "";display: block;width: 49%}
.index07 .items .item{width: 49%;padding:20px;transition: all 0.5s}
.index07 .items .item .imgbox{display: block;overflow: hidden;border-radius: 4px;width: 34%}
.index07 .items .item .imgbox img{border-radius: 4px;max-width: 100%;transition: all 0.6s}
.index07 .items .item .imgbox:hover img{transform: scale(1.1);}

.index07 .items .item .info{flex:1;}
.index07 .items .item .info h3{color:#262626;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 300;}
.index07 .items .item .info p{font-size: 12px;color:#595959;margin-top: 8px;font-weight: 200;}
.index07 .items .item:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.04);}


.index08 .items{}
.index08 .items .item {padding:18px 0;border-bottom: 1px solid #eef0ee;}
.index08 .items .item h3{font-weight: 300;font-size: 20px;color:#262626;margin-bottom: 0;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:16px}
.index08 .items .item .text{font-weight: 400;font-size:16px;color:#595959;display: none;font-weight: 200;margin-top: 16px;}



.footer{background: #17171A;}
.footer .ftop{display: flex;justify-content: space-between;align-items: flex-start; padding:60px 30px 30px;}
.footer .ftop .left{width: 24.7%;padding:16px;}
.footer .ftop .left .text{font-size: 28px;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: 24px;display: flex;align-items: center;}
.footer .ftop .left .submitinfo .form{border: 1px solid rgba(255,255,255,0.5);height: 44px;padding: 8px 10px;border-radius: 120px;display: flex;align-items: center;width: 80%}
.footer .ftop .left .submitinfo .form .int{background:none;border:none;font-size: 12px;color:rgba(255,255,255,0.5);width: 100%}
.footer .ftop .left .submitinfo .form .submit{background:none;border:none;font-size: 16px;height: 22px;width: 22px;display: flex;align-items: center;justify-content: center;margin-left: 8px;}
.footer .ftop .left .submitinfo .form .submit .ico{width: 16px;}
.footer .ftop .left .submitinfo .face{width: 32px;margin-left: 24px;}

.footer .ftop .right{width: 71%;display: flex;align-items: flex-start;justify-content: space-around;padding:16px;}
.footer .ftop .right ul{}
.footer .ftop .right ul li h3{font-size: 16px;color:rgba(255,255,255,0.9);margin-bottom: 14px;font-weight: 300;}
.footer .ftop .right ul li {margin-bottom: 6px;}
.footer .ftop .right ul li a{font-size: 14px;color:rgba(255,255,255,0.5);font-weight: 200;}


.footer .copyright{font-size: 14px;text-align: center;padding:30px 0;color:rgba(255,255,255,0.4);border-top: 1px solid #2E2E30}




}