/*-------------产品详情页-----------------*/ .Scgg { } .Scgg .container { padding-bottom: 20px; overflow: hidden; background: #fff; } .Scgg .pacetitle { height: 42px; line-height: 42px; border-bottom: 1px solid #d3d3d3; text-align: left; font-weight: normal; } .Scgg .pacetitle * { font-size: 13px; color: #000000; } .Scgg .pacetitle span { margin-left: 4px; margin-right: 8px; } .Scgg .pacetitle a { color: #aaa9a9; } .pddtinfo { overflow: hidden; margin-top: 22px; } .pddtinfo .pddtinfo_l { width: 506px; height: 403px; float: left; position: relative; border: 1px solid #d3d3d3; } .pddtinfo .pddtinfo_l .byqliser { width: 430px; height: 392px; margin: 0 auto; overflow: hidden; margin-top: 7px; } .pddtinfo .pddtinfo_l .byqliser li { width: 430px; height: 392px; text-align: center; } .pddtinfo .pddtinfo_l .byqliser li img { display: inline-block; } .pddtinfo .pddtinfo_l .yz { position: absolute; width: 60px; height: 152px; display: block; top: 121px; } .pddtinfo .pddtinfo_l .Prev { background: url(../img/prev11.png) no-repeat; left: 20px; } .pddtinfo .pddtinfo_l .Next { background: url(../img/next11.png) no-repeat; right: 20px; } .pddtinfo .pddtinfo_l .Afocus { width: 100%; height: 9px; line-height: 9px; text-align: center; position: absolute; bottom: 25px; left: 0px; } .pddtinfo .pddtinfo_l .Afocus span { display: inline-block; height: 9px; margin-left: 2px; margin-right: 2px; width: 9px; background: url(../img/afoce.png) no-repeat; } .pddtinfo .pddtinfo_l .Afocus span.cur { display: inline-block; background: url(../img/afoce_h.png) no-repeat; } /*pddtinfo_l_end*/ .pddtinfo .pddtinfo_R { width: 428px; float: right; } .pddtinfo .pddtinfo_R h2 { height: 60px; margin-bottom: 10px; font-weight: normal; font-size: 24px; color: #242424; border-bottom: 1px dotted #333333; font-weight: bold; } .pddtinfo .pddtinfo_R ul { overflow: hidden; } .pddtinfo .pddtinfo_R ul li { line-height: 31px; font-size: 17px; color: #525252; } .pddtinfo .pddtinfo_R .btn { overflow: hidden; text-align: left; margin-top: 15px; } .pddtinfo .pddtinfo_R .xiaz { display: inline-block; width: 97px; padding-left: 60px; height: 39px; line-height: 39px; font-size: 17px; color: #fff; text-decoration: none; background: url(../img/xiaz.png) no-repeat; } .pddtinfo .pddtinfo_R .ljzx { display: inline-block; width: 110px; text-align: center; font-size: 17px; line-height: 39px; color: #fff; text-decoration: none; height: 39px; background: #ff7800; } .pddtinfo .pddtinfo_R .similarcp { line-height: 18px; margin-top: 30px; height: 18px; font-size: 17px; color: #525252; padding-top: 20px; border-top: 1px dotted #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pddtinfo .pddtinfo_R .similarcp a { font-size: 17px; color: #525252; } /*-- pddtinfo_end --*/ .open { -webkit-animation: pulse 1s ease-out forwards; -ms-animation: pulse 1s ease-out forwards; -moz-animation: pulse 1s ease-out forwards; animation: pulse 1s ease-out forwards; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .Cfhn { overflow: hidden; margin-top: 45px; } .Cfhn .container { padding: 13px 19px; background: #f1f1f1; width: 952px; } .Cfhncont { position: relative; margin-top: 30px; } .Cfhncont .picshow { overflow: hidden; width: 950px; margin: 0 auto; padding-bottom: 6px; } .Cfhncont ul { overflow: hidden; } .Cfhncont ul li { float: left; width: 217px; text-align: center; margin-right: 27px; } .Cfhncont ul li img { display: block; } .Cfhncont ul li p { height: 30px; line-height: 30px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .Cfhncont ul li p a { font-size: 13px; color: #535353; } .Cfhncont .btn { display: block; width: 50px; height: 50px; position: absolute; top: 119px; } .Cfhncont .prev { left: -49px; background: url(../img/prev.png) no-repeat; } .Cfhncont .next { right: -48px; background: url(../img/next.png) no-repeat; } .Cfhncont .prev:hover { left: -49px; background: url(../img/prev_h.png) no-repeat; } .Cfhncont .next:hover { right: -48px; background: url(../img/next_h.png) no-repeat; } /*-- 香根草油墨案例展示_end --*/ #Ctrgn { background: url(../img/ggt.jpg) no-repeat center top; } #Ctrgn_mid { width: 227px; height: 356px; overflow: hidden; float: left; margin-top: 174px; margin-left: 58px; } #Ctrgn_mid img { display: block; }