.text img{ display: block; } /*tuandui 鎶€鏈洟闃 */ .tuandui{ width: 100%; overflow: hidden; padding: 3% 0 2%; margin: 0 auto; } #owl-demo { position: relative; width: 813px; overflow: hidden; margin: 0 auto; } #owl-demo .item { position: relative; display: block; } #owl-demo img { display: block; width: 100%; } .owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center; } .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 100%; } .owl-pagination .active { width: 20px; border-radius: 10px; } .owl-buttons { display: none; } .owl-buttons div { position: absolute; top: 50%; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px; } .owl-prev { left: 0; background: url(/images/tuandui-left.png) no-repeat; } .owl-next { right: 0; background: url(/images/tuandui-right.png) no-repeat; } @media only screen and (max-width: 640px) { #owl-demo { width: 100%; } } .tuandui p{ padding: 20px 0; font-size: 16px; line-height: 30px; text-align: center; color: #333; } .tuandui p span{ color: #fff; padding: 5px; margin: 0 1px; border-radius: 100%; background: #34b26b; } .tuandui ul{} .tuandui ul li{ width: 25%; overflow: hidden; float: left; margin-bottom: 20px; } .tuandui ul li a{ display: block; width: 90%; overflow: hidden; margin: 0 auto; } .tuandui ul li a img{ display: block; width: 100%; } .tuandui ul li a span{ width: 100%; height: 30px; display: block; line-height: 30px; font-size: 14px; text-align: center; } /*shengchan 绮剧泭鐢熶骇 */ .shengchan{ width: 800px; overflow: hidden; padding: 0; margin: 0 auto; } /*.shengchan ul{} .shengchan ul li{ width: 50%; overflow: hidden; float: left; margin-bottom: 15px; } .shengchan ul li a{ display: block; width: 96%; overflow: hidden; margin: 0 auto; } .shengchan ul li a img{ display: block; width: 100%; }*/ @media only screen and (max-width: 640px) { .shengchan { width: 100%; } .tuandui ul li{ width: 33%; overflow: hidden; float: left; margin-bottom: 20px; } } /*hezuo 鎶€鏈悎浣?/ .hezuo{ width: 94%; overflow: hidden; padding: 25px 4% 3% 2%; } .hezuo p img{ display: block; margin: 0 auto; } .hezuo .hz-row{ width: 100%; overflow: hidden; padding: 15px 0; border-top: 1px solid #ededed; } .hezuo .hz-row h1{ font-size: 18px; line-height: 35px; } .hezuo .hz-row h1 span{ color: #a3a3a3; font-size: 14px; } .hezuo .hz-row ul{ display: block; width: 100%; overflow: hidden; } .hezuo .hz-row ul li{ width: 16.6666667%; float: left; overflow: hidden; padding: 20px 0; } .hezuo .hz-row ul li a{ display: block; width: 90%; overflow: hidden; margin: 0 auto; } .hezuo .hz-row ul li a img{ width: 90px; height: 90px; display: block; margin: 0 auto; } .hezuo .hz-row ul li a span{ margin-top: 5px; display: block; text-align: center; line-height: 23px; font-size: 14px; } @media only screen and (max-width: 640px) { .hezuo .hz-row ul li{ width: 33.3333333%; padding: 5px 0; } .hezuo .hz-row ul li a img{ width: 60px; height: 60px; } .hezuo .hz-row ul li a span{ font-size: 12px; height: 23px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } }