/*内容样式*/ .img-group { float: left; width: 50.5%; position: relative; } .img-tip { position: absolute; /*绝对定位*/ top: 0; left: 0; bottom: 0; width: 100%; text-align: left; display: none; } .img-tip p, .img-tip h1 { padding: 0 6.3%; } .img-tip h1 { padding-top: 110px; margin-bottom: 30px; } .img-tip p { font-size: 24px; margin-bottom: 30px; } .img-tip>a { margin-left: 6.3%; background-color: #666; border-radius: 15px; padding: 6px 24px; color: white; } .img-tip>a:hover { background-color: red; } .show-background,.show-left-h-background { display: block; background: rgba(173,60,60,0.3); } .hide-background,.hide-left-h-background { display: none; background-color: inherit; } .show-left-h-background{ background: rgba(0,0,0,0.3); } .product { background-color: #E6FAE6; float: left; width: 35%; height: 445px; } .product h1 { margin: 110px 0 30px 0; } .product h1, .product p, .product a { text-align: left; padding: 0 6.3%; } .product p { margin: 1.6% 0 30px 0; font-size: 24px; } .product a { background-color: #666; border-radius: 15px; padding: 6px 24px; margin-left: 6.3%; color: white; } .product a:hover { background-color: red; } .product-right { float: right; width: 14.5%; } /*<<<<<*/ .brand-left { float: left; height: 445px; width: 31.3%; } .brand { background-color: #C4EAF9; float: left; height: 445px; width: 35%; } .brand h1 { margin: 130px 0 30px 0; } .brand h1, .brand p, .brand a { text-align: left; padding: 0 6.3%; } .brand p { margin: 1.6% 0 30px 0; font-size: 24px; } .brand a { background-color: #666; border-radius: 15px; padding: 6px 24px; margin-left: 6.3%; color: white; } .brand a:hover { background-color: red; } .brand-right { float: right; height: 445px; width: 33.7%; } /*>>>>>>>>*/ .title { height: 300px; width: 100%; display: table; vertical-align: middle; text-align: center; } .title .headline { padding-top: 105px; } .headline, .subhead { margin-top: 35px; } .subhead h3 { border-right: 2px solid #000; padding: 0 23px; } .subhead { display: inline-block; } .subhead a { float: left; color: #000; } .subhead a:last-child h3{ border-right:0; } .subhead a:hover { color: red; } .owl-carousel{ width: 82.3%; margin: 0 auto; } .mhn-slide .mhn-text{ height: 394px; padding: 0px 50px 0px 50px; background: #F9F9F9; text-align: left; } .mhn-text p{ display: initial; font-size: 16px; line-height: 2; color: #818181; overflow: hidden; max-height: none!important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; text-overflow: ellipsis; word-break: break-all; height: 200px; } .mhn-slide .owl-nav .disabled{ display: block; } .mhn-text h4{ font-size: 22px; font-weight: 400!important; padding-bottom: 20px; padding-top: 75px; } .mhn-slide .mhn-img{ background-size: 100% 100%; height: 396px; } .mhn-slide .owl-next { right: -70px; top: 394px; } .mhn-slide .owl-prev{ left: -70px; top: 394px; } .content { height: 1000px; width: 87.5%; margin: 0 auto; margin-top: 120px; } .news { position: relative; float: left; height: 370px; width: 49.4%; margin: .3%; } .news .img-tip{ border-top-left-radius: 50px; } .shop { position: relative; float: right; height: 370px; width: 49.4%; margin: .3%; } .shop .img-tip{ border-top-right-radius: 50px; } .about { position: relative; float: left; height: 370px; width: 49.4%; margin: .3%; } .about .img-tip{ border-bottom-left-radius: 50px; } .contact { position: relative; float: right; height: 370px; width: 49.4%; margin: .3%; } .contact .img-tip{ border-bottom-right-radius: 50px; } .content h1,.content p{ color: white; text-align: center; width: 340px; margin: 0 auto; padding: 0; } .content .img-tip h1 { padding-top: 10.55%; border-bottom: 2px solid white; padding-bottom: 10px; margin-bottom: 20px; } .content h1 a { color: white; } .content p a { color: white; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; height:160px; }