.sub-banner { width: 100%; margin-top: 81px; }

.sub-banner img { width: 100%; }

.sub-tit { font-size: 24px; color: #333; font-weight: bold; text-align: center; padding: 50px 0; }

.sub-txt { background: #f5f5f5; }

.sub-txt p { font-size: 18px; color: #333; padding: 50px 100px; background: #fff; position: relative; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.sub-txt p:after { content: ''; display: block; width: 40px; height: 32px; background: url("/ZT/GBA/static/images/yh01.png"); position: absolute; top: 15px; left: 15px; }

.sub-txt p:before { content: ''; display: block; width: 40px; height: 32px; background: url("/ZT/GBA/static/images/yh02.png"); position: absolute; bottom: 15px; right: 15px; }

.wq-txt { overflow: hidden; }

.wq-txt .wq-txt-t { border-bottom: 1px solid #dbdbdb; }

.wq-txt p { font-size: 18px; color: #333; letter-spacing: 3px; }

.wq-txt .wq-txt-tab { margin-top: 55px; text-align: center; position: relative; }

.wq-txt .wq-txt-tab:after { content: ''; display: block; width: 3000px; height: 1px; background: #dbdbdb; position: absolute; bottom: 1px; left: -1000px; }

.wq-txt .wq-txt-tab span { display: inline-block; font-size: 18px; color: #333; line-height: 22px; margin: 0 80px; cursor: pointer; padding-bottom: 28px; border-bottom: 2px solid #fff; }

.wq-txt .wq-txt-tab span.active { font-size: 24px; font-weight: bold; border-bottom: 2px solid #333; }

.wq-txt ul { text-align: center; padding: 50px 0; }

.wq-txt ul li { display: none; }

.wq-txt ul li.active { display: block; overflow: hidden; }

.wq-txt ul li .wq-s-item { display: inline-block; max-width: 438px; padding: 0 100px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wq-txt ul li .wq-s-item:first-child:before { content: ''; display: block; width: 1px; height: 60%; background: #dbdbdb; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.wq-txt ul li .wq-s-item:last-child:before { display: none; }

.wq-txt ul li .wq-s-item img { width: 80px; margin: 0 auto; }

.wq-txt ul li .wq-s-item span { display: block; font-size: 16px; color: #333; text-align: center; margin: 40px 0 30px; }

.wq-txt ul li .wq-s-item p { font-size: 16px; color: #999; text-align: center; }

.wq-card { padding: 60px 0; background: #f5f5f5 url("/ZT/GBA/static/images/d-bg.png") no-repeat center bottom; -moz-background-size: 100%; background-size: 100%; }

.wq-card .wq-card-con .wq-card-txt { float: left; width: 46%; margin-right: 5%; }

.wq-card .wq-card-con .wq-card-txt p { font-size: 18px; color: #333; line-height: 28px; }

.wq-card .wq-card-con .wq-card-img { float: left; width: 49%; }

.wq-card .wq-card-con .wq-card-img img { width: 100%; }

.wq-service { padding: 0 0 50px; }

.wq-service p { font-size: 18px; color: #333; }

.wq-service ul { margin-top: 50px; }

.wq-service ul li { float: left; width: 48%; background: #f5f5f5; text-align: center; padding-bottom: 20px; }

.wq-service ul li:first-child { margin-right: 4%; }

.wq-service ul li .wq-service-img { position: relative; }

.wq-service ul li .wq-service-img:before { content: ''; width: 100%; height: 50%; background: #fff; position: absolute; top: 0; left: 0; }

.wq-service ul li .wq-service-img img { width: 355px; margin: 0 auto; position: relative; }

.wq-service ul li span { display: block; font-size: 18px; color: #333; font-weight: bold; text-align: center; margin: 25px 0; }

.wq-service ul li a { display: inline-block; font-size: 14px; color: #df3232; line-height: 38px; padding: 0 25px; border: 1px solid #df3232; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.wq-service ul li a:hover { color: #fff; background: #df3232; }

.wq-ability { padding-bottom: 50px; background: #f5f5f5; }

.wq-ability p { font-size: 18px; color: #333; text-align: center; }

.wq-ability ul { width: 101%; margin-left: -0.5%; margin-top: 40px; }

.wq-ability ul li { float: left; width: 32.33%; margin: 0 0.5%; padding-bottom: 30px; background: #fff; text-align: left; position: relative; }

.wq-ability ul li img { width: 100%; }

.wq-ability ul li span { display: block; font-size: 16px; color: #333; font-weight: bold; margin: 20px; }

.wq-ability ul li p { height: 174px; font-size: 16px; color: #999; margin: 0 20px; text-align: left; overflow: hidden; }

.wq-ability ul li a { display: inline-block; font-size: 14px; color: #df3232; line-height: 38px; padding: 0 25px; border: 1px solid #df3232; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; left: 50%; bottom: 30px; margin-left: -54px; }

.wq-ability ul li a:hover { color: #fff; background: #df3232; }