ul,li{ padding: 0px; margin:0px; list-style: none; } .banner{ background: url(../img/banner.jpg) center top no-repeat #17438E; } .banner .container{ } .banner p,.banner a{ color: #fff; } .banner_title{ font-size: 16px; } .banner_l{ margin-top: 220px; } .banner_r{ padding-bottom: 10px; margin-top: 95px; padding-left: 110px !important; } .list_select select{ border:none; display: inline; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; width:50%; } .list_select select:last-child{ margin-left: -5px; } .banner_focus>a{ display:block; line-height: 24px; padding-left: 20px; font-size: 16px; background: url(../img/xing.png) left center no-repeat; } .banner_focus>a:first-child{ margin-top: 30px; } .banner_focus>a:last-child{ margin-top: 20px; } #pic{ overflow: hidden; } /*主体内容开始*/ .housal{ margin-top: 45px; background: #EBEBEB; } .introd{ margin-top: 35px; border:1px #ccc solid; padding: 5px; } .sale_content h2{ margin-bottom: 10px; } .sale_content p{ margin-top: 10px; } .sale_content{ padding-left: 30px !important; } .sale_img img{ margin: 0 auto; } .sale_pro{ margin-top: 15px; } .sal_imglist img{ display: block; max-width: 100%; margin: 0 auto; } .sal_imglist li{ margin-top: 20px; } .sal_imglist img{ border:1px solid #fff; } .sal_imglist img:hover{ border:1px solid #ccc; } .recom_l img{ margin: 0 auto; } .recom_l{ margin-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .recom_product{ margin-top: 45px; border:1px solid #ccc; border-top: none; } .recom_l>div{ border-right: 1px #ccc dashed; } .recom_l>div:last-child{ border-right: none; } .fenbu{ margin-top: 45px; } .area_list{ margin-top: 25px; border:1px solid #ccc; background: #EBEBEB; padding: 10px 20px 30px 20px; box-shadow: 5px 5px 10px #ccc; } .area_list h3{ text-align: center; background: #16428D; color: #fff; padding-top:5px; padding-bottom: 5px; margin-bottom: 5px; } .ning_other{ margin-top: 45px; background: #EBEBEB; } .ask h2{ text-align: left; padding: 10px 10px; padding-top: 15px; border-bottom: 2px solid #16428D; margin-bottom: 10px; } .ask .ask_box{ padding-left: 20px; padding-right: 20px; } .ask_box h4{ /*text-align: center;*/ padding-bottom: 10px; } .ask h2 a{ display: inline-block; font-size: 16px; float: right; font-weight: normal; vertical-align: bottom; } .honor_c{ margin-top: 45px; } .ico3 li{ line-height: 24px; } .nmess{ margin-top: 45px; border:1px solid #ccc; padding-bottom: 10px; padding-right: 10px; } .nmess .img-responsive{ margin: 0 auto; margin-bottom: 20px; } .honor_list li img{ max-width: 100%; } .honor_list li{ margin-top: 15px; } .honor_list li p{ margin-top: 10px; } .honor_list li img{ transition: transform 1s; -webkit-transition: transform 1s; -moz-transition:transform 1s; -ms-transition:transform 1s; } .honor_list li:hover img{ cursor: pointer; -ms-transform: scale(1.1,1.1); /* IE 9 */ -moz-transform: scale(1.1,1.1); /*Firefox*/ -webkit-transform: scale(1.1,1.1); /* Safari */ transform: scale(1.1,1.1); /* 标准语法 */ } /*主体内容结束*/ @media (max-width:1200px){ .banner{ background-size:130% auto; } } @media (max-width:1000px){ .banner{ background-size:120% auto; } .banner_l{ margin-top: 150px; } .banner_r{ padding-bottom: 10px; margin-top: 95px; padding-left: 0px !important; } } @media (max-width:760px){ .banner{ background-size:135% auto; } .banner_l{ margin-top: 100px; } .ask{ margin-bottom: 10px; } } @media (max-width:449px){ .xl3{ width: 25%; float: left; } .xl6{ width: 50%; float: left; } }