.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 {max-width: 1200px; margin: 0 auto;} .mode01 { overflow: hidden; } .mode01 .lf { width: 63.4%; float: left; position: relative;} .mode01 .rt { width: 35%; float: right; } .tab ol { overflow: hidden; } .tab ol li { float: left; width: 110px; margin:4px 0 0 0; height: 35px; line-height: 35px; text-align: center; background: url(../images/tabbg.png); } .tab ol li a { color: #ffffff; font-size: 16px; font-weight: bold; } .tab ol li:hover,.tab ol li.current {margin:0px; border-top: 4px solid #005c30; background: #ffffff; } .tab ol li:hover a,.tab ol li.current a { color: #005c30 } .tab_con { overflow: hidden; padding: 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 2px 0; height: 36px; 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: 40px; line-height: 40px; border-top: 1px dashed #e1e1e1; *vertical-align: middle; } .tab_con ul li:first-child { border-top:0px; } .tab_con ul li a { float: left; width: 80%; } .tab_con ul li span { float: right; color: #999999; } .Departmental .title { margin:0px; } .Departmental h2 {height: 35px; line-height: 35px; width: 110px; text-align: center; margin:0px; border-top: 4px solid #005c30; background: #ffffff;} .Departmental .title a { color: #005c30; font-size: 16px; font-weight: bold; } .Departmental_con { padding: 18px; background: #ffffff; } .Departmental_con ul li{ height: 60px; border-radius: 10px; margin:0 0 10px 0; } .Departmental_con ul li:hover { opacity: .8; } .Departmental_con ul li a { font-size: 16px; color: #ffffff; font-weight: bold; } .Departmental_con ul li.li01 { background: #d14545; } .Departmental_con ul li.li01 a { width: 66%; padding: 0 0 0 95px; height: 60px; line-height: 28px; background: url(../images/li01.png) no-repeat 35px center; display: block; } .Departmental_con ul li.li02 { background: #85b15a; } .Departmental_con ul li.li02 a { padding: 0 0 0 95px; height: 60px; line-height: 60px; background: url(../images/li02.png) no-repeat 35px center; display: block; } .Departmental_con ul li.li03 { background: #459bd1; } .Departmental_con ul li.li03 a { padding: 0 0 0 95px; height: 60px; line-height: 60px; background: url(../images/li03.png) no-repeat 35px center; display: block; } .Departmental_con ul li.li04 { background: #d1bf45; } .Departmental_con ul li.li04 a { padding: 0 0 0 95px; height: 60px; line-height: 60px; background: url(../images/li04.png) no-repeat 35px center; display: block; } .Business { margin: 0 18px; } .Business .title { height: 35px; line-height: 35px; border-bottom: 1px solid #eaeaea; } .Business .title a { font-size: 16px; color: #005c30; } .Business ul {margin: 5px -1.4% 0; overflow: hidden; } .Business ul li { float: left; width: 30%; margin: 10px 1.4% 0; *margin-left: 1%; *margin-right: 1%; text-align: center; border:1px solid #e1e1e1; box-sizing:border-box; } .Business ul li a { margin: 6px auto 18px; display: block; overflow: hidden; } .Business ul li a p { height: 19px; } .Business ul li span { height: 0px; padding-bottom: 30px; display: block; *padding-bottom: 50px; } .Business ul li img { display: block; margin: 18px auto 8px; } .Business ul li:hover {background: #f0f0f0; } .Business ul li:hover a { font-weight: bold; } /* 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; } } @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; } .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: 48%; margin: 0 1% 20px; 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; } } @media screen and (max-width:700px) { } @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: 0 18px; } .Departmental_con ul { margin: 0px; } .Departmental_con { padding: 0 18px; } .tab_top img { width: 100%; height: auto; float: none; } .tab_right { margin: 10px 0 10px 0; } } @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; } }