.breadcum { padding: 12px 6px; } .breadcum, .breadcum a { font-size: 14px; line-height: 30px; color: #333; } .in-nav-list { margin-top: 16px; padding-bottom: 12px; border-bottom: 1px solid #ddd; } .in-nav-list li { float: left; margin-right: 16px; margin-bottom: 12px; } .in-nav-list li a { display: block; font-size: 12px; line-height: 32px; color: #fff; text-align: center; padding: 0 20px; background-color: #5a5a5a; } .in-nav-list li a.active, .in-nav-list li a:hover { color: #fff; background-color: #e70012; } .product-list { margin-top: 16px; padding-bottom: 20px; } .product-list .product-item { position: relative; margin-bottom: 12px; } .product-list .product-item .img-wrapper { padding-bottom: 100%; border: 1px solid #ddd; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; height: 0; padding-bottom: 74%; overflow: hidden; } .product-list .product-item .img-wrapper img{ width: 100%; } .product-list .product-item h3 { text-align: center; font-size: 14px; line-height: 20px; color: #333; padding: 6px; } .product-list .product-item:hover .img-wrapper { border-color: #124ad8; } .headnews { text-align: center; margin-bottom: 48px; border: 1px solid #ddd; padding-bottom: 12px; } .headnews .img-wrapper { padding-bottom: 72px; } .headnews .tnews-title { font-size: 16px; line-height: 24px; padding: 20px 6px 2px; color: #333; } .headnews .update-time { font-size: 12px; line-height: 32px; color: #999; } .headnews .desc { font-size: 12px; line-height: 22px; color: #555; } .news-wrap { padding-bottom: 60px; } .news-item { padding: 12px 6px; border: 1px solid #e5e5e5; margin-bottom: 12px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .news-item .title { padding-left: 10px; border-left: 4px solid #bcc2d2; } .news-item .title h3 { font-size: 16px; line-height: 1em; margin-bottom: 10px; color: #333; height: 16px; overflow: hidden; } .news-item.qikan{ padding: 12px 6px 0px; } .news-item.qikan .title h3 { font-size: 16px; line-height: 2em; margin-bottom: 0; color: #333; overflow: hidden; height: 2em; margin-top: 12px; } .news-item p { font-size: 12px; line-height: 1em; } .news-item .desc { font-size: 14px; line-height: 22px; color: #555; height: 66px; overflow: hidden; margin-top: 20px; margin-bottom: 12px; } .news-item .more { font-size: 12px; line-height: 30px; margin-bottom: 10px; color: #e70012; } .news-item:hover { /*border-color: #124ad8;*/ background-color: #f7f7f7; } .news-item:hover .title{ /*border-color: #124ad8;*/ } .news-item:hover .more{ color: #124ad8; } .product-img { border: 1px solid #ddd; margin-bottom: 20px; } .product-img .img-wrapper { width: 100%; padding-bottom: 100%; } .product-top-des { background-color: #f7f9fe; padding: 24px 12px; } .product-top-des h2 { font-size: 18px; font-weight: bold; line-height: 2.5em; color: #000; } .param-list { margin-top: 20px; padding-bottom: 12px; } .param-list li { font-size: 12px; line-height: 20px; padding: 10px 4px; border-bottom: 1px dashed #ddd; color: #666; padding-left: 80px; } .param-list li span { color: #333; text-indent: -76px; display: inline-block; } .detail-show { margin-top: 60px; min-height: 600px; padding-bottom: 60px; } .detail-show .detail-title { font-size: 16px; line-height: 40px; padding-left: 12px; border: 1px solid #ddd; margin-bottom: 24px; } .thumb-img-top{padding: 24px 12px;text-align: center;} .thumb-img-top img{max-width: 660px;width: 100%;} .content { padding: 0 0px 32px; } .content img{ max-width: 100%; } .content.form-wrap{ max-width: 800px; margin-left: auto; margin-right: auto; } .content table td{padding: 3px;border: 1px solid #ddd;margin-left: -1px;margin-top: -1px;} .form-title{ font-size: 26px; line-height: 3em; } .inquiry, .inquiry:hover { display: block; font-size: 16px; text-align: center; color: #fafafa; background-color: #124ad8; line-height: 40px; margin-top: 28px; padding: 0 19px; margin-right: 26px; } /*蹇欓垾鎾€鎳娾斁鈧枀骞汇仮鍢庮劶銉傜?/ .top-mes{ border-bottom: 1px solid #ddd; padding-left: 12px; } .content-title { font-size: 22px; line-height: 22px; font-weight: bold; color: #333; padding: 10px 4px 6px; } .content-mes{font-size: 12px;color: #666;line-height: 20px;padding: 6px 0 12px;} .pagination p{ margin:0; cursor:pointer } .pagination{ height:40px; padding:0px 0px; } .pagination a{ display:block; float:left; margin-right:10px; padding:2px 12px; height:24px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px; line-height:24px; } .pagination a:hover{ color:#077ee3; background: white; border:1px #077ee3 solid; } .pagination a.cur{ border:none; background:#077ee3; color:#fff; } .pagination p{ float:left; padding:2px 12px; font-size:12px; height:24px; line-height:24px; color:#bbb; border:1px #ccc solid; background:#fcfcfc; margin-right:8px; } .pagination p.pageRemark{ border-style:none; background:none; margin-right:0px; padding:4px 0px; color:#666; } .pagination p.pageRemark b{ color:red; } .pagination p.pageEllipsis{ border-style:none; background:none; padding:4px 0px; color:#808080; } .dates li {font-size: 14px;margin:20px 0} .dates li span{float:right} .content,.show-content{ padding: 32px 0 60px; } .case-content{ padding-top: 32px; } .news-list{ padding-top: 18px; } @media screen and (min-width: 992px){ .in-nav-list{ text-align: center; } .in-nav-list li{ float: inherit; display: inline-block; } .in-nav-list li a { font-size: 14px; line-height: 40px; padding: 0 40px } .content, .show-content{ padding: 32px 60px 80px; text-align: justify; } .news-list{ padding-top: 32px; } } @media screen and (min-width: 1720px){ .content, .show-content{ padding: 32px 0 80px; text-align: justify; } } .side-news-con{ padding: 32px 12px; margin-top: 38px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } .side-news-t{ font-size: 18px; line-height: 60px; color: #333; font-weight: bold; } .side-news-item { padding: 15px 30px; margin-bottom: 12px; border-bottom: 1px solid #e4e4e4; } .side-news-item:hover{ background: #f7f7f7; } .side-news-item .imgwrapper{ padding-bottom: 70%; } .side-news-item h3{ font-size: 16px; line-height: 22px; color: #333333; } @media screen and (min-width: 992px) { .wrapper-his{ padding-left: 32px; } } /*閺堢喎鍨旀笟褑绔熼弽?/ .side-s1-wrap{ padding: 30px 12px 0; } .side-s1-title { font-size: 18px; line-height: 60px; font-weight: bold; padding-left: 12px; padding-right: 12px; color: #333; background: #e4e4e4; } .side-s1-title span{ float: right; font-size: 16px; color: #999; } .side-s1-con{ background: #fafafa; padding: 12px; } .side-s1-news-list a { display: block; font-size: 12px; line-height: 32px; color: #555; } .side-contact h4{ font-size: 14px; line-height: 44px; font-weight: bold; color: #333; } .side-contact p { font-size: 12px; line-height: 22px; color: #444; border-top: 1px solid #ddd; padding: 12px 0; } .content.with-800 img{ max-width: 800px; width: 100%; }