icle .temp li {
width: 49%;
float: left;
list-style-type: none;
overflow: hidden;
box-sizing: border-box;
padding: 7px;
border: 1px solid #e2e2e2;
margin: 0px 0px 3px 1%
}
.article .temp ul {
padding: 0
}
.article .temp li:first-child {
margin: 0px !important
}
.article .items {
position: relative
}
.article .items ul.temp {
width: 100%;
padding: 0px
}
.article .items .item {
position: relative;
box-sizing: border-box
}
.article .items .item .cons {
padding: 0px
}
.article .items .item .face {
width: 34%;
height: auto;
overflow: hidden;
float: left
}
.article .items .item0 .face {
width: 100% !important;
float: none
}
.article .items .item .face img {
width: 100%
}
.article .items .item .text {
height: 45px;
color: #333;
padding: 0px 5px;
float: right;
width: 62%
}
.article .items .item.item0 .text {
width: 100%;
float: none
}
.article .items .item .face img:hover {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.article .items .item h3 {
font-size: 14px;
font-weight: bold;
padding: 5px 0px;
margin: 0px
}
.article .items .item p {
font-size: 12px;
font-weight: normal;
color: #666
}
.article .items .item .news_wd {
display: block;
height: 48px;
overflow: hidden;
line-height: 24px;
border-top: 1px solid #ccc;
margin-top: 5px;
padding-top: 5px
}
.article .items .item.item0 .news_wd {
display: none
}
@media screen and (max-width: 1030px) {
.article .items .item .news_wd {
line-height: 20px;
height: 40px
}
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/
@media screen and (max-width: 980px) {
.article .temp li {
margin: 0px 0px 4px 1%
}
}
@media screen and (max-width: 870px) {
.article .items .item .news_wd {
height: 20px
}
}
@media screen and (max-width: 600px) {
.article {
margin-top: 60px
}
}
@media screen and (max-width: 480px) {
.article .temp li {
width: 100%;
margin: 0px 0px 3px 0px
}
.article .temp li:first-child {
margin: 0px 0px 3px 0px !important
}
.article .items .item0 .face {
width: 34% !important;
float: left
}
.article .items .item.item0 .news_wd {
display: block
}
.article .items .item.item0 .text {
width: 62%;
float: right
}
.article .items .item .news_wd {
height: 40px
}
}
/*-----------<最新资讯>---------------*/
.articleLabel {
clear: both;
margin-top: 30px
}
.articleLabel .case_box {
max-width: 1030px;
margin: 60px auto 0px;
height: auto;
overflow: hidden
}
.articleLabel .case_box ul.case_list {
padding: 0px;
display: block;
width: 100%;
height: auto;
overflow: hidden
}
.articleLabel .case_box ul.case_list li {
float: left;
margin-bottom: 5px;
display: inline
}
.articleLabel .case_box ul.case_list li.case_cont {
width: 48%;
margin-left: 1%;
margin-right: 1%
}
.articleLabel .case_box .thumbnail {
border: none;
border-radius: 0px;
margin: 0px;
padding: 0px;
position: relative;
overflow: hidden
}
.articleLabel .case_box .thumbnail a {
display: block
}
.articleLabel .case_box .thumbnail a:hover {
text-decoration: none
}
.articleLabel .case {
position: relative;
background-color: #f2f2f2;
padding: 15px
}
.articleLabel .case a {
font-size: 14px;
font-weight: bold;
color: #333;
display: block;
border-bottom: 1px solid #d8d8d8;
padding-bottom: 15px;
position: relative
}
.articleLabel .case a:before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 110px;
height: 3px
}
.articleLabel .case .text {
height: 48px;
line-height: 24px;
overflow: hidden;
color: #666;
margin-top: 10px
}
.articleLabel .case_box .thumbnail img:hover {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
@media screen and (max-width: 320px) {
.articleLabel .case_box ul.case_list li.case_cont {
width: 98%;
margin-bottom: 10px
}
}
/*产品列表*/
.product {
clear: both;
margin: 65px auto 0px
}
.product .pro_box {
height: auto;
overflow: hidden;
margin-top: 55px
}
.product .pro_fenlei {
height: auto;
overflow: hidden;
background-color: #fff;
padding: 15px;
float: left;
width: 25%;
border-left: 5px solid;
box-sizing: border-box;
border-right: 1px solid #e2e2e2 !important;
border-top: 1px solid #e2e2e2 !important;
border-bottom: 1px solid #e2e2e2 !important
}
.product .pro_fenlei ul {
padding: 0px;
margin: 0px;
height: 480px;
overflow: hidden
}
.product .pro_fenlei ul li {
line-height: 48px;
height: 48px
}
.product .pro_fenlei ul li a {
display: block;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 48px;
height: 48px;
font-size: 12px;
border-bottom: 1px solid #e2e2e2;
text-align: center
}
.product .pro_fenlei ul li a:hover {
text-decoration: none;
color: #fff
}
.product .product-box {
height: auto;
overflow: hidden;
float: right;
width: 75%
}
.product .product-box ul.pro-list {
padding: 0px;
height: auto;
overflow: hidden
}
.product .product-box ul.pro-list li {
float: left;
margin-bottom: 6px
}
.product li.col-pro {
width: 32%;
margin-left: 1%
}
.product .product-box .thumbnail {
border: none;
margin: 0px;
padding: 0px;
overflow: hidden;
border-radius: 0px
}
.product .product-box .thumbnail a {
display: block
}
.product .product-box img {
width: 100%;
height: auto
}
.product .product-box img:hover {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.product .product-box .text {
font-size: 12px;
height: 40px;
line-height: 40px;
margin: 0px;
padding: 0px;
text-align: center;
color: #333;
background-color: #f2f2f2
}
.product .product-box .text a {
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
.product .product-box .text a:hover {
text-decoration: none
}
.DoesNot {
font-size: 20px
}
@media screen and (max-width:980px) {
.product .pro_fenlei ul {
height: 398px
}
}
@media screen and (max-width:870px) {
.product .pro_fenlei ul {
height: 358px
}
.product .pro_fenlei ul li,
.product .pro_fenlei ul li a {
line-height: 40px;
height: 40px
}
}
@media screen and (max-width:768px) {
.product .pro_fenlei ul {
height: 321px
}
}
@media screen and (max-width:600px) {
.product .pro_fenlei,
.product .product-box {
float: none;
width: 100%
}
.product .pro_fenlei ul {
height: auto
}
.product .pro_fenlei ul li:nth-child(n + 11) {
display: none
}
.product .product-box {
margin-top: 15px
}
}
@media screen and (max-width: 375px) {
.product li.col-pro {
width: 48%
}
}
/*---友情链接----*/
.friendLink {
padding: 0;
height: auto;
margin-top: 30px
}
.friendLink .friendBox {
margin: 0px auto;
max-width: 1180px;
height: auto;
padding: 8px 0px
}
.friendLink .link-box ul {
display: inline-block;
overflow: hidden;
padding: 0;
list-style: none;
margin-bottom: 0;
display: inline
}
.friendLink .link-box ul li {
line-height: 24px;
position: relative;
font-style: normal;
display: inline-block
}
.friendLink .link-box h4 {
font-size: 12px;
padding: 0;
margin: 0;
line-height: 24px;
display: inline-block;
color: #fff
}
.friendLink .link-box ul li:first-child:after {
display: none
}
.friendLink .link-box ul li a:after {
content: '|';
padding: 0px 10px
}
.friendLink .link-box ul a {
word-break: break-all;
word-wrap: break-word;
font-style: normal;
color: #fff;
font-size: 12px;
line-height: 24px
}
.friendLink .link-box ul a:hover {
text-decoration: none;
opacity: 1
}
/* 小屏幕 一*/
@media screen and (max-width:1180px) {}
@media screen and (max-width: 600px) {}
/*---footer----*/
.footers {
color: #fff;
margin: 0px auto;
padding: 0;
clear: both
}
.footerBox {
margin: 0px auto;
padding: 20px 0;
max-width: 1180px
}
.footers .footers-box a {
margin-right: 10px;
color: #fff !important;
word-break: break-all;
word-wrap: break-word;
text-decoration: underline
}
.footers .footers-box p {
padding: 0;
font-size: 12px;
line-height: 20px
}
/*--------------------------*/
.smallphotoBox {
min-height: auto !important
}