.zxbac-wrap{width:100%;height: 682px;background: url(../images/zxbac.png) no-repeat center;background-size: auto 100%;}
.zxbac-main{width: 1200px;margin: 0 auto;color: #fff;}

.zxbac-main h2{font-size: 80px;padding-top: 120px;}
.zxbac-main .zp1{font-size: 36px;padding-top: 30px;}
.zxbac-main .zp2{font-size: 28px;padding-top: 80px;padding-bottom: 25px;}
.zxbac-main .zxbut{color:#fff;cursor: pointer;display: inline-block;width: 230px;height: 55px;background:#20c6ad;line-height: 53px;border-radius: 5px;text-align: center;font-size: 28px;}
.zxbac-main .zxbut:hover{background: #1ca691;}
.tg-wrap{width: 100%;padding-top: 20px;padding-bottom: 42px;background: url(../images/tgbac.png) no-repeat center;background-position:bottom;}
.tg-main01{width: 1200px;margin: 0 auto;}
.tg-hbt{text-align: center;font-size: 48px;padding-bottom: 50px;}
.tg-hbt:before{margin-right: 20px;content: "";display: inline-block;width:21px;height: 17px;background: url(../images/tleft.png) no-repeat center;background-size: 100% 100%;}
.tg-hbt:after{margin-left: 20px;content: "";display: inline-block;width:21px;height: 17px;background: url(../images/bright.png) no-repeat center;background-size: 100% 100%;}
.tg-top01{width: 100%;overflow:hidden;}
.box01-left{float: left;width: 200px;text-align: center;}
.box01-left img{display: block;margin:20px auto 10px;}
.box01-left span{text-align: center;font-size: 28px;}
.box01-right{float:left;width: 940px;margin-left: 30px;}
.box01-right p{font-size: 20px;line-height: 36px;}
.box01-right a{cursor: pointer;margin-top: 20px;border-radius: 5px;display: inline-block;width: 196px;height: 55px;background: #20c6ad;line-height: 55px;text-align: center;font-size: 24px;color: #fff;}
.box01-right a:hover{background: #1ca691;}
.tg-bot01{width: 100%;padding-top: 180px;}
.tg-bot01 .tg-hbt{padding-bottom: 40px;}
.tg-bot01 .ysbut{cursor:pointer;margin: 40px auto 0;display:block;width: 196px;height: 55px;background: #20c6ad;text-align: center;line-height: 55px;color: #fff;font-size: 24px;border-radius: 5px;}
.tg-bot01 .ysbut:hover{background: #1CA691;}
.tgbot-box{width: 100%;}
.tgbot-box ul li{transition: all 0.5s;cursor: pointer;border-radius: 5px;margin:0 auto 40px;width: 958px;overflow: hidden;background: #fff;padding: 30px 40px;}
.tgbot-box ul li:hover{box-shadow: 0 0 25px #b9d3cc;transform: translateY(-2px);}
.tgbot-box ul li img{float: left;width:105px;}
.tgbot-box ul li .ys-right{width: 720px;float:left;margin-left: 26px;}
.ys-right h4{margin-bottom: 12px;font-size:26px;color: #2c2c2c;padding-bottom: 8px;border-bottom: 1px solid #86bab1;}

.ys-right p{font-size: 20px;line-height: 36px;color: #666666;}

.yz-wrap{width: 100%;background: #fff;padding: 96px 0 100px;}
.yz-wrap .yz-main{width:1200px;margin: 0 auto;}
.yz-main img{width: 100%;transition: all 0.5s;cursor:pointer;}
.yz-main img:hover{transform: scale(1.1);}
.xq-wrap{width: 100%;background: #f2f8f6;padding-bottom: 120px;}
.xq-main{width: 1200px;margin: 0 auto;overflow: hidden;}
.xq-main .tg-hbt{padding: 70px 0 66px}
.xq-main .xq-box{width: 100%;overflow: hidden;text-align: center;padding: 30px 120px;}
.xq-main ul li{transition:all 0.5s;margin-right: 75px;float: left;border-radius:5px;cursor: pointer;;width: 270px;height: 390px;background: #fff;padding: 20px;}
.xq-main ul li:hover{box-shadow: 0 0 25px #96aea8;transform: translateY(-2px);}

.xq-main ul li:last-of-type{margin-right: 0;}
.xq-main ul li img{display: block;margin: 24px auto;transition: all 0.5s;}
.xq-main ul li:hover img{transform:rotate(360deg);}
.xq-main ul li span{font-size: 26px;color: #2c2c2c;padding-bottom: 12px;display: inline-block;}
.xq-main ul li p{color:#2c2c2c;font-size: 20px;line-height: 34px;}

.hx-wrap{width: 100%;height: 705px;background:url(../images/hxbac.png) no-repeat center;background-size: auto 100%;}
.hx-main{width: 1200px;margin: 0 auto;}
.hx-main .tg-hbt{color: #fff;padding: 70px 0 60px;}

.hx-main .tg-hbt:before{background: url(../images/hleft.png) no-repeat;background-size: 100% 100%;}
.hx-main .tg-hbt:after{background: url(../images/hright.png) no-repeat;background-size: 100% 100%;}
.hxbox{margin: 0 auto;box-shadow:0 0 12px #a7b8b0;width: 1120px;height: 380px;background: #fbfbfe;border-radius: 8px;overflow: hidden;}
.hxbox .hx-nav{width: 100%;height: 120px;background: #e9f1fc;border-bottom: 1px solid #c8d5cf;}
.hx-nav a{color: #222126;cursor: pointer;width: 20%;text-align: center;float: left;line-height: 120px;}
.hx-nav a img{vertical-align: middle;margin-right: 20px;}
.hx-nav .hxa{background: #fff;border-bottom: 2px solid #21d67f;height: 118px;}
.hx-nav a:hover{background: #fff;border-bottom: 2px solid #21d67f;height: 118px;}
.hx-nr{width: 100%;padding:75px 100px 0;overflow: hidden;}
.hx-nr ul li{cursor: pointer;float: left;width: 306px;margin-bottom: 56px;}
.hx-nr ul li img{margin-right: 20px;vertical-align: middle;}
.hx-nr ul li span{font-size: 22px;color: #222126;}
.zs-wrap{width: 100%;padding-bottom: 96px;}
.zs-main{width: 1200px;margin: 0 auto;}
.zs-main .tg-hbt{padding: 48px 0;}
.zs-main .zs-box{width: 100%;overflow: hidden;}
.zs-box ul li{cursor: pointer;width: 232px;float: left;margin-right: 10px;text-align: center;}
.zs-box ul li:last-of-type{margin-right: 0;}
.zs-box ul li span{display: inline-block;padding-top: 24px;font-size: 26px;}

.why-wrap{width: 100%;background: #f2f8f6;}
.why-wrap .why-main{width: 1200px;margin: 0 auto;overflow: hidden;}
.why-main .tg-hbt{padding: 50px 0 40px;}
.why-box{padding: 0 50px;width:100%;height: 400px;overflow: hidden;margin: 0 auto;background:url(../images/wbac.png) no-repeat center;background-size:  100% 100%;}
.why-box ul li{cursor: pointer;width:25%;height: 388px;float: left;padding: 43px 20px 0;}
.why-box ul li:hover img{transform: rotate(360deg);}
.why-box ul li img{display: block;margin: 0 auto;transition: all 0.5s;}
.why-box ul li span{width: 100%;padding: 16px 0;text-align: center;display: inline-block;text-align: center;font-size: 28px;color: #2c2c2c;}
.why-box ul li p{font-size: 20px;color: #2c2c2c;line-height: 35px;}

.db-wrap{width: 100%;height: 525px;background: url(../images/dbbac.png) no-repeat center;background-size:100% 100%;}
.db-wrap .db-main{width:1200px;margin: 0 auto;padding: 45px 23px;}
.db-top{width: 100%;margin-bottom: 40px;}
.db-top span{position: relative;font-size: 28px;color: #222126;padding-left: 36px;line-height: 60px;}
.db-top span:before{position: absolute;left: 19px;top:-4px;content: "";display: inline-block;width:2px;height: 47px;background: #7b680b;}
.db-box h4{font-size:50px;font-family:"华康俪金黑";font-weight: bold;}
.db-box img{display: block;cursor: pointer;}
.db-box img:first-of-type{margin-bottom: 26px;}
.db-box a{margin: 60px 0 15px;cursor: pointer;line-height: 55px;display: inline-block;width: 196px;height: 55px;border: 1px solid #272626;}
.db-box a:hover span:nth-of-type(2){transform: translateX(3px);}

.db-box a span:nth-of-type(2){transition: all 0.3s;float: left;font-size: 24px;display: inline-block;padding-left: 6px;}
.db-box a span:first-of-type{float: left;display: inline-block;border-left: 33px solid #000000;border-bottom:28px solid transparent; border-top: 28px solid transparent;}
.db-box p{font-size: 28px;color: #222126;}

