.con{ width: 1200px; margin: 10px auto; overflow: hidden; } .mbx{ overflow: hidden; background-color: #f9f9f9; padding: 5px 10px; margin: 10px auto; } .mbx h1{ font-size: 19px; line-height: 30px; float: left; letter-spacing: 1px; color: #2fa1f0; font-weight: bold; } .mbx h2{ font-size: 18px; line-height: 30px; float: left; letter-spacing: 1px; } .mbx p{ float: right; color: #333; line-height: 30px; } .mbx p a{ color: #333; } .conn{ margin: 10px auto; overflow: hidden; } .conlf{ width: 70%; float: left; } .conzt{ overflow: hidden; } .conzt ul li{ margin: 10px auto; padding:10px; overflow: hidden; border-bottom: 1px dashed #eee; } .conzt ul li img{ width: 20%; float: left; border: 1px solid #eee; } .conzt ul li .conztrg{ width: 78%; float: right; } .conzt ul li .conztrg h5{ font-size: 15px; line-height: 30px; color: #2fa1f0; font-weight: normal; } .conzt ul li .conztrg span{ font-size: 14px; line-height: 25px; color: #666; font-style: italic; } .conzt ul li .conztrg p{ font-size: 14px; line-height: 25px; color: #666; } .conzt ul li:hover{ background-color: #2fa1f0; border-bottom: 1px dashed #2fa1f0; box-shadow:6px 7px 8px #0984da; } .conzt ul li:hover img{ border: 1px solid #2fa1f0; } .conzt ul li:hover .conztrg h5,.conzt ul li:hover .conztrg span,.conzt ul li:hover .conztrg P{ color: #fff; } .fenye{ margin: 10px auto; overflow: hidden; } .fenye li{ float: left; padding: 1px 8px; line-height: 25px; border: 1px solid #eee; color: #333; margin-right: 3px; font-size: 12px; } .fenye li a{ color: #333; font-size: 12px; } .fenye li:hover{ background-color: #2fa1f0; color: #fff; } .fenye li:hover a{ color: #fff; } .conrg{ width: 24%; float: right; } .contymb h2{ font-size: 18px; color: #2fa1f0; line-height: 30px; padding: 10px 0; letter-spacing: 1px; } .contymb h2 a{ font-size: 18px; color: #F44336; line-height: 30px; padding: 10px 0; letter-spacing: 1px; } .conrg h3{ font-size: 17px; background-color: #2fa1f0; color: #fff; line-height: 30px; padding: 10px; text-align: center; letter-spacing: 1px; } .conrgone ul{ padding: 10px 2px; overflow: hidden; } .conrgone ul li{ width: 44%; float: left; background-color: #eee; line-height: 35px; background: url(../img/lbqd.png) no-repeat left; padding-left: 16px; } .conrgone ul li:nth-child(2n){ margin-right: 0; } .conrgone ul li:nth-child(11){ width: 100%; } .conrgone ul li a{ color: #000; } .conrgone ul li:hover a{ color: #2fa1f0; } .conrgtwo ul li{ padding:0 10px; overflow: hidden; line-height: 30px; background: url(../img/lbqd.png) no-repeat left; padding-left: 16px; } .conrgtwo ul{ margin: 10px auto; } .conrgtwo ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; float: left; color: #000; } .conrgtwo ul li span{ float: right; font-size:12px; } .conrgtwo ul li:hover{ background-color: #2fa1f0; } .conrgtwo ul li:hover a,.conrgtwo ul li:hover span{ color: #fff; } .conrgthree ul{ overflow: hidden; margin-top: 10px; } .conrgthree ul li{ margin-bottom: 10px; width: 49%; margin-right: 2%; float: left; } .conrgthree ul li:nth-child(2n){ margin-right: 0; } .conrgthree ul li img{ width: 100%; } .conrgthree ul li p{ line-height: 33px; text-align: center; padding: 0 10px; color: #000; background-color: #eee; } .conrgthree ul li:hover p{ background-color: #2fa1f0; color: #fff; } .connytit{ margin-top: 10px; border-bottom: 1px dashed #eee; } .connytit h1{ font-size: 19px; line-height: 30px; color: #2fa1f0; } .connytit p{ font-size: 12px; line-height: 30px; color: #666; font-style: italic; } .connytit p span{ float: right; font-size: 12px; } .protj{ padding: 10px 0; } .protj h3{ font-size: 18px; line-height: 30px; } .protj ul{ overflow: hidden; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; padding: 10px 0; overflow: hidden; } .protj ul li{ width: 24%; float: left; margin-right: 1%; } .protj ul li:nth-child(4n){ margin-right: 0; } .protj ul li img{ width: 100%; } .protj ul li p{ text-align: center; line-height: 30px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; } .connytj{ padding: 10px 0; } .connytj h3{ font-size: 18px; line-height: 40px; } .connytj ul{ overflow: hidden; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; padding: 10px 0; } .connytj ul li{ width: 29%; float: left; line-height: 30px; margin-right: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../img/lbqd.png) no-repeat left; padding-left: 19px; } .connytj ul li:nth-child(3n){ margin-right: 0; } .connytj ul li a{ color: #333; } .connynr{ margin: 15px auto; line-height: 25px; } .connynr h3{ font-size: 17px; color:#2fa1f0; line-height: 28px; } .sxpys{ overflow: hidden; background-color: #eee; padding: 5px 10px; margin: 10px auto; } .sxpys p{ width: 50%; float: left; line-height: 30px; } .sxpys p a{ color: #000; } .contymb h3{ font-size: 17px; color:#2fa1f0; margin: 15px auto; line-height: 28px; letter-spacing:1px; } .contymb h3 span{ font-size: 17px; } .contymb p{ margin:7px auto; font-size: 14px; line-height: 23.5px; } .contjal h3{ font-size: 17px; border-left: 8px solid #2fa1f0; padding-left: 8px; margin: 15px auto; line-height: 28px; border-bottom: 1px dashed #eee; } .contjal ul{ overflow: hidden; } .contjal ul li{ width: 24.25%; float: left; margin-right: 1%; } .contjal ul li:nth-child(4n){ margin-right:0; } .contjal ul li img{ width: 100%; height: 136px; } .contjal ul li p{ text-align: center; line-height: 33px; background-color: #eee; color: #000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; } .contjal ul li:hover p{ background-color: #2fa1f0; color: #fff; } .conpro ul{ overflow: hidden; } .conpro ul li{ width: 32%; float: left; margin-right:2%; margin-bottom: 15px; } .conpro ul li:nth-child(3n){ margin-right:0; } .conpro ul li img{ width: 100%; height: 176px; } .conpro ul li p{ text-align: center; line-height: 33px; background-color: #eee; color: #000; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .conpro ul li:hover p{ background-color: #2fa1f0; color: #fff; } /* 简介正文 */ .gywmlm img{ width:100%; margin: 15px auto; } .gywmrg{ margin: 15px auto; overflow: hidden; } .gywmrg ul li{ border-bottom: 1px dashed #eee; padding: 2px 0; margin: 10px auto; width: 49%; float: left; margin-right: 2%; } .gywmrg ul li:nth-child(2n){ margin-right: 0; } .gywmrg span{ color: #c30632; font-weight: bold; font-size: 15px; } .gywmrg p{ font-size: 13px !important; } /* case频道 */ .casepd{ overflow: hidden; } .casepd ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px; float: left; text-align: center; } .casepd ul li:nth-child(2n){ margin-right: 0; } .casepd ul li img{ width: 100%; } .casepd ul li p{ font-size: 15px; color: #000; line-height: 40px; background-color: #eee; } .casepd ul li:hover p{ background-color: #2fa1f0; color: #fff; } /* case正文 */ .fl{ float: left; } .fr{ float: right; } .caselm ul li{ overflow: hidden; margin-bottom: 15px; background-color: #eee; } .caselm ul li img{ width: 39%; } .caselm ul li .caselmrg{ width: 55%; padding: 16px 20px; } .caselm ul li .caselmrg span{ font-size: 15px; font-weight: bold; line-height: 38px; } .caselm ul li:hover{ background-color: #2fa1f0; color: #ffffff; } /* product正文 */ .protop{ overflow: hidden; } .protop img{ float: left; margin: 0 auto; } .prorg{ float: right; width: 48%; } .prorg{ float: right; width: 49%; } .prorg span{ font-size: 15px; color: red; display: block; }