*{font-family: "\5FAE\8F6F\96C5\9ED1"}
body{background: #fefefe}
.cinav{width: 100%;font:normal 14px/30px "";background: #f0f0f0}
img.img100{width: 100%; height: auto;}
.hongbor{font:normal 12px/10px "宋体";border:1px solid #d00;margin:3px;border-radius: 2px; color: #d00;padding: 1px; float: left;display:inline;}
.headtop{background: #f0f0f0; color: #666; width: 100%; }
.meunav{width:100%; background:#2196f3; float:left }
.meunav{ margin:0px auto; }  
.meunav li { display:inline-block; text-align:center;   }
.meunav li a{ color:#fff; display:block;font: normal 16px/45px "\5FAE\8F6F\96C5\9ED1";  }
.meunav li a:hover{color: #fff; text-decoration:none; background:#26427d }
.bannerad{width: 100%; margin-bottom: 10px; float: left; height: 400px; position: relative;}
.banenrico{width: 65px; height: 65px;   position: absolute; top: 40%; left: 48%; z-index: 0; opacity: 0.8;}
.banenrico i{  color: #fff; font-size:65px; }
a{color:#333}
.lanse{background: #f0f0f0}
a:hover{ text-decoration:none}
.headlogo{ background:#fff; padding: 20px 0;}
.topbgs,.topkey{margin: 0 auto; color: #555}
img { vertical-align:middle; }
.oneprobox img{width: 100%}
.toptel{ font: normal 18px/25px "\5FAE\8F6F\96C5\9ED1" ;  text-align: right; padding-top: 20px;  color: #666; }
.toptel strong{ font: bold 30px/35px "\5FAE\8F6F\96C5\9ED1" ; color: #d00;  }
.toptel i{ font:normal 60px/60px "\5FAE\8F6F\96C5\9ED1" ; color: #333; padding-left: 10px; float: right; }
.leftlogo{ overflow: hidden; padding: 20px 0; }
.leftlogo img {float: left; display: inline;}
.leftlogo, .leftlogo h1{font: bold 33px/33px "\5FAE\8F6F\96C5\9ED1" ; }
.leftlogo h1{ color: #d00;   padding: 0; margin-bottom: 0;display: inline }
.leftlogo h4{font:normal 16px/35px "\5FAE\8F6F\96C5\9ED1"; color: #666;}
.titlelg{text-align: center; width: 100%; font: bold 28px/80px "\5FAE\8F6F\96C5\9ED1";}
.titlebig{  text-align: center;margin: 20px 0; padding:30px 0; position: relative; }
.p_hengxian{height: 1px;background: #2196f3;width: 100%; position: relative; z-index: 1;top:15px;left: 0}
.titlebig strong{font:bold 33px/28px "\5FAE\8F6F\96C5\9ED1" ;color: #fff; position: relative; z-index: 2; background: #2196f3; border:1px solid #2196f3; padding: 10px 20px; border-radius: 50px;cursor: pointer;}

.layui-btn-sm{font-size: 14px;}
.sort-car{ width: 100%; float: left;}
.sort-cars{ width: 100%; float: left;}
.sort-cars a,.sort-cars b{ margin: 10px 0 !important;}
.titlebig:hover strong {background:#2196f3;border:1px solid #2196f3; color: #fff}
.pdimg{position: relative; line-height: 35px; background: #f0f0f0; overflow: hidden; float: left;width:100%;border:1px solid #f0f0f0; margin-bottom: 10px; }
.pdimg:hover{border:1px solid #d00d00;}
.pdimg strong{height: 35px; overflow: hidden; width: 100%; float: left;}
.pdimg:hover img{-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .8s ease-out 0s;
-moz-transition: all .8s ease-out 0s;
-webkit-transition: all .8s ease-out 0s;}
.pdimg img{width: 100%; height: auto; float: left;}
.pdimg strong{width: 100%; float: left;text-align: center; position:relative; z-index:1; font-weight: normal; background: #fff; font-size: 16px; }
.left{float: left;text-align: center; width: 49.8%}
.right{float: right;text-align: center; width: 49.8%}
.num{text-align: center; color: #666}
.videoico{ position: absolute; z-index: 10;bottom:50px ;left: 15px; color: #fff}
.videoico i{font-size: 30px; }
.tel{ line-height: 40px; text-align: center;; float: left; width: 100%}
.pdimg:hover .tel {background: #d00; color: #fff}
.pdnews{ width: 98%; float: left; color: #666; padding: 1%; line-height: 20px;  }
.pdnews:hover{background: #f5f5f5;}
.pdnews h5{ font: bold 16px/36px "\5FAE\8F6F\96C5\9ED1"}
.pdnews img{float: left; margin-right: 10px; height: 120px; width: 170px;}
.pdkonw{ width: 98%; float: left; color: #666; padding: 1%; height: 70px; overflow: hidden; line-height: 20px;  }
.pdkonw:hover{background: #f5f5f5;}
.pdkonw h5{ font: bold 16px/36px "\5FAE\8F6F\96C5\9ED1"} 

.main{width:1180px; margin: 0 auto;}
@media screen and (max-width:991px){.main,.topbgs,.topkey,.navnws{width:100%}}
@media screen and (min-width:992px) and (max-width:1199px){.main,.topbgs,.topkey,.navnws{width:660px}}
@media screen and (min-width:1200px) and (max-width:1439px){.main,.topbgs,.topkey,.navnws{width:1180px}}
@media screen and (min-width:1440px) and (max-width:1920px){.main,.topbgs,.topkey,.navnws{width:1370px}}
.pdimg img{width: 100%; float: left;}
@media screen and (min-width:1921px) and (max-width:2560px){.main,.topbgs,.topkey,.navnws{width:1570px}}

.bottomtel {width: 100%;background: #d00; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "\5FAE\8F6F\96C5\9ED1";}	
.bottomteltxt {
 background: url(http://static.hc39.com/skin/default/img/bottomtel2.png) left top no-repeat; color: #fff; height: 53px; width: 480px; margin: 5px auto;  padding-left: 720px;
}

.footer { width:100%; padding-bottom: 20px; overflow:hidden;  float:left;background:#222 }
.foot,.bottom {  float: left;  width: 100%;  color: #999;  overflow:hidden; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1";} 
.foot dl {width:100%;  float:left; display:inline ;color:#aaa; margin:0 0 20px 0; }
.foot dt {font: bold 14px/28px "\5FAE\8F6F\96C5\9ED1";   width:100%; float:left; display:block}
.foot dd {width:114px; height:30px; float:left; display:inline; overflow:hidden ;padding: 0; margin: 0; } 
.foot a,.bottom a { color:#eee; line-height:32px; }
.bottom img{vertical-align: middle;}
.foot dd a:hover,.bottom a:hover{ color:#f60;} 
.copyrightewm{ float: left; display: inline; font-size: 14px; color: #999 }
.copyrightewm img{ float: left; display: inline-block; }
.copyrightewm b{ color: #999; display: block; }
.botfooter{ width:100%; float:left; background:#000}  
.botmenu a{ padding:0 20px 0 0; color:#aaa; } 
.botmenu span{float: right} 
.adbottom{ background: #ff5722; padding: 10px 0; color: #fff; font-size: 14px; line-height:20px; text-align: left; width: 100%; float:left; }
.adbottom i{ font-size: 80px;  float: left; margin: 25px 5px }
.zf_tog{color:#FFF; border:1px solid #252525; font-weight: bold; padding: 0; margin-top:10px; float: left;}
.zf_hide{display:none;}		
.erweima-bot{ color: #aaa;text-align: center; }
.erweima-bot li{padding: 10px;  float: left;text-align: center;}
.erweima-bot li img{width: 118px;background: #fff;display: block; }

 
/**hulanqingxiche**/
.pd8box{padding:5px; box-sizing: border-box; background: #fff;position: relative; z-index: 1}
.bghui{background: #eee; }
.qichenav li{display: inline-block;}
.qichenav li a{display: block;padding:2px 20px; }
.oneproduct{}

.oneprobox{width: 100%; overflow: hidden; position: relative;cursor: pointer;box-shadow: 0px 0px 2px #eee}
.oneprobox:hover {box-shadow: 0px 0px 8px #999}
.oneprobox .textboxpad8{padding: 8px;box-sizing: border-box;position: relative;z-index: 1;background: #f1ded8;}
.oneprobox:hover .textboxpad8{background: #03a9ff; color: #fff}
.oneprobox:hover a *{color: #fff}
.textboxpad8 h4{display: block;font:bold 18px/40px ""; }
.textboxpad8 p{display: block;line-height: 20px; color: #666; font:normal  14px/25px ""; }
.oneprobox img{transition: all 0.6s;}
.oneprobox img:hover{transform: scale(1.1);}
.oneprobox h5{position:absolute; color: #fff;  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,1)); bottom: 0px; left:0px; height:20px; width: 100%; padding: 8px; z-index: 1px}
.oneprobox h6{  padding:3px 0; }
.oneprice{color: #999; font-size: 12px;padding-top: 3px;}
.oneprice em{float: right;font-style: normal;}
.oneprice strong{color: #f00;font-size: 16px;}