@media(max-width:1680px){ } @media(max-width:1480px){ } @media(max-width:1366px){ } @media(max-width:1280px){ /*.boxNav li:nth-child(3) div{width:230%;} .boxNav li:nth-child(4) div{width:430%;} .indNews a span h2{height:52px;} .indNews a span h2 i{line-height:26px;} .indNews a span h3{font-size:18px; line-height:26px;} .indNews a h4{line-height:20px;} .indNews a:nth-child(1) h1{font-size:18px; line-height:26px; }*/ .boxNav li:nth-child(5) div{width:12vw} .indProL{padding:0 4%} .footGp{padding:30px 25px; margin:0 25px 0 0; } .footEwm{width:390px;} .footEwm a{width:175px;margin:0 0 25px 20px;} .footEwm a:hover i{opacity:0; display:none} } @media(max-width:1200px){ .boxNav li{margin:0 0.2vw;} .boxNav li:nth-child(4) div{width:12vw} .boxNav li:nth-child(5) div{width:13vw} .boxNav li:nth-child(8) div{width:12vw} .indProL h1{font-size:13px;} .footGp{padding:20px 20px; margin:0 20px 0 0; } .footEwm{width:360px;} .footEwm a{width:160px;margin:0 0 25px 10px;} } @media(max-width:768px){ .boxTop{display:none} .banner{ display:none} .boxTopM{display:block} .bannerM{ display:block} /*---------------------indexSol---------------------*/ .boxIndSol{ padding:0 0 60px 0; margin:0 0 40px 0} .indSol{ margin:0} .indSol .swiper-slide{width:calc((100% - 10px)/2);margin:0 10px 0 0;} .indSol .swiper-slide div{width:100%;height:calc((90vw - 10px)/2*1.739); } .indSol .swiper-slide h1{font-size:15px; line-height:15px;} .indSol .swiper-slide h4{bottom:-40px; height:40px; } .indSol .swiper-slide h4 i{ font-size:12px; line-height:40px;} .indSol .swiper-slide:hover span{opacity:0} .indSol .swiper-slide:hover h2{opacity:0} .indSol .swiper-slide:hover h3{opacity:0} .boxIndSol .swiperBtn{top:auto; bottom:0; right:0; width:100%; text-align:center; position:absolute} .boxIndSol .swiperBtn a{ position:relative; top:0; margin:0} .boxIndSol .swiperBtn .btnPre{ left:0;} .boxIndSol .swiperBtn .btnNext{ right:0;} .boxIndSol .swiperBtn .swiperNum{display:inline-block!important} /*---------------------indexSol---------------------*/ /*---------------------indexPro---------------------*/ .indPro{margin:0 auto 40px auto;} .indPro .swiper-slide{ padding-top:60vw} .indProL{width:100%; padding:20px 20px 40px 20px} .indProL h1{font-size:16px; line-height:26px;} .indProL h2{ padding:20px 0 40px 0} .indProL h2 i img{ width:60%;} .indProL h2 i font{ font-size:16px; } .indProL .btnMore{ margin:0 auto} .i50 i{width:50%!important} .i50 i img{ width:40%!important} .indProR{width:100%; position:absolute; top:0; left:0} /*---------------------indexPro---------------------*/ /*---------------------indexNews---------------------*/ /*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;} .indNews a{width:100%; height:auto;max-height:none; margin:0 0 40px 0; } .indNews a:last-child{margin:0} .indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0} .indNews a span{width:100%; } .indNews a span h2{display:none} .indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block} .indNews a h4{display:none} .indNews a h5{height:auto;max-height:none;position:relative;} .indNews a:nth-child(1){width:100%} .indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555; padding:0; background:none;} .indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;} .indNews a:nth-child(1) h2{display:none} .indNews a:nth-child(2) h5{top:auto; bottom:0} .indNews a:nth-child(3) div{position:relative;}*/ /*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;} .indNews a{width:100%; height:auto;max-height:none; margin:0 0 30px 0; border:none} .indNews a:nth-child(3){ margin:0} .indNews a:nth-child(4),.indNews a:nth-child(5){ display:none} .indNews a h1{display:block; font-size:14px; line-height:26px; color:#999; margin:10px 0 0 0} .indNews a span{width:100%; } .indNews a span h2{display:none} .indNews a span h3{width:100%; font-size:18px; line-height:26px; display:block} .indNews a h4{display:none} .indNews a h5{height:auto;max-height:none;position:relative; display:block} .indNews a:nth-child(1){width:100%; height:auto} .indNews a:nth-child(1) div{position:relative; left:0; bottom:0; color:#555; padding:0; background:none;} .indNews a:nth-child(1) h1{display:block; font-size:14px; line-height:26px;} .indNews a:nth-child(1) h2{display:none} .indNews a:nth-child(2) h5{top:auto; bottom:0} .indNews a:nth-child(3) div{position:relative;}*/ .indNews{width:100%; overflow:hidden} .indNewLeft{width:100%;height:60vw;max-height:60vw;} .indNewLeft .swiper-slide span{padding:25px 15px;} .indNewLeft .swiper-slide span h1{display:block; font-size:16px; line-height:1.5em; font-weight:500} .indNewLeft .swiper-slide span h3{font-size:16px; line-height:1.5em; font-weight:500;} .indNewLeft a:hover img{transform:scale(1.0);} .indNewRight{width:100%; } .indNewRight a{width:100%; height:auto;max-height:none; margin:0; border-top:none;border-bottom:1px solid #eee; padding:20px 0 20px 70px; position:relative} .indNewRight a span{display:block; width:100%; overflow:hidden} .indNewRight a span h2{float:left;width:70px; height:50px;color:#1f529a; position:absolute; top:20px; left:0} .indNewRight a span h2 i{font-size:17px; } .indNewRight a span h2 font{font-size:12px;margin:3px 0 0 0;} .indNewRight a span h3{width:100%; font-size:16px; } .indNewRight a h4{font-size:12px;margin:5px 0 0 0; padding:0 0 0 0;} .indNewRight a:last-child{ display:none} .indNewsMore{ padding:40px 0 40px 0;} .centerMore{ padding:40px 0 40px 0;} /*---------------------indexNews---------------------*/ .btnMore{ width:180px;} .btnMore i{font-size:12px; } /*---------------------foot---------------------*/ .footCon{ padding:40px 0 10px 0} .footLogo img{ height:28px;} .footGp{padding:0 0 0 30px; margin:0; border:none} .footGp h1{ font-size:16px; } .footGp h2{padding:10px 0 10px 0;color:#1b4f99} .footGp h2 i{font-size:36px; line-height:36px;} .footGp h2 span{width:10px;height:9px;margin:0 5px 5px 5px} .footGp h2 font{font-size:16px; line-height:16px; margin-bottom:5px} .footContact{ display:block; width:100%;font-size:15px; line-height:26px; padding:30px 0; margin:30px auto; border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05)} .footEwm{position:relative; right:0; top:auto; margin-top:0; width:100%;} .footEwm a{ width:50%; display:inline-block; position:relative; margin:0 0 30px 0;} .footEwm a div{ display:inline-block; vertical-align:top; padding:0 5px 0 0; opacity:0.4} .footEwm a div img{width:20px} .footEwm a span{ display:inline-block; vertical-align:top} .footEwm a span h1{ font-size:13px; line-height:20px; font-weight:500; display:block; margin:0 0 5px 0} .footEwm a span h2{ font-size:8px; line-height:16px;} .footEwm a:hover i{pointer-events:auto} .boxFoot{font-size:10px; line-height:18px; padding:20px 20px; } /*---------------------foot---------------------*/ .aboutCon{padding:0 0 40px 0;} .aboutConL{width:100%; font-size:16px; line-height:26px;padding:0 0 20px 0;} .aboutConVideo{width:100%;} .aboutConVideo span{width:100%; height:45vw; } .aboutConVideo i{margin:-20px 0 0 -20px; width:40px; height:40px;} /*------------------------fzlc------------------------*/ .bgFzlc{width:100%; height:auto; background:url(../images/bgFzlcM.jpg) no-repeat center/100% 100%; padding:0 0 60px 0} .boxFzlc{float:none;position:relative; margin:40px 0 0 5%;padding:0 0 70px 0} .boxFzlcCon{} .boxFzlcCon .swiper-slide{ min-width:310px;padding:0 30px; } .boxFzlcCon .swiper-slide i{top:12px; } .boxFzlcCon .swiper-slide h1{font-size:32px;margin:0 0 30px 0} .boxFzlcCon .swiper-slide h2{font-size:18px;font-weight:500; margin:20px 0 10px 0} .boxFzlcCon .swiper-slide h3{font-size:16px;} .boxFzlc .swiperBtn{ margin-right:0} .boxFzlc .swiperBtn a{margin-left:0} .boxFzlc .swiperBtn .swiperNum{display:inline-block} .boxFzlc .swiperBtn{ top:auto; bottom:0; right:0; width:100%;text-align:center;margin-right:0} .boxFzlc .swiperBtn a{margin-left:0} .boxFzlc .swiperBtn .swiperNum{display:inline-block} /*------------------------fzlc------------------------*/ /*------------------------妯悜骞荤伅鐗?-----------------------*/ .boxPic{width:100%; margin:0 auto 40px auto; } .picList{width:100%; padding:20px; position:relative; margin:-20px 0 20px 0; overflow:hidden} .picList .swiper-slide{width:100%; margin:0; padding:10px 10px 0 10px; } .picList .swiper-slide div{width:100%; height:calc((90vw - 20px)*0.667);} .picList .swiper-slide i{font-size:16px;height:100px;} .picList .swiper-slide:hover img{transform:scale(1.0);} .picList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px calc(5vw + 10px) 10px} .picList1 a{width:100%; margin:0 0 20px 0; padding:10px 10px 0 10px; } .picList1 a:last-child{margin:0} .picList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;} .picList1 a div img{width:100%; height:100%;transition:transform 0.5s;} .picList1 a i{font-size:16px; height:100px;} /*------------------------妯悜骞荤伅鐗?-----------------------*/ /*------------------------hxln------------------------*/ .hxlnCon{width:100%; position:relative; margin:40px 0 40px 0; overflow:hidden} .hxlnCon .swiper-slide{width:100%;} .hxlnCon .swiper-slide div{width:100%; padding:5px 40px 35px 40px; background:url(../images/icoYh.png) no-repeat left top/20px auto;} .hxlnCon .swiper-slide div h1{font-size:20px; line-height:1.5em } .hxlnCon .swiper-slide div p{font-size:14px;color:#999; margin:20px 0 0 0} .hxlnCon .swiper-slide span{width:100%;} /*------------------------hxln------------------------*/ /*------------------------znln------------------------*/ .bgZnln{ width:100%;background:url(../images/bgZnln.jpg) no-repeat top center;height:840px;/*background-attachment:fixed; */ position:relative; padding:20px 0 0 0} .znlnCon .swiper-slide{ padding:0 40px;} .znlnCon .swiper-slide h1{font-size:20px; line-height:1.5em} .znlnCon .swiper-slide h1 i{display:block} .znlnCon .swiper-slide p{font-size:14px;color:#999; margin:0 0 20px 0} .bgZnln .swiperBtn{ bottom:300px;} .tabZnln{ display:none} /*------------------------znln------------------------*/ /*------------------------picNewsList------------------------*/ .picNewsList{width:90%;margin:0 auto;padding:0} .picNewsList a{width:100%; margin:0 0 20px 0; } .picNewsList a:last-child{ margin:0} .picNewsList a div{width:100%; height:60vw; max-height:none;} .picNewsList a div img{width:100%; height:100%;transition:transform 0.5s;} .picNewsList a i{font-size:16px; /*height:100px;*/ line-height:80px;} .picNewsList1{width:90%;margin:0 auto;padding:calc(5vw + 10px) 10px 0 10px} .picNewsList1 a{width:100%; margin:0 0 20px 0; } .picNewsList1 a:last-child{margin:0} .picNewsList1 a div{width:100%; height:calc((90vw - 20px)*0.67); max-height:none;} .picNewsList1 a div img{width:100%; height:100%;transition:transform 0.5s;} .picNewsList1 a i{font-size:16px; /*height:100px;*/line-height:80px;} /*------------------------picNewsList------------------------*/ .newsList{padding:calc(5vw - 20px) 10px 0 10px;} .newsList a{padding:30px 0;} .newsImg{width:100%;} .newsList span{width:100%; position:relative; padding:0; margin:15px 0 0 0} .newsDate{ display:none} .newsTitle{display:inline-block; vertical-align:middle; width:100%} .newsTitle h1{font-size:18px; line-height:26px; font-weight:500;white-space:normal; } .newsTitle h2{ display:none} .newsTitle h3{display:none} .newsTitle h4{font-size:14px; line-height:26px; color:#999; display:block} /*-----------------鍒嗛〉-----------------*/ .boxPage{text-align:center;margin:30px auto;} .numPage{display:none} .btnPage{float:none; margin:0 auto; display:inline-block} .boxPage span{ display:inline-block;} /*-----------------鍒嗛〉-----------------*/ /*--------------------------------show--------------------------------*/ .boxShow{padding:0 0 30px 0; margin:70px 0 0 0;} .boxShow1{margin:20px auto 0 auto} .showLeft{width:100%; overflow:hidden} .showTitle{padding:0 0 10px 0;font-size:18px;line-height:26px; text-align:left} .showInfo{ font-size:12px; line-height:20px;padding-bottom:20px; margin-bottom:20px;text-align:left} .showCon{font-size:16px; line-height:26px; } .showTitleJob h1{font-size:14px;line-height:22px;} .showTitleJob h2{font-size:18px;line-height:26px; } .showInfoJob{font-size:12px; line-height:20px; padding:10px 0 20px 0;} .showInfoJob i{margin-right:5px; border-right:1px solid #eee; padding:0 5px 0 0} .showInfoJob i:last-child{margin:0; padding:0; border:none} .showRight{width:100%; margin:30px 0 0 0; padding:0 20px} .showRight a{display:block; width:100%; padding:20px 0; font-size:14px; line-height:24px} .showRight a h1{width:80px; line-height:30px; font-size:12px;} /*--------------------------------show--------------------------------*/ /*--------------------------------showPro--------------------------------*/ .boxShowPro{ background:url(../images/bgProShow.jpg) no-repeat top center/100% auto; } .showProTitle{padding:30px 0 20px 0;font-size:18px;} .boxShowPro1{border-radius:8px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border:8px solid #fff; border-radius:5px; display:block; margin:0 20px; width:auto} .showProSwiper .swiper-pagination{bottom:10px!important;z-index:1; text-align:center;} .showProSwiper .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;} .showProSwiper .swiper-pagination-bullet-active{background:#fff; width:20px;} .showProSwiper .btnProPre{ display:none!important} .showProSwiper .btnProNext{display:none!important} .showProText{padding:30px 20px 0 20px; } .showProText p{font-size:14px; } .showProText img{width:100%} .showProNav{padding:30px 0 30px 0;font-size:20px;} .showProList li{ margin:0 0 30px 0} .showProList li h1{ margin:0 0 10px 0} .showProList li h1 i{font-size:16px; line-height:1em; padding:6px 16px;} .showProList li h2{font-size:14px; } .showProList li h2 i{width:100%;margin:20px 0 0 0; } .showProList li h2 font{font-size:clamp(26px,1.875vw,36px);} /*--------------------------------showPro--------------------------------*/ .showCur{line-height:60px;} .showCur a{padding:0 0 0 15px; margin:0 0 0 10px; background:url(../images/icoCurLine.png) no-repeat center left; } .showCur a:first-child{background:url(../images/icoHome1.png) no-repeat center left; margin:0; padding:0 0 0 16px} /*--------------------------------search--------------------------------*/ .searchNav{ font-size:14px; padding:40px 0 20px 10px; } .searchNav i{ font-size:40px; line-height:40px; color:#15499a; margin:0 5px} .searchList{ margin-bottom:30px} .searchList a{display:block; overflow:hidden; padding:25px 0 25px 14px; font-size:16px; line-height:26px; background:url(../images/bgLi.png) no-repeat 0 36px; text-align:justify} .searchList a i{float:none; display:block; font-size:12px; color:#999; text-align:right} /*--------------------------------search--------------------------------*/ /*------------share------------*/ .btnShare1{ display:none} /*------------share------------*/ /*------------jjfa------------*/ .textQy{ text-align:justify;font-size:16px; line-height:1.75em;padding:40px 0;} .boxIcoList{margin:0 0 40px 0;} .icoList{} .icoList .swiper-wrapper{height:400px;} .icoList .swiper-slide{height:200px;} .icoList .swiper-slide h1 img{ width:70px;} .icoList .swiper-slide h2{font-size:12px; font-weight:500; padding:0 10%} .icoList .swiper-slide h3{ position:relative; display:inline-block; margin:0 auto; padding:0 15px 0 0;} .icoList .swiper-slide h3 span{font-size:36px;line-height:1em;} .icoList .swiper-slide h3 i{right:3px; font-size:14px; line-height:14px;} .icoList .swiper-slide h3 font{font-size:12px; line-height:12px;} .space10{ right:-6px!important;} .row4 .swiper-slide{width:50%} .boxIcoList .swiperBtn{display:block} .textSmall .swiper-slide h2{font-size:12px!important; letter-spacing:0} .btnPrePc{display:none} .btnNextPc{display:none} /*------------jjfa------------*/ /*------------gzjs------------*/ .zxghBg{width:100vw; height:auto; max-height:none; margin:0 0 0 -5vw; background:url(../images/zxghBgM.jpg) no-repeat center top/cover} .zxghBg .navTitle{padding-top:40px!important} .boxGjjs{ margin:-30px 0 0 0} .boxGjjs li{width:100%; height:auto; border-right:none;border-bottom:1px solid rgba(255,255,255,0.3); padding:50px 30px;} .boxGjjs li:last-child{border:none} .boxGjjs li h1{width:100%;position:relative; top:0; margin:0 0 0 0} .boxGjjs li h1 i{width:80px; height:80px;} .boxGjjs li h1 font{font-size:16px;} .boxGjjs li h2{position:relative;top:0;width:100%; height:0;} .boxGjjs .on{width:100%!important; padding:50px 30px;} .boxGjjs .on h1{top:0; margin:0 0 10px 0} .boxGjjs .on h1 i{display:none} .boxGjjs .on h1 font{font-size:20px;display:inline-block; border-bottom:none; padding:0} .boxGjjs .on h2{top:0; opacity:1; height:auto} /*------------gzjs------------*/ /*------------------------case------------------------*/ .boxCase{padding:0 0 40px 0} .caseList{width:100%;} .caseList .swiper-slide{width:100%;} .caseList .swiper-slide div{width:100%; height:60vw; max-height:none;} .caseList .swiper-slide i{font-size:16px; height:auto;padding:20px 0 30px 0} /*------------------------case------------------------*/ /*------------------------fd------------------------*/ .boxFd{width:100%;height:auto; max-height:none;} .boxFd li{width:100%; height:auto; min-height:calc(60vw + 38px);transition:all .7s; position:relative; margin:0 0 40px 0} .boxFd li h1{position:relative; left:0; top:0; margin:0; } .boxFd li h1 font{font-size:18px;line-height:1em; border-bottom:none; color:#555; padding:0 0 20px 0} .boxFd li h2{width:100%; height:60vw; top:38px; left:0;} .boxFd li h2 i{display:block} .boxFd li h3{width:100%; height:60vw; position:relative;} .boxFd li h3 video{position:absolute;z-index:1;top:0;left:0; width:100%;height:60vw;transform:translateY(0);object-fit:cover} .boxFd li h4{font-size:14px; line-height:24px; color:#555; position:relative; left:0; bottom:0; z-index:2; width:100%; padding:20px; margin-top:60vw; background:#f9f9f9; display:block} .boxFd li:hover{width:100%; z-index:2} .boxFd li:hover h1{ left:0; top:0; margin:0; text-align:center} .bgGrayFd{ padding:0 0 60px 0} .imgFdjgt{margin:-10px auto 0 auto; max-width:90%;width:90%} .icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 40px 0;} .icoCon li{width:100%; position:relative; padding:30px 20px 30px 100px; text-align:left; background:#f4f4f4} .icoCon li:nth-child(2n){ background:#f9f9f9} .icoCon li h1{position:absolute; left:20px; top:50%; margin:-30px 0 0 0;} .icoCon li h1 img{ width:60px;} .icoCon li h2{font-size:18px; line-height:1.5em; margin:0;} .icoCon li h3{max-width:100%; } .fdListCon{padding:0 0 40px 0; } .fdListCon li{ width:100%; margin:0 0 40px 0} .fdListCon li:last-child{margin:0} .fdListCon li span{display:block;min-height:auto;} .fdListCon li h1{font-size:18px; line-height:1.5em; margin:20px 0 10px 0} .fdListCon li h2{font-size:14px; line-height:24px; } .hsfdIco{margin:0; padding:10px 0 20px 0; } .hsfdIco a{ width:33.3%; margin:0 0 40px 0} .hsfdIco a h1{} .hsfdIco a h1 img{width:80%;} .hsfdIco a h2{font-size:12px; line-height:12px; margin-top:10px;} .icoConLsfd{padding:0 0 40px 0; margin:0 0 0 0!important;} .hsfdList{ margin:10px 0 0 0; padding:0 0 20px 0;} .hsfdList a{width:100%; margin:0; } .hsfdList a:last-child{ margin-right:0} .hsfdList a div{width:100%; height:calc((100vw - 40px)*0.667); max-height:none;} .hsfdList a i{height:80px;padding:20px 0 0 0} .hsfdList{margin:10px 0 0 0; padding:0 0 30px 0;} .hsfdList a{width:100%; height:50vw; max-height:none; margin:0 0 20px 0 } .hsfdList a h1{ margin:-17px 0 0 0; } .hsfdList a h1 font{font-size:20px; padding:0 0 15px 0} /*------------------------fd------------------------*/ /*------------------------gf------------------------*/ .gfTitle{height:75vw;background:url(../images/bgGfM.jpg) no-repeat center/cover;} .gfTitle h1{font-size:26px;padding:40px 0 0 0} .gfList{padding:0 0 40px 0;} .gfList li{width:100%; height:50vw; margin:0 0 20px 0} .gfList li h1{ margin:-17px 0 0 0; } .gfList li h1 font{font-size:20px; padding:0 0 15px 0} .gfList1{} .gfList1 li{width:100%; height:50vw; } /*------------------------gf------------------------*/ /*------------cn------------*/ .cnfwBg{width:100%; height:auto; max-height:none; background:url(../images/cnBg.jpg) no-repeat center top/cover; margin:0 0 40px 0} .boxCnfw{height:100%;} .boxCnfw ul{width:100%;height:100%; background:rgba(0,0,0,0.2)} .boxCnfw li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;} .boxCnfw li h1{width:100%; padding:0; } .boxCnfw li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0} .boxCnfw li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;} .boxCnfw .on{width:100%!important; padding:40px 50px; text-align:center;} .boxCnfw .on h2{top:0; height:auto; opacity:1;} .bgFwkh{padding:0 0 20px 0} .fwkhList{} .fwkhList a{display:inline-block; width:calc((100% - 20px)/2); margin:0 20px 20px 0; background:#fff} .fwkhList a:nth-child(5n+5){margin:0 20px 20px 0;} .fwkhList a:nth-child(2n+2){margin-right:0;} .fwkhList a img{width:100%} .fwkhList a h2{ font-size:12px; line-height:16px; padding:0 0 10px 0;} /*------------cn------------*/ /*------------dw------------*/ .dwBg{width:100%; height:auto; max-height:none; background:url(../images/dwBg.jpg) no-repeat -450px top/cover; margin:0 0 40px 0; padding:0 20px} .dwBg .navTitleSub{padding:40px 0 40px 0!important;} .boxHxnl{height:100%;} .boxHxnl ul{width:100%;height:100%; /*background:rgba(0,0,0,0.2)*/} .boxHxnl li{position:relative;display:inline-block; vertical-align:top; width:100%; height:auto; padding:40px 0; box-sizing:border-box; border-right:none; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;} .boxHxnl li:first-child{border-top:1px solid rgba(255,255,255,0.3); } .boxHxnl li h1{width:100%; padding:0; } .boxHxnl li h1 font{font-size:20px;line-height:1em; display:inline-block; border-bottom:none; padding:0} .boxHxnl li h2{ position:relative; top:100%; left:0;width:100%;font-size:14px; line-height:1.75em; height:0;margin-top:15px;} .boxHxnl .on{width:100%!important; padding:40px 20px; text-align:center;} .boxHxnl .on h2{top:0; height:auto; opacity:1;} /*------------dw------------*/ /*------------qjny------------*/ .rjList{ max-width:none; padding:0 0 0 0} .rjList li{ width:50%; margin:10px 0 30px 0} /*.rjList li:last-child{margin:0 0 20px 0}*/ .rjList li img{ width:60%;} .rjList li i{display:block; margin:10px 0 0 0; font-size:14px;} .jdLogoList{text-align:center; padding:30px 0 30px 0} .jdLogoList a{display:inline-block; vertical-align:middle; margin:0; width:50%; padding:20px 0} .jdLogoList a img{max-width:60%; max-height:30px;} /*------------qjny------------*/ /*------------zhny------------*/ .zhnyBg{ background:url(../images/zhnyBgM.jpg) no-repeat center top/cover!important} .picFocus{padding:50px 0; margin:-50px auto 50px auto} .picFocus .swiper-slide{width:80vw; height:53.3vw;} .picFocus .swiper-slide h1 {padding:40px 10px 10px 10px;font-size:12px; line-height:20px;} .picFocus .swiper-pagination{bottom:10px!important;} .picFocus .swiper-pagination-bullet{width:6px; height:6px;} .picFocus .swiper-pagination-bullet-active{width:24px;} .picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-25px 0 0 -11px; } .picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-25px -11px 0 0; } /*------------zhny------------*/ /*------------szny------------*/ .icoSznyTab{padding:40px 0} .icoSznyTab a img{ width:70px;} .icoSznyTab a h3{font-size:16px; line-height:2em; font-weight:500} .boxSzny{width:100%; height:auto; max-height:none; margin:0 auto 0 auto;} .boxSzny .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; background:#1e4f9c} .boxSzny .swiper-slide p{ font-size:14px; line-height:1.75em; position:relative; padding:40px; top:0; } .boxSzny .swiper-slide img{width:100%;} /*------------szny------------*/ /*------------hygfcp------------*/ .flList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0;} .flList ul{width:100%; height:auto} .flList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .flList li:last-child{margin:0} .flList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 0 0;} .flList li h2{ position:relative;width:100%;left:0; top:0;padding:0; font-size:16px; opacity:1;transition:none; margin:5px 0 5px 0} .flList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .flList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .flList li div span{ display:none} .flList .on{width:100%!important;} .flList .on h1{text-align:left; padding:0;} .flList .on h2{opacity:1; top:0;} .flList .on h3{opacity:1; top:0;} .flList .on div{background-position:center 73%!important;} .flList .on span{ display:none} .bgGrayMs{ width:100%; padding:0 0 30px 0} .navMs{margin:-10px 0 30px 0} .navMs a{width:31%; line-height:40px; border-radius:20px; font-size:12px; margin:0 1%;} .boxMs{width:100%; height:auto; max-height:none;background:url(../images/bgMs.jpg) no-repeat center/cover} .boxMs .swiper-slide{width:100%; height:auto;position:relative; overflow:hidden; /*padding:0 2%*/ padding:30px 30px 110px 30px} .boxMs .swiper-slide h1{ font-size:20px; line-height:32px; padding:50px 0} .boxMs .swiper-slide div{width:100%; padding:0 30px; overflow:hidden} .boxMs .swiper-slide div li{width:100%; padding:0; margin:0 0 40px 0} .boxMs .swiper-slide div li h2{font-size:clamp(18px,1.145vw,22px); line-height:1.75em;} .boxMs .swiper-slide div li h3{display:inline-block; width:44px; height:2px; background:#fff; margin:5px 0 10px 0} .boxMs .swiper-slide div li h4{font-size:clamp(14px,0.9vw,18px); line-height:1.5em; text-align:justify} .boxMs .swiper-slide h5{font-size:16px; line-height:1.75em; width:100%; text-align:justify; display:block; margin:20px auto 0 auto} .boxZhyw{ height:auto; max-height:none; color:#555; background:url(../images/bgZhyw.jpg) no-repeat top center/100% auto;} .boxZhyw h1{font-size:20px; line-height:45vw; color:#fff} .boxZhyw div{width:100%; padding:0} .boxZhyw div li{width:100%; padding:30px 20px 40px 20px;border-bottom:1px solid #eee} .boxZhyw div li h2 img{ width:70px} .boxZhyw div li h3{margin:10px 0 0 0;} .boxZhyw div li h4{color:#999} .boxZhyw div li h5{} /*------------hygfcp------------*/ /*------------yfcx------------*/ .boxYfcxpt{ width:100%; height:auto; max-height:none; background:url(../images/bgYfcxptM.jpg?v=1.3) no-repeat center bottom/cover; padding:0 0 130vw 0; margin:0 0 40px 0} .boxYfcxpt div{ padding:40px;} .boxYfcxpt div p{font-size:clamp(14px,0.9vw,18px); line-height:1.75em;} .boxYfcxfx{padding:0 0 30px 0} .boxYfcxfx li{width:100%; height:auto; max-height:none; margin-bottom:30px} .boxYfcxfx li div{ width:100%; height:auto;display:block; } .boxYfcxfx li div span{padding:30px;} .boxYfcxfx li div span h1{margin:10px 0 30px 0} .boxYfcxfx li div span h1 i{} .boxYfcxfx li div span h2{} .boxYfcxfx li img{width:100%; } .boxYfcxcg{width:100vw; height:auto; max-height:none; background:url(../images/bgYfcxcgM.jpg) no-repeat center bottom/100% auto; margin:0 0 0 -5vw; padding:40px 30px 80vw 30px} .boxYfcxcg ul{ width:100%; display:block;} .boxYfcxcg li{background:url(../images/bgLineWhite.png) no-repeat bottom left; padding:15px 0; color:#fff} .boxYfcxcg li h1{line-height:50px; font-size:14px; line-height:22px; padding:0 0 0 24px; background:url(../images/icoAdd.png) no-repeat left center/18px 18px; cursor:pointer} .boxYfcxcg li div{font-size:10px; line-height:24px; padding:10px 0 20px 18px;} .boxYfcxcg li:last-child div{padding-left:24px;} .boxYfcxcg li div i{display:block} .boxYfcxcg li div i font{font-size:8px; line-height:14px; border-radius:10px; padding:0 5px; margin-right:5px;} .boxYfcxcg .on h1{background:url(../images/icoRed.png) no-repeat left center/18px 18px!important;} .boxYfcxcg .on div{display:block} /*------------yfcx------------*/ /*------------inv------------*/ .invSearch{ padding:30px 0;} .invSearch i{ font-size:14px; color:#aaa; display:inline-block; vertical-align:middle; margin:0 20px 0 5px} .invSearch span{ width:calc(100% - 90px); height:40px; } .invSearch select{height:38px;} .invList{} .invList a{padding:25px 0 20px 40px; background:url(../images/icoPdf.png) no-repeat 5px 27px/20px auto; } .invList a h1{line-height:1.5em;} .invList a h2{ font-size:14px; } .invList a h3{right:0; top:50%; margin-top:-13px; width:26px; height:26px; display:none} .boxTzzll{ margin:0 auto 0 auto} .boxTzzll li{width:100%; text-align:center; border-right:none;border-bottom:1px solid #eee; padding:30px 0} .boxTzzll li:last-child{border:none} .boxTzzll li img{width:60px; display:inline-block; vertical-align:middle} .boxTzzll li span{width:calc(100% - 70px);display:inline-block; vertical-align:middle; padding:0 0 0 20px; text-align:left} .boxTzzll li h1{font-size:16px;} .boxTzzll li h2{font-size:18px; } /*------------inv------------*/ /*------------join------------*/ .joinText{ padding:50px 30px;font-size:20px;line-height:1.7em;} .joinNav{ text-align:center; padding:40px 0} .joinNav a img{width:60px} .joinNav a h1{font-size:14px;margin:15px 0 0 0} .joinList{} .joinList li{ padding:30px 20px;} .joinList li h1{font-size:16px; line-height:26px; padding:0 30px 0 15px; background:url(../images/bgLiBlue.png) no-repeat left center/6px 6px; cursor:pointer;} .joinList li h1 i{margin-top:-10px; right:0; width:20px; height:20px; } .joinList li div{ padding:0 0 0 15px;} .joinList li div a{line-height:22px; padding:20px 20px 20px 0;} .joinList li div a i{width:20px;} .joinTips{padding:40px 0 60px 0;} /*------------join------------*/ /*------------contact------------*/ .boxContact{ padding:20px 0 0 0} .boxContact a{width:100%; margin:0; padding:30px 0 40px 0; border-bottom:1px solid #eee} .boxContact a:last-child{ border:0} .boxContact a h1 img{ width:60px;} .boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0} .boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888} .boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888} .contactMap{ height:300px} .boxMsg{padding:0 20px; margin:0 0 40px 0; background:none} .boxMsg h1{font-size:20px;line-height:1.7em;padding:50px 30px 30px 30px} .msgSubmit{ max-width:none;} /*------------contact------------*/ /*---------------------title---------------------*/ .navTitle{ padding:40px 0 30px 0;} .navTitle h1{font-size:24px;} .navTitle h2{font-size:16px; line-height:26px; margin:10px 0 0 0;} .bottomLine{ border-bottom:1px solid #ebebeb} .paddingBottom100{ padding-bottom:40px!important} .navTitleSub{ width:80%;display:block; padding:40px 0 30px 0; } .navTitleSub h1{font-size:22px;line-height:1.5em;} .navTitleSub h2{font-size:14px;line-height:24px;color:#999; text-align:justify; padding:15px 0 0 0;} .navTitleTab{padding:40px 0 0 0;} .navTitleTab h1{font-size:24px} .navTitleTab h2{margin:25px 0 0 0;} .navTitleTab h2 a{font-size:12px; line-height:60px} .navTitleTab h3{width:100%; margin:30px 0 0 0} .navTitleTab h3 a{font-size:12px; line-height:36px;width:33.33%;border:2px solid #fff; margin:0 0 10px 0} .navTitleTab h3 .on{color:#1959a1!important; border:2px solid #1959a1!important; border-radius:20px;} .navTitleTab h4{font-size:22px} .navIndProTab a{width:50%;} .tCenterM{text-align:center} .tPc{display:none;} .tM{display:block;} .tPcM{display:block;} .imgPc{display:none} .imgM{display:block} .marginB100{ margin-bottom:40px;} .paddingTop10{padding-top:30px!important} .paddingTop50{padding-top:30px!important} /*---------------------title---------------------*/ .icoMark{ padding:0 0 40px 0; } .icoMark a img{ width:70%;} .icoMark a h3{font-size:14px;} /*---------------------鎵嬮鐞存牱寮?--------------------*/ .gjjsList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0;} .gjjsList ul{width:100%; height:auto} .gjjsList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .gjjsList li:last-child{margin:0} .gjjsList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0} .gjjsList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .gjjsList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .gjjsList li div span{ display:none} .gjjsList .on{width:100%!important;} .gjjsList .on h1{text-align:left; padding:0;} .gjjsList .on h3{opacity:1; top:0;} .gjjsList .on div{background-position:center 73%!important;} .gjjsList .on span{ display:none} .cnList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;} .cnList ul{width:100%; height:auto} .cnList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .cnList li:last-child{margin:0} .cnList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0} .cnList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .cnList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .cnList li div span{ display:none} .cnList .on{width:100%!important;} .cnList .on h1{text-align:left; padding:0;} .cnList .on h3{opacity:1; top:0;} .cnList .on div{background-position:center 73%!important;} .cnList .on span{ display:none} .cnList li:nth-child(3):hover h3{top:auto;} .sznyList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;} .sznyList ul{width:100%; height:auto} .sznyList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .sznyList li:last-child{margin:0} .sznyList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0} .sznyList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .sznyList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .sznyList li div span{ display:none} .sznyList .on{width:100%!important;} .sznyList .on h1{text-align:left; padding:0;} .sznyList .on h3{opacity:1; top:0;} .sznyList .on div{background-position:center 73%!important;} .sznyList .on span{ display:none} .sznyList li:nth-child(3):hover h3{top:auto;} .hygfList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;} .hygfList ul{width:100%; height:auto} .hygfList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .hygfList li:last-child{margin:0} .hygfList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0} .hygfList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .hygfList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .hygfList li div span{ display:none} .hygfList .on{width:100%!important;} .hygfList .on h1{text-align:left; padding:0;} .hygfList .on h3{opacity:1; top:0;} .hygfList .on div{background-position:center 73%!important;} .hygfList .on span{ display:none} .hygfList li:nth-child(3):hover h3{top:auto;} .dwList{ width:100%; height:auto; max-height:none; overflow:hidden; margin:0 0 0 0;} .dwList ul{width:100%; height:auto} .dwList li{width:100%; padding:60vw 0 30px 0; height:100%;transition:none; color:#555; margin:0 0 30px 0} .dwList li:last-child{margin:0} .dwList li h1{ position:relative;width:100%; top:0; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:left;transition:none; z-index:2; margin:20px 0 15px 0; padding:0} .dwList li h3{ position:relative;width:100%;left:0; top:0;padding:0; font-size:14px; opacity:1;transition:none; color:#888;} .dwList li div{ position:absolute; top:0; left:0;width:100%; height:60vw; background-position:center 73%!important; } .dwList li div span{ display:none} .dwList .on{width:100%!important;} .dwList .on h1{text-align:left; padding:0;} .dwList .on h3{opacity:1; top:0;} .dwList .on div{background-position:center 73%!important;} .dwList .on span{ display:none} /*---------------------淇敼鍚庣殑娴蜂笂椋庣數鏄剧ず椤?--------------------*/ .showBanner{ width:100%; height:100vw;} .showBanner div{width:90%;margin:30px auto 60px auto; } .showBanner div h1{font-size:24px; } .showBanner div h2{width:48px; margin:8px 0} .showBanner div h3{font-size:12px; line-height:1.5em; width:100%;} .showBanner i{display:none} .showNavTitle{padding:40px 0 30px 0; position:relative; color:#333} .showNavTitle h1{font-size:24px;line-height:1.5em; font-weight:500;} .showNavTitle h2{font-size:16px; line-height:26px; margin:0 auto; width:70%} .showHsfd{width:calc(100% - 40px); padding:0; margin:30px auto 30px auto; } .showHsfdL{width:100%; padding:20px 20px 0 20px} .showHsfdL li{background:url(../images/icoShowHsfd.png) no-repeat left 10px/8px auto; padding:0 0 50px 15px} .showHsfdL li h1{font-size:18px;line-height:1.5em;} .showHsfdL li h2{font-size:14px;line-height:24px; } .showHsfdR{ width:100%; text-align:center; background:url(../images/bgShowHsfd2_1.png) no-repeat center right/80% auto; position:relative; right:auto; bottom:auto; height:80vw; } .showHsfdR img{ width:50%; } .showHsfd1 .showHsfdL{ margin-left:0; } .showHsfd1 .showHsfdR{background:url(../images/bgShowHsfd2_2.png) no-repeat bottom left/80% auto!important;right:auto!important; left:0} .showNavTitle1{ width:84%; margin:40px auto 0 auto;display:block; padding:40px 0 30px 0; } .showNavTitle1 h1{font-size:16px; line-height:26px;} .showHsfdPicList{margin:0 auto 0 auto;} .showHsfdPicList li{width:100%; margin:0 0 30px 0;} .showHsfdPicList li span{min-height:auto; padding:0 20px 30px 20px} .showHsfdPicList li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 10px 0} .showHsfdPicList li h2{font-size:14px;line-height:24px; } .width_50{max-height:none; height:auto;} .width_50 .showHsfdL{width:100%!important; padding:20px 20px 0 20px} .width_50 .showHsfdL h1{ margin-bottom:20px} .width_50 .showHsfdR{width:100%!important;background:url(../images/bgShowHsfd2_1.png) no-repeat bottom right/80% auto!important; } .width_50 .showHsfdR img{ width:50%;} /*---------------------淇敼鍚庣殑娴蜂笂椋庣數鏄剧ず椤?-------------------*/ .boxVideo .btnVideo{margin:-20px 0 0 -20px;z-index:1;width:40px; height:40px;} .boxVideo .btnVideo:hover{background:rgba(20,87,158,0.5) url(../images/icoVideo.png) no-repeat center/40px 40px; padding:10px; width:60px; height:60px;margin:-30px 0 0 -30px;} .boxFajz{background:url(../images/zhnyBg.jpg) no-repeat top center/100% auto; padding-bottom:0; margin-bottom:0; color:#555} .boxFajz .icoCon li h3{color:#999;} .showTable{ width:100%;border-top:1px solid #ddd;} .showTable li{text-align:left;border-bottom:1px solid #ddd; padding:15px 0;background:url(../images/bgLi.png) no-repeat 0 24px/4px 4px;padding:15px 0 15px 12px;line-height:22px;} .showTable li i{font-size:12px; line-height:14px; text-align:left; color:#999; margin:0 5px 0 0} .showTable li i:nth-child(1){width:100%; text-align:left; background:none;font-size:16px; line-height:22px; color:#555;padding:0 0 10px 0; margin:0} .showTable li i:nth-child(2){width:auto;} .showTable li i:nth-child(3){width:auto;} .showTable li i:nth-child(4){width:auto;} .headTable{display:none} .marginTop100{ margin-top:40px} .moreList{position:absolute; right:0; top:-67px;} .moreList a{ font-size:10px; line-height:10px; text-transform:uppercase} .moreList1{position:absolute; right:0; top:-50px;} .moreList1 a{ font-size:10px; line-height:10px; text-transform:uppercase} .moreList2{position:absolute; right:0; top:-53px;} .moreList2 a{ font-size:10px; line-height:10px; text-transform:uppercase} .navTitle .moreList{position:absolute; right:0; top:54px;} .navTitle .moreList a{ font-size:10px; line-height:10px; text-transform:uppercase} /*------------------------caseListMore------------------------*/ .caseListMore{width:100%; position:relative; margin:0; overflow:hidden} .caseListMore a{width:100%; margin:0 0 50px 0;} .caseListMore a div{width:100%; height:60vw;} .caseListMore a div img{width:100%; height:100%;transition:transform 0.5s;} .caseListMore a i{font-size:14px;line-height:1.5em; height:auto; padding:20px 0 0 0} /*------------------------caseListMore------------------------*/ .caseListText{ width:100%; padding:0 0 30px 0;} .caseListText a{ background:#fff; border-radius:6px; width:100%; margin:0 0 10px 0; padding:0 20px 0 15px; height:70px;display:flex;align-items:center;justify-content:center; } .caseListText a i{display:block; background:url(../images/bgLi.png) no-repeat 0 8px;font-size:14px;line-height:20px;padding:0 0 0 12px;white-space:normal; } .caseListText a:nth-child(even){ margin-right:0} .boxNygh{width:100%;display:block; margin:0 auto; padding:0 0 30px 0} .boxNygh li{width:100%; height:auto; max-height:none; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px} .boxNygh li div{width:100%; height:auto; display:block; padding:30px;} .boxNygh li div span{display:block; width:100%; padding:0} .boxNygh li div span h1{font-size:20px; line-height:20px;margin:0 0 15px 0} .boxNygh li div span h2{font-size:14px; line-height:24px; text-align:justify} .boxNygh li div span h3{font-size:16px; line-height:24px; font-weight:500; margin:20px 0 5px 0} .boxNygh li div span h4{ width:100%;max-height:none;} .boxNygh li div span h4 i{background:url(../images/bgLi.png) no-repeat 0 11px;font-size:14px;line-height:26px; padding:0 0 0 12px;} .boxNygh li img{width:100%;} }