.Banner { position: relative; } .Banner .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; } .Banner .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; } .Banner .rslides li:first-child { position: relative; display: block; float: left; } .Banner .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; } .Banner .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .Banner .slide li { position: absolute; width: 100%; } .Banner .slide li img { width: 100%; } .Banner .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .Banner .slide_container { position: relative; width: 100%;overflow:hidden; } .Banner .slide_nav { position: absolute; top: 35%; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top; } .Banner .slide_nav.prev { width: 29px; height: 43px; background-size: 29px 43px; left: 50%; margin: -15px 0 0 -600px; background:url(../images/arrow_left_03.png) no-repeat left top; } .Banner .slide_nav.next { width: 29px; height: 43px; background-size: 29px 43px; right: 50%; margin: -15px -600px 0 0px; background:url(../images/arrow_right.png) no-repeat left top; } .Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background: url(../images/arrow_left_hover.png) no-repeat; } .Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background: url(../images/arrow_right_hover.png) no-repeat; } .Banner .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,.4); border-radius: 5px; display: inline-block; text-indent:-999em;} .Banner .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#ffffff;width:10px;height:10px; border-radius: 50px; } .Banner .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0; color:#fff;} .Banner .slide_tabs{position:absolute; bottom:45%;z-index:999; width: auto; text-align: center; left: 50%; display: none; margin:0 0 0 -600px;} .Banner01 { position: relative; display: none;} .Banner01 .rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; } .Banner01 .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; } .Banner01 .rslides li:first-child { position: relative; display: block; float: left; } .Banner01 .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; } .Banner01 .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .Banner01 .slide li { position: absolute; width: 100%; } .Banner01 .slide li img { width: 100%; } .Banner01 .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .Banner01 .slide_container { position: relative; width: 100%;overflow:hidden; } .Banner01 .slide_nav { position: absolute; top: 35%; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 43px; width: 29px; background:url(../images/lf.png) no-repeat left top; } .Banner01 .slide_nav.prev { width: 29px; height: 43px; background-size: 29px 43px; left: 50%; margin: -15px 0 0 -600px; background:url(../images/arrow_left_03.png) no-repeat left top; } .Banner01 .slide_nav.next { width: 29px; height: 43px; background-size: 29px 43px; right: 50%; margin: -15px -600px 0 0px; background:url(../images/arrow_right.png) no-repeat left top; } .Banner01 .slide_nav.prev:active,.Banner01 .slide_nav.prev:hover { background: url(../images/arrow_left_hover.png) no-repeat; } .Banner01 .slide_nav.next:active,.Banner01 .slide_nav.next:hover { background: url(../images/arrow_right_hover.png) no-repeat; } .Banner01 .slide_tabs li a{ width: 10px; height: 10px; background:url(../images/a_03.png); background: rgba(255,255,255,.4); border-radius: 5px; display: inline-block; text-indent:-999em;} .Banner01 .slide_tabs li.slide_here a { background:url(../images/a_hover_03.png); background:#ffffff;width:10px;height:10px; border-radius: 50px; } .Banner01 .slide_tabs li{width:10px;height:10px; display: inline; margin:0 10px 0 0; color:#fff;} .Banner01 .slide_tabs{position:absolute; bottom:45%;z-index:999; width: auto; text-align: center; left: 50%; display: none; margin:0 0 0 -600px;} .wrap_content { width:100%; margin: -12% auto 0; overflow: hidden; z-index: 99; position: relative; } .content { width:100%;} .mode01 {max-width: 1200px; margin: 0 auto; overflow: hidden; } .mode01 .lf { width: 63.4%; float: left; } .mode01 .rt { width: 35%; float: right; } /*服务指南、职能介绍标题*/ .Departmental .title,.tab .title { margin:0px; } .Departmental h2,.tab h2 {height: 35px; line-height: 35px; width: 110px; text-align: center; margin:0px; border-top: 4px solid #005c30; background: #ffffff;} .Departmental .title a,.tab .title a { color: #005c30; font-size: 16px; font-weight: bold; } .tab_con { overflow: hidden; padding:5px 18px; background: #ffffff; } .tab_top { overflow: hidden; } .tab_top img { float: left; width: 320px; height: 180px; } .tab_right { margin: 0 0 0 340px; } .tab_right h2 { margin: 13px 0 16px 0; height: 19px; overflow: hidden; } .tab_right h2 a { font-size: 14px; } .t_con { font-size: 14px; color: #999999; line-height: 28px; height: 84px; overflow: hidden; } .tab_right p { padding: 10px 0 16px 26px; background: url(../images/clock.png) no-repeat left 12px; border-bottom: 1px solid #e1e1e1; font-size: 14px; color: #999999; } .tab_con ul li{ overflow: hidden; height: 45px; line-height: 45px; background: url(../images/circle.png) no-repeat left center;padding-left: 12px; border-top: 1px solid #eeeeee; *vertical-align: middle; } .tab_con ul li:first-child { border-top:0px; } .tab_con ul li a { float: left; width: 80%; font-size: 16px;} .tab_con ul li span { float: right; color: #999999; font-size: 14px;} .Departmental_con { padding: 18px; background: #ffffff; } .Departmental_con ul{} .Departmental_con ul li{ width: 100%; height: 98px; margin-bottom: 20px;} .Departmental_con ul li.li1{ background: url(../images/libg01.jpg) no-repeat center; background-size: cover;} .Departmental_con ul li.li2{ background: url(../images/libg02.jpg) no-repeat center; background-size: cover;} .Departmental_con ul li.li3{ background: url(../images/libg03.jpg) no-repeat center; background-size: cover; } .Departmental_con ul li a{ font-size: 18px; color: #fff; display:block; padding: 37px 37px 37px 63px;} .Departmental_con ul li.li1 a{ background: url(../images/bg1.png) no-repeat left 20px center; } .Departmental_con ul li.li2 a{ background: url(../images/bg2.png) no-repeat left 20px center; } .Departmental_con ul li.li3 a{ background: url(../images/bg3.png) no-repeat left 20px center; } .mode02{ width: 100%; background: #eeeeee; margin: 10px auto 33px auto; overflow: hidden; } .cygj{ max-width: 1200px; margin: 15px auto; overflow: hidden; } /*常用工具*/ .art-title{ overflow: hidden; margin-bottom: 10px; } .art-title span{ font-size: 16px; font-weight: bold; color: #005c30; } .cygj{} .cygj ul{ margin: 0 -10px; overflow: hidden; } .cygj ul li{ float: left; width: 33.3%; } .cygj ul li a{ display: block; margin:7px 10px; font-size: 16px; padding:20px 25px; text-align: right; } .cygj ul li.li1 a{ background:url(../images/t1.png) no-repeat 25px center #fff; } .cygj ul li.li2 a{ background:url(../images/t2.png) no-repeat 25px center #fff; } .cygj ul li.li3 a{ background:url(../images/t3.png) no-repeat 25px center #fff; } .cygj ul li.li4 a{ background:url(../images/t4.png) no-repeat 25px center #fff; } .cygj ul li.li5 a{ background:url(../images/t5.png) no-repeat 25px center #fff; } .cygj ul li.li6 a{ background:url(../images/t6.png) no-repeat 25px center #fff; } /*业务通道*/ .mode03{ max-width: 1200px; margin: 0 auto 35px auto; overflow: hidden; } .ywtd{ overflow: hidden; } .ywtd ul{ margin: 0 -12px; overflow: hidden; } .ywtd ul li{ width: 33.3%; float: left; margin-bottom: 20px; overflow: hidden; } .ywtd ul li a { display: block; padding:18px 80px 18px 25px; margin: 0 12px;border: #eeeeee 1px solid; } .ywtd ul li strong{ font-size: 16px; display: block; height: 21px; line-height: 21px; margin-bottom: 7px; overflow: hidden;} .ywtd ul li span{ font-size: 14px; color: #999; display:block; height: 30px; line-height: 30px; border-top: #eee 1px solid; overflow: hidden; } .ywtd ul li.li1 a{ background: url(../images/li1.png) no-repeat right 25px center;} .ywtd ul li.li2 a{ background: url(../images/li2.png) no-repeat right 25px center;} .ywtd ul li.li3 a{ background: url(../images/li3.png) no-repeat right 25px center;} .ywtd ul li:hover strong,.Departmental_con ul li:hover span{ color: #005c30; } /* CSS Document */ @media screen and (max-width:1200px) { .Banner .slide_nav.prev { left: 3%; margin-left: 0px; }.Banner .slide_nav.next { right: 3%; margin-right: 0px; }.Banner .slide_tabs { width: 100%; text-align: center; margin: 0px; left: 0px; } .nav ul li a { padding: 0 10px; } .cygj,.ywtd{ padding: 0 18px; } } @media screen and (max-width:1023px) { .mode01 .lf { width: 94%; padding: 0 3%; float: none; } .mode01 .rt { width: 94%; padding: 0 3%; float: none; border-top: 20px solid #f5f5f5; } .tab_con{ padding: 5px 0; } .Departmental h2 { text-align: left; } .Business ul { margin: 5px -1.2% 20px; overflow: hidden; }.wrap_content { margin: 20px auto 0; } .Departmental_con { padding: 0px; } .Departmental_con ul { overflow: hidden; margin: 0 -1%;} .Departmental_con ul li{ width: 33.3%; float: left; }.Departmental h2 { border-top: 0px; padding: 20px 0 15px 0; } .Business { margin: 0px; } .Banner { display: none; } .Banner01 { display: block; margin: 160px 0 0 0; border-bottom: 16px solid #f5f5f5; } .cygj ul li{ width: 50%; } } @media screen and (max-width:860px) { } @media screen and (max-width:640px) { .Banner .slide_nav.prev { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; } .Banner .slide_nav.next { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; } .Banner .slide_nav.prev:active,.Banner .slide_nav.prev:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; } .Banner .slide_nav.next:active,.Banner .slide_nav.next:hover { background-size: 16px 26px; margin-top: -8px; width: 16px; height: 26px; } .Departmental_con ul li { width: auto; float: none; padding: 15px; } .Departmental_con ul { margin: 0px; } .Departmental_con { } .tab_top img { width: 100%; height: auto; float: none; } .tab_right { margin: 10px 0 10px 0; } .cygj ul li,.ywtd ul li{ width: 100%; float: none;} .cygj ul li a{ padding: 13px 20px; } .tab_con ul li{ height: 40px; line-height: 40px; } .tab_con ul li a,.Departmental_con ul li strong,.cygj ul li a,.ywtd ul li a{ font-size: 14px; }.Departmental_con ul li{ margin-bottom: 13px; height: auto;} .Departmental_con ul li span{ font-size: 12px; } .Departmental_con ul li a{ padding: 10px 10px 10px 63px; } } @media screen and (max-width:480px) { .Banner01 { margin: 130px 0 0 0; border-bottom: 14px solid #f5f5f5; } .mode01 .rt { border-top: 10px solid #f5f5f5; } .Departmental h2 { padding: 20px 18px 15px 18px; } .Business { padding: 0 18px; } .search01 input { right: 50px; } } @media screen and (max-width:450px) { .Business ul li { width: 47%; } } @media screen and (max-width:400px) { .Banner .slide_nav { top: 40%; } } @media screen and (max-width:360px) { .Banner01 .slide_tabs { bottom: 0px; } .Departmental_con ul li a { font-size: 14px; } .Departmental_con ul li.li01 a { padding: 0 0 0 70px; background-position: 20px center; } .Departmental_con ul li.li02 a { padding: 0 0 0 70px; background-position: 20px center; } .Departmental_con ul li.li03 a { padding: 0 0 0 70px; background-position: 20px center; } .Departmental_con ul li.li04 a { padding: 0 0 0 70px; background-position: 20px center; } }