@charset "utf-8";
/* CSS Document */
body, ul, li, p, ol, dl, dt, dd, form, input, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
	font:16px/20px "Microsoft YaHei",arial,serif;  
    color:#333;

}
html, body { font-family:  "Microsoft YaHei";
    height: 100%;
    width: 100%;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
a:link,a:visited{ color:#545454;
 text-decoration:none;  /*超链接无下划线*/
}
a:hover{ color:#545454;
 text-decoration:none;  /*鼠标放上去无下划线*/
}
/**{-webkit-tap-highlight-color:rgba(255,0,0,0);}*/

.clear {
    clear: both;
    overflow: hidden;
    height: 0;}
.navbar-toggle { margin-top:20px;  overflow: hidden;}

.nav {
      text-decoration: none;
      text-align:center;      
      font-family:  "Microsoft YaHei";
      font-size: 16px;
      color: #545454;    
}
.nav ul {
	    margin-top:22px;
        display: block;        
    }
.nav ul li {fdfdfd background-color:#f8fa8f8;
            float: left;            
            cursor: pointer; 
			 }
.nav nav-tabs nav-stacked{ background-color:#ededed;}
@media only screen and (min-width: 1029px) {
.nav ul li a {width: 84px;
     display: block;
     color: #545454;
     text-align: center; 
	 }}
 .nav ul li  a:link { text-decoration: none;color:#545454;  height:36px; padding-top:5px; margin-top:-5px;}
 .nav ul li  a:visited{ text-decoration: none;color:#545454;  height:36px;padding-top:5px;margin-top:-5px;}
 .nav ul li  a:hover{text-decoration: none;color:#d81f18;padding-top:5px;margin-top:-5px;
              background-color:#eeeeee; 
              border-bottom:2px; 
			  border-bottom-color:#005ca1; 
			  border-bottom-style:solid; 
			  height:36px  }
.al{ font-family:  "Microsoft YaHei"; color:#545454; padding-top:3%; padding-bottom:2%; vertical-align:middle; text-align:center;}
.media-body1{ float:left;text-align:center; width:190px; padding-top:3%; padding-bottom:3%; }
.media-body1 img { padding-bottom:12%;}
@media only screen and (min-width: 1029px) {
.jdal{ width:100%; float:left;}
}
@media only screen and  (min-width: 320px) and (max-width: 480px){
.jdal{  float:left;width:100%; overflow:hidden;}
}
.col-sm-6 p{font-size:14px; color:#666;line-height:20px; width:100%; margin-top:13px;}
.col-sm-6 h4{font-family:  "Microsoft YaHei"; margin-top:24px; margin-bottom:16px; font-size:1em; color:#333;}
.col-sm-6 { float:left;}
.col-sm-12 p{font-size:14px; line-height:20px; width:100%; margin-top:13px;}
.col-sm-12 h4{font-family:  "Microsoft YaHei"; margin-top:24px; margin-bottom:16px; font-size:1em; color:#333;}
.col-sm-12 { float:left;}
.news p{font-size:14px; color:#999999;line-height:15px; width:100%; margin-top:15px;}
.news h4{font-family:  "Microsoft YaHei"; margin-top:30px; margin-bottom:17px; font-size:1em; color:#333;}
.news{ float:left;}
.media-heading{ font-family: "Microsoft YaHei";font-size:16px; color:#333; }
.media-body p{ font-size:14px; color:#666;line-height:20px; text-align:left; }
.jianjie { margin-top:30px;}
.jianjie h4{font-family:  "Microsoft YaHei"; font-size:18px;}
.jianjie p{font-family:  "Microsoft YaHei"; font-size:14px; color:#666; line-height:16px;  }
.header,  
.container{ 
    margin-left:auto;  
    margin-right:auto; 
	padding-top:30px;
} 
  
 .header{ min-width:400px;}  
 .media-body  a:link,a:visited{
 text-decoration:none;  /*超链接无下划线*/
 color:#545454;}
 .media-body   a:hover{ color:#545454;
 text-decoration:none;  /*鼠标放上去无下划线*/} 
 .jdal a:link,a:visited{
 text-decoration:none;  /*超链接无下划线*/
 color:#545454;}
.jdal  a:hover{ color:#545454;
 text-decoration:none;  /*鼠标放上去无下划线*/} 
.news a:link,a:visited{
 text-decoration:none;  /*超链接无下划线*/
 color:#545454;}
.news  a:hover{ color:#545454;
 text-decoration:none;  /*鼠标放上去无下划线*/} 
.footer{   margin-left:auto;  
    margin-right:auto;  
    background:#aaa;  
	 font-family:  "Microsoft YaHei";
}  
.box ul li a{ font-size:12px; color:#fff;}
.box { float:left;}
.box ul { margin-bottom:20px;}
@media only screen and (min-width: 1029px) {
.nav-tabs>li>a{line-height:1.42857143;}
.dizhi{ padding-right:6%; padding-top:3.2%;}
.carousel-inner{ padding-top:5%;}}
@media only screen and  (min-width: 320px) and (max-width: 480px){
.header,  
.container{ 
    margin-left:auto;  
    margin-right:auto; 
	padding-top:15px;
} 
.dizhi { width:100%; margin:0px auto; padding-right:0px;}
.dizhi ul li { text-align:center;}
.aboutUS img { margin-top:3.2%;} 
.carousel-inner{ margin-top:-5%;}
.nav-tabs>li>a{line-height:1;}
.nav>li>a{ position:relative;
           display: block;
           padding:15px 11px;}

.box { width:20%; margin:20px auto;text-align:center;}
.box img { vertical-align:middle;}
.footer{ padding:30px 10px;}
}
/*首页*/
@media only screen and (min-width: 1029px) {
.navbar-logo app-logo{ margin-left:20px;}
.swiper-container{ margin-top:5%;}
#bs-example-navbar-collapse-1{ float:right;}
.col-sm-1{ padding-top:30px;width:8.33333333%;}
.col-lg-1{ padding-top:10px; padding-bottom:15px;}
.box1{padding-left:6%;}
.box { font-size:12px; color:#fff; padding-right:82px;}
#aboutUS{position:relative;min-height:1px;float:left;width:8.33333333%}
col-lg-4{ width:100%; margin:0px auto;}}
@media screen and (min-width: 320px) and (max-width: 480px) {
.swiper-container{ margin-top:-6.1%;}
.nav ul {margin-top:2%;margin-bottom:2%;}
.nav ul li {width:100%;margin:0px auto;
 margin-top:10px; margin-bottom:10px;
 display: block;}
.col-sm-3{width:100%;margin:0px auto;} 
.col-sm-1{ padding-right:0px;margin:0px auto; width:100%;}
.col-lg-4{ padding-right:0px; width:100%;margin:0px auto;}
.box img { width:100%; margin:0px auto;}}
}
@media screen and (min-width: 320px) and (max-width: 375px) {
.media-body{ width:100%;margin:0px auto}
}
/*企业动态*/
@media screen and (min-width: 280px) and (max-width: 480px) {
	.col-sm-8{ width:100%; overflow:hidden;}
.container col-sm-8  img{ width:100%;margin:0px auto;}
.container col-sm-8 col-sm-6 p{ width:100%;margin:0px auto;}
.newslist span{white-space: nowrap;width:65%;overflow: hidden;text-overflow: ellipsis;max-width:300px}
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.liuyan{ width:100%; margin:0px auto;}
.liuyan input{ width:100%;margin:0px auto;}
.table{ width:100%; margin:0px auto;}
.row{ width:100%;margin:0px auto;}
.table{ width:100%; margin:0px auto;}
.col-sm-6  p{ max-width:460px; min-width:260px;margin:0px auto;}
.col-sm-3  img{ width:100%; margin:0px auto;}
.col-sm-3 { width:100%;margin:0px auto;}
.col-sm-3 ul{margin-top:0px;}
.title {margin-top:-15px;}
.media-body1{ width:50%;margin:0px auto;}
.media-body  p{ width:100%;margin:0px auto; padding-top:5%;
      overflow: hidden;    
      text-overflow: ellipsis;    
      display: -webkit-box;    
      -webkit-line-clamp: 2;    
      -webkit-box-orient: vertical;}
.media-left img{ padding-bottom:10%;} 
 }
div.dq p{ font-size:14px; margin-top:15px; color:#545454;}
@media only screen and (min-width: 1029px) {
.title {margin-right:30px;}
.col-sm-3{ padding-bottom:30px;}
.col-sm-3  img{ width:100%; }
.col-sm-3 ul{margin-right:30px;}
.box ul li{  font-size:12px; color:#fff; }
.col-sm-6{ margin-left:1.7%; }
.col-sm-6  img{ width:94%; }
.col-sm-4{ width:100%; float:left;}
.media-left{ width:70px; padding-right:5px;}
.media-body { width:270px;}
.media-body p{ width:270px;
     overflow: hidden;    
     text-overflow: ellipsis;    
     display: -webkit-box;    
     -webkit-line-clamp: 2;    
     -webkit-box-orient: vertical;
	 padding-top:5%;  
	  }
.col-sm-6 p{max-width:322px; min-width:260px; line-height:22px;}}
@media only screen and (min-width: 1029px) {
.jdal{  width:100%; margin:0px auto;}
}
.media-left{margin-top:3%;}
/*公司简介*/
.col-sm-1 p  a:link{color:#FFFFFF;}
.col-sm-1 p  a:visited{color:#FFFFFF;}
.col-sm-1 p  a:hover{color:#FFFFFF;}
h4 a:link{color:#FFFFFF;}
h4 a:visited{color:#FFFFFF;}
h4 a:hover{color:#FFFFFF;}
.title img { text-align:center;}
div.dq{ border-bottom:1px #dddddd solid; padding-bottom:13px;}
div.main{ margin-bottom:15px; }
div.main p{ font-size:0.875em; color:#666;  line-height:38px;text-indent:2em;}
div.main p b{ font-size:14px;}
h4{ font-size:14px; color:#ffffff;}
.col-sm-1 p { font-size:12px;  color:#ffffff;}
.col-sm-1 { margin-right:35px; margin-bottom:25px; text-align:center; }
.col-lg-12{ width:100%; margin:0px auto;}
.col-lg-4 img {width:98%; margin:0px auto;}}
div.ry{ margin-bottom:15px; padding-bottom:20px;}
div.ry p{ font-size:0.875em; color:#666; padding-top:20px; line-height:25px;}
div.year p{border-left:1px solid #dddddd; padding-left:3%; padding-top:10px; padding-bottom:10px;}
div.year h{ font-size:14px;}
div.dsj p{ font-size:0.875em; color:#666;line-height:25px;}
div.dsj{ margin-top:15px; margin-bottom:15px;}
/*新闻中心*/
span{ font-size:14px;  font-family:  "Microsoft YaHei"; color:#666;}
.a1{background:#DDD; padding-top:3px; padding-bottom:3px; padding-left:6px; padding-right:6px;}
div.main h1{ font-size:16px; text-align:center; font-weight:bold; color:#333;}
@media only screen and (min-width: 1029px) {
.main line { margin-top:30px;}}
@media screen and (min-width: 320px) and (max-width: 480px) {
.main line{ margin-top:0px;}}
/*客户专区*/
@media screen and (min-width: 320px) and (max-width: 480px) {
.col-sm-9{width:100%; margin:0px auto;}
.col-sm-12{width:100%; margin:0px auto;}
.title{width:100%; margin:0px auto;}}
/*经典案例*/
@media only screen and (min-width: 1029px) {
.allb{ width: 480px; background:#ededed; }
.allb p{ font-size:14px;
         padding-top:2%;
         padding-bottom:2%;
		 color:#666;}
.allb-left img{ float:left; margin-right:25px; width:202px; height:132px;}} 
@media screen and (min-width: 320px) and (max-width: 480px) {
.allb-left img{width:110%; height:auto; padding-bottom:5%; }	
.allb h{  width: 100%; }
.allb p{ width: 100%; font-size:14px;}
}
/*联系我们*/
.col-sm-12 p{ color:#666;}
.jszc{ padding-top:30px; padding-bottom:30px;}
.jszc p{ line-height:28px; font-size:14px; color:#666666;}
@media only screen and (min-width: 1029px) {
.ditu img{width:100%; margin:0px auto; float:right; }}
@media screen and (min-width: 320px) and (max-width: 480px) {
.table td{width:100%; margin:0px auto;}
.table td span{width:100%; margin:0px auto;}
.ditu img{width:100%; margin:0px auto; }