/* 榛樿鐗堝績瀹藉害 */ /* 榛樿灞忓箷瀹藉害 */ /* 榧犳爣绂佺敤鏍峰紡锛屼粛鍙互瑙﹀彂浜嬩欢 */ img { max-width: 100%; } .part_more { line-height: 2; float: right; padding-left: 24px; background: url(../images/icon01.png) 0 center no-repeat; } .part_more a { font-style: italic; color: #003586; font-size: 16px; } .part_more a:hover { opacity: 0.6; } .part_tit { color: #292929; margin-bottom: 2.77777778%; } .link_more:hover { opacity: 0.6; } /* 鍏氬缓 */ .dj_part1 { padding: 4.6875% 0; } .dj_part1 .des, .dj_part4 .des, .jcgk_part1 .des { font-size: 14px; margin-bottom: 2.77777778%; max-width: 1135px; } .dj_part1 a.link_more { color: #003586; font-size: 16px; font-weight: bold; margin-top: 1.5%; display: inline-block; } .dj_part2 { background-color: #f6f6f7; padding: 6.25% 0; } .dj_part2 .item { width: 48%; float: left; margin-right: 4%; } .dj_part2 .item:nth-child(2n) { margin-right: 0; } .dj_part2 .item .img { position: relative; } .dj_part2 .item .img::before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); } .dj_part2 .text { position: absolute; z-index: 2; bottom: 25px; left: 0; width: 100%; padding: 0 35px; color: #fff; text-align: center; } .dj_part3 { padding: 5.20833333% 0; } .dj_part3 .item { float: left; width: 48%; margin-bottom: 4.86111111%; } .dj_part3 .item .bd_l { border-left: 1px solid #000; padding-left: 7.52314815%; } .dj_part3 .item:nth-child(2n) { float: right; } .dj_part3 .item .date { color: #686868; font-size: 14px; line-height: 1; margin-bottom: 2.89%; } .dj_part3 .item .des { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em; height: 4.5em; overflow: hidden; margin-bottom: 3%; } .dj_part3 .item h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.5; max-height: 1.5em; height: 1.5em; overflow: hidden; font-weight: bold; margin-bottom: 2.89%; } @media (any-hover: hover) { .dj_part3 .item h2 a:hover { color: #003586; } } .dj_part3 .item a.link_more { color: #000; font-weight: bold; font-size: 16px; color: #003586; padding-left: 7.52314815%; } .dj_part4 { background-color: #f6f6f7; padding: 6.77083333% 0 5.72916667%; } .dj_part4 .swiper_box { position: relative; } .dj_part4 .swiper-button-next, .dj_part4 .swiper-button-prev { width: 33px; height: 63px; background: url(../images/swp_prev.png) 0 0 no-repeat; background-size: 100% 100%; left: -4%; cursor: pointer; z-index: 3; } .dj_part4 .swiper-button-next { background-image: url(../images/swp_next.png); left: auto; right: -4%; } .black_list .item { background-color: #fff; width: 30.7%; } .black_list .item a { display: block; padding: 10.3% 8.7%; color: #000; } @media (any-hover: hover) { .black_list .item a:hover { color: #003586; } .black_list .item a:hover span { opacity: 0.6; } } .black_list .item .tit { font-weight: bold; margin-bottom: 27%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; height: 3em; overflow: hidden; } .black_list .item span { color: #003586; font-weight: bold; font-size: 16px; } /* 鍏氶寤夋斂 */ .dflz_part1 { background: #f6f6f7; padding: 4.16666667% 0 5.20833333%; } .dflz_part1 .jbgk_wrap { display: none; } .dflz_part1 .jbgk_wrap.on { display: block; } .dflz_part1 .black_list .item { float: left; margin-bottom: 3.95%; margin-right: 3.95%; background: linear-gradient(135deg, transparent 0, #fff 0) top left, linear-gradient(-135deg, transparent 0, #fff 0) top right, linear-gradient(-45deg, transparent 30px, #fff 0) bottom right, linear-gradient(45deg, transparent 0, #fff 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; } .dflz_part1 .black_list .item:nth-child(3n) { margin-right: 0; } .dflz_part1 .black_list .item:hover { background: url(../images/block_bg.png) 0 0 no-repeat; background-size: 100% 100%; } .dflz_part1 .black_list .item:hover span, .dflz_part1 .black_list .item:hover a { color: #fff; } .dflz_part1 .tab_wrap { margin-bottom: 3.47222222%; } .dflz_part1 .tab_wrap span { padding: 0 30px; cursor: pointer; } .dflz_part1 .tab_wrap span.on { font-weight: bold; } .dflz_part1 .tab_wrap span:first-child { padding-left: 0; } /* 鍏氬缓鍔ㄦ€ */ .djdt_wrap { padding: 4.16666667% 0 5.20833333%; } .djdt_wrap li { float: left; border: 1px solid #003586; color: #292929; width: 30.7%; margin-bottom: 3.95%; margin-right: 3.95%; padding: 3.47222222% 2.63888889% 6.25%; } .djdt_wrap li:nth-child(3n) { margin-right: 0; } @media (any-hover: hover) { .djdt_wrap li:hover { color: #fff; background: url(../images/black_bg2.jpg) 0 0 no-repeat; background-size: cover; } .djdt_wrap li:hover h2.tit a { color: #fff; } .djdt_wrap li:hover .line { border-color: #fff; } } .djdt_wrap h2.tit { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; height: 3em; overflow: hidden; font-weight: bold; margin-bottom: 7.95454545%; } .djdt_wrap h2.tit a { color: #292929; } .djdt_wrap .line { width: 83px; max-width: 40%; border-top: 1px solid #2a2f34; margin-bottom: 7.95454545%; } .djdt_wrap .des { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.5; max-height: 6em; height: 6em; overflow: hidden; margin-bottom: 11.36363636%; font-size: 14px; } /*鍏氬缓-鍩虹姒傚喌 */ .jcgk_part1 { padding: 4.16666667% 0 5.20833333%; } .jcgk_part1 .screen_num { color: #003586; line-height: 1.1; } .jcgk_part1 .screen_num span { font-weight: bold; font-style: italic; } .jcgk_part1 .screen_num p { font-size: 14px; } .jcgk_part1 .screen_num li { float: left; margin-right: 6.25%; } .jcgk_part1 .screen_num li:last-child { margin-right: 0; } .jcgk_part2 { background: #f6f6f7; padding: 5.72916667% 0; } .jcgk_part2 .content { text-align: center; margin-top: 16.66666667%; } .jcgk_part2 .list { width: 959px; height: 300px; background: url(../images/jcgk_part_bg.png) 0 0 no-repeat; margin: 0 auto; } .jcgk_part2 .list .item { height: 300px; float: left; position: relative; } .jcgk_part2 .list .i1, .jcgk_part2 .list .i3 { width: 300px; } .jcgk_part2 .list .i2 { width: 359px; } .jcgk_part2 .list .txt { font-weight: bold; } .jcgk_part2 .list .fix { position: absolute; top: -125px; width: 100%; height: 107px; text-align: center; } .jcgk_part2 .list .icon { position: absolute; right: 56%; background-size: 100% auto; } .jcgk_part2 .list .line { height: 107px; width: 2px; border-left: 1px solid #9e9d9b; border-right: 1px solid #8b8886; } .jcgk_part2 .list .line + p { position: absolute; left: 51%; top: 0; width: 70%; padding-left: 15px; text-align: left; font-size: 16px; } .jcgk_part2 .list .i1 .icon { width: 31px; height: 40px; background: url(../images/introduce_icon1.png) 0 0 no-repeat; } .jcgk_part2 .list .i2 .icon { width: 64px; height: 17px; top: 18px; background: url(../images/introduce_icon2.png) 0 0 no-repeat; } .jcgk_part2 .list .i3 .icon { width: 47px; height: 47px; background: url(../images/introduce_icon3.png) 0 0 no-repeat; } .jcgk_part1_new .describe { position: relative; overflow: hidden; background: url(../images/jcgk_part1_new_bg.jpg) 0 top no-repeat; margin-top: 6.25%; } .jcgk_part1_new .describe p { width: 902px; max-width: 76%; color: #c66105; margin-left: auto; margin-right: auto; max-height: 80%; overflow: auto; } .jcgk_part1_new .describe::before, .jcgk_part1_new .describe::after { content: '鈥?; font-family: arial; position: absolute; left: 7.63888889%; top: 0; font-size: 4em; color: #e0a140; opacity: 0.4; line-height: 1.2; } .jcgk_part1_new .describe::after { content: '鈥?; left: auto; right: 7.63888889%; top: 36%; } .jcgk_part1_new dl { margin-bottom: 5.55555556%; } .jcgk_part1_new .dt { padding-left: 1.94444444%; line-height: 1; background: url(../images/label_line.jpg) left center no-repeat; color: #e72410; margin-bottom: 3.47222222%; font-weight: bold; } .jcgk_part1_new .label_wrap { margin: 5.55555556% 0; } .jcgk_part1_new .label_list li { float: left; width: 25%; padding-left: 8.05555556%; } .jcgk_part1_new .label_list li span { color: #000; font-weight: bold; } .jcgk_part1_new .label_list li p { font-weight: bold; } .jcgk_part1_new .label_list li.i1 { background: url(../images/jcgk_part1_new_icon1.jpg) 0 0 no-repeat; background-size: auto 80%; } .jcgk_part1_new .label_list li.i2 { background: url(../images/jcgk_part1_new_icon2.jpg) 0 0 no-repeat; background-size: auto 80%; } .jcgk_part1_new .label_list li.i3 { background: url(../images/jcgk_part1_new_icon3.jpg) 0 0 no-repeat; background-size: auto 80%; } .jcgk_part1_new .label_list li.i4 { background: url(../images/jcgk_part1_new_icon4.jpg) 0 0 no-repeat; background-size: auto 80%; } .jcgk_part1_new .label_list2 li { width: 33.3333%; } .jcgk_part1_new .label_list2 li.i1 { background: url(../images/jcgk_part1_new_icon5.jpg) 0 0 no-repeat; background-size: auto 95%; } .jcgk_part1_new .label_list2 li.i2 { background: url(../images/jcgk_part1_new_icon6.jpg) 0 0 no-repeat; background-size: auto 95%; } .jcgk_part1_new .label_list2 li.i3 { background: url(../images/jcgk_part1_new_icon7.jpg) 0 0 no-repeat; background-size: auto 95%; } .jcgk_part1_new dd { color: #292929; } .jcgk_part1_new .jcgk_ljwh { position: relative; background: url(../images/ljwh.jpg) center center no-repeat; height: 255px; text-align: center; margin-bottom: 4.86111111%; } .jcgk_part1_new .jcgk_ljwh .box { width: 100%; } .jcgk_part1_new .jcgk_ljwh .t { font-weight: bold; color: #404040; margin-bottom: 20px; } .jcgk_part1_new .jcgk_ljwh .lab { font-size: 16px; display: inline-block; border: 1px solid #000; border-radius: 4px; padding: 1% 3%; } .jcgk_part1_new .jcgk_ljwh + .des { margin-bottom: 2.43055556%; } /* 涓婚娲诲姩 */ .zthd_list .item { padding: 4.16666667% 0; } .zthd_list .img { width: 50%; float: left; } .zthd_list .des { float: left; width: 50%; padding: 3.47222222% 0 0 3.47222222%; } .zthd_list .des .textarea { margin-bottom: 3%; } .zthd_list .tit { font-weight: bold; margin-bottom: 15px; } @media (any-hover: hover) { .zthd_list .tit:hover { color: #003586; } } .zthd_list .item:nth-child(2n) { background-color: #f6f6f7; } .zthd_list .item:nth-child(2n) .img { float: right; } .zthd_list .item:nth-child(2n) .des { float: left; padding-left: 0; padding-right: 3.47222222%; } .zthd_list .link_more { color: #003586; font-size: 16px; font-weight: bold; } /* 涓婚娲诲姩--璇︽儏 */ .zthd_detail .zthd_dtl_part1 { padding: 3.90625% 0 2%; } .zthd_detail h1 { text-align: center; } .zthd_detail .d_line { border-bottom: 1px solid #dadada; margin: 2.08333333% 0 3.47222222%; } .zthd_detail .edit_con_original { font-size: 14px; } .zthd_detail .edit_con_original p { text-indent: 2em; } .zthd_dtl_part2 { background: #f6f6f7; padding: 4.16666667% 0 7.63888889%; } .zthd_dtl_part2 .tit { font-weight: bold; margin-bottom: 4.86111111%; } .zthd_dtl_part2 li { position: relative; float: left; width: 44.09722222%; margin-top: 3.125%; } .zthd_dtl_part2 li .img { width: 23.62204724%; float: left; } .zthd_dtl_part2 li:nth-child(2n) { float: right; } .zthd_dtl_part2 li a { float: right; display: block; width: 74%; } .zthd_dtl_part2 li a:hover { color: #003586; } .zthd_dtl_part2 li a::after { content: ''; position: absolute; right: 0; bottom: 0; height: 1px; background-color: #000; width: 74%; } .zthd_dtl_part2 li a p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.5; max-height: 1.5em; height: 1.5em; overflow: hidden; } .zthd_dtl_part2 li .date { color: #686868; font-size: 14px; display: block; margin-top: 6px; } /* 鍔犲叆鏂伴挗 */ .jrxg_part2 { background: #f6f6f7; padding: 6.25% 0 4.6875%; } .job_list li { position: relative; background: #fff; margin-bottom: 1.38888889%; border-bottom: 2px solid #fff; } .job_list li a { display: block; padding: 3.47222222% 10.06944444%; } .job_list li:hover { border-color: #ff2525; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); } .job_list .icon { position: absolute; left: 4.16666667%; top: 19%; width: 40px; height: 40px; background: url(../images/job_icon01.png) 0 0 no-repeat; background-size: 100% 100%; } .job_list a { color: #292929; } .job_list .name { font-weight: bold; margin-bottom: 1.38888889%; } .job_list .t span { padding: 0 20px; line-height: 1; } .job_list .t span:first-child { padding-left: 0; border-right: 1px solid #000; } .job_list .b p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; height: 3em; overflow: hidden; } .jrxg_part3 { padding: 6.25% 0; } .jrxg_part3 .list { color: #fff; } .jrxg_part3 .item { width: 23%; float: left; margin-right: 2.66666667%; } .jrxg_part3 .item:last-child { margin-right: 0; } .jrxg_part3 .item .box { padding: 15.15151515% 12.12121212%; } .jrxg_part3 .item .line { border-bottom: 1px solid #fff; width: 82px; margin: 12.12121212% 0; } .jrxg_part4 { background: url(../images/jrxg_p4_bg.jpg) 0 0 no-repeat; padding: 6.25% 0 5.72916667%; } .jrxg_part5 { color: #fff; background: url(../images/jrxg_p5_bg.jpg) 0 0 no-repeat; background-size: cover; padding: 6.25% 0 4.94791667%; text-align: center; } .jrxg_part5 .title { margin-bottom: 5.55555556%; } .jrxg_part5 li { float: left; width: 25%; } .jrxg_part5 li a { color: #fff; } .jrxg_part5 li .name { margin-bottom: 5.26315789%; } .jrxg_part5 li .icon { width: 77px; height: 77px; line-height: 77px; margin: 0 auto 13.15789474%; } .jrxg_part5 li .icon img { max-width: 100%; display: inline-block; vertical-align: middle; } .jrxg_part5 li .line { width: 56px; margin: 0 auto 5.26315789%; border-bottom: 2px solid #c60937; } /* 鑱屼綅鍒楄〃 */ .job_wrap { background-color: #f6f6f7; padding: 4.16666667% 0 5.20833333%; } /* 鑱屼綅璇︽儏 */ .job_dtl_wrap { background: #f6f6f7; padding: 3.64583333% 0 6.25%; } .job_dtl_wrap .wrap { padding: 0 4.16666667%; } .job_dtl_wrap .d_title .share { float: right; color: #8f8f8f; } .job_dtl_wrap .d_title .share i { font-size: 22px; cursor: pointer; margin-left: 26px; } .job_dtl_wrap h1 { font-weight: bold; display: inline; padding-left: 25px; background: url(../images/black_bg2.jpg) 0 center no-repeat; background-size: 7px 34px; line-height: 1; } .job_dtl_wrap .edit_con_original { padding-left: 26px; margin-top: 3.47222222%; } .job_dtl_wrap a.resume_btn { display: inline-block; width: 168px; height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 6px; background: url(../images/btn_bg.jpg) 0 0 no-repeat; margin-left: 26px; font-size: 16px; margin-top: 3.47222222%; } /* 鑱旂郴鎴戜滑 */ .contact_wrap { padding: 4.16666667% 0 6.25% 0; } .contact_wrap .wrap { position: relative; } .contact_wrap .map_info { color: #fff; left: auto; right: 5.55%; z-index: 3; width: 446px; height: 547px; background: url(../images/black_bg2.jpg) 0 0 no-repeat; background-size: 100% 100%; padding: 3.47222222% 2.77777778% 3.47222222%; } .contact_wrap .map_info h1 { border-bottom: 1px solid #fff; padding-bottom: 15px; } .contact_wrap .map_info ul { padding-left: 6px; } .contact_wrap .map_info li { margin-top: 8.968%; font-size: 16px; } .contact_wrap .map_info li span { display: block; margin-bottom: 5px; } /* 绠$悊鍥㈤槦 */ .team_wrap { padding: 5.20833333% 0 6.25%; } .team_wrap li { background: #fff; float: left; width: 22.22222222%; margin-right: 3.7037037%; margin-bottom: 3.7037037%; transition: all 0.3s; box-shadow: 0 0 14px 5px rgba(178, 178, 178, 0.2); } .team_wrap li:nth-child(4n) { margin-right: 0; } .team_wrap li .des, .about_part4 .swiper-slide .des { padding: 5.625%; } .team_wrap li .name { font-size: 18px; font-weight: bold; margin-bottom: 4px; } .team_wrap li .position { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; height: 3em; overflow: hidden; } .team_wrap li:hover { background-color: #003586; color: #fff; } /* 璧拌繘鏂伴挗--棣栭〉 */ .about_part1 .tab_box { padding-top: 1.5625%; border-bottom: 1px solid #e2e2e2; text-align: center; } .about_part1 .tab_box a { cursor: pointer; font-size: 18px; display: inline-block; padding: 0 10px 20px; margin: 0 3.47222222%; } .about_part1 .tab_box a.on { font-weight: bold; background: url(../images/tab_line.jpg) 0 bottom no-repeat; } .about_part1 .content { padding: 4.6875% 0; color: #292929; } .about_part1 .content .ll { float: left; width: 32.91666667%; } .about_part1 .content .ll h2 { margin-bottom: 20px; font-weight: bold; } .about_part1 .content .rr { float: right; width: 58.68055556%; } .about_part1 .screen_num { color: #003586; line-height: 1.1; margin-top: 4%; } .about_part1 .screen_num li { width: 25%; float: left; } .about_part1 .screen_num li span { font-weight: bold; } .about_part1 .screen_num li i { color: #777; } .about_part1 .screen_num li p { font-size: 14px; color: #777; margin-top: 15px; } .about_part2 { margin-bottom: 5.20833333%; } .about_part2 .img { position: relative; } .about_part2 .text { position: absolute; width: 78%; text-align: center; color: #fff; font-size: 14px; } .about_part2 .text .tit { margin-bottom: 1%; } .about_part2 .textarea { line-height: 1.7; } .about_part3 { margin-bottom: 5.20833333%; } .about_part3 .wrap { position: relative; overflow: hidden; } .about_part3 .ll, .about_part3 .rr { position: relative; overflow: hidden; width: 53%; } .about_part3 .ll:hover .text, .about_part3 .rr:hover .text { top: 15%; } .about_part3 .ll:hover .text .textarea, .about_part3 .rr:hover .text .textarea, .about_part3 .ll:hover .img::after, .about_part3 .rr:hover .img::after { opacity: 1; } .about_part3 .img { position: relative; height: 424px; transform: skew(-10deg) translateX(-4.8%); overflow: hidden; } .about_part3 .img::after { content: ""; position: absolute; width: 1000%; height: 100%; z-index: 2; background: rgba(1, 38, 104, 0.85); opacity: 0; transition: all 0.3s; } .about_part3 .img img { position: absolute; right: -4.8%; top: 0; transform: skew(10deg); } .about_part3 .rr { position: absolute; right: 0; top: 0; overflow: hidden; } .about_part3 .rr .img { transform: skew(-10deg) translateX(9.6%); } .about_part3 .rr .img img { right: auto; left: -4.8%; } .about_part3 .text { transition: all 0.3s; position: absolute; left: 50px; top: 86%; width: 70%; height: 100%; z-index: 4; color: #fff; } .about_part3 .text .tit { margin-bottom: 2%; } .about_part3 .text .textarea { opacity: 0; } .about_part3 .rr .text { left: 15%; } .about_part4 { background: #f6f6f7; padding: 3.125% 0; } .about_part4 .swp_box { position: relative; } .about_part4 .swiper-container { padding: 15px 0; } .about_part4 .swiper-slide { box-shadow: 0 0 14px 5px rgba(178, 178, 178, 0.2); background: #fff; } .about_part4 .swiper-slide:hover { background: #003586; } .about_part4 .swiper-slide:hover .des { color: #fff; } .about_part4 .swiper-slide .des .position { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: 3em; height: 3em; overflow: hidden; } .about_part4 .swiper-button-prev, .about_part4 .swiper-button-next { font-size: 45px; background: none; left: -5%; width: 45px; height: 45px; } .about_part4 .swiper-button-next { left: auto; right: -5%; } .about_part5 { padding: 5.20833333% 0 10.41666667%; } .about_part5 img { max-width: 100%; } .about_part5 .index_part1 { padding: 0; } .about_part5 .cont .item { display: none; } .about_part5 .cont .item.on { display: block; } /* 璧拌繘鏂伴挗--棣栭〉 end*/ .contact_email_part1 { padding: 4.58333333% 0 2.08333333%; } .contact_email_part1 h2 { font-weight: bold; } .contact_email_part1 .textarea { margin-top: 1%; } .contact_email_part2 { background: #f6f6f7; padding: 4.16666667% 0 9.89583333%; } .contact_email_part2 .form_wrap { width: 880px; margin: 0 auto; } .contact_email_part2 li { background-color: #fff; height: 60px; box-shadow: 0 0 10px 2px rgba(178, 178, 178, 0.16); font-size: 14px; border-radius: 4px; padding: 0 25px; display: flex; margin-bottom: 15px; align-items: center; } .contact_email_part2 li label { color: #292929; white-space: nowrap; } .contact_email_part2 li label i { color: red; padding-right: 4px; } .contact_email_part2 li input { border: none; height: 100%; width: 100%; max-width: 82%; padding: 15px 20px 15px 0; } .contact_email_part2 .textarea { height: auto; } .contact_email_part2 .textarea textarea { border: none; width: 100%; padding: 15px 0; height: 180px; } .contact_email_part2 .makecode { position: relative; width: 210px; } .contact_email_part2 .makecode .code { position: absolute; top: 0; left: 100%; height: 100%; width: 158px; margin-left: 10px; cursor: pointer; } .contact_email_part2 .btn_box { display: block; height: auto; text-align: center; color: #fff; box-shadow: none; background: none; margin-top: 7.95454545%; } .contact_email_part2 .btn_box > input.get { display: none; } .contact_email_part2 .btn_box button { cursor: pointer; display: inline-block; height: 66px; border-radius: 4px; background-color: #d3d3d3; width: 29.54545455%; border: none; color: #fff; font-size: 18px; margin: 0 5px; } .contact_email_part2 .btn_box button.submit { background-color: #003586; } @media only screen and (max-width: 1440px) { .jcgk_part1_new .describe::before, .jcgk_part1_new .describe::after { left: 4%; } .jcgk_part1_new .describe::after { left: auto; right: 4%; } } @media only screen and (max-width: 1300px) { /* 鍩烘湰姒傚喌 */ .jcgk_part1 .screen_num li { margin-right: 0; width: 25%; margin-bottom: 4%; } .jcgk_part1_new .describe::before, .jcgk_part1_new .describe::after { left: 2%; font-size: 3em; } .jcgk_part1_new .describe::after { left: auto; right: 2%; top: 54%; } /* end */ /* 鑱旂郴鎴戜滑 -- 鍦板浘 */ .contact_wrap .map_info { height: auto; } .contact_wrap .map_info li { margin-top: 4%; } .team_wrap li { width: 30%; margin-right: 5%; } .team_wrap li:nth-child(4n) { margin-right: 5%; } .team_wrap li:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 1024px) { /* 鍏氬缓棣栭〉 */ .dj_part2 .item { float: left; width: 100%; margin: 0 0 4%; } .dj_part2 .item:last-child { margin: 0; } .dj_part3 .item { float: left; width: 100%; margin: 0 0 4%; } .dj_part4 .swiper-button-prev, .dj_part4 .swiper-button-next { left: 2%; width: 16px; height: 31px; } .dj_part4 .swiper-button-next { left: auto; right: 2%; } .black_list .item .tit { margin-bottom: 6%; } .black_list .item span { font-size: 14px; } .black_list .item a { padding: 6.5%; } /* end */ /* 鍏氶寤夋斂 */ .dflz_part1 .black_list .item { width: 48%; margin-right: 4%; margin-bottom: 4%; } .dflz_part1 .black_list .item:nth-child(3n) { margin-right: 4%; } .dflz_part1 .black_list .item:nth-child(2n) { margin-right: 0; } /* end */ /* 鍏氬缓鍔ㄦ€ */ .djdt_wrap li { width: 48%; margin-right: 4%; margin-bottom: 4%; } .djdt_wrap li:nth-child(3n) { margin-right: 4%; } .djdt_wrap li:nth-child(2n) { margin-right: 0; } /* end */ /* 涓婚娲诲姩 */ .zthd_list .img, .zthd_list .des { float: none; width: 100%; } /* end */ /* 鍩烘湰姒傚喌 */ .zthd_dtl_part2 li { width: 48%; } .jcgk_part2 .part_tit { font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .jcgk_part2 .content { margin-top: 0; } .jcgk_part2 .list { background: none; width: 100%; height: auto; overflow: hidden; } .jcgk_part2 .list .txt { position: static; font-size: 18px !important; transform: none; } .jcgk_part2 .list .item { width: 33.3333%; height: auto; text-align: left; margin-bottom: 2%; } .jcgk_part2 .list .fix { position: static; height: auto; margin-top: 2%; overflow: hidden; } .jcgk_part2 .list .icon { position: static; float: left; } .jcgk_part2 .list .line { display: none; } .jcgk_part2 .list .line + p { position: static; float: left; } /* end */ /* 鍔犲叆鏂伴挗 */ .jrxg_part3 .item { width: 48%; margin-right: 4%; margin-bottom: 4%; } .jrxg_part3 .item:nth-child(2n) { margin-right: 0; } .jrxg_part5 li .icon { width: 50px; height: 50px; } /* 鍔犲叆鏂伴挗end */ /* 鑱旂郴鎴戜滑--鍦板浘 */ .contact_wrap .map_info { position: static; left: 0; top: 0; width: 100%; transform: none; } /* 璧拌繘鏂伴挗--棣栭〉 */ .about_part1 .content .ll, .about_part1 .content .rr { float: none; width: 100%; } .about_part4 .swiper-button-prev { left: 2%; } .about_part4 .swiper-button-next { left: auto; right: 2%; } /* 璧拌繘鏂伴挗--棣栭〉 end*/ /* 钁d簨闀夸俊绠 */ .contact_email_part2 .form_wrap { width: 100%; } .team_wrap li { width: 48%; margin-right: 4%; margin-bottom: 4%; } .team_wrap li:nth-child(4n), .team_wrap li:nth-child(3n) { margin-right: 4%; } .team_wrap li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 768px) { a.link_more { font-size: 14px !important; } /* 鍏叡搴曢儴 */ .foot_le { display: none !important; } /* 鍏氶寤夋斂 */ .dflz_part1 .black_list .item { width: 100%; margin-right: 0 !important; } /* end */ /* 鍏氬缓鍔ㄦ€ */ .djdt_wrap li { width: 100%; margin-right: 0 !important; padding: 6%; } .djdt_wrap li h2.tit { margin-bottom: 10px; } /* end */ /* 鍩烘湰姒傚喌 */ .jcgk_part1 .screen_num li { width: 50%; } .jcgk_part2 .list .item { float: none; width: 100%; } .jcgk_part2 .list .icon { display: none; } .jcgk_part2 .list .txt { font-size: 16px !important; } .jcgk_part1_new .describe::before, .jcgk_part1_new .describe::after { font-size: 2em; } .jcgk_part1_new .describe::after { top: 65%; } .jcgk_part1_new .label_list li { width: 50%; margin-bottom: 2%; padding-left: 16%; } .jcgk_part1_new .jcgk_ljwh { height: 190px; background-size: cover; } .jcgk_part1_new .jcgk_ljwh .lab { padding: 2% 4%; } /* end */ /* 鍩烘湰姒傚喌 */ .zthd_dtl_part2 li { width: 100%; } .part_more a { font-size: 14px; } /* end */ /* 鍔犲叆鏂伴挗 */ .job_list .icon { width: 26px; height: 26px; top: 12%; left: 2%; } .jrxg_part3 .item { width: 100%; height: auto !important; } .jrxg_part3 .item .line { margin: 3% 0; } .jrxg_part3 .item .box { padding: 6%; } .jrxg_part5 li { width: 50%; } .jrxg_part5 li .icon { width: 40px; height: 40px; } /* 鍔犲叆鏂伴挗end */ /* 璧拌繘鏂伴挗--棣栭〉 */ .about_part1 .rr .screen_num li { width: 50%; margin-bottom: 4%; } .about_part2 .text { position: static; left: 0; top: 0; width: 100%; transform: none; padding: 6%; color: #000; background-color: #f6f6f7; } .about_part3 .ll, .about_part3 .rr { width: 100%; position: static; margin-bottom: 4%; } .about_part3 .img { transform: none !important; } .about_part3 .img img { transform: none !important; position: static; left: 0; } .about_part3 .text { position: static; width: 100%; left: 0; top: 0; background: #f6f6f7; color: #000; padding: 6%; } .about_part3 .text .textarea { opacity: 1; } /* 璧拌繘鏂伴挗--棣栭〉 end*/ /* 钁d簨闀夸俊绠 */ .contact_email_part2 .btn_box button { height: 50px; width: 40%; } } @media only screen and (max-width: 414px) { .jcgk_part1_new .dt { padding-left: 15px; } .jcgk_part1_new .label_list li { width: 100%; float: none; padding-left: 27%; } } @media only screen and (max-width: 375px) { .contact_email_part2 .makecode { width: 170px; } }