body{ width: 100%;}

.wrap{ width: 1280px; margin: 0 auto;}
.head{position: fixed; top: 0; left: 0; width: 100%; height: 64px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(153, 169, 191, 0.2); line-height:64px;z-index:9;}
.nav{float:right;}
.nav a{font-size: 17px;color:#222; margin-left:50px; padding-bottom:10px; position: relative;}
.nav a.current{color: #769F34;}
.nav a.current::before{position: absolute;bottom: -5px; left: 25%; content: "";width: 24px;height: 3px;background: #769F34;border-radius: 2px 2px 2px 2px;}
.nav a.home.current::before{left: 10%;}
.nav a:hover{color: #769f34;}

.head .wrap{position: relative;}
.download{float: right;font-size: 18px;color: #222;margin-left: 50px; cursor: pointer;}
.d-con{position: absolute; top: 65px; right: -20px; display: inline-block; width: 334px;height: 219px;background: url(../images/dlBg.png); display: none;}
.download:hover .d-con{display: inline-block;}
.download:hover{color: #769f34;}
.d-con ul{display: flex; justify-content: space-between;  width: 270px;margin: 30px auto;}
.d-con li{width: 120px; text-align: center; font-size: 16px; color: #111; line-height: 1;}
.d-con img{width: 120px;height: 120px; margin-bottom: 15px;}

.index-banner{width:100%;height:800px;background:url(../images/banner.jpg) no-repeat center center;}
.app{padding-bottom: 88px; background: #fff;}
.f-title{font-size: 36px;font-size: 36px;color:#111; text-align:center; padding-top:80px;}
.tabArea{display:flex;justify-content:space-between;margin-top:60px;}
.tab{width: 360px; display: inline-block; margin-top: 70px;}
.tab li{width: 360px;border-radius: 10px;border: solid 2px #eef1ff; box-sizing: border-box; padding: 20px 25px; margin-bottom: 15px;}
.tab img{float: left; margin-right: 15px;}
.tab h2{font-size: 20px; font-weight: bold; }
.tab p{display: none;}
.tab .current p{margin-left: 39px; display: block;margin-top: 5px;}
.tab li.current{color: #769f34;border: solid 2px #769f34;}
.tabContent{width: 850px; display: none; margin-left: 30px;}

.inx-con{width:100%; height: 542px;background:linear-gradient(90deg, #f7fbff 0%, #eef1ff 100%), linear-gradient(#f1f4ff, #f1f4ff);}
.inx-con .left{float: left;width: 325px;}
.inx-con .left img{margin: 24px 0 8px;}
.inx-con .left p{font-size:20px;color: #769f34;}
.inx-con .f-title{text-align: left; margin-top: 38px;}
.inx-con .right{width: 736px; float: right; margin-top: 125px; text-align: left; font-size: 16px;color: #5d6a7f; line-height: 30px;}

.partners{background: #fff; height: 578px; box-sizing: border-box;}
.partners li{width: 290px;float: left; margin-right: 40px; text-align: center;}
.partners li:last-child{margin-right: 0;}
.partners h3{font-size: 24px;color: #30363e; margin-bottom: 5px;}
.partners img{margin: 108px 0 30px;}
.partners p{color: #5d6a7f;font-size: 16px; margin-bottom: 3px;}

.invite{width: 100%;height: 740px;background: url(../images/ptnBg.jpg) no-repeat center; box-sizing: border-box;}
.invite ul{display: flex; justify-content: space-around;margin-top: 53px;}
.invite li{width: 600px;height: 438px;background:rgba(255,255,255,.5);border-radius: 20px;border: solid 1px #fff; box-sizing: border-box; padding: 40px 55px;backdrop-filter: blur(7px);-webkit-backdrop-filter: blur(7px);}
.invite h3{font-size: 24px; color: #30363e; margin-bottom: 30px;}
.invite div{margin-bottom: 10px;}
.invite img{float: left; margin-top: 5px;}
.invite p{margin-left: 30px;font-size: 16px;color: #30363e;}

/*底部*/
.foot{background: #f2f5f7;border-top: 1px solid  #E4E9F0; margin-top: 55px;}
.f-left{float: left; margin-top: 45px; width: 330px;}
.foot h3{font-weight: bold; font-size: 16px;}
.f-ewm p{padding-top: 6px; border-top: 1px solid #edf3fa;}
.foot-list{width:680px; float: right;margin-top: 45px; padding: 0 20px; display: flex;justify-content: space-between;}
.foot-list h3{margin-bottom: 20px;}
.foot-list a{display: block; color: #6a6e73;margin-bottom: 12px;}
.foot-list a:hover{color: #356dee;}
.record{border-top: 1px solid #dadfe6; height: 68px; line-height: 68px;margin-top: 28px; text-align: center;}
.record a{color: #999; padding-right: 14px; border-right: 1px solid #dedede; margin-right: 14px;}
.record a:last-child{border-right: 0;}
.record a:hover{color: #356dee;}
.f-left h3{font-size: 24px; color: #1A0F03;}
.f-ewm{margin: 15px 0;}


.banner{width: 100%; height: 320px;background: url(../images/busBanner.jpg) no-repeat center center; margin-top: 64px;color: #FFF;}
.banner h1{font-size: 38px; font-weight: 500;padding: 95px 0 20px;}
.banner p{font-size: 16px;}



.search{ width: 100%; margin-top: 48px;}
.search li{ float: left; margin: 0 58px 24px 0; line-height: 36px; height:36px; position:relative;}
.search li:nth-child(3){margin-right: 0;}
.search li label{ display: inline-block; margin-right: 8px; vertical-align: middle;}
.search select{width: 320px; border-radius: 6px;border: 1px solid #DCE0E5;}

a.queryBtn{display: inline-block;width: 60px; height: 36px;background: #769F34;line-height: 36px;border-radius: 4px; text-align: center; color: #fff; margin-left: 24px;}
a.queryBtn:hover{background: #609112;}

/*dataList*/
.dataList{width: 100%;table-layout: fixed; }
.dataList thead{background: #F5F6F7;border-radius: 2px;color: #222;}
.dataList thead th{padding: 13px 10px;line-height: 22px;font-weight: 600;}
.dataList td,.dataList th{padding: 0 10px;line-height: 26px;  text-align: center;}
.dataList td{padding:13px 10px; background: #fff; color: #333; border-bottom: 1px solid #E9ECF2;line-height: 22px; word-break: break-all;}
.redTxt{color: #E04350;font-size: 16px;}

.tfoot{padding:0 10px;height:32px;}
.tfoot label input[type="checkbox"]{margin-left: 8px; *margin-left:5px; margin-right:5px ;}
/*pagebox*/
.pagebox{height: 32px; line-height: 32px;  display: flex; margin-top: 10px;}
.pagebox span.total{ margin-right: 5px;display: inline-block;}
.pagebox .pageNum{display: inline-block;}
.pagebox .pageNum a{display: inline-block; padding: 0 5px; width: 20px; height: 30px; text-align: center; border: 1px solid #EBEDF0;color: #2E3033; border-radius: 3px; margin-right: 5px; float: left;    background: #fff;}
.pagebox .pageNum a:hover{color: #769F34;} 
.pagebox .pageNum a.current{background: #769F34; border: 1px solid #769F34; color: #fff;}
a.upPage,a.downPage{background: #EBEDF0;}
.pagebox .pageNum a.disabled{color: #d2d2d2;}
select.page{min-width:64px; border: solid 1px #DCDCDC; font-size: 12px; height: 30px;background: #fff; padding: 0 5px; margin-right: 5px;}
input.turnPage{height: 30px; width: 20px; padding: 0 10px; margin: 0 8px;border: 1px solid #DCDCDC; border-radius: 3px;font-family: HonorR; text-align: center; color: #000;}
a.okBtn{display: inline-block; width: 46px;height: 30px;border-radius: 2px;border: solid 1px #DCDCDC; color: #333; text-align: center;line-height: 30px;margin-left: 5px
;} 
a.okBtn:hover{color: #769F34; border-color: #769F34;}
.upPage i,.downPage i{display: inline-block;width: 6px;height: 10px;background: url(../images/pageIcon.png);}
.upPage i{background-position: -6px 0;}
.downPage i{background-position: 0 -10px;}
.upDis i{background-position: 0 0;}
.dpDis i{background-position: -6px -10px;}

.hpagebox span.pageNum a{margin-left: 5px;color: #6A6E73;}
.hpagebox a.upPage,.hpagebox a.downPage{background: #fff;}

.mainContent{padding-bottom: 60px;}
.carBanner{background: url(../images/carBanner.jpg) no-repeat center center;}
.car-lists {margin: 40px 0 0; display: flex; flex-wrap: wrap;justify-content: space-between;}
.car-lists li{width: 410px;height: 208px;background: #FFF;border-radius: 12px; margin: 0 25px 25px 0;}
.car-lists li:nth-child(3n){margin-right: 0;}
.cl-item{padding: 32px 24px; box-sizing: border-box;}
.cl-item img{float: left; margin:5px 24px 0 0;}
.cl-item div{margin-left: 64px;}
.cl-item h1{font-size: 18px; color: #222; font-weight: 600;margin-bottom: 10px;}
.cIcon {margin-bottom: 30px;}
.cIcon i{display: inline-block; width: 14px;height: 14px; vertical-align: middle; margin-right: 8px;}
.cuser{background: url(../images/cUser.png);}
.ctel{background: url(../images/cTel.png); margin-left: 24px;}
.cl-item label{color: #999; margin-right: 6px;}
.ml50{margin-left: 50px;}

.cmpBanner{background: url(../images/cmpBanner.jpg) no-repeat center center;}
.cStar{display: inline-block;width: 18px;height: 18px;background: url(../images/cStar.png); margin-right: 3px;}
.evalBanner{background: url(../images/evalBanner.jpg) no-repeat center center;}

/*底部*/
.foot{height: auto;background: #f7f8fa;}
.foot-list{display: flex; justify-content: space-between; padding-top: 40px;}
.foot-list li{width: 140px; margin-right: 10px; flex: 1;text-align: center;}
.foot-list p{margin: 13px 0; color: #333;font-weight: 600;}
.foot-list a{display: block; color: #666;margin-bottom: 10px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.foot-list a:hover{color: #0d8af9;}