@charset "utf-8"; /**初始**/ * { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font: normal 14px "Microsoft YaHei"; -webkit-text-size-adjust: 100% } body { padding: 0; margin: 0 auto; font-size: 14px; line-height: 24px; color: #555555; background-color: #fff; font-family: "Microsoft YaHei", "Arial"; -webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/ -webkit-tap-highlight: rgba(0, 0, 0, 0); /*控制内容的可选择性*/ /*-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none;*/ } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } ul, li, form, dl, dt, dd, div, ol, figure, aside { padding: 0; margin: 0; } .ul, .ul li { list-style: none; } table { border-collapse: collapse; border-spacing: 0 } table td { border-collapse: collapse; font-size: 14px; } select, input, textarea { font-size: 14px; color: #333; border-radius: 0; -webkit-border-radius: 0; font-family: "Microsoft YaHei"; } img { border: none; max-width: 100%; vertical-align: middle; } a { color: #333; text-decoration: none; noline: -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */ } a:hover { color: #24a2e4; text-decoration: none; } a:focus { color: #000; outline: none; -moz-outline: none; } a:active { color: #000; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin: 0; font-family: "Microsoft YaHei"; text-align: justify; text-justify: inter-ideograph; } .clear { clear: both; height: 0px; overflow: hidden; zoom: 0; } .clearfix { *zoom: 1; } /*IE/7/6*/ .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .dot { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*2行文本省略号*/ .dot2 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .Ispic { background-repeat: no-repeat; background-position: center center; background-size: cover; } .Isimg { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); } .Isimg_2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform .8s ease-in-out; } /*:before, :after{ position:absolute; content:'';}*/ :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .w1720 { max-width: 1720px; margin: 0 auto; } @media(max-width:1720px) { .w1720 { padding: 0 2%; } } .w1600 { max-width: 1600px; margin: 0 auto; } @media(max-width:1600px) { .w1600 { padding: 0 2%; } } .w1200 { max-width: 1200px; margin: 0 auto; } @media(max-width:1200px) { .w1200 { padding: 0 2%; } } body { background: url("../images/bg.jpg") repeat-y center top; } .Header { width: 100%; position: absolute; left: 0; top: 0; padding-bottom: 2%; z-index: 101; } .Header .logo { position: relative; padding: 3.5% 0; } .Header .logo .img2 { display: none; } .Header .head_right { position: fixed; right: 0; top: 0; height: 100%; width: 180px; padding-top: 2.8%; } .Header .head_right dl { width: 100px; float: right; } .Header .head_right dd { padding-left: 10px; } .Header .head_right dd.lang { padding-left: 13px; } .Header .head_right dd.lang a { color: #fff; font-size: 0; width: 21px; height: 13px; background: url("../images/icon15.png") no-repeat center; display: inline-block; } .Header .top-search { position: relative; z-index: 100; padding: 14% 0 14% 2%; border: 1px solid #fff; border-left: none; border-right: none; margin: 5px 0 15px } .Header .open-search { background: url(../images/icon1.png) no-repeat center center; width: 30px; height: 30px; display: block; } .Header .open-search-show { background: none !important; } .Header .open-search-show::before, .Header .open-search-show::after { position: absolute; content: ''; width: 27%; height: 2px; background: #fff; top: 50%; left: 18%; transform: rotate(-45deg); } .Header .open-search-show::after { transform: rotate(45deg); } .Header .search-box { position: absolute; top: 5px; right: 120px; z-index: 100; display: none; } .Header .search-box .text { width: 254px; line-height: 46px; height: 46px; border: 1px solid #fff; background: rgba(0, 0, 0, 0.2); color: #fff; padding: 0 50px 0 10px; } .Header .search-box .btn { position: absolute; right: 0; top: 0; line-height: 46px; width: 46px; text-align: center; color: #fff; font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; background: none; } .Header .search-box .btn::before { position: absolute; content: ''; border: 8px solid transparent; border-left-color: #b4b4b4; top: 50%; right: -16px; margin-top: -8px; } .Header #open_menu { position: relative; width: 40px; height: 30px; z-index: 101; transition: background 0.3s; display: inline-block; cursor: pointer; margin-left: -5px; } .Header #open_menu i, .Header #open_menu i::before, .Header #open_menu i::after { background: #fff; border-radius: 3px; position: absolute; } .Header #open_menu i::before, .Header #open_menu i::after { left: 0; width: 100%; height: 100%; content: ''; transition: transform 0.3s; } .Header #open_menu i::before { top: 8px; } .Header #open_menu i::after { top: -8px; } .Header #open_menu i { left: 20%; width: 60%; height: 1px; margin-top: -1px; top: 50%; } .Header #open_menu.open_menu_on i { height: 1px; margin-top: -1.5px; } .Header #open_menu.open_menu_on i { background: none !important; } .Header #open_menu.open_menu_on i::before, .Header #open_menu.open_menu_on i::after { top: 0 !important; } .Header #open_menu.open_menu_on i::before { transform: rotate(45deg); } .Header #open_menu.open_menu_on i::after { transform: rotate(-45deg); } .Header .topNav { opacity: 0; transition: all 0.5s; display: none; } .Header .topNav li#m0 { /* display: none; */ } .Header .topNav li { border-top: 1px solid transparent; } .Header .topNav li a { font-size: 16px; color: #fff; display: block; } .Header .topNav li span { display: block; font-size: 10px; letter-spacing: -1px; color: #bdbdbd; text-transform: uppercase; } .NY_Header .topNav li.on { border-top-color: #d35d8f; } .NY_Header .topNav, .Header_top .topNav { position: absolute; width: 950px; right: 100px; top: 6.5%; border-top: 1px solid #fff; transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: rotate translateX(100%); -o-transform: rotate translateX(100%); display: block; } .NY_Header .topNav li, .Header_top .topNav li { float: left; margin: 0 40px 0 0; padding-top: 2%; } .NY_Header .topNav li:last-child, .Header_top .topNav li:last-child { margin-right: 0; } .NY_Header .header-menu-show, .Header_top .header-menu-show { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: rotate translateX(0); -o-transform: rotate translateX(0); opacity: 1; } .NY_Header .topNav, .Header_white .topNav { border-top: 1px solid #dedede; } .Header_white .logo { display: none; } .NY_Header { position: relative; padding-bottom: 4.2%; overflow: hidden; } .NY_Header .logo {} .NY_Header .logo .img1 { display: none; } .NY_Header .logo .img2 { display: block; } .NY_Header .head_right { position: fixed; top: 0; padding-top: 2.8%; height: auto; } .Hindex { margin-right: 180px; } .NY_Header #open_menu i, .NY_Header #open_menu i::before, .NY_Header #open_menu i::after, .NY_Header .open-search-show::before, .NY_Header .open-search-show::after, .Header_white #open_menu i, .Header_white #open_menu i::before, .Header_white #open_menu i::after, .Header_white .open-search-show::before, .Header_white .open-search-show::after { background: #d35d8f; } .NY_Header .open-search, .Header_white .open-search { background-image: url("../images/icon2.png"); } .Header_white .top-search { border-color: #dddddd; } .NY_Header .head_right dd.lang a, .Header_white .head_right dd.lang a { color: #d35d8f; } .NY_Header .head_right dd.lang a, .Header_white .head_right dd.lang a { background-image: url("../images/icon14.png"); } .Header_white #open_menu.open_menu_on { position: absolute; left: 5%; top: 2%; } .Header_white .hide { display: none; } .Header_white .hide { display: none; } .Header_white .topNav { width: 100%; padding-left: 58px; } .Header_white .header-menu-show { display: block; opacity: 1; background: rgba(255, 255, 255, 0.5); } .Header_white .topNav li { margin: 18% 0; } .NY_Header .topNav li a, .Header_white .topNav li a { color: #555555; } .NY_Header .topNav li span, .Header_white .topNav li span { color: #888888; line-height: 18px; } .Header_white .topNav li#m1 { display: block; } .Hbanner li { position: relative; } .Hbanner img { display: none; } .Hbanner .txt { position: absolute; width: 100%; left: 0; bottom: 7%; text-align: center; } .Hbanner .txt h3 { color: #fff; font-size: 24px; font-weight: normal; margin: 0 0 1%; line-height: 30px; } .Hbanner .txt span { display: block; width: 80px; line-height: 20px; background: #d2d2d2; border: 1px solid #d2d2d2; font-size: 9px; color: #555555; margin: 0 auto; } .Hbanner .txt.active { animation: fadeInUp 1s ease 0s } .Hbanner .bx-pager { position: absolute; left: 0; bottom: 2%; width: 100%; z-index: 101; text-align: center; } .Hbanner .bx-pager div { display: inline-block; margin: 0 5px; } .Hbanner .bx-pager a { width: 50px; height: 2px; background: #fff; font-size: 0; display: block; } .Hbanner .bx-pager a.active { background: #d9232e; } .Hbanner li .bg_img { opacity: .6; transition: all .8s ease } .Hbanner li .active_img { opacity: 1; animation: scale11 7s infinite; transform: scale(1) } @keyframes scale11 { 0% { transform: scale(1) } 100% { transform: scale(1.08) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .Hbox2 { position: relative; height: 100%; } .Hbox2 ul { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .Hbox2 li { width: 50%; float: left; height: 50%; position: relative; overflow: hidden; } .Hbox2 li a:hover figure, .Hbox2 li .txt, .Hbox2 li a:before, .Hbox2 li a { position: absolute; left: 0; width: 100%; transition: all 0.5s; } .Hbox2 li a, .Hbox2 li a figure { top: 0%; height: 100%; } .Hbox2 li a:before { height: 100%; top: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; content: ''; z-index: 2; } .Hbox2 li .txt { transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); top: 50%; text-align: center; color: #ffffff; font-size: 28px; z-index: 3; opacity: 0; } .Hbox2 li .txt b { display: block; font-size: 30px; line-height: 50px; } .Hbox2 li a figure img { display: none; } .Hbox2 li a:hover:before, .Hbox2 li a:hover .txt { opacity: 1; } .Hbox2 li a:hover figure { transform: scale(1.05); } .Hbox3 { position: relative; height: 100%; } .Hbox3 ul { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .Hbox3 li { width: 24.7%; margin: 0.3% 0.3% 0 0; float: left; /*height: 34.15%;*/ height: 32.8%; position: relative; overflow: hidden; } .Hbox3 li a:hover figure, .Hbox3 li .txt, .Hbox3 li a figure:before, .Hbox3 li a { position: absolute; left: 0; width: 100%; transition: all 0.5s; } .Hbox3 li a, .Hbox3 li a figure { top: 0%; height: 100%; } .Hbox3 li a figure:before { height: 100%; top: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; content: ''; z-index: 2; } .Hbox3 li .txt { transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); top: 50%; text-align: center; color: #ffffff; font-size: 28px; z-index: 3; opacity: 0; } .Hbox3 li a figure img { display: none; } .Hbox3 li a:hover figure:before, .Hbox3 li a:hover .txt { opacity: 1; } .Hbox3 li a:hover figure { transform: scale(1.05); } .Hbox3 .more { background: #f4f4f4; } .Hbox3 .more span { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); font-size: 22px; color: #333333; text-align: center; } .Hbox3 .more span:after { display: inline-block; content: ''; width: 21px; height: 6px; background: url("../images/icon3.png") no-repeat center; vertical-align: middle; margin: -6px 0 0 10px; } .Hbox4 { position: relative; height: 100%; padding-right: 55%; } .Hbox4 .left { padding: 0% 0 0 16%; } .Hbox4 .left .txt { margin-top: 20%; } .Hbox4 .left h3, .Hbox4 .left h4 { color: #333333; line-height: normal; margin: 0; } .Hbox4 .left h3 { font-size: 28px; } .Hbox4 .left h4 { font-size: 42px; line-height: 42px; margin-top: 2%; } .Hbox4 .left p { line-height: 30px; color: #888; margin: 2% 0 0; } .Hbox4 .right { position: absolute; width: 54.5%; right: 0; top: 0; height: 100%; } .Hbox4 .right ul { height: 100%; width: 33.33%; float: left; border-left: 1px solid #dddddd; } .Hbox4 .right ul li { position: relative; width: 100%; height: 50%; } .Hbox4 .right ul li:first-child:after { content: ''; position: absolute; left: 0; bottom: 0; width: 41.2%; height: 1px; background: #ddd; } .Hbox4 .right .txt { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); padding: 0 2% 0 10%; font-size: 16px; line-height: 36px; } .Hbox4 .right .txt h3 { font-size: 36px; color: #cccccc; margin: 0 0 2%; } .Hbox4 .right ul.ul2 li:first-child { height: 65%; } .Hbox4 .right ul.ul2 li:nth-child(2) { height: 35%; } .Hbox4 .right ul.ul2 li:first-child .txt { padding-top: 89%; } .Hbox4 .right ul.ul3 li:first-child { height: 43%; } .Hbox4 .right ul.ul3 li:nth-child(2) { height: 57%; } .Hbox5 { height: auto; } .Hbox5 li { width: 33.33%; float: left; } .Hbox5 li figure, .Hbox5 li .txt { position: relative; } .Hbox5 li img { width: 100%; display: block; } .Hbox5 li .txt { padding-top: 58.62%; background: #f7f7f7 } .Hbox5 li figure:before, .Hbox5 li h2, .Hbox5 li .txt p { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); width: 100%; } .Hbox5 li .txt p { width: 80%; color: #888; max-height: 90%; overflow: auto; } .Hbox5 li h2 { margin: 0; line-height: 36px; color: #fff; font-size: 28px; text-align: center; text-transform: uppercase; } .Hbox5 li span { display: block; font-size: 24px; } .Hbox5 li figure:before { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ''; max-height: 100%; } .Hbox5 li figure:after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: rotate translateX(-50%); -o-transform: rotate translateX(-50%); border: 20px solid transparent; border-bottom-color: #f7f7f7; bottom: 0; } .Hbox5 li figure:before, .Hbox5 li figure:after, .Hbox5 li h2 { opacity: 0; transition: all 0.5s; } .Hbox5 li:nth-child(2) figure:after { border-top-color: #f7f7f7; bottom: auto; top: -1px; border-bottom-color: transparent; } .Hbox5 li a:hover figure:before, .Hbox5 li a:hover figure:after, .Hbox5 li a:hover h2 { opacity: 1; } .footer { background: url("../images/foot_bg.jpg")repeat center; color: #666; padding: 3.2% 0; } .footer .left { width: 50%; float: left; max-width: 754px; } .footer .tab_span { border-bottom: 1px solid #464646; } .footer .tab_span span { padding: 2% 0; float: left; margin: 0 2.3%; position: relative; color: #bbbbbb; cursor: pointer; position: relative; } .footer .tab_span span.on { color: #da2c36; } .footer .tab_span span.on:before { content: ''; position: absolute; left: 50%; bottom: -1px; width: 20px; height: 10px; background: url("../images/icon9.jpg") no-repeat center top; margin-left: -10px; } .footer .tab_list li { line-height: 26px; font-size: 12px; width: 55%; float: left; } .footer .box { padding: 2.1%; } .footer .box li:nth-child(2n) { width: 45%; } .footer .right { float: right; text-align: right; padding-right: 169px; position: relative; margin-top: 0.8%; } .footer .right figure { position: absolute; right: 0; top: 0; width: 120px; } .footer .right p { margin: 0; color: #666666; font-size: 28px; font-size: 12px; padding-top: 1%; } .footer .right a { color: #666666; } .footer .share { margin-top: 10%; } .footer .share a { float: none; padding: 0; width: 30px; height: 30px; display: inline-block; margin: 0 5px; background: url("../images/foot_wx.png") no-repeat center; } .footer .share a.tqq { background-image: url("../images/foot_qq.png"); } .footer .share a.sina { background-image: url("../images/foot_sina.png"); } .footer .share a.Facebook { background-image: url("../images/facebook.png"); } .footer .share a.Twitter { background-image: url("../images/twitter.png"); } .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list: focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide .slick-loading img { display: none; } .slick-slide .dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow .slick-hidden { display: none; } .Ny_menu { text-align: center; background: #f5f5f5; min-height: 44px; } .Ny_menu ul { display: table; word-spacing: -1em; overflow: hidden; } .Ny_menu li { display: inline-block; font-size: 14px; padding: 0 4px; background: #fff; word-spacing: 0; } .Ny_menu li a { display: block; min-width: 120px; background: #f5f5f5; text-align: left; padding: 2px 0 2px 15%; line-height: 20px; } .Ny_menu li a span { display: inline-block; font-size: 10px; color: #888888; line-height: 15px; text-transform: uppercase; width: 100%; } .Ny_menu li:hover a, .Ny_menu li.on a { background: #595656; color: #fff; } .Nytitle { text-align: center; font-size: 18px; color: #555555; text-transform: uppercase; padding: 2.5% 0; } .Nytitle h2 { font-size: 48px; color: #333333; margin: 0; line-height: normal; padding: 1% 0; } .Nytitle:after { content: ''; display: block; width: 60px; height: 1px; background: #d9232e; margin: 2% auto 0; } .team_list ul { text-align: left; font-size: 0; } .team_list li { width: 19.2%; margin: 0 1% 1% 0; overflow: hidden; display: inline-block; vertical-align: top; font-size: 14px; text-align: left; } .team_list li:nth-child(5n) { margin-right: 0; } .team_list .txt { background: #f7f7f7; padding: 8% 8% 5%; position: relative; } .team_list .txt h2 { margin: 0; font-size: 30px; color: #555555; line-height: normal; } .team_list .txt span { display: block; color: #555555; } .team_list .txt span:after { display: block; width: 60px; height: 1px; content: ''; background: #d9232e; margin: 5% 0; } .team_list .txt p { margin: 0; height: 72px; overflow: hidden; color: #555555; } .team_list li figure { position: relative; padding-top: 100%; transition: all 0.8s; } .team_list li img { display: none; } .team_list li a:hover figure { transform: scale(1.15); } .team_list li a:hover h2, .team_list li a:hover span { color: #d35d8f; } .Page002046 .Pages { text-align: center; padding: 4% 0 7%; } .Page002046 .Pages a { display: inline-block; vertical-align: middle; border: 1px solid #ececec; padding: 0 15px; line-height: 42px; color: #bdbdbd; margin: 0 10px; font-size: 20px; } .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur { background-color: #d9232e; color: #fff; } .Page002046 .Pages em { font-style: normal; display: inline-block; vertical-align: middle; overflow: hidden; } .Page002046 .Pages em a { float: left; margin-left: -1px; } .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total, .Page002046 .Pages .a_first, .Page002046 .Pages .a_end { display: none; } .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next { padding: 0; width: 44px; background: url(../images/icon4.png) no-repeat center center; overflow: hidden; line-height: 1000px; height: 44px; } .Page002046 .Pages .a_next { background-image: url(../images/icon5.png); margin-left: 0; } @media(max-width:640px) { .Page002046 .Pages .a_first, .Page002046 .Pages .a_end { display: none; } } @media(max-width:480px) { .Page002046 .Pages a { padding: 0 5px; } } .single_info { padding-bottom: 5%; max-width: 1200px; margin: 0 auto; } .caselist_banner { position: relative; overflow: hidden; } .caselist_banner img { display: block; width: 100%; animation: scale12 7s infinite; } .caselist_banner .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); width: 100%; text-align: center; color: #fff; } .caselist_banner h3 { font-size: 56px; margin: 0; line-height: normal; font-weight: normal; letter-spacing: 5px; } .caselist_banner p { margin: 0.5% 0; } .caselist_banner span { display: block; background: #d2d2d2; border: 1px solid #fff; text-align: center; width: 160px; color: #595656; line-height: 20px; margin: 1.8% auto 0; font-size: 10px; } .case_search { padding: 3% 0; } .case_search .region { max-width: 385px; height: 50px; background: url("../images/icon6.png") no-repeat 96% center; float: left; width: 45%; } .case_search select { width: 100%; line-height: 50px; height: 50px; padding: 0 7% 0 5%; -webkit-appearance: none; /* google */ -moz-appearance: none; /* firefox */ appearance: none; background: none; border: 1px solid #dddddd; font-size: 16px; color: #555; cursor: pointer; } .case_search .search { float: right; max-width: 385px; width: 45%; position: relative; } .case_search .text { height: 50px; line-height: 50px; background: #f8f8f8; border: none; padding: 0 60px 0 5%; width: 100%; font-size: 16px; color: #888888; } .case_search .btn { position: absolute; width: 50px; height: 100%; background: url("../images/icon7.png") no-repeat center; right: 0; top: 0; } .case_list { max-width: 1600px; margin: 0 auto; } .case_list ul { margin-bottom: -2%; } .case_list li { width: 24.1%; float: left; margin-right: 1.2%; margin-bottom: 4%; overflow: hidden; } .case_list li:nth-child(4n) { margin-right: 0; } .case_list li figure { position: relative; padding-top: 75.2%; transition: all 0.8s; overflow: hidden; } .case_list li p { margin: 0; line-height: 65px; color: #555555; border-bottom: 1px solid #999999; position: relative; overflow: hidden; background: #fefefe; } .case_list li a:hover figure { transform: scale(1.15); } .case_list li a:hover p { color: #d35d8f; } .case_info_box1 { max-width: 1200px; line-height: 36px; } .case_info_box1 p { margin: 0; } .case_info_box1 table { width: 100%; margin: 4% 0 8%; table-layout: fixed; } .case_info_box1 td { border: 1px solid #dddddd; padding: 1.7% 3%; } .case_info_box1 td:first-child { width: 23%; } .case_info_box1 td:nth-child(2), .case_info_box1 td:nth-child(3) { width: 28%; } .case_info_box1 td:nth-child(4) { width: 21%; } .case_info_box1 td span, .case_info_box1 td b { display: block; line-height: 20px; } .case_info_box1 td b { font-size: 16px; } .case_info_box2 { position: relative; } .case_info_box2 li img { display: block; width: 100%; } .case_info_box2 .bx-pager { position: absolute; left: 0; bottom: 2%; width: 100%; z-index: 101; text-align: center; } .case_info_box2 .bx-pager div { display: inline-block; margin: 0 5px; } .case_info_box2 .bx-pager a { width: 50px; height: 2px; background: #fff; font-size: 0; display: block; } .case_info_box2 .bx-pager a.active { background: #d9232e; } .case_info_box3 { max-width: 1200px; padding-bottom: 4%; } .case_info_box3 * { font-size: 16px !important; } .top_video { position: relative; margin-bottom: 2%; padding-top: 56.25%; overflow: hidden; } .top_video figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.8s; } .top_video:hover figure img { transform: scale(1.05); } .top_video img { display: block; width: 100%; } .top_video .play { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); color: #fff; text-align: center; font-size: 56px; line-height: normal; z-index: 3; } .top_video .play span { display: block; font-size: 14px; margin-top: 1%; } .videos_list .close { position: absolute; right: 2%; top: 2%; width: 5%; padding-top: 5%; display: none; z-index: 10; } .videos_list .close:before, .videos_list .close:after { content: ''; position: absolute; width: 80%; height: 3px; left: 12%; top: 50%; background: #fff; cursor: pointer; } .videos_list .close:before { transform: rotate(45deg); } .videos_list .close:after { transform: rotate(-45deg); } .videos_list .btn { width: 7.5%; padding-top: 7.5%; display: block; margin: 0 auto 2%; background: url("../images/icon8.png") no-repeat center; background-size: cover; } .videos_list iframe, .videos_list video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; background: #000; display: none; } .videos_list .video_box { position: relative; cursor: pointer; } .videos_list li { width: 32%; float: left; margin-right: 2%; margin-top: 3.8%; } .videos_list li:nth-child(3n) { margin-right: 0; } .videos_list li figure { padding-top: 56.25%; } .videos_list li .btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); width: 15.6%; padding-top: 15.6%; z-index: 3; } .videos_list li p { margin: 0; line-height: 65px; color: #555555; border-bottom: 1px solid #999999; position: relative; overflow: hidden; } .videos_list li .video_box:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.5s; z-index: 2; } .videos_list li:hover .video_box:before { opacity: 1; } .news_list {} .news_list li { background: #f7f7f7; margin-bottom: 1%; } .news_list li a { max-width: 1440px; margin: 0 auto; display: block; overflow: hidden; } .news_list figure { width: 25%; float: left; margin-right: 4%; overflow: hidden; } .news_list img { transition: all 0.5s; } .news_list .txt { position: relative; padding-right: 21%; float: right; width: 71%; margin-top: 2%; } .news_list .txt span { position: absolute; width: 24%; text-align: center; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); color: #888888; font-size: 16px; } .news_list .txt span:after { content: ''; display: inline-block; vertical-align: middle; background: url("../images/icon3.png") no-repeat center; width: 20px; height: 10px; margin-left: 10px; opacity: 0.6; margin-top: -2px; } .news_list h2 { margin: 0; padding: 2% 0; line-height: normal; font-size: 20px; color: #333333; } .news_list h2:after { content: ''; display: block; width: 60px; height: 1px; background: #d9232e; margin-top: 2%; } .news_list p { margin: 0 0 4%; color: #555; overflow: hidden; height: 48px; } .news_list time { color: #888888; } .news_list .txt:after { content: ''; position: absolute; right: 25%; top: 0; width: 1px; height: 100%; background: #dddddd; } .news_list a:hover img { transform: scale(1.1); } .news_list a:hover h2, .news_list a:hover span { color: #d35d8f; } .contact_box { padding: 5% 0 8%; } .contact_box .box { position: relative; } .contact_box .box img { display: block; width: 100%; } .contact_box .con { position: absolute; left: 0; top: 0; width: 100%; max-height: 100%; overflow: auto; color: #fff; padding: 5%; } .contact_box .con h2 { margin: 0; font-size: 36px; line-height: normal; } .contact_box .con h2 span { display: block; font-size: 14px; font-weight: normal; margin: 1.5% 0; } .contact_box .con h2:after, .contact_box .con .txt:after { content: ''; display: block; width: 60px; height: 1px; background: #fff; margin-bottom: 1.5%; } .contact_box .con .txt { max-width: 1006px; line-height: 30px; overflow: hidden; } .contact_box .con ul { display: table; width: 50%; float: left; } .contact_box .con li { display: table-row; } .contact_box .con li span { display: table-cell; } .contact_box .con ul:nth-child(2) li span:first-child { width: 120px; } .contact_box .con .txt:after { margin: 3% 0 4%; } .contact_box .con .more { width: 140px; line-height: 36px; text-align: center; background: rgba(255, 255, 255, 0.5); color: #595656; display: block; } .contact_box .con .more:before { content: ''; display: inline-block; width: 15px; height: 15px; background: url("../images/icon10.png") no-repeat center; vertical-align: middle; margin-right: 5px; } .contact_box .tab_span li { float: left; color: #888888; background: #f5f5f5; text-transform: uppercase; width: 115px; padding: 52px 0 15px 15px; margin-right: 1.25%; margin-top: 25px; cursor: pointer; } .contact_box .tab_span b { display: block; font-size: 24px; color: #555; } .contact_box .tab_span li:last-child { margin-right: 0; } .contact_box .tab_span li.on { background: #595656; color: #a7a7a7; position: relative; } .contact_box .tab_span li.on b { color: #fff; } .contact_box .tab_span li.on:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: rotate translateX(-50%); -o-transform: rotate translateX(-50%); border: 10px solid transparent; border-bottom-color: #595656; bottom: 100%; } .history { position: relative; } .history .time_list li { position: absolute; font-size: 20px; font-weight: bold; color: #333333; cursor: pointer; } .history .time_list li i { position: absolute; width: 20px; height: 20px; border-radius: 100%; background: #333333; border: 4px solid #fff; left: 50%; margin-left: -9px; top: 33px; } .history .time_list li.on { font-size: 22px; color: #d9232e; } .history .time_list li.on i { background: #d9232e; } .history .time_list li:nth-child(2n+1) i, .history .time_list li:nth-child(3) i { top: -25px; margin-left: -13px; } .history .time_list li:first-child i, .history .time_list li:nth-child(2) i { margin-left: -9px; top: 33px; } .history .time_list li:nth-child(4) i { top: 27px; } .history .time_list li:nth-child(6) i, .history .time_list li:nth-child(8) i { top: 28px; } .history .time_list li:nth-child(10) i { top: 31px; } .history .time_list li:nth-child(12) i { top: -27px; margin-left: -36px; } .history .time_list li:nth-child(13) i, .history .time_list li:nth-child(14) i, .history .time_list li:nth-child(15) i, .history .time_list li:nth-child(16) i { top: 3px; margin-left: -52px; } .history .box { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: rotate translateX(-50%); -o-transform: rotate translateX(-50%); background: #fff; width: 62.5%; bottom: 7%; height: 14.6%; } .history .box .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .history .box .left { width: 21.8%; position: relative; height: 100%; float: left; background: #f7f7f7; } .history .box time { color: #555555; font-size: 51px; font-weight: bold; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); } .history .box .right { width: 78%; padding: 1% 5% 0; float: right; height: 80%; overflow: auto; max-height: 80%; margin: 1% 0; } @media(max-width:1366px) { .history .box time { font-size: 40px; } .history .time_list li { font-size: 16px; } .history .time_list li.on { font-size: 18px; } } @media(max-width:1200px) { .history .box time { font-size: 30px; } .case_info_box1 img, .case_index img { height: auto !important; } } @media(max-width:1000px) { .history { padding: 2%; background-size: cover; } .history .img, .time_list { display: none; } .history .box { display: block !important; position: static; transform: none; height: auto; width: 100%; margin-bottom: 2%; } .history .box .txt { position: relative; overflow: hidden; padding-left: 22%; min-height: 118px; } .history .box .left { position: absolute; left: 0; top: 0; } .history .box .right { width: 100%; } } @media(max-width:640px) { .history .box time { font-size: 18px; } .join_con dl img { width: auto !important; height: auto !important; } } .about_box .pic { position: relative; overflow: hidden; } .about_box .pic figure { opacity: 1; transition: all 0.8s; } /*.about_box .pic.pic_on figure{animation: scale12 7s infinite;}*/ .about_box .pic figure:hover { transform: scale(1.08); } .about_box .pic .txt { color: #fff; text-align: center; width: 100%; position: absolute; left: 0; top: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%, ); -webkit-transform: rotate translateY(-50%); -o-transform: rotate translateY(-50%); opacity: 0; transition: all 0.8s; } .about_box .pic.pic_on .txt { opacity: 1; top: 50%; } .about_box .pic h3 { font-weight: normal; font-size: 56px; line-height: normal; margin: 0; } .about_box .pic p { margin: 0; font-size: 18px; text-transform: uppercase; } @keyframes scale12 { 0% { transform: scale(1) } 50% { transform: scale(1.08) } } .about_box article { line-height: 36px; border-bottom: 1px solid #ddd; padding-bottom: 8%; margin-bottom: 5%; } .about_box .box { padding: 5% 0; } .about_box .about_ul li { display: inline-block; text-align: center; margin-right: 4.2%; } .about_box .about_ul b { display: block; font-size: 30px; line-height: 36px; margin-bottom: 10px; } .about_box .about_ul li:last-child { margin-right: 0; } .culture_box .box1 li { overflow: hidden; background: #f7f7f7; margin-bottom: 1.5%; } .culture_box .box1 li figure, .culture_box .box1 li .txt { width: 50%; float: left; } .culture_box .box1 li figure { overflow: hidden; } .culture_box .box1 li figure img { opacity: 1; transition: all 0.8s; } .culture_box .box1 li figure:hover img { transform: scale(1.08); } .culture_box .box1 li .txt { padding: 6% 4.5% 0; } .culture_box .box1 li h3 { font-size: 36px; color: #333333; line-height: normal; margin: 0 0 3%; } .culture_box .box1 li span { display: block; font-size: 14px; color: #555555; font-weight: normal; margin: 2% 0 3.5%; } .culture_box .box1 li h3:after { content: ''; display: block; width: 60px; height: 1px; background: #d9232e; } .culture_box .box1 li p { margin: 0; } .culture_box .box1 li:nth-child(2) figure { float: right; } .culture_box .box1 li:nth-child(2) .txt { padding-top: 3%; } .culture_box .box2 { padding: 4% 0 3.5%; } .culture_box .box2 li { width: 32.33%; margin-right: 1.5%; float: left; border: 1px solid #ddd; display: table; min-height: 260px; } .culture_box .box2 li:last-child { margin-right: 0; } .culture_box .box2 li figure, .culture_box .box2 li .txt { display: table-cell; vertical-align: middle; } .culture_box .box2 li figure { width: 35%; text-align: center; } .culture_box .box2 li figure span { width: 100px; line-height: 100px; height: 100px; border-radius: 100%; background: #f7f7f7; display: inline-block; } .culture_box .box2 li figure img { transition: all 0.5s; } .culture_box .box2 h3 { font-size: 30px; margin: 0 0 3%; line-height: normal; } .culture_box .box2 li:hover figure img { transform: rotateY(180deg); } .honor_list ul { margin: 0 -0.5% 0; position: relative; } .honor_list ul li a { padding: 2% 2% 7%; background: #f7f7f7; display: block; margin: 0 2.5%; } .honor_list ul li .pic { position: relative; padding-top: 23%; } .honor_list ul li .pic:before { content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 85%; background: #c4c8ca; display: none; } .honor_list ul li figure { padding-top: 62%; z-index: 2; position: relative; } .honor_list figure img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: rotate translateX(-50%); -o-transform: rotate translateX(-50%); max-height: 100%; } .honor_list ul li p { margin: 20% 0 0; height: 48px; text-align: center; overflow: hidden; line-height: 48px; padding: 0 10%; } .honor_list ul li span { display: inline-block; vertical-align: middle; line-height: 24px; color: #555555; font-size: 16px; } .honor_list ul li a:hover span { color: #d35d8f; } .honor_list .slick-dots { width: 100%; padding: 2% 0 2%; text-align: center; } .honor_list .slick-dots li { display: inline-block; margin: 0 5px; } .honor_list .slick-dots li button { font-size: 0; width: 50px; height: 2px; border: none; background: #dddddd; } .honor_list .slick-dots li.slick-active button { background: #d9232e; } .partners_list { padding-bottom: 4%; } .partners_list .slick-track { padding: 3% 0 0; } .partners_list .slick-track li { margin: 1% 6% 12%; } .partners_list .slick-track li a { display: block; width: 100%; padding-top: 50%; border: 1px solid #ddd; position: relative; background: #fff; } .partners_list .slick-track li img { max-height: 95%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: rotate translate(-50%, -50%); -o-transform: rotate translate(-50%, -50%); opacity: 0.6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .partners_list .slick-track li a:hover img { opacity: 1; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; } .partners_list .slick-dots { width: 100%; padding: 0 0 2%; text-align: center; } .partners_list .slick-dots li { display: inline-block; margin: 0 5px; } .partners_list .slick-dots li button { font-size: 0; width: 50px; height: 2px; border: none; background: #dddddd; } .partners_list .slick-dots li.slick-active button { background: #d9232e; } .message_box { background-size: cover; background-position: center; padding: 5% 0; } .message_box .table { width: 100%; max-width: 600px; background: rgba(255, 255, 255, 0.9); margin: 0 auto; padding: 0 2% 2%; } .message_box h3 { font-weight: normal; font-size: 26px; line-height: normal; font-weight: normal; padding: 8% 0 4%; text-align: center; } .message_box li { margin-bottom: 2%; } .message_box .text { width: 100%; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; padding: 0 2%; font-size: 16px; color: #888888; } .message_box textarea.text { height: 150px; } .message_box ol { text-align: center; } .message_box .btn { width: 200px; margin: 3% auto 0; height: 40px; line-height: 40px; color: #fff; text-align: center; background: #595656; border: none; cursor: pointer; } /*山水城市*/ .city_info_10281448 {} .city_info_10281448 .img img { width: 49.5%; float: left; margin-right: 1%; } .city_info_10281448 .img img:nth-child(2n) { margin-right: 0; } .city_info_10281448 .con { max-width: 1200px; margin: 3% auto; line-height: 36px; } /*人才发展*/ .talent_box { line-height: 36px; padding-bottom: 2%; } .talent_box1 {} .talent_box article { max-width: 1200px; margin: 0 auto 3%; } .talent_box2 table { width: 100%; margin-top: 2%; } .talent_box2 table td { width: 25%; border: 1px solid #ddd; padding: 1.5% 2.5%; line-height: 24px; } .talent_box2 td .b { display: block; margin-bottom: 3%; font-size: 16px; } .talent_box3 article { margin-bottom: 0; padding-bottom: 5%; border-bottom: 1px solid #ddd; } .talent_box4 { padding-bottom: 8%; } .talent_box4 .con li { background: #f7f7f7; } .talent_box4 .con li figure, .talent_box4 .con li .txt { width: 50%; float: left; } .talent_box4 .con li figure { overflow: hidden; } .talent_box4 .con li figure img { transition: all 0.8s; } .talent_box4 .con li figure:hover img { transform: scale(1.15); } .talent_box4 .con li .txt { padding: 6% 3% 0 5%; } .talent_box4 .con li:nth-child(2) figure { float: right; } .talent_box4 .txt h2 { font-size: 36px; color: #333333; line-height: normal; margin: 0 0 3%; } .talent_box4 .txt span { display: block; font-size: 14px; color: #555555; font-weight: normal; margin: 2% 0 3.5%; } .talent_box4 .txt h2:after { content: ''; display: block; width: 60px; height: 1px; background: #d9232e; } .talent_box4 .txt p { margin: 0; } .footer .w1600 { position: relative; } #toTop { width: 35px; height: 35px; background: url("../images/icon13.png") no-repeat center; cursor: pointer; position: absolute; right: 0; top: -75px; } #fullPage #toTop { display: none; } .Hbut_a { position: fixed; bottom: 10.3%; right: 100px; z-index: 103; } .Hbut_a span { position: absolute; cursor: pointer; display: block; width: 35px; height: 35px; } .Hbut_a .fp-prev { top: -145px; } .Hbut_a .fp-next { top: 0; } @media(max-width:1440px) { .news_list li a { padding: 0 2%; } } @media(max-width:1366px) {} @media(max-width:1200px) { .NY_Header { overflow: initial; } .Header .top-search, .Header .head_right dd.lang { display: none; } .NY_Header .topNav { width: 100%; padding-left: 58px; border-top: none; display: none; right: 0; background: #fff; padding: 5%; transform: none; } .NY_Header .header-menu-show { display: block; opacity: 1; transform: none; } .NY_Header .topNav li { margin: 10% 0; float: none; } .NY_Header .topNav li a { color: #555555; } .NY_Header .topNav li span { color: #888888; line-height: 18px; } .NY_Header .topNav li#m1 { display: block; } .Header_white .head_right { display: none; } } @media(max-width:1024px) { .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell { height: auto !important; } .Hbanner .bg_img img { display: block; } .Hbanner .bx-pager { bottom: 2%; } .section2 .pic { display: block; } .section2 .pic img { width: 100%; } .section3, .section5 { padding: 5% 0; background-size: cover; } .section4 { background-size: cover; } .pcban { display: none; } .wapban { display: block; } .Hindex { margin-right: 0; padding: 0 2%; } .Hbox2 ul, .Hbox2 li a:hover figure, .Hbox3 ul, .Hbox3 li a:hover figure { position: relative; } .Hbox2 li a figure img, .Hbox3 li a figure img { display: block; } .Hbox2 li a, .Hbox3 li a { position: relative; display: block; } .Hbox2 li .txt, .Hbox2 li a:before, .Hbox3 li .txt, .Hbox3 li a figure:before { display: none; } .Hbox3 .more { padding-top: 18.5%; } .Hbox3 .more a { position: absolute; } .talent_box4 .txt h2 { font-size: 28px; } } @media(max-width:1000px) { .footer .left { display: none; } .footer .right { float: none; width: 100%; padding-right: 0; text-align: center; } .footer .right figure { position: static; margin: 0 auto; } .footer .share { margin-top: 0; } .team_list li { width: 32.6%; } .team_list li:nth-child(5n) { margin-right: 1%; } .team_list li:nth-child(3n) { margin-right: 0; } .contact_box .tab_span { display: none; } .contact_box .box { display: block !important; margin-bottom: 2%; } .contact_box .con ul { width: 100%; float: none; } } @media(max-width:768px) { #fp-nav { display: none; } .NY_Header .topNav li.on { border-color: transparent; } .Header_top .topNav { width: 100%; padding-left: 58px; border-top: none; display: none; right: 0; background: #fff; padding: 5%; transform: none; } .Header_top .header-menu-show { display: block; opacity: 1; transform: none; } .Header_top .topNav li { margin: 10% 0; float: none; } .Header_top .topNav li a { color: #555555; } .Header_top .topNav li span { color: #888888; line-height: 18px; } .Header_top .topNav li#m1 { display: block; } .Ny_menu { background: #fff; } .Ny_menu li { margin-bottom: 1%; } .Nytitle { font-size: 16px; } .Nytitle h2 { font-size: 26px; } .Page002046 .Pages em { display: none; } .top_video .play, .caselist_banner h3 { font-size: 30px; } .about_box .about_ul { overflow: hidden; } .about_box .about_ul li { width: 47%; margin-right: 2%; } .Header .head_right { height: auto; } } @media(max-width:640px) { .Header .head_right dl { width: 50px; } .Hbanner .txt.active { bottom: 15%; } .Hbanner .txt h3 { font-size: 18px; } .Hbox3 li { width: 49%; margin-right: 1%; } .Hbox3 .more { padding-top: 36.5%; } .Hbox4 { padding-right: 0; } .Hbox4 .right { width: 100%; position: static; } .Hbox4 .left h4 { font-size: 20px; line-height: 24px; } .Hbox4 .left { padding: 5% 2% 0; } .Hbox4 .right ul { width: 100%; float: none; } .Hbox4 .right .txt { position: static; transform: none; } .Hbox4 .right .txt h3 { font-size: 20px; } .Hbox4 .right ul.ul2 li:first-child .txt { padding-top: 0; } .Hbox5 li { width: 100%; float: none; } .Hbox5 li:nth-child(2n) { margin-bottom: 60px; } .Ny_menu { text-align: left; } .Ny_menu li { width: 50%; margin-bottom: 2%; } .about_box .pic h3 { font-size: 26px; } .about_box .pic p { font-size: 14px; } .about_box .about_ul { font-size: 0; } .about_box .about_ul li { width: 48%; margin-right: 2%; font-size: 14px; vertical-align: top; } .about_box .about_ul b { font-size: 20px; line-height: 26px; } .culture_box .box1 li figure, .culture_box .box1 li .txt { width: 100%; float: none; } .culture_box .box1 li h3 { font-size: 20px; } .culture_box .box2 li { width: 100%; margin-right: 0; margin-bottom: 2%; min-height: auto; padding: 5% 0; } .culture_box .box2 h3 { font-size: 20px; } .partners_list .slick-dots li button { width: 30px; } .team_list .txt h2 { font-size: 16px; } .team_list .txt span, .team_list .txt p { font-size: 12px; } .caselist_banner h3 { font-size: 20px; } .case_search .region, .case_search .search { float: none; width: 100%; margin-bottom: 2%; } .case_search select, .case_search .text { font-size: 14px; } .case_list li { width: 49%; margin-right: 2%; } .videos_list li:nth-child(4n) { margin-right: 2%; } .case_list li:nth-child(2n) { margin-right: 0; } .top_video .play { font-size: 20px; } .videos_list li { width: 49%; } .videos_list li:nth-child(3n) { margin-right: 2%; } .videos_list li:nth-child(2n) { margin-right: 0; } .news_list li { margin-bottom: 3%; } .news_list figure, .news_list .txt { float: none; width: 100%; } .news_list .txt { padding-right: 0; padding: 5%; } .news_list .txt span, .news_list .txt:after { display: none; } .news_list h2 { font-size: 16px; } .talent_box2 table td { display: block; width: 100%; margin-bottom: 2%; } .talent_box4 .con li figure, .talent_box4 .con li .txt { width: 100%; float: none !important; } .talent_box4 .con li .txt { margin-bottom: 5%; } .talent_box4 .txt h2 { font-size: 20px; } .contact_box .con { position: static; color: #555; } .contact_box .con h2 { font-size: 20px; } .contact_box .con li span { min-width: 80px; } .contact_box .con .more { background: #ddd; } } .history .h-img { width: 100%; height: 0; display: none; background: url(../images/history_img3.png) no-repeat center bottom; background-size: 100% auto; position: absolute; left: 0; bottom: 0; transition: height 1s ease; } .history .h-tra2 { transition: height 2s ease; } .history .h-img14 {} .history .h-img13 { height: 35.5%; } .history .h-img12 { height: 43.5%; } .history .h-img11 { height: 52%; } .history .h-img10 { height: 54.6%; } .history .h-img9 { height: 58.4%; } .history .h-img8 { height: 61%; } .history .h-img7 { height: 62.2%; } .history .h-img6 { height: 64%; } .history .h-img5 { height: 64.4%; } .history .h-img4 { height: 64.8%; } .history .h-img3 { height: 65.3%; } .history .h-img2 { height: 68.5%; } .history .h-img1 { height: 72.5%; } .history .h-img0 { height: 80.5%; } @media(min-width:1025px) { .history .h-img { display: block; } } .join_con { margin: 5% auto; font-size: 0; } .join_con dl { display: block; vertical-align: top; font-size: 16px; margin-bottom: 5%; } .join_con dt { font-size: 18px; font-weight: bold; margin: 2% 0; } .join_con dd { font-size: 16px; line-height: 30px; padding-left: 37px; } .join_con .dl_lxfs dd { font-size: 0; } .join_con .dl_lxfs .txt_p { width: 33.33%; vertical-align: top; display: inline-block; font-size: 16px; padding-right: 5%; } @media(max-width:1024px) { .join_con .dl_lxfs .txt_p { width: 100%; } } .social-share .icon-wechat { position: relative; } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; } .social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px; } .social-share .icon-wechat .wechat-qrcode.bottom:after { display: none; } .social-share .icon-wechat .wechat-qrcode h4 { font-weight: 400; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; color: #777; margin: 0; padding: 0; } .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } .social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important; } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: 400; line-height: 16px; margin: 0; padding: 0; } .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-color: #fff transparent transparent; border-style: solid; border-width: 8px 6px 6px; } .social-share .icon-wechat:hover .wechat-qrcode { display: block; } /*Floor002656 */ .Floor002656{ padding:4% 0; z-index: 2; background: #fff; position: relative} .Floor002656 .title-intro{ text-align:center; padding:3% 0; color:#333; max-width:1150px; margin:0 auto;} .Floor002656 .title-intro h3{ margin:0; font-size:60px;} .Floor002656 .title-intro .dot2{ font-size:20px; line-height:30px;} .Floor002656 .title-intro a{ color:#333; text-decoration:underline;} .Floor002656 .ul{margin: -10px;overflow: hidden;} .Floor002656 li{vertical-align: top;overflow: hidden;padding: 10px;} .Floor002656 li:nth-child(2n){ margin-right:0;} .Floor002656 li a{ display:block; position:relative;background:#ececec; transition:0.3s;color: #fff;} .Floor002656 li:nth-child(1) a{ background:#fafafa;} .Floor002656 li .txt{ position:absolute; left:6%; bottom:10%; width:60%;z-index: 10; opacity: 0; transition: all 0.5s;} .Floor002656 li a img{ width:100%; height: 100%; } .Floor002656 li>a:after{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background: rgba(0, 0, 0, .6);} .Floor002656 li .txt h2{ margin:0; font-size:28px;font-weight: normal; color:#fff;line-height: 1.2;} .Floor002656 li:hover .txt h2{/*color:#e60012;font-weight: bold;*/} .Floor002656 li:hover .txt{ opacity: 1;} .Floor002656 li .txt .dot2{ font-size:15px;line-height: 25px; color:#fff;margin: 10px 0 15px;} .Floor002656 li .txt span{ color:#fff;font-size:14px; text-decoration:underline;} .Floor002656 li a:hover{ background:#fff; box-shadow:0 18px 30px rgba(91,91,91,0.36);} @media(max-width:1366px){ .Floor002656 li .txt h2{font-size:24px;} .Floor002656 li .txt .dot2{ font-size:16px;} } @media(max-width:960px){ .Floor002656 li .txt h2{font-size:20px;} .Floor002656 li .txt .dot2{ font-size:14px;} } @media(max-width:768px){ .Floor002656 li{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor002656 .title-intro h3{ font-size:30px;} .Floor002656 .title-intro .dot2{ font-size:16px; line-height:24px;} } @media(max-width:480px){ .Floor002656 .title-intro h3{ font-size:24px;} .Floor002656 .title-intro .dot2{ font-size:14px; line-height:20px;} .Floor002656 li .txt h2{font-size:20px;} .Floor002656 li .txt .dot2{ font-size:14px;} } .title123{text-align: center; line-height: 40px;margin-bottom:35px;} .title123 .cn{font-size: 35px; color:#333;margin-bottom:10px;} .title123 span{color:#999;font-size:24px;text-transform: uppercase; } .title123 .en{opacity: 0.1;-webkit-opacity: 0.1;-ms-opacity: 0.05;font-size: 56px; font-family: Arial," sans-serif"; font-weight: bold; text-transform: uppercase; } .title123 p{font-size:16px;margin-top:0px;color:#333;} @media(max-width:1024px){ .title123 .cn{font-size: 28px;} .title123 p{font-size:15px;} } @media(max-width:768px){ .title123 .cn{font-size: 20px;} .title123 p{font-size:14px;} } .Notice_list{ margin: 5% auto 0; max-width: 1200px;} .Notice_list .left{ width: 70%; float: left; margin-bottom: 3%;} .Notice_list .left .item{ margin-bottom: 3%;} .Notice_list .right{ width: 25%; float: right; margin-bottom: 3%;} .Notice_list .tab_span{ display: flex; justify-content: space-between; margin-bottom: 3%;} .Notice_list .tab_span .ul{ display: flex;} .Notice_list .tab_span li{ font-size: 16px; margin-right: 20px; padding-bottom: 10px; position: relative; cursor: pointer;} .Notice_list .tab_span li::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #d9232e; transition: all 0.5s;} .Notice_list .tab_span li.on::after{ width: 100%;} .Notice_list .list li{ margin: 10px 0;} .Notice_list .list li a{ color: #666;} .Notice_list .list li a:hover{ color: #d9232e;} .Notice_list .list li time{ float: right; color: #999;} /*20250217x*/ .widget {position:fixed; right:0; top:80%; transform:translateY(-50%); font-size:16px;} .widget li {margin-bottom:0.25em; position:relative; list-style:none;} .widget a {display:flex; flex-direction:column; justify-content:center; background-color:#d9232e; width:5em; height:5em; font-size:0.875em;text-align:center; line-height:1.25em; color:#fff;} .widget i {display:block; margin:0 auto 0.14285em; width:60%; padding-bottom:52.857%; background:no-repeat center center; background-size:contain;} .widget .msg i {background-image:url(../images/widget_msg.png);} @media screen and (max-width: 768px){ .widget {font-size:12px;} } .popup {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(175,175,175,.39); z-index:101; display:none; overflow-y:auto; -webkit-overflow-scrolling:touch;} .popup .box {display:flex; width:100%; height:100%;justify-content:center; align-items:center;} .popup .form {background-color:#fff; width:88%; max-width:486px; padding:15px 40px 20px;} .popup .name {text-align:center; font-size:22px; margin:0 0 11px; border-bottom:3px solid #d9232e; color:#d9232e; padding-bottom:14px;} .popup .item {margin-bottom:18px;} .popup .label {display:block; font-size:14px; color:#363535; margin-bottom:4px;} .popup .label i {font-style:normal; color:#b60404; font-style:normal;} .popup .text {border:1px solid #ccc; height:37px;line-height:35px;display:block; width:100%; padding:0 10px;} .popup .btn {display:flex; justify-content:flex-end;} .popup .submit {cursor:pointer; color:#fff; font-size:14px; background-color:#d9232e; width:81px; height:34px; display:block; border-radius:5px;border: none} .popup .tips {color:#d9232e; font-size:11px; line-height:1.454em; margin-bottom:5px;} .tanchuan2 { display: none; background-color: rgba(0, 0, 0, 0.55); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 200; } .tanchuan2 .tb { display: table; width: 100%; height: 100%; } .tanchuan2 .tb .tbc { display: table-cell; vertical-align: middle; width: 100%; } .tanchuan2 .neirong { background-image: url(../images/join_bg.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: contain; width: 860px; max-width: 85%; background-color: #fff; height: 500px; max-height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); line-height: 30px; text-align: center} .tanchuan2 .neirong .titles { margin-top: 0.8%; font-size: 20px; } .tanchuan2 .neirong .txt { padding-left: 2%; } .tanchuan2 .box { padding: 3%; width: 100%; text-align: center} .tanchuan2 .closed { width: 25px; height: 25px; background: url(../images/tan_closed.png) center center no-repeat; position: absolute; right: -32px; top: -32px; cursor: pointer; } .tanchuan2 .text_input { position: relative; border: 1px solid #e5e5e5; margin: 0 auto; margin-top: 5.9%; width: 100%; max-width: 530px; height: 50px; line-height: 50px;text-align: left; padding: 0 20px;} .tanchuan2 .text_input input{width:100%; border:none; line-height:40px; cursor: pointer} .tanchuan2 .liulan { text-align: center; width:32%; max-width:160px; line-height:40px; background-color: #d9232e; color: #fff; cursor: pointer;border:none; } .jobs_list {padding-top: 4%} .jobs_list .list_title { background-color: #eae3f3; line-height: 60px; height: 60px; } .jobs_list .list_title .title { color: #222; line-height: 30px; } .jobs_list .tit1 { display: inline-block; text-align: left; max-width: 68%; font-size: 20px } .jobs_list .title {color: #666666; font-size: 16px; padding: 1.8% 0 1.3%; padding-right: 2.9%; display: block; width: 100%; position: relative; cursor: pointer; padding-left: 2.9%;line-height: 30px; border: 1px solid #f4f4f4; } .jobs_list .tits2 { margin-right: 2.5%; float: right} .jobs_list .list { background-color: #f6f8f9; margin-bottom: 10px; } .jobs_list .title::after { display: block; content: ''; clear: both; } .jobs_list .title .icon { color: #878c95; line-height: 30px; font-size: 18px; margin-left: 2%; } .jobs_list .title .icon:before{content: ''; display: inline-block;width:10px; height: 10px; border-right: solid 1px #333; border-bottom: solid 1px #333; transform: rotate(-45deg); transition: 0.5s} .jobs_list .list.on { background-color: #fff; } .jobs_list .list.on .title { background-color: #fff; border-bottom: none; } .jobs_list .list.on .title .icon:before {transform: rotate(45deg); border-color:#da2c36; } .jobs_list .text { display: none; padding-top: 5px; padding-bottom: 15px; padding-right: 2.9%; width: 100%; border: 1px solid #f4f4f4; border-top: none; position: relative; cursor: pointer; padding-left: 2.9%; color: #666666; line-height: 24px;/* font-weight: lighter; */} .jobs_list .text::after { content: ''; position: absolute; width: 94.2%; left: 2.9%; height: 1px; background-color: #f6f6f6; top: 0; } .jobs_list .onfirst .text { display: block; } .jobs_list .text .tits { color: #655874; font-size: 16px; } .jobs_list .text .desc{padding:1% 0} .jobs_list .apply{padding-top: 4%; padding-bottom: 1.5%} .jobs_list .apply a{ display: inline-block; padding: 0.7% 3.9%; border: 2px solid #da2c36; text-align: center; color: #da2c36; } .jobs_list .apply a:hover {background: #da2c36; color: #ffffff; } @media (max-width: 768px) { .jobs_list .title { padding: 10px; } .jobs_list { max-width: 100%; } .jobs_list .text .tits { margin-top: 10px; } .jobs_list .tits2 { margin-right: 1%; } .jobs_list .title { padding: 5px 10px 0; } .jobs_list .min768{display: none} }