.select-work{ position: relative; } .select-work .select-form{ height: 248px; padding: 48px 0 0 24px ; } .select-work .select-form .input-box{ display: flex; flex-wrap: wrap; } .select-work .select-form .input-box .item{ display: flex; align-items: center; margin-right: 30px; margin-bottom: 18px; font-size: 18px; } .select-work .select-form .input-box .item span{ margin-right: 10px; } .select-work .select-form .input-box input[type="text"]{ width: 356px; height: 60px; border: 1px solid #A3A3A3; line-height: 50px; padding: 5px 10px; font-size: 18px; color: #333; } .select-work .select-form .input-box input[type="text"]::placeholder{ color: #999; font-size: 18px; } .select-work .select-form .item-btn{ position: relative; } .select-work .select-form .item-btn img{ position: absolute; top: 50%; left:30%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .select-work .select-form .item-btn{ width: 184px; height: 60px; background: #004BA0; font-size: 20px; color: #fff; padding-left: 20px; justify-content: center; cursor: pointer; } .select-work .select-form select{ width: 373px; border: 1px solid #A3A3A3; background: url('../img/sanjiao.png'); background-repeat: no-repeat; background-size: 4% ; background-position: 96%; font-size: 18px; color: #333; } .news-lists{ padding: 52px 0 73px; } .news-lists ul{ display: flex; flex-wrap: wrap; margin-top: 58px; } .news-lists ul li{ width: 31.2%; /* height: 557px; */ background: #FFFFFF; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); padding: 14px 13px 26px; margin: 0 43px 52px 0; } .news-lists ul li:nth-of-type(3n){ margin-right: 0; } .news-lists ul .list .desc{ padding-right: 20px; } .news-lists ul .list .desc .info{ display: flex; align-items: center; margin-top: 25px; } .news-lists ul .list .desc .info img{ margin-right: 4px; } .news-lists ul .list .watch-more{ background: none; border: 1px solid #A3A3A3; margin-top: 39px; } .news-lists ul .list .watch-more i{ background-image: url(../img/lj-moreg.png); } .news-lists ul .list:hover .watch-more{ color: #fff; background: #004BA0; border: none; opacity: 1; } .news-lists ul .list:hover .watch-more i{ background-image: url(../img/lj-more.png); } .news-lists ul{ margin-bottom: 40px; } @media (max-width: 1440px){ .news-lists ul li{ margin: 0 30px 52px 0; } } @media (max-width: 750px){ .select-work .select-form{ height: auto; padding: .25rem ; } .select-work .select-form .input-box .item{ margin-right: .15rem; margin-bottom: .25rem; font-size: .26rem; } .select-work .select-form .input-box .item span{ margin-right: 0; } .select-work .select-form .input-box input[type="text"]{ width: 3rem; height: .7rem; line-height: .5rem; padding: .1rem .13rem; font-size: .24rem; } .select-work .select-form .input-box input[type="text"]::placeholder{ font-size: .24rem; } .select-work .select-form .item-btn img{ width: .26rem; } .select-work .select-form .item-btn button{ width: 1.76rem; height: .7rem; font-size: .26rem; padding-left: .4rem; margin-right: 0; } .select-work .select-form select{ width: 2.1rem; height: .7rem; font-size: .24rem; background-size: 8%; } .select-work .select-form .input-box .item:nth-of-type(3) select{ width: 5.2rem; background-size: 3%; } .news-lists{ padding: .26rem 0 .79rem; } .news-lists ul{ margin-top: .35rem; margin-bottom: 0; } .news-lists ul li{ width: 48%; height: auto; background: #FFFFFF; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); padding: 5px 5px 15px; margin: 0 9px 9px 0; } .news-lists ul li:nth-of-type(2n){ margin-right: 0; } .news-lists ul li:nth-of-type(3n){ margin-right: 9px; } .news-lists ul li.pic-box{ height: 1.96rem; } .news-lists ul .list .desc{ padding-right: 0; } .news-lists ul .list .desc .info{ margin-top: .24rem; } .news-lists ul .list .desc .info img{ margin-right: 4px; width: .36rem; } .news-lists ul .list .watch-more{ background: none; border: none; margin-top: .35rem; width: auto; height: auto; justify-content: flex-start; } }