﻿.profilecontent{ background-color:#fff;}
/*关于我们*/

.profiles .timecell1,.profiles .timecell0{padding:60px 0;}
.profiles .timecell1{background-color:#f7f8f9;}
.profiles .timecell0{background-color:#fff;}
.profiles  .timecontent {font-size:16px; }
.profiles   .timecontent p{font-size:16px; padding-bottom:25px; }
.profiles   .propic img{width:100% }




@media (max-width: 767px) {
.profiles .timecell1,.profiles .timecell0{padding:15px 10px 0 10px;background-color:#fff;}
.profiles   .timecontent p{ padding-bottom:15px;font-size:14px; }

}
@media (min-width: 768px) and (max-width: 991px) {
.profiles .timecell1,.profiles .timecell0{padding:30px 0px;}
.profiles   .timecontent p{ padding-bottom:15px;font-size:14px; }

}

@media (min-width: 992px) and (max-width: 1199px) {
.profiles .timecell1,.profiles .timecell0{padding:40px 0px;}
.profiles   .timecontent p{ padding-bottom:15px;font-size:14px; }

}



@media (min-width: 1200px) and (max-width: 2560px) {



}

/*联系我们*/
.cotopleft{width:50%;float:left;}

.profour {  } 
.profour  a{ float: left; width: 48.5%; margin:0 1px 2px; height: 84px; line-height: 84px; text-indent: 2%; color: #333; font-size:16px;    font-weight: 600;text-align:center;transition:all 0.3s } 
.profour  a i.iconfont{ font-size:20px; } 
.profour  a.pf1{ margin-right: 1px; margin-bottom: 1px; background: #f5f5f5; } 
.profour  a.pf1:hover,.profour  a.pf2:hover,.profour  a.pf3:hover,.profour  a.pf4:hover{color:red; } 
.profour  a.pf2{ margin-bottom: 1px; background: #f7f8f9; } 
.profour  a.pf3{ margin-right: 1px; background: #f7f8f9; } 
.profour  a.pf4{background: #f5f5f5;} 



.section-border {  padding-bottom: 75px; }
.absection h2 { padding-top: 80px;  font-size: 20px;   font-weight:600; padding-bottom: 55px; } 
.absection  h4 { font-size: 16px;   font-weight:600; padding: 0px 0 26px 0;  }
.absection  p { font-size: 16px;  line-height: 30px;     position: relative; display: block; }
.absection  p span{ font-size: 12px; color: #666;  display: block; }
.section-content-2{background-color:#f5f6f7;}


@media (max-width: 767px) {
.cotopleft{width:auto;float:none;padding:0 10px;}
.profour  a i.iconfont{ font-size:16px; } 
.cotopright{padding-top:20px;}
.section-border {  padding-bottom: 25px; }
.absection h2 { padding-top: 30px;  font-size: 16px;  padding-bottom: 15px;padding-left:0px;} 
.absection h4 { font-size: 14px; padding: 10px 0; }
.section-content-1 .col-xs-12{padding-left:10px;}
.profour  a{ height: 44px; line-height: 44px; font-size: 14px;  text-align:left; } 
.absection  p { font-size: 14px;  line-height: 24px; }

}
@media (min-width: 768px) and (max-width: 991px) {

.absection h2 { padding-top: 30px;  font-size: 16px;  padding-bottom: 20px;} 
.absection  h4 { font-size: 14px;  padding: 0px 0 13px 0;  }
.section-border {  padding-bottom: 25px; }
.profour  a{ height: 46px; line-height: 46px; font-size: 14px;text-align:left; } 
.profour  a i.iconfont{ font-size:16px; } 
.absection p { font-size: 14px; line-height: 26px;  }

}

@media (min-width: 992px) and (max-width: 1199px) {
.absection h2 { padding-top: 50px;  font-size: 16px;  padding-bottom: 20px;} 
.section-border {  padding-bottom: 55px; }
.profour  a{ height: 46px; line-height: 46px; font-size: 14px; text-align:left;} 
.absection p { font-size: 14px; line-height: 24px;  }
.absection  h4 { font-size: 14px;  padding: 0px 0 13px 0;  }
}






.features { padding-top: 30px; }
.lastsction{ padding-bottom: 105px; }
.ldizhi img{ width:100%;}


.contact-ways {/*margin-left:-5%;*/padding-top:0px;}
.contact-ways .eitem { float:left; width:28.33%; margin-left:5%; } 
.contact-ways .eitem:first-child { margin-left:0%; } 
.contact-ways .eitem .itemtitle { margin-bottom:20px; border-bottom:1px solid #e5e5e5; } 
.contact-ways .eitem .itemtitle div.iconfont{ display:block; font-size:40px;;}
.contact-ways .eitem .itemtitle .text { display:block; padding:20px 0; font-size:16px;font-weight:600;  line-height:1; } 
.contact-ways .eitem .itemcontent {padding-right:60px;} 
.contact-ways .eitem .itemcontent span { display:block;  }
.zongbujiaotong{text-align:center;}

@media (max-width: 767px) {
.zongbujiaotong{text-align:left;}
.contact-ways {margin-left:0;padding-top:0px;}
.contact-ways .eitem .itemtitle { margin-bottom:10px;} 
.contact-ways .eitem { float:none; width:100%; margin-left:0%; } 
.contact-ways .eitem .itemtitle div.iconfont{ font-size:80px;text-align:center;height:100px;line-height:100px;display:none;}
.contact-ways .eitem .itemtitle .text {padding: 10px 0; font-size: 14px; font-weight: 600; }
.contact-ways .eitem .itemcontent { padding: 0px 0 5px 0; }

}
@media (min-width: 768px) and (max-width: 991px) {
.contact-ways .eitem .itemtitle .text {padding: 20px 0; font-size: 14px; text-align: center; }
.contact-ways .eitem .itemcontent { padding: 0px 0 20px 0; }
.contact-ways .eitem .itemtitle div.iconfont {text-align: center; font-size:30px;}

}

@media (min-width: 992px) and (max-width: 1199px) {
.contact-ways {margin-left:0;padding-top:15px;}
.contact-ways .eitem .itemtitle .text {padding: 10px 0; font-size: 14px;  }
.contact-ways .eitem .itemcontent { padding: 0px 0 20px 0; }

}



/*发展历程*/

.prohistory{padding:70px 0;}
.prohistory em{font-style:normal;}
.his_li{overflow:hidden;position:relative;}
.his_li em.em1{display:block;overflow:hidden;padding:15px 0px;font-size:20px;font-weight:700;color:#333;padding-left:200px;}
.his_li em.em2{display:block;overflow:hidden;text-align:left;padding-left:300px;}
.his_li em.em2 span{display:block;overflow:hidden;padding-bottom:25px;}
@media (max-width: 767px) {
.prohistory{padding:20px 0;}
.his_li{padding:0 10px;}
.his_li em.em1{font-size:18px;font-weight:700;padding-left:0px;}
.his_li em.em2{padding-left:0px;}
.his_li em.em2 span{padding-bottom:15px;}

}
@media (min-width: 768px) and (max-width: 991px) {
.prohistory{padding:30px 0;}
.his_li{padding:0 10px;}
.his_li em.em1{font-size:18px;font-weight:700;padding-left:0px;}
.his_li em.em2{padding-left:0px;}
.his_li em.em2 span{padding-bottom:15px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

.prohistory{padding:40px 0;}
.his_li{padding:0 10px;}
.his_li em.em1{font-size:18px;font-weight:700;padding-left:190px;}
.his_li em.em2{padding-left:260px;}
.his_li em.em2 span{padding-bottom:15px;}


}



@media (min-width: 1200px) and (max-width: 2560px) {



}

.quality,.brand,.procx {padding:70px 0}

.quality h3,.brand h3,.hysbox h3{  padding-bottom: 25px; font-size: 18px;  font-weight: bold; }

.quality h4,.hysbox h4,.brand h4 { font-size: 16px; font-weight: bold; padding: 26px 0 26px 0; }




.brand p,.brand  ul li{ text-indent:0px; list-style:disc; list-style-position:inside}


.kjpic { padding:25px 0;}
.kjpic img{ width:100%;}
.hysbox{ border-bottom:solid 1px #ccc; padding-bottom:30px;}

#btnshiyanshi{ cursor:pointer;}
p.subimg100{padding:15px 0 25px 0;}



@media (max-width: 767px) {

.brand,.procx,.quality{padding:20px 10px;}
.brand h4{   padding: 16px 0;}
.brand h3,.hysbox h3,.quality h3{  font-size: 16px;  padding: 15px 0;}

.hysbox h3{  }
.hysbox h4,.quality h4{   font-size: 14px;padding: 12px 0; }


.quality h3 { }
.quality h4 {   }

.kjpic { padding:15px 0;}
.kjpic .col-xs-12{ padding: 0;}
p.subimg100{padding:15px 0 10px 0;}


}

@media (min-width: 768px) and (max-width: 991px) {

.brand,.procx,.quality{padding:30px 0}
.quality h4,.hysbox h4,.brand h4{   font-size: 14px; padding: 15px 0;}
.quality h3,.brand h3,.hysbox h3{  padding: 15px 0; font-size: 16px;  }

}

@media (min-width: 992px) and (max-width: 1199px) {

.brand,.procx,.quality{padding:40px 0}
.quality h4,.hysbox h4,.brand h4{   font-size: 16px; padding: 18px 0;}
.quality h3,.brand h3,.hysbox h3{  padding: 18px 0; font-size: 18px; }

}



.contact-box .storezone { padding-top: 70px ; z-index: 3; position: relative;background-color: #f5f6f7;}
.contact-box .storecore {  }
.contact-box .storecore .ste-title h2 { text-align: center; font-size: 30px;padding-bottom:10px; }
.contact-box .storecore .ste-title  p{ text-align: center;   color: #333;padding-bottom:25px;}
.contact-box .storeselects { width: 100%; margin: 0 auto; text-align: center; }
.contact-box .storeselects .soselect { text-align: left; position: relative; display: inline-block; cursor: pointer; width: 326px; height: 44px; }
.contact-box .soselect .selectbox { -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #dce1e4; background-color: #fff; width: 100%; height: 100%; }
.contact-box .soselect .selectbox  i{ position: absolute; top:5px;right: 0; width: 42px; height: 42px;font-size:24px;color: #555; }

.contact-box .soselect .selectbox .selectbox-text { display: block;text-align: center; line-height: 42px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.contact-box .soselect  #txtMPkey{ width: 100%;height:100%;float:left;padding:0px;margin:0px;text-align:center;border: 1px  solid  #dce1e4; }




.contact-box .dropdowns { position: absolute; top: 43px; width: 100%; height: 0; background-color: #fff; overflow: hidden; overflow-y: auto; z-index: 2; }
.contact-box .dropdowns .options { margin: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #dce1e4; max-height: 268px; overflow-y: auto; -webkit-box-shadow: 0 10px 20px rgba(153,160,169,.3); box-shadow: 0 10px 20px rgba(153,160,169,.3); width: 100%; height: 0; }
.contact-box .dropdowns .options .lioption { padding: 5px; height: 32px; }
.contact-box .dropdowns .options .lioption .item-text { display: block; padding-left: 10px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; }
.contact-box .dropdowns .options .lioption .item-text:hover{background-color:#f4f4f4}
.contact-box .openDrop .dropdowns{height:auto;overflow:visible}
.contact-box .openDrop .dropdowns .options {height:auto;    max-height: 268px;    padding-bottom: 15px;}
.contact-box .buylist { background-color: #f5f6f7; }
.contact-box .mapaddr-view { background: #fff ;}

@media (max-width: 767px) {
.contact-box .storezone { padding-top: 30px ; }
.contact-box .storecore .ste-title h2 { font-size: 18px; font-weight:600}
.contact-box .soselect .selectbox i { top:10px;}
.contact-box .storeselects .soselect { width: 100%; }
.contact-box .storecore .ste-title p { padding-bottom: 15px; }
.contact-box .storeselects {padding-bottom: 15px; }


}

@media (min-width: 768px) and (max-width: 991px) {
.contact-box .storezone { padding-top: 40px ; }
.contact-box .storecore .ste-title h2 { font-size: 20px; font-weight:600}
.contact-box .soselect .selectbox i { top:10px;}
.contact-box .storecore .ste-title p { padding-bottom: 15px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
.contact-box .storezone { padding-top: 50px ; }
.contact-box .storecore .ste-title h2 { font-size: 20px; font-weight:600}
.contact-box .storecore .ste-title p { padding-bottom: 15px; }

}

.historybox{ padding-top:70px;padding-bottom:70px;}
.historybox h3{ font-weight:600; padding-top:25px;font-size:18px;text-align: right;}
.historybox p{ padding-left:3em; padding-top:0em;}
.historybox .col-sm-10{  background:url(/static/UserFiles/Product/appen/rdot.png) no-repeat left top; padding-bottom:3em;padding-top:20px;}

@media (max-width: 767px) {
.historybox{ padding-top:30px;padding-bottom:30px;}
.historybox .col-sm-2{ padding:0;padding-left:10px;}
.historybox h3{ padding-top:0px;text-align: left;}
.historybox p{ padding-left:15px; padding-top:0em;padding-bottom:15px;}
.historybox .col-sm-10{  background-position-x:10px;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {


}