锘 body{ /*font-family:PingHei, "寰蒋闆呴粦", "鍗庢枃缁嗛粦", Arial, sans-serif; font-family:"寰蒋闆呴粦","\5b8b\4f53",Arial,sans-serif;*/ font-family:"寰蒋闆呴粦","\5b8b\4f53",Arial,sans-serif;*/ color: #666; } .about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after, .bases-wrap .title-tips:after { content: ""; height: 0; width: 0; overflow: hidden; } .w1200 { width: 1200px; margin: 0 auto; } .w1160 { width: 1160px; margin: 0 auto; } header { position:relative; width:100%; z-index: 5; height: 80px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.11); border-top:#005aab 8px solid; z-index:99999; } header .logo { padding-top:7px; } header .search { height: 80px; z-index: 3; } header .search form { position: absolute; right: 0; top: 0; overflow: hidden; width: 85; height: 100%; background: #005aab; } header .search form input { width: calc(90% - 85px); height: 100%; padding: 0 5%; border: 0; border-radius: 0; background: #818181; font-size: 24px; line-height: 38px; color: #eaeaea; } header .search form input.submit { width: 85px; padding: 0; background: url(../img/bg_btn01.png) no-repeat center #005aab; background-size: cover; } header .search .search-btn { width: 85px; height: 65px; text-align:center; background: url(../img/bg_btn01.png) no-repeat center #005aab; background-size: cover; cursor: pointer; padding-top:15px; color:#fff; } header .search .search-btn b{font-size:16px;} header .search .search-btn img{margin-top:16px} header .language { width: 102px; padding: 24px 0; border-left: 1px solid #e0e0e0; font-size: 16px; line-height: 2; color: #777; text-align: center; } header .language a { display: inline-block; padding-left: 28px; background: url(../img/bg_sign02.png) no-repeat left center; cursor: pointer; } header .language .list { left: 0; top: 56px; width: 100%; padding-bottom: 5px; background: #fff; text-align: center; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.11); } header .language .list a { display: inline-block; width: 100%; font-size: 14px; line-height: 20px; color: #777; } header .language .list a:hover { color: #0062cb; } header nav { position: relative; z-index: 2; float: right; } header nav li { font-family:"寰蒋闆呴粦"; position: relative; width: 108px; height: 80px; border-right: 1px solid #fff; border-left: 1px solid #fff; transition: border 0.8s; } header nav li:last-child { border-right: 0; } header nav li:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #fff; transition: background 0.8s; } header nav li a.tit { display: inline-block; width: 100%; padding: 22px 0; font-size: 15px; line-height: 36px; color: #333; text-align: center; transition: color 0.8s; } header nav li.hover, header nav li.cur { border-color: #efefef; } header nav li.hover:after, header nav li.cur:after { background: #015fc5; } header nav li.hover a.tit, header nav li.cur a.tit { color: #015fc5; } header .subnav { padding: 10px 0; } header .subnav a { display: inline-block; float: left; margin: 0 12px; font-size: 14px; line-height: 2; color: #333; } header .subnav a:hover { color: #0062cb; } header .nav-bg { position: absolute; left: 0; top: 80px; z-index: 1; width: 100%; height: 48px; background: rgba(255, 255, 255, 0.7); } footer { font-family:"寰蒋闆呴粦"; background: #1e1e1e; } footer .list-wrap { padding: 2% 0; } footer li { width: 20%; } footer li a { display: inline-block; font-size: 12px; line-height: 28px; color: #fff; opacity: 0.7; transition: all 0.5s; } footer li a:hover { color: #fff; opacity: 1; } footer li a.tit { margin-bottom: 20px; font-size: 14px; line-height: 2; color: #fff; opacity: 1; } footer li:last-child:after { content: ""; display: inline-block; position: absolute; right: 0; top: 10px; width: 1px; height: 58%; background: #545556; } footer .detail { padding-left: 22%; font-size: 12px; line-height: 2; color: #d2d2d2; } footer .detail p.t { margin-bottom: 20px; font-size: 14px; line-height: 2; color: #fff; } footer .detail .img-box { width: 77px; margin: 20px 28px 0 0; font-size: 14px; line-height: 34px; color: #fff; text-align: center; } footer.fixed-before:after { content: ""; display: inline-block; width: 100%; height: 56px; } .footer-tips { width: 100%; padding: 18px 0; background: #363636; font-size: 12px; line-height: 2; color: #828282; transition: all 0.5s; } .footer-tips p { padding-left: 15px; } .footer-tips .select { width: 214px; height: 24px; background: #fff; border: 1px solid #c1c1c1; font-size: 12px; line-height: 2; color: #666; } .footer-tips .select p { padding: 0 24px 0 10px; background: url(../img/bg_sign19.jpg) no-repeat right; cursor: pointer; } .footer-tips .select .list { left: 0; bottom: 25px; width: 194px; padding: 10px; background: #fff; border-bottom: 1px solid #363637; } .footer-tips .select .list li { width: 100%; } .footer-tips .select .list a { float: left; display: inline-block; width: 94%; padding: 0 3%; font-size: 12px; line-height: 20px; color: #666; transition: all 0.5s; } .footer-tips .select .list a.tit { width: 100%; padding: 0; font-size: 14px; line-height: 2; color: #333; } .footer-tips .select .list a:hover { color: #0062cb; } .footer-tips.fixed { position: fixed; left: 0; bottom: 0; z-index: 5; } .footer-tips.black { padding: 15px 0; background: #fff; border-top: 1px solid #c1c1c1; } .footercopy{color:#ada8a8;background:#0e0e0e;width:100%;line-height:40px;} .footercopy span{float:right;} .ibanner { width: 100%; } .ibanner .banner{ position: relative; overflow: hidden; width: 100%; display: inline-block; } .ibanner .banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; } .ibanner .banner li img{ width: 100%; } .ibanner .banner .i-ban-hei{ height: 0; margin-top: 38%; width: 100%; } .ibanner .btn{ /*display: inline-block;*/ height: 16px; position: absolute; left: 50%; bottom: 26px; z-index: 5; } .ibanner .btn span{ display: inline-block; width: 16px; height: 16px; margin-right: 10px; border-radius: 8px; background: #ccc; cursor: pointer; text-indent: -9999px; float: left; overflow: hidden; } .ibanner .btn span.on{ background: #0062cb; } .ibanner img.stations { left: 0; top: 0; opacity: 0; } .ibanner .box_skitter { left: 0; top: 0; width: 100%; } /**/ .section1{ width: 100%; padding: 100px 0 110px; background: url("../images/about_65.png") center 100px no-repeat; } .section1 .tip{ font-size: 20px; color: #000; padding-top: 64px; line-height: 22px; width: 100%; text-align: center; } .section1 .about-title{ width: 100%; text-align: center; font-size: 36px; color: #555; line-height: 82px; font-family: "寰蒋闆呴粦"; } .ab-texts{ font-family:"寰蒋闆呴粦"; padding:40px 0px; width: 840px; text-align: center; font-size: 16px; line-height: 36px; color: #888; margin: 0 auto; } .society{ width:782px; padding-top: 26px; margin:0 auto; } .society li{ width: 180px; height: 180px; float: left; margin-right:100px; opacity: 0; filter: alpha(opacity=0); } .society li:nth-child(3){ margin-right:0px;} @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { 銆€.society li:nth-child(3){ margin-right:0px;} 銆€銆€} .society li img{ transition-duration:500ms; } .society li:hover img{ transform:scale(1.06); } .title{ width: 100%; padding-top: 72px; padding-bottom: 20px; } .title p{ text-align: center; width: 100%; color: #4b4b4b; } .title .en{ line-height: 54px; font-size: 46px; font-family: arial; text-transform: uppercase; font-weight: bold; } .title .cn{ line-height: 46px; font-size: 36px; font-family: "寰蒋闆呴粦"; } .section2{ width: 100%; height: 836px; margin-top:80px; padding-top:30px; position:relative; background: url("../images/bg_bg05.jpg") center 100px no-repeat; } .section2 .w1160{position:relative;} .section2 .title{ position:absolute; top:100px;} .section2 .title p{ text-align: left; width: 100%; color: #fff; } .section2 .title .en{ line-height: 54px; font-size: 36px; font-family: arial; text-transform: uppercase; font-weight: bold; } .section2 .title .cn{ line-height: 46px; font-size: 40px; font-family: "寰蒋闆呴粦"; } .section2 .pmenu{ width:225px; position:absolute; top:250px; } .section2 .pmenu a{width:225px;height:45px;line-height:45px;display:block;background:#f1f1f1;color:#005aab;margin:25px 0px;font-size:18px;text-align:center; border-radius:5px; font-family:"寰蒋闆呴粦";} .section2 .pmenu a:hover{background:#0959b0;color:#f1f1f1;border:#fff 0px solid;transition: all 0.5s;} .section2 .pxinright{ width:730px; position:absolute; top:200px; right:0px; opacity: 1; filter: alpha(opacity=0); } .section2 .pxinright .logo{ margin-top:200px; margin-left:200px;} .section2 .pxinright .pxinfo1 {position:absolute;top:350px; left:20px;} .section2 .pxinright .pxinfo2 {position:absolute;top:180px; left:40px;} .section2 .pxinright .pxinfo3 {position:absolute;top:40px; left:180px;} .section2 .pxinright .pxinfo4 {position:absolute;top:40px; right:200px;} .section2 .pxinright .pxinfo5 {position:absolute;top:180px; right:70px;} .section2 .pxinright .pxinfo6 {position:absolute;top:350px; right:50px;} .picon{text-align:center;line-height:145px; font-family:"寰蒋闆呴粦";} .picon a{color:#0e54a0;font-size:16px;background:url(../images/gdm_231.png);width:144px;height:145px;display:block;transition-duration:500ms;} .picon a:hover{background:url(../images/gdm1_23a.png);color:#fff;font-size:18px;transform:scale(1.04);transition: all 0.5s;} .section3{ width:100%; margin-top:50px; height:860px;} .newslist{ width: 100%; height: 442px; margin-top:46px; } .newslist li{ width: 373px; height: 406px; float: left; margin-right:20px; } .newslist li:nth-child(3) {margin-right:0px;} 銆€@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { 銆€銆€銆€.newslist li:nth-child(3) {margin-right:0px;} 銆€銆€} .newslist li .newimg img{ width: 373px; height:250px; transition-duration:500ms; } .newslist li:hover .newimg img{ transform:scale(1.04); } .newslist li .newbox{ background:#000; height: 160px; width: 370px; padding: 20px 0; background: #fff; } .newslist li .newbox .new-title{ font-size: 16px; color: #555; line-height: 20px; padding-bottom: 14px; max-height: 40px; display: block; font-family:"寰蒋闆呴粦"; } .newslist li:hover .newbox .new-title{ color: #005ea6; } .newslist li .new-text{ font-family:"寰蒋闆呴粦"; font-size: 13px; color: #999; line-height: 24px; } .newslist li .new-date{ font-size: 13px; color: #999; line-height: 24px; text-align:right; } .newsmore {margin:0 auto;margin-top:50px;} .newsmore a{display:block;background:#403f3f;margin:0 auto;color:#fff;font-size:14px;width:170px;height:50px;line-height:50px;text-align:center; } .newsmore a:hover{transition: all 0.5s;border:#0d54a0 1px solid;background:#fff;color:#0d54a0} .inews-title { height: 72px; border-bottom: 1px solid #ececec; margin-bottom: 3%; font-size: 18px; line-height: 72px; color: #888; } .inews-title p.fl:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; background: #006ee2; transition: all 0.5s; } .inews-title p.fl.last:after { width: 110px; left: 90px; } .inews-title span { cursor: pointer; } .inews-title span.cur { color: #444; } .inews-title a { display: inline-block; padding-right: 15px; margin: 24px 10px 0 0; background: url(../img/bg_sign04.png) no-repeat right 0; font-size: 12px; line-height: 2; color: #888; } .inews-title a:hover { color: #0062cb; background-position: right bottom; } .inews-list { margin-bottom: 2.6%; } .inews-list ul { margin-left: -1.25%; } .inews-list .in { width: 92%; margin: 0 auto; } .inews-list a { display: inline-block; width: 100%; font-size: 12px; line-height: 22px; color: #7c7c7c; } .inews-list p.tit{ padding: 6px 0; margin: 20px 0 5px; line-height: 20px; color: #444; text-align: center; } .inews-list p.tit a{ color: #444; font-size: 16px; line-height: 20px; height: 20px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; } .inews-list p.tit a:hover{ color: #0062cb; } .inews-list a:hover { color: #0062cb; } .inews-list span { display: inline-block; padding-left: 20px; background: url(../img/bg_sign01.png) no-repeat left 0; margin-top: 10px; font-size: 12px; line-height: 28px; color: #999; cursor: pointer; } .inews-list span.hover { background-position: left bottom; color: #0062cb; } .inews-list span a { display: inline-block; height: 28px !important; padding-left: 0 !important; background: none !important; margin: 0 !important; color: #999 !important; line-height: 28px !important; } .inews-list span a:hover { color: #0062cb; } .iboxs { padding: 3% 0; background: #eee; border-top: 1px solid #d7d7d7; } .iboxs .box.fl { background: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07); } .iboxs .box.fl .img { position: absolute; left: 0; top: 0; height: 100%; } .iboxs .box.fl .img .in { width: 83%; height: 100%; background: url(../img/img04.png) no-repeat center; background-size: cover; } .iboxs .box.fl .detail { float: right; } .iboxs .box.fl .detail .in { padding: 8% 8.4% 8% 0; } .iboxs .box.fl .detail h2 { font-size: 20px; line-height: 24px; color: #333; } .iboxs .box.fl .detail p.en { padding-bottom: 5%; border-bottom: 1px solid #e5e5e5; margin-bottom: 3%; font-size: 20px; line-height: 1; color: #b9b9b9; font-family: Arial; text-transform: uppercase; } .iboxs .box.fl .detail a { display: inline-block; font-size: 12px; line-height: 22px; color: #666; } .iboxs .box.fl .detail a.more { margin-top: 14px; padding-right: 15px; background: url(../img/bg_sign05.png) no-repeat right center; font-size: 14px; line-height: 2; color: #005098; } .iboxs .box.fr ul { width: 85.8%; padding-left: 14.2%; } .iboxs .box.fr li { width: 85.6%; padding: 7.2% 7.2% 15%; background: url(../img/bg_bg01.jpg) no-repeat right center; background-size: cover; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07); } .iboxs .box.fr li p { font-size: 14px; line-height: 26px; color: #7c7c7c; } .iboxs .box.fr li p.t { font-size: 20px; line-height: 32px; color: #e99134; } .iboxs .box.fr li p.t.b { color: #035198; } .iboxs .box.fr li:last-child { background-image: url(../img/bg_bg02.jpg); } .inside-ban { width:100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .inside-menu { width:100%; height: 70px; border-bottom: 1px solid #ededed; background: #fff; } .inside-menu.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 5; } .inside-menu a { display: inline-block; font-size: 14px; line-height: 70px; color: #a3a3a3; } .inside-menu a:hover { color: #0062cb; } .inside-menu a.home { width: 20px; height: 70px; background: url(../images/bg_sign06.png) no-repeat center; } .inside-menu span { display: inline-block; width: 28px; height: 70px; background: url(../images/bg_sign01.png) no-repeat center; } .inside-menu em { display: inline-block; font-size: 14px; line-height: 70px; color: #a3a3a3; } .inside-menu .menu a { position: relative; display: inline-block; margin: 0 16px; font-size: 14px; line-height: 70px; color: #a3a3a3; } .inside-menu .menu a:last-child { padding-right: 0; } .inside-menu .menu a:after { transition: all 0.5s; } .inside-menu .menu a:hover { color: #006ee2; } .inside-menu .menu a:hover:after, .inside-menu .menu a.cur:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #006ee2; } .menu-block { height: 0px; } .inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .gdm-wrap .title { text-align: center; font-size: 30px; line-height: 36px; color: #777; text-transform: uppercase; } .inside-title p, .about-wrap .title p, .duty-wrap .title p, .projects-wrap .tips .title p, .gdm-wrap .title p { margin-bottom: -5px; } .inside-title p.fz, .about-wrap .title p.fz, .duty-wrap .title p.fz, .projects-wrap .tips .title p.fz, .gdm-wrap .title p.fz { font-size: 20px; line-height: 28px; } .inside-title span, .about-wrap .title span, .duty-wrap .title span, .projects-wrap .tips .title span, .gdm-wrap .title span { position: relative; display: inline-block; padding: 0 35px; font-size: 22px; line-height: 36px; color: #035cac; } .inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .gdm-wrap .title span:before, .inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .gdm-wrap .title span:after { content: ""; display: inline-block; position: absolute; top: 17.5px; width: 27px; height: 1px; background: #c8c8c8; } .inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .gdm-wrap .title span:before { left: 0; } .inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .gdm-wrap .title span:after { right: 0; } .inside-title.white, .about-wrap .white.title, .duty-wrap .white.title, .projects-wrap .tips .white.title, .bases-wrap .white.title { color: #fff; } .inside-title.white span, .about-wrap .white.title span, .duty-wrap .white.title span, .projects-wrap .tips .white.title span, .bases-wrap .white.title span { color: #fff; } .inside-title.white span:before, .about-wrap .white.title span:before, .duty-wrap .white.title span:before, .projects-wrap .tips .white.title span:before, .gdm-wrap .white.title span:before, .inside-title.white span:after, .about-wrap .white.title span:after, .duty-wrap .white.title span:after, .projects-wrap .tips .white.title span:after, .gdm-wrap .white.title span:after { background: #fff; opacity: 0.8; } .xiaomenu_i{text-align:left;margin-bottom:30px;margin-top:30px;} .xiaomenu_i a{display:block;background:#fff;height:50px;line-height:50px;padding:30px 60px;margin:20px 40px;font-size:18px;border:#006ee2 0px solid;} .xiaomenu_i a:hover{border-bottom:#006ee2 2px solid;color:#006ee2} .xiaomenu{text-align:center;margin-bottom:30px;} .xiaomenu a{background:#fff;height:40px;line-height:40px;padding:20px 40px;width:200px;margin-right:20px;font-size:14px;} .xiaomenu .cur{border-bottom:#006ee2 2px solid;} .about-wrap .group, .duty-wrap .group { padding: 4.8% 0 6.5%; background: #f5f5f5; font-size: 14px; line-height: 2; color: #777; text-align: center; } .about-wrap .group .detail, .duty-wrap .group .detail { width: 82.5%; padding-top: 3%; margin: 0 auto; font-family:"寰蒋闆呴粦"; } .about-wrap .group .detail h2, .duty-wrap .group .detail h2 { font-size: 20px; line-height: 2; color: #000; margin-bottom: 7px; } .about-wrap .group .detail a, .duty-wrap .group .detail a { display: inline-block; width: 136px; border: 1px solid #035cac; background: #035cac; margin-top: 4.6%; font-size: 14px; line-height: 38px; color: #fff; transition: all 0.5s; } .about-wrap .group .detail a:hover, .duty-wrap .group .detail a:hover { background: #f5f5f5; color: #035cac; } .about-wrap .history, .duty-wrap .history { padding: 2.6% 0 8.2%; background: url(../images/bg_bg03.jpg) no-repeat center; background-size: cover; } .about-wrap .history .line, .duty-wrap .history .line { left: 0; top: 50%; width: 100%; height: 2px; background: #fff; margin-top: -1px; } .about-wrap .history .in, .duty-wrap .history .in { background: url(../img/bg_line01.png) no-repeat center; height: 514px; margin-top: 20px; } .about-wrap .history .list-box, .duty-wrap .history .list-box { width: 1040px; height: 612px; margin-left: 100px; } .about-wrap .history .list-box ul, .duty-wrap .history .list-box ul { height: 612px; } .about-wrap .history .list-box li, .duty-wrap .history .list-box li { position: absolute; bottom: 355px; width: 220px; min-height: 176px; padding-left: 32px; background: url(../img/bg_line02.png) no-repeat left top; font-size: 13px; line-height: 20px; color: #cee5fa; transform: translateX(30px); opacity: 0; } .about-wrap .history .list-box li h2, .duty-wrap .history .list-box li h2 { font-size: 36px; line-height: 50px; color: #fff; } .about-wrap .history .list-box li.cur h2, .duty-wrap .history .list-box li.cur h2 { font-weight: bold; font-size: 46px; line-height: 60px; } .about-wrap .history .list-box li img, .duty-wrap .history .list-box li img { display: block; max-width: 100%; margin: 18px 0; } .about-wrap .history .list-box li:nth-child(2n), .duty-wrap .history .list-box li:nth-child(2n) { bottom: auto; top: 258px; padding-top: 92px; background: url(../img/bg_line03.png) no-repeat left -79px; } .about-wrap .history .list-box li:nth-child(2), .duty-wrap .history .list-box li:nth-child(2) { left: 120px; } .about-wrap .history .list-box li:nth-child(3), .duty-wrap .history .list-box li:nth-child(3) { left: 330px; } .about-wrap .history .list-box li:nth-child(4), .duty-wrap .history .list-box li:nth-child(4) { left: 450px; } .about-wrap .history .list-box li:nth-child(5), .duty-wrap .history .list-box li:nth-child(5) { left: 660px; } .about-wrap .history .list-box li:nth-child(6), .duty-wrap .history .list-box li:nth-child(6) { left: 780px; } .about-wrap .history .btn, .duty-wrap .history .btn { top: 50%; width: 37px; height: 37px; margin-top: -18.5px; cursor: pointer; } .about-wrap .history .btn.prev, .duty-wrap .history .btn.prev { left: 0; background: url(../img/prev01.png) no-repeat #035cac; } .about-wrap .history .btn.next, .duty-wrap .history .btn.next { right: 0; background: url(../img/next01.png) no-repeat #035cac; } .about-wrap .strategy, .duty-wrap .strategy { padding: 4% 0 3.4%; } .about-wrap .strategy .main, .duty-wrap .strategy .main { padding-top: 40px; } .about-wrap .strategy .img img, .duty-wrap .strategy .img img { display: block; max-width: 100%; margin: 0 auto; } .about-wrap .strategy .detail, .duty-wrap .strategy .detail { padding: 0px 9.8% 0 7.5%; font-size: 14px; line-height: 26px; color: #666; } .about-wrap .strategy .detail h2, .duty-wrap .strategy .detail h2 { font-size: 14px; font-weight:bold; line-height: 36px; color: #000; } ..about-wrap .strategy .detail p{ font-size:14px;} .about-wrap .strategy .detail h3, .duty-wrap .strategy .detail h3 { position: relative; padding-bottom: 20px; margin-bottom: 7.8%; font-size: 18px; line-height: 28px; color: #000; } .about-wrap .strategy .detail h3:after, .duty-wrap .strategy .detail h3:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; width: 34%; height: 1px; background: #e5e5e5; } .about-wrap .mission, .duty-wrap .mission { padding: 5.2% 0 7.8%; background: url(../img/bg_bg05.jpg) no-repeat center; background-size: cover; } .about-wrap .mission .btns, .duty-wrap .mission .btns { height: 29px; text-align: center; } .about-wrap .mission .btns span, .duty-wrap .mission .btns span { display: inline-block; width: 29px; height: 29px; background: url(../img/prev02.png) no-repeat; margin: 0 8px; cursor: pointer; } .about-wrap .mission .btns span.down, .duty-wrap .mission .btns span.down { background-image: url(../img/next02.png); } .about-wrap .honor, .duty-wrap .honor { padding: 3.3% 0 4.3%; } .about-wrap .honor{ border-bottom: 1px solid #e0e0e0; } .about-wrap .honor.bggray, .duty-wrap .honor.bggray { background: #f5f5f5; } .about-wrap .honor .tips, .duty-wrap .honor .tips { font-size: 14px; line-height: 2; color: #666; text-align: center; } .about-wrap .honor .list, .duty-wrap .honor .list { margin-top: 5%; } .about-wrap .honor li, .duty-wrap .honor li { position: relative; overflow: hidden; padding-bottom: 5.5%; margin-bottom: 2.5%; } .about-wrap .honor li a{ display: block; } .about-wrap .honor li img, .duty-wrap .honor li img { display: block; max-width: 100%; margin: 0 auto; box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.4) 96%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0.8) 100%); } .about-wrap .honor .btn, .duty-wrap .honor .btn { text-align: center; } .about-wrap .honor .btn a, .duty-wrap .honor .btn a { display: inline-block; width: 136px; background: #035cac; border: 1px solid #035cac; font-size: 14px; line-height: 38px; color: #fff; transition: all 0.5s; } .about-wrap .honor .btn a:hover, .duty-wrap .honor .btn a:hover { background: none; color: #035cac; } .about-wrap .leadership, .duty-wrap .leadership { padding: 4.6% 0 3.3%; background: url(../images/bg_bg03.jpg) no-repeat center; background-size: cover; } .about-wrap .leadership .revolve, .duty-wrap .leadership .revolve { margin-top: 6.25%; font-size: 14px; line-height: 22px; color: #fff; text-align: center; } .about-wrap .leadership .revolve{ margin-top: 3%; margin-bottom: 1.5%; } .about-wrap .leadership .revolve .btns, .duty-wrap .leadership .revolve .btns { top: 165px; width: 37px; height: 37px; cursor: pointer; } .about-wrap .leadership .revolve .btns.prev, .duty-wrap .leadership .revolve .btns.prev { left: 0; background: url(../images/prev03.png) no-repeat; } .about-wrap .leadership .revolve .btns.next, .duty-wrap .leadership .revolve .btns.next { right: 0; background: url(../images/next03.png) no-repeat; } .about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll { width: 1034px; height: 368px; margin: 0 auto; } .about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li { position: absolute; left: 275px; top: 0; width: 484px; height: 368px; transform: scale(0); opacity: 0; } .about-wrap .leadership .revolve .tips, .duty-wrap .leadership .revolve .tips { min-height: 44px; margin-top: 17px; } .about-wrap .party, .duty-wrap .party { padding-top: 3%; } .about-wrap .party .tab, .duty-wrap .party .tab { margin-top: 4.6%; } .about-wrap .party .tab li, .duty-wrap .party .tab li { position: relative; padding-bottom: 4.5%; font-size: 20px; line-height: 30px; color: #000; text-align: center; cursor: pointer; } .about-wrap .party .tab li p.en, .duty-wrap .party .tab li p.en { font-size: 16px; line-height: 24px; color: #666; font-family: Arial; text-transform: uppercase; } .about-wrap .party .tab li .img, .duty-wrap .party .tab li .img { width: 100%; max-width: 139px; margin: 0 auto 8.6%; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; } .about-wrap .party .tab li:nth-child(1) .img, .duty-wrap .party .tab li:nth-child(1) .img { background-image: url(../img/bg_sign08.png); } .about-wrap .party .tab li:nth-child(2) .img, .duty-wrap .party .tab li:nth-child(2) .img { background-image: url(../img/bg_sign09.png); } .about-wrap .party .tab li:nth-child(3) .img, .duty-wrap .party .tab li:nth-child(3) .img { background-image: url(../img/bg_sign10.png); } .about-wrap .party .tab li:nth-child(4) .img, .duty-wrap .party .tab li:nth-child(4) .img { background-image: url(../img/bg_sign11.png); } .about-wrap .party .tab li.cur .img, .duty-wrap .party .tab li.cur .img { background-position: center bottom; } .about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0; border-bottom: 17px solid #f5f5f5; border-left: 17px dashed transparent; border-right: 17px dashed transparent; margin-left: -17px; } .about-wrap .party .box-wrap, .duty-wrap .party .box-wrap { padding: 3.6% 0; background: #f5f5f5; font-size: 12px; line-height: 2; color: #777; text-align: center; } .about-wrap .party .box-wrap .box, .duty-wrap .party .box-wrap .box { width: 100%; max-width: 1200px; margin: 0 auto; } .about-wrap .party .box-wrap .box.w885, .duty-wrap .party .box-wrap .box.w885 { max-width: 885px; } .about-wrap .party .box-wrap .box img, .duty-wrap .party .box-wrap .box img { display: block; max-width: 100%; margin: 0 auto; } .about-wrap .party .box-wrap h2, .duty-wrap .party .box-wrap h2 { font-size: 24px; line-height: 38px; color: #333; } .about-wrap .party .box-wrap p.t, .duty-wrap .party .box-wrap p.t { position: relative; padding-bottom: 11px; margin-bottom: 37px; font-size: 14px; } .about-wrap .party .box-wrap p.t:after, .duty-wrap .party .box-wrap p.t:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 25px; height: 2px; background: #035cac; margin-left: -12.5px; } .about-wrap .party .box-wrap .tips, .duty-wrap .party .box-wrap .tips { width: 83%; margin: 0 auto 2.3%; } .about-wrap .party .box-wrap .tips li, .duty-wrap .party .box-wrap .tips li { position: relative; } .about-wrap .party .box-wrap .tips li:after, .duty-wrap .party .box-wrap .tips li:after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 22px; background: #d0d0d0; margin-top: -11px; } .about-wrap .party .box-wrap .tips li:last-child:after, .duty-wrap .party .box-wrap .tips li:last-child:after { display: none; } .about-wrap .party .box-wrap .tips p.num, .duty-wrap .party .box-wrap .tips p.num { font-size: 14px; line-height: 2; color: #333; } .about-wrap .party .box-wrap .tips span, .duty-wrap .party .box-wrap .tips span { display: inline-block; font-size: 48px; line-height: 1; color: #035cac; font-family: Arial; } .about-wrap .party .box-wrap .book-list, .duty-wrap .party .box-wrap .book-list { margin-top: 3%; } .about-wrap .party .box-wrap .book-list a, .duty-wrap .party .box-wrap .book-list a { display: inline-block; width: 90%; margin: 0 auto; } .about-wrap .party .box-wrap .book-list a p, .duty-wrap .party .box-wrap .book-list a p { margin: 10px 0; font-size: 18px; line-height: 2; color: #666; } .about-wrap .party .box-wrap .book-list a p{ font-size: 15px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; } .about-wrap .party .box-wrap .news-list, .duty-wrap .party .box-wrap .news-list { background: #fff; } .about-wrap .party .box-wrap .news-list .top, .duty-wrap .party .box-wrap .news-list .top { padding: 2% 2.8%; } .about-wrap .party .box-wrap .news-list .img a, .duty-wrap .party .box-wrap .news-list .img a { display: inline-block; padding-right: 14%; } .about-wrap .party .box-wrap .news-list .img a img, .duty-wrap .party .box-wrap .news-list .img a img { display: block; max-width: 100%; margin: 0 auto; } .about-wrap .party .box-wrap .news-list .detail, .duty-wrap .party .box-wrap .news-list .detail { text-align: left; } .about-wrap .party .box-wrap .news-list .detail a, .duty-wrap .party .box-wrap .news-list .detail a { display: inline-block; width: 100%; min-height: 48px; font-size: 14px; line-height: 24px; color: #666; } .about-wrap .party .box-wrap .news-list .detail a.tit, .duty-wrap .party .box-wrap .news-list .detail a.tit { margin-bottom: 8px; font-size: 22px; line-height: 38px; color: #005aab; } .about-wrap .party .box-wrap .news-list .detail a.more, .duty-wrap .party .box-wrap .news-list .detail a.more { display: inline-block; width: 78px; min-height: 28px; padding-left: 18px; background: #005aab; margin-top: 15px; font-size: 13px; line-height: 28px; color: #fff; text-transform: uppercase; } .about-wrap .party .box-wrap .news-list .detail a.more span, .duty-wrap .party .box-wrap .news-list .detail a.more span { padding-right: 22px; background: url(../img/bg_sign12.png) no-repeat right center; } .about-wrap .party .box-wrap .news-list li, .duty-wrap .party .box-wrap .news-list li { width: 96%; padding: 0 2%; border-bottom: 1px solid #f2f2f2; font-size: 16px; line-height: 52px; color: #666; } .about-wrap .party .box-wrap .news-list li a, .duty-wrap .party .box-wrap .news-list li a { display: inline-block; margin-left: 10px; } .about-wrap .party .box-wrap a.list-more, .duty-wrap .party .box-wrap a.list-more { display: inline-block; width: 100%; background: #cdcdcd; margin-top: 15px; font-size: 22px; line-height: 60px; color: #fff; text-align: center; } .about-wrap .r-honor, .duty-wrap .r-honor { padding: 3.5% 0 6.3%; } .about-wrap .r-honor .tab, .duty-wrap .r-honor .tab { margin-top: 5.5%; } .about-wrap .r-honor .tab .btn, .duty-wrap .r-honor .tab .btn { position: absolute; top: 0; width: 32px; height: 32px; cursor: pointer; } .about-wrap .r-honor .tab .btn.prev, .duty-wrap .r-honor .tab .btn.prev { left: 0; background: url(../img/prev04.png) no-repeat; } .about-wrap .r-honor .tab .btn.next, .duty-wrap .r-honor .tab .btn.next { right: 0; background: url(../img/next04.png) no-repeat; } .about-wrap .r-honor .tab .list, .duty-wrap .r-honor .tab .list { position: relative; overflow: hidden; width: 1070px; height: 54px; margin: 0 auto; } .about-wrap .r-honor .tab .list:before, .duty-wrap .r-honor .tab .list:before { content: ""; display: inline-block; position: absolute; left: 0; top: 16px; width: 100%; height: 1px; background: #e0e0e0; } .about-wrap .r-honor .tab li, .duty-wrap .r-honor .tab li { width: 86px; height: 54px; padding-right: 54px; font-size: 18px; line-height: 20px; color: #aaa; font-family: Arial; text-align: center; cursor: pointer; } .about-wrap .r-honor .tab li span, .duty-wrap .r-honor .tab li span { display: inline-block; width: 16px; height: 16px; border: 1px solid #e1e1e1; border-radius: 9px; background: #fff; margin: 8px auto; } .about-wrap .r-honor .tab li span em, .duty-wrap .r-honor .tab li span em { display: inline-block; position: absolute; left: 3px; top: 3px; width: 10px; height: 10px; border-radius: 5px; background: #aaa; transition: background 0.5s; } .about-wrap .r-honor .tab li.cur, .duty-wrap .r-honor .tab li.cur { color: #005aab; } .about-wrap .r-honor .tab li.cur em, .duty-wrap .r-honor .tab li.cur em { background: #005aab; } .about-wrap .r-honor .detail, .duty-wrap .r-honor .detail { margin-top: 4.2%; } .about-wrap .r-honor .detail .top, .duty-wrap .r-honor .detail .top { padding: 2% 2.5%; border-bottom: 1px solid #f2f2f2; background: #f5f5f5; } .about-wrap .r-honor .detail .in, .duty-wrap .r-honor .detail .in { padding: 1% 6.5% 4.8% 2.3%; font-size: 14px; line-height: 30px; color: #666; } .about-wrap .r-honor .detail .in h2, .duty-wrap .r-honor .detail .in h2 { font-size: 24px; line-height: 58px; color: #005aab; } .about-wrap .r-honor .detail ul, .duty-wrap .r-honor .detail ul { margin-bottom: 54px; } .about-wrap .r-honor .detail li, .duty-wrap .r-honor .detail li { width: 100%; } .about-wrap .r-honor .detail li p.tit, .duty-wrap .r-honor .detail li p.tit { width: 89.5%; padding: 16px 8% 16px 2.5%; border-bottom: 1px solid #f2f2f2; background: url(../img/bg_sign13.png) no-repeat right center; font-size: 14px; line-height: 20px; color: #666; cursor: pointer; } .gdm-wrap{ padding: 1.8% 0 7%; background: #f5f5f5; font-size: 14px; line-height: 2; color: #666; } .gdm-wrap .detail { padding-top: 5.4%; font-size:15px; } .group-wrap { padding: 1.8% 0 7%; background: #f5f5f5; font-size: 14px; line-height: 2; color: #666; } .group-wrap .detail { padding-top: 5.4%; font-size:15px; } .group-wrap .detail h2 { font-size: 36px; line-height: 42px; color: #005aab; } .group-wrap .detail p.en { margin-bottom: 3.7%; font-size: 36px; line-height: 1; color: #d9d9d9; text-transform: uppercase; } .group-wrap .img img { display: block; max-width: 100%; margin: 0 auto; } .projects-wrap { padding-top: 2.6%; background: #f5f5f5; } .projects-wrap .tips { text-align: center; } .projects-wrap .tips .detail { position: relative; padding-top: 2.5%; margin-top: 2.8%; } .projects-wrap .tips .detail:before { content: ""; display: inline-block; position: absolute; left: 50%; top: 0; width: 38px; height: 3px; background: #206ecc; margin-left: -19px; } .projects-wrap .tips .detail p.t { margin-bottom: 7px; font-size: 18px; line-height: 2; color: #333; } .projects-wrap .pj-part { padding: 3.6% 0; } .projects-wrap .pj-part.white { background: #fff; } .projects-wrap .pj-part .w1180 { width: 1180px; min-height: 379px; background: #fff; margin: 0 auto; } .projects-wrap .pj-part .img { position: absolute; left: 0; top: 0; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .projects-wrap .pj-part .img img { cursor: pointer; } .projects-wrap .pj-part .detail-bpx { float: right; } .projects-wrap .pj-part .detail { padding: 7%; line-height: 22px; } .projects-wrap .pj-part .detail h2 { position: relative; margin-bottom: 5.4%; font-size: 20px; line-height: 48px; color: #333; } .projects-wrap .pj-part .detail h2:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -3px; width: 46px; height: 3px; background: #115bb5; } .projects-wrap .pj-part .detail .in { margin-bottom: 10%; } .projects-wrap .pj-part .detail img.fl { margin: 0 2% 3% 0; } .projects-wrap .pj-part .list { width: 1308px; margin: 2% auto 0; } .projects-wrap .pj-part .list .btns { top: 50%; width: 29px; height: 29px; margin-top: -15px; cursor: pointer; } .projects-wrap .pj-part .list .btns.swiper-button-prev { left: 0; background: url(../img/prev05.png) no-repeat; } .projects-wrap .pj-part .list .btns.swiper-button-next { right: 0; background: url(../img/next05.png) no-repeat; } .projects-wrap .pj-part .list .swiper-container { width: 90%; margin: 0 auto; } .projects-wrap .pj-part .list .swiper-container .swiper-slide { min-height: 0; } .projects-wrap .pj-part .list .swiper-container .swiper-slide a{ display: inline-block; border: 1px solid #f1f1f1; } .projects-wrap .pj-part .list .swiper-container .swiper-slide .bg { background: rgba(0, 0, 0, 0.4); } .projects-wrap .pj-part .list .swiper-container .swiper-slide .tips { left: 0; top: 45%; width: 100%; font-size: 16px; line-height: 2; color: #fff; text-align: center; } .projects-wrap .pj-part .list .swiper-container .swiper-slide .tips em { display: inline-block; width: 100%; margin-bottom: 10px; } .projects-wrap .pj-part .list .swiper-container .swiper-slide .tips i { display: inline-block; width: 21px; height: 21px; background: url(../img/bg_sign14.png) no-repeat; } .duty-wrap .leadership { padding: 3% 0; background: #f5f5f5; } .duty-wrap .leadership .detail { width: 1034px; margin: 2% auto 4%; font-size: 16px; line-height: 30px; color: #666; text-align: center; } .duty-wrap .leadership .revolve { margin-top: 0; } .duty-wrap .leadership .revolve .prev { background: url(../img/prev06.png) no-repeat center !important; } .duty-wrap .leadership .revolve .next { background: url(../img/next06.png) no-repeat center !important; } .duty-wrap .leadership .revolve .tips { font-size: 14px; line-height: 22px; color: #666; } .duty-wrap .party { padding: 3% 0 3.5%; } .duty-wrap .party .box-wrap { padding-bottom: 0; background: #fff; } .duty-wrap .party .box-wrap .box { max-width: 1034px; } .duty-wrap .party .box-wrap .book-list { margin-top: 0; } .duty-wrap .party .box-wrap .book-list li { margin-bottom: 5%; } .duty-wrap .party .box-wrap .book-list a { width: 80%; } .duty-wrap .party .box-wrap .book-list a p { min-height: 26px; font-size: 13px; line-height: 2; color: #666; } .bases-wrap { padding-top: 3.6%; background: #f5f5f5; } .bases-wrap .tips { margin: 3.3% auto; font-size: 14px; line-height: 2; color: #666; text-align: center; } .bases-wrap .tab { padding-bottom: 5.8%; font-size: 20px; line-height: 30px; color: #000; text-align: center; } .bases-wrap .tab span { display: inline-block; margin: 0 50px; cursor: pointer; } .bases-wrap .tab span em { display: inline-block; margin-bottom: 10px; background: url(../img/bg_sign15.png) no-repeat center top; } .bases-wrap .tab span:nth-child(2) em { background-image: url(../img/bg_sign16.png); } .bases-wrap .tab span.hover em, .bases-wrap .tab span.cur em { background-position: center bottom; } .bases-wrap .tab p.en { font-size: 16px; line-height: 22px; color: #666; font-family: Arial; text-transform: uppercase; } .bases-wrap .title-tips { position: relative; background: #035cac; font-size: 20px; line-height: 90px; color: #fff; text-align: center; } .bases-wrap .title-tips:after { content: ""; display: inline-block; position: absolute; left: 50%; bottom: -14px; border-top: 14px solid #035cac; border-left: 14px dashed transparent; border-right: 14px dashed transparent; margin-left: -14px; } .bases-wrap .list-wrap { padding: 2.3% 0 9.6%; background: #fff; } .bases-wrap .list-wrap .list-tab { padding-bottom: 3.3%; text-align: center; } .bases-wrap .list-wrap .list-tab a { display: inline-block; border-bottom: 1px solid #fff; margin: 0 32px 18px; font-size: 18px; line-height: 30px; color: #999; } .bases-wrap .list-wrap .list-tab a:hover, .bases-wrap .list-wrap .list-tab a.cur { color: #035cac; border-color: #035cac; } .bases-wrap .list-wrap .swiper-container { padding-bottom: 44px; } .bases-wrap .list-wrap li { margin-bottom: 20px; } .bases-wrap .list-wrap li a { display: inline-block; position: relative; width: 95%; cursor: default; } .bases-wrap .list-wrap li .bg { background: rgba(0, 0, 0, 0.7); } .bases-wrap .list-wrap li .tips { left: 0; top: 40%; width: 100%; font-size: 18px; line-height: 2; color: #fff; text-align: center; } .bases-wrap .list-wrap li .tips em { display: inline-block; width: 21px; height: 21px; background: url(../img/bg_sign14.png) no-repeat; margin-top: 13px; } .float-tips { position: fixed; right: 6.5%; top: 50%; width: 22px; opacity: 0; } .float-tips li { position: relative; width: 22px; margin-bottom: 5px; cursor: pointer; } .float-tips li span { position: absolute; top: 0; right: 22px; width: 60px; padding: 6px 0; text-align: right; font-size: 12px; line-height: 1; color: #0064bd; opacity: 0; transition: all 0.5s; } .float-tips li em { display: inline-block; width: 22px; height: 24px; background: url(../img/bg_sign17.png) no-repeat center top; transition: all 0.5s; } .float-tips li.hover span, .float-tips li.cur span { opacity: 1; } .float-tips li.hover em, .float-tips li.cur em { background-position: center bottom; } .float-tips .btn { width: 22px; height: 43px; background: url(../img/bg_sign18.png) no-repeat; cursor: pointer; } .videos-wrap { padding: 2.7% 0 5.4%; background: #f5f5f5; font-size: 12px; line-height: 2; color: #7e7e7e; } .videos-wrap h2 { font-size: 24px; line-height: 34px; color: #333; } .videos-wrap .box { margin: 3% auto 4%; background: #000; } .videos-wrap .box img { opacity: 0; } .videos-wrap ul { margin-top: 2%; } .videos-wrap ul li { width: 30%; margin: 0 5% 2% 0; background: #fff; border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 28px; color: #000; } .videos-wrap ul li:nth-child(3n) { margin-right: 0; } .videos-wrap ul .tips { padding: 6% 8%; } .videos-wrap ul .box { margin: 0; } .img-out { z-index: 5; } .img-out .bg { background: #000; opacity: 0.5; } .img-out .main { left: 50%; width: 720px; height: 480px; margin-left: -360px; } .img-out .close { background: background("../img/close01.png"); cursor: pointer; } .img-out .main { transform: translateX(-40px); } .img-out .list { height: 463px; } .img-out li { width: 100%; } .img-out .btns { right: -80px; top: 165px; width: 51px; height: 51px; cursor: pointer; } .img-out .btns.prev { background: url(../img/prev07.png) no-repeat left center; } .img-out .btns.prev.hover { background-position: right center; } .img-out .btns.next { top: 247px; background: url(../img/next07.png) no-repeat right center; } .img-out .btns.next.hover { background-position: left center; } /*# sourceMappingURL=style.css.map */ .back-top{ position: fixed; right: 3%; bottom: 80px; z-index: 25; width: 50px; height: 92px; } .back-top a.top{ display: inline-block; width: 50px; height: 45px; background: url(../images/bg_btn13.png) no-repeat; margin-bottom: 6px; } .back-top a.top:hover{ background-position: 0 -45px; } .back-top a.bot{ display: inline-block; width: 30px; background: #e3e3e1; padding: 10px; margin-bottom: 2px; line-height: 18px; color: #a9a9a9; text-align: center; transition: color 0.5s; } .back-top a.bot:hover{ color: #5771a7; } .pdlist-wrap .imglist { left: 0; top: 0; width: 100%; height: 91%; } .pdlist-wrap .imglist .swiper-container { opacity: 0; } .pdlist-wrap .imglist .scroll .swiper-button-prev,.pdlist-wrap .imglist .m-scroll .swiper-button-prev{ left: 0; width: 51px; height: 75px; margin-top: -38px; background: url(../img/prev08.png) no-repeat left center; } .pdlist-wrap .imglist .scroll .swiper-button-prev.hover,.pdlist-wrap .imglist .m-scroll .swiper-button-prev.hover{ background-position: right center; } .pdlist-wrap .imglist .scroll .swiper-button-next,.pdlist-wrap .imglist .m-scroll .swiper-button-next{ right: 0; width: 51px; height: 75px; margin-top: -38px; background: url(../img/next08.png) no-repeat right center; } .pdlist-wrap .imglist .scroll .swiper-button-next.hover,.pdlist-wrap .imglist .m-scroll .swiper-button-next.hover{ background-position: left center; } .pdlist-wrap .imglist .m-scroll{ display: none; } .pdlist-wrap .imglist .scroll{ position: relative; overflow: hidden; width: 100%; height: 100%; } .pdlist-wrap .imglist .scroll li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .pdlist-wrap .imglist .scroll li img{ width: 100%; } .pdlist-wrap .imglist .scroll .scroll-hei{ height: 0; margin-top: 41.2%; width: 100%; } .pdlist-wrap .imglist p { position: absolute; left: 0; bottom: 0; width: 97%; padding: 1.5%; background: rgba(0, 0, 0, 0.6); font-size: 24px; line-height: 36px; color: #fff; text-align: center; } .pdlist-wrap .tab { left: 0; bottom: 0; width: 100%; height: 9%; background: #f0f0f0; font-size: 18px; line-height: 2; color: #333; text-align: center; } .pdlist-wrap .tab span { display: inline-block; width: 20.8%; padding-bottom: 3px; cursor: pointer; } .pdlist-wrap .tab span.cur { background: url(../images/bg_sign20.png) no-repeat center bottom #fff; background-size: 100% 6px; } .bdsharebuttonbox a{ display: inline-block; float: left; width: 35px!important; height: 22px!important; padding: 0!important; background: url(../images/bg_sign30.png) no-repeat!important; margin: 0 1px!important; } .bdsharebuttonbox a:hover{ background-position: 0 -22px!important; } .bdsharebuttonbox .bds_tsina{ background-position: 0 -44px!important; } .bdsharebuttonbox .bds_tsina:hover{ background-position: 0 -66px!important; } .bdsharebuttonbox .bds_qzone{ background-position: 0 -88px!important; } .bdsharebuttonbox .bds_qzone:hover{ background-position: 0 -110px!important; } .bdsharebuttonbox .bds_tqq{ background-position: 0 -132px!important; } .bdsharebuttonbox .bds_tqq:hover{ background-position: 0 -154px!important; } .bdsharebuttonbox .bds_sqq{ background-position: 0 -176px!important; } .bdsharebuttonbox .bds_sqq:hover{ background-position: 0 -198px!important; } .bdsharebuttonbox .bds_tieba{ background-position: 0 -220px!important; } .bdsharebuttonbox .bds_tieba:hover{ background-position: 0 -242px!important; } .footernav{width:820px;float:left} .f-list{width:300px;float:right} .f-list .tel{ margin-bottom: 10px; color: #fff; } .share a{ width: 55px!important; height: 52px!important; padding: 0!important; margin: 0 18px 0 0!important; } .share a.bds_tsina{ background: url(../images/bg_sign07.png) no-repeat!important; } .share a.bds_weixin{ background: url(../images/bg_sign08.png) no-repeat!important; } .share a.bds_tqq{ margin-right: 0!important; background: url(../images/bg_sign09.png) no-repeat!important; } .f-list .weixin-box{ bottom: 52px; height: 163px; } .f-list .weixin-box .main{ height: 134px; padding: 15px 22px 0; background: #707070; } .f-list .weixin-box li{ width: 100px; height: 134px; margin: 0 5px; line-height: 34px; color: #fff; text-align: center; } .f-list .weixin-box .bot{ height: 14px; background: url(../img/bg_sign117.png) no-repeat center top; } .map1 .w1200{ overflow: hidden; } .map1{ width: 100%; position: relative; padding: 62px 0 70px; background: #fffffc; } .map1 ul{ width:1000px; } .map1 ul li{ width:400px; border-right: 1px solid #f5f5f2; padding-left:66px; padding-right: 24px; } .map1 ul .li1{ background: url("../images/co1.png") 18px top no-repeat; } .map1 ul .li2{ background: url("../images/co2.png") 18px top no-repeat; } .map1 ul li .title-top{ padding-bottom: 10px; padding-top: 6px; } .map1 ul li .title-top p{ font-size: 18px; color: #333; line-height: 26px; } .map1 ul li .title-top .en{ font-size: 12px; color: #d0d0cd; text-transform: uppercase; } .map1 ul li .title-top .cn{ font-size: 15px; } .map1 ul li .context-bottom{ width: 300px; line-height: 24px; color: #999; font-size: 13px; } .map1 ul li .context-bottom p{ padding-bottom: 10px; text-transform: uppercase; } /* 缈婚〉 --------------------*/ .inPagination { float:left; width:100%; overflow:hidden; font-size:12px; padding-top:20px; padding-bottom:15px; background:url(../images/customer5.jpg) left top no-repeat; margin-left:11px; display:inline; } .inPagination .pageSkip input, .inPagination .pageSkip button { height:21px; width:21px; line-height:18px; text-align:center; background:#32436f; border:0; color:#fff; } .inPagination .pageSkip button { width:50px; cursor:pointer; } .inPagination { height:30px; color:#4d4d4d; text-align:center; margin-top:30px; margin-bottom:20px; } .inPagination a, .inPagination span, .inPagination .current { background-color:#666; display:inline-block; min-width:28px; _width:28px; height:19px; margin-right:10px; text-align:center; vertical-align:middle; line-height:19px; *line-height:19px; line-height:19px\0; white-space:nowrap; color:#000; } .inPagination a { position:relative; color:#fff; background:#666; } .inPagination .noLink { font-family:"寰蒋闆呴粦"; color:#000; border:1px solid #e2e2e2; width:28px; height:19px; } .inPagination .noLink2 { font-family:"寰蒋闆呴粦"; width:28px; height:28px; background:#fff; border:1px solid #cfcfcf; } .inPagination .current { color:#ffffff; } .inPagination a:hover { text-decoration:none; color:#fff; background-color:#828282; } .inPagination a.noLink:hover { background-color:#828282; border:1px solid #e32526; } .inPagination .pageSkip { width:auto; color:#727272; border:0; } .inPagination .pageSkip input { width:21px; height:18px; line-height:18px; margin:0 5px; text-align:center; vertical-align:middle; font-family:Tahoma, SimSun, Arial; color:#fff; } .inPagination .pageSkip button { width:42px; height:21px; line-height:21px; overflow:hidden; vertical-align:middle; cursor:pointer; border:0; background:#32436f; color:#fff; } .inPagination .btnRight { height:29px; width:94px; display:block; position:absolute; z-index:110; right:0; bottom:0; } .inPagination .btnRight .btn1 { padding:0; width:31px; height:19px; background:url(../images/icon.gif) no-repeat 0 -161px; display:block; float:right; margin-right:20px!important; margin-right:12px; } .inPagination .btnRight .btn2 { padding:0; width:31px; height:19px; background:url(../images/icon.gif) no-repeat 0 -126px; display:block; float:right; margin-right:10px!important; margin-right:8px; } .inPagination .noLink3, .noLink4 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#b5b5b5; width:28px; height:19px; background:#000; text-align:center; } .inPagination a.noLink3:hover { background-color:#828282; /border:1px solid #e2e2e2; color:#b5b5b5; text-align:center; } .inPagination .noLink4 { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#b5b5b5; text-align:center; width:28px; height:19px; background:#000; } .inPagination a.noLink4:hover { background-color:#828282; bo/rder:1px solid #e2e2e2; color:#b5b5b5; text-align:center; }