@media (max-width: 1000px) {
html,body{
max-width: 100%;
overflow-x: hidden;
}
.wap{
display: block !important;
}
.pc{
display: none !important;
}
img{
max-width: 100%;
height: auto !important;
}
table{
width: 98% !important;
max-width: 100% !important;
margin: 0px auto !important;
padding: 0px !important;
}
.content div{
max-width: 100%;
}
.main{
max-width: 100%;
}
.navbar{
margin-bottom: 0px;
max-width: 100%;
padding-right: 0px;
}
.navbar-nav{
float: right !important;
margin-right: 30px;
}
.navbar-header{
height: 70px;
}
.navbar-toggle{
margin-right: 25px;
margin-top: 20px;
}
.navbar-inverse {
background-color: #fff;
border-color: #fff;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
background-color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
background-image: none;
}
.navbar-inverse .navbar-toggle {
border-color: #fff;
}
.navbar-toggle{
background-color: #fff;
}
.navbar-inverse .navbar-toggle .icon-bar{
background-color: #008785;
}
.navbar-inverse .navbar-nav>li>a{
color: #333;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color: #fff;
background: #fff;
}
.navbar-inverse .navbar-nav>li>a{
padding-top: 25px;
padding-right: 15px !important;
}
.navbar-inverse .navbar-nav>li>a:last-child{
padding-right: 15px !important;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
background-image: none;
}
.index-content .index-news .col-xs-8{
width: 97%;
clear: both;
height: auto;
float: none;
padding: 0px;
margin: 0px auto 10px auto;
}
.index-content .index-news .col-xs-4{
width: 97%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
overflow: hidden;
}
.index-content .index-product {
width: 97%;
float: none;
margin: 0px auto;
padding: 0px;
height: auto;
}
.index-content .index-service .col-xs-4{
width: 97%;
float: none;
margin: 0px auto;
padding: 0px;
height: auto;
}
.zhuanjia{
width: 100%!important;
}
.index-content .index-service .col-xs-8{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.index-content .index-service .col-xs-12 ul{
padding: 0px 10px;
}
.index-content .index-industrial .col-xs-12{
width: 97%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.index-content .index-industrial ul{
overflow: visible;
}
.index-content .index-industrial ul li .pic img{
max-width: 100%;
height: auto;
}
/*设备-同类文章 Mobile*/
.sheb_article{width: 100%; height:auto; margin-bottom: 10px; border: 1px solid #e0e9e9de; float: left;}
.sheb_article ul li{width: 100%; float: left;};
.footer{
width: 90%;
float: none;
margin: 0px auto 10px auto;
padding: 0px 0px 30px 0px;
height: auto;
}
.footer p{
line-height: 25px;
text-align: justify;
padding-left: 10px;
}
.industry-content .industry-banner{
margin-top: 0px;
}
.industry-content .industry-banner img{
max-width: 100%;
}
.industry-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.industry-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.industry-page .col-xs-3 .contact{
display: none;
}
.industry-page .col-xs-3 .item{
border: none;
}
.industry-page .col-xs-3 .item h1{
display: none;
}
.industry-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.industry-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.industry-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.industry-page .col-xs-9 .col-xs-12{
border: none;
}
.industry-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.industry-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.industry-page .col-xs-9 .col-xs-12 ul li .top-title-four{
display: none;
}
.industry-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.industry-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.industry-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.industry-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
font-size: 16px;
right: auto;
top: auto;
float: left;
}
.industry-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.industry-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
.project-content .project-banner{
margin-top: 0px;
}
.project-content .project-banner img{
max-width: 100%;
}
.project-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.project-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.project-page .col-xs-3 .contact{
display: none;
}
.project-page .col-xs-3 .item{
border: none;
}
.project-page .col-xs-3 .item h1{
display: none;
}
.project-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.project-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.project-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.project-page .col-xs-9 .col-xs-12{
border: none;
}
.top-title-one{
display: none;
}
.project-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.project-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.project-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.project-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.project-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
font-size: 16px;
right: auto;
top: auto;
float: left;
}
.project-page .col-xs-9 .col-xs-12 .top-title-two span{
display: none;
}
.project-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.project-page .col-xs-9 .col-xs-12 ul li .top-title-three{
display: none;
}
.project-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case-content .case-banner{
margin-top: 0px;
}
.case-content .case-banner img{
max-width: 100%;
}
.case-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.case-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.case-page .col-xs-3 .contact{
display: none;
}
.case-page .col-xs-3 .item{
border: none;
}
.case-page .col-xs-3 .item h1{
display: none;
}
.case-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.case-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.case-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.case-page .col-xs-9 .col-xs-12{
border: none;
}
.case-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.case-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.case-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.case-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.case-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.case-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
width: 30px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.case-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li{
width: 18%;
height: auto;
margin: 10px 1%;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li a{
max-width: 100%;
height: auto;
zoom: 1;
overflow: hidden;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li img{
max-width: 100%;
height: auto;
}
.project-page .col-xs-9 .col-xs-12 .content{
border-bottom: 1px solid #ccc;
width: 100%;
}
.case-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
.news-content .news-banner{
margin-top: 0px;
}
.news-content .news-banner img{
max-width: 100%;
}
.news-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.news-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.news-page .col-xs-3 .contact{
display: none;
}
.news-page .col-xs-3 .item{
border: none;
}
.news-page .col-xs-3 .item h1{
display: none;
}
.news-page .col-xs-3 ul ol{
display: none;
}
.news-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.news-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.news-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.news-page .col-xs-9 .col-xs-12{
border: none;
}
.news-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.news-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.news-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.news-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.news-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.news-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
width: 30px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.news-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-page .col-xs-9 .col-xs-12 .case-cat li{
width: 18%;
height: auto;
margin: 10px 1%;
}
.news-page .col-xs-9 .col-xs-12 .case-cat li a{
max-width: 100%;
height: auto;
zoom: 1;
overflow: hidden;
}
.news-page .col-xs-9 .col-xs-12 .case-cat li img{
max-width: 100%;
height: auto;
}
.news-page .col-xs-9 .col-xs-12 .content{
/*width: 45%;*/
border-bottom: 1px solid #ccc;
}
.news-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
/* 在 13 寸电脑上应用的样式 */
@media (max-width: 600px) {
div[class*="-page"] .col-xs-9 .col-xs-12{
width: 50%;
}
}
.about-content .about-banner{
margin-top: 0px;
}
.about-content .about-banner img{
max-width: 100%;
}
.about-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.about-page .col-xs-3 ul ol{
display: none;
}
.about-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.about-page .col-xs-3 .contact{
display: none;
}
.about-page .col-xs-3 .item{
border: none;
}
.about-page .col-xs-3 .item h1{
display: none;
}
.about-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.about-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.about-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.about-page .col-xs-9 .col-xs-12{
border: none;
border-radius: 0px;
}
.about-page .col-xs-9 .col-xs-12 .top-title {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.about-page .col-xs-9 .col-xs-12 .top-title i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.about-page .col-xs-9 .col-xs-12 .top-title span{
display: none;
}
.about-page .col-xs-9 .col-xs-12 .wap span{
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.about-page .col-xs-9 .col-xs-12 .top-title em {
color: #449796;
font-size: 22px;
width:30px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.about-page .col-xs-9 .col-xs-12 .top-title .iconfont{
display: block;
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.about-page .col-xs-9 .col-xs-12 #masonry li{
border: none;
}
.about-page .col-xs-9 .col-xs-12 #masonry li h3{
font-size: 16px;
color: #449796;
height: 60px;
line-height: 60px;
margin: 0px auto 0px auto;
text-indent: 5px;
font-weight: 600;
border-bottom: 1px solid #ccc;
}
.about-page .col-xs-9 .col-xs-12 #masonry li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.about-page .col-xs-9 .col-xs-12 .content{
width: 100%;
float: left;
}
.sys-content .sys-banner{
margin-top: 0px;
}
.sys-content .sys-banner img{
max-width: 100%;
}
.sys-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.sys-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.sys-page .col-xs-3 .contact{
display: none;
}
.sys-page .col-xs-3 .item{
border: none;
}
.sys-page .col-xs-3 .item h1{
display: none;
}
.sys-page .col-xs-3 ul ol{
display: none;
}
.sys-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.sys-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.sys-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.sys-page .col-xs-9 .col-xs-12{
border: none;
}
.sys-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.sys-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.sys-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.sys-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.sys-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.sys-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.sys-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sys-page .col-xs-9 .col-xs-12 .case-cat li{
width: 18%;
height: auto;
margin: 10px 1%;
}
.sys-page .col-xs-9 .col-xs-12 .case-cat li a{
max-width: 100%;
height: auto;
zoom: 1;
overflow: hidden;
}
.sys-page .col-xs-9 .col-xs-12 .case-cat li img{
max-width: 100%;
height: auto;
}
.sys-page .col-xs-9 .col-xs-12 .content{
border-bottom: 1px solid #ccc;
}
.sys-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
/*new*/
.shebei-content{
width: 100%;
margin: 0px auto;
float: none;
}
.shebei-content .row{
margin: 0px;
}
.shebei-content .shebei-list{
border: none;
padding: 0px;
width: 94%;
margin: 0px auto;
float: none;
}
.shebei-content .shebei-list h1 {
display: none;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 10px auto;
font-weight: 600;
background: none;
border-bottom: 1px solid #ccc;
position: relative;
color: #333;
text-indent: 0px;
}
.shebei-content .shebei-list ul li {
width: 12.5%;
margin-bottom: 20px;
}
.shebei-content .shebei-page{
border: none;
padding: 0px;
}
.shebei-content .shebei-page .top-title-one {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 10px auto;
text-indent: 5px;
font-weight: 600;
background: #ddfcfb;
position: relative;
color: #449796;
display: block;
}
.shebei-content .shebei-page .top-title-one i {
display: inline-block;
width: 4px;
height: 4px;
background: #449796;
border-radius: 50%;
margin-right: 4px;
}
.shebei-content .shebei-page .top-title-one span{
display: none;
}
.shebei-content .shebei-page .content .detail{
border-bottom:1px solid #ccc;
}
.service-content .service-banner{
margin-top: 0px;
}
.service-content .service-banner img{
max-width: 100%;
}
.service-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.service-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.service-page .col-xs-3 .contact{
display: none;
}
.service-page .col-xs-3 .item{
border: none;
}
.service-page .col-xs-3 .item h1{
display: none;
}
.service-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.service-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.service-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.service-page .col-xs-9 .col-xs-12{
border: none;
}
.service-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.service-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.service-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.service-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.service-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
width: 30px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.service-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.service-page .col-xs-9 .col-xs-12 .top-title-two span{
display: none;
}
.service-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.service-page .col-xs-9 .col-xs-12 .serive-cat li{
width: 18%;
height: auto;
margin: 10px 1%;
}
.service-page .col-xs-9 .col-xs-12 .serive-cat li a{
max-width: 100%;
height: auto;
zoom: 1;
overflow: hidden;
}
.service-page .col-xs-9 .col-xs-12 .serive-cat li img{
max-width: 100%;
height: auto;
}
.service-page .col-xs-9 .col-xs-12 .content{
border-bottom: 1px solid #ccc;
}
.service-page .col-xs-9 .col-xs-12 .content img{
display: block;
float: none !important;
clear: both;
margin: 0px auto !important;
}
.service-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li a span{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page-content .page-banner{
margin-top: 0px;
}
.page-content .page-banner img{
max-width: 100%;
}
.page-page .col-xs-3{
width: 96%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
display: none;
}
.page-page .col-xs-9{
width: 100%;
float: none;
margin: 0px auto 10px auto;
padding: 0px;
height: auto;
}
.page-page .col-xs-3 .contact{
display: none;
}
.page-page .col-xs-3 .item{
border: none;
}
.page-page .col-xs-3 .item h1{
display: none;
}
.page-page .col-xs-3 ul li{
margin: 0px 20px;
padding:10px 20px;
float: left;
border-bottom: 1px solid #eaeaea;
}
.page-page .col-xs-3 ul .active {
border-bottom: 1px solid #86d9d5;
}
.page-page .col-xs-3 .item ul li a{
background: none;
color: #333;
text-align: center;
}
.page-page .col-xs-9 .col-xs-12{
border: none;
}
.page-page .col-xs-9 .col-xs-12 .top-title-one{
display: none;
}
.page-page .col-xs-9 .col-xs-12 ul li{
border: none;
}
.page-page .col-xs-9 .col-xs-12 ul li p a{
display: block;
clear: bottom;
margin: 5px auto;
padding: 10px 0px;
border-bottom: #ccc dotted 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page-page .col-xs-9 .col-xs-12 .top-title-two {
font-size: 16px;
height: 60px;
line-height: 60px;
margin: 0px auto;
text-indent: 5px;
font-weight: 600;
background: none;
color: #449796;
position: relative;
border-bottom: 1px dashed #dedede;
}
.page-page .col-xs-9 .col-xs-12 .top-title-two i {
display: block;
width: 4px;
height: 16px;
background: #449796;
margin-right: 0px;
float: left;
margin-left: 10px;
margin-top: 21px;
}
.page-page .col-xs-9 .col-xs-12 .top-title-two em {
color: #449796;
font-size: 22px;
display: block;
float: left;
text-align: center;
height: 100%;
line-height: 65px;
}
.page-page .col-xs-9 .col-xs-12 .wap span {
display: block !important;
position: relative;
right: auto;
font-size: 16px;
top: auto;
float: left;
}
.page-page .col-xs-9 .col-xs-12 .top-title-two span{
display: none;
}
.page-page .col-xs-9 .col-xs-12 .page-cat li{
width: 18%;
height: auto;
margin: 10px 1%;
}
.page-page .col-xs-9 .col-xs-12 .page-cat li a{
max-width: 100%;
height: auto;
zoom: 1;
overflow: hidden;
}
.page-page .col-xs-9 .col-xs-12 .page-cat li img{
max-width: 100%;
height: auto;
}
.page-page .col-xs-9 .col-xs-12 .content{
border-bottom: 1px solid #ccc;
}
.page-page .col-xs-9 .col-xs-12 .content .detail{
border-bottom: 1px solid #ccc;
}
.form-horizontal{
width: 90%;
margin: 0px auto;
}
.form-horizontal.col-sm-4{
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.form-horizontal .col-sm-2{
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.form-horizontal .col-sm-6{
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.form-horizontal .col-sm-9{
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.form-horizontal textarea{
width: 100%;
}
.page-page .col-xs-9 .col-xs-12 .content form .notice{
line-height: 20px;
}
/*new*/
.about-page .col-xs-3 .item ul{
display: none;
}
.about-page .col-xs-3{
display: none;
}
.index-content .index-service .col-xs-4 .item_two ul li img{
width: 40%;
}
.icons img{
max-width: 50%;
display: block;
margin: 0px auto;
}
.hotline p{
display: none;
}
.navbar-header .col-xs-6{
width: 100%;
}
.navbar-header .col-xs-6:last-child{
display: none;
}
}
@media (max-width: 850px) {
.index-content .index-service .col-xs-4 .item_two ul li img{
width: 50%;
}
.navbar-inverse .navbar-nav>li>a{
padding: 30px 0px 10px 20px
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
position: absolute;
z-index: 999;
width: 105%;
top: 60px;
}
.navbar-header .col-xs-6{
width: 50%;
}
.navbar-header .col-xs-6:last-child{
display: block;
}
.hotline p{
display: block;
}
.navbar-nav{
float: none !important;
margin-right: 0px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
background-image: none;
color: #449796;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
border-color: #fff;
background: #ddfcfb;
}
.navbar-inverse .navbar-nav>li>a{
color: #449796;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
text-align: center;
border-bottom: 1px solid #86d9d5;
font-size: 18px;
}
.navbar-inverse .navbar-nav>li:last-child>a{
border-bottom: none;
}
.index-content .index-product ul li {
width: 18%;
height: auto;
margin-bottom: 10px;
}
.index-content .index-product ul li .pic img{
height: auto;
}
.shebei-content .shebei-list ul li{
width: 16.66%;
}
.industry-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.industry-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.project-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.project-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.case-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li{
width: 23%;
}
.case-page .col-xs-9 .col-xs-12 .case-list{
zoom: 1;
overflow: hidden;
width: 100%;
height: auto;
}
.case-page .col-xs-9 .col-xs-12 .case-list li{
width: 100%;
zoom: 1;
overflow: hidden;
background: none;
}
.case-page .col-xs-9 .col-xs-12 .case-list li a{
width: 70%;
display: block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
line-height: 30px;
padding-left: 0px;
}
.case-page .col-xs-9 .col-xs-12 .case-list li span{
float: right;
display: block;
}
.about-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.about-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.news-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.news-page .col-xs-9 .col-xs-12 .news-cat li{
width: 23%;
}
.news-page .col-xs-9 .col-xs-12 .news-list{
zoom: 1;
overflow: hidden;
width: 100%;
height: auto;
}
.news-page .col-xs-9 .col-xs-12 .news-list li{
width: 100%;
zoom: 1;
overflow: hidden;
background: none;
}
.news-page .col-xs-9 .col-xs-12 .news-list li a{
width: 70%;
display: block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
line-height: 30px;
padding-left: 0px;
}
.news-page .col-xs-9 .col-xs-12 .news-list li span{
float: right;
display: block;
}
.sys-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.sys-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sys-page .col-xs-9 .col-xs-12 .sys-cat li{
width: 23%;
}
.sys-page .col-xs-9 .col-xs-12 .sys-list{
zoom: 1;
overflow: hidden;
width: 100%;
height: auto;
}
.sys-page .col-xs-9 .col-xs-12 .sys-list li{
width: 100%;
zoom: 1;
overflow: hidden;
background: none;
}
.sys-page .col-xs-9 .col-xs-12 .sys-list li a{
width: 70%;
display: block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
line-height: 30px;
padding-left: 0px;
}
.sys-page .col-xs-9 .col-xs-12 .sys-list li span{
float: right;
display: block;
}
.service-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.service-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.service-page .col-xs-9 .col-xs-12 .service-cat li{
width: 23%;
}
.service-page .col-xs-9 .col-xs-12 .service-list{
zoom: 1;
overflow: hidden;
width: 100%;
height: auto;
}
.service-page .col-xs-9 .col-xs-12 .service-list li{
width: 100%;
zoom: 1;
overflow: hidden;
background: none;
}
.service-page .col-xs-9 .col-xs-12 .service-list li a{
width: 70%;
display: block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
line-height: 30px;
padding-left: 0px;
}
.service-page .col-xs-9 .col-xs-12 .service-list li span{
float: right;
display: block;
}
.page-page .col-xs-3 ul li{
width: 40%;
padding: 10px 0px;
margin: 0px 5%;
}
.page-page .col-xs-3 ul li a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.page-page .col-xs-9 .col-xs-12 .page-list li{
width: 23%;
}
.page-page .col-xs-9 .col-xs-12 .page-list{
zoom: 1;
overflow: hidden;
width: 100%;
height: auto;
}
.page-page .col-xs-9 .col-xs-12 .page-list li{
width: 100%;
zoom: 1;
overflow: hidden;
background: none;
}
.page-page .col-xs-9 .col-xs-12 .page-list li a{
width: 70%;
display: block;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 30px;
line-height: 30px;
padding-left: 0px;
}
.page-page .col-xs-9 .col-xs-12 .page-list li span{
float: right;
display: block;
}
.navbar-header .logo img{
height: auto !important;
max-width: none;
}
}
@media (max-width: 640px) {
.shebei-content .shebei-list ul li{
width: 20%;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li{
width: 31%;
}
.index-content .index-service .col-xs-4 .item_two ul li img{
width: 60%;
}
.icons img{
max-width: 100%;
display: block;
margin: 0px auto;
}
}
@media (max-width: 480px) {
.shebei-content .shebei-list ul li {
width: 25%;
margin-bottom: 20px;
}
.index-content .index-product ul li {
width: 28%;
height: auto;
margin-bottom: 0px;
}
.case-page .col-xs-9 .col-xs-12 .case-cat li{
width: 48%;
}
.index-content .index-service .col-xs-4 .item_two ul li img{
width: 80%;
}
}
@media (max-width: 450px) {
.shebei-content .shebei-list ul li {
width:33.3%;
margin-bottom: 20px;
}
}