.banner .slideBox .bd li.li1{background:url("bqfw/banner01.jpg")/*tpa=images/bqfw/banner01.jpg*/ no-repeat center;height:550px;width:100%;}
.banner .slideBox .bd li.li2{background:url("bqfw/banner02.jpg")/*tpa=images/bqfw/banner01.jpg*/ no-repeat center;height:550px;width:100%;}
.banner .slideBox .bd li.li3{background:url("bqfw/banner03.jpg")/*tpa=images/bqfw/banner01.jpg*/ no-repeat center;height:550px;width:100%;}

.type{margin-top:50px;}
.type ul{display: flex;flex-flow: row wrap;margin-top: 58px;}
.type ul li{width: 400px;display: flex;align-items: center;justify-content: space-between;padding: 0 60px;height: 270px;margin-bottom: 15px;box-shadow: 0 0 8px 5px rgba(0,0,0,0.03);position: relative;}
.type ul li .txt{}
.type ul li .txt h4{font-size: 24px;color: #333333;margin-bottom: 27px;}
.type ul li .txt p{font-size: 16px;color: #666666;line-height: 36px;}
.type ul li img{}
.type .submit{display: flex;align-items: center;justify-content: center;margin: 42px auto 70px;font-size: 20px;color: #FFFFFF;background-color: #ed6719;cursor: pointer;width: 394px;height: 54px;}
.type .submit img{margin-left: 8px;}
.type .submit:hover{background-color: #ff9416;}
.type ul li .i1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.type ul li .i2{position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;}
.type ul li .i1:before{position: absolute;content: '';left: 0;top: 0;width: 0;height: 1px;background-color: #4468e6;transition: width 0.5s;}
.type ul li .i1:after{position: absolute;content: '';left: 0;top: 0;width: 1px;height: 0;background-color: #4468e6;transition: height 0.5s;}
.type ul li .i2:before{position: absolute;content: '';right: 0;bottom: 0;width: 0;height: 1px;background-color: #4468e6;transition: width 0.5s;}
.type ul li .i2:after{position: absolute;content: '';right: 0;bottom: 0;width: 1px;height: 0;background-color: #4468e6;transition: height 0.5s;}
.type ul li:hover .i1:before,.type ul li:hover .i2:before{width: 100%;}
.type ul li:hover .i1:after,.type ul li:hover .i2:after{height: 100%;}

.cert{background: url("../images/bg_cert.jpg")/*tpa=images/bqfw/bg_cert.jpg*/no-repeat center;background-size: cover;height: 701px;padding-top: 48px;}
.cert ul{display: flex;align-items: center;justify-content: space-between;margin-top: 36px;}
.cert ul li{background-color: #FFFFFF;padding: 16px;width: 368px;}
.cert ul li .img{}
.cert ul li .txt{display: flex;align-items: center;justify-content: space-between;padding: 21px 50px 18px 20px;}
.cert ul li .txt .tit{}
.cert ul li .txt .tit h4{font-size: 20px;color: #333333;font-weight: 700;letter-spacing: 1px;}
.cert ul li .txt .tit p{font-size: 16px;color: #999999;margin-top: 10px;}
.cert ul li .txt img{}
.cert .submit{display: flex;align-items: center;justify-content: center;margin: 56px auto 0;font-size: 20px;color: #FFFFFF;background-color: #ed6719;cursor: pointer;width: 296px;height: 54px;}
.cert .submit img{margin-left: 8px;}
.cert .submit:hover{background-color: #ff9416;}

.material{margin-top: 59px;height: 610px;}
.material ul{font-size: 0;margin-top: 48px;}
.material ul li{width: 594px;position: relative;display: inline-block;vertical-align: top;}
.material ul li:first-child{margin-right: 12px;}
.material ul li:nth-child(1){background-color: #f1f4ff;}
.material ul li:nth-child(2){background-color: #ffefe5;}
.material ul li:nth-child(1) .tit{background: url("../images/bg_tit1.jpg")/*tpa=images/bqfw/bg_tit1.jpg*/no-repeat center;width: 594px;height: 122px;}
.material ul li:nth-child(2) .tit{background: url("../images/bg_tit2.jpg")/*tpa=images/bqfw/bg_tit2.jpg*/no-repeat center;width: 594px;height: 122px;}
.material ul li .tit{display: flex;justify-content: center;flex-direction: column;padding-left: 52px;}
.material ul li .tit h3{font-size: 40px;font-weight: 700;color: rgba(255,255,255,0.2);}
.material ul li .tit h4{font-size: 30px;font-weight: 700;color: #FFFFFF;margin-top: -30px;margin-left: 30px;}
.material ul li .list{padding-top: 24px;height: 302px;transition: height 0.3s;overflow: hidden;}
.material ul li:nth-child(1) .list{border: solid 0 #4468e6;border-top: none;}
.material ul li:nth-child(2) .list{border: solid 0 #ed6719;border-top: none;}
.material ul li .list .content{height: 240px;}
.material ul li .list p{font-size: 18px;color: #333333;position: relative;padding-left: 80px;line-height: 48px;}
.material ul li .list p:before{position: absolute;content: '';left: 53px;top: 20px;width: 10px;height: 10px;transform: rotate(45deg);}
.material ul li .list .know{display: none;font-size: 18px;color: #FFFFFF;align-items: center;justify-content: center;cursor: pointer;width: 246px;height: 48px;margin: 20px auto 0;}
.material ul li:hover .list{height: 365px;border-width: 1px;}
.material ul li:hover .list .know{display: flex;}
.material ul li:nth-child(1) .list p:before{background-color: #4468e6;}
.material ul li:nth-child(2) .list p:before{background-color: #ed6719;}
.material ul li:nth-child(1) .list .know{background-color: #4468e6;}
.material ul li:nth-child(2) .list .know{background-color: #ed6719;}
.material ul li .img{position: absolute;top: 250px;right: 37px;} 
.services{background: url("../images/bg_service.jpg")/*tpa=images/bqfw/bg_service.jpg*/no-repeat center;background-size: cover;height: 518px;padding-top: 40px;margin-top: 45px;}
.services ul{position: relative;margin: 46px auto 0;display: flex;justify-content: space-between;padding: 0 30px;}
.services ul li{font-size: 0;text-align: center;transition: margin 0.3s;}
.services ul li .img{}
.services ul li h4{font-size: 20px;color: #4468e6;font-weight: 700;position: relative;line-height: 54px;}
.services ul li h4:before{position: absolute;content: '';width: 25px;height: 1px;background-color: #4468e6;left: 50%;margin-left: -12.5px;bottom: 0;}
.services ul li p{font-size: 16px;color: #666666;line-height: 26px;margin-top: 8px;}
.services ul li .assess{margin-top: 16px;opacity: 0;transition: all 0.3s;cursor: pointer;font-size: 16px;color: #4468e6;font-weight: 700;background-color: #FFFFFF;width: 140px;height: 44px;display: inline-block;line-height: 44px;box-shadow: 0 0 10px 1px rgba(0,0,0,0.05);}
.services ul li .assess:hover{color: #FFFFFF;background-color: #4468e6;}
.services ul .icon{position: absolute;top: 66px;}
.services ul .icon1{left: 220px;}
.services ul .icon2{left: 469px;}
.services ul .icon3{left: 712px;}
.services ul .icon4{left: 956px;}
.services ul li:hover{margin-top: -12px;}
.services ul li:hover .assess{opacity: 1;}