.u-icon01 { background: #fd7727 } .u-icon02 { background: #2991d2 } .u-icon03 { background: #db2f2f } .u-icon01:hover { background: #d05e1a } .u-icon02:hover { background: #166ca2 } .u-icon03:hover { background: #c12727 } .tab-gzfw { width: 100%; height: auto; overflow: hidden; line-height: 96px; margin-bottom: 24px; background: #f6f6f6; padding: 16px; border-top: solid #eee 1px; border-bottom: solid #eee 1px } .tab-gzfw ul { height: auto; overflow: hidden; line-height: 96px } .tab-gzfw ul li { float: left; padding: 0 8px; font-size: 16px; line-height: 96px; text-align: center } .tab-gzfw ul li a { font-size: 20px; font-weight: 700; color: #fff; display: block; text-indent: 10px; text-align: left } .tab-gzfw ul li:first-child { padding-left: 0 } .tab-gzfw ul li:last-child { padding-right: 0 } .tab-gzfw ul li.default a { color: #fff; font-size: 20px; line-height: 96px; font-weight: 700; display: block; text-indent: 10px; text-align: left } .icon-01 { background: url(../../images/gzfw.files/icon-01.png) no-repeat center center; height: 48px; width: 48px; display: inline-block; margin: 24px 16px 24px 48px; float: left } .icon-02 { background: url(../../images/gzfw.files/icon-02.png) no-repeat center center; height: 48px; width: 48px; display: inline-block; margin: 24px 16px 24px 48px; float: left } .icon-03 { background: url(../../images/gzfw.files/icon-03.png) no-repeat center center; height: 48px; width: 48px; display: inline-block; margin: 24px 16px 24px 48px; float: left } .tab-zs { width: 100%; height: auto; overflow: hidden } .tab-zs ul { border-bottom: solid 1px #eee; height: auto; overflow: hidden } .tab-zs ul li { float: left; padding: 0 8px; font-size: 16px; line-height: 40px } .tab-zs ul li a { font-size: 16px; font-weight: 700; color: #666; line-height: 40px } .tab-zs ul li:first-child { margin: 0 } .tab-zs ul li.default a { color: #015293; font-size: 16px; line-height: 38px; font-weight: 700; border-bottom: solid 2px #015293; display: block } .tab-zs ul li.default a i { font-size: 20px; color: #015293; font-weight: 700 } .tab-ms { width: 100%; height: auto; overflow: hidden; line-height: 40px } .tab-ms ul { border-bottom: solid 1px #eee; height: auto; overflow: hidden } .tab-ms ul li { float: left; padding: 0 8px; font-size: 16px; line-height: 40px } .tab-ms ul li a { font-size: 16px; font-weight: 700; color: #666; line-height: 40px } .tab-ms ul li:first-child { margin: 0 } .tab-ms ul li.default a { color: #015293; font-size: 16px; line-height: 38px; font-weight: 700; border-bottom: solid 2px #015293; display: block } .tab-ms ul li.default a i { font-size: 20px; color: #015293; font-weight: 700 } .tab-xf { width: 100%; height: auto; overflow: hidden; line-height: 40px } .tab-xf ul { border-bottom: solid 1px #eee; height: auto; overflow: hidden } .tab-xf ul li { float: left; padding: 0 8px; font-size: 16px; line-height: 40px } .tab-xf ul li a { font-size: 16px; font-weight: 700; color: #666; line-height: 40px } .tab-xf ul li:first-child { margin: 0 } .tab-xf ul li.default a { color: #015293; font-size: 16px; line-height: 38px; font-weight: 700; border-bottom: solid 2px #015293; display: block } .tab-xf ul li.default a i { font-size: 20px; color: #015293; font-weight: 700 } .rollup { height: 640px; overflow: hidden } .rollup img { width: 90%; display: block; height: auto; overflow: hidden; margin: 0 auto; max-height: 137px; } .roll { height: auto; overflow: hidden } .roll img { width: 100%; display: block; margin: 8px 0 } @media all and (max-width:1024px) { .icon-01, .icon-02, .icon-03 { margin: 24px 16px } .rollup img { height: auto } } @media all and (max-width:768px) { .m-lst34 ul li:nth-of-type(n+10) { display: none } } @media all and (max-width:750px) { .glup { padding: 0 10px } .glup2 { padding: 0 } .tab-gzfw { padding: 0 } .icon-01, .icon-02, .icon-03 { display: none } .tab-gzfw ul li.default a { font-size: 16px; line-height: 48px; text-align: center } .tab-gzfw ul li a { font-size: 16px; line-height: 48px; text-align: center } .m-lst34 ul li a { color: #666 } }