@charset "UTF-8";
.zwfwConMainWrap{background: url(../images/zwfwIcon/approvalBg.png) no-repeat center top;background-size: cover;min-height: 500px;}
.zwfwConMain{width: 1200px;}
.zwfwRmfw{padding-top: 50px;margin-bottom: 150px;}
.zwfwTitle{text-align: center;margin-bottom: 20px;}
.zwfwTitle .title{font-size: 24px; color: #333333; display: inline-block; text-align: center; position: relative; padding: 0 135px; height: 80px; line-height: 80px;}
.zwfwTitle .title:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100px; height: 1px; background-color: #5aa0f2; }
.zwfwTitle .title:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 100px; height: 1px; background-color: #5aa0f2; }
.zwfwTitle .title span { display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 12px; }
.zwfwTitle .title span.rmfwIcon{background-image: url(../images/zwfwIcon/approvalTitleIcon1.png);}
.rmfwList{padding-top: 40px;text-align: center; font-size: 0; margin: 0 -48px;}
.rmfwList li { display: inline-block; margin: 0 48px; }
.rmfwList li a{ display: block; height: 202px; width: 202px; background-color: #ffffff; border-radius: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; box-shadow: 0 2px 13px 1px rgba(0,89,189,0.09); -wekit-box-shadow: 0 2px 13px 1px rgba(0,89,189,0.09); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative; z-index: 1; }
.rmfwList li a:before{ display: block; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: rotate(-45deg) scale(0.5); -webkit-transform: rotate(-45deg) scale(0.5); background-image: -webkit-gradient(linear,top,bottom,from(#17aff8),to(#3690ef)); background-image: -webkit-linear-gradient(top,#17aff8,#3690ef); background-image: -moz-linear-gradient(top,#17aff8,#3690ef); background-image: linear-gradient(to bottom,#17aff8,#3690ef); z-index: -1; opacity: 0; visibility: hidden; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.rmfwList li a .con{ width: 200px; height: 200px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.rmfwList li .icon{ width: 72px; height: 72px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; margin: 0 auto 6px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.rmfwList li.rmfwItem1 .icon{ background-color: #e9ecff; }
.rmfwList li.rmfwItem2 .icon{ background-color: #e3fff3; }
.rmfwList li.rmfwItem3 .icon{ background-color: #e9ecff; }
.rmfwList li.rmfwItem4 .icon{ background-color: #fff1dc; }
.rmfwList li.rmfwItem5 .icon{ background-color: #e9ecff; }
.rmfwList li.rmfwItem6 .icon{ background-color: #e9f4ff; }
.rmfwList li.rmfwItem7 .icon{ background-color: #e3fff3; }
.rmfwList li .title{ font-size: 18px; color: #333333; line-height: 32px; padding: 0 10px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.rmfwList li a:hover:before{ opacity: 1; visibility: visible; transform: rotate(45deg) scale(1.4); -webkit-transform: rotate(45deg) scale(1.4); }
.rmfwList li a:hover .icon{ background-color: #ffffff; }
.rmfwList li a:hover .title{ color: #ffffff; }
.rmfwList li .icon.icon1{background-image: url(../images/zwfwIcon/approvalIcon1.png);}
.rmfwList li .icon.icon2{background-image: url(../images/zwfwIcon/approvalIcon2.png);}
.rmfwList li .icon.icon3{background-image: url(../images/zwfwIcon/approvalIcon3.png);}
.rmfwList li .icon.icon4{background-image: url(../images/zwfwIcon/approvalIcon4.png);}
.rmfwList li .icon.icon5{background-image: url(../images/zwfwIcon/approvalIcon5.png);}
.rmfwList li .icon.icon6{background-image: url(../images/zwfwIcon/approvalIcon6.png);}
.rmfwList li .icon.icon7{background-image: url(../images/zwfwIcon/approvalIcon7.png);}
/*  */
.zwfwGrbs{margin-bottom: 110px;}
.zwfwTitle .title span.grbsIcon{background-image: url(../images/zwfwIcon/approvalTitleIcon2.png);}
.grbsList{overflow: hidden; position: relative; box-shadow: 0 0 15px 1px rgb(0 89 189 / 8%); -webkit-box-shadow: 0 0 15px 1px rgb(0 89 189 / 8%); border-radius: 8px;}
.grbsList:before { width: 100%; height: 1px; display: block; content: ''; position: absolute; left: 0; top: 50%; background-color: #eaeaea; z-index: 2; }
.grbsList li{ width: 20%; float: left; display: inline; position: relative; }
.grbsList li:before{ display: block; content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background-color: #eaeaea; z-index: 2; }
.grbsList li:nth-child(5n)::before{ display: none; }
.grbsList li a{ display: block; height: 240px; background-color: #ffffff; text-align: center; position: relative; z-index: 1; }
.grbsList li a:before{ width: 172px; height: 172px; display: block; content: ''; background: url(../images/zwfwIcon/approvalDdBg2.png) no-repeat center center; position: absolute; left: 50%; top: 50%; margin-top: -86px; margin-left: -86px; z-index: -1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 0; visibility: hidden; transform: scale(0.3); -webkit-transform: scale(0.3); }
.grbsList li a:hover:before{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.grbsList li .icon{ height: 70px; width: 70px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; }
.grbsList li .title{ font-size: 18px; color: #333333; height: 44px; line-height: 44px; }
.grbsList li .icon1{background-image: url(../images/zwfwIcon/approvalIcon1.png);}
.grbsList li .icon2{background-image: url(../images/zwfwIcon/approvalIcon2.png);}
.grbsList li .icon3{background-image: url(../images/zwfwIcon/approvalIcon3.png);}
.grbsList li .icon4{background-image: url(../images/zwfwIcon/approvalIcon4.png);}
.grbsList li .icon5{background-image: url(../images/zwfwIcon/approvalIcon5.png);}
.grbsList li .icon6{background-image: url(../images/zwfwIcon/approvalIcon6.png);}
.grbsList li .icon7{background-image: url(../images/zwfwIcon/approvalIcon7.png);}
.grbsList li .icon8{background-image: url(../images/zwfwIcon/approvalIcon8.png);}
.grbsList li .icon9{background-image: url(../images/zwfwIcon/approvalIcon9.png);}
.grbsList li .icon10{background-image: url(../images/zwfwIcon/approvalIcon10.png);}
/*  */
.zwfwFrbs{padding-bottom: 90px;}
.zwfwTitle .title span.frbsIcon{background-image: url(../images/zwfwIcon/approvalTitleIcon3.png);}
.frbsList{ padding-top: 20px; overflow: hidden; margin: 0 -10px; }
.frbsList li{ width: 25%; float: left; display: inline; margin-bottom: 20px; }
.frbsList li a{ display: block; margin: 0 10px; height: 116px; background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 13px 1px rgba(0,89,189,0.1); -webkit-box-shadow: 0 2px 13px 1px rgba(0,89,189,0.1); position: relative; z-index: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.frbsList li a:before{ width: 90px; height: 100%; display: block; content: ''; position: absolute; left: 0; top: 0; z-index: -1; }
.frbsList li.frbsItem1 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg1.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem2 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg2.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem3 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg3.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem4 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg4.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem5 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg5.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem6 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg6.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem7 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg7.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem8 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg8.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem9 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg9.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem10 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg10.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem11 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg11.png) no-repeat center center; background-size: cover; }
.frbsList li.frbsItem12 a:before{ background: url(../images/zwfwIcon/approvalDd3Bg12.png) no-repeat center center; background-size: cover; }
.frbsList li .icon{ width: 38px; height: 38px; float: left; display: inline; background-position: center center; background-repeat: no-repeat; margin-left: 23px; margin-right: 30px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.frbsList li .title{ font-size: 18px; color: #333333; overflow: hidden; height: 38px; line-height: 38px; padding-right: 20px; padding-left: 35px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.frbsList li a:hover{ box-shadow: 0 2px 13px 2px rgba(0,89,189,0.3); -webkit-box-shadow: 0 2px 13px 2px rgba(0,89,189,0.3); transform: translateY(-4px); -webkit-transform: translateY(-4px); }
.frbsList li .icon1{background-image: url(../images/zwfwIcon/approvalIcon1.png);}
.frbsList li .icon2{background-image: url(../images/zwfwIcon/approvalIcon2.png);}
.frbsList li .icon3{background-image: url(../images/zwfwIcon/approvalIcon3.png);}
.frbsList li .icon4{background-image: url(../images/zwfwIcon/approvalIcon4.png);}
.frbsList li .icon5{background-image: url(../images/zwfwIcon/approvalIcon5.png);}
.frbsList li .icon6{background-image: url(../images/zwfwIcon/approvalIcon6.png);}
.frbsList li .icon7{background-image: url(../images/zwfwIcon/approvalIcon7.png);}
.frbsList li .icon8{background-image: url(../images/zwfwIcon/approvalIcon8.png);}
.frbsList li .icon9{background-image: url(../images/zwfwIcon/approvalIcon9.png);}
.frbsList li .icon10{background-image: url(../images/zwfwIcon/approvalIcon10.png);}
.frbsList li .icon11{background-image: url(../images/zwfwIcon/approvalIcon11.png);}
.frbsList li .icon12{background-image: url(../images/zwfwIcon/approvalIcon12.png);}