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 Regular", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; -webkit-text-size-adjust: none; /*Google Chrome*/ } input, button, select, textarea { font-family: "鎬濇簮榛戜綋 CN Regular", "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: 1rem; } 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鈥?1 - 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 { max-width: 100%; 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_1620 { width: 84.375%; margin: 0 auto; } .active { display: none; } .header { height: 1rem; width: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 99; } .header .w_1620 { display: flex; height: 100%; align-items: center; justify-content: space-between; } .logo { width: 3rem; } .header_r { display: flex; align-items: center; height: 100%; } .nav { height: 100%; } .nav ul { display: flex; height: 100%; align-items: center; } .nav ul li { height: 100%; position: relative; } .nav ul li:nth-of-type(1) { margin-left: 0; } .nav ul li h2 { height: 100%; padding: 0 0.3rem; position: relative; } .nav ul li h2 a { display: flex; align-items: center; height: 100%; font-size: 0.18rem; color: #000000; transition: all 0.3s linear; } .nav ul li h2 span { display: none; } .nav ul li.on h2, .nav ul li:hover h2 { background: #f2f2f2; } .nav ul li h2::after { display: block; width: 0; height: 0.05rem; background: #f6b15f; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; } .nav ul li:hover h2::after { width: 100%; } .nav ul li.on h2::after { width: 100%; } .nav2 { width: 100%; height: auto; position: absolute; left: 0; top: calc(100% - 1px); background: #fff; border-top: 1px solid #ccc; padding: 0.2rem 0; display: none; } .nav2 dl dd { display: block; font-size: 0.16rem; line-height: 0.4rem; text-align: center; } .nav2 dl dd a { color: #000; } .nav2 dl dd a:hover { color: #f5a94f; } .lan { font-size: 0.18rem; color: #000000; text-transform: uppercase; margin: 0 0.44rem 0 1.04rem; } .lan a { display: flex; align-items: center; color: #000; } .lan a img { width: 0.09rem; margin-left: 0.06rem; } .search { display: flex; align-items: center; border: 1px solid #000; height: 0.4rem; padding: 0 0.1rem; box-sizing: border-box; } .search input { width: 0; height: 100%; font-size: 0.16rem; color: #000; box-sizing: border-box; transition: all 0.3s linear; border: none } .search input.on { width: 1.8rem; } .search a { width: 0.17rem; } .mob_navbtn { display: none; } .swiper-container-ban .swiper-slide { position: relative; } .ban_wz { position: absolute; left: 3.6rem; top: 1.6rem; transform: translateY(40px); opacity: 0; transition: all 0.5s linear; z-index: 3; } .swiper-container-ban .swiper-slide-active .ban_wz { transform: translateY(0); opacity: 1; } .ban_wz h2 { font-size: 0.48rem; color: #ffffff; font-weight: bold; font-family: 'Arial'; text-transform: uppercase; } .ban_wz h3 { font-size: 0.48rem; color: #ffffff; } .ban_wz p { font-size: 0.18rem; color: #ffffff; padding: 0.26rem 0 0.8rem 0; width: 10rem; } .ban_wz a { display: block; width: 2.02rem; background: #fff; font-size: 0.18rem; color: #111111; line-height: 0.5rem; text-align: center; position: relative; } .ban_wz a span { position: relative; z-index: 2; } .ban_wz a::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #f5a94f; } .ban_wz a:hover { color: #fff; } .ban_wz a:hover::after { width: 100%; } .ban_prev, .ban_next, .pro_prev, .pro_next { width: 0.82rem; height: 0.82rem; border: 1px solid #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 50%; margin-top: -0.82rem; transition: all 0.3s linear; opacity: 0; z-index: 5; } .ban_prev img, .ban_next img, .pro_prev img, .pro_next img { width: 0.09rem; position: relative; z-index: 2; } .ban_prev, .pro_prev { left: 0.92rem; transform: translateX(-30px); } .ban_next, .pro_next { right: 0.92rem; transform: translateX(30px); } .ban_prev::after, .ban_next::after, .pro_prev::after, .pro_next::after { display: block; width: 0; height: 0; content: ''; background: #f5a94f; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; border-radius: 100%; border: 1px solid #f5a94f; } .ban_prev:hover::after, .ban_next:hover::after, .pro_prev:hover::after, .pro_next:hover::after { width: 100%; height: 100%; } .ban:hover .ban_prev, .ban:hover .ban_next, .pro:hover .pro_prev, .pro:hover .pro_next { transform: translateX(0); opacity: 1; } .home_tit { font-size: 0.48rem; color: #000000; text-align: center; padding: 0.97rem 0 0.7rem 0; } .swiper-pagination-ban { width: 100%; position: absolute; left: 0; width: 100%; bottom: 0.5rem; border-top: 1px solid rgba(255, 255, 255, 0.3); } .swiper-pagination-ban .swiper-pagination-bullet { width: 2.4rem; height: 3px; background: #fff; opacity: 0; margin: 0; border-radius: 0; position: relative; top: -0.13rem; } .swiper-pagination-ban .swiper-pagination-bullet-active { opacity: 1; } .home_abcon { display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; } .ab_pic { width: 8.04rem; } /* .team3 .ul_help li:nth-of-type(2) .tits span:nth-child(1) { font-size: .16rem; padding-top: .06rem; } .team3 .ul_help li:nth-of-type(2) .tits span:nth-child(2) { font-size: .14rem; padding-left: .08rem; padding-top: .06rem; } */ .home_abconr { width: 6.55rem; } .home_abconr h2 { font-size: 0.24rem; color: #000000; } .home_abconr p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; text-align: justify; padding: 0.2rem 0 0.7rem 0; } .ab_more a { display: block; width: 2.02rem; background: #f5a94f; font-size: 0.18rem; color: #111111; line-height: 0.5rem; text-align: center; position: relative; } .ab_more a span { position: relative; z-index: 2; } .ab_more a::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #000; } .ab_more a:hover { color: #fff; } .ab_more a:hover::after { width: 100%; } .pro { position: relative; height: calc(100vh - 1rem); overflow: hidden; } .pro .home_tit { position: absolute; left: 0; top: 0; z-index: 5; width: 100%; color: #fff; } .swiper-container-pro { position: relative; height: 100%; } .swiper-container-pro .swiper-slide { position: relative; overflow: hidden; height: 100%; } .pro_wz { width: 4.34rem; position: absolute; left: 3.6rem; top: 3.2rem; opacity: 0; transform: translateX(40px); transition: all 0.5 linear; } .pro_wz h2 { font-size: 0.16rem; color: #ffffff; font-weight: bold; } .pro_wz h3 { font-size: 0.36rem; color: #ffffff; font-weight: bold; padding: 0.16rem 0 0.2rem 0; } .pro_wz p { font-size: 0.16rem; color: #ffffff; line-height: 0.24rem; } .swiper-container-pro .swiper-slide-active .pro_wz { opacity: 1; transform: translateY(0); } .pro_list { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; border-top: 1px solid rgba(255, 255, 255, 0.3); } .pro_list ul { display: flex; align-items: center; justify-content: center; } .pro_list ul li { width: 5.4rem; border-right: 1px solid rgba(255, 255, 255, 0.3); padding: 0.2rem 0; text-align: center; cursor: pointer; } .pro_list ul li h2 { font-size: 0.16rem; color: rgba(255, 255, 255, 0.3); font-weight: bold; } .pro_list ul li p { font-size: 0.28rem; color: rgba(255, 255, 255, 0.3); font-weight: bold; } .pro_list ul li:nth-last-of-type(1) { border-right: none; } .pro_list ul li.on { background: rgba(255, 255, 255, 0.3); } .pro_list ul li.on h2 { color: #fff; } .pro_list ul li.on p { color: #fff; } .home_new { background: #f2f2f2; overflow: hidden; } .home_new .home_tit { text-align: left; } .home_newtop { background: #fff; display: flex; align-items: center; } .home_newtoppic { width: 7.9rem; } .home_newtopwz { width: 7.2rem; margin-left: 0.4rem; } .home_newtopwz h2 { font-size: 0.28rem; color: #1c1c1c; } .home_newtopwz h2 a { color: #1c1c1c; } .home_newtopwz p { font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; color: #1c1c1c; padding: 0.24rem 0 0.5rem 0; } .home_newtopwz p a { color: #1c1c1c; } .home_newmore a { display: block; width: 2.02rem; background: #f5a94f; font-size: 0.18rem; color: #111111; line-height: 0.5rem; text-align: center; position: relative; } .home_newmore a span { position: relative; z-index: 2; } .home_newmore a::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #000; } .home_newmore a:hover { color: #fff; } .home_newmore a:hover::after { width: 100%; } .swiper-container-new { margin: 0.5rem auto 1rem auto; } .swiper-container-new .swiper-slide { background: #fff; } .swiper-container-new .swiper-slide h2 { font-size: 0.18rem; color: #000000; line-height: 0.24rem; font-weight: bold; padding: 0.2rem; box-sizing: border-box; min-height: 0.9rem; } .swiper-container-new .swiper-slide h2 a { color: #000000; } .new_btn { padding: 0 0.2rem 0.2rem 0.2rem; box-sizing: border-box; display: flex; align-items: center; transition: all 0.5s linear; } .new_btn a { font-size: 0.14rem; color: #000000; font-family: 'Arial'; text-transform: uppercase; } .new_btn a img { width: 0.19rem; margin-left: 0.15rem; } .new_pic { overflow: hidden; } .swiper-container-new .swiper-slide:hover .new_btn { transform: translateX(20px); } .swiper-container-new .swiper-slide .new_pic img { transition: all 0.5s linear; } .swiper-container-new .swiper-slide:hover .new_pic img { transform: scale(1.05); } .fot { position: relative; } .fot_top { padding: 0.74rem 0 0.54rem 0; display: flex; justify-content: space-between; align-items: flex-start; } .fot_nav ul { display: flex; } .fot_nav ul li { margin-right: 0.74rem; } .fot_nav ul li:nth-last-of-type(1) { margin-right: 0; } .fot_nav ul li:nth-of-type(4) { margin-right: 0.49rem; } .fot_nav ul li h2 { font-size: 0.18rem; color: #000000; padding-bottom: 0.26rem; } .fot_nav ul li h2 a { color: #000; } .fot_nav ul li dl dd { font-size: 0.16rem; margin-bottom: 0.14rem; } .fot_nav ul li dl dd a { color: #000; } .fot_nav ul li h2:hover a { color: #f5a94f; } .fot_nav ul li dl dd:hover a { color: #f5a94f; } .fot_r { display: flex; align-items: center; margin-left: 1.56rem; justify-content: right; -webkit-justify-content: right; } .fot_r a { width: 0.23rem; margin-left: 0.4rem; position: relative; } .fot_r a:nth-of-type(2) { width: 0.19rem; } .fot p { background: #ccc; font-size: 0.14rem; line-height: 0.6rem; text-align: center; display: flex; justify-content: center; align-items: center; } .fot p a { color: #000; } .fot p img { width: 0.15rem; margin: 0 0.2rem; } .cars { cursor: pointer; padding-left: 0.2rem; box-sizing: border-box; width: 2.5rem; height: 0.4rem; margin-left: .2rem; border: none; /* background-color: #f2bb00; */ /* border-radius: .05rem; */ font-size: 0.18rem; } .__img-v { width: .16rem; position: relative; /* top: .05rem; */ left: -.25rem; color: black; } .yl { position: relative; } .yl h6 { display: flex; align-items: center; margin-left: 0.2rem; font-size: 0.18rem; color: #000; } .yl h6 img { width: 16px; transform: rotate(180deg); transition: all 0.3s linear; margin-left: 0.14rem; } .yl h6 img.on { transform: rotate(0); } .yl dl { width: 1.2rem; background: #ccc; border-radius: 0.1rem; padding: 0.1rem; position: absolute; left: 0; top: -1.2rem; display: none; } .yl.on dl { display: block; } .yl dl dd { border-bottom: 1px dashed #fff; font-size: 0.18rem; line-height: 0.44rem; } .yl dl dd:nth-last-of-type(1) { border-bottom: none; } .yl dl dd a { color: #fff; margin-left: 0; } .select { font-size: 14px; color: #000; position: relative; } .select ul { position: absolute; left: 0; bottom: 20px; display: none; } .wxtc { width: 1.3rem; background: #ccc; padding: 0.1rem; box-sizing: border-box; display: none; position: absolute; left: 50%; top: -1.4rem; transform: translateX(-50%); z-index: 4; } .wxtc span { display: block; font-size: 12px; color: #000; text-align: center; padding: 0.1rem 0 0 0; } .wxtc.on { display: block; } #mainVideo { display: block; width: 100%; position: absolute; left: 0; top: 0; } .f_logo { width: 3rem; margin-bottom: 0.3rem; } .fot_l dl dd { display: flex; margin-top: 0.3rem; align-items: center; } .fot_l dl dd img { width: 0.5rem; margin-right: 0.2rem; height: 0.5rem; } .fot_l dl dd b { font-size: 0.18rem; color: #000; } .fot_l dl dd b span { display: block; font-size: 0.16rem; line-height: 0.32rem; font-weight: normal; } /*猫聛鈥澝陈幻λ嗏€樏ぢ宦?/ .about_contact .ny_tit{text-align: center;} .nn_contact { width: 100%; margin: 0 auto; } .nn_cttm ul { display: flex; flex-wrap: wrap; border-left: 1px solid #e6e6e6; } .nn_cttm ul li { width: 25%; border-right: 1px solid #e6e6e6; box-sizing: border-box; text-align: center; } .nn_cttm ul li em { display: block; width: 1rem; margin: 0 auto; } .nn_cttm ul li em img { width: 100%; } .nn_cttm ul li div p { font-size: 0.18rem; color: #1c1c1c; padding: 0.1rem 0 0.06rem 0; } .nn_cttm ul li div span { display: block; font-size: 0.16rem; color: #808080; line-height: 0.24rem; padding: 0 0.5rem; box-sizing: border-box; } .nn_contact1 { width: 62.5%; margin: 1rem auto; } .add_fl { border-bottom: 1px solid #e6e6e6; padding: 0.34rem 0; } .add_fl ul { display: flex; } .add_fl ul li { width: 33.33%; border-right: 1px solid #e6e6e6; padding: 0 0.6rem 0 0.3rem; box-sizing: border-box; } .add_fl ul li:nth-of-type(3) { border-right: none; } .add_name { display: flex; align-items: center; font-size: 0.18rem; color: #1c1c1c; font-weight: bold; padding: 0.14rem 0; } .add_name img { width: 0.26rem; margin-right: 0.1rem; } .add_fl dl dd { display: flex; margin-top: 0.2rem; } .add_fl dl dd img { width: 0.48rem; margin-right: 0.1rem; height: 0.48rem; } .add_r { flex: 1; } .add_r h4 { font-size: 0.18rem; color: #1c1c1c; } .add_r h5 { font-size: 0.16rem; color: #808080; line-height: 0.24rem; } .add_r h5 span { color: #1c1c1c; } .add_fl:nth-last-of-type(1) { border-bottom: 0; } .att1 { color: #333; font-size: 0.24rem; line-height: 0.24rem; margin: 0 0 0.5rem 0; text-align: center; } /*鍏充簬鎴戜滑*/ .about_jg { padding: 0.97rem 0 1rem 0; } .about_tit { font-size: 0.48rem; color: #000000; } .about_jgr { width: 90%; margin: 0.3rem auto 0 auto; } .about_zl { background: #f2f2f2; padding: 0.97rem 0 0 0; } .about_zlcon { display: flex; margin-top: 0.47rem; } .about_zlconl { width: 4.45rem; position: relative; } .about_zlconlwz { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 3.54rem; padding: 0 0.5rem; box-sizing: border-box; } .about_zlconlwz::after { width: 1rem; height: 0.03rem; background: #fff; position: absolute; left: 0.5rem; top: -0.02rem; content: ''; display: block; } .about_zlconlwz h2 { font-size: 0.24rem; color: #ffffff; padding: 0.46rem 0 0.24rem 0; } .about_zlconlwz p { font-size: 0.16rem; color: #ffffff; line-height: 0.24rem; } .about_zlconr { flex: 1; padding: 0.75rem 0.36rem; box-sizing: border-box; background: #fff; } .about_zlconr ul { display: flex; justify-content: space-between; height: 100%; } .about_zlconr ul li { width: 3.35rem; height: 100%; position: relative; } .about_zlpic { position: absolute; } .about_zlconr ul li:nth-child(odd) .about_zlpic { top: 0; } .about_zlconr ul li:nth-child(even) .about_zlpic { bottom: 0; } .about_zlconrwz { position: absolute; } .about_zlconrwz h2 { font-size: 0.24rem; color: #1c1c1c; } .about_zlconrwz p { font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; padding-top: 0.24rem; } .about_zlconr ul li:nth-child(odd) .about_zlconrwz { top: 2.74rem; } .about_zlconr ul li:nth-child(even) .about_zlconrwz { top: 0.57rem; } .liner { width: 1rem; height: 0.03rem; background: #f2f2f2; position: absolute; } .about_zlconr ul li:nth-child(odd) .liner { bottom: 0; } .about_zlconr ul li:nth-child(even) .liner { top: 0; } .his { height: calc(100vh - 1rem); overflow: hidden; background: url(../img/about/ab_pic05.jpg) no-repeat center center/cover; padding-top: 1.3rem; position: relative; } .his .about_tit { color: #fff; text-align: center; } .swiper-container-his { margin-top: 1.4rem; padding: 0.5rem 0; } .swiper-container-his .swiper-slide { border: 1px solid rgba(255, 255, 255, 0.3); width: 3.5rem; box-sizing: border-box; margin: 0 0.2rem; position: relative; } .his_con { text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); padding: 0.2rem 0.1rem; box-sizing: border-box; } .swiper-container-his .swiper-slide .his_icon { width: 0.95rem; margin: 0 auto 0.28rem; display: none; } .his_con h2 { font-size: 0.16rem; color: #fff; opacity: 0.3; } .his_con h3 { font-size: 0.28rem; color: #fff; opacity: 0.3; padding-top: 0.04rem; } .his_con p { font-size: 0.16rem; color: #ffffff; line-height: 0.24rem; padding-top: 0.1rem; opacity: 0.3; display: none; } .swiper-container-his .swiper-slide-active { width: 4.2rem; border: 0.03rem solid #fff; } .swiper-container-his .swiper-slide-active .his_con h2 { opacity: 1; } .swiper-container-his .swiper-slide-active .his_con h3 { opacity: 1; } .swiper-container-his .swiper-slide-active .his_con p { display: block; opacity: 1; } .swiper-container-his .swiper-slide-active .his_icon { display: block; } .swiper-container-his .swiper-wrapper { align-items: center; } .his_prev, .his_next { width: 0.82rem; height: 0.82rem; border: 1px solid #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 40%; transition: all 0.3s linear; z-index: 5; transform: translateY(-50%); } .his_prev img, .his_next img { width: 0.09rem; position: relative; z-index: 2; } .his_prev { left: 0.2rem; } .his_next { right: 0.2rem; } .his_prev::after, .his_next::after { display: block; width: 0; height: 0; content: ''; background: #f5a94f; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; border-radius: 100%; border: 1px solid #f5a94f; } .his_prev:hover::after, .his_next:hover::after { width: 100%; height: 100%; } .ab_ry { padding: 0.97rem 0 1rem 0; } .ab_ry .about_tit { text-align: center; } .swiper-container-ry { margin: 1.4rem auto 0 auto; width: 12.32rem; } .swiper-container-ry p { font-size: 0.18rem; color: #000000; line-height: 0.34rem; text-align: center; padding-top: 0.4rem; } .ry_prev, .ry_next { width: 0.82rem; height: 0.82rem; border: 1px solid #b6b6b6; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; position: absolute; top: 26%; transition: all 0.3s linear; z-index: 5; transform: translateY(0); } .ry_prev img, .ry_next img { width: 0.09rem; position: relative; z-index: 2; } .ry_prev { left: 0rem; } .ry_next { right: 0rem; } .ry_prev::after, .ry_next::after { display: block; width: 0; height: 0; content: ''; background: #f5a94f; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s linear; border-radius: 100%; border: 1px solid #f5a94f; } .ry_prev:hover::after, .ry_next:hover::after { width: 100%; height: 100%; } .ab_zztop { height: 2rem; background: #f2f2f2; display: flex; align-items: center; } .ab_zztop .w_1620 { display: flex; } .ab_zztop p { width: 7.5rem; font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; margin-left: 0.9rem; } .swiper-container-zz { height: calc(100vh - 3rem); overflow: hidden; } .swiper-container-zz .swiper-slide { position: relative; } .zz_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transition: all 0.3s linear; } .ab_zzwz { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.5s linear; padding: 0 0.4rem; box-sizing: border-box; } .ab_zzwz h2 { text-align: center; font-size: 0.32rem; color: #fff; } .ab_zzwz p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; text-align: justify; padding: 0.7rem 0; display: none; } .ab_zzwz a { display: block; width: 1.34rem; height: 0.4rem; background: #f5a94f; font-size: 0.17rem; color: #ffffff; line-height: 0.4rem; text-align: center; margin: 0 auto; position: relative; display: none; } .ab_zzwz a span { position: relative; z-index: 2; } .ab_zzwz a::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #000; } .ab_zzwz a:hover { color: #fff; } .ab_zzwz a:hover::after { width: 100%; } .zz_pic img { transition: all 0.3s linear; } .swiper-container-zz .swiper-slide:hover .ab_zzwz p { display: block; } .swiper-container-zz .swiper-slide:hover .ab_zzwz a { display: block; } .swiper-container-zz .swiper-slide:hover .zz_bg { transform: translateY(100%); } .swiper-container-zz .swiper-slide:hover .zz_pic img { transform: translateY(-2.4rem); } .ry_fl { margin-top: 0.4rem; } .ry_fl h3 { display: flex; justify-content: center; align-items: center; } .ry_fl span { width: 2rem; height: 0.6rem; border-right: 1px solid #000; font-size: 0.3rem; color: #000; line-height: 0.6rem; text-align: center; cursor: pointer; } .ry_fl span.on { background: #f5a94f; color: #fff; border-color: #f5a94f; } .ry_fl span:nth-last-of-type(1) { border-right: none; } .ry_qh { display: none; width: 100%; position: relative !important; } .ry_qh.on { display: block; } .about_contact { padding-bottom: 0.5rem; } .about_contact .about_tit { text-align: center; padding-bottom: 0.3rem; } /*浜т笟甯冨眬*/ .in_food { background: #f2f2f2; } .in_food .about_tit { text-align: center; padding: 0.97rem 0 0.7rem 0; } .in_foodcon { display: flex; } .in_foodconl { width: 50%; position: relative; } .in_foodtit { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; } .in_foodtit h2 img { display: block; width: 1rem; margin: 0 auto 0.3rem auto; } .in_foodtit h2 span { display: block; font-size: 0.48rem; color: #fff; text-align: center; } .in_foodconr { width: 50%; background: #fff; padding: 0 1rem 0 0.9rem; box-sizing: border-box; } .in_foodconr h2 { font-size: 0.48rem; color: #000; padding: 2.1rem 0 0 0; } .in_foodnav { display: flex; justify-content: space-between; margin: 0.34rem 0 0.6rem 0; } .in_foodnav span { width: 32.5%; background: #f2f2f2; font-size: 0.24rem; color: #999999; line-height: 0.5rem; text-align: center; cursor: pointer; } .in_foodnav span.on { background: #f5a94f; color: #fff; } .in_foodqh ul li { display: none; } .in_foodqh ul li h3 { font-size: 0.36rem; color: #000000; } .in_foodqh ul li p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; padding: 0.3rem 0 0.7rem 0; } .in_foodqh ul li a { display: flex; align-items: center; font-size: 0.14rem; color: #000; text-transform: uppercase; } .in_foodqh ul li a img { width: 0.19rem; margin-left: 0.15rem; transition: all 0.3s linear; } .in_foodqh ul li a:hover img { transform: translateX(0.1rem); } .in_foodqh ul li.on { display: block; } .in_layout { background: #f2f2f2; overflow: hidden; } .in_layout .about_tit { padding: 0.97rem 0 0.7rem 0; } .swiper-container-bj .swiper-slide { display: flex; } .in_bjpic { width: 50%; } .in_bjwz { width: 50%; background: #fff; padding: 0 0.86rem; box-sizing: border-box; } .in_bjwz h2 { font-size: 0.16rem; color: #000000; padding: 1.07rem 0 0.1rem 0; font-weight: bold; } .in_bjwz h3 { font-size: 0.36rem; color: #000000; } .in_bjwz p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; text-align: justify; padding: 0.24rem 0 1.2rem 0; } .in_bjwz a { display: flex; align-items: center; font-size: 0.14rem; color: #000; text-transform: uppercase; } .in_bjwz a img { width: 0.19rem; margin-left: 0.15rem; transition: all 0.3s linear; } .in_bjwz a:hover img { transform: translateX(0.1rem); } .in_bjnav { margin: 0.4rem 0 1.5rem 0; } .in_bjnav ul { display: flex; justify-content: space-between; } .in_bjnav ul li { width: 24.5%; height: 1.2rem; background: #f7f7f7; display: flex; justify-content: center; align-items: center; cursor: pointer; } .in_bjnav ul li h2 { font-size: 0.28rem; color: #999999; text-align: center; } .in_bjnav ul li h2 b { display: block; font-size: 0.16rem; padding-bottom: 0.14rem; } .in_bjnav ul li.on { background: #fff; } .in_bjnav ul li.on h2 { color: #000; } .in_js ul li { display: flex; align-items: center; } .in_jswz { width: 50%; } .in_js ul li:nth-of-type(1) .in_jswz { padding: 0 1.46rem 0 2.2rem; box-sizing: border-box; } .in_js ul li h2 { font-size: 0.36rem; color: #000000; } .in_js ul li p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; text-align: justify; padding: 0.3rem 0 1.16rem; } .in_js ul li a { display: flex; align-items: center; font-size: 0.14rem; color: #000; text-transform: uppercase; } .in_js ul li a img { width: 0.19rem; margin-left: 0.15rem; transition: all 0.3s linear; } .in_js ul li a:hover img { transform: translateX(0.1rem); } .in_js ul li:nth-of-type(2) { width: 100%; height: 8.07rem; background: url(../img/industry/in_pic04.jpg) no-repeat center center/cover; } .in_js ul li:nth-of-type(2) .in_jswz { padding: 0 2.7rem 0 0.84rem; box-sizing: border-box; } .in_js ul li:nth-of-type(2) .in_jswz h2 { color: #fff; } .in_js ul li:nth-of-type(2) .in_jswz p { color: #fff; } .in_js ul li:nth-of-type(2) .in_jswz a { display: block; width: 2rem; background: #f5a94f; line-height: 0.5rem; position: relative; font-size: 0.18rem; text-align: center; } .in_js ul li:nth-of-type(2) .in_jswz a span { position: relative; z-index: 2; } .in_js ul li:nth-of-type(2) .in_jswz a::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #000; } .in_js ul li:nth-of-type(2) .in_jswz a:hover { color: #fff; } .in_js ul li:nth-of-type(2) .in_jswz a:hover::after { width: 100%; } /*鍚堜綔鑰呭叧绯?/ .gs_zl { background: #f2f2f2; } .gs_zl .about_tit { padding: 0.97rem 0 0.7rem 0; } .gs_zlcon { display: flex; justify-content: space-between; padding-bottom: 1.3rem; } .gs_zll { width: 7.9rem; background: #fff; } .gs_zl_pic { overflow: hidden; } .gs_zl_pic img { transition: all 0.3s linear; } .gs_zl_pic:hover img { transform: scale(1.1); } .gs_zllwz { padding: 0.6rem 0.77rem 0.6rem 0.77rem; box-sizing: border-box; } .gs_zllwz h2 { font-size: 0.28rem; color: #1c1c1c; } .gs_zllwz h3 { font-size: 0.18rem; color: #1c1c1c; line-height: 0.3rem; padding: 0.24rem 0 0.53rem 0; } .gs_zlbtn { width: 2rem; height: 0.5rem; background: #f5a94f; font-size: 0.18rem; color: #ffffff; line-height: 0.5rem; text-align: center; } .gs_zlbtn a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .gs_zlbtn a span { position: relative; z-index: 2; } .gs_zlbtn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .gs_zlbtn:hover a::after { width: 100%; } .gs_zlr { width: 7.8rem; } .gs_zlr ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .gs_zlr ul li { width: 3.75rem; background: #fff; margin-bottom: 0.4rem; } .gs_zlrwz { padding: 0.37rem 0.27rem; box-sizing: border-box; } .gs_zlrwz h2 { font-size: 0.28rem; color: #000000; padding-bottom: 0.2rem; } .gs_zlrbtn a { display: flex; align-items: center; font-size: 0.14rem; color: #000000; text-transform: uppercase; } .gs_zlrbtn a img { width: 0.19rem; margin-left: 0.15rem; transition: all 0.5s linear; } .gs_zlr ul li:nth-of-type(3), .gs_zlr ul li:nth-of-type(4) { margin-bottom: 0; } .gs_zlrbtn a:hover img { transform: translateX(0.1rem); } .gs_gg { padding-bottom: 1.64rem; } .gs_ggtop { padding: 1.64rem 0 0.6rem 0; display: flex; align-items: center; } .gs_ggtop a { font-size: 0.48rem; color: #c7c7c7; margin-right: 0.7rem; } .gs_ggtop a.on { color: #1c1c1c; } .gs_gglist ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .gs_gglist ul li { width: 50%; background: #fff; display: flex; padding: 0.2rem; box-sizing: border-box; transition: all 0.3s linear; margin-bottom: 0.05rem; } .gs_gglistl { width: 3.35rem; position: relative; } .gs_gglistl span { display: block; width: 100%; font-size: 0.3rem; color: #ffffff; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .gs_gglistr { flex: 1; padding: 0 0.38rem; box-sizing: border-box; } .gs_gglistr h2 { display: flex; justify-content: space-between; align-items: center; font-size: 0.18rem; color: #666666; padding: 0.36rem 0 0 0; } .gs_gglistr h3 { font-size: 0.24rem; color: #1c1c1c; line-height: 0.3rem; padding: 0.3rem 0 0.36rem 0; } .gs_ggfot { display: flex; justify-content: space-between; align-items: center; } .gs_ggbtn a { display: flex; align-items: center; font-size: 0.14rem; color: #000000; text-transform: uppercase; } .gs_ggbtn a img { width: 0.19rem; margin-left: 0.15rem; } .gs_ggfot span { font-size: 0.14rem; color: #666666; } .gs_gglist ul li:hover { box-shadow: 0 0 0.05rem #ccc; } .qa { height: auto; background: url(../img/contact/qa_bg.jpg) no-repeat center top/100% auto; padding-bottom: 1.28rem; overflow: hidden; } .qa h3 { font-size: 0.48rem; color: #ffffff; text-align: center; padding: 1.24rem 0 0.67rem 0; } .qa ul { width: 12.88rem; margin: 0 auto; } .qa ul li { padding: 0 0.22rem; box-sizing: border-box; margin-bottom: 0.2rem; border: 1px solid #5d5955; transition: all 0.3s linear; } .qa ul li.on { border: none; background: rgba(87, 93, 98, 0.8); } .qa ul li h2 { display: flex; align-items: center; position: relative; padding: 0.3rem 0; } .qa ul li h2 b { width: 0.7rem; font-size: 0.36rem; color: #bcbbbb; font-weight: bold; font-family: 'arial'; padding-left: 0.14rem; box-sizing: border-box; } .qa ul li h2 span { width: 9.9rem; font-size: 0.22rem; color: #a6a1a1; line-height: 0.36rem; font-weight: lighter; } .qa ul li h2 img { width: 0.21rem; position: absolute; right: 0.29rem; top: 50%; transform: translateY(-50%); transition: all 0.3s linear; } .qa ul li.on h2 b { color: #fff; } .qa ul li.on h2 span { color: #fff; } .qa ul li.on h2 img { transform: rotate(180deg) translateY(-50%); } .qa ul li p { border-top: 1px solid #6f6c69; padding: 0.3rem 0; display: flex; align-items: center; display: none; } .qa ul li p b { width: 0.7rem; font-size: 0.36rem; color: #fff; font-weight: bold; font-family: 'arial'; padding-left: 0.14rem; box-sizing: border-box; display: inline-block; } .qa ul li p span { width: 9.9rem; font-size: 0.22rem; color: #fff; line-height: 0.36rem; font-weight: lighter; } .qa_morebtn { width: 2rem; height: 0.5rem; background: #e8ab5f; font-size: 0.18rem; color: #fff; line-height: 0.5rem; text-align: center; margin: 0.68rem auto 0 auto; } .qa_morebtn a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .qa_morebtn a span { position: relative; z-index: 2; } .qa_morebtn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .qa_morebtn a:hover { color: #fff; } .qa_morebtn:hover a::after { width: 100%; } .common_content { width: 100%; background: #fff; padding: 0.4rem; font-size: .16rem; line-height: .3rem; box-sizing: border-box; position: relative; margin-bottom: 0.3rem; } .common_content1 { width: 100%; background: #fff; padding: 0.4rem; font-size: .16rem; line-height: .3rem; box-sizing: border-box; position: relative; margin-bottom: 0.3rem; } .team ul li.on .common_content { display: block !important; } .team .jt { width: 100%; text-align: center; font-size: 20px; color: #000; position: absolute; left: 0; bottom: -0.4rem; display: none; } .team .jt img { width: .7rem; height: .7rem; position: relative; top: .26rem; } .h { font-size: .26rem; font-weight: bold; color: #10357E; } .p { font-size: .20rem; color: #10357E; margin-top: .1rem; } .p_detail { font-size: .16rem; margin-top: .1rem; } .h1 { font-size: .26rem; font-weight: bold; color: #10357E; } .p1 { font-size: .20rem; color: #10357E; margin-top: .1rem; } .p_detail1 { font-size: .16rem; margin-top: .1rem; } .c_btn { font-size: .18rem; color: #10357E; cursor: pointer; display: block; position: relative; z-index: 31; text-align: center; padding-top: .05rem; } .c_close, .c_close1 { display: none; text-align: center; } .c_btn:hover { color: orange; } .h { font-size: .26rem; font-weight: bold; color: #10357E; } .p { font-size: .20rem; color: #10357E; margin-top: .1rem; } .p_detail { font-size: .16rem; line-height: 0.32rem; margin-top: .1rem; } .c_btn { padding: 0 0 0 0rem; box-sizing: border-box; font-size: .16rem; color: #10357E; cursor: pointer; text-align: center; } .c_btn:hover { color: orange; /* text-align: center; */ } .nav-right { width: 100%; height: 3rem; background-color: #10357E; } /*浜烘墠鎴樼暐*/ .str_ln { background: #fff; padding-bottom: 1.68rem; } .ny_tit { font-size: 0.48rem; color: #1c1c1c; padding: 0.97rem 0 0.7rem 0; } .str_lncon { display: flex; justify-content: space-between; } .str_lnl { width: 4.36rem; position: relative; overflow: hidden; } .str_lnl span { display: block; width: 100%; font-size: 0.16rem; color: #ffffff; line-height: 0.24rem; padding: 0 0.48rem 0.67rem 0.48rem; box-sizing: border-box; position: absolute; left: 0; bottom: 0; } .str_lnr { width: 11.4rem; } .str_lnr ul li { display: flex; align-items: center; border: 1px solid #efefef; box-sizing: border-box; margin-bottom: 0.42rem; } .str_lnrpic { width: 5.7rem; } .str_lnrwz { flex: 1; padding: 0 0.76rem; box-sizing: border-box; } .str_lnrwz h2 { font-size: 0.24rem; color: #000000; padding-bottom: 0.24rem; } .str_lnrwz p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; } .str_zp { background: #f2f2f2; overflow: hidden; padding-bottom: 1.62rem; } .str_zp ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .str_zp ul li { width: 49%; background: #fff; padding: 0.5rem; box-sizing: border-box; margin-bottom: 0.38rem; transition: all 0.3s linear; } .str_zp ul li a { display: flex; align-items: center; } .str_zp ul li:hover { box-shadow: 0 0 0.04rem #999; } .zp_pic { width: 1.67rem; } .zp_r { flex: 1; padding-left: 0.54rem; box-sizing: border-box; } .zp_r h4 { font-size: 0.3rem; color: #222222; padding-bottom: 0.14rem; } .zp_r dl { display: flex; flex-wrap: wrap; } .zp_r dl dd { width: 50%; margin-top: 0.16rem; font-size: 0.18rem; color: #222222; } .zp_btn { float: right; } .zp_btn { width: 2rem; height: 0.5rem; background: #f5a94f; font-size: 0.18rem; color: #000; line-height: 0.5rem; text-align: center; } .zp_btn a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .zp_btn a span { position: relative; z-index: 2; } .zp_btn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .zp_btn a:hover { color: #fff; } .zp_btn:hover a::after { width: 100%; } .ny_tit .youxiang_help { width: 4rem; position: relative; right: .5rem; top: 0; font-size: .16rem; } /*浼佷笟鏂囧寲*/ .cul_ln ul { display: flex; justify-content: space-between; } .cul_ln ul li { width: 6.3rem; } .cul_ln ul li h2 { margin-bottom: 0.06rem; position: relative; } .cul_ln ul li h2 span { display: block; width: 100%; font-size: 0.36rem; color: #ffffff; font-weight: bold; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .cul_ln ul li h2 span::after { display: block; width: 0.48rem; height: 0.04rem; background: #fff; content: ''; position: absolute; left: 50%; bottom: -0.46rem; transform: translateX(-50%); } .cul_xx { padding-bottom: 1.82rem; background: #f2f2f2; } .cul_xx .ny_tit { text-align: center; } .cul_xxcon { display: flex; justify-content: space-between; align-items: center; } .cul_xxconl { width: 8.04rem; position: relative; } .cul_xxconl video { display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 3; display: none; } .video_btn { width: 0.71rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .cul_xxconr { width: 6.55rem; } .cul_xxconr h3 { font-size: 0.24rem; color: #000000; } .cul_xxconr p { font-size: 0.16rem; color: #000000; line-height: 0.24rem; padding: 0.24rem 0 0.76rem 0; } .cul_xxbtn { width: 2rem; height: 0.5rem; background: #f5a94f; font-size: 0.18rem; color: #000; line-height: 0.5rem; text-align: center; } .cul_xxbtn a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .cul_xxbtn a span { position: relative; z-index: 2; } .cul_xxbtn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .cul_xxbtn a:hover { color: #fff; } .cul_xxbtn:hover a::after { width: 100%; } .cul_hd { background: #fff; padding: 1.8rem 0 0.72rem 0; } .cul_hdtop { display: flex; justify-content: space-between; } .cul_hdtop h2 { display: flex; font-size: 0.16rem; color: #1c1c1c; line-height: 0.24rem; width: 9.34rem; justify-content: flex-start; } .cul_hdtop h2 span { width: 2.8rem; font-size: 0.48rem; color: #1c1c1c; } .cul_hdtop h2 b { font-weight: normal; flex: 1; margin-top: -0.1rem; } .cul_hdbtn a { font-size: 0.14rem; color: #000000; text-transform: uppercase; } .cul_hdbtn a img { width: 0.19rem; margin-left: 0.15rem; } .swiper-container-hd { padding: 0.7rem 0 0 0; } .swiper-container-hd .swiper-slide { background: #f2f2f2; } .cul_hdjs { padding: 0.2rem 0.27rem; box-sizing: border-box; } .cul_hdjs h2 { font-size: 0.18rem; color: #000000; line-height: 0.24rem; padding-bottom: 0.2rem; font-weight: bold; } .cul_hdbtn a { display: flex; align-items: center; } .cul_hdbtn a { font-size: 0.14rem; color: #000000; text-transform: uppercase; } .cul_hdbtn a img { width: 0.19rem; margin-left: 0.15rem; } .cul_mtconlxq { height: 0 !important; overflow: hidden; } .cul_mtconlxq.on { height: auto !important; } .cul_mt { background: #f2f2f2; padding-bottom: 1.1rem; overflow: hidden; } .cul_mtcon { display: flex; justify-content: space-between; } .cul_mtconl { width: 5.14rem; } .cul_mtconr { width: 10.66rem; } .swiper-container-mt h2 { display: flex; align-items: center; font-size: 0.28rem; color: #000000; padding-top: 0.5rem; } .swiper-container-mt h2 a { color: #000; } .swiper-container-mt h2 a img { width: 0.13rem; margin-left: 0.24rem; } .cul_mtprev { width: 0.13rem; position: absolute; right: 0.76rem; bottom: 0.04rem; cursor: pointer; z-index: 3; } .cul_mtnext { width: 0.13rem; position: absolute; right: 0; bottom: 0.04rem; cursor: pointer; z-index: 3; } .cul_mtconr ul li { margin-bottom: 0.26rem; padding: 0 0.46rem; box-sizing: border-box; background: #fff; transition: all 0.3s linear; } .cul_mtconr ul li h2 { display: flex; justify-content: space-between; align-items: center; line-height: 1.1rem; } .cul_mtconr ul li h2 span { font-size: 0.28rem; color: #000000; } .cul_mtconr ul li h2 img { width: 0.19rem; } .cul_mtconr ul li h2 img:nth-of-type(1) { display: block; } .cul_mtconr ul li h2 img:nth-of-type(2) { display: none; } .cul_mtconr ul li.on h2 span, .cul_mtconr ul li:hover h2 span { color: #f5a94f; } .cul_mtconr ul li.on h2 img:nth-of-type(1), .cul_mtconr ul li:hover h2 img:nth-of-type(1) { display: none; } .cul_mtconr ul li.on h2 img:nth-of-type(2), .cul_mtconr ul li:hover h2 img:nth-of-type(2) { display: block; } .cul_mtconrbtn { width: 2rem; height: 0.5rem; background: #f5a94f; font-size: 0.18rem; color: #000; line-height: 0.5rem; text-align: center; float: right; margin-top: 0.14rem; } .cul_mtconrbtn a { display: block; width: 100%; height: 100%; color: #fff; position: relative; } .cul_mtconrbtn a span { position: relative; z-index: 2; } .cul_mtconrbtn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .cul_mtconrbtn a:hover { color: #fff; } .cul_mtconrbtn:hover a::after { width: 100%; } .a_culture { width: 1rem; height: 1rem; display: block; } .img-right { display: block; } /*鏂伴椈鍒楄〃*/ .home_newlist { padding: 0.6rem 0; } .home_newlist ul { display: flex; flex-wrap: wrap; } .home_newlist ul li { width: 23.5%; margin: 0 2% 0.3rem 0; background: #fff; } .home_newlist ul li:nth-of-type(4n) { margin-right: 0; } .new_pic { overflow: hidden; } .new_pic img { transition: all 0.3s linear; } .home_newlist ul li h2 { font-size: 0.18rem; color: #000000; line-height: 0.24rem; font-weight: bold; padding: 0.2rem; box-sizing: border-box; } .home_newlist ul li h2 a { color: #000000; } .home_newlist ul li:hover .new_pic img { transform: scale(1.1); } .home_newlist ul li:hover .new_btn { transform: translateX(0.1rem); } .news_more { display: block; width: 2.02rem; background: #fff; font-size: 0.18rem; color: #111111; line-height: 0.5rem; text-align: center; position: relative; margin: 0.3rem auto; cursor: pointer; } .news_more::after { display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; content: ''; background: #f5a94f; } .news_more:hover { color: #fff; } .news_more:hover::after { width: 100%; } .news_more span { position: relative; z-index: 3; } /*鏂伴椈璇︽儏*/ .newsinfo_xq { margin-top: 1rem; border-top: 1px solid #f5f5f5; } .newsinfo_con { overflow: hidden; } .newsinfo_dh { padding: 0.5rem 0; display: flex; align-items: center; } .newsinfo_dh a { display: inline-block; font-size: 0.18rem; color: #000; } .newsinfo_dh img { width: 0.1rem; margin: 0 0.16rem; } .newsinfo_page { border-top: 1px solid #f5f5f5; padding-top: 0.7rem; } .newsinfo_pagel { width: 100%; } .newsinfo_pager { width: 750px; margin: 0 auto; } .newsinfo_data { padding: 0.3rem 0 0 0; box-sizing: border-box; } .newsinfo_data b { font-size: 0.3rem; margin-right: 0.2rem; font-weight: 400; color: #f2bb00; } .newsinfo_data span { font-size: 0.2rem; color: #000; line-height: 0.26rem; } .newsinfo_slt .swiper-pagination { position: relative; margin-top: 0.27rem; } .newsinfo_slt .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background: #e6e6e6; border-radius: 0.1rem; margin: 0 0.06rem; opacity: 1; } .newsinfo_slt .swiper-pagination-bullet-active { width: 0.46rem; background: #f2bb00; } .page_tit { font-size: 0.33rem; color: #000; } .newsinfo_pager p { font-size: 0.2rem; color: #000; line-height: 0.4rem; padding-top: 0.4rem; } .newsinfo_pagefot { overflow: hidden; margin: 1.4rem 0; display: flex; justify-content: space-between; align-items: center; } .all_newsbtn a { font-size: 0.16rem; color: #000; line-height: 0.35rem; display: flex; align-items: center; } .all_newsbtn a span { display: inline-block; width: 0.35rem; height: 0.35rem; background: #f2bb00; border-radius: 100%; position: relative; margin-right: 0.16rem; } .all_newsbtn a span img { width: 0.07rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .all_pfbtn a { display: inline-block; width: 1.3rem; height: 0.36rem; border: 1px solid #808080; margin: 0 0.08rem; border-radius: 0.36rem; font-size: 0.14rem; color: #000; line-height: 0.36rem; text-align: center; position: relative; } .all_pfbtn a span { position: relative; z-index: 2; } .all_pfbtn a::before { display: block; content: ''; width: 0; height: 100%; position: absolute; left: 50%; top: 0; background: #f1bb00; border-radius: 0.36rem; transform: translateX(-50%); transition: all 0.5s linear; } .all_pfbtn a:hover { color: #fff; border-color: #f1bb00; } .all_pfbtn a:hover::before { width: 100%; z-index: 1; } .share_btn a { display: inline-block; width: 0.35rem; margin-left: 0.08rem; } /*lead*/ .lead { overflow: hidden; } .lead_top { margin: 0.97rem 0 0.7rem 0; } .lead_top { display: flex; justify-content: space-between; align-items: center; } .lead_top .qa_morebtn { margin: 0; background: #e8ab5f; } .lead_top .qa_morebtn a { color: #fff; } .lead ul { display: flex; justify-content: space-between; } .lead ul li { display: flex; } .lead_pic { width: 2.9rem; margin-right: 0.6rem; } .lead_js { width: 3.3rem; } .lead_js h2 { font-size: 0.3rem; color: #000000; font-weight: bold; } .lead_js h3 { font-size: 0.24rem; color: #737373; padding: 0.2rem 0 0.4rem 0; } .lead_js p { font-size: 0.18rem; color: #8d8d8d; line-height: 0.3rem; } .gs_zl { overflow: hidden; } .team ul { display: flex; flex-wrap: wrap; } .team ul li { width: 14.3%; margin-right: 2.15%; margin-bottom: 2.875%; } .team_listjs { background: #fff; padding-bottom: 0.3rem; } .team ul li:nth-of-type(5n) { /* margin-right: 0; */ margin-right: 2.857%; } .tits { display: flex; padding: 0.1rem 0 0.1rem 0rem; box-sizing: border-box; align-items: center; justify-content: center; } .tits span { font-size: 0.18rem; color: #000; } .tits span:nth-of-type(2) { color: #737373; padding-left: 0.2rem; font-size: 0.14rem; } .gs_zl .gs_zlbtn { margin: 0.3rem auto 0.6rem auto; } /*鎷涜仒璇︽儏*/ .job_info { background: #f2f2f2; padding: 1.1rem 0; } .job_infocon { background: #fff; padding: 0.9rem; box-sizing: border-box; } .job_infocon h2 { border-bottom: 1px solid #dedede; padding-bottom: 0.15rem; display: flex; justify-content: space-between; align-items: center; } .job_infocon h2 span { font-size: 0.2rem; color: #303030; } .job_infocon h2 a { display: block; width: 2rem; height: 0.5rem; background: #e8ab60; font-size: 0.18rem; color: #fff; line-height: 0.5rem; text-align: center; position: relative; } .job_infocon h2 a b { position: relative; z-index: 2; font-weight: normal; } .job_infocon h2 a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .job_infocon h2 a:hover { color: #fff; } .job_infocon h2 a:hover::after { width: 100%; } .job_infowz h3 { display: flex; align-items: center; padding: 0.36rem 0 0.4rem 0; } .job_infowz h3 span { margin-right: 0.6rem; display: flex; align-items: center; font-size: 0.16rem; color: #9a9a9a; } .job_infowz h3 span img { width: 0.2rem; margin-right: 0.1rem; } .job_infowz h4 { font-size: 0.16rem; color: #424242; } .job_infowz p { font-size: 0.16rem; color: #666666; line-height: 0.48rem; padding-bottom: 0.7rem; } .job_infobtn { border-top: 1px solid #dedede; } .job_infobtn a { display: block; width: 2rem; height: 0.5rem; background: #e8ab60; font-size: 0.18rem; color: #fff; line-height: 0.5rem; text-align: center; position: relative; margin: 0.9rem auto 0 auto; } .job_infobtn a span { position: relative; z-index: 2; font-weight: normal; } .job_infobtn a::after { display: block; width: 0; height: 100%; background: #000; content: ''; position: absolute; left: 50%; top: 0; transition: all 0.3s linear; transform: translateX(-50%); } .job_infobtn a:hover { color: #fff; } .job_infobtn a:hover::after { width: 100%; } /*鎼滅储椤?/ .searchBox { padding: 1rem 0; } .ny_searchtop { width: 6rem; border-bottom: 1px solid #000; padding-bottom: 0.1rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: baseline; } .ny_searchtop input { width: 70%; height: 0.5rem; border: none; background: none; font-size: 0.18rem; color: #000; } .ny_searchbtn { width: 17px; } .AllSeaList { margin: 0.6rem auto 0 auto; width: 60%; } .AllSeaList li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; font-size: 0.18rem; padding: 0.3rem 0; color: #000; } .AllSeaList li a { color: #000; } .none_resilt { font-size: 0.28rem; color: #000; text-align: center; padding: 0.5rem 0 0 0; } /*鍏徃绔犵▼*/ .gsgg { padding-bottom: 1rem; } .gsgg_list { width: 12.8rem; overflow: hidden; margin: 0 auto; } .gsgg_list ul li { border-top: 1px solid #e6e6e6; padding: 0.3rem 0.7rem; box-sizing: border-box; } .gsgg_list ul li:nth-last-of-type(1) { border-bottom: 1px solid #e6e6e6; } .gsgg_list ul li a h2 { width: 0.42rem; } .gsgg_list ul li a h2 img:nth-of-type(1) { display: block; } .gsgg_list ul li a h2 img:nth-of-type(2) { display: none; } .gsgg_list ul li a { display: flex; overflow: hidden; line-height: .5rem; align-items: center; cursor: pointer; justify-content: space-between; } .gsgg_list ul li a h3 { font-size: 0.18rem; color: #000; padding-left: 0.3rem; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gsgg .about_tit { text-align: center; } .gsgg_list ul li a:hover h2 img:nth-of-type(1) { display: none; } .gsgg_list ul li a:hover h2 img:nth-of-type(2) { display: block; } .gsgg_list ul li a:hover h3 { color: #e8ab60; } .home_activitylist { padding: 0 0 0.6rem 0; } @media(max-width:1024px) { .w_1620 { width: 90%; } .logo { width: 2.6rem; } .nav { width: 100%; position: fixed; left: 0; top: 1rem; z-index: 100; background: #fff; height: calc(100% - 1rem); /* border-top: 1px solid #000; */ box-sizing: border-box; padding: 0.5rem 5%; box-sizing: border-box; transform: translateX(100%); transition: all 0.5s linear; } .nav.on { transform: translateX(0); } .nav ul { flex-wrap: wrap; height: auto; } .nav ul li { height: auto; width: 100%; margin-left: 0; } .nav ul li h2 { height: auto; margin-bottom: 0.5rem; } .nav ul li h2 a { height: auto; justify-content: right; font-size: 0.32rem; } .lan { font-size: 0.32rem; margin: 0 0.3rem 0 0; } .lan a img { width: 0.2rem; } .search { width: 17px; } .mob_navbtn { position: relative; height: 0.3rem; width: 0.4rem; cursor: pointer; order: 4; display: block; margin-left: 0.3rem; } .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%; } .swiper-container-ban { height: 4rem; } .swiper-container-ban .swiper-slide { height: 100%; } .ban_pic { height: 100%; position: relative; } .ban_pic img { width: auto; position: absolute; left: 0; bottom: 0; max-width: 300%; } .ban_wz { left: 5%; top: 1rem; } .swiper-pagination-ban .swiper-pagination-bullet { top: -0.24rem; width: 1rem; } .ban_wz p { font-size: 0.24rem; } .ban_wz a { width: 2rem; line-height: 0.5rem; font-size: 0.24rem; } .ban_prev, .ban_next, .pro_prev, .pro_next { width: 0.5rem; height: 0.5rem; top: 90%; } .ban_prev, .pro_prev { left: auto; right: 16%; opacity: 1; transform: translateX(0); } .ban_next, .pro_next { right: 5%; opacity: 1; transform: translateX(0); } .home_abcon { flex-wrap: wrap; padding-bottom: 0; } .ab_pic { width: 100%; margin-bottom: 0.3rem; } .home_abconr { width: 100%; } .home_abconr h2 { font-size: 0.36rem; } .home_abconr p { font-size: 0.24rem; line-height: 0.36rem; } .ab_more a { width: 2rem; line-height: 0.5rem; font-size: 0.24rem; } .home_tit { padding: 0.7rem 0 0.4rem 0; } .pro { height: auto; } .pro .home_tit { position: relative; color: #000; } .pro_list { position: relative; border-color: #000; } .pro_list ul li { border-color: #000; } .pro_list ul li.on { background: #000; } .pro_list ul li h2 { color: #000; } .pro_list ul li p { color: #000; } .pro_wz { left: 5%; top: 1rem; width: 90%; } .pro_wz h2 { font-size: 0.24rem; } .pro_wz p { font-size: 0.24rem; line-height: 0.36rem; } .pro_prev, .pro_next { display: none; } .home_newtop { flex-wrap: wrap; } .home_newtoppic { width: 100%; } .home_newtopwz { width: 100%; padding: 0.3rem 0.2rem; margin-left: 0; } .home_newtopwz h2 { font-size: 0.3rem; } .home_newtopwz p { font-size: 0.24rem; line-height: 0.36rem; } .home_newmore a { width: 2rem; line-height: 0.5rem; font-size: 0.24rem; } .swiper-container-new .swiper-slide h2 { font-size: 0.28rem; line-height: 0.42rem; min-height: 0.4rem; } .new_btn a { font-size: 0.24rem; } .new_btn a img { width: 0.24rem; } .fot_top { flex-wrap: wrap; } .fot_nav { width: 100%; padding: 0 5%; box-sizing: border-box; } .fot_nav ul { flex-wrap: wrap; } .fot_nav ul li:nth-of-type(1) { display: none; } .fot_nav ul li { margin-right: 0; width: 33.33%; margin-bottom: 0.4rem; } .fot_nav ul li:nth-of-type(4) { margin-right: 0; } .fot_nav ul li h2 { font-size: 0.28rem; } .fot_nav ul li dl dd { font-size: 0.24rem; } .fot_r { width: 100%; margin-left: 0; justify-content: center; } .fot_r a { width: 0.5rem; margin: 0 0.2rem; } .fot_r a:nth-of-type(2) { width: 0.4rem; } .fot p { font-size: 0.24rem; flex-wrap: wrap; padding: 0.2rem 5%; line-height: 0.42rem; box-sizing: border-box; } .fot p img { width: 15px; } .nav ul li h2 span { display: block; width: 0.24rem; cursor: pointer; transition: all 0.3s linear; } .nav ul li h2 span.on { transform: rotate(90deg); } .nav ul li h2::after { display: none; } .nav ul li.on h2, .nav ul li:hover h2 { background: none; } .nav ul li { border-bottom: 1px solid #ccc; padding: 0.3rem 0; } .nav ul li h2 { margin-bottom: 0; display: flex; justify-content: space-between; align-items: center; } .nav ul li h2 a { justify-content: space-between; width: 40%; } .nav2 { width: 100%; position: relative; left: auto; top: auto; display: none; border-top: none; padding-left: 0.3rem; } .nav2 dl { display: flex; flex-wrap: wrap; margin-bottom: -0.4rem; } .nav2 dl dd { font-size: 0.26rem; line-height: 0.26rem; margin: 0.2rem 0.4rem 0.3rem 0; } .fot_l { display: none; } /*鍏充簬鎴戜滑*/ .about_jg { padding: 0.7rem 0; } .about_tit { padding-bottom: 0.4rem; } .about_jgr { width: 100%; margin-right: 0; } .about_zlcon { flex-wrap: wrap; } .about_zlconl { width: 100%; height: 5rem; overflow: hidden; } .about_zlconlwz { top: 50%; transform: translateY(-50%); } .about_zlconlwz h2 { font-size: 0.3rem; } .about_zlconlwz p { font-size: 0.24rem; line-height: 0.4rem; } .about_zlconr { width: 100%; } .about_zlconr ul { flex-wrap: wrap; } .about_zlconr ul li { width: 100%; height: auto; margin-bottom: 0.4rem; } .about_zlconr ul li:nth-last-of-type(1) { margin-bottom: 0; } .about_zlpic { position: relative; top: auto !important; } .about_zlconrwz { position: relative; top: auto !important; } .about_zlconrwz h2 { font-size: 0.3rem; padding-top: 0.4rem; } .about_zlconrwz p { font-size: 0.24rem; line-height: 0.4rem; } .liner { display: none; } .his { height: auto; } .swiper-container-his { padding: 0.5rem 0 0.7rem 0; width: 100%; margin-top: 0.6rem; } .swiper-container-his .swiper-slide-active { height: auto; } .swiper-container-his .swiper-slide { margin: 0; } .his_con h2 { font-size: 0.24rem; } .his_con p { font-size: 0.24rem; line-height: 0.4rem; } .his_prev { left: auto; width: 0.6rem; height: 0.6rem; right: auto; top: 42%; left: 5%; } .his_next { width: 0.6rem; height: 0.6rem; right: 5%; top: 42%; } .swiper-container-ry { width: 100%; margin: 1rem auto 0 auto; } .ab_ry { padding: 0.7rem 0; } .swiper-container-ry p { font-size: 0.24rem; line-height: 0.4rem; } .ry_prev, .ry_next { width: 0.6rem; height: 0.6rem; top: -0.8rem; } .ry_prev { left: auto; right: 1rem; } .ry_next { right: 0%; } .ab_zztop { height: auto; padding: 0.7rem 0; } .ab_zztop .w_1620 { flex-wrap: wrap; } .ab_zztop p { width: 100%; margin: 0; font-size: 0.24rem; line-height: 0.4rem; } .swiper-container-zz .swiper-slide-active .ab_zzwz p { display: block; } .swiper-container-zz .swiper-slide-active .ab_zzwz a { display: block; } .swiper-container-zz .swiper-slide-active .zz_pic img { transform: translateY(-2.4rem); } .ab_zzwz p { font-size: 0.24rem; line-height: 0.4rem; } .ab_zzwz a { width: 2rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem; } .ab_ban .swiper-container-ban { height: 15rem; } .ab_ban { height: 15rem; background: url(/static/www/img/about/about_ban.jpg) no-repeat center center/cover; } .ban_wz { width: 90%; } .ban_wz p { width: 100%; line-height: 0.48rem; } .ab_ban .ban_pic { display: none; } .about_contact .about_tit { padding-top: 0.7rem; } /*鎶曡祫鑰?/ .gs_zlcon { flex-wrap: wrap; } .gs_zll { width: 100%; } .gs_zllwz h2 { font-size: 0.3rem; } .gs_zllwz { padding: 0.6rem; } .gs_zllwz h3 { font-size: 0.24rem; line-height: 0.4rem; } .gs_zlr { width: 100%; margin-top: 0.4rem; } .gs_zlr ul li { width: 100%; } .gs_zlrwz h2 { font-size: 0.3rem; } .gs_zlrwz { padding: 0.6rem; } .gs_zlrbtn a { font-size: 0.24rem; } .gs_zlr ul li:nth-of-type(3), .gs_zlr ul li:nth-of-type(4) { margin-bottom: 0.4rem; } .gs_gglist ul li { width: 100%; box-shadow: 0 0 0.05rem #ccc; margin-bottom: 0.4rem; } .gs_zl .about_tit { padding: 0.7rem 0 0.4rem 0; } .gs_ggtop { padding: 0.7rem 0 0.4rem 0; } .gs_gglistl { width: 40%; } .gs_gglistl span { font-size: 0.24rem; } .gs_gglistr h2 { font-size: 0.24rem; padding-top: 0; } .gs_gglistr h3 { font-size: 0.26rem; line-height: 0.44rem; padding: 0.14rem 0; } .gs_ggbtn a { font-size: 0.24rem; } .gs_ggfot span { font-size: 0.22rem; } .gs_zlcon { padding-bottom: 1rem; } .gs_gg { padding-bottom: 1rem; } .qa h3 { padding: 0.7rem 0 0.4rem 0; } .qa ul { width: 90%; margin: 0 auto; } .qa ul li h2 { flex-wrap: wrap; } .qa ul li h2 span { width: 100%; font-size: 0.24rem; line-height: 0.4rem; padding-top: 0.3rem; } .qa ul li h2 img { top: 0.5rem; } .qa ul li p b { display: block; } .qa ul li p span { display: block; width: 100%; padding-top: 0.3rem; } .qa_morebtn { width: 2rem; font-size: 0.24rem; } .c_btn { font-size: .24rem; text-align: center; width: 1rem; margin: 0 auto; } .common_content { margin-top: 0.3rem; } .h { font-size: 0.36rem; } .p { font-size: 0.32rem; padding: 0.1rem 0; } .p_detail { font-size: 0.24rem; line-height: 0.4rem; } .team .jt { bottom: -0.6rem; } .team .jt img /*浼佷笟鏂囧寲*/ .ny_tit { padding: 0.7rem 0 0.4rem 0; } .cul_ln ul { flex-wrap: wrap; } .cul_ln ul li { width: 33%; height: 3.5rem; overflow: hidden; } .cul_ln ul li h2 span { font-size: 0.3rem; } .cul_ln ul li h2 span::after { bottom: -0.2rem; } .cul_xxcon { flex-wrap: wrap; } .cul_xxconl { width: 100%; } .cul_xxconr h3 { font-size: 0.3rem; padding: 0.3rem 0 0 0; } .cul_xxconr p { font-size: 0.24rem; line-height: 0.4rem; } .cul_xxbtn { font-size: 0.24rem; } .cul_xx .ny_tit { text-align: left; } .cul_hd { padding: 0.7rem 0 1rem 0; } .cul_hdtop { flex-wrap: wrap; } .cul_hdtop h2 { flex-wrap: wrap; } .cul_hdtop h2 span { width: 100%; padding-bottom: 0.5rem; } .cul_hdtop h2 b { width: 100%; font-size: 0.24rem; line-height: 0.4rem; } .cul_hdtop .cul_hdbtn { width: 100%; margin-top: 0.5rem; } .cul_hdbtn a { font-size: 0.24rem; } .swiper-container-hd { padding: 0.4rem 0 0 0; } .cul_hdjs { padding: 0.4rem 0.3rem; } .cul_hdjs h2 { font-size: 0.28rem; line-height: 0.44rem; } .cul_mtcon { flex-wrap: wrap; } .cul_mtconl { width: 100%; } .cul_mtconr { width: 100%; margin-top: 0.4rem; } .cul_mtconr ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .cul_mtconr ul li { width: 49%; padding: 0 0.2rem; } .cul_mtconr ul li h2 { line-height: 0.8rem; } .cul_mtconrbtn { font-size: 0.24rem; } .cul_mtconlxqpic { width: 80%; margin: 0 auto; } /*浜т笟甯冨眬*/ .in_food .about_tit { padding: 0.7rem 0 0.4rem 0; } .in_foodcon { flex-wrap: wrap; } .in_foodconl { width: 100%; } .in_foodtit h2 span { font-size: 0.3rem; } .in_foodconr { width: 100%; padding: 0.6rem 5%; } .in_foodconr h2 { padding-top: 0; } .in_foodqh ul li p { font-size: 0.24rem; line-height: 0.4rem; } .in_foodqh ul li a { font-size: 0.24rem; } .in_layout .about_tit { padding: 0.7rem 0 0.4rem 0; } .swiper-container-bj .swiper-slide { flex-wrap: wrap; } .in_bjpic { width: 100%; } .in_bjwz { width: 100%; padding: 0.6rem 0.4rem; } .in_bjwz h2 { font-size: 0.3rem; padding-top: 0; } .in_bjwz p { font-size: 0.24rem; line-height: 0.4rem; padding: 0.4rem 0; } .in_bjwz a { font-size: 0.24rem; } .in_bjnav ul li h2 b { font-size: 0.24rem; } .in_js ul li { flex-wrap: wrap; } .in_jswz { width: 100%; order: 2; padding: 0.6rem 5% !important; } .in_foodconl { width: 100%; order: 1; height: 5rem; overflow: hidden; } .in_js ul li p { font-size: 0.24rem; line-height: 0.4rem; padding: 0.4rem 0; } .in_js ul li a { font-size: 0.24rem; } .in_js ul li:nth-of-type(2) { height: auto; background: url(../img/industry/in_pic04.jpg) no-repeat center top/auto 5rem; } .in_js ul li:nth-of-type(2) .in_jswz h2 { color: #000; } .in_js ul li:nth-of-type(2) .in_jswz p { color: #000; } .in_js ul li:nth-of-type(2) .in_jswz a { font-size: 0.24rem; } /*浜烘墠鐞嗗康*/ .str_lncon { flex-wrap: wrap; } .str_ln { padding-bottom: 1rem; } .str_lnl { width: 100%; } .str_lnl img { height: 4.7rem; overflow: hidden; } .str_lnl span { font-size: 0.24rem; line-height: 0.4rem; padding: 0 0.2rem; bottom: auto; top: 50%; transform: translateY(-50%); } .str_lnr { width: 100%; } .str_lnr ul li { width: 100%; flex-wrap: wrap; margin-top: 0.3rem; } .str_lnrpic { width: 100%; order: 1; } .str_lnrwz { width: 100%; order: 2; padding: 0.6rem 0.3rem; } .str_lnrwz h2 { font-size: 0.3rem; } .str_lnrwz p { font-size: 0.24rem; line-height: 0.4rem; } .str_zp ul li { width: 100%; padding: 0.3rem; } .zp_pic { width: 30%; } .zp_r { padding-left: 0.2rem; } .zp_r dl dd { font-size: 0.24rem; width: 40%; } .zp_r dl dd:nth-of-type(2n) { width: 60%; } .zp_btn a { font-size: 0.24rem; } /*鏂伴椈鍒楄〃*/ .home_newlist ul li { width: 48%; margin-right: 4%; } .home_newlist ul li:nth-of-type(2n) { margin-right: 0; } .home_newlist ul li h2 { font-size: 0.28rem; line-height: 0.42rem; } .news_more { width: 2rem; line-height: 0.5rem; font-size: 0.24rem; } /*鏂伴椈璇︽儏*/ .newsinfo_dh a { font-size: 0.24rem; } .download_top { flex-direction: column; align-items: flex-start; } .download_top .ser_tit { margin-bottom: 0.4rem; } .download_topr select { height: 0.6rem; font-size: 0.24rem; width: 48%; margin-right: 0; } .download_search { height: 0.6rem; width: 48%; } .download_search input { font-size: 0.24rem; } .download_c h2 { font-size: 0.24rem; } .download_c h2 span:nth-of-type(1) { padding-left: 0.36rem; } .dowload_btn a { font-size: 0.24rem; } .download_topr { justify-content: space-between; width: 100%; } .newsinfo_page { width: 100%; } .newsinfo_pagel { width: 100%; } .newsinfo_data { padding: 0.3rem 0 0 0; } .newsinfo_pager { margin-top: 0.4rem; width: 100%; } .newsinfo_pager p { font-size: 0.24rem; line-height: 0.48rem; } .newsinfo_pagefot { margin: 0.6rem auto 0.8rem auto; } .newsinfo_pagefot { flex-wrap: wrap; } .all_newsbtn { width: 45%; } .all_newsbtn a { font-size: 0.24rem; } .all_pfbtn a { width: 1.6rem; height: 0.44rem; font-size: 0.24rem; line-height: 0.44rem; } .share_btn { width: 100%; margin-top: 0.4rem; text-align: center; } .share_btn a { width: 0.6rem; margin: 0 0.1rem; } .news_ban { background: url(/static/images/news_xinban.jpg) no-repeat center center/cover; } .newsinfo_pagercon img { width: 100%; } /*lead*/ .lead_top { margin: 0.7rem 0 0.4rem 0; } .lead .about_tit { padding-bottom: 0; } .lead ul { flex-wrap: wrap; } .lead ul li { width: 100%; margin-top: 0.4rem; } .lead_pic { width: 40%; margin-right: 0.4rem; } .lead_js h3 { font-size: 0.26rem; } .lead_js p { font-size: 0.26rem; line-height: 0.4rem; } .team ul li { width: 48%; margin-right: 4%; } .team ul li:nth-of-type(2n) { margin-right: 0; } .tits span { font-size: 0.3rem; } .tits span:nth-of-type(2) { font-size: 0.26rem; } /*鎷涜仒璇︾粏*/ .job_infocon { padding: 0.7rem 0.4rem; box-sizing: border-box; } .job_infocon h2 span { font-size: 0.3rem; } .job_infocon h2 a { font-size: 0.24rem; } .job_infowz h3 span { font-size: 0.24rem; margin-right: 0.3rem; } .job_infowz h4 { font-size: 0.28rem; } .job_infowz p { font-size: 0.26rem; line-height: 0.52rem; } .job_infobtn a { font-size: 0.24rem; margin: 0.7rem auto 0 auto; } /*鎼滅礌缁撴灉*/ .ny_searchtop { width: 100%; } .ny_searchtop input { font-size: 0.26rem; } .AllSeaList li { font-size: 0.26rem; } .floatl { width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*鍏徃绔犵▼*/ .gsgg_list { width: 100%; } .gsgg_list ul li { padding: 0.3rem; } .gsgg_list ul li a h3 { font-size: 0.24rem; text-overflow: ellipsis; white-space: nowrap; width: 35%; overflow: hidden; padding-left: 0.14rem; } .nn_contact { width: 90%; margin: 0 auto 0 auto; } .nn_cttm ul { flex-wrap: wrap; border: none; } .nn_cttm ul li { width: 100%; border-right: none; border-bottom: 1px solid #e6e6e6; padding: 20px 0; display: flex; align-items: center; } .nn_cttm ul li em { width: 60px; margin-right: 20px; } .nn_cttm ul li div { flex: 1; text-align: left; } .nn_cttm ul li div span { padding: 0; font-size: 0.24rem; line-height: 0.4rem; } .nn_contact1 { width: 90%; } .nn_contact { padding: 0; } .add_fl ul { flex-wrap: wrap; } .add_fl ul li { width: 100%; padding: 20px 0; border-right: none; border-bottom: 1px solid #e6e6e6; } .add_fl:nth-of-type(1) { border-bottom: none; padding-bottom: 0; } .add_fl:nth-of-type(2) { padding-top: 0; } .nn_cttm ul li div p { font-size: 0.34rem; } .add_name { font-size: 0.3rem; } .add_name img { width: 0.52rem; } .add_fl dl dd img { width: 0.6rem; height: 0.6rem; margin-right: 0.3rem; } .add_r h4 { font-size: 0.28rem; } .add_r h5 { font-size: 0.24rem; } .add_fl dl dd { margin-top: 0.3rem; } .att1 { font-size: 0.48rem; padding: 1rem 0 0rem 0; } /* .team ul li:nth-of-type(5n) { margin-right: 0; } */ .team .jt img { width: 1rem; position: relative; top: .26rem; } .yl h6 { font-size: .24rem; } .yl dl dd { font-size: .24rem; } .yl dl { width: 1.4rem; } .team3 .ul_help li:nth-of-type(4) .tits span:nth-child(1) { font-size: .26rem; padding-top: .06rem; } .team3 .ul_help li:nth-of-type(4) .tits span:nth-child(2) { font-size: .22rem; padding-left: .08rem; padding-top: .06rem; } /* .team3 .ul_help li:nth-of-type(2) .tits span:nth-child(1) { font-size: .26rem; padding-top: .06rem; } .team3 .ul_help li:nth-of-type(2) .tits span:nth-child(2) { font-size: .2rem; padding-left: .08rem; padding-top: .06rem; } */ } .pager1 { display: flex; margin: 3em 0; justify-content: center; } .pager1 a, .pager1 span { display: block; padding: 6px 12px; font-size: 16px; color: #666; } .pager1 .active span { color: #f5a94f; }