@font-face{ font-family: "HELVETIR"; src: url('../font/HELVETIR.TTF'); font-weight: normal; font-style: normal; } @font-face{ font-family: "ARRUSKI"; src: url('../font/ARRUSKI.TTF'); font-weight: normal; font-style: normal; } /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; } /** 设置默认字体 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","Microsoft YaHei","黑体","宋体","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */ /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置文本格式元素 **/ a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */ sub { vertical-align: text-bottom; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; outline: none;} /* 使得表单元素在 ie 下能继承字体大小 */ button, input[type="button"] { cursor: pointer} input::-ms-clear{display:none;}/*隐藏文本框叉子*/ input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/ /* 注:optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } html{ } body{ width: 100%; overflow-x: hidden; color: #333; background: #fafafa; } .clear_both::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .w1200{ display: block; width: 1200px; margin: 0 auto; box-sizing: border-box; } .w1400{ display: block; width: 1400px; margin: 0 auto; box-sizing: border-box; } .head_box{ height: 82px; background: #f9f9f9; position: fixed; width: 100%; top: 0; left: 0; z-index: 9; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .head_box .logo_a{ margin-left: 70px; display: inline-block; vertical-align: top; height: 100%; width: 170px; background: url(../img/logo.png) no-repeat left center; } .head_box .language_p{ float: right; width: 82px; height: 100%; background: url(../img/dt.png) no-repeat center #323232; font-size: 0; position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .language_p span{ position: absolute; width: 100%; height: 0; overflow: hidden; top: 82px; background: #f9f9f9; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .language_p span a{ height: 42px; display: block; line-height: 42px; font-size: 12px; color: #666; padding-left: 10px; } .head_box .language_p span a:last-of-type{ border-top: 1px solid #e3e3e3; } .head_box .language_p span a img{ vertical-align: middle; margin-top: -2px; margin-right: 2px; } .head_box .language_p:hover{ background: url(../img/dt.png) no-repeat center #ff3500; } .head_box .language_p:hover span{ height: 85px; } .head_box form{ float: right; width: 82px; height: 100%; background: #e7e7e7; position: relative; z-index: 3; } .head_box form input{ position: absolute; top: 0; right: 82px; width: 0; height: 100%; background: #e7e7e7; border: none; font-size: 16px; color: #444; border-left: 1px solid #dedede; transition: 0.5s; -webkit-transition: 0.5s; } .head_box form button{ width: 100%; height: 100%; background: url(../img/ss.png) no-repeat center; border: none; transition: 0.5s; -webkit-transition: 0.5s; } .head_box form:hover{ overflow: inherit; } .head_box form:hover input{ padding: 0 10px; width: 240px; } .head_box form button:hover{ background: url(../img/ssh.png) no-repeat center #ff3500; } .head_box .w_ul{ float: right; height: 100%; font-size: 0; } .head_box .w_ul li{ display: inline-block; height: 100%; vertical-align: top; position: relative; border-left: 1px solid #e7e7e7; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .w_ul li>a{ display: block; height: 100%; line-height: 82px; font-size: 16px; color: #444; padding: 0 30px; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .w_ul li p{ display: none; position: absolute; width: 100%; top: 82px; left: 0; padding: 6px 0; background: #f9f9f9; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align: center; } .head_box .w_ul li p a{ display: block; font-size: 16px; color: #444; line-height: 36px; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .w_ul li:hover{ background: #ff3500; } .head_box .w_ul li:hover>a{ color: #fff; } .head_box .w_ul li p a:hover{ color: #ff3500; } .head_box .w_ul li.active_li{ background: #ff3500; } .head_box .w_ul li.active_li>a{ color: #fff; } .head_box .m_ul{ display: none; position: absolute; top: 61px; left: 0; width: 100%; background: #fff; z-index: 11; box-shadow: 0 3px 5px rgba(0,0,0,0.1); } .head_box .menu_div{ display: none; top: 0; right: 0; width: 60px; height: 100%; text-align: center; background: #ff3500; position: absolute; } .head_box .menu_div span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2.2rem; font-size: 0; } .head_box .menu_div i{ display: inline-block; width: 36px; height: 4px; border-radius: 2px; background: #fff; margin: 4px 0; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .active_div{ } .head_box .active_div i:nth-of-type(1){ -webkit-transform: rotate(45deg) translate(9px, 8px); transform: rotate(45deg) translate(9px, 8px); } .head_box .active_div i:nth-of-type(2){ opacity: 0; } .head_box .active_div i:nth-of-type(3){ -webkit-transform: rotate(-45deg) translate(9px, -8px); transform: rotate(-45deg) translate(9px, -8px); } .head_box .m_ul li{ } .head_box .m_ul>li{ padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .m_ul .active_li{ background: #fafafa; } .head_box .m_ul>li a{ display: block; height: 100%; color: #333; font-size: 16px; height: 45px; line-height: 45px; } .head_box .m_ul>li a i{ font-size: 20px; opacity: 0.3; float: right; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .m_ul>li a .active_i{ float: right; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .head_box .m_ul p{ display: none; } .head_box .m_ul p a{ padding: 0 20px; } .title_box{ background: #fff; margin-top: 82px; } .title_box div{ position: relative; } .title_box div .bg_img{ width: 100%; vertical-align: top; } .title_box div em{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .title_box div em img{ margin: -50px 0 0 -72px; } .title_box p{ text-align: center; font-size: 0; height: 109px; line-height: 109px; border-bottom: 1px solid #f2f2f2; } .title_box p a{ display: inline-block; vertical-align: top; height: 100%; box-sizing: border-box; padding: 24px 60px 0; position: relative; } .title_box p a::before{ content: ""; position: absolute; width: 1px; height: 50px; background: #e4e4e4; right: 0; top: 31px; } .title_box p a::after{ content: ""; position: absolute; width: 0; height: 2px; background: #ff3500; margin: auto; left: 0; right: 0; bottom: -1px; transition: 0.5s; -webkit-transition: 0.5s; } .title_box p a em{ display: block; margin: 0 auto; width: 40px; height: 40px; position: relative; } .title_box p a em img{ position: absolute; top: 0; left: 0; transition: 0.5s; -webkit-transition: 0.5s; } .title_box p a em img:nth-of-type(1){ opacity: 1; } .title_box p a em img:nth-of-type(2){ opacity: 0; } .title_box p a span{ font-size: 14px; line-height: 1; color: #444; display: block; text-align: center; margin-top: 4px; transition: 0.5s; -webkit-transition: 0.5s; } .title_box p a:last-of-type::before{ display: none; } @media (min-width: 1200px) { .title_box p a:hover em img:nth-of-type(1){ opacity: 0; } .title_box p a:hover em img:nth-of-type(2){ opacity: 1; } .title_box p a:hover::after{ width: 110px; } .title_box p a:hover span{ color: #ff3500; font-weight: bold; } } .title_box p a.active_a em img:nth-of-type(1){ opacity: 0; } .title_box p a.active_a em img:nth-of-type(2){ opacity: 1; } .title_box p a.active_a span{ color: #ff3500; font-weight: bold; } .title_box p a.active_a::after{ width: 110px; } .title_h3{ font-size: 42px; color: #333; text-align: center; margin-bottom: 60px; } .title_h3::after{ content: ""; display: block; margin: 25px auto 0; height: 5px; width: 40px; background: #000; } .pd{ padding: 100px 0 130px; } .page_box{ font-size: 0; text-align: center; margin-top: 90px; } .page_box a{ display: inline-block; position: relative; vertical-align: top; font-size: 16px; color: #666; height: 30px; line-height: 32px; width: 30px; border-radius: 50%; margin: 0 5px; transition: 0.5s; -webkit-transition: 0.5s; } .page_box a.prev_a{ margin-right: 40px; } .page_box a.prev_a::before{ content: ""; width: 0; height: 0; display: block; position: absolute; left: 2px; top: 7px; z-index: 5; border-top: 8px transparent dashed; border-left: 8px transparent dashed; border-bottom: 8px transparent dashed; border-right: 8px #666 solid; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .page_box a.prev_a::after{ content: ""; width: 0; height: 0; display: block; position: absolute; left: 4px; top: 7px; z-index: 5; border-top: 8px transparent dashed; border-left: 8px transparent dashed; border-bottom: 8px transparent dashed; border-right: 8px #fafafa solid; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .page_box a.next_a{ margin-left: 40px; } .page_box a.next_a::before{ content: ""; width: 0; height: 0; display: block; position: absolute; right: 2px; top: 7px; z-index: 5; border-top: 8px transparent dashed; border-right: 8px transparent dashed; border-bottom: 8px transparent dashed; border-left: 8px #666 solid; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .page_box a.next_a::after{ content: ""; width: 0; height: 0; display: block; position: absolute; right: 4px; top: 7px; z-index: 5; border-top: 8px transparent dashed; border-right: 8px transparent dashed; border-bottom: 8px transparent dashed; border-left: 8px #fafafa solid; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .page_box input{ width: 60px; height: 30px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; line-height: 28px; text-align: center; font-size: 14px; } .page_box #gofz{ border-radius: 4px; width: 40px; } .page_box a:hover{ background: #ff3500; color: #fff; } .page_box a.prev_a:hover::before{ border-right: 8px #fff solid; } .page_box a.prev_a:hover::after{ border-right: 8px #ff3500 solid; } .page_box a.next_a:hover::before{ border-left: 8px #fff solid; } .page_box a.next_a:hover::after{ border-left: 8px #ff3500 solid; } .page_box a.active_a{ background: #ff3500; color: #fff; } .foot_box{ background: #224295; padding: 80px 0; } .foot_box .top_div{ padding-bottom: 60px; border-bottom: 2px solid #4e68aa; } .foot_box .top_div dl{ display: inline-block; width: 360px; height: 56px; background: #fff; font-size: 16px; color: #485470; cursor: pointer; position: relative; vertical-align: top; } .foot_box .top_div dl dt{ width: 100%; height: 100%; line-height: 56px; box-sizing: border-box; padding: 0 16px; position: relative; } .foot_box .top_div dl dt::after{ content: ""; position: absolute; top: 22px; right: 10px; width: 20px; height: 12px; background: url(../img/sjx1.png) no-repeat; } .foot_box .top_div dl dd{ display: none; position: absolute; top: 57px; left: 0; width: 100%; padding: 10px 0; background: #fff; } .foot_box .top_div dl dd a{ display: block; padding: 0 16px; line-height: 2; color: #485470; } .foot_box .top_div .bdsharebuttonbox{ float: right; opacity: 0.5; padding-top: 3px; } .foot_box .top_div .bdsharebuttonbox span{ display: inline-block; vertical-align: top; font-size: 12px; color: #fff; line-height: 49px; margin-right: -8px; } .foot_box .top_div .bdsharebuttonbox a{ float: none; display: inline-block; vertical-align: top; width: 49px; height: 49px; padding: 0; margin: 0 0 0 24px; } .foot_box .top_div .bdsharebuttonbox a.bds_tsina{ background: url(../img/tb46.png) no-repeat; } .foot_box .top_div .bdsharebuttonbox a.bds_weixin{ background: url(../img/tb47.png) no-repeat; } .foot_box .top_div .bdsharebuttonbox a.bds_sqq{ background: url(../img/tb48.png) no-repeat; } .foot_box .middle_div{ padding: 56px 0 60px; border-bottom: 1px solid #2d4c9a; } .foot_box .middle_div p{ float: left; color: #fff; margin-right: 50px; } .foot_box .middle_div p strong{ display: block; font-size: 16px; font-weight: normal; margin-bottom: 36px; } .foot_box .middle_div p a{ display: block; color: #afc1ee; font-size: 14px; margin-bottom: 18px; transition: 0.5s; -webkit-transition: 0.5s; } .foot_box .middle_div p a:last-of-type{ margin-bottom: 0; } .foot_box .middle_div p a:hover{ color: #fff; } .foot_box .middle_div dl{ float: right; } .foot_box .middle_div dl dt{ } .foot_box .middle_div dl dd{ font-size: 14px; color: #fff; text-align: center; margin-top: 12px; } .foot_box .bottom_div{ font-size: 13px; padding-top: 42px; color: #9aabd6; opacity: 0.5; } .foot_box .bottom_div h6{ display: inline-block; } .foot_box .bottom_div h6 a{ color: #9aabd6; margin-left: 20px; } .foot_box .bottom_div p{ float: right; font-size: 0; } .foot_box .bottom_div p a{ display: inline-block; font-size: 13px; color: #9aabd6; padding-left: 20px; margin-left: 20px; border-left: 1px solid #4660a6; transition: 0.5s; -webkit-transition: 0.5s; } .foot_box .bottom_div p a:first-of-type{ margin-left: 0; border-left: none; } .foot_box .bottom_div p a:hover{ color: #fff; } .news_box{ } .news_box ul{ margin-top: -40px; font-size: 0; } .news_box ul li{ /*float: left;*/ display: inline-block; width: 32%; margin-right: 2%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-top: 40px; position: relative; } .news_box ul li:nth-of-type(3n+3){ margin-right: 0; } .news_box ul li a{ display: block; } .news_box ul li em{ display: block; overflow: hidden; } .news_box ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li dl{ padding: 0 24px; } .news_box ul li dl dt{ padding: 32px 0 10px; border-bottom: 1px solid #eee; } .news_box ul li dl dt h6{ font-size: 20px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 16px; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li dl dt p{ font-size: 14px; color: #666; line-height: 1.5; height: 84px; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li dl dd{ padding: 18px 0 46px; } .news_box ul li dl dd span{ font-size: 14px; line-height: 18px; color: #333; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li small{ position: absolute; right: 24px; bottom: 46px; } .news_box ul li small .bds_more{ width: 18px; height: 18px; padding: 0; margin: 0; background: url(../img/fx.png) no-repeat; } .news_box ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .news_box ul li:hover{ background: #ff3500; } .news_box ul li:hover dl dt h6{ color: #fff; } .news_box ul li:hover dl dt p{ color: #fff; } .news_box ul li:hover dl dd span{ color: #fff; } .report_box{ } .report_box ul{ margin-top: -40px; } .report_box ul li{ float: left; width: 18.4%; margin-right: 2%; margin-top: 40px; background: #fff; box-sizing: border-box; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .report_box ul li:nth-of-type(5n+5){ margin-right: 0; } .report_box ul li a{ display: block; text-align: center; padding: 18px; } .report_box ul li a em{ display: block; width: 100%; /*height: 290px;*/ overflow: hidden; } .report_box ul li a em img{ width: 100%; height: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .report_box ul li a p{ font-size: 16px; color: #333; margin-top: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .report_box ul li:hover a em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .culture_box{ } .culture_box ul{ margin-top: -40px; } .culture_box ul li{ font-size: 0; float: left; width: 32%; margin-right: 2%; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-top: 40px; height: 148px; line-height: 148px; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; } .culture_box ul li:nth-of-type(3n+3){ margin-right: 0; } .culture_box ul li em{ display: inline-block; vertical-align: middle; border-right: 1px solid #dcdcdc; padding: 0 16px 0 18px; position: relative; width: 80px; height: 80px; } .culture_box ul li em img{ width: 80px; height: 80px; position: absolute; top: 0; left: 16px; transition: 0.5s; -webkit-transition: 0.5s; } .culture_box ul li em img:last-of-type{ opacity: 1; } .culture_box ul li div{ display: inline-block; vertical-align: middle; line-height: 1; width: calc(100% - 116px); box-sizing: border-box; padding: 0 20px; } .culture_box ul li div strong{ font-size: 24px; color: #333; display: block; font-weight: normal; transition: 0.5s; -webkit-transition: 0.5s; } .culture_box ul li div span{ display: block; font-size: 18px; color: #666; line-height: 1.5; margin-top: 10px; transition: 0.5s; -webkit-transition: 0.5s; } .culture_box ul li:hover em img:last-of-type{ opacity: 0; } .culture_box ul li:hover{ background: #ff3500; } .culture_box ul li:hover div strong{ color: #fff; } .culture_box ul li:hover div span{ color: #fff; } .idea_box{ } .idea_box .tab_p{ font-size: 0; margin-bottom: 100px; } .idea_box .tab_p span{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 165px; margin-right: 40px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .idea_box .tab_p span:last-of-type{ margin-right: 0; } .idea_box .tab_p span:hover{ background: #ff3500; } .idea_box .tab_p span.active_span{ background: #ff3500; } .idea_box .tab_div{ } .idea_box .tab_div dl{ display: none; } .idea_box .tab_div dl::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .idea_box .tab_div dl dd{ float: left; width: 55%; box-sizing: border-box; } .idea_box .tab_div dl dd div{ border-bottom: 1px solid #e4e4e4; padding-bottom: 36px; margin-bottom: 36px; } .idea_box .tab_div dl dd div span{ display: block; font-size: 24px; color: #ff3500; margin-bottom: 12px; } .idea_box .tab_div dl dd div p{ font-size: 18px; line-height: 1.5; } .idea_box .tab_div dl dd ul{ } .idea_box .tab_div dl dd ul li{ font-size: 16px; position: relative; padding-left: 90px; margin-bottom: 30px; } .idea_box .tab_div dl dd ul li span{ position: absolute; top: 0; left: 0; color: #fff; background: #ff3500; height: 30px; width: 72px; text-align: center; line-height: 30px; border-radius: 10px; } .idea_box .tab_div dl dd ul li p{ color: #666; line-height: 1.8; } .idea_box .tab_div dl dd ul li:last-of-type{ margin-bottom: 0; } .idea_box .tab_div dl dt{ float: right; width: 40%; box-sizing: border-box; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .idea_box .tab_div dl dt img{ width: 100%; vertical-align: top; } .investor_box{ } .investor_box ul{ margin-top: -30px; } .investor_box ul li{ float: left; width: 49%; background: #fff; margin-top: 30px; margin-right: 2%; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .investor_box ul li:nth-of-type(2n+2){ margin-right: 0; } .investor_box ul li a{ display: block; padding: 0 18px; height: 64px; line-height: 64px; font-size: 16px; transition: 0.5s; -webkit-transition: 0.5s; } .investor_box ul li a::before{ content: ""; display: inline-block; width: 8px; height: 13px; background: url(../img/sjx2.png) no-repeat; vertical-align: top; margin-right: 8px; margin-top: 24px; transition: 0.5s; -webkit-transition: 0.5s; } .investor_box ul li a p{ max-width: 490px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; display: inline-block; vertical-align: top; padding-right: 34px; background: url(../img/pdf.png) no-repeat right center; transition: 0.5s; -webkit-transition: 0.5s; } .investor_box ul li:hover a{ padding: 0 18px 0 12px; } .investor_box ul li:hover a::before{ background: url(../img/sjx2h.png) no-repeat; } .investor_box ul li:hover a p{ color: #ff3500; } .investor_box ul li a span{ float: right; color: #999; } .contact_box{ } .contact_box ul{ margin-top: -40px; } .contact_box ul li{ float: left; width: 49%; margin-right: 2%; margin-top: 40px; font-size: 0; box-sizing: border-box; padding: 28px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); position: relative; } .contact_box ul li:nth-of-type(2n+2){ margin-right: 0; } .contact_box ul li img{ vertical-align: middle; width: 200px; height: 240px; border-radius: 20px; } .contact_box ul li dl{ display: inline-block; vertical-align: middle; width: calc(100% - 200px); box-sizing: border-box; padding-left: 28px; } .contact_box ul li dl dt{ font-size: 24px; margin-bottom: 24px; line-height: 1.5; } .contact_box ul li dl dt::after{ content: ""; display: block; width: 50px; height: 2px; background: #0e1e7d; margin-top: 12px; } .contact_box ul li dl dd{ font-size: 16px; color: #444; line-height: 1.8; } .contact_box ul li dl dd p{ } .contact_box ul li dl dd span{ display: block; white-space: inherit !important; } .contact_box ul li i{ position: absolute; right: 0; bottom: 0; font-size: 120px; color: #bbb; opacity: 0.1; } .contact_box .map_div{ margin-top: 80px; padding: 15px; height: 430px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .contact_box #dituContent{ width: 100%; height: 100%; } .marketing_box{ } .marketing_box ul{ margin-bottom: 40px; } .marketing_box ul li{ float: left; width: 32%; margin-right: 2%; box-shadow: 0 0 30px rgba(0,0,0,0.1); background: #fff; text-align: center; padding: 32px 0; min-height: 146px; } .marketing_box ul li:nth-of-type(3){ margin-right: 0; } .marketing_box ul li h6{ font-size: 28px; margin-bottom: 20px; } .marketing_box ul li span{ display: block; font-size: 18px; } .marketing_box ul li p{ font-size: 18px; color: #ff3500; margin-top: 16px; } .marketing_box ul li p i{ font-size: 18px; } .marketing_box ul li p span{ font-size: 24px !important; font-family: "ARRUSKI" !important; } .marketing_box ul li p em{ font-size: 24px !important; font-family: "ARRUSKI"; } .marketing_box .map_div{ position: relative; text-align: center; } .marketing_box .map_div img{ vertical-align: top; max-width: 100%; width: auto; } .marketing_box .map_div .nh_img{ position: absolute; right: 60px; bottom: 30px; } .product_box{ } .product_box .title_h6{ font-size: 16px; color: #666; line-height: 1.8; text-align: center; } .product_box ul{ margin-top: 40px; } .product_box ul li{ float: left; width: 31.8%; padding-bottom: 25%; margin-right: 2.3%; margin-top: 40px; background: #0e1e7d; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.3); transition: 0.5s; -webkit-transition: 0.5s; } .product_box ul li:nth-of-type(3n+3){ margin-right: 0; } .product_box ul li a{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; color: #fff; } /* .product_box ul li .sk_span{ background: #ff3500; } */ .product_box ul li dl{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 111; text-align: center; background: url(../img/jt2.png) no-repeat; background-position: center bottom -30px; transition: 0.5s; -webkit-transition: 0.5s; } .product_box ul li dl dt{ margin-bottom: 36px; } .product_box ul li dl dt img{ vertical-align: top; } .product_box ul li dl dd{ } .product_box ul li dl dd h6{ font-size: 24px; margin-bottom: 14px; } .product_box ul li dl dd small{ font-size: 18px; } .product_box ul li:hover{ background: #ff3500; } .product_box ul li:hover dl{ padding-bottom: 50px; background-position: center bottom 0; } .apparatus_box{ } .apparatus_box .title_h6{ padding: 0 12%; font-size: 16px; color: #666; line-height: 1.8; text-align: center; margin-bottom: 40px; } .apparatus_box ul{ margin-top: -40px; } .apparatus_box ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 40px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; padding: 20px; } .apparatus_box ul li:nth-of-type(3n+3){ margin-right: 0; } .apparatus_box ul li em{ display: block; } .apparatus_box ul li em img{ vertical-align: top; width: auto; max-width: 100%; transition: 0.5s; -webkit-transition: 0.5s; } .apparatus_box ul li p{ font-size: 18px; color: #333; margin-top: 20px; transition: 0.5s; -webkit-transition: 0.5s; } .apparatus_box ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .apparatus_box ul li:hover p{ color: #ff3500; } .productList_box{ } .productList_box .swiper-pagination{ bottom: 0 !important; height: 3px; } .productList_box .swiper-pagination span{ width: 44px; height: 3px; background: #c6c6c6; border-radius: 0; opacity: 1; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .productList_box .swiper-pagination span.swiper-pagination-bullet-active{ background: #737373; } .productList_box .swiper_div{ position: relative; } .productList_box .swiper_div::after{ content: ""; position: absolute; top: -30px; left: -45px; width: 162px; height: 162px; background: url(../img/tp43.png) no-repeat; z-index: 3; } .productList_box .swiper-container{ width: 100%; margin-left: -15px; margin-top: -15px; padding: 15px 15px 40px; margin-bottom: 80px; } .productList_box .swiper-container dl{ font-size: 0; background: #fff; padding: 20px; position: relative; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .productList_box .swiper-container dt{ display: inline-block; vertical-align: top; width: 54%; } .productList_box .swiper-container dt img{ width: 100%; vertical-align: top; } .productList_box .swiper-container dd{ display: inline-block; vertical-align: top; width: 46%; box-sizing: border-box; padding: 30px 30px 0 50px; } .productList_box .swiper-container dd h6{ font-size: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; } .productList_box .swiper-container dd small{ display: block; font-size: 16px; margin-bottom: 28px; } .productList_box .swiper-container dd ul{ border-top: 1px solid #e0e0e0; padding-top: 28px; } .productList_box .swiper-container dd ul li{ font-size: 16px; color: #666; line-height: 1.5; position: relative; padding-left: 70px; margin-bottom: 28px; overflow: hidden; max-height: 96px; } .productList_box .swiper-container dd ul li span{ position: absolute; top: 0; left: 0; } .productList_box .swiper-container dd ul li p{ width: 100%; } .productList_box .swiper-container dd i{ position: absolute; bottom: 50px; left: calc(54% + 50px); height: 44px; line-height: 44px; background: #ff3500; border-radius: 20px; width: 170px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; } .productList_box .swiper-container dd i::after{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt1.png) no-repeat right; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .productList_box .swiper-container dd i:hover::after{ width: 30px; opacity: 1; } .productList_box .tab_p{ text-align: center; margin-bottom: 52px; } .productList_box .tab_p span{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .productList_box .tab_p span a{ color: #fff; display: block; width: 100%; height: 100%; } .productList_box .tab_p .active_span{ background: #ff3500; } .productList_box .tab_p span:hover{ background: #ff3500; } .productList_box .tab_dl{ } .productList_box .tab_dl dd{ } .productList_box .tab_dl dd ul{ margin-top: -40px; } .productList_box .tab_dl dd ul li{ float: left; width: 32%; margin-right: 2%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-top: 40px; box-sizing: border-box; padding: 20px; } .productList_box .tab_dl dd ul li:nth-of-type(3n+3){ margin-right: 0; } .productList_box .tab_dl dd ul li em{ display: block; overflow: hidden; } .productList_box .tab_dl dd ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; height:300px; } .productList_box .tab_dl dd ul li p{ font-size: 18px; text-align: center; margin-top: 20px; transition: 0.5s; -webkit-transition: 0.5s; } .productList_box .tab_dl dd ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .productList_box .tab_dl dd ul li:hover p{ color: #ff3500; } .productReturn_a{ display: block; height: 80px; background: #eee; color: #ff3500; font-size: 16px; text-align: center; line-height: 80px; } .productInfo_box{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 11; } .productInfo_box dl{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 1200px; box-sizing: border-box; font-size: 0; background: #fff; padding: 30px; position: relative; } .productInfo_box dl dt{ display: inline-block; vertical-align: top; width: 56%; } .productInfo_box dl dt img{ width: 100%; vertical-align: top; } .productInfo_box dl dd{ display: inline-block; vertical-align: top; width: 44%; box-sizing: border-box; padding: 30px 30px 0 50px; } .productInfo_box dl dd h6{ font-size: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px; } .productInfo_box dl dd small{ display: block; font-size: 16px; margin-bottom: 28px; } .productInfo_box dl dd ul{ border-top: 1px solid #e0e0e0; padding-top: 28px; height: 240px; } .productInfo_box dl dd ul li{ font-size: 16px; color: #666; line-height: 1.5; position: relative; padding-left: 70px; margin-bottom: 28px; } .productInfo_box dl dd ul li span{ position: absolute; top: 0; left: 0; } .productInfo_box dl dd ul li p{ width: 100%; } .productInfo_box dl .hide_i{ transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer; position: absolute; z-index: 3; right: 20px; top: 20px; width: 46px; height: 46px; border-radius: 50%; background: url(../img/gb.png) no-repeat center #dedede; } .productInfo_box dl .hide_i:hover{ background: url(../img/gb.png) no-repeat center #ccc; } .copyright_box{ } .copyright_box p{ font-size: 16px; text-indent: 32px; color: #666; line-height: 1.6; text-align: justify; margin-bottom: 28px; } .party_box{ } .party_box .tab_p{ text-align: center; margin-bottom: 52px; font-size: 0; } .party_box .tab_p span{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .party_box .tab_p span a{ color: #fff; display: block; width: 100%; height: 100%; } .party_box .tab_p .active_span{ background: #ff3500; } .party_box .tab_p span:hover{ background: #ff3500; } .party_box .tab_dl{ } .party_box .tab_dl dd{ display: none; } .party_box .tab_dl dd ul{ margin-top: -30px; } .party_box .tab_dl dd ul li{ float: left; width: 49%; margin-right: 2%; margin-top: 30px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); box-sizing: border-box; padding: 26px; transition: 0.5s; -webkit-transition: 0.5s; } .party_box .tab_dl dd ul li:nth-of-type(2n+2){ margin-right: 0; } .party_box .tab_dl dd ul li a{ display: block; font-size: 14px; color: #666; transition: 0.5s; -webkit-transition: 0.5s; } .party_box .tab_dl dd ul li h6{ font-size: 18px; color: #0e1e7d; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 16px; transition: 0.5s; -webkit-transition: 0.5s; } .party_box .tab_dl dd ul li span{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; } .party_box .tab_dl dd ul li p{ line-height: 1.5; height: 42px; overflow: hidden; } .party_box .tab_dl dd ul li:hover{ background: #ff3500; } .party_box .tab_dl dd ul li:hover a{ color: #fff; } .party_box .tab_dl dd ul li:hover h6{ color: #fff; } .typical_box{ } .typical_box .tab_p{ text-align: center; margin-bottom: 52px; font-size: 0; } .typical_box .tab_p span{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .typical_box .tab_p span a{ color: #fff; display: block; width: 100%; height: 100%; } .typical_box .tab_p .active_span{ background: #ff3500; } .typical_box .tab_p span:hover{ background: #ff3500; } .typical_box .tab_dl{ } .typical_box .tab_dl dd{ display: none; } .typical_box .tab_dl dd ul{ margin-top: -30px; } .typical_box .tab_dl dd ul li{ float: left; width: 49%; margin-right: 2%; margin-top: 30px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); box-sizing: border-box; padding: 30px; } .typical_box .tab_dl dd ul li:nth-of-type(2n+2){ margin-right: 0; } .typical_box .tab_dl dd ul li a{ display: block; font-size: 0; position: relative; } .typical_box .tab_dl dd ul li em{ display: inline-block; vertical-align: top; width: 310px; overflow: hidden; } .typical_box .tab_dl dd ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .typical_box .tab_dl dd ul li div{ display: inline-block; vertical-align: top; width: calc(100% - 310px); box-sizing: border-box; padding-left: 30px; padding-top: 20px; font-size: 14px; } .typical_box .tab_dl dd ul li div h6{ font-size: 30px; color: #333; border-bottom: 1px solid #dedddd; padding-bottom: 22px; margin-bottom: 20px; } .typical_box .tab_dl dd ul li div span{ display: block; line-height: 1.5; color: #333; margin-top: 8px; } .typical_box .tab_dl dd ul li div p{ color: #666; line-height: 1.5; height: 105px; overflow: hidden; margin-top: 20px; } .typical_box .tab_dl dd ul li div i{ position: absolute; bottom: 20px; left: 340px; height: 44px; line-height: 44px; background: #ff3500; border-radius: 20px; width: 170px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; } .typical_box .tab_dl dd ul li div i::after{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt1.png) no-repeat right; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .typical_box .tab_dl dd ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .typical_box .tab_dl dd ul li:hover div i::after{ width: 30px; opacity: 1; } .typical_box .xjdx_div{ margin-bottom: 50px; cursor: pointer; position: relative; } .typical_box .xjdx_div img{ width: 100%; vertical-align: top; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .typical_box .xjdx_div i{ position: absolute; width: 50%; right: 18px; top: 50%; margin-top: -20px; font-size: 18px; color: #111; font-weight: bold; text-align: center; } .typical_box .xjdx_box{ position: fixed; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; display: none; } .typical_box .xjdx_box dl{ position: absolute; width: 1200px; max-height: 92%; overflow: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; } .typical_box .xjdx_box dt{ font-size: 18px; position: relative; color: #fff; height: 68px; line-height: 70px; background: #ff3400; text-align: center; font-weight: bold; } .typical_box .xjdx_box dt .out_i{ position: absolute; top: 50%; right: 30px; margin-top: -8px; cursor: pointer; width: 17px; height: 17px; background: url(../img/gb2.png) no-repeat; } .typical_box .xjdx_box dd{ padding: 30px 56px; color: #666; line-height: 1.6; } .typical_box .xjdx_box dd h6{ font-size: 16px; font-weight: bold; margin-bottom: 12px; } .typical_box .xjdx_box dd p{ font-size: 14px; margin-bottom: 16px; } .typical_box .xjdx_box dd p:last-of-type{ margin-bottom: 0; } .typical_box .xjdx_box dd em{ display: block; text-align: right; margin-top: 40px; } .typical_box .xjdx_box dd em a{ display: inline-block; margin-right: 14px; width: 55px; height: 38px; background: url(../img/jt4.png) no-repeat center #b2b2b2; } .typical_box .xjdx_box dd em a:last-of-type{ background: url(../img/jt5.png) no-repeat center #ff3500; } .typicalInfo_box{ } .typicalInfo_box .tab_p{ text-align: center; margin-bottom: 52px; } .typicalInfo_box .tab_p span{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .typicalInfo_box .tab_p span a{ color: #fff; display: block; width: 100%; height: 100%; } .typicalInfo_box .tab_p .active_span{ background: #ff3500; } .typicalInfo_box .tab_p span:hover{ background: #ff3500; } .typicalInfo_box dl{ font-size: 0; background: #fff; padding: 28px; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .typicalInfo_box dl dt{ display: inline-block; vertical-align: top; width: 46%; } .typicalInfo_box dl dt img{ width: 100%; vertical-align: top; } .typicalInfo_box dl dt p{ text-align: center; padding: 46px 0 20px; font-size: 0; } .typicalInfo_box dl dt a{ display: inline-block; height: 44px; line-height: 44px; border-radius: 20px; width: 170px; text-align: center; margin: 0 20px; font-size: 16px; color: #fff; cursor: pointer; } .typicalInfo_box dl dt a.prev_a{ background: #2c5cd6; } .typicalInfo_box dl dt a.prev_a::before{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt3.png) no-repeat left; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .typicalInfo_box dl dt a.next_a{ background: #ff3500; } .typicalInfo_box dl dt a.next_a::after{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt1.png) no-repeat right; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .typicalInfo_box dl dt a.prev_a:hover::before{ width: 30px; opacity: 1; } .typicalInfo_box dl dt a.next_a:hover::after{ width: 30px; opacity: 1; } .typicalInfo_box dl dd{ display: inline-block; vertical-align: top; width: 54%; box-sizing: border-box; padding-left: 40px; padding-top: 28px; } .typicalInfo_box dl dd h6{ font-size: 30px; color: #333; border-bottom: 1px solid #dedddd; padding-bottom: 22px; margin-bottom: 20px; } .typicalInfo_box dl dd span{ font-size: 14px; display: block; margin-bottom: 30px; } .typicalInfo_box dl dd strong{ display: block; font-size: 14px; color: #666; margin-bottom: 20px; } .typicalInfo_box dl dd .mCustomScrollbar_div{ font-size: 14px; color: #666; height: 590px; } .typicalInfo_box dl dd div p{ margin-bottom: 18px; line-height: 1.8; text-align: justify; } .typicalInfo_box dl dd div p:last-of-type{ margin-bottom: 0; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #dedddd !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #999 !important; } .recruit_box{ } .recruit_box dl{ text-align: center; } .recruit_box dl dt{ font-size: 24px; color: #ff3500; margin-bottom: 18px; } .recruit_box dl dd{ font-size: 16px; color: #333; line-height: 1.8; } .recruit_box ul{ margin-top: 80px; } .recruit_box ul li{ float: left; width: 32%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); margin-right: 2%; transition: 0.5s; -webkit-transition: 0.5s; } .recruit_box ul li:nth-of-type(3n+3){ margin-right: 0; } .recruit_box ul li em{ display: block; overflow: hidden; } .recruit_box ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .recruit_box ul li div{ padding: 32px 26px 0; width: 100%; height: 214px; box-sizing: border-box; } .recruit_box ul li div h6{ font-size: 24px; margin-bottom: 22px; transition: 0.5s; -webkit-transition: 0.5s; } .recruit_box ul li div p{ font-size: 16px; color: #666; line-height: 1.8; transition: 0.5s; -webkit-transition: 0.5s; } .recruit_box ul li:hover{ background: #ff3500; } .recruit_box ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .recruit_box ul li:hover div h6{ color: #fff; } .recruit_box ul li:hover div p{ color: #fff; } .develop_box{ padding: 100px 0 0 0; text-align: center; } .develop_box .title_h3{ position: relative; z-index: 8; } .develop_box .develop_div{ position: relative; display: inline-block; margin-top: -210px; height: 900px; } .develop_box .develop_div .bg_img{ } .develop_box .develop_div .tab_ul{ } .develop_box .develop_div .tab_ul li{ width: 120px; height: 120px; position: absolute; cursor: pointer; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.3); opacity: 0.5; transition: 0.5s; -webkit-transition: 0.5s; } .develop_box .develop_div .tab_ul li::after{ content: ""; position: absolute; width: 0; height: 0; border-radius: 50%; margin: auto; top: 0; left: 0; bottom: 0; right: 0; opacity: 1; background: #fff; transition: 0.5s; -webkit-transition: 0.5s; } .develop_box .develop_div .tab_ul li.active_li{ box-shadow: 0 0 20px rgba(0,0,0,0.5); opacity: 1; } .develop_box .develop_div .tab_ul li.active_li::after{ width: 100%; height: 100%; opacity: 0; } .develop_box .develop_div .tab_ul .li1{ background: url(../img/tp46.png) no-repeat; top: 195px; left: 237px; } .develop_box .develop_div .tab_ul .li2{ background: url(../img/tp47.png) no-repeat; bottom: 108px; left: 243px; } .develop_box .develop_div .tab_ul .li3{ background: url(../img/tp48.png) no-repeat; top: 417px; right: 124px; } .develop_box .develop_div .tab_div{ position: absolute; top: 200px; left: 50%; } .develop_box .develop_div .tab_div dl{ display: none; width: 540px; padding: 26px; background: rgba(255,255,255,0.9); box-shadow: 0 0 30px rgba(0,0,0,0.1); border-radius: 4px; } .develop_box .develop_div .tab_div dl dt{ width: 100%; position: relative; } .develop_box .develop_div .tab_div dl dt img{ width: 100%; vertical-align: top; } .develop_box .develop_div .tab_div dl dt p{ position: absolute; top: 30px; left: 30px; color: #fff; font-weight: bold; text-align: left; } .develop_box .develop_div .tab_div dl dt p strong{ display: block; font-size: 24px; } .develop_box .develop_div .tab_div dl dt p span{ display: block; font-size: 18px; margin-top: 10px; } .develop_box .develop_div .tab_div dl dd{ text-align: left; padding-top: 22px; } .develop_box .develop_div .tab_div dl dd p{ font-size: 16px; line-height: 1.8; margin-bottom: 10px; } .develop_box .develop_div .tab_div dl dd p span{ color: #ff3500; } .develop_box .develop_div .tab_div dl dd em{ font-size: 0; } .develop_box .develop_div .tab_div dl dd em small{ display: inline-block; width: 50%; font-size: 16px; color: #666; margin-top: 14px; } .develop_box .swiper_div{ background: #fff; padding: 100px 0; } .develop_box .swiper_div .w1400{ position: relative; } .develop_box .swiper_div .swiper-container{ padding: 17px; width: 100%; margin-left: -17px; } .develop_box .swiper_div .swiper-slide a{ display: block; width: 100%; box-sizing: border-box; padding: 15px; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .develop_box .swiper_div .swiper-slide a em{ display: block; overflow: hidden; } .develop_box .swiper_div .swiper-slide a em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .develop_box .swiper_div .swiper-slide a p{ font-size: 16px; color: #666; line-height: 1.5; margin-top: 15px; text-align: center; } .develop_box .swiper_div .swiper-button-prev{ width: 23px; height: 41px; background: url(../img/jtz.png) no-repeat; margin-top: -20px; outline: none; left: -46px; } .develop_box .swiper_div .swiper-button-next{ width: 23px; height: 41px; background: url(../img/jty.png) no-repeat; margin-top: -20px; outline: none; right: -46px; } .develop_box .swiper_div .swiper-slide div:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .show_img{ display: none; position: fixed; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); } .show_img img{ max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .join_box{ } .join_box .join_div{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 0 56px 56px; } .join_box .join_div dl{ border-bottom: 1px solid #e1e1e1; } .join_box .join_div dl dt{ font-size: 0; height: 120px; line-height: 120px; cursor: pointer; color: #666; } .join_box .join_div dl dt small{ display: inline-block; font-size: 16px; width: 150px; font-weight: bold; color: #999; } .join_box .join_div dl dt strong{ display: inline-block; font-size: 16px; font-weight: normal; width: 200px; height: 36px; background: #2c5cd6; line-height: 36px; border-radius: 18px; color: #fff; text-align: center; margin-right: 4%; transition: 0.5s; -webkit-transition: 0.5s; } .join_box .join_div dl dt span{ display: inline-block; font-size: 16px; width: 16%; text-align: left; } .join_box .join_div dl dt span:first-of-type{ width: 24%; } .join_box .join_div dl dt i{ float: right; margin-top: 42px; width: 36px; height: 36px; border-radius: 50%; background: url(../img/jtx.png) no-repeat center #e1e1e1; transition: 0.5s; -webkit-transition: 0.5s; } .join_box .join_div dl dd{ display: none; padding: 42px; background: #fafafa; box-shadow: 0 0 30px rgba(0,0,0,0.1) inset; } .join_box .join_div dl dd h5{ font-size: 24px; margin-bottom: 50px; } .join_box .join_div dl dd div{ color: #666; margin-bottom: 26px; } .join_box .join_div dl dd div span{ margin-right: 40px; } .join_box .join_div dl dd div strong{ display: block; font-size: 16px; margin-bottom: 10px; } .join_box .join_div dl dd div li{ list-style: none; } .join_box .join_div dl dd div p{ font-size: 14px; line-height: 1.8; } .join_box .join_div dl dd div.hide_div{ display: none; font-size: 14px; } .join_box .join_div dl dd a{ display: inline-block; width: 200px; height: 44px; background: #ff3500; color: #fff; font-size: 16px; text-align: center; line-height: 44px; margin-top: 60px; } .join_box .join_div dl dd .sc_span{ display: inline-block; width: 200px; height: 44px; background: #ff3500; color: #fff; font-size: 16px; text-align: center; line-height: 44px; margin-top: 60px; margin-left: 20px; cursor: pointer; } .join_box .join_div dl dd .sc_span small{ font-size: 16px; } .join_box .join_div dl:hover dt strong{ background: #ff3500; } .join_box .join_div dl:hover dt i{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); background: url(../img/jtxh.png) no-repeat center #ff3500; } .join_box .join_div dl.active_dl dt strong{ background: #ff3500; } .join_box .join_div dl.active_dl dt i{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg); background: url(../img/jtxh.png) no-repeat center #ff3500; } .resume_box{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99; } .resume_div{ position: absolute; padding: 30px 60px; width: 30%; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); } .resume_div h5{ font-size: 24px; text-align: center; } .resume_div .btn_div{ text-align: center; } .resume_div button{ width: 102px; border: none; height: 34px; background: #ff3500; color: #fff; font-size: 14px; } .resume_div .out_i{ margin-left: 20px; display: inline-block; vertical-align: top; width: 100px; height: 32px; border: 1px solid #ff3500; font-size: 14px; text-align: center; line-height: 32px; color: #ff3500; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .resume_div .out_i:hover{ background: #ff3500; color: #fff; } .resume_box .control-group{ width: 100%; height: 36px; margin: 20px 0; position: relative; } .resume_box .control-group::before{ content: "选择上传简历"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border: 1px solid #ff3500; color: #fff; background: #ff3500; font-size: 16px; text-align: center; line-height: 34px; cursor: pointer; } .resume_box .controls{ opacity: 0; cursor: pointer; position: absolute; z-index: 3; width: 100%; height: 100%; } .resume_box .controls .file{ width: 100%; height: 36px; } .resume_box .btn{ display: block; } .resume_box .file{ width: 100%; } .industry_box{ } .industry_box .link_p{ text-align: center; margin-bottom: 70px; } .industry_box .link_p a{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .industry_box .link_p a.active_a{ background: #ff3500; } .industry_box dl{ position: relative; text-align: center; } .industry_box dl dt{ display: inline-block; position: relative; text-align: center; } .industry_box dl dt img{ width: auto; max-width: 100%; vertical-align: top; } .industry_box dl dt span{ font-size: 16px; color: #0e1e7d; text-align: center; font-weight: bold; line-height: 82px; position: absolute; width: 82px; height: 105px; background: url(../img/dw.png) no-repeat; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .industry_box dl dt span.yg{ top: 6%; left: 5%; } .industry_box dl dt span.dm{ top: 22%; left: 14.9%; } .industry_box dl dt span.ysl{ top: 22%; left: 14.9%; } .industry_box dl dt span.mg{ top: 15%; left: 77%; } .industry_box dl dt span.hg{ top: 18%; left: 45%; } .industry_box dl dt span:hover{ background: url(../img/dwh.png) no-repeat; color: #fff; } .industry_box dl dd{ text-align: left; display: none; position: absolute; top: 0; left: 50%; width: 600px; margin-left: -300px; box-shadow: 0 0 30px rgba(0,0,0,0.1); background: #fff; box-sizing: border-box; } .industry_box dl dd .top_div{ background: #ff3500; padding: 32px; font-size: 0; position: relative; } .industry_box dl dd .top_div i{ position: absolute; top: 0; right: 0; width: 37px; height: 37px; cursor: pointer; background: url(../img/gbw.png) no-repeat center; opacity: 0.5; transition: 0.5s; -webkit-transition: 0.5s; } .industry_box dl dd .top_div i:hover{ opacity: 1; } .industry_box dl dd .top_div h5{ font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 20px; } .industry_box dl dd .top_div span{ display: inline-block; vertical-align: top; height: 34px; padding: 0 20px; line-height: 34px; border-radius: 17px; background: #fff; color: #ff3500; font-size: 16px; font-weight: bold; } .industry_box dl dd .top_div p{ float: right; width: calc(100% - 106px); font-size: 16px; color: #fff; line-height: 1.8; vertical-align: top; box-sizing: border-box; padding-left: 20px; font-weight: bold; text-align: justify; } .industry_box dl dd .bottom_div{ padding: 32px; font-size: 14px; } .industry_box dl dd .bottom_div h6{ font-size: 16px; color: #0e1e7d; font-weight: bold; } .industry_box dl dd .bottom_div span{ display: block; color: #ff3500; font-weight: bold; margin-bottom: 10px; margin-top: 18px; } .industry_box dl dd .bottom_div p{ color: #666; line-height: 1.5; text-align: justify; } .industry_box dl dd .bottom_div em{ display: none; font-size: 0; margin-top: 24px; } .industry_box dl dd .bottom_div em a{ display: inline-block; margin-right: 14px; width: 55px; height: 38px; } .industry_box dl dd .bottom_div em a.prev_a{ background: url(../img/jt4.png) no-repeat center #b2b2b2; } .industry_box dl dd .bottom_div em a.next_a{ background: url(../img/jt5.png) no-repeat center #ff3500; } .industry_box dl dd .mCustomScrollbar_div{ max-height: 300px; overflow: hidden; } .innovate_box{ } .innovate_box dl{ } .innovate_box dl dt{ float: left; width: 55%; font-size: 16px; color: #666; padding-top: 30px; } .innovate_box dl dt p{ text-align: justify; line-height: 1.8; margin-bottom: 8%; } .innovate_box dl dt h6{ } .innovate_box dl dt ul{ position: relative; } /* .innovate_box dl dt ul::before{ content: ""; position: absolute; width: 100%; height: 5px; background: #ecebeb; left: 0; top: 50%; margin-top: -5px; } */ .innovate_box dl dt ul li{ float: left; width: 33.33%; padding: 32px 0; } .innovate_box dl dt ul li span{ display: block; font-size: 16px; color: #333; padding-bottom: 16px; width: 146px; text-align: center; border-bottom: 1px solid #dedcdc; margin-bottom: 15px; } .innovate_box dl dt ul li em{ display: block; width: 146px; text-align: center; } .innovate_box dl dt ul li i{ font-size: 48px; color: #ff3500; margin-right: 4px; display: inline-block; font-family: "HELVETIR"; } .innovate_box dl dd{ width: 40%; float: right; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .innovate_box dl dd img{ width: 100%; vertical-align: top; } .industryn_box{ } .industryn_box .link_p{ text-align: center; margin-bottom: 70px; font-size: 0; } .industryn_box .link_p a{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .industryn_box .link_p a.active_a{ background: #ff3500; } .industryn_box .swiper_div{ position: relative; } .industryn_box .swiper-container{ width: 100%; margin-left: -15px; margin-top: -15px; padding: 15px; } .industryn_box .gallery-top{ height: auto; } .industryn_box .gallery-thumbs{ height: 163px; margin-bottom: 40px; } .industryn_box .gallery-thumbs .swiper-slide dl{ width: 100%; height: 100%; background: #fff; box-sizing: border-box; padding: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .industryn_box .gallery-thumbs .swiper-slide dl::after{ content: ""; position: absolute; opacity: 0; bottom: -10px; opacity: 0; left: 50%; margin-left: -8px; width: 16px; height: 10px; background: url(../img/sjxh.png) no-repeat; transition: 0.5s; -webkit-transition: 0.5s; } .industryn_box .gallery-thumbs .swiper-slide dt{ height: 112px; } .industryn_box .gallery-thumbs .swiper-slide dt img{ width: 100%; vertical-align: top; } .industryn_box .gallery-thumbs .swiper-slide dd{ font-size: 14px; line-height: 1.5; color: #333; margin-top: 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .industryn_box .gallery-thumbs .swiper-slide-thumb-active dl{ background: #ff3500; } .industryn_box .gallery-thumbs .swiper-slide-thumb-active dl::after{ opacity: 1; } .industryn_box .gallery-thumbs .swiper-slide-thumb-active dd{ color: #fff; } .industryn_box .gallery-top .swiper-slide{ background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 15px; box-sizing: border-box; } .industryn_box .gallery-top .swiper-slide dl{ width: 100%; height: 100%; position: relative; } .industryn_box .gallery-top .swiper-slide dt{ } .industryn_box .gallery-top .swiper-slide dt img{ width: 100%; vertical-align: top; } .industryn_box .gallery-top .swiper-slide dd{ position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; background: rgba(0,0,0,0.7); padding: 40px 32px 30px; color: #fff; } .industryn_box .gallery-top .swiper-slide dd h6{ font-size: 22px; margin-bottom: 14px; } .industryn_box .gallery-top .swiper-slide dd p{ font-size: 16px; line-height: 1.8; } .industryn_box .swiper-button-prev{ width: 16px; height: 28px; background: url(../img/jtz1.png) no-repeat; outline: none; top: 80px; left: -50px; margin-top: 0; } .industryn_box .swiper-button-next{ width: 16px; height: 28px; background: url(../img/jty1.png) no-repeat; outline: none; top: 80px; right: -50px; margin-top: 0; } .industryns_box{ } .industryns_box .link_p{ text-align: center; margin-bottom: 70px; font-size: 0; } .industryns_box .link_p a{ display: inline-block; vertical-align: top; font-size: 18px; height: 44px; background: #2c5cd6; color: #fff; text-align: center; line-height: 44px; width: 170px; margin: 0 20px; border-radius: 20px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .industryns_box .link_p a.active_a{ background: #ff3500; } .industryns_box .map_dl{ text-align: center; position: relative; } .industryns_box .map_dl dt{ display: inline-block; max-width: 100%; position: relative; } .industryns_box .map_dl dt img{ width: auto; vertical-align: top; max-width: 100%; } .industryns_box .map_dl dt div{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .industryns_box .map_dl dt div i{ position: absolute; cursor: pointer; box-sizing: border-box; } .industryns_box .map_dl dt div i::before{ content: ""; display: inline-block; width: 24px; height: 31px; background: url(../img/dwr.png) no-repeat; transition: 0.5s; -webkit-transition: 0.5s; } .industryns_box .map_dl dt div i span{ white-space: nowrap; color: #ff3400; font-size: 16px; font-weight: bold; position: absolute; transition: 0.5s; -webkit-transition: 0.5s; } .industryns_box .map_dl dt div .i1{ top: 31%; left: 57%; } .industryns_box .map_dl dt div .i2{ top: 34%; left: 66%; } .industryns_box .map_dl dt div .i3{ top: 53.6%; left: 65%; } .industryns_box .map_dl dt div .i4{ top: 58%; left: 63%; } .industryns_box .map_dl dt div .i5{ top: 60%; left: 64.5%; } .industryns_box .map_dl dt div .i6{ top: 59%; left: 60%; } .industryns_box .map_dl dt div .i7{ top: 45%; left: 61%; } .industryns_box .map_dl dt div .i8{ top: 68%; left: 58%; } .industryns_box .map_dl dt div .i9{ top: 68%; left: 41%; } .industryns_box .map_dl dt div .i10{ top: 56%; left: 64%; } .industryns_box .map_dl dt div .i11{ top: 70%; left: 56%; } .industryns_box .map_dl dt div .i1 span{ right: -2px; bottom: 42px; } .industryns_box .map_dl dt div .i2 span{ left: 40px; bottom: -30px; } .industryns_box .map_dl dt div .i3 span{ left: 38px; top: 5px; } .industryns_box .map_dl dt div .i4 span{ left: 61px; top: 15px; } .industryns_box .map_dl dt div .i5 span{ left: 38px; top: 24px; } .industryns_box .map_dl dt div .i6 span{ left: 40px; top: 57px; } .industryns_box .map_dl dt div .i7 span{ left: 85px; top: 20px; } .industryns_box .map_dl dt div .i8 span{ left: 13px; top: 46px; } .industryns_box .map_dl dt div .i9 span{ right: 54px; top: 43px; } .industryns_box .map_dl dt div .i10 span{ left: 72px; top: 4px; } .industryns_box .map_dl dt div .i11 span{ left: 13px; top: 50px; } .industryns_box .map_dl dt div i:hover::after{ animation: myfirst 2s linear infinite; -webkit-animation: myfirst 2s linear infinite; } .industryns_box .map_dl dt div i:hover span{ color: #1f55ae; } .industryns_box .map_dl dt div i.active_i::after{ animation: myfirst 2s linear infinite; -webkit-animation: myfirst 2s linear infinite; } .industryns_box .map_dl dt div i.active_i span{ color: #1f55ae; } @keyframes myfirst { 0% { opacity: 0; } 50%{ opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes myfirst { 0% { opacity: 0; } 50%{ opacity: 1; } 100% { opacity: 0; } } .industryns_box .map_dl dd{ } .industryns_box .map_dl dd li{ position: absolute; background: #fff; top: 50%; left: 40%; transform: translate(-50%,-50%); text-align: left; width: 65%; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.2); font-size: 0; display: none; } .industryns_box .map_dl dd li em{ display: inline-block; vertical-align: middle; width: 358px; height: 284px; } .industryns_box .map_dl dd li em img{ width: 100%; height: 100%; vertical-align: top; } .industryns_box .map_dl dd li div{ display: inline-block; vertical-align: middle; width: calc(100% - 358px); box-sizing: border-box; padding: 0 30px; } .industryns_box .map_dl dd li div h6{ font-size: 24px; color: #ff3400; margin-bottom: 20px; } .industryns_box .map_dl dd li div p{ font-size: 14px; color: #666666; line-height: 1.6; } .about_box{ } .about_box .div1{ padding: 100px 0; } .about_box .div1 dl{ } .about_box .div1 dl dt{ float: left; width: 50%; box-sizing: border-box; padding-right: 50px; } .about_box .div1 dl dt p{ font-size: 14px; color: #666; line-height: 1.6; text-align: justify; margin-bottom: 28px; } .about_box .div1 dl dt p:last-of-type{ margin-bottom: 0; } .about_box .div1 dl dt span{ font-size: 14px; color: #2c5cd6; display: none; } .about_box .div1 dl dd{ float: left; width: 50%; font-size: 0; } .about_box .div1 dl dd img{ box-shadow: 0 0 20px rgba(0,0,0,0.1); vertical-align: top; width: 48.5%; margin-right: 3%; } .about_box .div1 dl dd img:first-of-type{ width: 100%; margin-right: 0; margin-bottom: 24px; } .about_box .div1 dl dd img:last-of-type{ margin-right: 0; } .about_box .div2{ background: #fff; position: relative; } .about_box .div2 .divl{ float: left; width: 50%; } .about_box .div2 .divl img{ width: 100%; vertical-align: top; } .about_box .div2 .divr{ position: absolute; width: 50%; top: 0; right: 0; height: 100%; box-sizing: border-box; padding: 60px 8% 0; } .about_box .div2 .divr h3{ text-align: left; } .about_box .div2 .divr h3::after{ margin: 25px 0 0; } .about_box .div2 .divr .mCustomScrollbar_div{ height: calc(100% - 200px); } .about_box .div2 .divr .mCustomScrollbar_div p{ font-size: 16px; line-height: 1.5; color: #666; padding-left: 24px; background: url(../img/xx.png) no-repeat left 3px; margin-bottom: 10px; } .about_box .div3{ padding: 100px 0; } .about_box .div3 .tab_swiper{ position: relative; } .about_box .div3 .swiper-container{ padding: 0 45px; } .about_box .div3 .tab_swiper::after{ content: ""; width: 200%; height: 1px; background: #dbdbdb; position: absolute; top: 22px; left: 50%; transform: translateX(-50%); } .about_box .div3 .swiper-button-prev{ width: 45px; height: 45px; background: url(../img/jt6.png) no-repeat center #fff; border-radius: 50%; left: 0; top: 0; margin-top: 0; outline: none; } .about_box .div3 .swiper-button-next{ width: 45px; height: 45px; background: url(../img/jt7.png) no-repeat center #fff; border-radius: 50%; right: 0; top: 0; margin-top: 0; outline: none; } .about_box .div3 .swiper-button-disabled{ opacity: 0.8; } .about_box .div3 .swiper-slide p{ text-align: center; cursor: pointer; } .about_box .div3 .swiper-slide p i{ display: block; width: 45px; height: 45px; background: url(../img/yuan1.png) no-repeat center; transition: 0.5s; -webkit-transition: 0.5s; margin: 0 auto; } .about_box .div3 .swiper-slide p span{ display: block; font-size: 24px; height: 30px; line-height: 30px; color: #333; margin-top: 12px; transition: 0.5s; -webkit-transition: 0.5s; } .about_box .div3 .swiper-active p i{ background: url(../img/yuan2.png) no-repeat center; } .about_box .div3 .swiper-active p span{ font-size: 30px; color: #ff3500; } .about_box .div3 .tab_div{ margin-top: 70px; } .about_box .div3 .tab_div dl{ font-size: 0; display: none; } .about_box .div3 .tab_div dl dt{ display: inline-block; width: 50%; vertical-align: middle; box-sizing: border-box; padding-right: 8%; } .about_box .div3 .tab_div dl dt p{ font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 20px; padding-left: 20px; background: url(../img/yuan3.png) no-repeat left 9px; } .about_box .div3 .tab_div dl dt p:last-of-type{ margin-bottom: 0; } .about_box .div3 .tab_div dl dd{ display: inline-block; width: 50%; vertical-align: middle; } .about_box .div3 .tab_div dl dd img{ width: 100%; vertical-align: top; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .about_box .div4{ padding: 90px 0 110px; background: #fff; } .about_box .div4 dl{ font-size: 0; } .about_box .div4 dl dt{ display: inline-block; vertical-align: top; width: 35%; } .about_box .div4 dl dt img{ vertical-align: top; width: 100%; box-shadow: 10px 15px 0 0 #e8e8e8; } .about_box .div4 dl dd{ padding-top: 30px; display: inline-block; vertical-align: top; width: 65%; box-sizing: border-box; padding-left: 60px; line-height: 1.6; } .about_box .div4 dl dd p{ font-size: 16px; color: #666; margin-bottom: 24px; } .about_box .div4 dl dd h6{ font-size: 24px; color: #ff3500; margin-top: 42px; } .banner_box{ margin-top: 82px; } .banner_box .swiper-slide .bg_img{ width: 100%; vertical-align: top; } .banner_box .swiper-slide .nr_div{ position: absolute; bottom: 0; transform: translateY(30%); left: 12%; opacity: 0; transition: 0.8s; -webkit-transition: 0.8s; } .banner_box .swiper-slide .nr_div img{ vertical-align: top; } .banner_box .swiper-slide .active_div{ bottom: 50%; opacity: 1; } .banner_box .swiper-pagination{ bottom: 42px !important; } .banner_box .swiper-pagination span{ width: 120px; height: 1px; position: relative; background: rgba(255,255,255,0.2); opacity: 1; margin: 0 0 0 5px!important; font-size: 16px; color: #fff; font-weight: bold; transition: 0.5s; -webkit-transition: 0.5s; } .banner_box .swiper-pagination span i{ position: absolute; width: 100%; height: 28px; text-align: center; left: 0; top: -28px; opacity: 0.5; transition: 0.5s; -webkit-transition: 0.5s; } .banner_box .swiper-pagination span i::after{ content: ""; width: 3px; height: 3px; border-radius: 50%; position: absolute; bottom: -2px; left: 50%; margin-left: -1px; background: rgba(255,255,255,0.4); transition: 0.5s; -webkit-transition: 0.5s; } .banner_box .swiper-pagination span::before{ content: ""; position: absolute; top: -2px; left: -5px; width: 5px; height: 5px; background: #fff; border-radius: 50%; } .banner_box .swiper-pagination span:last-of-type::after{ content: ""; position: absolute; top: -2px; right: -5px; width: 5px; height: 5px; background: #fff; border-radius: 50%; } .banner_box .swiper-pagination span.swiper-pagination-bullet-active{ background: rgba(255,255,255,1); } .banner_box .swiper-pagination span.swiper-pagination-bullet-active i{ opacity: 1; } .banner_box .swiper-pagination span.swiper-pagination-bullet-active i::after{ background: rgba(255,255,255,1); } .mbanner_box{ display: none; margin-top: 60px; } .mbanner_box .swiper-slide img{ width: 100%; vertical-align: top; } .welcome_box{ } .welcome_box .wpd{ padding: 100px 0; } .welcome_box .title_h3{ margin-bottom: 50px; } .welcome_box .div1{ background: #fff; } .welcome_box .div1 dl{ } .welcome_box .div1 dt{ float: left; width: 50%; } .welcome_box .div1 dt img{ width: 100%; vertical-align: top; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .welcome_box .div1 dd{ float: right; width: 50%; box-sizing: border-box; padding-left: 70px; padding-top: 10px; } .welcome_box .div1 dd h3{ text-align: left; } .welcome_box .div1 dd h3::after{ margin: 25px 0 0; } .welcome_box .div1 dd p{ font-size: 16px; color: #666; line-height: 1.6; text-align: justify; } .welcome_box .div1 dd ul{ font-size: 0; margin: 70px 0 80px; } .welcome_box .div1 dd ul li{ display: inline-block; vertical-align: top; text-align: center; } .welcome_box .div1 dd ul li:nth-of-type(2){ padding: 0 50px; margin: 0 50px; border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; } .welcome_box .div1 dd ul li i{ display: block; font-size: 48px; font-weight: bold; } .welcome_box .div1 dd ul li span{ display: block; font-size: 14px; color: #666; margin-top: 16px; } .welcome_box .div1 dd a{ display: block; height: 44px; line-height: 44px; background: #ff3500; border-radius: 20px; width: 170px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; } .welcome_box .div1 dd a::after{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt1.png) no-repeat right; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div1 dd a:hover::after{ width: 30px; opacity: 1; } .welcome_box .div2{ background: #e1e3e5; padding: 100px 4%; position: relative; } .welcome_box .div2 dl{ background: #012057; position: relative; z-index: 2; display: none; } .welcome_box .div2 dl dt{ text-align: right; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .welcome_box .div2 dl dt img{ vertical-align: top; width: 100%; } .welcome_box .div2 dl dd{ position: absolute; width: 400px; top: 50%; left: 10%; transform: translateY(-50%); color: #fff; } .welcome_box .div2 dl dd h6{ font-size: 42px; margin-bottom: 44px; } .welcome_box .div2 dl dd p{ font-size: 16px; line-height: 2.0; } .welcome_box .div2 dl dd a{ display: inline-block; margin-top: 24%; font-size: 16px; color: #fff; padding-right: 20px; background: url(../img/jtb.png) no-repeat right 1px; border-bottom: 1px solid #fff; padding-bottom: 13px; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div2 dl dd a:hover{ padding-right: 30px; } .welcome_box .div2 .tab_p{ text-align: center; margin-top: -37px; position: relative; z-index: 3; } .welcome_box .div2 .tab_p span{ display: inline-block; vertical-align: top; font-size: 28px; height: 74px; background: #2c5cd6; color: #fff; text-align: center; line-height: 74px; width: 300px; margin: 0 20px; border-radius: 35px; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div2 .tab_p .active_span{ background: #ff3500; } .welcome_box .div2::after{ content: ""; position: absolute; width: 100%; height: 24%; background: #fff; left: 0; bottom: 0; } .welcome_box .div3{ } .welcome_box .div3 a{ width: 50%; float: left; font-size: 0; background: #fff; } .welcome_box .div3 a em{ display: inline-block; vertical-align: top; width: 50%; overflow: hidden; } .welcome_box .div3 a em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div3 a div{ display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding: 8% 58px 0; } .welcome_box .div3 a div h6{ font-size: 28px; color: #111; margin-bottom: 42px; } .welcome_box .div3 a div h6::after{ content: ""; display: block; width: 40px; height: 2px; background: #111; margin-top: 23px; } .welcome_box .div3 a div p{ font-size: 16px; color: #666; line-height: 1.8; height: 84px; overflow: hidden; } .welcome_box .div3 a div span{ display: inline-block; margin-top: 30%; font-size: 16px; color: #214295; padding-right: 20px; background: url(../img/jtl.png) no-repeat right 1px; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div3 a:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .welcome_box .div3 a:hover div span{ padding-right: 26px; } .welcome_box .div4{ background: #fff; } .welcome_box .div4 ul{ margin-bottom: 70px; } .welcome_box .div4 ul li{ float: left; width: 32%; margin-right: 2%; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.1); transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4 ul li:nth-of-type(3){ margin-right: 0; } .welcome_box .div4 ul li a{ display: block; } .welcome_box .div4 ul li em{ display: block; overflow: hidden; } .welcome_box .div4 ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4 ul li div{ padding: 36px 30px; } .welcome_box .div4 ul li div h6{ font-size: 20px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 16px; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4 ul li div p{ font-size: 14px; color: #666; line-height: 1.5; height: 42px; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4 ul li div span{ display: block; font-size: 14px; color: #999; font-weight: bold; margin-top: 36px; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4 ul li:hover{ background: #ff3500; } .welcome_box .div4 ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .welcome_box .div4 ul li:hover div h6{ color: #fff; } .welcome_box .div4 ul li:hover div p{ color: #fff; } .welcome_box .div4 ul li:hover div span{ color: #fff; } .welcome_box .div4>a{ display: block; margin: 0 auto; height: 44px; line-height: 44px; background: #ff3500; border-radius: 20px; width: 170px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; } .welcome_box .div4>a::after{ content: ""; display: inline-block; height: 20px; vertical-align: middle; margin-top: -2px; width: 0; background: url(../img/jt1.png) no-repeat right; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div4>a:hover::after{ width: 30px; opacity: 1; } .welcome_box .div5{ } .welcome_box .div5 dl{ background: #fff; padding: 28px; box-shadow: 0 0 30px rgba(0,0,0,0.1); } .welcome_box .div5 dl dt{ float: left; width: 65%; } .welcome_box .div5 dl dt #dituContent{ width: 100%; height: 500px; } .welcome_box .div5 dl dd{ float: left; width: 35%; box-sizing: border-box; padding-left: 50px; } .welcome_box .div5 dl dd div{ font-size: 0; border-bottom: 1px solid #e7e7e7; padding: 30px 0; } .welcome_box .div5 dl dd div img{ vertical-align: middle; } .welcome_box .div5 dl dd div h6{ vertical-align: middle; display: inline-block; width: calc(100% - 50px); box-sizing: border-box; padding-left: 24px; font-size: 16px; } .welcome_box .div5 dl dd div h6 span{ display: block; color: #111; margin-bottom: 6px; } .welcome_box .div5 dl dd div h6 p{ color: #666; } .info_box{ margin-top: 82px; } .info_box .title_div{ font-size: 14px; color: #999; text-align: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 30px; } .info_box .title_div h3{ font-size: 32px; line-height: 1.2; color: #333; margin-bottom: 24px; } .info_box .title_div strong{ font-weight: normal; display: inline-block; line-height: 18px; height: 18px; border-right: 1px solid #999; padding-right: 20px; margin-right: 18px; } .info_box .title_div span{ display: inline-block; line-height: 18px; height: 18px; margin-right: 18px; } .info_box .title_div em{ display: inline-block; line-height: 18px; height: 18px; background: url(../img/fx.png) no-repeat left center; padding-left: 20px; vertical-align: top; } .info_box .title_div em a{ background-image: none; padding-left: 0; font-size: 14px; color: #999; margin: 0; line-height: 18px; height: 18px; } .info_box .content_div{ } .info_box .content_div p{ font-size: 18px; color: #333; line-height: 1.6; margin-bottom: 15px; } .info_box .content_div p img, .info_box .content_div p video{ display: inline-block; vertical-align: top; width: auto; height: auto; max-width: 100%; } .info_box .page_div{ height: 50px; background: #f2f2f2; padding: 0 20px; line-height: 50px; position: relative; margin-top: 60px; } .info_box .page_div a{ font-size: 16px; color: #999; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .info_box .page_div a.return_a{ position: absolute; color: #ff3500; top: 0; left: 50%; transform: translateX(-50%); } .info_box .page_div a.previous_a{ float: left; max-width: calc(50% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .info_box .page_div a.next_a{ float: right; max-width: calc(50% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .info_box .page_div a:hover{ color: #ff3500; } .apply_box{ } .apply_box form{ font-size: 0; padding-left: 20px; } .apply_box form label{ display: inline-block; width: 33.33%; vertical-align: top; margin-bottom: 20px; } .apply_box form label span{ display: inline-block; font-size: 16px; width: 100px; height: 32px; line-height: 32px; vertical-align: top; } .apply_box form label span i{ color: red; font-size: 18px; vertical-align: top; } .apply_box form label>input{ font-size: 14px; height: 32px; box-sizing: border-box; border: 1px solid #ccc; width: calc(100% - 120px); padding-left: 10px; } .apply_box form label>textarea{ font-size: 14px; height: 160px; box-sizing: border-box; border: 1px solid #ccc; width: calc(100% - 120px); padding: 10px; resize: none; } .apply_box form label>select{ font-size: 14px; height: 32px; box-sizing: border-box; border: 1px solid #ccc; width: calc(100% - 120px); padding-left: 10px; } .apply_box form .l_label{ width: 100%; } .apply_box form h6{ text-align: center; font-size: 16px; font-weight: bold; padding-top: 20px; margin-bottom: 16px; } .apply_box form table{ width: 100%; font-size: 14px; background: #fff; margin-bottom: 20px; } .apply_box form table tr{ height: 40px; } .apply_box form table th{ border: 1px solid #ccc; } .apply_box form table td{ border: 1px solid #ccc; } .apply_box form table td input{ border: none; width: 100%; height: 100%; text-align: center; } .apply_box form .sub_btn{ display: block; width: 240px; height: 50px; background: #ff3500; color: #fff; font-size: 16px; text-align: center; line-height: 50px; margin: 60px auto 0; border: none; } .search_box{ margin-top: 92px; } .search_box .title_p{ font-size: 14px; color: #999; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 5%; } .search_box .title_h4{ font-size: 30px; color: #333; margin-bottom: 30px; text-align: center; } .search_box .productList_box{ padding-bottom: 60px; border-bottom: 1px solid #ccc; margin-bottom: 60px; } .yyytc_box{ position: fixed; z-index: 99; top: 82px; left: 0; width: 400px; box-sizing: border-box; padding: 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.2); font-size: 14px; line-height: 1.8; } .yyytc_box .tc_i{ position: absolute; cursor: pointer; z-index: 3; right: 10px; top: 10px; width: 24px; height: 24px; border-radius: 50%; background: url(../img/gb.png) no-repeat center #dedede; background-size: 50%; } .api_box{ } .api_box .div1{ } .api_box .div1 table{ width: 100%; text-align: center; background-color: #fff; } .api_box .div1 table tr{ } .api_box .div1 table th{ border: 1px solid #dddddd; padding: 16px; background-color: #224295; color: #fff; font-size: 18px; padding: 20px 16px; } .api_box .div1 table td{ border: 1px solid #dddddd; font-size: 16px; line-height: 1.6; padding: 20px 16px; } @media (max-width: 1700px) { .head_box .w_ul li>a{ padding: 0 20px; } } @media (max-width: 1600px) { .head_box .w_ul li>a{ padding: 0 20px; } } @media (max-width: 1500px) { .head_box .logo_a{ margin-left: 40px; } .head_box .w_ul li>a{ padding: 0 15px; } .w1400{ width: 90%; } .yyytc_box{ top: 72px; } .foot_box .middle_div p{ margin-right: 30px; } .investor_box ul li a p{ max-width: 350px; } .typical_box .tab_dl dd ul li em{ width: 240px; } .typical_box .tab_dl dd ul li div{ width: calc(100% - 240px); } .typical_box .tab_dl dd ul li div p{ height: 63px; } .typical_box .tab_dl dd ul li div i{ left: 270px; } .idea_box .tab_p span{ margin-top: 14px; } .report_box ul li{ width: 32%; } .report_box ul li:nth-of-type(5n+5){ margin-right: 2%; } .report_box ul li:nth-of-type(3n+3){ margin-right: 0; } .report_box ul li a em img{ height: auto; } .welcome_box .div1 dd ul li:nth-of-type(2){ padding: 0 30px; margin: 0 30px; } .welcome_box .div3 a div span{ margin-top: 30px; } .recruit_box ul li div{ height: 240px; } .productList_box .swiper-container dd ul li p{ } .productList_box .swiper-container dd ul li{ margin-bottom: 16px; } .productList_box .swiper-container dd ul li{ max-height: 48px; } .head_box{ height: 72px; } .head_box .language_p{ width: 72px; } .head_box .language_p span{ top: 72px; } .head_box form{ width: 72px; } .head_box form input{ right: 72px; } .head_box .w_ul li>a{ line-height: 72px; } .head_box .w_ul li p{ top: 72px; } .title_box{ margin-top: 72px; } .banner_box{ margin-top: 72px; } .info_box{ margin-top: 72px; } .head_box .language_p span a{ font-size: 0; } } @media (max-width: 1400px) { .head_box form{ width: 80px; } .head_box form input{ right: 80px; } .head_box .logo_a{ width: 140px; background-size: 100%; margin-left: 20px; } .join_box .join_div dl dt span{ width: 15%; } .join_box .join_div dl dt span:first-of-type{ width: 24%; } } @media (max-width: 1300px) { .head_box .logo_a{ margin-left: 20px; } .head_box .w_ul li>a{ padding: 0 10px; } .title_h3{ font-size: 36px; } .welcome_box .div1 dd ul li:nth-of-type(2){ padding: 0 20px; margin: 0 20px; } } @media (max-width: 1200px) { .info_box{ margin-top: 60px; } .w1400 { width: 90%; } .head_box .menu_div{ display: block; } .head_box{ height: 60px; } .banner_box{ margin-top: 60px; } .title_box{ margin-top: 60px; } .search_box{ margin-top: 60px; } .head_box form{ display: none; } .head_box .language_p{ display: none; } .head_box .w_ul{ display: none; } .head_box .logo_a{ margin-left: 3%; } .contact_box ul li{ width: 100%; margin-right: 0; } .foot_box .top_div dl{ width: 100%; } .foot_box .top_div .bdsharebuttonbox{ float: none; margin-top: 30px; } .foot_box .bottom_div p{ float: none; margin-top: 20px; } .foot_box .bottom_div p a:first-of-type{ padding-left: 0; } .foot_box{ padding: 40px 0; } .foot_box .top_div{ padding-bottom: 30px; } .foot_box .middle_div{ display: none; } .foot_box .bottom_div{ padding-top: 30px; } .marketing_box ul li{ width: 100%; margin-right: 0; margin-bottom: 30px; } .investor_box ul li{ width: 100%; margin-right: 0; } .party_box .tab_dl dd ul li{ width: 100%; margin-right: 0; } .typical_box .tab_dl dd ul li{ width: 100%; margin-right: 0; } .recruit_box ul li{ width: 100%; margin-right: 0; } .recruit_box ul li div{ height: auto; padding: 32px 26px; } .recruit_box ul{ margin-top: 50px; } .join_box .join_div dl dt span{ display: none; } .join_box .join_div dl dd div.hide_div{ display: block; } .develop_box .swiper_div .swiper-button-prev{ display: none; } .develop_box .swiper_div .swiper-button-next{ display: none; } .develop_box .develop_div{ height: auto; display: block; margin-top: 0; } .develop_box .develop_div .bg_img{ display: none; } .develop_box .develop_div .tab_ul{ display: none; } .develop_box .develop_div .tab_div{ position: static; } .develop_box .develop_div .tab_div dl{ display: block; width: 94%; margin: 0 auto 30px; box-sizing: border-box; } .culture_box ul li{ width: 49%; } .culture_box ul li:nth-of-type(3n+3){ margin-right: 2%; } .culture_box ul li:nth-of-type(2n+2){ margin-right: 0; } .idea_box .tab_div dl dd{ width: 100%; margin-bottom: 40px; } .idea_box .tab_div dl dt{ width: 100%; } .news_box ul li{ width: 49%; } .news_box ul li:nth-of-type(3n+3){ margin-right: 2%; } .news_box ul li:nth-of-type(2n+2){ margin-right: 0; } .product_box ul li{ width: 49%; padding-bottom: 34%; margin-right: 2%; } .product_box ul li:nth-of-type(3n+3){ margin-right: 2%; } .product_box ul li:nth-of-type(2n+2){ margin-right: 0; } .product_box ul li .sk_span{ display: none; } .apparatus_box ul li{ width: 49%; } .apparatus_box ul li:nth-of-type(3n+3){ margin-right: 2%; } .apparatus_box ul li:nth-of-type(2n+2){ margin-right: 0; } .w1200{ width: 94%; } .industryn_box .swiper-button-prev{ display: none; } .industryn_box .swiper-button-next{ display: none; } .industryn_box .gallery-thumbs{ height: auto; } .industryn_box .gallery-thumbs .swiper-slide dt{ height: auto; } .industryn_box .gallery-top .swiper-slide dd{ position: static; color: #333; background: #fff; padding: 30px 0; } .industryn_box .gallery-thumbs .swiper-slide dd{ display: none; } .industryn_box .gallery-thumbs .swiper-slide dl{ padding: 4px; } .industryn_box .gallery-thumbs{ margin-bottom: 20px; } .about_box .div1 dl dt{ width: 100%; padding-right: 0; } .about_box .div1 dl dd{ width: 100%; margin-top: 30px; } .about_box .div2 .divl{ width: 100%; float: none; } .about_box .div2 .divr{ width: 100%; position: static; padding: 40px 8%; } .about_box .div2 .divr .mCustomScrollbar_div{ height: 400px; } .about_box .div3 .tab_div dl dt{ width: 100%; vertical-align: top; } .about_box .div3 .tab_div dl dd{ width: 100%; vertical-align: top; margin-top: 40px; } .about_box .div4 dl dt{ width: 100%; } .about_box .div4 dl dd{ width: 100%; padding-left: 0; } .welcome_box .div1 dt{ width: 100%; } .welcome_box .div1 dd{ width: 100%; padding-left: 0; padding-top: 40px; } .welcome_box .div3 a{ width: 100%; margin-bottom: 40px; } .welcome_box .div3 a:last-of-type{ margin-bottom: 0; } .apply_box form label{ width: 50%; } .typicalInfo_box dl dt{ width: 100%; } .typicalInfo_box dl dd{ width: 100%; padding-left: 0; } .typicalInfo_box dl dd .mCustomScrollbar_div{ height: auto; } .info_box .title_div h3{ font-size: 24px; line-height: 1.5; } .info_box .content_div p{ font-size: 16px; } .productList_box .swiper-container dt{ width: 100%; } .productList_box .swiper-container dd{ width: 100%; padding: 30px 0 10px; } .productList_box .swiper-container dd i{ position: static; display: block; margin: 0 auto; } .productList_box .swiper-container dd ul li span{ position: static; display: block; } .productList_box .swiper-container dd ul li{ padding-left: 0; } .productInfo_box dl{ width: 80%; } .productInfo_box dl dt{ width: 100%; } .productInfo_box dl dd{ width: 100%; padding: 30px 0 0 0; } .productList_box .tab_dl dd ul li{ width: 49%; } .productList_box .tab_dl dd ul li:nth-of-type(3n+3){ margin-right: 2%; } .productList_box .tab_dl dd ul li:nth-of-type(2n+2){ margin-right: 0; } .innovate_box dl dt{ width: 100%; } .innovate_box dl dd{ width: 100%; } .industry_box dl dt{ /* display: none; */ } .industry_box dl dd{ position: fixed; width: 90%; top: 50%; left: 5%; margin-left: 0; z-index: 999; transform: translateY(-50%); } .industry_box dl dd .top_div i{ display: none; } .welcome_box .div2 dl dd{ } .welcome_box .div2 dl dd a{ margin-top: 30px; } .welcome_box .div2 dl dd h6{ font-size: 32px; margin-bottom: 30px; } .welcome_box .div2::after{ height: 40%; } .welcome_box .div2 .tab_p{ margin-top: 30px; } .welcome_box .div2 .tab_p span{ width: 200px; height: 50px; line-height: 50px; font-size: 20px; } .typical_box .xjdx_box dl{ width: 92%; } .typical_box .xjdx_box dd{ padding: 20px; } .typical_box .xjdx_div{ margin-bottom: 30px; } .industryns_box .map_dl dt div{ position: static; font-size: 0; text-align: left; } .industryns_box .map_dl dt div i{ position: static; display: inline-block; width: 48%; margin-right: 2%; text-align: center; background: #fff; height: 40px; line-height: 40px; margin-bottom: 10px; } .industryns_box .map_dl dt div i:nth-of-type(evev){ margin-right: 0; } .industryns_box .map_dl dt div i::before{ display: none; } .industryns_box .map_dl dt div i span{ position: static; font-size: 14px; } .industryns_box .map_dl dd li{ position: fixed; width: 100%; width: 90%; z-index: 999; } .industryns_box .map_dl dd li em{ width: 100%; height: auto; } .industryns_box .map_dl dd li em img{ width: 100%; height: auto; } .industryns_box .map_dl dd li div{ width: 100%; padding: 14px; } .industryns_box .map_dl dd li div h6{ font-size: 20px; } .api_box .div1{ width: 100%; overflow-x: auto; } } @media (max-width: 768px) { .industryns_box .map_dl dt div i::before{ width: 12px; height: 15px; background-size: 100%; } .industryns_box .link_p{ margin-bottom: 30px; } .industryns_box .link_p a{ width: 110px; margin: 0 10px 0 0; font-size: 16px; } .info_box{ margin-top: 40px; } .product_box ul li dl dt img{ width: 70px; height: 70px; } .product_box ul li dl dt{ margin-bottom: 26px; } .title_h3{ font-size: 26px; } .page_box{ margin-top: 40px; } .head_box .logo_a{ width: 140px; background-size: contain; } .title_box div .bg_img{ height: 200px; width: auto; } .title_box div em{ left: 0; transform: translate(0,-50%); } .title_box div em img{ height: 150px; width: auto; margin: 0; } .title_box p{ height: 60px; } .title_box p a em{ display: none; } .title_box p a::before{ display: none; } .pd{ padding: 40px 0; } .title_h3{ margin-bottom: 30px; } .contact_box ul li img{ display: none; } .contact_box ul li dl{ width: 100%; padding: 0; } .contact_box .map_div{ height: 300px; margin-top: 40px; } .title_box p a{ padding: 20px 14px 0; } .title_box p a.active_a::after{ width: 100%; } .marketing_box .map_div .nh_img{ left: 20px; bottom: 0; width: 50px; } .marketing_box ul li{ margin-bottom: 20px; min-height: auto; } .marketing_box ul li:last-of-type{ margin-bottom: 0; } .contact_box ul{ margin-top: -20px; } .contact_box ul li{ margin-top: 20px; } .investor_box ul{ margin-top: -20px; } .investor_box ul li{ margin-top: 20px; } .investor_box ul li a span{ display: none; } .investor_box ul li a p{ width: calc(100% - 60px); } .party_box .tab_dl dd ul li{ margin-top: 20px; } .party_box .tab_p span{ width: 130px; margin: 0 10px 0 0; } .party_box .tab_p span:last-of-type{ margin: 0; } .party_box .tab_p{ margin-bottom: 30px; } .party_box .tab_dl dd ul{ margin-top: -20px; } .typical_box .tab_dl dd ul{ margin-top: -20px; } .typical_box .tab_dl dd ul li{ margin-top: 20px; padding: 14px; } .typical_box .tab_dl dd ul li em{ width: 100%; } .typical_box .tab_dl dd ul li div{ width: 100%; padding-left: 0; } .typical_box .tab_dl dd ul li div i{ position: static; display: block; margin: 10px auto 0; } .typical_box .tab_dl dd ul li div h6{ font-size: 24px; } .typical_box .tab_p{ text-align: left; margin-bottom: 30px; margin-top: -14px; } .typical_box .tab_p span{ margin: 14px 10px 0 0; width: auto; padding: 0 20px; } .typical_box .tab_p span:nth-of-type(3n+3){ margin: 14px 0 0 0; } .join_box .join_div{ padding: 0 20px 20px; } .join_box .join_div dl dt small{ display: none; } .join_box .join_div dl dd div span{ display: block; margin-right: 0; line-height: 1.8; } .join_box .join_div dl dd h5{ margin-bottom: 24px; font-size: 20px; } .party_box .tab_p span{ font-size: 16px; } .typical_box .tab_p{ text-align: center; } .typical_box .xjdx_div i{ display: none; } .join_box .join_div dl dd a{ width: 100%; height: 40px; line-height: 40px; margin-top: 30px; } .join_box .join_div dl dd .sc_span{ width: 100%; height: 40px; line-height: 40px; margin-top: 10px; margin-left: 0; } .join_box .join_div dl dd{ padding: 20px; } .join_box .join_div dl dt{ height: 80px; line-height: 80px; } .join_box .join_div dl dt strong{ vertical-align: top; margin-top: 22px; } .join_box .join_div dl dt i{ margin-top: 22px; } .develop_box{ padding: 60px 0 0 0; } .develop_box .develop_div .tab_div dl{ margin: 0 auto 20px; } .develop_box .swiper_div{ padding: 30px 0; } .develop_box .develop_div .tab_div dl dd em small{ width: 100%; } .culture_box ul{ margin-top: -20px; } .culture_box ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .culture_box ul li:nth-of-type(3n+3){ margin-right: 0; } .idea_box .tab_p{ margin-bottom: 60px; } .idea_box .tab_p{ margin-top: -14px; } .idea_box .tab_p span{ margin: 14px 10px 0 0; width: auto; padding: 0 16px } .idea_box .tab_div dl dd ul li{ padding-left: 0; } .idea_box .tab_div dl dd ul li span{ position: static; display: block; margin-bottom: 14px; } .news_box ul li{ width: 100%; margin-right: 0; } .news_box ul li:nth-of-type(3n+3){ margin-right: 0; } .news_box ul li{ margin-top: 20px; } .news_box ul{ margin-top: -20px; } .report_box ul{ margin-top: -20px; } .report_box ul li a em{ height: auto; } .report_box ul li{ width: 49%; margin-top: 20px; } .report_box ul li:nth-of-type(3n+3){ margin-right: 2%; } .report_box ul li:nth-of-type(2n+2){ margin-right: 0; } .product_box ul{ margin-top: 20px; } .product_box ul li{ width: 100%; padding-bottom: 62%; margin-right: 0; margin-top: 20px; } .recruit_box dl dt{ font-size: 20px; } .recruit_box ul li div{ padding: 24px 20px; } .recruit_box ul li div h6{ font-size: 20px; margin-bottom: 12px; } .idea_box .tab_p span{ font-size: 16px; } .idea_box .tab_p span:nth-of-type(3n){ margin-right: 0; } .idea_box .tab_p{ text-align: center; } .idea_box .tab_div dl dd div span{ font-size: 20px; } .idea_box .tab_div dl dd div p{ font-size: 16px; } .idea_box .tab_div dl dd ul li{ margin-bottom: 24px; } .idea_box .tab_div dl dd div{ padding-bottom: 24px; margin-bottom: 24px; } .news_box ul li dl dt h6{ font-size: 18px; line-height: 22px; } .news_box ul li dl{ padding: 0 14px; } .info_box .title_div h3{ font-size: 20px; } .culture_box ul li div strong{ font-size: 20px; } .culture_box ul li div span{ font-size: 16px; } .culture_box ul li{ height: 110px; line-height: 110px; } .culture_box ul li em{ width: 60px; height: 60px; } .culture_box ul li em img{ width: 60px; height: 60px; } .news_box ul li dl dt p{ height: auto; } .news_box ul li dl dt{ padding: 20px 0 10px; } .news_box ul li dl dd{ padding: 18px 0; } .news_box ul li small{ bottom: 18px; } .product_box ul li:nth-of-type(3n+3){ margin-right: 0; } .apparatus_box ul li{ width: 100%; margin-right: 0 } .apparatus_box ul li:nth-of-type(3n+3){ margin-right: 0; } .apparatus_box ul{ margin-top: -20px; } .apparatus_box ul li{ margin-top: 20px; } .industryn_box .link_p{ margin-bottom: 40px; } .industryn_box .link_p a{ margin: 0 10px 0 0; width: auto; padding: 0 20px; } .title_h3::after{ margin: 18px auto 0; } .about_box .div2 .divr h3::after{ margin: 18px 0 0; } .about_box .div3 .tab_div{ margin-top: 30px; } .about_box .div1{ padding: 40px 0; } .about_box .div3{ padding: 40px 0; } .report_box ul li a{ padding: 10px; } .about_box .div4{ padding: 40px 0; } .welcome_box .div1 dd ul li{ display: block; } .welcome_box .div1 dd ul li:nth-of-type(2){ padding: 0; margin: 16px 0; border: none; } .welcome_box .div1 dd ul{ margin: 30px 0 40px; } .welcome_box .div1 dd ul li i{ font-size: 30px; } .welcome_box .title_h3{ margin-bottom: 30px; } .welcome_box .div1 dd ul li span{ font-size: 12px; } .welcome_box .div1 dd a{ margin: 0 auto; } .welcome_box .wpd{ padding: 40px 0; } .welcome_box .div4 ul li div{ padding: 14px; } .welcome_box .div4 ul li div h6{ font-size: 18px; } .welcome_box .div3 a div h6{ font-size: 24px; margin-bottom: 30px; } .welcome_box .div2 dl dd h6{ font-size: 24px; } .welcome_box .div3 a em{ width: 100%; } .welcome_box .div3 a div{ width: 100%; padding: 30px 20px; } .welcome_box .div4 ul{ margin-top: -20px; } .welcome_box .div4 ul li{ width: 100%; margin-top: 20px; margin-right: 0; } .welcome_box .div5 dl dt{ width: 100%; } .welcome_box .div5 dl dt #dituContent{ height: 200px; } .welcome_box .div5 dl{ padding: 20px; } .welcome_box .div5 dl dd{ width: 100%; padding-left: 0; } .apply_box form label{ width: 100%; } .apply_box form{ padding-left: 0; } .apply_box form label>select{ width: calc(100% - 100px); } .apply_box form label>input{ width: calc(100% - 100px); } .apply_box form label>textarea{ width: calc(100% - 100px); } .typicalInfo_box dl dt p{ padding: 20px 0; } .typicalInfo_box dl dt a{ width: 130px; margin: 0 10px 0 0; } .typicalInfo_box dl dt a:last-of-type{ margin: 0; } .typicalInfo_box .tab_p{ text-align: center; margin-bottom: 30px; margin-top: -14px; } .typicalInfo_box dl dd{ padding-top: 14px; } .contact_box ul li dl dt{ font-size: 22px; } .marketing_box ul li h6{ font-size: 24px; } .marketing_box ul li p em{ font-size: 20px !important; } .marketing_box ul li p span{ font-size: 20px !important; } .typicalInfo_box dl dd h6{ font-size: 24px; } .typicalInfo_box .tab_p span{ margin: 14px 10px 0 0; width: auto; padding: 0 20px; } .typicalInfo_box .tab_p span:last-of-type{ margin-right: 0; } .info_box .page_div a.previous_a{ width: auto; max-width: none; } .info_box .page_div a.next_a{ width: auto; max-width: none; } .info_box .page_div a span{ display: none; } .productList_box .swiper-container dd h6{ font-size: 24px; } .productList_box .swiper-container dd ul li p{ max-height: none; } .productList_box .tab_dl dd ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .productList_box .tab_dl dd ul li:nth-of-type(3n+3){ margin-right: 0; } .productInfo_box dl{ padding: 14px; } .productInfo_box dl .hide_i{ right: 14px; top: 14px; } .productInfo_box dl dd ul{ padding-top: 20px; } .productInfo_box dl dd ul li{ margin-bottom: 20px; } .productInfo_box dl dd ul li:last-of-type{ margin-bottom: 0; } .productInfo_box dl dd h6{ font-size: 24px; margin-bottom: 10px; } .productInfo_box dl dd small{ margin-bottom: 18px; } .productInfo_box dl dd ul li span{ display: block; position: static; } .productInfo_box dl dd ul li{ padding-left: 0; } .productInfo_box dl dd{ padding: 20px 0 0 0; } .productList_box .tab_p span{ margin: 14px 10px 0 0; width: auto; padding: 0 20px; } .productList_box .tab_p span:nth-of-type(3n+3){ margin-right: 0; } .productList_box .tab_p{ text-align: center; } .innovate_box dl dt{ padding-top: 0; } .innovate_box dl dt ul li{ width: 50%; } .innovate_box dl dt ul::before{ display: none; } .innovate_box dl dt ul li span{ margin: 0 auto 15px; } .innovate_box dl dt ul li em{ margin: 0 auto; } .industry_box dl dd .top_div span{ margin-bottom: 10px; } .industry_box dl dd .top_div p{ width: 100%; padding-left: 0; } .industry_box .link_p a{ width: 110px; margin: 0 10px 0 0; font-size: 16px; } .industry_box .link_p a:last-of-type{ margin: 0; } .industry_box .link_p{ margin-bottom: 30px; } .welcome_box .div4 ul{ margin-bottom: 40px; } .welcome_box .div2 dl dt img{ width: auto; height: 400px; } .welcome_box .div2 dl dd{ width: 80%; } .welcome_box .div2 .tab_p span{ width: 130px; margin: 0 10px 0 0; } .welcome_box .div2 .tab_p span:last-of-type{ margin: 0; } /* .banner_box{ display: none; } */ /* .mbanner_box{ display: block; } */ .banner_box .swiper-slide .nr_div{ transform: translateY(50%); } .banner_box .swiper-slide .nr_div img{ width: 60%; } .banner_box .swiper-pagination{ bottom: 10px !important; } .banner_box .swiper-pagination span{ width: 30px; } .banner_box .swiper-pagination span i{ display: none; } .title_box p a.active_a::after{ width: 100%; } .develop_box .title_h3{ z-index: 3; } .title_box div{ width: 100%; overflow-x: hidden; } .welcome_box .div2 dl dt{ width: 100%; overflow-x: hidden; } .about_box .div3 .tab_swiper::after{ width: 100%; } .welcome_box .div1 dt{ overflow: hidden; } .industry_box dl dt span{ position: static; height: 40px; line-height: 40px; background: #fff; width: 45%; margin-top: 12px; display: inline-block; } .industry_box dl dt span:hover{ background: #fff; color: #0e1e7d; } .productList_box .swiper_div::after{ width: 100px; height: 100px; top: 0; left: 0; background-size: 100%; } .productList_box .tab_p span{ font-size: 16px; padding: 0 10px; } .apparatus_box .title_h6{ padding: 0; } .about_box .div1 dl dt span{ display: block; } .about_box .div1 dl dt p{ display: none; } .about_box .div1 dl dt p:first-of-type{ display: block; } .page_box a.next_a{ margin-left: 5px; } .join_box .join_div dl dd div strong::after{ content: "查看更多"; float: right; font-size: 14px; font-weight: normal; color: #999; } .join_box .join_div dl dd div li{ display: none; } .foot_box .top_div dl{ margin-bottom: 10px; } .industry_box dl dd .top_div{ padding: 16px 16px 10px; } .industry_box dl dd .top_div h5{ font-size: 20px; display: inline-block; line-height: 24px; vertical-align: top; margin-bottom: 10px; } .industry_box dl dd .top_div span{ font-size: 12px; padding: 0 10px; vertical-align: top; height: 24px; line-height: 24px; margin-left: 16px; } .industry_box dl dd .top_div p{ font-size: 14px; line-height: 1.5; } .industry_box dl dd .bottom_div{ padding: 16px 16px 0; } .resume_div{ width: 90%; box-sizing: border-box; padding: 30px; } } @media (max-width: 340px) { .title_box p a{ padding: 20px 9px 0; } } .fohou{ font-size: 18px; color: #666; height: 50px; margin-bottom: 70px; } .fohou select{ width: 150px; height: 50px; line-height: 50px; border: 1px solid #bfbfbf; font-size: 14px; color: #666; padding-left: 10px; box-sizing: border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url('../img/hou.png')no-repeat 120px; cursor: pointer; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } .fohou span{ margin-right: 25px; } .fohou label{ margin-right: 40px; } .ljsea{ width: 150px; height: 50px; line-height: 50px; background-color: #f18d00; text-align: center; border: none; float: right; color: #fff; } @media (max-width: 900px) { .fohou{ font-size: 16px; height: 35px; } .fohou span{ margin-right: 0; } .fohou select{ width: 100px; line-height: 35px; height: 35px; background: url(../img/hou.png)no-repeat 75px; } .ljsea{ width: 115px; line-height: 35px; height: 35px; } .fohou label{ margin-right: 25px; } .about_box .div3 .swiper-active p i{ background: url(../img/yuan2.png) no-repeat center; background-size: 24px 24px; } .about_box .div3 .swiper-slide p span{ font-size: 18px; } .about_box .div3 .swiper-active p span{ font-size: 18px; } } @media (max-width: 600px) { .fohou label{ display: block; margin-bottom: 20px; } .fohou span{ display: inline-block; width: 115px; } .ljsea{ float: none; } .fohou{ height: auto; margin-bottom: 35px; } }