a:active { star: expression(this.onFocus=this.blur()); } a:focus, button:focus { outline: none; -moz-outline: none; } :focus { outline: none; } /*Reset Css*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, area, param { margin: 0; padding: 0; font-weight: normal; } html, body { margin: 0; padding: 0; font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust: none; /*Google Chrome*/ } input, button, select, textarea { font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; } select { *behavior: url("select.htc"); } /*IE6,IE7select*/ ol, ul { padding-left: 0; list-style: none; } img { border: none; display: inline-block; vertical-align: middle; } th { font-style: normal; font-weight: normal; } h1, h2, h3, h4, h5, h6, p { font-size: 100%; font-weight: normal; } input { display: inline-block; vertical-align: middle; color: #666; } fieldset { border: none; } legend { display: none; } /*Clear Css*/ .clear { clear: both; font-size: 0; height: 0; line-height: 0; } .clearfix:after { content: '\20'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearb { clear: both; } .clearfix { display: block; zoom: 1; } * html .clearfix { height: 1%; } /*Common Css*/ body { font-size: 12px; padding-top: 0.9rem; } a { text-decoration: none; } .fl { float: left; _display: inline; } .fr { float: right; _display: inline; } ::-ms-clear, ::-ms-reveal { display: none; } input[type=button], input[type=submit], input[type=reset], select { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } a:focus, a:hover { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: all 0.3s linear; } .swiper-button-next, .swiper-button-prev { z-index: 3 !important; } textarea { resize: none; } .table { height: 100%; display: table; width: 100%; } .table-cell { display: table-cell; vertical-align: middle; } .textover { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } input::placeholder { color: #666; } input:-ms-input-placeholder { color: #666 !important; } input::-webkit-input-placeholder { color: #666; } /* Firefox 4-18 */ input:-moz-placeholder { color: #666; } /* Firefox 19-50 */ input::-moz-placeholder { color: #ccc; } /* - Internet Explorer 10–11 - Internet Explorer Mobile 10-11 */ input:-ms-input-placeholder { color: #666 !important; } /* Edge (also supports ::-webkit-input-placeholder) */ input::-ms-input-placeholder { color: #666; } /* CSS Working Draft */ input::placeholder { color: #666; } img { width: 100%; } @media (max-width:6000px) { html { font-size: calc(100vw/19.2) !important; } } @media (max-width:1024px) { html { font-size: calc(100vw/7.5) !important; text-size-adjust: none; -webkit-text-size-adjust: none; } } /*首页*/ .w_1720 { width: 89.58%; margin: 0 auto; } .w_1520 { width: 79.16%; margin: 0 auto; } .w_1300 { width: 67.7%; margin: 0 auto; } .header { height: 0.9rem; width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 90; } .header .w_1720 { display: flex; justify-content: space-between; align-items: center; height: 100%; } .swiper-container-all { height: calc(100% - 0.9rem); margin-top: 0.9rem; } .logo { width: 1.99rem; order: 0; } .nav { display: flex; height: 100%; order: 1; } .nav h2 { margin: 0 0.6rem; position: relative; height: 100%; } .nav h2 b{display: none;} .nav h2 b img{transition: all 0.3s linear;} .nav h2 b.on img{transform: rotate(90deg);} .nav a { font-size: 0.18rem; color: #676767; } .nav a:hover { color: #003b91; font-weight: 500; } .nav_2 { width: 1.5rem; background: #fff; border-radius: 0 0 0.1rem 0.1rem; padding: 0.14rem 0.1rem; box-sizing: border-box; position: absolute; left: 50%; top: 0.9rem; margin-left: -0.75rem; display: none; } .nav_2 a { display: block; line-height: 0.36rem; font-size: 0.16rem; text-align: center; } .nav_2.on { display: block; } .nav_2 a:hover { background: #002d89; color: #fff; } .nav h2 a { display: flex; height: 100%; align-items: center; justify-content: center; } .nav h2 a span { display: flex; height: 100%; align-items: center; } .nav h2 b { display: none; } .lan { position: relative; order: 2; } .lan_con { width: 1.43rem; height: 0.34rem; border: 1px solid #cccccc; border-radius: 4px; display: flex; align-items: center; justify-content: center; padding: 0 0.14rem 0 0.2rem; box-sizing: border-box; } .lan_con img { width: 0.17rem; } .lan_con span { font-size: 0.18rem; color: #000000; width: 0.6rem; margin-left: 0.1rem; } .lan_sel { width: 100%; border: 1px solid #cccccc; border-radius: 0 0 4px 4px; border-top: none; box-sizing: border-box; position: absolute; left: 0; top: -10%; transform: translateY(100%); display: none; background: #fff; } .lan_sel dl dd { font-size: 0.18rem; color: #000; padding: 0.06rem 0.24rem; box-sizing: border-box; } .lan_sel dl dd a { color: #000; } .search { width: 0.5rem; height: 0.5rem; background: #002d89; border-radius: 100%; position: relative; order: 3; } .search img { width: 0.2rem; position: relative; z-index: 3; } .search::after { display: block; content: ''; width: 0; height: 0; background: #676767; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s linear; border-radius: 100%; } .search:hover::after { width: 100%; height: 100%; } .search a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .ban { width: 100%; } .swiper-container-a { position: relative; } .swiper-container-a .swiper-slide { position: relative; } .ban_prev,.ban_next{width: 0.6rem;height: 0.6rem;background:rgba(0,0,0,0.3);border-radius:0.6rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s linear;top:40%;margin-top:-0.3rem;} .ban_prev:hover,.ban_next:hover{background: #002d89;} .ban_prev img,.ban_next img{width: 0.3rem;} .ban_prev{left:5%;transform: translateX(-200px);} .ban_next{right:5%;transform: translateX(200px);} .ban:hover .ban_prev,.ban:hover .ban_next{transform: translateX(0);} .ban_xb { position: absolute; left: -5%; bottom: 3.3rem; opacity: 0; transform: translateX(-50px); transition: all 0.5s ease-in; } .swiper-container-a .swiper-slide-active .ban_xb { opacity: 1; transform: translateX(0); } .ban_xb span { display: block; width: 7.38rem; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.18rem; color: #fff; font-family: 'Arial'; text-transform: uppercase; letter-spacing: 2px; transform: rotate(90deg); padding-top: 0.27rem; } .ban_js { position: absolute; left: 19.9%; top: 2.3rem; opacity: 0; transform: translateY(50px); transition: all 0.7s linear; } .swiper-container-a .swiper-slide-active .ban_js { opacity: 1; transform: translateY(0); } .ban_js h2 { font-size: 0.6rem; color: #ffffff; font-weight: bold; } .ban_js p { font-size: 0.3rem; color: #ffffff; font-weight: lighter; padding: 0.26rem 0 1.6rem 0; } .ban_js a { display: block; width: 2rem; height: 0.5rem; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; font-size: 0.18rem; color: #ffffff; line-height: 0.5rem; text-align: center; position: relative; transition: all 0.5s linear; } .ban_js a::after { display: block; content: ''; width: 0; height: 100%; background: #002d89; position: absolute; left: 0; top: 0; transition: all 0.5s linear; } .ban_js a:hover::after { width: 100%; } .ban_js a span { position: relative; z-index: 3; } .ban_js a:hover { border-color: #002d89; } .ban_s { width: 4rem; position: absolute; right: 17.9%; top: 3.26rem; } .ban_s img { border-radius: 100%; position: relative; z-index: 5; } .ban_s::before { display: block; content: ''; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; border-radius: 100%; animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02); -webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02); animation-delay: 200ms; -webkit-animation-delay: 200ms; border-radius: 100%; background: rgba(0, 180, 255, .2) } .ban_s::after { display: block; content: ''; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; border-radius: 100%; animation: circle-opacity02 1.6s infinite cubic-bezier(0, 0, .49, 1.02); -webkit-animation: circle-opacity02 1.6s infinite cubic-bezier(0, 0, .49, 1.02); animation-delay: 200ms; -webkit-animation-delay: 200ms; border-radius: 100%; background: rgba(0, 180, 255, .2) } .swiper-container-a .swiper-pagination { position: absolute !important; left: 19.9%; bottom: 2.36rem; text-align: left; z-index: 30; } .swiper-container-a .swiper-pagination .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; background: none; border: 2px solid rgba(255, 255, 255, 0.5); margin-right: 0.13rem; opacity: 1; } .swiper-container-a .swiper-pagination .swiper-pagination-bullet-active { border-color: #fff; } .pro { position: relative; background: #f8f8f8; overflow: hidden; height: calc(100vh - 0.9rem); } .pro::after { display: block; width: 3.45rem; height: 6.38rem; content: ''; background: url(../img/pro_bg.png) no-repeat center center/100% 100%; position: absolute; left: 0; top: 0; } .tit { text-align: center; padding: 0.4rem 0 0.1rem 0; } .tit h2 { font-size: 0.36rem; color: #002d89; font-weight: bold; font-family: 'Arial'; text-transform: uppercase; line-height: 0.48rem; } .tit h2 span { font-weight: normal; } .pro_wzjs { font-size: 0.18rem; color: #4c4c4c; line-height: 0.22rem; text-align: center; } .swiper-container-b { margin: 0.36rem auto 0.76rem auto; overflow: hidden; } .swiper-container-b .swiper-wrapper{justify-content: center;} .swiper-container-b .swiper-slide { position: relative; } /*.pro_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }*/ .pro_js { width: 100%; background: rgba(0, 67, 150, 0.7); padding: 0.28rem; box-sizing: border-box; position: absolute; left: 0; bottom: 0; transform: translateY(0.8rem); transition: all 0.5s linear; } .pro_js h2 { font-size: 0.24rem; color: #fff; font-weight: bold; padding-bottom: 0.26rem; } .pro_js p { font-size: 0.18rem; color: #fff; font-family: 'Arial'; padding: 0.1rem 0 0.26rem 0; } .pro_js a { display: block; width: 2rem; height: 0.5rem; border: 1px solid #a3bbd9; box-sizing: border-box; font-size: 0.18rem; color: #fff; line-height: 0.5rem; text-align: center; position: relative; } .pro_js a span { position: relative; z-index: 5; } .pro_js a::after { display: block; content: ''; width: 0; height: 100%; background: #002d89; position: absolute; left: 0; top: 0; transition: all 0.5s linear; } .pro_js a:hover::after { width: 100%; } .swiper-container-b .swiper-slide:hover .pro_js { transform: translateY(0); background: rgba(0, 67, 150, 0.5); } .swiper-container-b .swiper-slide:hover .pro_bg { display: none; } .about { height: calc(100vh - 0.9rem); overflow: hidden; background: url(../img/ab_bg.jpg) no-repeat center center/cover; display: flex; align-items: center; } .about_pic { width: 9.4rem; } .about_js { width: 7.3rem; margin-left: 0.5rem; } .about .tit { text-align: left; padding-top: 0; } .about_js p { font-size: 0.16rem; color: #000000; line-height: 0.3rem; padding-bottom: 0.4rem; text-align: justify; } .ab_btn a { display: block; width: 2rem; height: 0.5rem; border: 1px solid #808080; box-sizing: border-box; font-size: 0.18rem; color: #1a1a1a; line-height: 0.5rem; text-align: center; position: relative; } .ab_btn a span { position: relative; z-index: 5; } .ab_btn a::after { display: block; content: ''; width: 0; height: 100%; background: #002d89; position: absolute; left: 0; top: 0; transition: all 0.5s linear; } .ab_btn a:hover::after { width: 100%; } .ab_btn a:hover { color: #fff; } .news { height: calc(100vh - 0.9rem); overflow: hidden; background: url(../img/news_bg.jpg) no-repeat center center/cover; } .news .tit { padding-top: 0.8rem; } .news .tit h2 { color: #fff; } .homenew_con { position: relative; } .news_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 3; display: none; } .swiper-container-c { margin: 0.1rem auto; width: 100%; } .swiper-container-c .swiper-slide { width: 100%; display: flex; justify-content: space-between; } .homenew_con { width: 18.4%; margin-right: 2%; } .homenew_con:nth-last-of-type(1) { margin-right: 0; } .news_wz { width: 100%; background: rgba(0, 0, 0, 0.3); padding: 0.2rem 0.1rem; box-sizing: border-box; transition: all 0.3s linear; } .homenew_con a h2 { font-size: 0.16rem; color: #ffffff; line-height: 0.3rem; height: 1.3rem; } .homenew_con a h2 b { display: block; height: 0.6rem; font-size: 0.2rem; } .homenew_con a p { font-size: 0.14rem; color: #fff; } .homenews_pic { height: 1.8rem; overflow: hidden; } .homenews_pic img { transition: all 0.3s linear; } .homenew_con:hover .homenews_pic img { transform: scale(1.2); } .homenew_con:hover .news_wz { background: #002d89; } .news_btn { width: 2rem; height: 0.5rem; border: 1px solid #808080; box-sizing: border-box; margin: 0.6rem auto 0.3rem auto; } .news_btn a { display: block; font-size: 0.18rem; color: #fff; line-height: 0.5rem; text-align: center; position: relative; width: 100%; height: 100%; } .news_btn a span { position: relative; z-index: 5; } .news_btn a::after { display: block; content: ''; width: 0; height: 100%; background: #002d89; position: absolute; left: 0; top: 0; transition: all 0.5s linear; } .news_btn a:hover::after { width: 100%; } .swiper-pagination-c { position: relative !important; bottom: auto !important; margin-top: 0.4rem; } .swiper-pagination-c .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; border: 0.02rem solid #9fa0a0; background: none; opacity: 1; margin: 0 0.07rem; } .swiper-pagination-c .swiper-pagination-bullet-active { border-color: #fff; } .oem_wz{padding-top:0.4rem;} .oem_wz p{font-size:0.18rem;color:#333;line-height: 0.36rem;} .fot.on { position: relative; z-index: 2; } .fot .w_1720 { display: flex; justify-content: space-between; padding: 0.6rem 0 0.8rem 0; } .fot_l { display: flex; } .fot_logo { width: 1.99rem; margin-right: 1.47rem; } .fot_nav ul { display: flex; } .fot_nav ul li { width: 1.54rem; margin-right: 0.2rem; } .fot_nav ul li h2 { font-size: 0.18rem; color: #000000; font-weight: 500; padding-bottom: 0.26rem; } .fot_navlist a { display: block; font-size: 0.16rem; color: #000000; padding-bottom: 0.14rem; font-weight: lighter; transition: all 0.3s linear; } .fot_navlist a:hover { color: #002d89; } .for_r { display: flex; } .wx { width: 0.33rem; margin-right: 0.32rem; position: relative; cursor: pointer; } .wb { width: 0.33rem; } .wx_ewm { width: 1.6rem; background: #fff; box-shadow: 0 0 0.1rem #000; padding: 0.1rem; border-radius: 0.04rem; box-sizing: border-box; position: absolute; left: 50%; margin-left: -0.8rem; top: 0.5rem; opacity: 0; transform: translateY(30px); transition: all 0.3s ease-in; } .wx_ewm::after { display: block; content: ''; width: 0; height: 0; border-right: 0.1rem solid transparent; border-left: 0.1rem solid transparent; border-bottom: 0.1rem solid #000; position: absolute; left: 50%; top: -0.1rem; transform: translateX(-50%); } .wx:hover .wx_ewm { opacity: 1; transform: translateY(0); } .beian { width: 100%; font-size: 0.16rem; color: #a1a0a0; line-height: 0.6rem; text-align: center; background: #4b4b4b; font-weight: lighter; letter-spacing: 2px; } .beian a{color: #a1a0a0;} .zx_pf { width: 0.6rem; height: 0.6rem; background: #002d89; border-radius: 0.6rem; position: fixed; right: 0.25rem; bottom: 0.14rem; display: flex; justify-content: center; align-items: center; z-index: 70; cursor: pointer; transform: translateY(200px); opacity: 0; transition: all 0.5s ease-in; } .zx_pf img { width: 0.32rem; } .zx_pf.on { transform: translateY(0); opacity: 1; } .zx_tcall { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; z-index: 100; display: none; } .zx_tc { width: 2.8rem; background: #f4f4f4; border-radius: 0.1rem; position: fixed; right: 0.25rem; bottom: 1.3rem; z-index: 70; box-shadow: 0 0 0.1rem #ccc; transform: translateX(300px); opacity: 0; transition: all 0.5s linear; } .zx_tc.on { transform: translateX(0); opacity: 1; } .zx_tctop { background: #002d89; padding: 0.2rem; box-sizing: border-box; } .zx_tctop h2 { font-size: 0.2rem; color: #ffffff; font-weight: lighter; } .zx_tctop p { font-size: 0.14rem; color: #ffffff; line-height: 0.18rem; font-weight: lighter; padding-top: 0.1rem; } .zx_tcfot { padding: 0.2rem; box-sizing: border-box; } .zx_tcfot input, .zx_tcfot select { display: block; width: 100%; height: 0.36rem; border: 1px solid #e6e6e6; box-sizing: border-box; background: none; font-size: 0.14rem; color: #1c1c1c; padding-left: 0.1rem; box-sizing: border-box; margin-bottom: 0.1rem; } .zx_sub { width: 1.8rem; height: 0.36rem; background: #002d89; border-radius: 0.36rem; display: flex; justify-content: center; align-items: center; font-size: 0.14rem; color: #ffffff; cursor: pointer; margin: 0.1rem auto 0 auto; } .zx_sub img { width: 0.18rem; margin-right: 0.16rem; } .newszx_tc{ width: 5.5rem; background: #f4f4f4; border-radius: 0.1rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 70; box-shadow: 0 0 0.1rem #ccc; border-radius: 0.1rem; } .wx_tcall .newszx_tc,.wx_dyall .newszx_tc { width: 4rem; } .newszx_tctop { background: #002d89; padding: 0.2rem; box-sizing: border-box; border-radius: 0.1rem 0.1rem 0 0; } .newszx_tctop h2 { font-size: 0.2rem; color: #ffffff; font-weight: lighter; } .newszx_tctop p { font-size: 0.14rem; color: #ffffff; line-height: 0.18rem; font-weight: lighter; padding-top: 0.1rem; } .newszx_tcfot { padding: 0.2rem; box-sizing: border-box; } .newszx_tcfot input, .newszx_tcfot select { display: block; width: 100%; height: 0.36rem; border: 1px solid #e6e6e6; box-sizing: border-box; background: none; font-size: 0.14rem; color: #1c1c1c; padding-left: 0.1rem; box-sizing: border-box; margin-bottom: 0.1rem; } .newszx_sub { width: 1.8rem; height: 0.36rem; background: #002d89; border-radius: 0.36rem; display: flex; justify-content: center; align-items: center; font-size: 0.14rem; color: #ffffff; cursor: pointer; margin: 0.1rem; } .newszx_sub img { width: 0.18rem; margin-right: 0.16rem; } .news_infoclose { background: #000; } .wxzx_close { background: #000; } .tc_fot { display: flex; align-items: center; justify-content: center; } .wx_tcall,.wx_dyall { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; z-index: 100; display: none; } .wxzx_ewm { width: 100%; margin: 0 auto 0.1rem auto; } /*产品列表*/ .ny_ban { height: 5.8rem; overflow: hidden; display: flex; justify-content: center; align-items: center; } .ny_banwz { font-size: 0.48rem; color: #fff; font-weight: bold; line-height: 0.6rem; text-align: center; text-transform: uppercase; } .ny_banwz span { font-family: 'Arial'; } .ny_pro { overflow: hidden; background: #f2f2f2; position: relative; padding-top: 0.8rem; } .ny_pro::after { display: block; width: 100%; height: 5.17rem; content: ''; background: #fff; position: absolute; left: 0; bottom: 0; } .pro_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .pro_list ul li { width: 49.3%; height: 4.8rem; background: #fff; padding: 0 0.4rem 0 0.5rem; margin-bottom: 0.2rem; box-sizing: border-box; display: flex; position: relative; } .pro_l h2 { font-size: 0.36rem; color: #393939; padding: 0.76rem 0 0 0; } .pro_l p { font-size: 0.18rem; color: #393939; line-height: 0.3rem; padding: 0.1rem 0 0.3rem 0; } .bq { width: 3.2rem; display: flex; flex-wrap: wrap; } .bq a { display: block; width: auto; border: 1px solid #002d89; border-radius: 0.05rem; font-size: 0.18rem; color: #002d89; line-height: 0.36rem; box-sizing: border-box; margin: 0 0.1rem 0.1rem 0; padding: 0 0.16rem; transition: all 0.5s linear; height: 0.36rem; } .bq a:hover { background: #002d89; color: #fff; } .more { width: 0.8rem; height: 0.8rem; background: #002d89; border-radius: 100%; font-size: 0.5rem; color: #fff; line-height: 0.8rem; text-align: center; position: absolute; left: 0.5rem; bottom: 0.5rem; font-weight: normal; } .more a { display: block; width: 100%; height: 100%; color: #fff; } .more a span { position: relative; z-index: 2; } .more::after { display: block; content: ''; width: 0; height: 0; background: #393939; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s linear; border-radius: 100%; } .more:hover::after { width: 100%; height: 100%; } .pro_r { width: 3rem; overflow: hidden; border-radius: 100%; position: absolute; right: 0.4rem; bottom: 0.4rem; } .pro_r img { transition: all 0.5s linear; } .pro_r:hover img { transform: scale(1.1); } .pro_ser { width: 100%; height: 10.35rem; background: url(../img/pro/ser_bg.jpg) no-repeat center center/cover; position: relative; margin-top: 0.8rem; z-index: 3; } .pro_ser h2 { font-size: 0.48rem; color: #fff; line-height: 0.6rem; padding: 1.6rem 0 0 0.98rem; } .pro_ser h2 b { display: block; text-transform: uppercase; } .pro_serlist { width: 7.5rem; position: absolute; right: 0; bottom: 1.7rem; } .pro_serlist ul li { display: flex; border-bottom: 1px solid #4d6cad; padding: 0.46rem 0; } .pro_serlist ul li h3 { font-size: 0.3rem; color: #ffffff; font-family: 'Arial'; margin: 0.26rem 0.32rem 0 0; } .pro_serlist ul li p { width: 5.84rem; font-size: 0.18rem; color: #ffffff; line-height: 0.3rem; text-align: justify; } /*产品二级列表*/ .pro_lv2 { overflow: hidden; background: #f2f2f2; padding-bottom: 1rem; } .pro_lv2tit { text-align: center; padding: 1rem 0 0.6rem 0; } .pro_lv2tit h2 { font-size: 0.36rem; color: #393939; } .pro_lv2tit p { font-size: 0.18rem; color: #a6a6a6; padding-top: 0.1rem; } .pro_nav { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: center; } .pro_nav a { font-size: 0.16rem; color: #393939; line-height: 0.82rem; margin: 0 0.5rem; position: relative; } .pro_nav2 a { font-size: 0.20rem; color: #393939; line-height: 0.82rem; 0margin: 0 1.42rem; position: relative; } .pro_nav a::after { display: block; content: ''; width: 0%; height: 2px; background: #002d89; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; } .pro_nav a:hover::after { width: 100%; } .pro_nav a.on, .pro_nav a:hover { color: #002d89; } .pro_nav a.on::after { width: 100%; } .projs_list ul { display: flex; flex-wrap: wrap; } .projs_list ul li { width: 32%; background: #fff; margin: 0.5rem 2% 0 0; padding: 0 2%; box-sizing: border-box; position: relative; transition: all 0.5s ease-in; } .projs_listtj ul li { width: 23.5%; } .projs_list ul li:nth-of-type(3n) { margin-right: 0; } .projs_listtj ul li:nth-of-type(4n) { margin-right: 0; } .projs_listtj ul li:nth-of-type(3n) { margin-right: 2%; } .projs_pic { margin: 0.3rem auto; overflow: hidden; height: 3.5rem; text-align: center; } .projs_listtj .projs_pic{height: 3rem;} .projs_pic img { width: auto;height: 100%; transition: all 0.5s linear; } .projs_list ul li:hover { box-shadow: 0 0 0.12rem -0.06rem #000; } .projs_list ul li:hover .projs_pic img { transform: scale(1.1); } .projs_list ul li h2 { font-size: 0.18rem; color: #000000; font-weight: lighter; position: relative; padding-bottom: 0.12rem; } .projs_list ul li h2::after { display: block; width: 0.6rem; height: 2px; background: #000000; position: absolute; left: 0; bottom: 0; content: ''; } .projs_list ul li p { font-size: 0.18rem; color: #000000; font-weight: bold; padding: 0.2rem 0 0.26rem 0; } .projs_more { width: 0.63rem; height: 0.63rem; background: #002d89; border-radius: 100%; font-size: 0.5rem; color: #fff; text-align: center; position: absolute; right: 0.3rem; bottom: 0.4rem; font-weight: lighter; } .projs_more a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .projs_more a span { display: flex; justify-content: center; align-items: center; width: 100%;height: 100%; position: absolute; z-index: 2; } .projs_more::after { display: block; content: ''; width: 0; height: 0; background: #393939; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.5s linear; border-radius: 100%; } .projs_more:hover::after { width: 100%; height: 100%; } .projs_listtj .projs_more { width: 0.4rem; height: 0.4rem; font-size: 0.36rem; bottom: 0.6rem; } .zk_btn { width: 100%; height: 0.8rem; background: #e6e6e6; display: flex; justify-items: center; align-items: center; cursor: pointer; justify-content: center; transition: all 0.5s linear; margin-top: 0.7rem; } .zk_btn span { font-size: 0.18rem; color: #1c1c1c; padding-right: 0.12rem; } .zk_btn img { width: 0.16rem; } .zk_btn:hover { background: #ccc; } .tj_tit { font-size: 0.48rem; color: #002d89; padding: 0.9rem 0 0 0; } /*产品详情*/ .pro_info { background: #f2f2f2; padding-bottom: 1rem; } .ny_topdh { padding: 0.46rem 0 0.26rem 0; display: flex; align-items: center; } .ny_topdh a { font-size: 0.14rem; color: #393939; } .ny_topdh img { width: 0.08rem; margin: 0 0.14rem; } .pro_infocon { overflow: hidden; background: #fff; padding: 0 1rem; box-sizing: border-box; } .pro_infocontop { text-align: center; } .pro_infocontop h2 { font-size: 0.24rem; color: #002d89; padding: 1.24rem 0 0 0; } .pro_infocontop h3 { font-size: 0.48rem; color: #002d89; font-weight: bold; } .pro_infocontop h4 { font-size: 0.3rem; color: #002d89; font-weight: 500; padding: 0.3rem 0 1rem 0; } .pro_infojs { overflow: hidden; display: flex; justify-content: space-between; align-items:flex-start; } .pro_jspic { width: 5.2rem; } .pro_jswz { width: 6.6rem; } .pro_jswz p{font-size: 0.18rem;line-height: 0.36rem;} .pro_jswz ol{margin-top:0.3rem;} .pro_jswz ol li{font-size: 0.18rem;line-height: 0.3rem;padding-bottom: 0.1rem;} .pro_infcs{margin:0.5rem auto;} .pro_infcs table{border-color:#e6e6e6;width: 100%;} .pro_infcs table tr td{font-size: 0.18rem;color: #4c4c4c;line-height: 0.3rem;padding:0.26rem 0;text-align: center;} .pro_infcs table tr:nth-of-type(1) td{font-size: 0.2rem;} .pro_jswz ul li { border-bottom: 1px solid #e6e6e6; padding: 0.26rem 0; display: flex; justify-content: space-between; } .pro_jswz ul li h2 { font-size: 0.24rem; color: #1c1c1c; font-weight: bold; } .pro_jswz ul li p { width: 6.2rem; font-size: 0.18rem; color: #4c4c4c; line-height: 0.3rem; text-align: justify; font-weight: lighter; } .pro_jswz ul li p b { font-size: 0.2rem; color: #1c1c1c; display: block; font-weight: bold; } .pro_infcstit { font-size: 0.3rem; color: #002d89; font-weight: bold; text-align: center; padding: 0.9rem 0 0.42rem 0; } .pro_infcscon dl { height: 0.72rem; background: #f2f2f2; display: flex; justify-content: center; align-items: center; } .pro_infcscon dl dd { width: 20%; border-right: 1px solid #e6e6e6; box-sizing: border-box; font-size: 0.2rem; color: #1c1c1c; line-height: 0.26rem; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; } .pro_infcscon dl dd:nth-last-of-type(1) { border-right: none; } .pro_infcscon { border: 1px solid #e6e6e6; box-sizing: border-box; border-bottom: none; } .pro_csxx { border-bottom: 1px solid #e6e6e6; display: flex; } .pro_csxx h2 { width: 20%; font-size: 0.2rem; color: #1c1c1c; border-right: 1px solid #e6e6e6; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } .pro_csxx ol { width: 80%; } .pro_csxx ol li { width: 100%; height: 0.72rem; display: flex; justify-content: center; align-items: center; } .pro_csxx ol li span { border-right: 1px solid #e6e6e6; box-sizing: border-box; font-size: 0.18rem; color: #1c1c1c; font-weight: lighter; width: 25%; height: 100%; display: flex; justify-content: center; align-items: center; } .pro_csxx ol li span:nth-last-of-type(1) { border-right: none; } .pro_csxx ol li:nth-of-type(2n) { background: #f2f2f2; } .pro_infowz { font-size: 0.16rem; color: #808080; text-align: center; padding: 0.3rem 0 0.8rem 0; font-weight: lighter; } /*诸侯快讯ok1133新宝2*/ .ab_ban { height: 5.09rem; position: relative; } .ny_ban .ny_topdht { position: absolute; left: 16.14%; top: 0.4rem; display: flex; align-items: center; } .ny_ban .ny_topdht a { font-size: 0.14rem; color: #cfd2d3; } .ny_ban .ny_topdht img { width: 0.08rem; margin: 0 0.08rem; } .ny_gynav { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; display: flex; justify-content: center; } .ny_gynav a { font-size: 0.16rem; color: #1c1c1c; padding: 0 1.3rem; line-height: 0.7rem; border-right: 1px solid #e6e6e6; } .ny_gynav a:nth-of-type(1) { border-left: 1px solid #e6e6e6; } .ny_gynav a.on, .ny_gynav a:hover { font-weight: bold; } .ab_js { padding: 0.96rem 0; } .ab_js .w_1300 { display: flex; justify-content: space-between; align-items: center; } .ab_pic { width: 5.8rem; } .ab_jsr { width: 6.2rem; } .ab_tit { font-size: 0.36rem; color: #002d89; font-weight: bold; position: relative; padding: 0.47rem 0 0.3rem 0; text-align: center; } .ab_js .ab_tit { text-align: left; } .ab_tit::after { display: block; width: 1.06rem; height: 0.04rem; content: ''; background: #1c1c1c; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .ab_js .ab_tit::after { left: 0; transform: translateX(0); } .ab_jsr p { font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; padding-top: 0.3rem; text-align: justify; font-weight: lighter; } .ab_yy { background: #f2f2f2; } .ab_yy .ab_tit::after { background: #002d89; } .ab_yylist { padding: 0.88rem 0 0.62rem 0; } .ab_yylist dl { display: flex; justify-content: center; } .ab_yylist dl dd { text-align: center; width: 20%; } .ab_yylist dl dd img { width: 0.64rem; } .ab_yylist dl dd p { font-size: 0.18rem; color: #000000; padding-top: 0.4rem; font-weight: lighter; } .ab_gs { padding: 0.85rem 0 0 0; position: relative; z-index: 5; } .ab_gs .w_1300 { display: flex; justify-content: space-between; } .ab_gsl { width: 6.06rem; } .ab_gsl h2 { font-size: 0.36rem; color: #1c1c1c; font-weight: bold; padding: 0.8rem 0 0.4rem 0; } .ab_gsl h3 { font-size: 0.18rem; color: #1c1c1c; } .ab_gsl p { font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; font-weight: lighter; padding-top: 0.3rem; } .ab_gspic { width: 5.8rem; } .ab_yybtn { margin-top: 2.2rem; } .ab_yybtn a { font-size: 0.18rem; color: #002d89; } .ab_map { background: #f2f2f2; padding: 2.56rem 0 0.48rem 0; position: relative; top: -1.31rem; margin-bottom: -1.31rem; } .ab_map .w_1300 { display: flex; justify-content: space-between; } .map_l { width: 7.8rem; height: 6.9rem; position: relative; overflow: hidden; } .map_r { width: 4.8rem; } .map_r ul li { overflow: hidden; margin-bottom: 0.2rem; } .map_r ul li.on { background: #fff; padding: 0.3rem; box-sizing: border-box; box-shadow: 0 0 0.1rem #999; border-radius: 0.16rem; } .dq { width: 100%; height: 0.57rem; background: #fafafa; border-radius: 0.57rem; position: relative; overflow: hidden; cursor: pointer; } .dq span { display: block; width: 1.5rem; height: 100%; background: #e6e6e6; border-radius: 0.57rem; overflow: hidden; font-size: 0.18rem; color: #1c1c1c; line-height: 0.57rem; padding-left: 0.38rem; box-sizing: border-box; transition: all 0.5s ease-in; } .map_r ul li.on .dq span { width: 100%; background: #002d89; color: #fff; } .dq b { display: block; width: 0.22rem; position: absolute; right: 0.28rem; top: 50%; transform: translateY(-50%); z-index: 3; } .dq b img:nth-of-type(1) { display: block; } .dq b img:nth-of-type(2) { display: none; } .map_r ul li.on .dq b img:nth-of-type(1) { display: none; } .map_r ul li.on .dq b img:nth-of-type(2) { display: block; } .map_list { width: 90%; height: 3rem; overflow: auto; margin: 0.3rem auto 0 auto; display: none; } .map_list dl dd { font-size: 0.18rem; color: #4c4c4c; line-height: 0.36rem; font-weight: lighter; cursor: pointer; } .map_list dl dd:hover { color: #002d89; font-weight: bold; } .map_tc { width: 4.2rem; background: #fff; border-radius: 0.1rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; display: none; } .map_tc h2 { height: 0.6rem; background: #032e89; display: flex; align-items: center; justify-content: space-between; padding: 0 0.22rem; box-sizing: border-box; font-size: 0.18rem; color: #ffffff; } .map_tc h2 img { width: 0.42rem; } .map_tc p { font-size: 0.18rem; color: #1c1c1c; padding: 0.2rem 0.22rem; box-sizing: border-box; line-height: 0.3rem; } .map_adlist { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .map_adlist span { display: block; width: 0.14rem; height: 0.14rem; border: 1px solid #002d89; border-radius: 100%; overflow: hidden; position: absolute; right: 1.06rem; top: 2rem; cursor: pointer; } .map_adlist span::after { display: block; width: 0.1rem; height: 0.1rem; content: ''; background: #002d89; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .map_adlist span.on { border-color: #d10000; } .map_adlist span.on::after { background: #d10000; } /*企业文化*/ .culture { background: #f2f2f2; padding: 1.07rem 0 1rem 0; } .culture p { text-align: center; font-size: 0.2rem; color: #000000; line-height: 0.36rem; padding-bottom: 0.9rem; } .culture ul { display: flex; justify-content: space-between; } .culture ul li { width: 3.65rem; background: #fff; text-align: center; padding: 0.36rem 0 0.7rem 0; } .culture ul li img { display: block; width: 0.84rem; margin: 0 auto; } .culture ul li h2 { font-size: 0.2rem; color: #000000; font-weight: bold; padding: 0.16rem 0; } .culture ul li h4 { font-size: 0.16rem; color: #000000; line-height: 0.3rem; font-weight: lighter; } /*企业历程*/ .his { background: #f2f2f2; padding-bottom: 1.3rem; overflow: hidden; position: relative; z-index: 1; } .histit { border-bottom: 1px solid #e6e6e6; font-size: 0.3rem; color: #000000; font-weight: bold; padding: 1rem 0 0.46rem 0; margin-bottom: 1.3rem; } .his_con { width: 85.5%; margin: 0 auto; display: flex; justify-content: space-between; position: relative; } .his_data { width: 6.5rem; padding: 0 0.9rem 0 1.5rem; box-sizing: border-box; margin-top: 0.5rem; } .his_data ul li { position: relative; text-align: center; cursor: pointer; } .his_data ul li h2 { font-size: 1.5rem; color: #e5e5e5; font-weight: bold; font-family: 'Arial'; position: relative; z-index: 4; opacity: 1; transition: all 0.5s ease-in; } .his_datayuan { width: 4.02rem; position: absolute; left: 50%; top: 50%; margin: -2.01rem 0 0 -2.01rem; opacity: 0; transform: translateX(0.5rem); transition: all 0.5s ease-in; } .his_datayear { font-size: 1.5rem; color: #002d89; font-weight: bold; font-weight: bold; font-family: 'Arial'; position: absolute; left: -0.46rem; top: -2%; opacity: 0; transform: translateX(-0.5rem); transition: all 0.5s ease-in; } .his_data ul li.on h2 { opacity: 0; } .his_data ul li.on .his_datayuan { opacity: 1; transform: translateX(0); } .his_data ul li.on .his_datayear { opacity: 1; transform: translateX(0); } .his_wz { border-top: 1px solid #ccc; padding-bottom: 0.46rem; } .his_wz:nth-last-of-type(1) { border-bottom: 1px solid #ccc; } .his_r { width: 5.5rem; position: absolute; right: 0; top: 0; } .his_r h2 { font-size: 0.16rem; color: #1c1c1c; padding: 0.46rem 0 0.3rem 0; } .his_r p { display: flex; font-size: 0.18rem; color: #1c1c1c; font-weight: 500; line-height: 0.36rem; } .his_r p span { padding-right: 0.32rem; } .his_r ul li { position: absolute; left: 0; top: 0; opacity: 0; transform: translateX(100%); transition: all 0.5s linear; } .his_r ul li.on { opacity: 1; transform: translateX(0); } /*荣誉*/ .honor_top h2 { font-size: 0.3rem; color: #000000; font-weight: bold; border-bottom: 1px solid #e6e6e6; padding: 1rem 0 0.45rem 0; } .honor_top p { display: flex; justify-content: space-between; padding: 0.46rem 0 0.74rem 0; } .honor_top p span:nth-of-type(1) { width: 5.2rem; font-size: 0.16rem; color: #000000; line-height: 0.36rem; text-align: justify; } .honor_top p span:nth-of-type(2) { width: 7.54rem; font-size: 0.18rem; color: #000000; line-height: 0.36rem; } .honor_top p span:nth-of-type(2) b { display: block; padding-top: 0.4rem; } .honor_top p span:nth-of-type(2) b strong { font-weight: normal; } .ab_ry { background: #f2f2f2; padding-bottom: 1rem; } .ab_rytit { font-size: 0.3rem; color: #000000; font-weight: bold; padding: 0.94rem 0 0.4rem 0; } .ab_rypic { overflow: hidden; height: 4.7rem; display: flex;align-items: center; } .ab_rypic img { transition: all 0.3s linear; } .ab_rypic:hover img { transform: scale(1.05); } .swiper-container-ry p { font-size: 0.18rem; color: #000; font-family: 'Arial'; text-align: center; padding-top: 0.14rem; } .ab_ryqh { position: relative; } .ry_prev, .ry_next { width: 0.52rem; height: 0.52rem; border: 1px solid #dadada; border-radius: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; } .ry_prev img, .ry_next img { width: 0.09rem; position: relative; z-index: 3; } .ry_prev::after, .ry_next::after { display: block; content: ''; width: 0; height: 0; background: #fff; border-color: #fff; border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; } .ry_prev:hover, .ry_next:hover { border-color: #fff; } .ry_prev:hover::after, .ry_next:hover::after { width: 100%; height: 100%; } .ry_prev { right: 1.07rem; top: -0.8rem; } .ry_next { right: 0.38rem; top: -0.8rem; } /*联系我们*/ .contact { border-bottom: 1px solid #f2f2f2; padding-bottom: 0.4rem; } .contact_tit { border-bottom: 1px solid #e6e6e6; padding: 1rem 0 0.4rem 0; font-size: 0.3rem; color: #000000; font-weight: bold; } .contact h2 { font-size: 0.18rem; color: #000000; padding: 0.46rem 0 0.78rem 0; font-weight: lighter; } .contact h3 { font-size: 0.2rem; color: #000000; font-weight: 500; padding-bottom: 0.1rem; } .contact_list ul { display: flex; } .contact_list li { width: 36%; } .contact_list li h4 { display: flex; align-items: center; margin-top: 0.27rem; } .contact_list li h4 img { width: 0.23rem; margin-right: 0.1rem; } .contact_list li h4 span { font-size: 0.18rem; color: #000000; font-weight: lighter; } .contact_list li:nth-of-type(1) { border-right: 1px solid #e6e6e6; margin-right: 2rem; } .contact_map { margin-top: 1.2rem; } .contact_map map { display: block; width: 100%; height: 4rem; } .contact dl dd { display: flex; margin-top: 0.32rem; align-items: flex-start; } .contact dl dd img { width: 0.39rem; margin: 0.05rem 0.1rem 0 0; } .contact dl dd p { flex: 1; font-size: 0.18rem; color: #000000; line-height: 0.3rem; text-align: justify; font-weight: lighter; } .contact dl dd p span { display: block; font-size: 0.2rem; padding-bottom: 0.1rem; font-weight: normal; } /*职业发展*/ .jion_list ul li h4 { display: flex; align-items: center; margin-bottom: 0.17rem; } .jion_list ul li h4 img { width: 0.2rem; margin-right: 0.14rem; } .jion_list ul li h4 span { font-size: 0.18rem; color: #0d0d0d; font-weight: lighter; } .jion_list ul li h4:nth-last-of-type(1) { background: #002d89; height: 0.55rem; justify-content: center; width: 3.04rem; margin-bottom: 0; } .jion_list ul li h4:nth-last-of-type(1) span { color: #fff; } .jion_zw { margin: 1rem 0; } .jion_zw ul li { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height: 0.6rem; border-bottom: 1px solid #e6e6e6; transition: all 0.3s linear; } .jion_zw ul li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .jion_zw ul li:nth-of-type(1) { background: #ededed; } .jion_zw ul li span { width: 20%; text-align: center; font-size: 0.18rem; color: #0d0d0d; font-weight: lighter; } .jion_zw ul li span:nth-of-type(1) { font-weight: bold; } .jion_zw ul li span b { display: none; } .jion_zw ul li:nth-of-type(1) span:nth-of-type(1) { font-weight: lighter; } .jion_zw ul li a:hover { background: #002d89; } .jion_zw ul li a:hover span { color: #fff; } .zp_xq{width: 100%;background:#ededed;padding:0 0.3rem 0.3rem 0.3rem;box-sizing: border-box;display: none;} .zp_xq h4{font-size:0.18rem;color:#000;font-weight: bold;padding:0.3rem 0 0rem 0;} .zp_xq p{font-size: 0.18rem;color:#0d0d0d;line-height: 0.36rem;} /*新闻列表*/ .new_con { background: #f2f2f2; padding-bottom: 0.6rem; } .new_toptit { font-size: 0.3rem; color: #000000; text-align: center; font-weight: bold; padding: 1rem 0 0.5rem 0; } .news_con { background: #fff; padding: 0.3rem; box-sizing: border-box; display: flex; align-items: center; } .new_pic { width: 4.37rem; overflow: hidden; margin-right: 0.6rem; transition: all 0.3s linear; } .news_con:hover .new_pic { transform: translateX(20px); } .news_conr { width: 7.22rem; transition: all 0.3s linear; } .news_con:hover .news_conr { transform: translateX(20px); } .news_conr h3 { font-size: 0.16rem; color: #1c1c1c; font-family: 'Arial'; font-weight: lighter; } .news_conr h2 { font-size: 0.24rem; color: #000000; line-height: 0.36rem; padding: 0.14rem 0 0.2rem 0; } .news_conr p { font-size: 0.16rem; color: #000000; line-height: 0.3rem; font-weight: lighter; } .news_conr a { display: block; width: 1.36rem; height: 0.34rem; border: 1px solid #e6e6e6; box-sizing: border-box; font-size: 0.14rem; color: #1c1c1c; line-height: 0.34rem; text-align: center; margin-top: 0.24rem; position: relative; } .news_conr a span { position: relative; z-index: 2; } .news_conr a::after { display: block; width: 0; height: 100%; content: ''; background: #002d89; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in; } .news_conr a:hover { color: #fff; border-color: #002d89; } .news_conr a:hover::after { width: 100%; } .new_fott { margin: 1rem auto 0.5rem auto; display: flex; justify-content: space-between; position: relative; z-index: 10; } .new_fottl { display: flex; } .new_fotsel { width: 2rem; margin-right: 0.19rem; position: relative; z-index: 10; } .new_fotselon { width: 100%; height: 0.5rem; background: #ffffff; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.3s linear; } .new_fotselon.on { background: #00318b; } .new_fotselon span { font-size: 0.18rem; color: #1c1c1c; font-weight: lighter; } .new_fotselon.on span { color: #fff; } .new_fotselon img { width: 0.08rem; margin-left: 0.2rem; transition: all 0.3s linear; } .new_fotselon img:nth-of-type(1) { display: block; } .new_fotselon img:nth-of-type(2) { display: none; } .new_fotselon.on img:nth-of-type(1) { display: none; } .new_fotselon.on img:nth-of-type(2) { display: block; transform: rotate(180deg); } .new_xl { width: 100%; height: auto; background: #fff; position: absolute; left: 0; top: 100%; display: none; } .new_xl dl dd { width: 100%; font-size: 0.16rem; color: #000; line-height: 0.5rem; text-align: center; cursor: pointer; font-weight: lighter; } .new_xl dl dd:hover { background: #00318b; color: #fff; } .new_fottr { width: 4.67rem; display: flex; align-items: center; background: #fff; height: 0.5rem; } .new_fottr input { width: 4.16rem; background: none; border: none; font-size: 0.18rem; color: #808080; padding-left: 0.2rem; box-sizing: border-box; font-weight: lighter; } .news_sub { flex: 1; background: #00318b; display: flex; justify-content: center; align-items: center; cursor: pointer; height: 100%; } .news_sub img { width: 0.25rem; } .news_list ul li { background: #fff; height: 2.3rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.3rem; box-sizing: border-box; margin-bottom: 0.3rem; } .news_list ul li:hover { box-shadow: 0.1rem 0.2rem 0.1rem #e6e6e6; } .news_pic { width: 3rem; transition: all 0.3s linear; max-height: 2rem;overflow:hidden; } .news_list ul li:hover .news_pic { transform: translateX(0.2rem); } .news_js { width: 9.2rem; font-size: 0.24rem; color: #000000; line-height: 0.36rem; font-weight: lighter; padding-right: 1.5rem; box-sizing: border-box; transition: all 0.3s linear; } .news_list ul li:hover .news_js { transform: translateX(0.2rem); } .news_js span { display: block; font-size: 0.18rem; padding-top: 0.1rem; } .news_jsbtn { width: 1.36rem; height: 0.34rem; background: #00318b; position: relative; } .news_jsbtn a { display: block; width: 100%; height: 100%; position: relative; z-index: 2; font-size: 0.14rem; color: #ffffff; line-height: 0.34rem; text-align: center; } .news_jsbtn::after { display: block; width: 0; height: 100%; content: ''; background: #000; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in; } .news_jsbtn:hover::after { width: 100%; } .new_more { width: 100%; height: 0.8rem; background: #e6e6e6; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 0.18rem; color: #1c1c1c; } .new_more img { width: 0.17rem; margin-left: 0.12rem; } /*新闻详情*/ .news_info { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .news_info .w_1300 { display: flex; justify-content: space-between; padding-top: 0.56rem; } .news_infoltop h2 { font-size: 0.3rem; color: #000000; font-weight: bold; line-height: 0.48rem; } .news_infol { width: 8.66rem; } .news_infoltopbq { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid #e6e6e6; padding: 0.3rem 0 0.1rem 0; } .news_infoltopbq h3 { display: flex; align-items: center; font-size: 0.16rem; color: #1c1c1c; } .news_infoltopbq h3 span { width: 0.9rem; background: #e6e6e6; font-size: 0.14rem; color: #000000; line-height: 0.3rem; border-radius: 0.3rem; text-align: center; margin-right: 0.14rem; } .news_infoltopbq p { display: flex; align-items: center; font-size: 0.18rem; color: #808080; } .news_infoltopbq p span { display: flex; align-items: center; margin-left: 0.1rem; } .news_infoltopbq p span img { width: 0.22rem; margin-right: 0.1rem; } .news_infoban { margin: 0.5rem 0 0 0; } .fanhui_btn { width: 2rem; height: 0.5rem; background: #002d89; position: relative; margin: 0.5rem auto 0.9rem auto; text-align: center !important; text-indent: 0 !important; padding:0 !important; } .fanhui_btn a { display: block; width: 100%; height: 100%; position: relative; z-index: 2; font-size: 0.16rem; color: #ffffff; line-height: 0.5rem; text-align: center; } .fanhui_btn::after { display: block; width: 0; height: 100%; content: ''; background: #000; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in; } .fanhui_btn:hover::after { width: 100%; } .news_infofot { padding: 0.5rem 0 0.8rem 0; } .news_infofot p,.news_infofot div{text-align: left;text-indent: 2em;padding-bottom: 0.3rem;font-size:14px;line-height: 28px;} .news_infofot p img,.news_infofot div img{width: 100% !important;display: block;} .news_infofotr p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; padding-bottom: 0.24rem; font-weight: lighter; } .news_infofotr p b { font-weight: bold; } .news_infolist { border-top: 1px solid #333; padding-bottom: 0.8rem; } .news_infolist h2 { font-size: 0.3rem; color: #000000; font-weight: bold; padding: 0.27rem 0 0.47rem 0; } .news_infor { width: 3.52rem; } .news_infor h2 { font-size: 0.24rem; color: #000000; font-weight: bold; padding-bottom: 0.3rem; } .news_infornav { border-top: 1px solid #e6e6e6; padding-bottom: 0.46rem; } .news_infornav a { display: block; height: 0.6rem; border-bottom: 1px solid #f2f2f2; padding: 0 0.2rem; box-sizing: border-box; position: relative; position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; } .news_infornav a span { font-size: 0.16rem; color: #000000; position: relative; z-index: 2; } .news_infornav a img { width: 0.09rem; opacity: 0; transform: translateX(-20px); transition: all 0.3s linear; position: relative; z-index: 2; } .news_infornav a:hover img { opacity: 1; transform: translateX(0); } .news_infornav a:hover { color: #002d89; font-weight: bold; } .news_infornav a::after { display: block; width: 0; height: 100%; content: ''; background: #f2f2f2; position: absolute; left: 0; top: 0; transition: all 0.3s ease-in; } .news_infornav a:hover::after { width: 100%; } .news_inforlist ul li { margin-bottom: 0.3rem; } .news_inforlist ul li h3 { font-size: 0.18rem; color: #000000; font-weight: bold; } .news_inforlist ul li h4 { font-size: 0.18rem; color: #000; line-height: 0.3rem; font-weight: lighter; } .news_inforlist ul li p { display: flex; align-items: center; font-size: 0.16rem; color: #333333; padding-top: 0.16rem; } .news_inforlist ul li p span { width: 0.9rem; background: #e6e6e6; font-size: 0.14rem; color: #000000; line-height: 0.3rem; border-radius: 0.3rem; text-align: center; margin-right: 0.14rem; } .news_inforlist ul li:hover h3, .news_inforlist ul li:hover h4 { color: #00318b; } .news_fott { border-bottom: 1px solid #f2f2f2; padding: 0.16rem 0; width: 100%; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 50; } .news_fott.on { position: relative; bottom: auto; z-index: 3; } .news_fott .w_1300 { display: flex; align-items: center; justify-content: space-between; } .news_fottl h2 { font-size: 0.16rem; color: #1c1c1c; } .news_fottl h3 { font-size: 0.3rem; color: #1c1c1c; font-weight: bold; font-family: 'Arial'; display: flex; align-items: center; } .news_fottl h3 span { display: flex; align-items: center; margin-left: 0.56rem; } .news_fottl h3 span a { width: 0.26rem; margin-right: 0.27rem; } .news_fottr { display: flex; align-items: center; } .news_fottr a { width: 1.5rem; height: 0.36rem; background: #ff0000; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #ffffff; font-weight: bold; margin-left: 0.16rem; } .news_fottr a img { width: 0.2rem; margin-right: 0.12rem; } .news_fottr a:nth-of-type(2) { background: #002d89; } /*媒体库*/ .dow { background: #f2f2f2; padding-bottom: 1rem; } .dow h2 { font-size: 0.3rem; color: #000000; font-weight: bold; padding: 1rem 0 0.46rem 0; border-bottom: 1px solid #e6e6e6; } .dow_list ul { display: flex; flex-wrap: wrap; } .dow_list ul li { width: 31.5%; margin: 0 2.75% 0.4rem 0; background: #ffffff; } .dow_list ul li:nth-of-type(3n) { margin-right: 0; } .dow_list ul li:hover { box-shadow: 0 0 0.2rem #e6e6e6; } .dow_top { position: relative; } .video_btn { width: 0.82rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; cursor: pointer; } .dow_fot { position: relative; } .dow_fot h3 { font-size: 0.18rem; color: #000000; line-height: 0.3rem; padding: 0.28rem; box-sizing: border-box; } .dow_btn { width: 0.59rem; height: 0.59rem; background: #fff; bordeR: 1px solid #4266a9; border-radius: 100%; box-sizing: border-box; position: absolute; right: 0.16rem; bottom: 0.28rem; } .dow_btn img { width: 0.25rem; position: relative; z-index: 2; } .dow_btn img:nth-of-type(1) { display: block; } .dow_btn img:nth-of-type(2) { display: none; } .dow_btn a { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .dow_btn::after { display: block; width: 0; height: 0; content: ''; background: #00318b; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; transition: all 0.3s linear; } .dow_btn:hover::after { width: 101%; height: 101%; } .dow_btn:hover img:nth-of-type(1) { display: none; } .dow_btn:hover img:nth-of-type(2) { display: block; } .dow_video { display: none; width: 100%; position: absolute; left: 0; top: 0; z-index: 20; } /*应用领域*/ .application_con { background: #fafafa; padding-bottom: 0.25rem; border-bottom: 1px solid #f2f2f2; position: relative; overflow: hidden; } .application_con .w_1520 { position: relative; } .application_nav { display: flex; align-items: center; position: absolute; left: 1.09rem; top: 0rem; z-index: 5; } .application_nav a { font-size: 0.14rem; color: #ffffff; } .application_nav img { width: 0.08rem; margin: 0 0.08rem; } .application_contop { width: 5.88rem; margin: 0.4rem auto 0 auto; position: relative; z-index: 5; } .application_contop h2 { font-size: 0.3rem; color: #1c1c1c; font-weight: bold; text-align: center; line-height: 0.4rem; text-transform: uppercase; } .application_contop h2 b { display: block; } .application_sear { width: 100%; height: 0.6rem; background: #fff; margin: 0.27rem auto 0.3rem auto; display: flex; align-items: center; box-shadow: 0 0 0.1rem #ededed; } .application_sear input { width: 5.28rem; height: 100%; background: none; border: none; font-size: 0.16rem; color: #808080; padding-left: 0.2rem; box-sizing: border-box; } .application_sub { flex: 1; height: 100%; background: #002d89; display: flex; align-items: center; justify-content: center; cursor: pointer; } .application_sub img { width: 0.2rem; } .application_qh { width: 4.68rem; margin: 0.7rem auto; } .application_qh img { display: block; width: 4.12rem; overflow: hidden; border-radius: 100%; margin: 0 auto; } .application_qh h3 { font-size: 0.24rem; color: #002d89; font-weight: bold; border-bottom: 1px solid #e6e6e6; text-align: center; padding: 0.2rem 0 0.2rem 0; } .application_qh p { font-size: 0.14rem; color: #002d89; line-height: 0.18rem; text-align: center; padding: 0.17rem 0; } .application_btn { width: 1.5rem; height: 0.4rem; background: #002d89; border-radius: 0.4rem; position: relative; margin: 0 auto; } .application_btn a { display: block; width: 100%; height: 100%; font-size: 0.14rem; color: #fff; line-height: 0.4rem; text-align: center; position: relative; z-index: 2; } .application_btn::after { display: block; width: 0; height: 100%; content: ''; background: #000; position: absolute; left: 0; top: 0; transition: all 0.3s linear; border-radius: 0.4rem; } .application_btn:hover::after { width: 100%; } .application_fl { width: 15.77rem; height: 15.77rem; background: url(../img/application_bg.png) no-repeat center center/100% 100%; position: absolute; left: 50%; top: -4rem; margin-left: -7.885rem; border-radius: 100%; transform: rotate(90deg); } .application_fl.on { transform: rotate(0deg); transition: all 0.5s linear; } .application_fl::after { display: block; width: 108%; height: 108%; border: 1px solid #e9e9e9; border-radius: 100%; content: ''; position: absolute; left: -4%; top: -4%; } .application_fl::before { display: block; width: 116%; height: 116%; border: 1px solid #e9e9e9; border-radius: 100%; content: ''; position: absolute; left: -8%; top: -8%; } .application_fl ul li { width: 1.12rem; height: 1.12rem; border: 1px solid #d9d7eb; border-radius: 100%; position: absolute; z-index: 10; } .application_fl ul li.on { background: #fff; border-color: #fff; } .application_fl ul li a { display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .application_fl ul li a p { text-align: center; } .application_fl ul li a p img { width: 100%; } .application_fl ul li a p img:nth-of-type(1) { display: block; } .application_fl ul li a p img:nth-of-type(2) { display: none; } .application_fl ul li.on a p img:nth-of-type(1) { display: none; } .application_fl ul li.on a p img:nth-of-type(2) { display: block; } .application_fl ul li a p span { display: block; font-size: 0.14rem; color: #fff; line-height: 0.2rem; padding-top: 0.1rem; } .application_fl ul li.on a p span { color: #002d89; } .application_fl ul li:nth-of-type(1) { left: 1rem; top: 6rem; } .application_fl ul li:nth-of-type(2) { right: 1.4rem; top: 5rem; } .application_fl ul li:nth-of-type(3) { left: 0.7rem; top: 7.4rem; } .application_fl ul li:nth-of-type(4) { right: 0.9rem; top: 6.3rem; } .application_fl ul li:nth-of-type(5) { left: 0.9rem; top: 8.8rem; } .application_fl ul li:nth-of-type(6) { right: 0.7rem; top: 7.7rem; } .application_fl ul li:nth-of-type(7) { left: 1.4rem; top: 10.2rem; } .application_fl ul li:nth-of-type(8) { right: 0.9rem; top: 9.1rem; } .application_fl ul li:nth-of-type(9) { right: 1.7rem; top: 10.3rem; } .ny_search { position: relative; z-index: 92; } .ny_searchtop { width: 50%; margin: 1.5rem auto 0 auto; display: flex; align-items: center; border-bottom: 1px solid #000000; padding-bottom: 0.22rem; } .ny_searchbtn { width: 0.5rem; cursor: pointer; margin-right: 0.18rem; height: 0.5rem; display: flex; align-items: center; justify-content: center; background: #002d89; border-radius: 0.5rem; } .ny_searchbtn img { width: 0.2rem; } .ny_searchtop input { flex: 1; border: none; background: none; font-size: 0.24rem; color: #808080; line-height: 0.4rem; } /*应用领域列表*/ .app_list { background: #f2f2f2; padding-bottom: 1.5rem; } .app_listtit { border-bottom: 1px solid #e6e6e6; padding: 1rem 0 0.47rem; font-size: 0.16rem; color: #333333; } .app_listtit b { font-size: 0.3rem; color: #000000; padding-right: 0.5rem; } .app_listcon ul { display: flex; flex-wrap: wrap; } .app_listcon ul li { width: 32%; margin: 0.5rem 2% 0 0; background: #fff; transition: all 0.3s linear; } .app_listcon ul li:nth-of-type(3n) { margin-right: 0; } .app_listconpic { overflow: hidden; } .app_listconpic img { transition: all 0.3s linear; } .app_listcon ul li:hover { box-shadow: 0 0 0.2rem #e6e6e6; } .app_listcon ul li:hover .app_listconpic img { transform: scale(1.15); } .app_listcon ul li p a { display: block; width: 100%; font-size: 0.18rem; color: #000; line-height: 0.8rem; text-align: center; } .app_listcon ul li a p{display: block; width: 100%; font-size: 0.18rem; color: #000; line-height: 0.8rem; text-align: center;} .AllSeaList{margin:1rem auto 0.4rem auto;width: 70%;} .AllSeaList li{border-bottom: 1px solid #000;padding:0 0 0.3rem 0;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;font-size: 0.24rem;} .floatl{} .floatl a{color:#000;} .floatr{} .pager1{display: flex;align-items: center;justify-content: center;padding:0 0 1rem 0;} .pager1 li{margin:0 0.2rem;font-size: 0.24rem;color:#000;} .pager1 li a{color:#000;} .pager1 li.active{color:#ff0000;} .BMap_cpyCtrl{display:none; }.anchorBL{display:none; } @media(max-width:1366px) { .news .tit { padding-top: 1rem; } .swiper-container-c { margin: 0.4rem auto; } } @media(max-width:1024px) { .ny_searchtop { width: 90%; } .header { z-index: 99; } .w_1720 { width: 90% !important; } .w_1300 { width: 90% !important; } .w_1520 { width: 90%; } .nav_2 a:hover { background: none; color: #003b91; } .nav { width: 100vw; height: calc(100vh - 0.9rem); background: #fff; position: fixed; right: 0; top: 0.9rem; border-top: 1px solid #002d89; padding: 0 5%; box-sizing: border-box; display: block; transform: translateX(100%); transition: all 0.5s linear; } .nav.on { transform: translateX(0); } /*.nav::after{display: block;width: 50vw;height: 100%;content: '';background:rgba(0,0,0,0.5);position: absolute;left:-50vw;top:0;z-index: 99;}*/ .nav h2 { width: 100%; margin: 0; line-height: 0.28rem; padding: 0.4rem 0 0.2rem 0; border-bottom: 1px solid #676767; position: relative; height: auto; } .nav h2 a { font-size: 0.32rem; justify-content: left; } .nav h2 a:nth-of-type(1){width: 30%;} .nav_2 a:nth-of-type(1){width:auto !important;} .nav h2 b{display: block;width: 0.2rem;position: absolute;right: 0;top:0.3rem;z-index: 30;cursor: pointer;} .nav_2 { width: 100%; position: relative; top: auto; opacity: 1; left: 0; margin-left: 0; transform: translateX(0); text-align: left; padding: 0; margin-top: 0.16rem; z-index: 10; } .nav_2 a { display: inline-block !important; margin: 0.2rem 0.5rem 0 0; font-size: 0.26rem !important; } .nav h2 a { height: auto; width: auto; } .nav h2:nth-of-type(1) { display: none; } .logo { margin-right: 2rem; } .lan_con { border: none; width: auto; padding: 0; } .lan_con img:nth-of-type(2) { display: none; } .search {} .lan_con img { width: 0.24rem; } .lan_con span { font-size: 0.3rem; width: auto; } .mob_navbtn { position: relative; height: 0.3rem; width: 0.4rem; cursor: pointer; order: 4; } .mob_navbtn span { display: block; width: 100%; height: 2px; background: #000; position: absolute; } .mob_navbtn span:nth-of-type(1) { top: 0; transition: all 0.3s linear; } .mob_navbtn span:nth-of-type(2) { top: 44%; } .mob_navbtn span:nth-of-type(3) { bottom: 0; transition: all 0.3s linear; } .mob_navbtn.on span:nth-of-type(1) { transform: rotate(45deg); top: 40%; } .mob_navbtn.on span:nth-of-type(2) { display: none; } .mob_navbtn.on span:nth-of-type(3) { transform: rotate(-45deg); bottom: 50%; } .ban { height: 7rem; } .ban_pic img { width: auto; height: 100%; max-width: 300%; } .swiper-container-a { height: 100%; } .ban_xb { left: -40%; bottom: 2rem; } .ban_js { left: 16.8%; top: 0.8rem; width: 80%; } .ban_js h2 { font-size: 0.44rem; } .ban_js p { font-size: 0.26rem; padding: 0.1rem 0 0.5rem 0; } .ban_s { width: 2.2rem; right: 5%; bottom: 0.4rem; top: auto; } .swiper-container-a .swiper-pagination { bottom: 0.4rem; left: 15.9%; } .ban_js a { height: 0.5rem; font-size: 0.24rem; line-height: 0.5rem; width: 2.5rem; } .pro { height: auto; } .pro::after { width: 1.7rem; height: 3rem; background-size: cover; } .tit h2 { font-size: 0.4rem; } .pro_wzjs { font-size: 0.24rem; line-height: 0.36rem; } .pro_js { transform: translateY(0.9rem); } .pro_js h2 { font-size: 0.3rem; } .pro_js p { font-size: 0.2rem; } .swiper-container-b .swiper-slide-active .pro_js { transform: translateY(0); background: rgba(0, 67, 150, 0.5); } .swiper-container-b .swiper-slide-active .pro_bg { display: none; } .pro_js a, .ab_btn a, .news_btn { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; line-height: 0.5rem; } .about { height: auto; flex-wrap: wrap; padding: 0.5rem 5%; box-sizing: border-box; background-position: right center; } .about_pic { width: 100%; } .about_js { width: 100%; margin: 0.4rem 0 0 0; } .about_js p { font-size: 0.24rem; line-height: 0.36rem; text-align: justify; } .news { height: auto; padding: 0 5% 0.3rem 5%; box-sizing: border-box; } .news_wz { position: absolute; left: 0; bottom: 0; } .homenew_con a h2 { font-size: 0.24rem; line-height: 0.36rem; } .homenew_con a p { font-size: 0.2rem; padding-top: 0.1rem; } .news_btn a { font-size: 0.24rem; line-height: 0.5rem; } .news .tit { padding-top: 0.6rem; } .swiper-container-c .swiper-slide { flex-wrap: wrap; } .homenew_con { width: 100%; margin-right: 0; margin-bottom: 0.2rem; } .fot .w_1720 { flex-wrap: wrap; padding: 0.4rem 0; } .fot_l { width: 100%; } .fot_logo { display: none; } .fot_nav { width: 100%; } .fot_nav ul { flex-wrap: wrap; display: flex; } .fot_nav ul li { width: 33.33%; margin: 0 0 0.3rem 0; } .fot_nav ul li h2 { font-size: 0.26rem; padding-bottom: 0.16rem; } .fot_navlist a { font-size: 0.24rem; } .for_r { width: 100%; justify-content: center; display: none; } .wx, .wb { width: 0.5rem; } .wx_ewm { display: none; } .zx_tc { width: 4rem; } .zx_tctop h2 { font-size: 0.24rem; } .zx_tctop p { font-size: 0.2rem; line-height: 0.3rem; } .zx_tcfot input, .zx_tcfot select { height: 0.5rem; font-size: 0.24rem; } .zx_sub { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; margin: 0.2rem auto; } .zx_sub img { width: 0.24rem; } .zx_pf { display: none; } /*诸侯快讯ok1133新宝2*/ .ny_ban .ny_topdht { left: 5%; } .ny_ban .ny_topdht a { font-size: 0.2rem; } .ny_ban .ny_topdht img { width: 0.1rem; } .ny_gynav a { padding: 0; width: 25%; text-align: center; } .ny_gynav a:nth-of-type(1) { border-left: none; } .ny_gynav a:nth-last-of-type(1) { border-right: none; } .ny_gynav a { font-size: 0.24rem; } .ab_js { padding: 0.85rem 0; } .ab_js .w_1300 { flex-wrap: wrap; } .ab_pic { width: 100%; height: 6rem; overflow: hidden; position: relative; } .ab_pic img { position: absolute; left: 0; bottom: 0; } .ab_jsr { width: 100%; } .ab_jsr p { font-size: 0.24rem; line-height: 0.4rem; } .ab_yylist dl dd p { font-size: 0.24rem; padding-top: 0.2rem; } .ab_gs .w_1300 { flex-wrap: wrap; } .ab_gsl { width: 100%; order: 2; } .ab_gspic { width: 100%; order: 1; height: 6rem; overflow: hidden; } .ab_gsl h2 { padding: 0.47rem 0 0.3rem 0; } .ab_gsl h3 { font-size: 0.24rem; } .ab_gsl p { font-size: 0.24rem; line-height: 0.4rem; } .ab_yybtn { margin: 0.4rem 0; } .ab_yybtn a { font-size: 0.24rem; } .ab_map { top: 0; padding: 0.4rem 0; margin-bottom: 0; } .ab_map .w_1300 { flex-wrap: wrap; } .map_l { width: 100%; order: 2; height: auto; } .map_r { width: 100%; order: 1; } .dq span { width: 1.76rem; font-size: 0.24rem; } .map_list dl dd { font-size: 0.24rem; line-height: 0.6rem; } .map_tc { width: 5rem; } .map_tc h2 { font-size: 0.24rem; } .map_tc p { font-size: 0.22rem; line-height: 0.36rem; } /*企业文化*/ .culture { padding: 0.7rem 0; } .culture p { font-size: 0.24rem; line-height: 0.36rem; } .culture ul { flex-wrap: wrap; } .culture ul li { width: 100%; margin-bottom: 0.3rem; } .culture ul li h2 { font-size: 0.28rem; } .culture ul li h4 { font-size: 0.24rem; line-height: 0.36rem; } .histit { padding: 0.7rem 0 0.4rem 0; } /*发展历程*/ .his_con { width: 100%; } .his_data { width: 30%; padding: 0 0.3rem 0 0; } .his_datayuan { width: 1.6rem; margin: -0.9rem 0 0 -1rem; } .his_data ul li { margin-bottom: 0.3rem; } .his_data ul li h2 { font-size: 0.7rem; } .his_datayear { font-size: 0.7rem; } .his_r { width: 73%; } .his_r h2 { font-size: 0.2rem; } .his_r p { font-size: 0.22rem; line-height: 0.34rem; } /*荣誉*/ .honor_top h2 { padding: 0.7rem 0 0.4rem 0; } .honor_top p { flex-flow: wrap; } .honor_top p span:nth-of-type(1) { width: 100%; font-size: 0.24rem; line-height: 0.4rem; } .honor_top p span:nth-of-type(2) { font-size: 0.24rem; } /*产品服务*/ .pro_lv2tit { padding: 0.7rem 0 0.4rem 0; } .pro_lv2tit p { font-size: 0.24rem; } .pro_nav a { margin: 0 0.2rem; font-size: 0.24rem; } .pro_nav2 a { margin: 0 0.2rem; font-size: 0.28rem; } .projs_list ul li { width: 48%; margin: 0.3rem 4% 0 0; } .projs_list ul li:nth-of-type(2n) { margin-right: 0; } .projs_list ul li:nth-of-type(3n) { margin-right: 4%; } .projs_more { bottom: 0.2rem; width: 0.4rem; height: 0.4rem; font-size: 0.36rem; line-height: 0.4rem; } .projs_list ul li p { font-size: 0.2rem; padding-bottom: 0.6rem; } .zk_btn span { font-size: 0.24rem; } .zk_btn img { width: 0.24rem; } .tj_tit { font-size: 0.36rem; padding-top: 0.7rem; } /*列表*/ .pro_r { width: 2.6rem; } .pro_list ul li { padding: 0 0.3rem; width: 100%; } .pro_l p { font-size: 0.2rem; } .bq a { font-size: 0.2rem; height: 0.4rem; line-height: 0.4rem; } .pro_ser { height: 13rem; } .pro_ser h2 { padding: 0.7rem 0 0 0.4rem; } .pro_serlist { width: 90%; right: 5%; bottom: 0.8rem; } .pro_serlist ul li p { font-size: 0.24rem; line-height: 0.36rem; } /*产品详情*/ .ny_topdh a { font-size: 0.22rem; } .ny_topdh img { width: 0.12rem; } .pro_infocontop h2 { padding: 0.7rem 0 0 0; } .pro_infocontop h4 { padding-bottom: 0.4rem; } .pro_infojs { flex-wrap: wrap; } .pro_infocon { padding: 0 0.3rem; } .pro_jspic { width: 80%; margin: 0 auto; } .pro_jswz { width: 100%; margin: 0 auto; } .pro_jswz ul li h2 { font-size: 0.26rem; } .pro_jswz ul li p { width: 5.7rem; font-size: 0.24rem; line-height: 0.4rem; } .pro_jswz ul li p b { font-size: 0.26rem; } .pro_csxx h2 { font-size: 0.24rem; } .pro_infcs { width: 100%; overflow-x: auto; overflow-y: hidden; } .pro_infcscon { width: 200%; } .pro_infcs table{width: 200%;} .pro_csxx ol li span { padding: 0 0.1rem; box-sizing: border-box; } .pro_infcscon dl dd { width: 21.5%; } .pro_infcscon dl dd:nth-of-type(1), .pro_csxx h2 { width: 15%; } .pro_csxx ol { width: 85%; } .pro_infowz { font-size: 0.18rem; } /*应用领域*/ .application_contop { width: 100%; padding-bottom: 0.5rem; } .application_sear input { font-size: 0.24rem; } .application_qh { width: 100%; margin: 3.4rem auto 0 auto; } .application_qh h3 { font-size: 0.28rem; } .application_qh p { font-size: 0.24rem; line-height: 0.36rem; } .application_fl { width: 100%; height: auto; background: #002d89; position: absolute; left: 0; top: 1.2rem; margin-left: 0; transform: rotate(0); border-radius: 0; padding: 0.3rem 0.2rem; z-index: 40; } .application_fl ul { width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-bottom: 0.7rem; } .application_fl ul li { display: inline-flex; box-sizing: border-box; vertical-align: top; } .application_nav { display: none; } .application_nav a { font-size: 0.2rem; } .application_nav img { width: 0.12rem; } .application_fl::before { display: none; } .application_fl::after { display: none; } .application_fl ul li { position: relative !important; margin-right: 0.16rem; } .application_fl ul li:nth-of-type(1), .application_fl ul li:nth-of-type(2), .application_fl ul li:nth-of-type(3), .application_fl ul li:nth-of-type(4), .application_fl ul li:nth-of-type(5), .application_fl ul li:nth-of-type(6), .application_fl ul li:nth-of-type(7), .application_fl ul li:nth-of-type(8), .application_fl ul li:nth-of-type(9) { left: auto; top: 0; right: auto; bottom: auto; } .application_btn { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; line-height: 0.5rem; } .application_btn a { font-size: 0.24rem; line-height: 0.5rem; } .application_fl ul li a p { width: 80%; margin: 0 auto; position: none; } .application_fl ul li a p span { font-size: 12px; width: 100%; position: absolute; left: 0; top: 1.2rem; padding: 0 0; box-sizing: border-box; text-align: center; line-height: 0.3rem; white-space: normal; } .application_fl ul li.on a p span { color: #fff; } /*引用领域列表*/ .app_listcon ul li { width: 100%; } .app_listtit b { font-size: 0.36rem; } .app_listtit { font-size: 0.24rem; } .app_listcon ul li p a{ font-size: 0.24rem; } .app_listcon ul li a p{ font-size: 0.24rem; } /*资料库*/ .dow h2 { padding: 0.7rem 0 0.4rem 0; font-size: 0.36rem; } .dow_list ul li { width: 100%; margin-right: 0; } .dow_fot h3 { font-size: 0.24rem; line-height: 0.36rem; } .dow_btn { right: 0.3rem; } .new_more { font-size: 0.24rem; } .new_more img { font-size: 0.24rem; } /*新闻列表*/ .new_toptit { padding: 0.7rem 0 0.4rem 0; font-size: 0.36rem } .news_con { flex-wrap: wrap; } .new_pic { width: 100%; margin: 0 0 0.3rem 0; } .news_conr h3 { font-size: 0.2rem; } .news_conr h2 { font-size: 0.26rem; line-height: 0.4rem; } .news_conr p { font-size: 0.24rem; line-height: 0.36rem; } .news_conr a { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; line-height: 0.5rem; } .news_con:hover .new_pic { transform: translateX(0); } .news_con:hover .news_conr { transform: translateX(0); } .new_fott { position: relative; z-index: 10; } .new_fott { margin: 0.7rem 0 0.4rem 0; } .new_fotselon span { font-size: 0.24rem; } .new_fotselon img { width: 0.12rem; } .new_fottr { width: 2.4rem; } .new_fottr input { font-size: 0.24rem; } .new_xl dl dd { font-size: 0.24rem; line-height: 0.5rem; } .news_list ul li { flex-wrap: wrap; padding: 0.3rem; height: auto; } .news_pic { width: 100%; } .news_js { width: 100%; margin: 0.3rem auto; padding: 0; font-size: 0.26rem; } .news_js span { font-size: 0.2rem; } .news_jsbtn { width: 2.5rem; height: 0.5rem; } .news_jsbtn a { font-size: 0.24rem; line-height: 0.5rem; } .news_list ul li:hover .news_pic { transform: translateX(0); } .news_list ul li:hover .news_js { transform: translateX(0); } /*新闻详情*/ .news_info .w_1300 { flex-wrap: wrap; } .news_infol { width: 100%; } .news_infoltopbq h3 span { width: 1.4rem; font-size: 0.16rem; line-height: 0.4rem; } .news_infoltopbq p { font-size: 0.2rem; } .news_infoltopbq p span img { width: 0.3rem; } .news_infofotr p { font-size: 0.24rem; line-height: 0.38rem; } .fanhui_btn { width: 2.5rem; } .fanhui_btn a { font-size: 0.24rem; } .news_infofot { padding-bottom: 0; } .news_infor { width: 100%; } .news_infor h2 { font-size: 0.36rem; } .news_infornav a span { font-size: 0.24rem; } .news_inforlist ul li { margin-bottom: 0.4rem; } .news_inforlist ul li h3 { font-size: 0.26rem; } .news_inforlist ul li h4 { font-size: 0.24rem; line-height: 0.36rem; } .news_inforlist ul li p { font-size: 0.2rem; } .news_inforlist ul li p span { width: 1.4rem; font-size: 0.2rem; height: 0.4rem; line-height: 0.4rem; } .news_fott .w_1300 { flex-wrap: wrap; padding: 0.2rem 0; } .news_fottl { width: 100%; text-align: center; } .news_fottl h2 { font-size: 0.24rem; } .news_fottl h3 { justify-content: center; font-size: 0.4rem; } .news_fottl h3 span a { width: 0.4rem; } .news_fottr { width: 100%; margin-top: 0.3rem; justify-content: center; } .news_fottr a { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; } .news_fottr a img { width: 0.2rem; } .news_fottr a:nth-of-type(2) img { width: 0.24rem; } .newszx_tctop h2 { font-size: 0.24rem; } .newszx_tctop p { font-size: 0.2rem; line-height: 0.3rem; } .newszx_tcfot input, .newszx_tcfot select { height: 0.5rem; font-size: 0.24rem; } .newszx_sub { width: 2.5rem; height: 0.5rem; font-size: 0.24rem; margin: 0.1rem; } /*联系我们*/ .contact_tit { padding: 0.7rem 0 0.4rem 0; font-size: 0.36rem; } .contact h2 { font-size: 0.24rem; } .contact h3 { font-size: 0.26rem; } .contact_list ul { flex-wrap: wrap; } .contact_list li { width: 100%; border-bottom: 1px solid #e6e6e6; padding-bottom: 0.3rem; } .contact_list li:nth-of-type(1) { width: 100%; border-right: none; margin-right: 0; } .contact_list li h4 span { font-size: 0.24rem; } .contact_list li h4 img { width: 0.26rem; } .contact_map { margin-top: 0.7rem; } .contact dl dd img { width: 0.6rem; } .contact dl dd p span { font-size: 0.26rem; } .contact dl dd p { font-size: 0.24rem; line-height: 0.36rem; } /*招聘列表*/ .jion_list ul li h4 img { width: 0.26rem; } .jion_list ul li h4 span { font-size: 0.24rem; } .jion_list ul li h4:nth-last-of-type(1) { width: 4rem; } .jion_zw { margin: 0.7rem 0; } .jion_zw ul li { background: #e6e6e6; line-height: 0.36rem; padding: 0.3rem; box-sizing: border-box; flex-wrap: wrap; border-color: #fff; margin-bottom: 1px; } .jion_zw ul li a { justify-content: left; } .jion_zw ul li:nth-of-type(1) { display: none; } .jion_zw ul li a { flex-wrap: wrap; } .jion_zw ul li span { color: #000; text-align: left; width: 100%; font-size: 0.24rem; margin-top: 0.2rem; } .jion_zw ul li span:nth-of-type(1) { width: 100%; margin-top: 0; } .jion_zw ul li span b { display: inline-block; width: 1.3rem; } .zp_xq{margin-top:0.3rem;} .zp_xq h4{font-size: 0.24rem;} .zp_xq p{font-size: 0.24rem;} .beian { line-height: 0.3rem; padding: 0.1rem 0.1rem; box-sizing: border-box; } .AllSeaList li{flex-wrap: wrap;} .floatl{width: 100%;} .floatr{width: 100%;margin-top:0.2rem;} .homenews_pic{height: 4rem;} .homenew_con a h2 b{font-size: 0.28rem;height: 0.9rem;} .projs_pic{height: 2.5rem;} .projs_listtj .projs_pic{height: 2.5rem;} .news_pic{max-height: 4rem;} .swiper-container-b .swiper-wrapper{justify-content: flex-start;} } @keyframes circle-opacity { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.2); } } @keyframes circle-opacity02 { from { transform: scale(1); } to { transform: scale(1.1); } }