.pagebox { background: url(../images/index-cadbg.png) no-repeat center 4.7rem; background-size: cover; padding-top: .4rem; }

.pagebox:after { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; display: block; content: ''; background: url(../images/index-cadtop.png) no-repeat center top; background-size: 100% auto; }

.pagebox .container { width: 100%; height: calc(100vh - 3.6rem); position: absolute; left: 0px; top: 3.3rem; z-index: 2; }

.pagebox .container .cadh3 { height: 1.2rem; line-height: .6rem; font-size: .44rem; color: #fff; font-weight: bold; text-align: center; margin-top: .1rem; }

.pagebox .container .containerList { width: 100%; height: calc(100vh - 4.8rem); display: flex; align-items: center; justify-content: center; }

.pagebox .container .containerList .flexbox { width: 6.5rem; }

.pagebox .container .containerList .flexbox .cont { width: 100%; height: 6rem; background: #fff; }

.pagebox .container .containerList .flexbox .top { display: flex; justify-content: space-between; }

.pagebox .container .containerList .flexbox .top .listTop { width: 3.12rem; margin-bottom: .5rem; }

.pagebox .container .containerList .flexbox .top .listTop a { display: block; width: 100%; height: 100%; }

.pagebox .container .containerList .flexbox .top .listTop .img { width: 100%; height: 2.78rem; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); position: relative; }

.pagebox .container .containerList .flexbox .top .listTop .img img { width: 100%; height: 100%; }

.pagebox .container .containerList .flexbox .top .listTop .img .info { height: .9rem; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 1; color: #fff; text-align: center; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; }

.pagebox .container .containerList .flexbox .top .listTop .img .info i { position: absolute; left: 0px; top: 0px; display: block; height: 100%; width: 100%; opacity: .7; z-index: -1; }

.pagebox .container .containerList .flexbox .top .listTop .img .info .h5 { font-size: .26rem; font-weight: bold; line-height: .28rem; width: 100%; }

.pagebox .container .containerList .flexbox .top .listTop .img .info .h6 { font-size: .22rem; line-height: .24rem; width: 100%; }

.pagebox .container .containerList .flexbox .top .listTop .pagebutton { margin-top: .2rem; }

.pagebox .container .containerList .flexbox .bottom { width: 100%; }

.pagebox .container .containerList .flexbox .bottom a { display: block; width: 100%; height: 100%; }

.pagebox .container .containerList .flexbox .bottom .img { width: 100%; height: 2.22rem; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); position: relative; }

.pagebox .container .containerList .flexbox .bottom .img img { width: 100%; height: 100%; }

.pagebox .container .containerList .flexbox .bottom .img .info { height: .9rem; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 1; color: #fff; text-align: center; box-sizing: border-box; padding-top: .1rem; }

.pagebox .container .containerList .flexbox .bottom .img .info i { position: absolute; left: 0px; top: 0px; display: block; height: 100%; width: 100%; opacity: .7; z-index: -1; }

.pagebox .container .containerList .flexbox .bottom .img .info .h5 { font-size: .28rem; font-weight: bold; height: .3rem; line-height: .3rem; }

.pagebox .container .containerList .flexbox .bottom .img .info .h6 { font-size: .24rem; height: .4rem; line-height: .4rem; }

.pagebox .container .containerList .flexbox .bottom .pagebutton { margin-top: .2rem; }

.pagebox .container .containerList .flexbox .pagebutton.peizhicont { margin-top: .3rem; }

.index-new .pagebox .container .cadh3 { height: .6rem; line-height: .36rem; font-size: .38rem; color: #fff; font-weight: bold; text-align: center; margin-top: .2rem; }

.index-new .pagebox .container .cadh4 { height: .6rem; line-height: .36rem; font-size: .24rem; color: #fff; font-weight: bold; text-align: center; }

.index-new .pagebox .container .containerList .newflexbox { width: 6.5rem; }

.index-new .pagebox .container .containerList .newflexbox .top { display: flex; justify-content: space-between; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop { margin-bottom: .5rem; width: 3.2rem; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop a { display: block; width: 100%; height: 100%; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img { width: 100%; height: 3.63rem; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); position: relative; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img img { width: 100%; height: 100%; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img .info { height: .9rem; width: 100%; position: absolute; left: 0px; bottom: 50%; transform: translateY(50%); z-index: 1; color: #fff; text-align: center; box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; background: rgba(0, 118, 206, 0.3); display: flex; align-items: center; justify-content: space-around; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img .info .icon { width: .42rem; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img .info .h5 { font-size: .26rem; font-weight: bold; line-height: .28rem; width: 100%; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img .info .h6 { font-size: .22rem; line-height: .24rem; width: 100%; }

.index-new .pagebox .container .containerList .newflexbox .top .listTop .img .pagebutton { position: absolute; bottom: .2rem; left: 50%; transform: translateX(-50%); }

.index-new .pagebox .container .containerList .newflexbox .bottom { width: 100%; }

.index-new .pagebox .container .containerList .newflexbox .bottom a { display: block; width: 100%; height: 100%; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img { width: 100%; height: 2.22rem; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); position: relative; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img img { width: 100%; height: 100%; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img .info { height: .9rem; width: 100%; position: absolute; left: 0px; bottom: 50%; transform: translateY(50%); z-index: 1; color: #fff; text-align: center; box-sizing: border-box; flex-wrap: wrap; background: rgba(0, 118, 206, 0.3); display: flex; align-items: center; justify-content: space-around; padding: 0px 14%; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img .info .icon { width: .42rem; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img .info .h5 { font-size: .26rem; font-weight: bold; line-height: .28rem; width: 100%; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img .info .h6 { font-size: .22rem; line-height: .24rem; width: 100%; }

.index-new .pagebox .container .containerList .newflexbox .bottom .img .pagebutton { position: absolute; bottom: .1rem; left: 50%; transform: translateX(-50%); }