@charset "utf-8";
/* 
    author:PengJin;
    date:2019-12-21;
*/
body{background:#fff;}

/* --page-one-- */
.page-one{height:810px;overflow:hidden;background:url(../images/hbtx/page_one_bg1.jpg) no-repeat center 0,url(../images/hbtx/page_one_bg2.jpg) no-repeat center 400px;}
/* --end page-one-- */

/* --page-two-- */
.page-two{position:relative;z-index:3;margin-top:-50px;padding:100px 0 55px;overflow:hidden;}
.page-two .leftCon{float:left;margin-top:30px;width:514px;overflow:hidden;}
.page-two .leftCon .tips{padding:30px 25px;width:464px;height:110px;background:url(../images/hbtx/tips.png) no-repeat;}
.page-two .leftCon .tips p{height:35px;line-height:35px;font-size:24px;color:#fff;}
.page-two .leftCon .tips span{height:52px;line-height:52px;font-size:36px;color:#fff;}
.page-two .leftCon .summary{margin-top:35px;overflow:hidden;}
.page-two .leftCon .summary h3{height:38px;line-height:38px;font-size:24px;color:#ed6d01;}
.page-two .leftCon .summary p{margin-top:12px;line-height:30px;font-size:20px;color:#000;}
.page-two .rightCon{float:right;margin-top:30px;width:525px;}
.page-two .rightCon p{margin-bottom:16px;line-height:40px;font-size:20px;color:#333;}
.page-two .rightCon p em{color:#ed6d01;}
.page-two.animated .bubble{position:absolute;top:0;left:50%;margin-left:-600px;width:1200px;}
.page-two.animated .bubble .item{position:absolute;text-align:center;font-size:22px;color:#999;background:url(../images/hbtx/bubble.png) no-repeat;background-size:100%;}
.page-two.animated .bubble .item-1{top:133px;left:76px;width:140px;height:140px;line-height:140px;animation:bubble 4s linear;}
.page-two.animated .bubble .item-2{top:372px;left:360px;width:104px;height:104px;line-height:104px;animation:bubble 4s linear;}
.page-two.animated .bubble .item-3{top:265px;left:485px;width:104px;height:104px;line-height:104px;animation:bubble 4s linear;}
.page-two.animated .bubble .item-4{top:27px;right:135px;width:156px;height:156px;line-height:156px;animation:bubble 4s linear;}
@keyframes bubble{
    0%{transform:translate(-100px,400px) scale(0);opacity:0;}
    20%{transform:translate(0,300px) scale(0.25);opacity:0.25;}
    40%{transform:translate(100px,200px) scale(0.5);opacity:0.5;}
    60%{transform:translate(0px,100px) scale(0.75);opacity:0.75;}
    80%{transform:translate(-100px,50px) scale(1);opacity:0.8;}
    100%{transform:translate(0,0) scale(1);opacity:1;}
}
/* --end page-two-- */


/* --page-three-- */
.page-three{padding:60px 0;overflow:hidden;background:#ededed url(../images/hbtx/tree.png) no-repeat center bottom;}
.page-three .wrap-title p{font-size:18px;}
.leaf-list{position:relative;height:395px;}
.leaf-list.animated .item{position:absolute;}
.leaf-list.animated .item-1{top:0;left:110px;animation:leaf 2s linear;}
.leaf-list.animated .item-2{top:162px;left:18px;animation:leaf 2s linear;}
.leaf-list.animated .item-3{top:130px;left:310px;animation:leaf 2s linear;}
.leaf-list.animated .item-4{top:130px;left:700px;animation:leaf 2s linear;}
.leaf-list.animated .item-5{top:10px;left:865px;animation:leaf 2s linear;}
.leaf-list.animated .item-6{top:200px;left:920px;animation:leaf 2s linear;}
@keyframes leaf{
    0%{transform:scale(0);opacity:0;}
    20%{transform:scale(0.25);opacity:0.25;}
    40%{transform:scale(0.5);opacity:0.5;}
    60%{transform:scale(0.75);opacity:0.75;}
    100%{transform:scale(1);opacity:1;}
}
/* --end page-three-- */

/* --page-four-- */
.page-four{padding:60px 0;overflow:hidden;background:#fff;}
.page-four .wrap-title{margin-bottom:20px;}
.page-four .summary{margin:0 auto;width:670px;text-align:center;font-size:18px;color:#222;line-height:1.5;}
.design-list{position:relative;margin-top:20px;height:410px;background:url(../images/hbtx/design_bg.jpg) no-repeat center bottom;}
.design-list .item{position:absolute;width:272px;height:102px;overflow:hidden;}
.design-list .item-1{top:0;left:100px;animation:danmu 12s linear infinite;}
.design-list .item-2{top:100px;left:268px;animation:danmu 13s linear infinite;}
.design-list .item-3{top:202px;left:100px;animation:danmu 14s linear infinite;}
.design-list .item-4{top:302px;left:268px;animation:danmu 15s linear infinite;}
.design-list .item-5{top:0;left:900px;animation:danmu 16s linear infinite;}
.design-list .item-6{top:100px;left:1068px;animation:danmu 17s linear infinite;}
.design-list .item-7{top:202px;left:900px;animation:danmu 18s linear infinite;}
.design-list .item-8{top:302px;left:1068px;animation:danmu 19s linear infinite;}
@keyframes danmu{
    0%{transform:translateX(1400px);}
    100%{transform:translateX(-1400px);}
}

.design-list .pic{position:absolute;top:0;left:0;width:102px;height:102px;overflow:hidden;border-radius:50%;}
.design-list .pic img{display:block;width:102px;height:102px;}
.design-list .text{margin:18px 0;padding:10px 30px 10px 118px;height:46px;line-height:1.4;overflow:hidden;background:#ededed;border-radius:33px;}
.design-list .text span{display:block;height:30px;line-height:30px;font-size:26px;color:#333;}
.design-list .text p{font-size:16px;font-weight:bold;color:#ccc;text-transform:uppercase;}
/* --end page-four-- */

/* --page-five-- */
.page-five{padding:60px 0;overflow:hidden;background:#70a623 url(../images/hbtx/page_five_bg.jpg) no-repeat center 0;}
.page-five .wrap-title:before{background:#3a6102;}
.page-five .wrap-title h2{color:#3a6102;}
.page-five .wrap-title p{font-size:18px;color:#3a6102;}
.system{position:relative;height:466px;overflow:hidden;}
.system .tit{position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-65px;width:120px;height:80px;line-height:40px;font-size:30px;color:#3a6102;text-align:center;}
.system .item{position:absolute;padding:30px 30px 0;width:328px;height:158px;border-radius:10px;background:#fff;}
.system .item:after{display:block;position:absolute;top:50%;margin-top:-3px;width:8px;height:7px;content:"";background:url(../images/hbtx/system_after.png) no-repeat;}
.system .item em{display:block;position:absolute;top:50%;margin-top:-23px;width:34px;height:34px;line-height:34px;text-align:center;background:#ffa800;border-radius:50%;border:#fff solid 6px;}
.system .item h3{height:30px;line-height:30px;font-size:24px;font-weight:normal;color:#ed6d01;}
.system .item p{margin-top:16px;height:88px;line-height:22px;font-size:16px;color:#333;overflow:hidden;}
.system .item-1,.system .item-2{left:0;animation:fadeinR 1s;}
.system .item-1:after,.system .item-2:after{right:-4px;}
.system .item-3,.system .item-4{right:0;animation:fadeinL 1s;}
.system .item-3:after,.system .item-4:after{left:-4px;}
.system .item-1,.system .item-3{top:0;}
.system .item-2,.system .item-4{bottom:0;}
.system .item-1 em,.system .item-2 em{left:405px;}
.system .item-3 em,.system .item-4 em{right:405px;}
.system-info{margin-top:152px;overflow:hidden;}
.system-info .pic{float:left;width:577px;height:230px;overflow:hidden;}
.system-info .pic img{display:block;width:100%;}
.system-info .text{padding-left:45px;color:#fff;overflow:hidden;}
.system-info .text h3{font-size:36px;font-weight:normal;font-size:32px;}
.system-info .text h3:before{display:block;margin:5px 0 10px 5px;width:32px;width:32px;height:3px;content:"";background:#ed6d01;}
.system-info .text h4{font-weight:normal;font-size:26px;}
.system-info .text p{margin-top:80px;font-size:16px;line-height:25px;}
.step{margin-top:40px;width:1245px;overflow:hidden;}
.step .item{float:left;margin-right:45px;width:266px;}
.step .pic{width:266px;height:177px;overflow:hidden;}
.step .pic img{display:block;width:266px;height:177px;}
.step .text{margin-top:30px;padding:20px 0;height:160px;color:#fff;text-align:center;overflow:hidden;border-top:#fff solid 3px;border-bottom:#fff solid 3px;}
.step .text h3{height:35px;line-height:35px;font-size:24px;font-weight:normal;}
.step .text p{margin-top:20px;line-height:28px;font-size:15px;}
.step .item:nth-child(1){animation:fadeinB 1s;}
.step .item:nth-child(2){animation:fadeinB 1.5s;}
.step .item:nth-child(3){animation:fadeinB 2s;}
.step .item:nth-child(4){animation:fadeinB 2.5s;}
/* --end page-five-- */

/* --page-six-- */
.page-six{padding:60px 0;overflow:hidden;background:#ededed;}
.report{width:1220px;overflow:hidden;}
.wrap-title p{font-size:18px;margin-top:20px;margin-bottom:20px;}
.report .group{float:left;padding-top:50px;margin-right:12px;overflow:hidden;}
.report .group-1{width:802px;background:url(../images/hbtx/report_group1.png) no-repeat center 0;}
.report .group-2{width:394px;background:url(../images/hbtx/report_group2.png) no-repeat center 0;}
.report .group-3{width:394px;background:url(../images/hbtx/report_group3.png) no-repeat center 0;}
.report .group-4{width:394px;background:url(../images/hbtx/report_group4.png) no-repeat center 0;}
.report .group-5{width:394px;background:url(../images/hbtx/report_group5.png) no-repeat center 0;}
.report .item{float:left;margin-right:14px;width:190px;overflow:hidden;}
.report .item:last-child{margin-right:0;}
.report .pic{padding-right:10px;padding-bottom:10px;width:180px;height:255px;overflow:hidden;background:url(../images/hbtx/report_bg.png) no-repeat;}
.report .pic img{display:block;width:180px;height:255px;}
.report .btn{height:40px;line-height:40px;text-align:center;}
.report .btn span{display:block;font-size:16px;color:#666;}
.report .btn span:before{display:inline-block;margin-right:10px;width:17px;height:18px;vertical-align:middle;content:"";background:url(../images/hbtx/expand.png) no-repeat;}
/* --end page-six-- */

/* --page-seven-- */
.page-seven{padding: 60px 0;overflow:hidden;background: #fff url(../images/hbtx/vs_bg.jpg) no-repeat center 0;height: 640px;}
.VS{height:400px;overflow:hidden;}
.VS .item{float:left;padding-top:75px;width:600px;text-align:center;}
.VS .item span{display:inline-block;margin-bottom:40px;width:244px;height:62px;line-height:62px;text-align:center;font-size:28px;color:#fff;border-radius:32px;}
.VS .item p{height:50px;line-height:50px;font-size:28px;color:#333;}
.VS .item-1{animation:fadeinL 1s;}
.VS .item-1 span{background:#ed6d01;}
.VS .item-2{animation:fadeinR 1s;}
.VS .item-2 span{background:#70a623;}
/* --end page-seven-- */

/* --page-eight-- */
.page-eight{position:relative;padding-top:116px;height:290px;background:#ed6d01;}
.page-eight .wrap-title *{color:#fff !important;}
.page-eight .wrap-title p{font-size:18px;}
.page-eight .form{overflow:hidden;}
.page-eight .form ul{width:1220px;overflow:hidden;}
.page-eight .form li{float:left;margin-right:20px;}
.page-eight .form li input{display:block;padding:20px 30px;width:356px;height:20px;font-size:16px;border:none;outline:none;background:url(../images/hbtx/form_ipt.png) no-repeat;}
.page-eight .form li a{display:block;width:328px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#fff;background:url(../images/hbtx/form_submit.png) no-repeat;}
.page-eight .form li a:hover{background-image:url(../images/hbtx/form_submit_cur.png);}
.page-eight .form p{padding-top:25px;text-align:center;clear:both;font-size:16px;color:#fff;line-height:1.5;}
.page-eight .tips{position:absolute;z-index:3;left:50%;top:-140px;margin-left:-600px;padding:60px 0;width:1200px;height:100px;text-align:center;overflow:hidden;background:url(../images/hbtx/form_tips.png) no-repeat;}
.page-eight .tips p{font-size:26px;color:#333;line-height:45px;}
/* --end page-eight-- */

/* --page-nine-- */
.page-nine{padding:60px 0;overflow:hidden;background:#fff;}
.page-nine .summary{font-size:18px;color:#666;line-height:1.75;text-align:center;overflow:hidden;}
.page-nine .pic{margin-top:35px;overflow:hidden;animation:bouncein 1s;}
/* --end page-nine-- */

/* --page-ten-- */
.page-ten{padding:60px 0;overflow:hidden;background:#ededed;}
.page-ten .summary{font-size:18px;color:#666;line-height:1.75;text-align:center;overflow:hidden;}
.page-ten .list{padding-top:60px;width:1255px;overflow:hidden;}
.page-ten .item{position:relative;float:left;margin-bottom:35px;margin-right:55px;width:258px;text-align:center;}
.page-ten .item img{display:block;width:258px;height:258px;overflow:hidden;border-radius:50%;}
.page-ten .item em{display:block;position:absolute;right:0;top:38px;width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;font-size:20px;color:#fff;font-family:"DIN Medium";background:#ed6d01;}
.page-ten .item span{display:block;margin-top:35px;height:35px;line-height:15px;font-size:26px;color:#333;}
.page-ten .item p{font-size:15px;margin-bottom:30px;line-height:30px;color:#333;}
.page-ten .item:nth-child(odd){animation:fadeinT 1s;}
.page-ten .item:nth-child(even){animation:fadeinB 1s;}
.page-ten .promise{margin:10px -100px;width:1400px;}
.page-ten .promise img{display:block;width:1400px;}
.page-ten .ad{margin-top:54px;overflow:hidden;}
.page-ten .ad a:hover img{opacity:0.8;}
/* --end page-ten-- */

.footer{height:390px}