.clamp2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.5; max-height:3em; overflow:hidden; text-overflow:ellipsis } a.more_btn { font-size:12px; color:#fff; display:inline-block; width:74px; height:23px; line-height:23px; text-align:center; background:#f7b114; border-radius:20px } a.more_btn:hover { box-shadow:0 0 8px rgba(0,0,0,.3) } .organic_wrap { background:#f7f7f7 url(../images/organic_bg.png) center bottom no-repeat; background-size:100% 100%!important; padding:5.1% 0 6.5% } .speed_wrap { padding:6.77% 0 } .speed_wrap .s_l { float:left; width:40% } .speed_wrap .s_r { width:54.986%; float:right; line-height:1.5 } .speed_wrap .s_r p { margin-bottom:35px } .notice_wrap { background:#fff; padding:0 0 6.77% } .notice_wrap .notice_tab { background:#f0f0f0; padding-top:6.77%; text-align:center } .notice_wrap .notice_tab a { display:inline-block; padding:0 2px 20px; margin:0 1.4% } .notice_wrap .notice_tab a:hover,.notice_wrap .notice_tab a.on { color:#023894; border-bottom:4px solid #023894 } .notice_wrap .notice_list { padding-top:5.55% } .notice_wrap .notice_list .items { clear:both } .notice_wrap .notice_list .item { position:relative; float:left; width:29.5%; background:#f0f0f0; margin-right:5.75%; padding:2.8% 2.19% 2.5%; color:#2e3035; margin-bottom:3.52%; transition:all .3s } .notice_wrap .notice_list .item:hover { box-shadow:0 0 10px 1px rgba(0,0,0,.3) } .notice_wrap .notice_list .item:nth-child(3n) { margin-right:0 } .notice_wrap .notice_list .item:nth-child(2n) { background:#fafbfc } .notice_wrap .notice_list .item h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.5; max-height:3em; overflow:hidden; text-overflow:ellipsis } .notice_wrap .notice_list .item p { margin-bottom:25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.5; max-height:3em; overflow:hidden; text-overflow:ellipsis } .notice_wrap .notice_list .item .date { font-size:14px; display:block } .notice_wrap .notice_list .item .more_btn,.media_wrap .media_list a.more_btn { position:absolute; bottom:8.47%; left:7.0588%; font-size:12px; color:#fff; display:inline-block; width:74px; height:23px; line-height:23px; text-align:center; background:#f7b114; border-radius:20px } .notice_wrap .notice_list .item .more_btn:hover { box-shadow:0 0 8px rgba(0,0,0,.3) } .media_wrap .media_list { margin-top:7.5%; margin-bottom:5% } .media_wrap .media_list li { position:relative; margin-top:4.86%; padding-bottom:4.86%; border-bottom:1px solid #e0e0e0 } .media_wrap .media_list li:first-child { margin-top:0 } .media_wrap .media_list li:last-child { border:0 } .media_wrap .media_list .img { width:32.2222% } .media_wrap .media_list .txt { position:absolute; top:0; left:35.5555% } .media_wrap .media_list .txt p { color:#4a4a4a; line-height:1.6; margin-top:10px } .media_wrap .media_list h2 { line-height:1.5 } .media_wrap .media_list .date { display:block; padding-top:15px; color:#8f8f8f } .media_wrap .media_list a.more_btn { position:relative; left:0; margin-top:15px } .media_wrap .media_list a.more_btn:hover { box-shadow:0 0 8px rgba(0,0,0,.3) } .industry_sec1 { background:#f0f0f0; padding-top:4.323%; padding-bottom:20px } .industry_sec1 .items { overflow:hidden; text-align:center; font-size:0 } .industry_sec1 .item { display:inline-block; width:14.2857%; font-size:16px; text-align:center; margin-bottom: 1.5%; } .industry_sec1 .item .icon_box { position:relative; width:57px; height:57px; background:#fff; color:#454545; border-radius:15px; margin:0 auto } .industry_sec1 .item .icon_box i { font-size:28px } .industry_sec1 .item .icon_box i img{width:40px; height: 40px; overflow: hidden;} .industry_sec1 .item .icon_box i img+img{ display: none;} .industry_sec1 .item.on .icon_box { background:#023894; color:#fff } .industry_sec1 .item.on .icon_box i img{ display: none;} .industry_sec1 .item.on .icon_box i img+img{ display:block;} .industry_sec1 .item.on p { color:#023894 } .industry_sec1 .item p { margin-top:11.7%; line-height:1.2; height: 2.4em; overflow: hidden; font-size:14px; } .industry_sec2 { padding-top:4%; background:#fff url(../images/industry_1.jpg) 0 top no-repeat; background-size:100% auto } .industry_sec2 h3 { color:#023894 } .industry_sec2 h3 a.more_btn { float:right } .industry_sec2 .des { width:90%; margin:0 auto } .industry_sec2 .des .edit { margin-top:2.23% } .pc-swiper { width:100%; float:left } .pc-swiper .swiper-slide { -webkit-transition:transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; -o-transition:transform 1s; -webkit-transform:scale(0.85); transform:scale(0.85); margin-top:70px; margin-bottom:70px } .pc-swiper .swiper-slide-active,.pc-swiper .swiper-slide-duplicate-active { -webkit-transform:scale(1.15); transform:scale(1.15); z-index:1002 } .pc-swiper .swiper-slide img { width:100%; display:block; height:100%; border:0 } .pc-swiper .layer-mask { width:100%; height:100%; opacity:.7; transition:all .5s; background:rgba(255,255,255,.6) border-box; box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 .5em 1em rgba(0,0,0,.6); position:absolute; left:0; top:0; right:0 } .pc-swiper .layer-mask::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:-30px; z-index:-1; -webkit-filter:blur(20px); filter:blur(20px) } .pc-swiper .swiper-slide-active .layer-mask { display:none } .pc-swiper .swiper-button-next { width:28px; background-image:url(../images/swiper-next.png); background-size:100% auto; right:10% } .pc-swiper .swiper-button-prev { left:10%; width:28px; background-image:url(../images/swiper-prev.png); background-size:100% auto } .industry_dtl_wrap h3 { margin-bottom:5% } .industry_dtl_wrap .industry_dtl_sec1 { padding-top:4.6875%; padding-bottom:2% } .industry_dtl_wrap .industry_dtl_sec2 { padding-top:5%; overflow:hidden } .industry_dtl_sec3 { overflow:hidden; margin-top:3% } .industry_dtl_sec3 .item { float:left; width:31.5%; background:#f7f9fa; margin-right:2.75%; margin-bottom:5% } .industry_dtl_sec3 .item:nth-child(3n) { margin-right:0 } .industry_dtl_sec3 .item .img { width:97%; margin-top:-25px } .industry_dtl_sec3 .item .txt { padding:6.63% 5%; overflow:hidden } .industry_dtl_sec3 .item .name { white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .industry_dtl_sec3 .item .more_btn { float:right; margin-top:15px; clear:both } .banner_close { position:absolute; top:45px; right:75px; z-index:3; width:60px; height:60px; background:url(../images/close.png) center center no-repeat; background-size:100% 100%; cursor:pointer } .industry_detail_wrap { color:#0d0d0d; padding-top:3.125% } .industry_detail_wrap .idt_title { padding-bottom:2.43%; border-bottom:2px solid #f1f1f1 } .industry_detail_wrap .idt_title span { font-weight:700; padding-left:5% } .industry_detail_wrap .idt_title span:nth-child(1) { padding-left:0 } .industry_detail_wrap .edit { padding-top:2.43% } .industry_detail_wrap .idt_edit_img { font-size:0; margin-top:5%; margin-bottom:5% } .industry_detail_wrap .idt_edit_img span { padding-right:12px; display:inline-block } .industry_detail_wrap .idt_edit_img span.i1 { width:49.4444% } .industry_detail_wrap .idt_edit_img span.i2,.industry_detail_wrap .idt_edit_img span.i3 { width:21.5% } .industry_detail_wrap .more_pro .t { margin-bottom:10px; max-width:1440px; width:90%; margin-left:auto; margin-right:auto; color:#4a4e50 } .industry_detail_wrap .more_pro .items { background:#f7f9fa; padding:4.427% 0; overflow:hidden } .industry_detail_wrap .more_pro .item { width:30.35%; float:left; text-align:center; margin-right:4.475% } .industry_detail_wrap .more_pro .item:nth-child(3n) { margin-right:0 } .industry_detail_wrap .more_pro .item p { margin-top:5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 2% } .honor_wrap .industry_dtl_sec3 { padding-top:2%; overflow:inherit } .honor_wrap .industry_dtl_sec3 .items { overflow:inherit } .honor_wrap .industry_dtl_sec3 .item .name { white-space:normal; color:#0d0d0d; left:5%; right:5% } .honor_wrap .industry_dtl_sec3 .item .txt { position:relative; padding:2% 5%; height:90px } .phone_box { display:none } .company_wrap { padding-top:7.8% } .company_wrap .sec1 .items { overflow:hidden } .company_wrap .sec1 .item { float:left; width:25%; text-align:center; border-right:1px solid #b6b5bd } .company_wrap .sec1 .item .t { color:#023894 } .company_wrap .sec1 .item .b { white-space:nowrap } .company_wrap .sec1 .i1 { text-align:left } .company_wrap .sec1 .i1 .b { padding-left:20px } .company_wrap .sec1 .i4 { text-align:right; border-right:0 } .company_wrap .sec1 .i4 .t { display:inline-block; width:170px; text-align:center } .company_wrap .sec2 { padding-top:6.9444%; color:#4a4e50 } .company_wrap .sec2 .video-part { margin-top:3% } .company_wrap .sec2 .video-top { width:100%; position:relative; cursor:pointer; margin-bottom:60px } .company_wrap .sec2 .video-top video { width:100%; height:100%; object-fit:cover; object-position:center } .company_wrap .sec2 .video_bg { position:absolute; top:0; left:0; width:100%; height:100% } .company_wrap .sec2 .video_bg i { color:#fff; top:45%; width:38px; height:42px; background:url(../images/video_blank.png) repeat center center } .company_wrap .sec2 .video_p { position:absolute; bottom:55px; left:0; width:100%; text-align:center; color:#fff } .company_wrap .sec2 .video_p h1 { margin-bottom:15px } .company_wrap .sec2 .video_p p { letter-spacing:30px } .company_wrap .sec2 .video_p p span { margin:0 30px } .company_wrap .sec3 { position:relative } .company_wrap .sec3 .txt { height:100%; color:#fff } .company_wrap .sec3 .item { position:relative; width:370px; float:left; display:inline-block; margin-right:6.9444%; height:90px; margin-top:5.97% } .company_wrap .sec3 .item::before { content:""; display:block; position:absolute; left:0; top:-20px; height:2px; width:60px; background-color:#fff } .company_wrap .sec3 .item:nth-child(2n) { margin-right:0 } .company_wrap .sec3 .img_zz{width:100%;} .company_wrap .sec3 .img_zz img{width:100%;} .company_wrap .sec4 { padding:6.9444% 0 7.2% } .company_wrap .sec4 .l { float:left; width:46.476% } .company_wrap .sec4 .l .img { background-color:#f7f9fa; margin-left:40px; margin-top:40px } .company_wrap .sec4 .l .img img { position:relative; left:-40px; top:-40px; width:100% } .company_wrap .sec4 .r { float:right; padding-top:40px; width:39.444% } .company_wrap .sec4 .r .des { line-height:1.5; margin-bottom:9.5% } .video_appbox { position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999; opacity:0; visibility:hidden; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s } .video_appbox.show { visibility:visible; opacity:1 } .video_appbox video { object-fit:cover; width:100% } .video_appbox .video_t { z-index:2; background:#000; width:1035px; max-width:94%; height:60%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all .6s; -webkit-transition:all .6s; -moz-transition:all .6s; -o-transition:all .6s; -ms-transition:all .6s; visibility:hidden; opacity:0 } .video_appbox.show .video_t { visibility:visible; opacity:1; top:50% } .video_appbox .mask { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5) } .lt9 .video_appbox .mask { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr="#88000000",EndColorStr="#88000000") } .vide0_close { position:absolute; top:20px; right:20px; cursor:pointer; z-index:99999 } .vide0_close i { color:#fff; font-size:20px; font-weight:700 } .intment_wrap { padding-top:3.6% } .intment_wrap .sec2 { margin-top:3.4%; background:url(../images/int_sec2_bg.jpg) center top no-repeat; background-size:100% 100% } .intment_wrap .sec2 .form { position:relative; width:41.80555%; float:right; height:100% } .intment_wrap .sec2 .form_group { width:280px } .intment_wrap .sec2 .form_group .tit { text-align:center; color:#fff } .intment_wrap .sec2 .prov_box.on .provinces { display:block } .intment_wrap .sec2 .prov_box { background:#e9edf4 url(../images/select_sj.jpg) 95% center no-repeat } .intment_wrap .sec2 .prov_box input { cursor:pointer } .intment_wrap .sec2 .prov_box .provinces { display:none; position:absolute; top:100%; left:0; z-index:2; width:100%; cursor:pointer; background:#e9edf4; max-height:194px; overflow:auto } .intment_wrap .sec2 .prov_box .provinces li { padding:2px 2%; cursor:pointer } .intment_wrap .sec2 .prov_box .provinces li:hover { color:#fff; background-color:#ccc } .intment_wrap .sec2 .group_item { position:relative; background-color:#e9edf4; margin-top:20px } .intment_wrap .sec2 .group_item input { border:0; width:100%; padding:10px; height:42px; font-size:14px; background:0 0 } .intment_wrap .sec2 .group_item button { cursor:pointer; border:0; font-size:16px; color:#fff; height:42px; line-height:42px; text-align:center; display:block; background:#0077bf; width:100%; border-bottom:1px solid #f7b114 } .intment_wrap .sec3 { padding-top:3.1%; overflow:hidden } .intment_wrap .sec3 .tit { color:#3b3b3b; padding:3.125% 0 } .intment_wrap .sec3 .item { float:left; width:33.33333%; padding:0 5.9%; height: 0; padding-bottom: 16%; margin-bottom: 5%; border-left:1px solid #d1d1d1; color:#3b3b3b } .intment_wrap .sec3 .item:nth-child(3n+1) { padding-left:0; border-left:0 } .intment_wrap .sec3 .icon { width:67px; height:67px; background-color:#025db1!important; border-radius:22px; margin-bottom:15px } .intment_wrap .sec3 .des { height:100px; margin-bottom:40px; overflow:hidden } .intment_wrap .sec4 { margin-top:2.6%; padding-top:4.58333%; padding-bottom:6.0937%; background:#e9edf4 url(../images/int_sec4_bg.jpg) left top no-repeat; background-size:100% auto } .intment_wrap .sec4 .tit { margin-bottom:2.5% } .intment_wrap .sec4 .items { overflow:hidden } .intment_wrap .sec4 .item { color:#3b3b3b; line-height:40px; float:left; margin-left:4% } .intment_wrap .sec4 .item:first-child { margin-left:0 } .intment_wrap .sec4 .item span { display:inline-block; vertical-align:top; width:40px; height:40px; text-align:center; line-height:40px; font-size:16px; background-color:#fff; border-radius:14px; margin-right:15px } @media screen and (max-width:1399px) { .intment_wrap .sec3 .item {padding-bottom: 20%;} } @media screen and (max-width:668px) { .pc-swiper { background-size:auto 100% } }@media only screen and (max-width:1024px) { .banner_close { right:30px; top:30px } .speed_wrap .s_l,.speed_wrap .s_r { float:none; width:100% } .speed_wrap .s_l,.speed_wrap .s_r p { margin-bottom:5% } .notice_wrap .notice_list .item { width:49%; margin-right:2% } .notice_wrap .notice_list .item p { margin-bottom:8px } .notice_wrap .notice_list .item:nth-child(3n) { margin-right:2% } .notice_wrap .notice_list .item:nth-child(2n) { margin-right:0 } .media_wrap .media_list .img,.media_wrap .media_list .txt { position:relative; left:0; width:100% } .media_wrap .media_list .txt h2 { font-weight:700; padding-top:4% } .industry_sec1 .item { width:25%; margin-bottom:5% } .industry_dtl_sec3 .item .img { margin-top:0; width:100% } .industry_dtl_sec3 .item .img img { width:100% } .company_wrap { padding-top:5% } .company_wrap .sec1 .item { width:50%; text-align:center; margin-bottom:4%; padding:0 3% } .company_wrap .sec1 .item .b { white-space:normal } .company_wrap .sec1 .item.i2 { border-right:0 } .company_wrap .sec3 .txt .items { position:relative; top:0 } .company_wrap .sec3 .txt .item { width:50%; margin-right:0; padding-right:2% } .company_wrap .sec4 .l .img { margin-top:0; margin-left:0 } .company_wrap .sec4 .l .img img { left:0; top:0 } .company_wrap .sec4 .r { padding-top:0 } .intment_wrap .sec2 .form_group { width:200px } .intment_wrap .sec2 .group_item { margin-top:10px } .intment_wrap .sec2 .group_item input { height:30px; padding:5px } .intment_wrap .sec2 .prov_box .provinces { height:132px } .intment_wrap .sec3 .item { width:100%; padding:0; height: auto; border-left:0 } .intment_wrap .sec3 .icon { margin-bottom:10px; width:40px; height:40px; border-radius:16px } .intment_wrap .sec3 .des { height:auto; margin-bottom:0; } }@media only screen and (max-width:768px) { .notice_wrap .notice_list .item .more_btn,.media_wrap .media_list a.more_btn { display:none } .industry_dtl_sec3 .item { width:47.5%; margin-bottom:8%; margin-right:5% } .industry_dtl_sec3 .item:nth-child(3n) { margin-right:5% } .industry_dtl_sec3 .item:nth-child(2n) { margin-right:0 } .industry_detail_wrap .more_pro .item { width:100%; margin-right:0; margin-bottom:6% } .banner_close { width:30px; height:30px } .industry_detail_wrap .idt_edit_img span { width:100%!important; margin-right:0; margin-bottom:2% } .honor_wrap .industry_dtl_sec3 .item .txt { height:60px } .video-part { display:none } .phone_box { display:block; margin:30px 0; position:relative } .phone_box .video_bg { position:absolute; top:0; left:0; width:100%; height:100% } .company_wrap .sec3 { width:100%; background-size:auto 100%!important } .company_wrap .sec3 .img_zz { position:absolute; top:0; left:0; width:100%; height:100% } .company_wrap .sec3 .img_zz img { height:100% } .company_wrap .sec3 .txt { position:relative; left:0; top:0; width:100%; transform:none } .company_wrap .sec3 .txt .items { position:relative; left:0; top:0; width:90%; margin:0 auto; transform:none; overflow:hidden; padding:6% 0 12% } .company_wrap .sec3 .txt .item { width:100%; float:none; height:auto } .company_wrap .sec4 .l,.company_wrap .sec4 .r { width:100% } .company_wrap .sec4 .r { margin-top:4% } .intment_wrap .sec2 { height:auto!important } .intment_wrap .sec2 .form { background:#e9edf4; float:none; width:100%; padding:5% 0 } .intment_wrap .sec2 .form_group { position:inherit; left:0; top:0; transform:none; width:95%; margin:0 auto } .intment_wrap .sec2 .form_group .tit { color:#000 } .intment_wrap .sec2 .group_item { background-color:#fff; margin-top:15px } .intment_wrap .sec2 .group_item input { height:40px } .intment_wrap .sec2 .prov_box .provinces { background-color:#fff; height:151px } .intment_wrap .sec4 .item { float:none; margin-bottom:5%; margin-left:0 } }@media only screen and (max-width:414px) { .industry_sec1 .wrap { width:100% } }@media only screen and (max-width:375px) { .industry_sec1 .item p { font-size:12px } }