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; background: #fff; } a { text-decoration: none; } ::-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_1235 { width: 86%; margin: 0 auto; } .header { width: 100%; margin: 0 auto; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: space-between; z-index: 30; padding: 0.2rem 7%; box-sizing: border-box; } .logo { width: 2rem; } .header.on { background: rgba(29, 111, 217, 0.9); } .header.active { background: rgba(29, 111, 217, 0.9) !important; } .header_r { display: flex; align-items: flex-start; } .nav ul { display: flex; } .nav ul li { margin-right: 0.6rem; position: relative; } .nav ul li h2 { position: relative; z-index: 20; } .nav ul li h2 a { font-size: 0.16rem; color: #fff; position: relative; padding-bottom: 0.2rem; } .nav ul li h2 a::after { display: block; width: 0%; height: 2px; background: #fff; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .nav ul li.on h2 a::after { display: block; width: 100%; height: 2px; background: #fff; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); } .nav ul li:hover h2 a::after { width: 100%; } .nav ul li dl { width: 1.5rem; position: absolute; left: 50%; top: 0.6rem; transform: translateX(-50%); display: none; z-index: 10; } .nav ul li dl dd h3 a { display: block; width: 100%; font-size: 0.14rem; color: #a4cafc; line-height: 0.46rem; text-align: center; background: rgba(29, 111, 217, 0.9); } .nav ul li dl dd h3 a:hover { color: #fff; background: rgba(60, 137, 238, 0.9); } .nav ul li dl dd h3.on a { color: #fff; background: rgba(60, 137, 238, 0.9); } .search { width: 0.21rem; } .lan { margin-left: 0.3rem; display: flex; align-items: center; } .lan h2 { width: 0.3rem; } .lan dl { display: flex; align-items: center; } .lan dl dd { margin-left: 0.1rem; text-transform: uppercase; } .lan dl dd a { font-size: 0.14rem; color: #fff; opacity: 0.8; } .lan dl dd.on a { opacity: 1; } .top_lv3 { width: 1.5rem; height: 100%; background: rgba(60, 137, 238, 0.9); position: absolute; left: 1.5rem; top: 0; padding-top: 0.27rem; box-sizing: border-box; display: none; } .top_lv3 a { display: block; width: 100%; font-size: 0.14rem; color: #ffffff; line-height: 0.34rem; box-sizing: border-box; text-align: center; } .top_lv3 a:hover { color: #a4cafc; } .wap_hbtn { display: none; } .nav ul li h2 span, .nav ul li h3 span { display: none; } .ban { position: relative; } .ban_con { width: 100vw; height: 8.7rem; position: relative; overflow: hidden; } .ban_con .w_1235 { position: absolute; left: 50%; top: 2rem; transform: translateX(-50%); } .ban_con .w_1235 h2 { font-size: 0.24rem; color: #ffffff; opacity: 0; transform: translateY(0.2rem); transition: all 0.5s linear; } .ban_con .w_1235 h3 { min-height: 1.8rem; font-size: 0.68rem; color: #fff; font-weight: bold; line-height: 0.9rem; padding: 0.2rem 0 0.6rem 0; text-transform: uppercase; opacity: 0; transform: translateY(0.2rem); transition: all 0.5s linear; } .ban_btn { width: 1.34rem; border: 0.02rem solid #fff; box-sizing: border-box; opacity: 0; transform: translateY(0.2rem); transition: all 0.5s linear; } .ban_btn a { display: block; width: 100%; height: 100%; position: relative; font-size: 0.17rem; color: #ffffff; line-height: 0.4rem; text-align: center; position: relative; } .ban_btn a span { position: relative; z-index: 2; } .ban_btn a::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .ban_btn:hover a::after { width: 100%; } .ban_btn:hover { border-color: #1050a3; } .swiper-pagination-ban { position: absolute; left: 7% !important; bottom: 0.57rem !important; text-align: left; } .swiper-pagination-ban .swiper-pagination-bullet { width: 0.5rem; height: 0.05rem; background: #fff; opacity: 0.5; margin-right: 0.2rem; border-radius: 0 !important; } .swiper-pagination-ban .swiper-pagination-bullet-active { opacity: 1; } .swiper-container-ban .swiper-slide-active .ban_con .w_1235 h2 { opacity: 1; transform: translateY(0); } .swiper-container-ban .swiper-slide-active .ban_con .w_1235 h3 { opacity: 1; transform: translateY(0); } .swiper-container-ban .swiper-slide-active .ban_btn { opacity: 1; transform: translateY(0); } .swiper-container-ban .swiper-slide.t_r { text-align: right; } .swiper-container-ban .swiper-slide.t_r .ban_btn { float: right; } .fl { width: 100%; } .fl .tit{ padding: 0.5rem 0 0.5rem 0; } .tit { font-size: 0.36rem; color: #17222a; font-weight: bold; padding: 1rem 0 0.5rem 0; line-height: 0.7rem; } .tit b { display: block; font-size: 0.72rem; color: #d9d9db; font-family: '鎬濇簮榛戜綋 CN Heavy'; text-transform: uppercase; } .fl_con { width: 85.93%; margin: 0 auto 1.7rem auto; position: relative; padding-bottom: 0.4rem; } .fl_con ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .fl_con ul li { width: 5.2rem; position: relative; height: 5.07rem; overflow: hidden; } .fl_con ul li>img { transition: all 0.5s linear; } .fl_con ul li:hover>img { transform: scale(1.1); } .fl_con ul li:nth-of-type(1) { width: 5.23rem; height: 9.37rem; } .fl_con ul li:nth-last-of-type(2) { position: absolute; right: 5.55rem; bottom: 0.4rem; height: 3.9rem; } .fl_con ul li:nth-last-of-type(1) { position: absolute; right: 0; bottom: 0.4rem; height: 3.9rem; } .fl_con ul li::after { display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ''; position: absolute; left: 0; top: 0; } .fl_contop { width: 100%; position: absolute; left: 0; top: 0; z-index: 3; } .fl_contop h2 { width: 100%; background: rgba(255, 255, 255, 0.3); padding: 0 0.4rem; box-sizing: border-box; height: 0.96rem; display: flex; align-items: center; justify-content: space-between; } .fl_contop h2 span { font-size: 0.3rem; color: #fff; } .fl_contop h2 img { width: 0.65rem; } .fl_contop dl { padding: 0 0.4rem; box-sizing: border-box; } .fl_contop dl dd { margin-top: 0.26rem; } .fl_contop dl dd a { font-size: 0.2rem; color: #fff; } .fl_contop dl dd a:hover { color: #1050a3; } .fl_confot { width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0.5rem; z-index: 3; } .fl_confot a { width: 2.04rem; height: 0.4rem; border: 0.02rem solid rgba(255, 255, 255, 0.3); box-sizing: border-box; font-size: 0.17rem; color: #ffffff; line-height: 0.4rem; text-align: center; position: relative; margin: 0 0.17rem; } .fl_confot a span { position: relative; z-index: 2; } .fl_confot a::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .fl_confot a:hover::after { width: 100%; } .fl_confot a:hover { border-color: #1050a3; } .fl_con ul li:nth-last-of-type(1) dl,.fl_con ul li:nth-of-type(2) dl,.fl_con ul li:nth-of-type(4) dl { display: flex; flex-wrap: wrap; } .fl_con ul li:nth-last-of-type(1) dl dd,.fl_con ul li:nth-of-type(2) dl dd,.fl_con ul li:nth-of-type(4) dl dd{ width: 50%; } .news { background: #f5f5f5; overflow: hidden; padding-bottom: 0.94rem; } .news .w_1235 { position: relative; } .news ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .news ul li { width: 46%; margin-bottom: 0.6rem; position: relative; } .news ul li h2 { font-size: 0.2rem; color: #b5b5b5; padding: 0 0 0.1rem 0.9rem; } .news_con { width: 100%; background: #fff; padding: 0.3rem 0.56rem 0.3rem; box-sizing: border-box; margin-left: 0.4rem; position: relative; } .day { width: 0.66rem; background: #1050a3; font-size: 0.36rem; color: #ffffff; font-weight: bold; line-height: 0.66rem; text-align: center; position: absolute; left: 0; top: 0.76rem; z-index: 3; } .news_con a h3 { font-size: 0.2rem; color: #18222a; padding-bottom: 0.16rem; } .news_con a p { font-size: 0.16rem; color: #676767; line-height: 0.3rem; } .liner { width: 0.47rem; height: 0.04rem; background: #1050a3; position: absolute; right: 0.55rem; bottom: 0.4rem; } .news_more { width: 1.34rem; border: 0.02rem solid #1050a3; box-sizing: border-box; position: absolute; right: 0; top: 2.3rem; } .news_more a { display: block; width: 100%; height: 100%; position: relative; font-size: 0.17rem; color: #1050a3; line-height: 0.4rem; text-align: center; position: relative; } .news_more a span { position: relative; z-index: 2; } .news_more a::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .news_more:hover a::after { width: 100%; } .news_more:hover a { color: #fff; } .home_nb { height: 11rem; overflow: hidden; background: url(../img/nb_bg.jpg) no-repeat center center/cover; } .home_nb .w_1235 { width: 70%; } .home_nb .tit { color: #fff; } .home_nb .tit b { color: #d9d9db; } .swiper-container-nb .swiper-slide { background: #fff; position: relative; } .swiper-container-nb .swiper-slide h2 { font-size: 0.28rem; color: #fff; font-weight: bold; line-height: 1.6rem; text-align: center; background: url(../img/nb_bg01.jpg) no-repeat center center/cover; } .swiper-container-nb .swiper-slide p { font-size: 0.2rem; line-height: 0.36rem; text-align: justify; padding: 0.4rem 0.5rem; box-sizing: border-box; } .swiper-container-nb .swiper-slide p a { color: #676767; } .home_nbliner { width: 0.47rem; height: 0.04rem; background: #1050a3; position: absolute; right: 0.52rem; bottom: 0.4rem; } .home_nbmore { width: 1.34rem; border: 0.02rem solid #fff; box-sizing: border-box; margin-top: 0.6rem; } .home_nbmore a { display: block; width: 100%; height: 100%; position: relative; font-size: 0.17rem; color: #fff; line-height: 0.4rem; text-align: center; position: relative; } .home_nbmore a span { position: relative; z-index: 2; } .home_nbmore a::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .home_nbmore:hover a::after { width: 100%; } .home_nbmore:hover a { color: #fff; } .home_nbmore:hover { border-color: #1050a3; } .fot { background: #1050a3; padding: 0.65rem 0 0.1rem 0; } .fot_top { display: flex; justify-content: space-between; } .fot_nav ul { display: flex; } .fot_nav ul li { width: 1.76rem; } .fot_nav ul li h2 { font-size: 0.18rem; color: #fff; padding-bottom: 0.14rem; } .fot_nav ul li dl dd { font-size: 0.16rem; color: #7f93c1; margin-top: 0.14rem; } .fot_nav ul li dl dd a { color: #7f93c1; } .fot_ewm { width: 1.74rem; border-left: 1px solid #255daa; padding-left: 0.55rem; box-sizing: border-box; text-align: center; height: 1.46rem; } .fot_ewm img { width: 1.03rem; } .fot_ewm span { display: block; font-size: 0.16rem; color: #7f93c1; padding-top: 0.2rem; } .fot_fot { display: flex; justify-content: space-between; margin-top: 0.9rem; align-items: center; } .fot_fot p { display: flex; align-items: center; font-size: 0.16rem; color: #7f93c1; } .fot_fot p img { width: 1.27rem; margin-left: 0.14rem; } .fot_fot p a { color: #7f93c1; } .fot_fot p a.zhengche{padding-left: 0.2rem;margin-left: 0.2rem;border-left: 1px solid #7f93c1;} .fot_fot p img:nth-of-type(1) { width: 14px; margin: 0 0.1rem; } .fot_fot h5 { display: flex; align-items: center; } .fot_fot h5 a { font-size: 0.16rem; color: #7f93c1; } .fot_fot h5 span { width: 0.04rem; height: 0.04rem; background: #7f93c1; border-radius: 100%; margin: 0 0.16rem; } .go_top { width: 0.48rem; position: fixed; right: 0.7rem; bottom: 0.7rem; z-index: 99; cursor: pointer; transform: translateY(1.5rem); transition: all 0.5s linear; } .go_top.on { transform: translateY(0); } .video_tc { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 90; display: none; } .video_tccon { width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video_tccon video { display: block; width: 100%; } .video_tcclose { width: 30px; height: 30px; position: absolute; right: 0; top: -36px; cursor: pointer; background: #fff; display: flex; align-items: center; justify-content: center; } .video_tcclose img { width: 20px; } /*鏂伴椈鍒楄〃*/ .ny_ban .ban_con { height: 6.7rem; } .ny_ban .ban_con .w_1235 { top: 2.4rem; } .news_list { background: #f5f5f5; padding: 0.4rem 0 0 0; } .news_listcon { background: #fff; overflow: hidden; padding: 0 0.88rem 0.75rem 0.88rem; box-sizing: border-box; } .news_listnav { width: 5.6rem; height: 0.6rem; overflow: hidden; border-radius: 0.6rem; border: 0.02rem solid #1050a3; box-sizing: border-box; margin: 0.42rem auto; } .news_listnav ul { display: flex; align-items: center; } .news_listnav ul li { width: 33.33%; border-right: 0.02rem solid #1050a3; box-sizing: border-box; font-size: 0.22rem; color: #134f9e; line-height: 0.6rem; text-align: center; } .news_listnav ul li a { color: #1050a3; } .news_listnav ul li:nth-last-of-type(1) { border: none; } .news_listnav ul li.on { background: #1050a3; } .news_listnav ul li.on a { color: #fff; } .news_top { display: flex; justify-content: space-between; margin-bottom: 0.1rem; } .news_toppic { width: 50%; overflow: hidden; } .news_toppic img { transition: all 0.3s linear; } .news_toppic:hover img { transform: scale(1.1); } .news_topr { width: 45%; } .news_topr h2 { font-size: 0.3rem; line-height: 0.35rem; color: #1050a3; } .news_topr h2 a { color: #1050a3; } .news_topr p { font-size: 0.18rem; color: #999999; line-height: 0.36rem; padding: 0.4rem 0; } .news_topr p a { color: #999999; } .news_topbtn { display: flex; align-items: center; justify-content: space-between; } .news_topbtn span { font-size: 0.18rem; color: #999999; } .news_topbtn a { width: 1.34rem; height: 0.4rem; border: 0.02rem solid #1050a3; box-sizing: border-box; font-size: 0.17rem; color: #22519d; line-height: 0.4rem; text-align: center; position: relative; } .news_topbtn a strong { font-weight: normal; position: relative; z-index: 2; } .news_topbtn a::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .news_topbtn a:hover::after { width: 100%; } .news_topbtn a:hover { color: #fff; border-color: #1050a3; } .news_lb ul li { background: #fff; padding: 0.56rem 0.7rem; box-sizing: border-box; margin-top: 0.2rem; } .news_lb ul li a { display: flex; justify-content: space-between; } .news_lbpic { width: 28%; overflow: hidden; } .news_lbpic img { transition: all 0.3s linear; } .news_lbpic:hover img { transform: scale(1.1); } .news_lr { width: 68%; } .news_lr h2 { font-size: 0.22rem; color: #1050a3; } .news_lr h2 a { color: #1050a3; } .news_lr p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; padding: 0.22rem 0; min-height: 1.6rem; overflow: hidden; } .news_lr p a { color: #999999; } .news_lbfot { display: flex; justify-content: space-between; align-items: center; } .news_lbfot span { font-size: 0.14rem; color: #999999; } .news_lbfot b { display: flex; align-items: center; font-size: 0.14rem; color: #22519d; font-weight: normal; } .news_lbfot b img { width: 0.06rem; margin-left: 0.1rem; } .page { display: flex; align-items: center; padding: 0.5rem 0; justify-content: center; } .page a { width: 0.38rem; height: 0.38rem; background: #fff; border: 1px solid #e3e3e3; box-sizing: border-box; font-size: 0.22rem; color: #63686b; line-height: 0.38rem; text-align: center; margin: 0 0.1rem; } .page a.on { border-color: #1050a3; color: #fff; background: #1050a3; } /*鏂伴椈璇︽儏*/ .news_info { background: #f5f5f5; padding: 0.45rem 0 0 0; } .news_info .w_1235 { width: 64%; } .news_infocon { background: #fff; padding: 0 0.95rem 0.95rem 0.95rem; box-sizing: border-box; } .news_infocontop { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 0; } .news_infocontop h2 { font-size: 0.16rem; color: #999999; } .news_infocontop h2 a { color: #333; margin: 0 0.06rem; } .news_infocontop h2 a:nth-of-type(1) { margin-left: 0; } .news_infocontop h3 a { display: block; width: 0.96rem; height: 0.45rem; background: #1050a3; font-size: 0.24rem; color: #ffffff; line-height: 0.45rem; text-align: center; } .news_infowz h2 { font-size: 0.36rem; color: #222222; } .news_infowz h3 { font-size: 0.24rem; color: #666666; } .news_infowz p { font-size: 0.18rem; color: #666666; line-height: 0.32rem; padding-top: 0.4rem; text-align: justify; position: relative; } .news_infofot { padding: 1rem 0; } .news_infobtn { width: 0.48rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; } .news_infofot ul { display: flex; justify-content: space-between; } .news_infofot ul li { text-align: left; } .news_infofot ul li:nth-of-type(2) { text-align: right; } .news_infofot ul li a:nth-of-type(1) { display: block; width: 1.34rem; height: 0.4rem; border: 0.02rem solid #1050a3; font-size: 0.17rem; color: #22519d; text-align: center; line-height: 0.4rem; position: relative; } .news_infofot ul li a:nth-of-type(1) span { font-weight: normal; position: relative; z-index: 2; } .news_infofot ul li a:nth-of-type(1)::after { display: block; width: 0%; height: 100%; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s linear; } .news_infofot ul li a:nth-of-type(1):hover::after { width: 100%; } .news_infofot ul li a:nth-of-type(1):hover { color: #fff; } .news_infofot ul li a:nth-of-type(2) { display: block; font-size: 0.16rem; color: #666666; padding-top: 0.24rem; } .news_infofot ul li:nth-of-type(2) a:nth-of-type(1) { float: right; } /*鍏充簬鎴戜滑*/ .ab_gk h2 { font-size: 0.48rem; color: #333333; font-weight: bold; text-align: center; padding: 1rem 0 0.2rem 0; position: relative; } .ab_gk h2::after { display: block; width: 0.42rem; height: 0.06rem; background: #1050a3; content: ''; position: absolute; left: 50%; transform: translateX(-50%); } .ab_gk p { font-size: 0.16rem; color: #666666; line-height: 0.3rem; text-align: center; padding: 0.4rem 1.4rem 0; box-sizing: border-box; } .ab_gk ul { display: flex; align-items: flex-start; margin-top: 1rem; } .ab_gk ul li { width: 25%; border-right: 1px solid #f5f5f5; box-sizing: border-box; text-align: center; } .ab_gk ul li:nth-last-of-type(1) { border: none; } .ab_gk ul li h3 { width: 1.3rem; height: 1.3rem; background: #f5f5f5; border-radius: 1.3rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; } .ab_gk ul li h3 img { width: 1rem; } .ab_gk ul li h3 img:nth-of-type(1) { display: block; } .ab_gk ul li h3 img:nth-of-type(2) { display: none; } .ab_gk ul li h4 { font-size: 0.22rem; color: #1050a3; display: flex; align-items: flex-start; justify-content: center; padding: 0.2rem 0 0.14rem 0; font-family: 'arial'; } .ab_gk ul li h4 sub { font-size: 0.16rem; padding-left: 0.06rem; } .ab_gk ul li h5 { font-size: 0.18rem; color: #333333; line-height: 0.3rem; } .ab_gk ul li h3:hover { background: #1050a3; } .ab_gk ul li h3:hover img:nth-of-type(1) { display: none; } .ab_gk ul li h3:hover img:nth-of-type(2) { display: block; } .ab_gkvideo { width: 8.04rem; overflow: hidden; margin: 1.5rem auto; position: relative; } .abvideo_btn { width: 0.71rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; } .ab_cytop { background: #f5f5f5; padding: 1.1rem 0; } .ab_cytop .w_1235 { display: flex; justify-content: space-between; } .ab_cytopl { padding-left: 0.32rem; position: relative; } .ab_cytopl h2 { font-size: 0.42rem; color: #d6d6d6; text-transform: uppercase; line-height: 0.42rem; } .ab_cytopl h2 b { display: block; color: #1050a3; padding-top: 0.14rem; } .ab_cytopl::after { display: block; width: 0.05rem; height: 100%; content: ''; background: #1050a3; position: absolute; left: 0; top: 0; } .ab_cytop p { width: 7.16rem; font-size: 0.2rem; color: #999999; line-height: 0.4rem; margin-right: 1.06rem; } .ab_cyfot { width: 100%; overflow: hidden; } .ab_cyfot ul { display: flex; } .ab_cyfot ul li { width: 12.5%; position: relative; transition: all 0.3s linear; overflow: hidden; } .ab_cyfot ul li img { width: auto; max-width: max-content; } .ab_cyfot ul li h3 { font-size: 0.26rem; color: #ffffff; font-weight: bold; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } .ab_cyfot ul li h3::after { display: block; width: 0.48rem; height: 0.04rem; content: ''; background: #fff; position: absolute; left: 50%; bottom: -0.4rem; margin-left: -0.24rem; } .ab_cywz { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-40%); opacity: 0; padding: 0 2rem; box-sizing: border-box; } .ab_cywz h2 { font-size: 0.26rem; color: #ffffff; font-weight: bold; position: relative; } .ab_cywz h2::after { display: block; width: 0.48rem; height: 0.04rem; content: ''; background: #fff; position: absolute; left: 0; bottom: -0.4rem; } .ab_cywz p { width: 5.78rem; font-size: 0.2rem; color: #ffffff; line-height: 0.4rem; padding-top: 1rem; } .ab_cyfot ul li.on { width: 50%; } .ab_cyfot ul li.on .ab_cywz { opacity: 1; transform: translateY(-40%); transition: all 0.3s linear; transition-delay: 0.3s; } .ab_cyfot ul li.on h3 { display: none; } .ab_zj { padding: 0.6rem 0; } .ab_zj .w_1235 { display: flex; justify-content: space-between; } .ab_zj .w_1235 h2 { font-size: 0.36rem; color: #333333; font-weight: bold; } .ab_zj ul { display: flex; width: 80%; flex-wrap: wrap; } .ab_zj ul.w_100 li { width: 100% } .ab_zj ul li { border-left: 1px solid #f5f5f5; padding: 0 0.3rem; box-sizing: border-box; width: 50%; margin-bottom: 0.4rem; } .ab_zj ul li h3 { font-size: 0.24rem; color: #333333; padding-bottom: 0.1rem; } .ab_zj ul li dl { display: flex; flex-wrap: wrap; } .ab_zj ul li dl dd { font-size: 14px; margin: 0.1rem 0.2rem 0 0; color: #959595; } .ab_zj ul li dl dd a { color: #333333; line-height: 24px; padding: 0 0.1rem; box-sizing: border-box; display: inline-block; } .ab_zj ul li dl dd a:hover { background: #1050a2; color: #fff; } .ab_zj { display: none; } .ab_zj:nth-of-type(1) { display: block; } .ab_global { background: #f5f5f5 url(../img/about/c_pic01.png) no-repeat right bottom/7.81rem 5.52rem; } .ab_global h2 { font-size: 0.72rem; color: #d9d9db; font-weight: bold; padding: 1.1rem 0 0 0; text-transform: uppercase; } .ab_global p { font-size: 0.36rem; color: #17222a; font-weight: bold; } .ab_globalnav { width: 5.38rem; margin: 0.6rem 0 0 0; display: flex; align-items: center; } .ab_globalnav span { width: 50%; border: 2px solid #1050a3; box-sizing: border-box; font-size: 0.28rem; color: #1050a3; line-height: 0.69rem; text-align: center; cursor: pointer; } .ab_globalnav span:nth-of-type(2) { border-left: none; } .ab_globalnav span.on { background: #1050a3; color: #fff; } .ab_globalwz { width: 5.38rem; padding: 0.64rem 0 1.1rem 0; } .ab_globalwz ul li { font-size: 0.16rem; color: #676767; line-height: 0.3rem; text-align: justify; display: none; } .ab_globalwz ul li.on { display: block; } .ab_map .map { display: none; } .ab_map .map.on { display: inline-block; } .ab_lnav { width: 1.1rem; background: #fff; border: 1px solid #ebebeb; position: fixed; left: 0; top: 50%; transform: translate(-100%, -50%); z-index: 20; transition: all 0.3s linear; } .ab_lnav.on { transform: translate(0, -50%); } .ab_lnav ul li { height: 0.7rem; border-bottom: 1px solid #ebebeb; padding-left: 0.1rem; box-sizing: border-box; } .ab_lnav ul li:nth-last-of-type(1) { border: none; } .ab_lnav ul li a { font-size: 0.14rem; color: #666666; display: flex; width: 100%; height: 100%; display: flex; align-items: center; } .ab_lnav ul li a img { width: 0.2rem; margin-right: 0.04rem; display: none; } .ab_lnav ul li a img:nth-of-type(1) { display: block; } .ab_lnav ul li:hover, .ab_lnav ul li.on { background: #1050a3; } .ab_lnav ul li:hover a, .ab_lnav ul li.on a { color: #fff; } .ab_lnav ul li:hover a img:nth-of-type(1), .ab_lnav ul li.on img:nth-of-type(1) { display: none; } .ab_lnav ul li:hover a img:nth-of-type(2), .ab_lnav ul li.on img:nth-of-type(2) { display: block; } .ab_cyfotbtn { width: 1.34rem; background: #1050a3; box-sizing: border-box; font-size: 0.17rem; color: #fff; line-height: 0.4rem; text-align: center; margin: 0.3rem auto; } .ab_cyfotbtn a { color: #fff; } .video_con { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: none; } .video_con video { display: block; width: 100%; } /*鑱旂郴鎴戜滑*/ .ne_navtop { padding: 0.8rem 0; } .ne_navtop .w_1235 { display: flex; align-items: center; justify-content: space-between; } .ne_navtop .w_1235 h2 { display: flex; align-items: center; } .ne_navtop .w_1235 h2 a { font-size: 0.16rem; color: #999999; } .ne_navtop .w_1235 h2 img { width: 0.08rem; margin: 0 0.1rem } .ne_navtop .w_1235 h3 a { width: 0.98rem; background: #1050a3; font-size: 0.24rem; color: #fff; line-height: 0.45rem; text-align: center; display: block; } .contact_ad ul { display: flex; } .contact_ad ul li img { transition: all 0.5s linear; } .contact_ad ul li:hover img { transform: scale(1.1); } .contact_ad ul li { width: 50%; position: relative; max-height: 9.7rem; overflow: hidden; } .contact_adwz { width: 3.5rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .contact_adwz h2 { font-size: 0.16rem; color: #fff; padding-bottom: 0.2rem; } .contact_adwz h2 b { display: block; font-size: 0.26rem; } .contact_adwz p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; } .contact_fltop { width: 3.7rem; height: 0.62rem; border: 2px solid #1050a3; border-radius: 0.62rem; box-sizing: border-box; margin: 1.09rem 0 0.37rem 0; display: flex; overflow: hidden; } .contact_fltop a { display: block; width: 50%; height: 100%; background: #fff; font-size: 0.22rem; color: #134f9e; line-height: 0.62rem; text-align: center; } .contact_fltop a.on { background: #134f9e; color: #fff; } .contact_flnav { background: #f1f1f1; padding-top: 0.07rem; display: flex; justify-content: center; } .contact_flnav a { display: block; font-size: 0.22rem; color: #888888; line-height: 0.74rem; padding: 0 0.34rem; box-sizing: border-box; position: relative; } .contact_flnav a.on { background: #fff; color: #134f9e; font-weight: bold; } .contact_flnav a.on::after { display: block; width: 0.48rem; height: 0.05rem; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .contact_flnav a:hover { background: #fff; color: #134f9e; font-weight: bold; } .contact_flnav a::after { display: block; width: 0; height: 0.05rem; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.5s linear; } .contact_flnav a:hover::after { width: 0.48rem; } .contact_fllist ul { display: flex; justify-content: space-between; margin-bottom: 1.3rem; flex-wrap: wrap; } .contact_fllist ul li { width: 6rem; margin-top: 0.46rem; padding-left: 0.38rem; box-sizing: border-box; } .contact_fllist ul li h2 { font-size: 0.26rem; color: #1050a3; font-weight: bold; padding-bottom: 0.2rem; } .contact_fllist ul li p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; } .contact_adbtn { width: 1.87rem; height: 0.4rem; background: #1050a3; margin: 0.8rem 0 0 0; transition: all 0.3s linear; } .contact_adbtn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 0.17rem; color: #fff; } .contact_adbtn a img { width: 0.14rem; margin-left: 0.13rem; } .contact_adbtn:hover { background: #000; } /*浜哄姏璧勬簮*/ .hum_top { padding: 1.24rem 0; } .hum_topcon { margin-bottom: 0.8rem; } .hum_topcon:nth-last-of-type(1) { margin-bottom: 0; } .hum_topcon h2 { font-size: 0.24rem; color: #17222a; padding-bottom: 0.26rem; } .hum_topcon ul { display: flex; } .hum_topcon ul li { width: 25%; padding-right: 0.8rem; box-sizing: border-box; } .hum_topcon ul li img { display: block; width: 0.54rem; } .hum_topcon ul li h3 { font-size: 0.28rem; color: #17222a; padding: 0.16rem 0; } .hum_topcon ul li p { font-size: 0.18rem; color: #999999; line-height: 0.3rem; } .hum_cz { height: 7.2rem; background: url(../img/hum/pic01.jpg) no-repeat center center/cover; } .hum_cz h2 { font-size: 0.72rem; color: #ffffff; font-weight: bold; padding: 1.4rem 0 0 0; text-transform: uppercase; } .hum_cz p { font-size: 0.36rem; color: #fff; font-weight: bold; } .hum_fltop { margin: 1.3rem 0 0.7rem 0; display: flex; border: 0.02rem solid #1050a3; box-sizing: border-box; } .hum_fltop span { width: 25%; font-size: 0.28rem; color: #1050a3; line-height: 0.7rem; text-align: center; cursor: pointer; border-right: 0.02rem solid #1050a3; box-sizing: border-box; transition: all 0.3s linear; } .hum_fltop span:nth-last-of-type(1) { border-right: none; } .hum_fltop span.on, .hum_fltop span:hover { background: #1050a3; color: #fff; } .hum_flqh { margin-bottom: 1.2rem; } .hum_flqhcon { height: 0 !important; overflow: hidden; } .hum_flqhcon.on { height: auto !important; } .hum_flqhcon dl dd { display: flex; background: #f5f5f5; margin-bottom: 0.46rem; } .hum_flqhcon dl dd img { width: 34%; } .hum_fzr { width: 66%; padding: 0 0.66rem; box-sizing: border-box; } .hum_fzr h2 { font-size: 0.28rem; color: #17222a; font-weight: bold; padding-top: 0.3rem; margin-top: 0.7rem; position: relative; } .hum_fzr h2::after { display: block; width: 0.48rem; height: 0.04rem; content: ''; background: #1050a3; position: absolute; left: 0; top: 0; } .hum_fzr p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; padding-top: 0.2rem; } .hum_flqhcon dl dd:nth-of-type(2) img { width: 66%; } .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr { width: 34%; background: #4985d3; } .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr h2 { color: #fff; } .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr h2::after { background: #fff; } .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr p { color: #fff; } .hum_fotnav { background: #f5f5f5; padding: 0 8% 1.2rem 8%; box-sizing: border-box; } .hum_fotnav .tit { color: #1050a3; } .hum_fotnav .tit b { font-family: '鎬濇簮榛戜綋 CN Regular'; } .hum_fotnav ul { display: flex; justify-content: space-between; } .hum_fotnav ul li { width: 32%; background: #fff; position: relative; transition: all 0.3s linear; } .hum_fotnavwz { padding: 0.47rem 0.4rem; box-sizing: border-box; } .hum_fotnavwz h2 { font-size: 0.36rem; color: #151515; padding-bottom: 0.2rem; } .hum_fotnavwz p { font-size: 0.24rem; color: #999999; line-height: 0.36rem; } .hum_fotnavbtn { width: 0.42rem; height: 0.42rem; background: #1050a3; position: absolute; right: 0.4rem; bottom: 0.66rem; } .hum_fotnavbtn a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .hum_fotnavbtn a img { width: 0.09rem; } .hum_fotnavbtn a img:nth-of-type(1) { display: block; } .hum_fotnavbtn a img:nth-of-type(2) { display: none; } .hum_fotnav ul li:hover { background: #1050a3; } .hum_fotnav ul li:hover .hum_fotnavwz h2 { color: #fff; } .hum_fotnav ul li:hover .hum_fotnavwz p { color: #adc6e5; } .hum_fotnav ul li:hover .hum_fotnavbtn { background: #fff; } .hum_fotnav ul li:hover .hum_fotnavbtn a img:nth-of-type(1) { display: none; } .hum_fotnav ul li:hover .hum_fotnavbtn a img:nth-of-type(2) { display: block; } .hum_fuli { background: #f5f5f5; padding: 1.1rem 1.1rem 0 1.1rem; box-sizing: border-box; display: flex; justify-content: space-between; } .hum_fulil { width: 30%; } .hum_fulil h2 { font-size: 0.56rem; color: #d6d6d6; text-transform: uppercase; line-height: 0.6rem; } .hum_fulil h3 { font-size: 0.36rem; color: #1050a3; font-weight: bold; padding: 0.4rem 0 0.26rem 0; position: relative; } .hum_fulil h3::after { display: block; width: 0.54rem; height: 0.06rem; content: ''; background: #1050a3; position: absolute; left: 0; bottom: 0; } .hum_fulil p { font-size: 0.16rem; color: #999999; line-height: 0.38rem; padding-top: 0.4rem; } .hum_fulir { width: 60%; } .hum_fulir ol { display: flex; justify-content: space-between; flex-wrap: wrap; } .hum_fulir ol li { width: 1.3rem; margin: 0 1.5rem 1.1rem 0; text-align: center; } .hum_fulir ol li img { width: 0.9rem; } .hum_fulir ol li:nth-of-type(3n) { margin-right: 0; } .hum_fulir ol li span { display: block; font-size: 0.24rem; color: #333333; text-align: center; padding-top: 0.26rem; } .hj { position: relative; } .swiper-container-hj { margin: 0 auto; } .hj_prev { width: 0.3rem; position: absolute; left: 0.5rem; top: 36%; cursor: pointer; z-index: 10; } .hj_next { width: 0.3rem; position: absolute; right: 0.5rem; top: 36%; cursor: pointer; z-index: 10; } .swiper-container-hj .swiper-slide span { display: block; font-size: 0.28rem; color: #666666; text-align: center; padding-top: 0.32rem; } .swiper-container-hjs { margin: 0.6rem auto 0rem auto; } .swiper-container-hjs .swiper-slide { opacity: 0.5; } .swiper-container-hjs .swiper-slide.on { opacity: 1; } /*绀句細鎷涜仒*/ .rec_consel select { width: 2.92rem; height: 0.5rem; display: block; border: 1px solid #e1e1e7; border-radius: 0.04rem; background: #fff url(../img/contact/xjt.png) no-repeat 94% center/0.12rem 0.09rem; font-size: 0.18rem; color: #676767; padding-left: 0.2rem; box-sizing: border-box; } .rec_top { width: 100%; height: 0.76rem; background: #f2f2f2; border: 1px solid #dcdcdc; box-sizing: border-box; display: flex; margin-top: 0.36rem; } .rec_top span { width: 20%; height: 100%; border-right: 1px solid #dcdcdc; box-sizing: border-box; font-size: 0.24rem; color: #333333; line-height: 0.76rem; text-align: center; } .rec_top span:nth-last-of-type(1) { border-right: none; } .rec_list ul { border-left: 1px solid #dcdcdc; box-sizing: border-box; } .rec_list ul li { display: flex; } .rec_list ul li span { width: 20%; height: 100%; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; font-size: 0.24rem; color: #666; line-height: 0.76rem; text-align: center; } .jion_tit { font-size: 0.36rem; color: #151515; text-align: center; padding-top: 0.86rem; } .jion_nav { padding-bottom: 0.7rem; } .jion_nav ul { display: flex; justify-content: space-between; } .jion_nav ul li { width: 48%; overflow: hidden; position: relative; } .jion_nav ul li img { transition: all 0.3s linear; } .jion_nav ul li a h2 { font-size: 0.22rem; color: #ffffff; position: absolute; left: 0.24rem; bottom: 0.24rem; } .jion_nav ul li:hover img { transform: scale(1.1); } .jion_nav ul li a { display: block; width: 100%; height: 100%; } /*浜у搧涓庢湇鍔?娌圭敯瑁呭*/ .pro_fltop { background: #f6f6f6; padding: 1.59rem 0 0.76rem 0; } .pro_fltopnav ul { display: flex; justify-content: center; align-items: center; } .pro_fltopnav ul li { background: #fff; width: 3rem; padding: 0.86rem 0; text-align: center; position: relative; 0cursor: pointer; transition: all 0.3s linear; } .pro_fltopnav ul li a { display: block; width: 100%; height: 100%; } .pro_fltopnav ul li h2 { width: 1rem; margin: 0 auto 0.1rem auto; } .pro_fltopnav ul li h2 img:nth-of-type(1) { display: block; } .pro_fltopnav ul li h2 img:nth-of-type(2) { display: none; } .pro_fltopnav ul li::after { display: block; width: 2px; height: 1.58rem; content: ''; background: #efefef; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .pro_fltopnav ul li:nth-last-of-type(1)::after { display: none; } .pro_fltopnav ul li p { font-size: 0.3rem; color: #22519d; font-family: '鎬濇簮榛戜綋 CN Medium'; } .pro_fltopnav ul li.on, .pro_fltopnav ul li:hover { width: 3.28rem; padding: 1rem 0; background: #1050a3; } .pro_fltopnav ul li.on h2 img:nth-of-type(1), .pro_fltopnav ul li:hover h2 img:nth-of-type(1) { display: none; } .pro_fltopnav ul li.on h2 img:nth-of-type(2), .pro_fltopnav ul li:hover h2 img:nth-of-type(2) { display: block; } .pro_fltopnav ul li.on p, .pro_fltopnav ul li:hover p { color: #fff; } .pro_fltopnav ul li.on::after, .pro_fltopnav ul li:hover::after { display: none; } .pro_flcon { margin: 0.5rem auto 0 auto; width: 74%; } .pro_flcon ul li { display: flex; justify-content: space-between; margin-bottom: 0.26rem; align-items: center; } .pro_flcon ul li h2 { width: 20%; font-size: 0.3rem; color: #000; } .pro_flcon ul li p { width: 80%; display: flex; align-items: center; } .pro_flcon ul li p a { width: 2.2rem; height: 0.7rem; border: 2px solid #0f50a2; box-sizing: border-box; position: relative; margin-right: 0.06rem; } .pro_flcon ul li p a span { display: block; width: 100%; text-align: center; font-size: 0.26rem; color: #0f50a2; line-height: 0.3rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 3; } .pro_flcon ul li p a::after, .pro_flcon ul li p a.on::after { display: block; width: 0; height: 100%; content: ''; background: #0f50a2; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; } .pro_flcon ul li p a:hover::after { width: 100%; } .pro_flcon ul li p a:hover span, .pro_flcon ul li p a.on span { color: #fff; } .pro_flcon ul li p a.on::after { width: 100%; } .pro_qx { overflow: hidden; padding: 1.5rem 0 1.3rem 0; } .pro_qx .w_1235 { width: 64.32%; } .pro_qxtop { display: flex; justify-content: space-between; } .pro_qxtopl { width: 55%; } .pro_qxtopl h2 { font-size: 0.32rem; color: #1050a3; font-weight: bold; padding-top: 0.3rem; position: relative; } .pro_qxtopl h2::after { display: block; width: 0.48rem; height: 0.04rem; content: ''; background: #1050a3; position: absolute; left: 0; top: 0; } .pro_qxtopl p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; padding: 0.2rem 0 0.46rem 0; } .pro_qxtopbtn { display:flex; align-items:center; } .pro_qxtopbtn a { display: block; width: 1.56rem; font-size: 0.2rem; color: #1050a3; line-height: 0.52rem; text-align: center; position: relative; border: 0.02rem solid #1050a3; box-sizing: border-box; margin-right: 0.14rem; } .pro_qxtopbtn a span { position: relative; z-index: 2; } .pro_qxtopbtn a::after { display: block; width: 0; height: 100%; content: ''; background: #1050a3; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; z-index: 1; } .pro_qxtopbtn a:hover::after { width: 100%; } .pro_qxtopbtn a:hover { color: #fff; } .pro_qxtopr { width: 40%; } .pro_qxnav { margin: 0.6rem auto 1.2rem auto; display: flex; align-items: center; justify-content: center; flex-wrap:wrap; } .pro_qxnav span { width: auto; font-size: 0.22rem; color: #1050a3; line-height: 0.64rem; text-align: center; cursor: pointer; padding:0 0.4rem; border: 1px solid #1451a1; box-sizing: border-box; position: relative; overflow: hidden; margin:0.02rem; } .pro_qxnav span b { font-weight: normal; position: relative; z-index: 2; } .pro_qxnav span::after { display: block; width: 0; height: 100%; content: ''; background: #1451a1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; z-index: 1; } .pro_qxnav span:hover::after, .pro_qxnav span.on::after { width: 100%; } .pro_qxnav span:hover, .pro_qxnav span.on { color: #fff; } .swiper-container-pro .swiper-slide { width: 100%; padding: 0.78rem 0.6rem; background: #f6f6f6 !important; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .pro_pic { width: 40.8%; } .pro_js { width: 54%; } .pro_js h2 { font-size: 0.2rem; color: #1451a1; } .pro_js p { font-size: 0.16rem; color: #898989; line-height: 0.3rem; padding: 0.17rem 0 0.36rem 0; } .pro_xqbtn { width: 1.24rem; } .pro_xqbtn a { display: block; width: 100%; line-height: 0.4rem; font-size: 0.16rem; color: #1050a3; text-align: center; position: relative; border: 0.02rem solid #1050a3; box-sizing: border-box; } .pro_xqbtn a span { position: relative; z-index: 3; } .pro_xqbtn a::after { display: block; width: 0; height: 100%; content: ''; background: #000; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; z-index: 1; } .pro_xqbtn a:hover::after { width: 100%; } .pro_xqbtn a:hover { color: #fff; border-color: #000; } .cy_name { background: #f5f5f5; padding-bottom: 1.4rem; overflow: hidden; } .cy_name h2 { font-size: 0.3rem; color: #1050a2; font-weight: bold; padding: 0.24rem 0 0.5rem 0; position: relative; margin-top: 1.12rem; } .cy_name h2::after { display: block; width: 0.48rem; height: 0.04rem; content: ''; background: #1050a2; position: absolute; left: 0; top: 0; } .cy_name ul li { border-bottom: 1px solid #cccccc; line-height: 0.9rem; padding: 0 0.34rem; box-sizing: border-box; } .cy_name ul li a { display: flex; justify-content: space-between; font-size: 0.24rem; color: #333333; align-items: center; } .cy_name ul li img { width: 0.1rem; height: 0.15rem; } .cy_name ul li a:hover { color: #1050a2; } /*娴锋磱宸ョ▼*/ .pip_nav { margin-top: 0.78rem; } .pip_nav h3 { display: flex; align-items: center; box-sizing: border-box; justify-content: center; } .pip_nav span { width: 20%; font-size: 0.22rem; color: #1050a3; line-height: 0.64rem; text-align: center; cursor: pointer; border-top: 0.02rem solid #1451a1; border-bottom: 0.02rem solid #1451a1; border-left: 0.02rem solid #1451a1; box-sizing: border-box; position: relative; } .pip_nav span:nth-last-of-type(1) { border-right: 0.02rem solid #1451a1; } .pip_nav span a { font-weight: normal; position: relative; z-index: 2; color: #1050a3; } .pip_nav span::after { display: block; width: 0; height: 100%; content: ''; background: #1451a1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; z-index: 1; } .pip_nav span:hover::after, .pip_nav span.on::after { width: 100%; } .pip_nav span:hover a, .pip_nav span.on a { color: #fff; } .swiper-container-pip .swiper-slide { background: #fff; } /*绠¢亾鎶€鏈?/ .pip_tit { width: 3.47rem; height: 0.64rem; background: #0f50a2; border-radius: 0.04rem; font-size: 0.28rem; margin: 0.78rem auto 0 auto; color: #fff; line-height: 0.64rem; text-align: center; } .pro_qxfot { display: flex; align-items: center; } /*浜у搧璇︽儏*/ .pro_infocon { padding: 1.2rem 0; } .pro_infocon01 { display: flex; align-items: center; height: 2.4rem; } .pro_infoconl { width: 19.43%; height: 2.4rem; background: #f5f5f5; display: flex; justify-content: center; align-items: center; } .pro_infoconl h2 img { display: block; width: 0.54rem; margin: 0 auto 0.18rem auto; } .pro_infoconl h2 span { display: block; font-size: 0.28rem; color: #17222a; } .pro_infocon01 .pro_infoconl { background: #1050a3; } .pro_infocon01 .pro_infoconl h2 span { color: #fff; } .pro_infocon01r { flex: 1; padding: 0 0.56rem 0 0.68rem; box-sizing: border-box; display: flex; align-items: center; height: 100%; border: 2px solid #f5f5f5; box-sizing: border-box; justify-content: space-between; } .pro_infocon01r h2 { font-size: 0.18rem; color: #666666; line-height: 0.3rem; width: 6.18rem; } .pro_infocon01r h2 b { display: flex; align-items: center; font-size: 0.32rem; color: #17222a; margin-bottom: 0.24rem; } .pro_infocon01r h2 img { width: 0.16rem; margin-right: 0.16rem; } .pro_infopic { width: 1.46rem; } .pro_infocon02 { margin: 0.8rem auto 0.2rem auto; display: flex; align-items: center; } .pro_infocon02r { flex: 1; padding: 0 0.56rem 0 0.68rem; box-sizing: border-box; } .pro_infocon02r p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; } .pro_infocon02r p span { display: block; font-size: 0.16rem; color: #293239; } .pro_infocon03 { border: 2px solid #f5f5f5; box-sizing: border-box; padding: 0.56rem 0; } .pro_infocon03 dl { display: flex; justify-content: center; align-items: center; } .pro_infocon03 dl dd { margin: 0 0.6rem; } .pro_infocon03 dl dd img { display: block; width: 2.7rem; margin: 0 auto; } .pro_infocon03 dl dd h2 { font-size: 0.16rem; color: #999999; text-align: center; } .pro_infocon03 dl dd h2 span { display: block; font-size: 0.16rem; color: #1050a3; padding: 0.18rem 0 0.06rem 0; } .pro_infocon04 { display: flex; justify-content: space-between; margin-top: 0.9rem; } .pro_infocon04 dl { width: 76%; padding: 0.68rem 1rem 0 1rem; border: 2px solid #f5f5f5; box-sizing: border-box; } .pro_infocon04 dl dd { text-align: center; } .pro_infocon04 dl dd h2 { font-size: 0.16rem; color: #293239; padding: 0.22rem 0 0.44rem 0; } .pro_infoname{display: flex;align-items: center;font-size: 0.4rem;color:#17222a;font-weight: bold;} .pro_infoname img{width:0.16rem;margin-right: 0.25rem;} .pro_infojswz{border:1px solid #f5f5f5;box-sizing: border-box;height: 2.4rem;display: flex;align-items: center;margin:0.6rem auto;} .pro_infojswzl{width: 2.4rem;height: 100%;background:#1050a3;display: flex;align-items: center;justify-content: center;} .pro_infojswzl h2{text-align: center;} .pro_infojswzl h2 img{width:0.4rem;} .pro_infojswzl h2 span{display: block;font-size: 0.28rem;color:#ffffff;padding-top:0.18rem;} .pro_infojswzr{flex: 1;padding:0 0.62rem;box-sizing: border-box;display: flex;align-items: center;} .pro_infojswzr p{font-size: 0.18rem;color:#666666;line-height: 0.3rem;} .swiper-container-proinfo{position: relative;} .swiper-container-proinfo .swiper-slide{position: relative;} .pro_infovideo{width:0.5rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;} .pro_infovideo img{transition: all 0.5s linear;} .pro_infovideo:hover img{transform: rotate(45deg);} .pro_infotit{border-bottom: 1px solid #d3d3d3;padding-bottom: 0.22rem;margin:0.96rem auto 0.46rem auto;display: flex;align-items: center;font-size: 0.28rem;color:#17222a;} .pro_infotit img{width: 0.5rem;margin:0 0.2rem;} .pro_infotext h2{font-size: 0.16rem;color:#293239;padding:0 0.34rem 0.2rem 0.34rem;box-sizing: border-box;} .pro_infotext p{padding:0 0.34rem;box-sizing: border-box;font-size: 0.16rem;color:#333;line-height: 0.3rem;} .pro_infonpic{margin-top: 0.55rem;} .proinfo_prev,.proinfo_next{width:0.19rem;position: absolute;cursor: pointer;top:50%;transform: translateY(-50%);z-index: 30;} .proinfo_prev{left:3.82rem;} .proinfo_next{right:0.16rem;} /*鍙戝睍鍘嗗彶*/ .his_top { background: #f5f5f5; padding: 1.13rem 0; } .his_tit { position: relative; padding-left: 0.36rem; box-sizing: border-box; } .his_tit h2 { font-size: 0.42rem; color: #d6d6d6; text-transform: uppercase; line-height: 0.44rem; } .his_tit h3 { font-size: 0.42rem; color: #1050a3; font-weight: bold; padding-top: 0.14rem; } .his_tit::after { display: block; width: 0.05rem; height: 100%; background: #1050a3; content: ''; position: absolute; left: 0; top: 0; } .his_con { padding: 1.6rem 0; } .his_con .w_1235 { display: flex; justify-content: space-between; } .his_conl { width: 1.4rem; } .his_conr { width: 80%; } .his_prev { width: 100%; height: 0.4rem; display: flex; justify-content: center; align-items: center; margin-bottom: 0.2rem; cursor: pointer; opacity: 0; } .his_prev img { width: 0.27rem; } .his_prev.on { opacity: 1; } .his_next { width: 100%; height: 0.4rem; display: flex; justify-content: center; align-items: center; margin-top: 0.2rem; cursor: pointer; opacity: 0; } .his_next img { width: 0.27rem; } .his_next.on { opacity: 1; } .swiper-container-hisl { height: 8.8rem; overflow: hidden; } .swiper-container-hisl .swiper-slide { width: 100%; background: #f5f5f5; font-size: 0.3rem; color: #999999; font-weight: bold; line-height: 1.1rem; cursor: pointer; margin: 0 0.1rem; text-align: center; } .swiper-container-hisl .swiper-slide.on { background: #1050a3; color: #fff; } .his_conrqh { height: 0; overflow: hidden; } .his_conrqh.on { height: auto !important; } .swiper-container-hisrda .swiper-slide { font-size: 0.3rem; color: #999999; font-weight: bold; position: relative; text-align: center; padding-bottom: 0.14rem; cursor: pointer; } .swiper-container-hisrda .swiper-slide.on { color: #1050a3; } .swiper-container-hisrda .swiper-slide.on::after { display: block; width: 0.4rem; height: 0.04rem; background: #1050a3; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } .swiper-container-hisxq { width: 100%; margin: 0 auto; overflow: hidden; } .swiper-container-hisxq ul { display: flex; flex-wrap: wrap; } .swiper-container-hisxq ul li { width: 40%; position: relative; margin: 0.74rem 3% 0 0; } .his_wz { width: 100%; position: absolute; left: 0; top: 0.8rem; padding: 0 0.52rem; box-sizing: border-box; } .his_wz h2 { font-size: 0.22rem; color: #fff; padding-bottom: 0.2rem; } .his_wz p { font-size: 0.22rem; color: #fff; line-height: 0.36rem; } /*浼佷笟鏂囧寲*/ .ab_cul { background: #f5f5f5; padding-bottom: 1.44rem; } .ab_cultit { padding: 1.2rem 0 0.4rem 0; } .ab_cultit h2 { font-size: 0.54rem; color: #1050a3; font-weight: bold; text-transform: uppercase; } .ab_cultit p { font-size: 0.36rem; color: #17222a; font-weight: bold; } .ab_culcon ul li { display: flex; align-items: center; justify-content: space-between; height: 3.2rem; overflow: hidden; } .ab_culpic { width: 61.6%; position: relative; overflow: hidden; } .ab_culpic img { transition: all 0.3s linear; } .ab_culcon ul li:hover .ab_culpic img { transform: scale(1.05); } .ab_culpic::after { display: block; width: 1.4rem; height: 100%; content: ''; background: rgba(0, 161, 233, 0.5); position: absolute; top: 0; } .ab_culcon ul li:nth-child(odd) .ab_culpic::after { right: 0; } .ab_culcon ul li:nth-child(even) .ab_culpic::after { left: 0; } .ab_culwz { flex: 1; height: 3.2rem; background: #00a1e9; display: flex; align-items: center; } .ab_culwzcon { display: flex; align-items: flex-start; } .ab_culwzcon img { width: 0.53rem; margin: 0 0.3rem 0 0.6rem; } .ab_culwzconr h2 { font-size: 0.36rem; color: #fff; font-weight: bold; } .ab_culwzconr h3 { font-size: 0.36rem; color: #fff; font-weight: bold; line-height: 0.4rem; } .ab_culwzconr p { font-size: 0.16rem; color: #ffffff; line-height: 0.28rem; padding-top: 0.17rem; } .ab_culcon ul li:nth-child(even) .ab_culwz { order: 1; } .ab_culcon ul li:nth-child(even) .ab_culpic { order: 2; } /*绉戠爺鍒涙柊*/ .ab_tec ul { display: flex; align-items: center; justify-content: space-between; } .ab_tec ul li { width: 6.2rem; position: relative; } .ab_tecwz { width: 100%; text-align: center; position: absolute; left: 0; top: 0; } .ab_tecwz h2 { width: 0.6rem; margin: 0.7rem auto 1.2rem auto; } .ab_tecwz h3 { display: flex; align-items: flex-start; justify-content: center; } .ab_tecwz h3 b { font-size: 0.88rem; color: #fff; font-family: 'arial'; } .ab_tecwz h3 sub { font-size: 0.36rem; color: #fff; padding-left: 0.16rem; } .ab_tecwz p { font-size: 0.24rem; color: #ffffff; padding-top: 0.6rem; font-weight: lighter; } .ab_tecfot { width: 15rem; margin: 1.5rem auto 0.5rem auto; } .ab_tecfot ul li { display: flex; justify-content: space-between; margin-bottom: 1rem; align-items: center; } .ab_tecfotpic { width: 50% } .ab_tecfotr { width: 46% } .ab_tecfotr h2 { font-size: 0.36rem; color: #333333; font-weight: bold; padding-bottom: 0.4rem; text-align: right; position: relative; } .ab_tecfotr h2::after { display: block; width: 0.48rem; height: 0.04rem; background: #1050a3; content: ''; position: absolute; right: 0; bottom: 0; } .ab_tecfotr p { font-size: 0.2rem; color: #666666; line-height: 0.4rem; padding: 0.5rem 0; } .ab_tecbtn { width: 1.34rem; height: 0.4rem; background: #1050a3; font-size: 0.17rem; line-height: 0.4rem; text-align: center; position: relative; float: right; } .ab_tecbtn a { color: #fff; display: block; width: 100%; height: 100%; } .ab_tecbtn a span { position: relative; z-index: 3; } .ab_tecbtn::after { display: block; width: 0; height: 100%; content: ''; background: #000; position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: all 0.3s linear; z-index: 1; } .ab_tecbtn:hover::after { width: 100%; } .ab_tecbtn:hover a { color: #fff; border-color: #000; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotpic { order: 2; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotr { order: 1; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotr h2 { text-align: left; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotr h2::after { right: 0; left: 0; } .ab_tecfot ul li:nth-of-type(2) .ab_tecbtn { float: left; } .ab_tec { margin-top: 1rem; } /*娴烽殕鐭虫补绠℃潗鐮旂┒鎵€*/ .cop_top .w_1235 { display: flex; justify-content: space-between; align-items: center; } .cop_topl { width: 65%; } .cop_topl h2 { font-size: 0.36rem; color: #1050a3; font-weight: bold; } .cop_topl p { font-size: 0.16rem; color: #999999; line-height: 0.3rem; padding-top: 0.37rem; } .cop_topr { width: 30%; } .cop_fltopnav ul { display: flex; align-items: center; margin: 1.34rem auto 0.86rem auto; } .cop_fltopnav ul li { background: #f6f6f6; padding: 0.62rem 0; text-align: center; position: relative; cursor: pointer; transition: all 0.3s linear; width: 25%; } .cop_fltopnav ul li h2 { width: 1rem; margin: 0 auto 0.1rem auto; } .cop_fltopnav ul li h2 img:nth-of-type(1) { display: block; } .cop_fltopnav ul li h2 img:nth-of-type(2) { display: none; } .cop_fltopnav ul li::after { display: block; width: 2px; height: 1.58rem; content: ''; background: #e8e8e8; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .cop_fltopnav ul li:nth-last-of-type(1)::after { display: none; } .cop_fltopnav ul li p { font-size: 0.3rem; color: #22519d; font-family: '鎬濇簮榛戜綋 CN Medium'; } .cop_fltopnav ul li.on, .cop_fltopnav ul li:hover { padding: 0.8rem 0; background: #1050a3; } .cop_fltopnav ul li.on h2 img:nth-of-type(1), .cop_fltopnav ul li:hover h2 img:nth-of-type(1) { display: none; } .cop_fltopnav ul li.on h2 img:nth-of-type(2), .cop_fltopnav ul li:hover h2 img:nth-of-type(2) { display: block; } .cop_fltopnav ul li.on p, .cop_fltopnav ul li:hover p { color: #fff; } .cop_fltopnav ul li.on::after, .cop_fltopnav ul li:hover::after { display: none; } .cop_top01 .cop_topl { order: 2; } .cop_top01 .cop_topr { order: 1; } .cop_list { padding: 1rem 0 1.9rem 0; } .cop_list ul { display: flex; justify-content: space-between; } .cop_list ul li { width: 30%; } /*鑽h獕*/ .cop_ry { margin: 1.65rem auto; } .cop_ry .w_1235 { position: relative; } .swiper-container-ry { width: 8.78rem; margin: 0 auto; } .ry_prev { width: 0.3rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } .ry_next { width: 0.3rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } .swiper-container-ry p { font-size: 0.22rem; color: #999999; text-align: center; line-height: 0.34rem; padding-top: 0.2rem; } /*鎴愭灉*/ .cop_achcon { margin: 0.84rem auto 1.6rem auto; border: 1px solid #f5f5f5; border-bottom: none; } .cop_ach ul li { display: flex; align-items: center; border-bottom: 1px solid #f5f5f5; padding: 0.26rem 0.3rem; box-sizing: border-box; } .cop_ach img { width: 1.33rem; margin-right: 0.34rem; } .cop_ach h2 { flex: 1; font-size: 0.16rem; color: #999999; line-height: 0.3rem; } .cop_ach h2 span { display: block; font-size: 0.22rem; padding-bottom: 0.2rem; color: #1050a3; } /*qshe*/ .qshe_top h2 { padding-bottom: 0.6rem; } .qshe_top h2 b { display: block; font-size: 0.72rem; color: #d9d9db; font-weight: bold; } .qshe_top h2 span { display: block; font-size: 0.36rem; color: #17222a; font-weight: bold; } .qshe_top ul { display: flex; } .qshe_top ul li { width: 5.5rem; position: relative; height: 100%; background: #f5f5f5; display: flex; flex-direction: column; overflow: hidden; } .qshe_top ul li:nth-of-type(1) { width: 8.18rem; z-index: 3; } .qshe_top h3 { font-size: 0.28rem; color: #fff; position: relative; margin-bottom: 3.13rem; } .qshe_top h3::after { display: block; width: 0.46rem; height: 2px; content: ''; background: #fff; position: absolute; left: 0; bottom: -0.28rem; } .qshe_top ul li:nth-of-type(1) .qshe_wz { position: absolute; left: 3.45rem; top: 1.04rem; width: 3.4rem; } .qshe_top ul li h4 { font-size: 0.28rem; color: #fff; } .qshe_top ul li p { font-size: 0.16rem; color: #ffffff; line-height: 0.3rem; padding-top: 0.14rem; } .qshe_top ul li:nth-of-type(2) .qshe_wz, .qshe_top ul li:nth-of-type(3) .qshe_wz { height: 3.81rem; background: #f5f5f5; overflow: hidden; display: flex; flex-direction: column; padding: 0 0.85rem; box-sizing: border-box; justify-content: center; } .qshe_top ul li:nth-of-type(2) h4, .qshe_top ul li:nth-of-type(3) h4 { color: #333333; } .qshe_top ul li:nth-of-type(2) p, .qshe_top ul li:nth-of-type(3) p { color: #999; } .qshe_top ul li:nth-of-type(3) .qshe_wz { order: 2; } .qshe_top ul li:nth-of-type(3) img { order: 1; } .qshe_top ul:nth-of-type(2) { position: relative; margin-top: 1.12rem; } .qshe_top ul:nth-of-type(2) li:nth-of-type(2), .qshe_top ul:nth-of-type(2) li:nth-of-type(3) { width: 11rem; height: 3.84rem; overflow: hidden; } .qshe_top ul:nth-of-type(2) li:nth-of-type(3) { position: absolute; right: 0; bottom: 0; } .qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz, .qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz { position: absolute; left: 0.6rem; bottom: 0.5rem; height: auto; background: none; padding: 0; } .qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz h3 { margin-bottom: 1rem; } .qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz h4, .qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz h4 { color: #fff; } .qshe_top ul:nth-of-type(2) li:nth-of-type(2) .qshe_wz p, .qshe_top ul:nth-of-type(2) li:nth-of-type(3) .qshe_wz p { color: #fff; } .qshe_xb { font-size: 0.42rem; color: #333333; padding: 1.2rem 0 0.84rem; } .qshe_sm { padding-bottom: 0.7rem; } .qshe_sm ul { display: flex; } .qshe_sm ul li { width: 30%; margin-right: 5%; } .qshe_sm ul li:nth-of-type(2) { width: 65%; } .qshe_smcom { display: flex; } .qshe_smcom h2 { width: 0.61rem; margin-right: 0.3rem; } .qshe_smcom h3 { flex: 1; font-size: 0.16rem; color: #666666; line-height: 0.3rem; padding-bottom: 0.7rem; } .qshe_smcom h3 span { display: block; font-size: 0.28rem; color: #1050a3; padding-bottom: 0.14rem; } .qshe_gy { overflow: hidden; background: #f5f5f5; padding-bottom: 1.6rem; } .qshe_gy ul li { margin-bottom: 0.24rem; } .qshe_gy ul li h2 { display: flex; width: 100%; justify-content: space-between; position: relative; align-items: center; cursor: pointer; background: #fff; line-height: 0.84rem; border-left: 0.05rem solid #1050a3; padding: 0 0.74rem 0 0.34rem; box-sizing: border-box; } .qshe_gy ul li h2 b { font-size: 0.24rem; color: #333333; font-weight: normal; } .qshe_gy ul li h2 span { font-size: 0.2rem; color: #898989; } .qshe_gy ul li h2 img { width: 0.1rem; position: absolute; right: 0.37rem; top: 50%; transform: translateY(-50%); transition: all 0.5s linear; } .qshe_gy ul li.on h2 img { transform: translateY(-50%) rotate(40deg); } .qshe_gyxq { width: 100%; padding: 0.6rem 0.34rem; box-sizing: border-box; display: none; } .qshe_gyxq h3 { font-size: 0.3rem; color: #1050a3; font-weight: bold; } .qshe_gyxq p { font-size: 0.16rem; color: #898989; line-height: 0.35rem; padding-top: 0.6rem; } /*浜т笟璇︽儏*/ .add_qx { padding-bottom: 1.8rem; } .swiper-container-addpic .swiper-slide { position: relative; } .add_qxvbtn { width: 0.71rem; position: absolute; left: 50%; top: 50%; cursor: pointer; transform: translate(-50%, -50%); } .add_qxbtn { display: flex; justify-content: right; margin: 0.2rem 0 0.3rem auto; } .add_qxnext, .add_qxprev { width: 0.62rem; height: 0.62rem; background: #f0f0f0; display: flex; justify-content: center; align-items: center; margin-left: 0.09rem; cursor: pointer; transition: all 0.3s linear; } .add_qxnext img, .add_qxprev img { width: 0.15rem; } .add_qxnext:hover, .add_qxprev:hover { background: #1050a3; } .add_qx h2 { font-size: 0.36rem; color: #1050a3; font-weight: bold; } .add_qx p { font-size: 0.18rem; color: #999999; line-height: 0.42rem; padding: 0.36rem 0 0.7rem 0; } .add_qx h3 { display: flex; } .add_qx h3 span { width: 1.54rem; font-size: 0.24rem; color: #1050a3; font-weight: bold; } .add_qx h3 b { border-left: 1px solid #e5e5e5; font-size: 0.18rem; color: #999999; line-height: 0.3rem; padding-left: 0.5rem; font-weight: normal; } .wap_lan { display: none; } /*鎼滅储椤?/ .searchBox { padding: 1.8rem 0 1rem 0; } .ny_searchtop { width: 6rem; border-bottom: 1px solid #1050a3; 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: 0.5rem; height: 0.5rem; background: #1050a3; display: flex; justify-content: center; align-items: center; cursor: pointer; } .ny_searchbtn img { 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: #1050a3; } .AllSeaList li a { color: #1050a3; } .zhengce h2{font-size: 0.36rem;color: #17222a;font-weight: bold;text-align: center;padding: 1.6rem 0 0.3rem 0;} .zhengce h3{font-size: 0.22rem;color: #17222a;font-weight: bold;padding: 0.2rem 0;} .zhengce p{font-size: 0.18rem;color: #666;line-height: 2;padding-bottom: 0.2rem;} .zhengce h5{font-size: 0.16rem;color: #17222a;text-align: right;padding: 0.6rem 0;} @media(max-width:1366px) { .header { width: 100%; } .w_1235 { width: 86%; } .news_info .w_1235 { width: 70%; } .swiper-pagination-ban { left: 7% !important; } .ab_culcon ul li { height: 3.56rem; } .hum_fulir ol li { margin-right: 1.2rem; } } .pager1 { display: flex; align-items: center; padding: 0.5rem 0; justify-content: center; } .pager1 li { margin: 0 0.1rem; } .pager1 a, .pager1 span { width: 0.38rem; height: 0.38rem; background: #fff; border: 1px solid #e3e3e3; box-sizing: border-box; font-size: 0.22rem; color: #63686b; line-height: 0.38rem; text-align: center; display: block; } .pager1 li.prev a,.pager1 li.next a{width:1rem;} .pager1 .active span { border-color: #1050a3; color: #fff; background: #1050a3; } .ino_conts .cont { display: none; } .ino_conts .cont.on { display: block; } @media(max-width:1024px) { .w_1235 { width: 90%; } /*棣栭〉*/ .header { width: 100%; padding: 0.3rem 5%; } .logo { width: 1.8rem; } .ban_con .w_1235 { width: 90%; left: 5%; transform: translateX(0); top: 1rem; } .ban_con { height: 5.3rem; } .ban_con .w_1235 h3 { font-size: 0.5rem; line-height: 0.8rem; padding: 0.2rem 0 0rem 0; } .ban_btn { width: 2rem; } .ban_btn a { font-size: 0.24rem; line-height: 0.6rem; } .swiper-pagination-ban { left: 5% !important; bottom: 0.2rem !important; } .tit { padding: 0.7rem 0 0.4rem 0; } .tit b { font-size: 0.5rem; line-height: 0.75rem; } .fl_con { margin: 0 auto; } .fl_con ul li:nth-of-type(1) { width: 100%; height: 7rem; } .fl_contop dl dd a { font-size: 0.24rem; } .fl_con ul li { width: 100%; height: 5.4rem !important; margin-bottom: 0.4rem; } .fl_confot a { font-size: 0.24rem; line-height: 0.6rem; height: 0.6rem; width: 2.3rem; } .fl_con ul li:nth-last-of-type(2), .fl_con ul li:nth-last-of-type(1) { position: relative; right: auto; bottom: auto; height: auto; } .news ul li { width: 100%; margin-bottom: 0.4rem; } .news_more { width: 2rem; position: relative; top: auto; right: auto; margin: 0 auto; } .news_more a { font-size: 0.24rem; line-height: 0.6rem; } .news ul li h2 { font-size: 0.24rem; padding: 0 0 0.2rem 0.4rem; } .news_con { width: calc(100% - 0.4rem); } .news_con a h3 { font-size: 0.24rem; line-height: 0.4rem; text-overflow: ellipsis; white-space: nowrap; width: 100%; overflow: hidden; } .news_con a p { font-size: 0.24rem; line-height: 0.48rem; } .swiper-container-nb .swiper-slide p { font-size: 0.24rem; line-height: 0.4rem; padding: 0.4rem; } .home_nbliner { right: 0.4rem; } .fot_top { flex-wrap: wrap; } .fot_nav { width: 100%; } .fot_nav ul { flex-wrap: wrap; } .fot_nav ul li { width: 30%; margin: 0 5% 0.4rem 0; } .fot_nav ul li:nth-of-type(2) { width: 35%; } .fot_nav ul li:nth-of-type(3) { width: 25%; } .fot_nav ul li:nth-of-type(3n) { margin-right: 0; } .fot_nav ul li h2 { font-size: 0.28rem; } .fot_nav ul li dl dd { font-size: 0.24rem; } .fot_ewm { width: 2.7rem; height: auto; margin-top: 0.4rem; } .fot_ewm img { width: 1.8rem; } .fot_ewm span { font-size: 0.24rem; } .fot_fot { flex-wrap: wrap; margin-top: 0.4rem; } .fot_fot p { font-size: 0.24rem; line-height: 0.4rem; flex-wrap: wrap; } .fot_fot p a.zhengche{border-left: none;padding-left:0;margin-left: 0;} .fot_fot p img { display: none; } .fot{position: relative;} .fot_fot h5 { padding: 0.4rem 0; } .fot_fot h5 a { font-size: 0.24rem; } .fot_fot h5 a span { font-size: 0.24rem; } .go_top { right: 5%; bottom: 0.4rem; } .home_nb .w_1235 { width: 90%; } .wap_hbtn { width: 0.5rem; height: 0.4rem; display: block; position: relative; } .wap_hbtn span { display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0%; transition: all 0.3s linear; } .wap_hbtn span:nth-of-type(1) { top: 0; } .wap_hbtn span:nth-of-type(2) { top: 48%; } .wap_hbtn span:nth-of-type(3) { bottom: 0; } .search { width: 0.4rem; position: absolute; right: 17%; top: 50%; transform: translateY(-50%); } .wap_hbtn.on span:nth-of-type(1) { transform: rotate(45deg); top: 50% } .wap_hbtn.on span:nth-of-type(2) { display: none; } .wap_hbtn.on span:nth-of-type(3) { transform: rotate(-45deg); bottom: 50%; } .lan { display: none; } .nav { width: 100vw; height: calc(100vh - 1.1rem); background: #fff; position: absolute; left: 0; top: 1.1rem; z-index: 99; transform: translateX(-100%); transition: all 0.3s linear; } .nav ul { display: block; padding: 0.3rem 5%; box-sizing: border-box; } .nav ul li { margin-right: 0; border-bottom: 1px solid #000; padding: 0.4rem 0; } .nav ul li h2 a { font-size: 16px; color: #000; padding-bottom: 0; } .nav ul li.on h2 a::after { display: none; width: 0; } .nav ul li:nth-of-type(1) { display: none; } .nav ul li dl { display: none; width: 100%; position: relative; top: auto; left: 0; transform: translateX(0); padding: 0.3rem 0 0 0.5rem; box-sizing: border-box; } .nav ul li dl dd h3 a { background: none; } .nav ul li dl dd h3 a { font-size: 15px; text-align: left; color: #333; line-height: 30px; } .nav ul li h2, .nav ul li h3 { display: flex; justify-content: space-between; align-items: center; } .nav ul li h2 span, .nav ul li h3 span { width: 16px; cursor: pointer; } .nav ul li h2 span:nth-of-type(1), .nav ul li h3 span:nth-of-type(1) { display: block; } .nav ul li h2 span:nth-of-type(2), .nav ul li h3 span:nth-of-type(2) { display: none; } .top_lv3 { display: none; width: 100%; position: relative; top: auto; left: 0; background: none; padding: 0.3rem 0; } .top_lv3 a { font-size: 14px; color: #999; text-align: left; padding-left: 0.3rem; box-sizing: border-box; line-height: 24px; } .nav.on { transform: translateX(0); } .fl_con { width: 90%; } .wap_lan { display: block; } .wap_lan dl { display: flex; align-items: center; padding: 0.3rem 5%; box-sizing: border-box; } .wap_lan dl dd a { font-size: 12px; color: #000; margin-right: 0.4rem; text-transform: uppercase; } .wap_lan dl dd.on a { color: #1050a3; } /*鍏充簬鎴戜滑*/ .ab_lnav { position: relative; left: auto; top: auto; transform: translateY(0); width: 100%; } .ab_lnav ul { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .ab_lnav li { width: 2.4rem; display: inline-block; border-right: 1px solid #ebebeb; box-sizing: border-box; } .ab_lnav ul li a { font-size: 0.24rem; justify-content: center; } .ab_lnav ul li a img { width: 0.4rem; } .ab_gk p { font-size: 0.24rem; line-height: 0.48rem; padding: 0.4rem 0; } .ab_gk ul { flex-wrap: wrap; } .ab_gk ul li { width: 50%; margin-bottom: 0.4rem; } .ab_gk ul li:nth-of-type(2n) { border-right: none; } .ab_gk ul li h4 { font-size: 0.24rem; } .ab_gk ul li h4 { font-size: 0.28rem; } .ab_gk ul li h5 { font-size: 0.24rem; line-height: 0.48rem; } .ab_gkvideo { width: 100%; margin: 0.4rem auto 0.7rem auto; } .ab_cytop .w_1235 { flex-wrap: wrap; } .ab_cytopl { width: 100%; } .ab_cytopl h2 { font-size: 0.38rem; } .ab_cytopl h2 b { font-size: 0.38rem; } .ab_cytop p { width: 100%; margin-top: 0.3rem; font-size: 0.24rem; line-height: 0.48rem; margin-right: 0; } .ab_cyfot ul li { width: 100%; height: 7rem; overflow: hidden; } .ab_cyfot ul li.on { width: 100%; } .ab_cywz { width: 90%; left: 5%; top: 2.5rem; } .ab_cyfot ul li img{width: 100%;} .ab_cyfot ul li .ab_cywz { opacity: 1; padding: 0; } .ab_cyfot ul li.on .ab_cywz { padding: 0; } .ab_cywz p { width: 100%; white-space: wrap !important; font-size: 0.24rem; line-height: 0.48rem; } .ab_cywz h2 { font-size: 0.28rem; } .ab_cyfotbtn { width: 2rem; line-height: 0.7rem; font-size: 0.24rem; } .ab_zj .w_1235 { flex-wrap: wrap; } .ab_zj .w_1235 h2 { width: 100%; margin-bottom: 0.3rem; } .ab_zj ul { flex-wrap: wrap; width: 100%; } .ab_zj ul li { margin-bottom: 0.3rem; width: 100%; } .ab_zj ul li h3 { font-size: 0.26rem; } .ab_zj ul li dl dd { font-size: 0.24rem; } .ab_global h2 { font-size: 0.5rem; line-height: 0.75rem; } .ab_global p { font-size: 0.36rem; } .ab_global { padding-bottom: 4.3rem; } .ab_globalwz ul li { font-size: 0.24rem; line-height: 0.48rem; } .ab_map img { width: 90%; } .ab_cyfot ul li h3 { display: none; } /*澶т簨璁?/ .ne_navtop .w_1235 h2 a { font-size: 0.24rem; } .ne_navtop .w_1235 h3 a { width: 1.2rem; height: 0.7rem; font-size: 0.24rem; line-height: 0.7rem; } .his_con { padding: 1.7rem 0 1rem 0; } .his_conl { width: 100%; height: auto; position: relative; } .his_conr { width: 100%; margin-top: 0.7rem; } .his_con .w_1235 { align-items: flex-start; flex-wrap: wrap; } .swiper-container-hisl { height: auto; } .his_prev, .his_next { width: 1.6rem; height: 0.7rem; display: flex; justify-content: center; align-items: center; background: #1050a3; } .his_prev { position: absolute; right: 1.8rem; top: -1rem; margin-bottom: 0; } .his_prev img { transform: rotate(-90deg); } .his_next { position: absolute; right: 0; top: -1rem; margin-top: 0; } .his_next img { transform: rotate(-90deg); } .swiper-container-hisxq ul li { width: 100%; } .his_wz h2 { font-size: 0.28rem; } .his_wz p { font-size: 0.24rem; line-height: 0.48rem; } /*qshe*/ .qshe_top h2 b { font-size: 0.5rem; } .qshe_top ul { flex-wrap: wrap; } .qshe_top ul li { width: 100%; margin-bottom: 0.3rem; } .qshe_top ul li:nth-of-type(1) { width: 100%; } .qshe_top ul li:nth-of-type(1) .qshe_wz { width: 90%; left: 5%; } .qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz { top: 0.4rem; } .qshe_top ul:nth-of-type(2) li:nth-of-type(1) .qshe_wz h3 { margin-bottom: 0.4rem; } .qshe_top h3 { font-size: 0.36rem; margin-bottom: 2rem; } .qshe_top ul li p { font-size: 0.24rem; line-height: 0.48rem; } .qshe_top ul li:nth-of-type(2) .qshe_wz, .qshe_top ul li:nth-of-type(3) .qshe_wz { width: 90%; order: 2; padding: 0; margin: 0 auto; } .qshe_top ul li:nth-of-type(2) img, .qshe_top ul li:nth-of-type(3) img { order: 1; } .qshe_xb { font-size: 0.36rem; padding: 0.7rem 0 0.4rem 0; } .qshe_sm ul { flex-wrap: wrap; } .qshe_sm ul li { width: 100%; margin-bottom: 0.3rem; } .qshe_smcom h3 { font-size: 0.24rem; line-height: 0.48rem; } .qshe_smcom h3 span { font-size: 0.32rem; } .qshe_sm ul li:nth-of-type(2) { width: 100%; } .qshe_gy ul li h2 { flex-wrap: wrap; padding-top: 0.3rem; } .qshe_gy ul li h2 b { font-size: 0.28rem; line-height: 0.46rem; width: 100%; } .qshe_gy ul li h2 span { font-size: 0.24rem; } .qshe_gyxq p { font-size: 0.24rem; line-height: 0.48rem; } .qshe_top ul:nth-of-type(2) li:nth-of-type(3) { position: relative; } .qshe_top ul:nth-of-type(2) li:nth-of-type(2), .qshe_top ul:nth-of-type(2) li:nth-of-type(3) { width: 100%; height: auto; } /*绉戞妧鍒涙柊*/ .ab_gk h2 { font-size: 0.38rem; padding: 0.7rem 0 0.4rem 0; } .ab_tec{width: 90%;margin:0 auto;} .ab_tec ul { flex-wrap: wrap; justify-content: center; margin-bottom: 0.4rem; } .ab_tec ul li { width: 100%; height: 4rem; overflow: hidden; } .ab_tecwz h2 { margin: 0.8rem auto 0.3rem auto; } .ab_tecwz p { font-size: 0.28rem; padding-top: 0.2rem; } .ab_tecfot ul li { flex-wrap: wrap; margin-bottom: 0.7rem; } .ab_tecfot { width: 90%; margin: 0.7rem auto 0 auto; } .ab_tecfotpic { width: 100%; } .ab_tecfotr { width: 100%; } .ab_tecfotr h2 { padding-top: 0.4rem; } .ab_tecfotr p { font-size: 0.26rem; line-height: 0.52rem; } .ab_tecbtn { width: 2rem; height: 0.7rem; font-size: 0.24rem; line-height: 0.7rem; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotpic { order: 1; } .ab_tecfot ul li:nth-of-type(2) .ab_tecfotr { order: 2; } /*绉戞妧鍒涙柊*/ .ab_culcon ul li { flex-wrap: wrap; margin-bottom: 0.4rem; height: auto; } .ab_culpic { width: 100%; } .ab_culwz { width: 100%; height: auto; padding: 0.4rem 0; } .ab_culwzconr p { font-size: 0.24rem; line-height: 0.48rem; } .ab_culcon ul li:nth-child(2n) .ab_culpic { order: 1; } .ab_culcon ul li:nth-child(2n) .ab_culwz { order: 2; } /*浜у搧鏈嶅姟*/ .pro_fltop { padding: 0.7rem 0 0.4rem 0; } .pro_fltopnav { width: 90%; margin: 0 auto; } .pro_fltopnav ul { width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; display: block; } .pro_fltopnav ul li { display: inline-block; padding: 0.5rem 0; } .pro_fltopnav ul li::after { display: none; } .pro_fltopnav ul li.on { padding: 0.5rem 0; } .pro_flcon ul li { flex-wrap: wrap; } .pro_flcon ul li h2 { width: 100%; margin-bottom: 0.2rem; } .pro_flcon { width: 90%; } .pro_qx { padding: 0.7rem 0 0.4rem 0; } .pro_flcon ul li p { flex-wrap: wrap; width: 100%; } .pro_flcon ul li p a { width: 30%; padding: 0 0.2rem; } .pro_qxtop { flex-wrap: wrap; } .pro_qxtopr { width: 100%; order: 1; } .pro_qxtopl { width: 100%; order: 2; } .pro_qxtopl h2 { margin-top: 0.4rem; } .pro_qxtopl p { font-size: 0.26rem; line-height: 0.52rem; } .pro_qxtopbtn a{ width: 2rem; } .pro_qxtopbtn a { line-height: 0.7rem; font-size: 0.24rem; } .pro_qxnav { margin: 1rem auto 0.4rem auto; } .pro_qxnav span { font-size: 0.24rem; } .swiper-container-pro .swiper-slide { padding: 0.4rem; flex-wrap: wrap; } .pro_pic { width: 100%; } .pro_js { width: 100%; margin-top: 0.4rem; } .pro_js h2 { font-size: 0.32rem; } .pro_js p { font-size: 0.26rem; line-height: 0.52rem; } .pro_xqbtn { width: 2rem; } .pro_xqbtn a { line-height: 0.7rem; font-size: 0.24rem; } /*浜у搧璇︽儏*/ .pro_infocon { padding: 0; } .news_infocontop h2 { font-size: 0.24rem; } .pro_infocon01 { flex-wrap: wrap; height: auto; } .pro_infoconl { width: 30%; height: auto; padding: 0.5rem 0; } .pro_infocon01r { width: 100%; margin-top: 0.3rem; height: auto; padding: 0.4rem; flex-wrap: wrap; flex: auto; } .item { margin-bottom: 0.4rem; overflow: hidden; } .pro_infocon01r h2 { font-size: 0.24rem; line-height: 0.48rem; width: 100%; } .pro_infocon02 { flex-wrap: wrap; height: auto; } .pro_infocon02r { width: 100%; margin-top: 0.3rem; height: auto; flex: auto; width: 100%; margin-top: 0.3rem; padding: 0; } .pro_infocon02r p { font-size: 0.26rem; line-height: 0.52rem; } .pro_infopic { width: 3rem; margin-top: 0.4rem; } .pro_infocon03 dl { align-items: flex-start; } .pro_infocon03 dl dd h2 span { font-size: 0.26rem; } .pro_infocon03 dl dd h2 { font-size: 0.24rem; line-height: 0.48rem; } .pro_infocon03 dl dd { width: 30%; margin: 0 2%; } .pro_infocon03 dl dd img { width: 1.8rem; } .pro_infocon02r p span { font-size: 0.28rem; } .pro_infocon04 { flex-wrap: wrap; } .pro_infocon04 dl { width: 100%; margin-top: 0.3rem; padding: 0.4rem; } .pro_infocon04 dl dd h2 { font-size: 0.26rem; } .news_info .w_1235 { width: 90%; } /*鑱旂郴鎴戜滑*/ .contact_ad ul { flex-wrap: wrap; } .contact_ad ul li { width: 100%; } .contact_adwz { width: 90%; } .contact_adwz h2 { font-size: 0.32rem; } .contact_adwz p { font-size: 0.26rem; line-height: 0.52rem; } .contact_adwz h2 b { font-size: 0.38rem; } .contact_fltop { width: 70%; height: 0.7rem; border-radius: 0.7rem; } .contact_fltop a { font-size: 0.24rem; line-height: 0.7rem; } .contact_flnav { display: block; width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .contact_flnav a { display: inline-block; font-size: 0.24rem; line-height: 0.7rem; } .contact_fllist { margin-top: 0.3rem; } .contact_fllist ul li h2 { font-size: 0.32rem; } .contact_fllist ul li p { font-size: 0.26rem; line-height: 0.52rem; } /*鏂伴椈鍒楄〃*/ .news_listcon { padding: 0 0 0.4rem 0; } .news_listnav ul li { font-size: 0.24rem; } .news_lb ul li { padding: 0.4rem; } .news_lb ul li a { flex-wrap: wrap; } .news_lbpic { width: 100%; } .news_lr { width: 100%; margin-top: 0.4rem; } .news_lr h2 { font-size: 0.32rem; } .news_lr p { font-size: 0.26rem; line-height: 0.52rem; min-height: auto; } .news_lbfot span { font-size: 0.24rem; } .news_lbfot b { font-size: 0.24rem; } .news_lbfot b img { width: 0.14rem; } .news_infocon { padding: 0 0.4rem 0.4rem 0.4rem; } .news_infowz p { font-size: 0.24rem; line-height: 0.48rem; } .news_infofot ul li a:nth-of-type(1) { width: 2rem; height: 0.7rem; font-size: 0.24rem; line-height: 0.7rem; } .news_infofot ul li a:nth-of-type(2) { font-size: 0.28rem; padding-top: 0.3rem; } .news_top { width: 90%; flex-wrap: wrap; margin: 0 auto; } .news_toppic { width: 100%; } .news_topr { width: 100%; } .news_topr h2 { padding-top: 0.3rem; line-height: 0.5rem; } .news_topr p { font-size: 0.24rem; line-height: 0.48rem; } .news_topbtn span { font-size: 0.24rem; } .news_topbtn a { width: 2rem; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem; } /*浜烘墠鎴樼暐*/ .hum_top { padding: 1rem 0; } .hum_topcon h2 { font-size: 0.36rem; } .hum_topcon ul { flex-wrap: wrap; justify-content: space-between; } .hum_topcon ul li { width: 48%; margin-bottom: 0.4rem; padding-right: 0; } .hum_topcon ul li p { font-size: 0.24rem; line-height: 0.48rem; } .hum_cz h2 { font-size: 0.5rem; } .hum_flqhcon dl dd { flex-wrap: wrap; } .hum_flqhcon dl dd img { width: 100%; order: 1; height: 4rem; overflow: hidden; } .hum_fzr { width: 100%; order: 2; padding: 0 0.4rem 0.4rem 0.4rem; box-sizing: border-box; } .hum_fzr h2 { font-size: 0.32rem; } .hum_fzr p { font-size: 0.24rem; line-height: 0.48rem; } .hum_flqhcon dl dd:nth-of-type(2) img { width: 100%; height: auto; } .hum_flqhcon dl dd:nth-of-type(2) .hum_fzr { width: 100%; } .hum_fuli { padding: 0.4rem; flex-wrap: wrap; } .hum_fulil { width: 100%; } .hum_fulil h2 { font-size: 0.5rem; } .hum_fulil p { font-size: 0.26rem; line-height: 0.52rem; } .hum_fulir { width: 100%; margin-top: 0.4rem; } .hum_fulir ol li { width: 33.33%; margin: 0 0 0.3rem 0; text-align: center; } .hum_fotnav ul { flex-wrap: wrap; } .hum_fotnav ul li { width: 100%; margin-bottom: 0.3rem; } /*鎷涜仒璇︽儏*/ .rec_consel select { height: 0.7rem; font-size: 0.24rem; } .video_tccon { width: 90%; } .pro_qx .w_1235 { width: 90%; } .zhengce h2{font-size: 0.36rem;} .zhengce h3{font-size: 0.3rem;} .zhengce p{font-size: 0.24rem;} .zhengce h5{font-size: 0.2rem;line-height: 2;} .ny_ban .ban_con{height: 4rem !important;} .ny_ban .ban_con .w_1235{top: 1rem;} .cop_top .w_1235{flex-wrap: wrap;} .cop_topr{width: 100%;order: 1;margin-bottom: 0.4rem;} .cop_topl{width: 100%;order: 2;} .cop_topl p{font-size: 0.24rem;line-height: 2;} .cop_fltopnav ul{flex-wrap: wrap;} .cop_fltopnav ul li{width: 50%;} .cop_fltopnav ul li.on, .cop_fltopnav ul li:hover{padding: 0.62rem 0;} .cop_ach h2{font-size: 0.24rem;line-height: 2;} .cop_ach h2 span{font-size: 0.26rem;} .swiper-container-ry p{font-size: 0.24rem;} .pip_nav h3{flex-wrap: wrap;} .pip_nav span{width:auto;padding: 0 6px;font-size: 0.24rem;} }