.last{ margin-right: 0px!important; } .philosophy{ line-height: 47px; color: #070304; font-size: 20px; margin-bottom: 22px; } .philosophy div { background-image: linear-gradient(-90deg, #92c219 0%, #0084cd 100%), linear-gradient(#005bac, #005bac); margin-top:10px; height:1px; } .company-ohilo{ background: #f2f2f2; } .company-ohilo-ul li{ float: left; width: 32.58%; margin-right: 1.08%; padding:10px 5px; box-sizing:border-box; } .company-ohilo-ul li p img { border-radius: 15px; } .company-ohilo-ul li img{ width: 100%; } .company-ohilo-p{ padding: 2% 100px 0 0; line-height: 200%; } .company-ohilo-p strong{ display: block; color: #000; font-size: 14px; padding-bottom: 3px; } .company-ohilo-p em{ display: block; color: #000; font-size: 12px; font-style: normal; color:rgb(89, 89, 89); } .abdivhe{ height:294px; } .abdivbg{ background:url(images/中国-中.png) no-repeat 343px 103px;background-size:375px 285px; } .abdivbg1{ background:url(/shengao/files/image/20170802/6363729238338449982723855.png) no-repeat 384px 7px; background-size:321px 191px; line-height:216%; margin:2% 2% 4.3% } .abdivbg2{ background:url(/shengao/files/image/20170802/6363729222622851109476118.png) no-repeat 394px 50px; background-size:301px 182px; margin:2% 2% 2px; line-height:216%; } .abdivbg3{ background:url(/shengao/files/image/20170802/6363729248166212107383121.png) no-repeat 405px 39px; background-size:291px 199px; margin:2% 2% 4.5%; line-height:216% } @media all and (max-width: 768px) and (min-width:640px){ .company-ohilo-ul li{ width: 48%; } .company-ohilo-ul{ padding: 0 0 1% 0; } .philosophy{ line-height: 70px; font-size: 24px; } .company-ohilo-ul{ padding: 0; } .company-ohilo-p strong{ font-size: 20px; padding-bottom: 2px; } .company-ohilo-p em{ font-size: 16px; } .company-ohilo-p{ padding: 2% 100px 0 0; } } @media all and (max-width: 414px){ .philosophy{ line-height: 65px; font-size: 22px; } .company-ohilo-ul{ padding: 0; } .company-ohilo-ul li{ width: 100%; margin-right: 0; margin-bottom: 8px; } .company-ohilo-p{ padding: 1% 100px 0 0; } .company-ohilo-p strong{ font-size: 17px; padding-bottom: 2px; } .company-ohilo-p em{ font-size: 15px; } } @media (max-width:640px){ .company-ohilo-ul li{ width: 100%; } .abdivbg , .abdivbg1 , .abdivbg2 , .abdivbg3{ background-image: none; } .abdivhe { height: 300px; } .philosophy{ padding:0px 3%; } } /*clearfix写在浮动元素的上层*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0; } .clearfix { *zoom: 1; } .color5 { color:#0069b9; } #contents { width: 85%; } #contents>ul { width: 100%; background-color: #ffffff; } #contents ul li { width:50% !important; /*padding: 10px;*/ float: left; /*box-sizing: border-box;*/ height: 175px; } #contents ul.list-paddingleft-2 li p{line-height:37px;float:left;} #contents { width: 85%; } #contents>ul { width: 100%; background-color: #ffffff; } #contents1 ul li { /*width: 50%;*/ /*padding: 10px;*/ float: left; /*box-sizing: border-box;*/ /* height: 383px;*/ } #contents1 ul.list-paddingleft-2 li p{line-height:33px;float:left;} .content1{ max-width: 1202px; margin: 0 auto; width: 100%; min-width: 320px; } #contents { width: 85%; } #contents ul { width: 100%; background-color: #ffffff; display: flex; display: -webkit-flex; flex-wrap: wrap; } #contents ul li { width: 50%; padding: 10px; box-sizing: border-box; border-bottom: 1px solid rgba(69, 69, 71, 0.2); } #contents1 { width: 85%; } #contents1 ul { width: 100%; background-color: #ffffff; display: flex; display: -webkit-flex; flex-wrap: wrap; } #contents1 ul li { width: 50%; padding: 10px; box-sizing: border-box; border-bottom: 1px solid rgba(69, 69, 71, 0.2); }