.ppjs-r{position: relative;} .ppjs-r .ppjs-img { position: absolute; right: 0; top: 0; width: calc(100% - 500px); height: 100%; overflow: hidden; } @media screen and (max-width: 720px) { .ppjs-r .ppjs-img {position: relative;height: 300px;} } @media screen and (max-width: 1600px) { .ppjs-r .ppjs-img{width: 50%;} .w-1600 { width: 1200px; } .ly-title { margin-left: 20px; } .ly-subtitle { margin-left: 20px; } .header { height: 80px; } .header .logo { width: 450px; } .header .logo a { margin-top: 20px; } .header .logo a img { height: auto; width: 100%; } .header .ly-nav { margin-top: 25px; margin-left: 15px; } .header .ly-nav>li { padding: 0 5px 10px; font-size: 14px; line-height: 30px; } .header .tags { margin-top: 30px; } .dx-1 ul li { width: 24%; height: 250px; margin-bottom: 15px; margin-right: 1%; } .dx-1 ul li:nth-of-type(4n) { margin-right: 0; } .dx-1 ul li:nth-of-type(5n) { margin-right: 1%; } .dx-1 ul li .jjfa-tit { margin-bottom: 10px; font-size: 24px; line-height: 40px; } .dx-2 .cpzx-l { width: 100%; margin-right: 20px; float: none; } .cpzx-l .cp-top { height: 300px; background-position: center; background-size: cover; } .cpzx-l .cp-bot { margin-top: 10px; } .cpzx-l .cp-bot .cp-b-list { width: calc(50% - 5px); margin-right: 10px; } .dx-2 .cpzx-r { width: 100%; margin: 10px auto; height: auto; padding: 30px 20px; } .dx-2 .cpzx-r .cpzx-r-det { width: 50%; float: left; } .dx-2 .cpzx-r .cpzx-r-img { float: right; width: 40%; margin-top: 10px; } .dx-2 .cpzx-r .cpzx-r-img img { width: 100%; } .cases .cases_left { width: 80%; height: 400px; } .cases .cases_left .box { left: 25px; bottom: 35px; } .cases .cases_left .cases-img { margin-left: 40px; margin-top: 50px; width: 500px; height: 300px; } .cases-content ul { width: 350px; height: 130px; overflow: hidden; } .cases .cases_left .cases-content { float: left; margin-right: 0; margin-left: 20px; margin-top: 75px; } .casesbox_lbox { width: calc(20% - 10px); } .casesbox_lbox .cases_right { height: 400px; } .casesbox_lbox .cases_slideb { padding: 20px 25px; } .ppjs-l { width: 250px; } .ppjs-l .item { width: 100%; } .ppjs-r { float: right; margin-left: 0px; margin-top: 130px; width: 900px; height: 375px; background: #FFFFFF; } .ppjs-r .ppjs-cont { float: left; width: 50%; padding: 35px 25px; } .ppjs-r .ppjs-cont a { margin-top: 15px; } .ppjs-r .ppjs-cont ul { margin-top: 15px; } .ppjs-r .ppjs-cont ul li { margin-right: 30px; } .ppjs-r .ppjs-img img { height: 100%; } .dx-5 .xwdt-r { width: 900px; } .bdv_item .swiper-slide .new-det { padding: 29px 0px 34px; margin: 0 15px; } .xwdt-r .new-bot { margin: 40px 25px 0; } .bdv_item .swiper-slide .new-det .det-cont { width: 180px; } .footer .foot-l { width: 85%; } .footer .foot-r { width: 15%; } .footer .foot-l .inner { margin-bottom: 60px; } .footer .foot-r .foot-pho { text-align: right; } .footer .foot-r .foot-info { margin-top: 20px; } .footer .foot-r .foot-pho p:first-child { margin-right: 0; } .footer .foot-r .code { margin-top: 20px; } }