@charset "utf-8";
 /*  
*@description: 内页 
*@author: name 林异频  
* @update: name ()更新 */
/**************公共**************/
.main-left{ display:none;width:190px; margin-right:10px; overflow: hidden;}
.main-left1{background: #f6f6f6;}
.main-left1 li{border-bottom: 1px solid #fff;padding-right: 15px; line-height: 50px; font-size: 16px;}
.main-left1 li a{border-left: 8px solid #dbdcdb; color: #686868; display: block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding: 0 30px 0 15px; position: relative;}
.main-left1 li a:before{
  font-family:"iconfont" !important;
  font-size:30px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e607";position: absolute;right: 0; top: 0; color: #c2c2c2;
}
.main-left1 li a:hover,.main-left1 li.hover a{border-color: #d31500; color: #d31500;}
.main-left1 li a:hover:before,.main-left1 li.hover a:before{ color: #d31500;}
.main-left2{ clear: both;overflow: hidden;padding: 5px 0;}
.main-left2 a{ display: block; clear: both;overflow: hidden; padding: 5px 0;}
.main-left2 a img{ width: 100%;}
.main{ margin: 0 -15px;}
.main-bg{ padding-bottom:5px;}
.main-bg img{width: 100%;}
.main-weizhi{ position: relative;border-bottom: 2px solid #dadada;margin-bottom:9px;}
.main-weizhi dd{float: left; position: relative;margin-bottom: -2px; padding: 0 10px 2px;font-size: 14px; color:#be0818; line-height:35px;}
.main-weizhi dd em{ position: absolute;left: 50%; margin-left: -10px; height:11px; width:19px; z-index: 5;bottom: -9px; background: url(../main-1.png) no-repeat 0 0;}
.main-weizhi dt{ overflow: hidden;line-height:40px;font-size: 14px; color:#8f8e8e; display: none; height: 40px; }
.main-weizhi dt span{ display: inline-block;float:right;margin-right:20px}
.main-weizhi dt span:before{
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;margin-right: 5px; color: #949494;
}
.main-weizhi dt span a{ color: #8f8e8e;}
.page{ text-align: center; padding:0 10px;}
.page .pagination > li > a,.page .pagination > li > span{ color: #8a8a8a;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus,.page .pagination > .active > a,.page .pagination > .active > span,.page .pagination > .active > a:hover,.page .pagination > .active > span:hover,.page .pagination > .active > a:focus,.page pagination > .active > span:focus {
  color: #e9e9e9;
  background-color: #8f8f8f;
  border-color: #8f8f8f;
}

@media only screen and (min-width:768px) {
.main-left{ display: inline-block;}
.main{overflow: hidden; margin: 0;}
.main-weizhi dd{font-size: 18px; line-height: 40px;}  
.main-weizhi dt{ display:block;}
.page{ padding: 0;}
}
@media only screen and (min-width:992px) {
.main-left{width:230px; margin-right:20px;}

}    
/**************联系我们**************/
.contact{padding: 10px; border-bottom:1px dashed #d3d3d3;font-size: 14px;}
.contact-1{ clear: both;overflow: hidden; line-height: 24px;}
.contact-1 li{ clear: both;overflow: hidden; padding:8px 0;}
.contact-1 li i{border-radius: 50%; height: 24px; width: 24px; text-align: center;background: #e9ac43;float: left; display: inline-block; overflow:hidden;color: #fff;line-height: 24px;-webkit-text-stroke-width: 0;margin: 0 10px 0 0;}
.contact-1 li p{overflow: hidden;}
.contact-2{ clear: both;overflow: hidden; padding: 10px 0;}
.contact-2 li{float: left;width: 50%; display: inline-block; overflow: hidden; text-align: center;}
.contact-2 li span{ display: block; clear: both;overflow: hidden; padding-bottom: 10px;}
.contact-2 li p{border-right: 1px solid #ececec;}
.contact-2 li p img{width: 60%;max-width: 122px;}
.contact-2 li.contact-last p{border: 0;}
.contact-map{ padding: 20px 0 10px; }
@media only screen and (min-width:768px) {
.contact{ padding:10px 0 20px;}    
}
@media only screen and (min-width:992px) {
.contact-1{float: left; clear: none;width: 55%;}
.contact-2{float: right; clear: none; width: 40%;}
.contact-map{ padding: 20px 0; }
} 

/**************企业概况**************/
.about li{ clear: both;overflow: hidden; font-size: 14px; line-height:30px; }
.about li .about-1{float: left; display: none;background: url(../about-2.png) no-repeat right center;margin-right:10px;width: 120px;color: #fff;position:relative;}
.about li .about-1 span{ background: url(../about.png) no-repeat 0 bottom;width: 96px; padding-right: 5px; display: block; text-align: center; height: 30px; margin:6px 0 8px;}
.about li p{ overflow: hidden; padding:7px 10px; color: #686868;}
.about li p.about-odd{background: #f4f4f4;}
.about li:hover .about-1{background-image: url(../about-1.png);}
.about li:hover .about-1 span{background-position: 0 0;}
.about li:hover p{ color: #BE0818;}
.about-article{padding: 10px; font-size: 14px; line-height: 2;}
.about-article img{max-width: 100%;}
.about-honner{ clear: both;overflow: hidden; padding:5px;font-size: 14px;}
.about-honner li{float: left;width: 50%; padding: 5px; overflow: hidden; text-align: center;}
.about-honner li a{ display: block; overflow: hidden;}
.about-honner li a em{border: 2px solid #d4d4d4; display: block; overflow: hidden;}
.about-honner li a em img{width: 100%;}
.about-honner li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; color: #4a4a4a;}
@media only screen and (min-width:480px) {
.about-honner,.about-honner li{padding:10px;}
.about-honner li p{ padding-top:10px; }   
.about-honner li a em{border-width: 5px;}    
    
}
@media only screen and (min-width:768px) {
.about{ padding: 10px 0;}
.about li{ padding: 2px 0; background: url(../about-3.jpg) repeat-y 108px; }
.about li .about-1{ display: inline-block; }
.about li .about-1 em.about-first,.about li .about-1 em.about-last{background: #ffffff; position: absolute;right: 0; height: 18px;width: 12px; overflow: hidden; z-index: 2;}
.about li .about-1 em.about-first{top:-2px;}
.about li .about-1 em.about-last{bottom:-2px;}
.about-article{ padding: 10px 0 20px;}
.about-honner{margin:0 -20px;}
} 
@media only screen and (min-width:992px) {
.about-honner li{width: 33.333%;}
}

/**************企业动态**************/
.news{ padding:0 10px;}
.news li{ padding:10px 0 15px;border-bottom: 1px dashed #d0d0d0; clear:both; overflow: hidden;}
.news li a.news-img{float: left;width:110px;overflow: hidden;margin:5px 10px 0 0; display: inline-block;height:75px;}
.news li a.news-img img{ width: 100%;}
.news-text{overflow: hidden;}
.news-text big{ clear: both;overflow: hidden; display: block; line-height:24px;font-size:14px;}
.news-text big small{font-size: 12px; color: #898989;margin-left: 5px; display: inline-block; overflow:hidden;float: right;}
.news-text big a{ display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.news-text p{height: 3.6em; overflow: hidden;}
.news-a{ display: block; clear: both;overflow: hidden; color: #eaaf43;}
.news1{ padding:0 10px;}
.news-top{ text-align: center; font-size: 12px; color: #a4a4a4; border-bottom: 1px dashed #d0d0d0; padding: 10px 0; margin-bottom: 5px;}
.news-top h1{ font-weight: normal; color: #000; font-size: 16px; padding: 5px 0;}
.news-article{padding:20px 0; font-size: 14px;}
.news-article img{max-width: 100%;}
.news-page{ border-top: 1px dashed #d5d5d5; padding: 15px 0;}
.news-news{ clear: both;overflow: hidden; padding: 0 0 10px;}
.news-news dt{ clear: both; overflow: hidden;font-weight: lighter; color: #e60012;font-size: 16px; line-height: 2;}
.news-news dd{ padding:5px 0; clear: both; overflow: hidden; line-height: 22px;font-size: 14px;}
.news-news dd span{float: left; overflow: hidden; background: #cdcdcd; color: #fff; padding: 0 5px; display: inline-block; margin-right: 5px;}
.news-news dd p{ overflow: hidden;}
.news-news dd p a{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; color: #4a4a4a;}
.news-page1 .bdsharebuttonbox{ border: 1px solid #e6e6e4; border-radius: 3px; background: #f4f4f4; display: inline-block; overflow: hidden; }
.news-page1 .bdsharebuttonbox span{float: left; padding:0 5px; line-height: 28px;font-size: 12px;}
.news-return{float: right; text-align: right; overflow: hidden; padding: 1px 0;}

@media only screen and (min-width:768px) {
.news,.news1{ padding:0;}    
.news li a.news-img{width: 150px; height: 102px;margin: 5px 15px 0 0;}    
.news-text big{font-size: 16px; line-height: 30px;}
.news-text p{font-size: 14px;margin: 3px 0;}
.news-top{ padding:20px 0; margin-bottom:10px;}
.news-top h1{font-size: 20px; padding-bottom:15px;}
.news-article{padding: 30px 0;}
}
@media only screen and (min-width:992px) {
.news-news{ clear: none;float:left; width:60%;padding:0;}
.news-page1{float: right;max-width: 35%; overflow: hidden; padding-top: 20px;margin-right:20px}
.news-page1 .bdsharebuttonbox{ display: block; clear: both;}
.news-return{float: right; text-align: right; overflow: hidden; padding: 25px 0 0;}    
}

/**************招贤纳士**************/
.recruit{padding:10px;}
.recruit li{border-bottom: 1px dashed #c6c6c6; clear: both;overflow: hidden;line-height: 3;font-size: 14px;}
.recruit li a{ background: url(../images/index-2.png) no-repeat 0 center; padding-left: 20px; display: block; overflow: hidden;}
.recruit li a span{float: right; margin-left: 10px; color: #bdbdbd; display: inline-block; overflow: hidden;}
.recruit li a p{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis; color: #686868;}
.recruit li a:hover *{ color: #BE0818;}
@media only screen and (min-width:768px) {
.recruit{padding:5px 0;}    
    
}
/**************项目中心**************/
.project{ padding: 5px;}
.project li{float: left; width: 50%; padding: 5px; overflow: hidden; display: inline-block; text-align: center;font-size: 14px;}
.project li a.project-img{display: block; clear: both;overflow: hidden; margin-bottom: 5px;}
.project li a.project-img img{width: 100%;}
.project li p a{overflow: hidden; display:block; clear:both; white-space: nowrap; text-overflow: ellipsis;}
.project-top{ text-align: center; font-weight: normal; padding: 20px 0; font-size: 16px; color: #000;}
@media only screen and (min-width:480px) {
.project,.project li{padding:10px;}
.project li a.project-img{ margin-bottom:10px; }          

}
@media only screen and (min-width:768px) {
.project{ margin: 0 5px;}   
.project li{padding:10px 15px;} 
.project-top{font-size: 24px; padding: 35px 0;}    
}
@media only screen and (min-width:992px) {
.project li{width: 33.3333%;}      
}


/**************下载中心**************/
.loaddown{ padding:0 10px;}
.loaddown li{ clear: both;overflow: hidden; padding: 10px 0;border-bottom: 1px dashed #c7c7c7;}
.load-img{float: left; width:90px; border: 1px solid #e0e0e0; display: none;overflow:hidden;margin-right: 10px;}
.load-img img{width: 100%;}
.load-1{float: right;line-height: 27px;overflow: hidden;background: url(../images/loaddown.png) no-repeat 0 0;width: 83px;margin-left: 10px; padding-left: 6px; text-align: center; display: none; color: #fff;}
.load{overflow: hidden;}
.load-big{ display: block; clear: both;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 27px; padding-bottom: 5px;}
.load-big a{ color: #BE0818;}
.load dl{position: relative; clear: both;overflow: hidden;}
.load dl dd{ clear: both;overflow: hidden;line-height: 2.2; height:4.4em;}
.load dl dt{color: #ff9000;}
.load dl dt span,.load dl dt p{overflow: hidden; cursor: pointer; }
.load dl dt p{ display: none;}
.loaddown li.hover .load dl dt p{ display: inline-block}
.loaddown li.hover .load dl dt span{ display: none;}
.loaddown li.hover .load dl dd{height: auto;}
.loaddown li.hover .load-1,.loaddown li:hover .load-1{background-position: 0 bottom; color: #fff;}
@media only screen and (min-width:992px) {
.loaddown{ padding: 0;}    
.loaddown li{ padding: 15px 0;font-size: 14px;}
.load-img,.load-1{ display: inline-block;}   
}