html,body { color: #333;  margin: 0;  height: 100%;  font-family: "\5FAE\8F6F\96C5\9ED1"; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-weight: normal;}
* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;font-family: "\5FAE\8F6F\96C5\9ED1";}
a { text-decoration: none;color: #000;}
img {border: 0;}
body {  color: #666;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;    padding: 0;}
a {text-decoration: none;color: #08acee;}
button {outline: 0;}
img {border: 0;}
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; outline: none;}
li {list-style: none;}
a {color: #444;}
a:hover {color: #eee;}
.clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {}
.layui-container{ clear: both;}
.toptel{ position: absolute; top:45px; color: #d00; font:bold 33px/35px "\5FAE\8F6F\96C5\9ED1"; right: -75px; width: 280px; }
/**公共**/ 
#banner{width: 100%; float: left; overflow: hidden;}
.layui-carousel{background:none!important;position: none;}
#banner img{height: auto; width: 100%}
.header-logo{ position: relative; }
.header-logo img{padding: 10px 0}
a.size16{font:normal 16px/48px ""; color: #fff!important; padding: 0 30px!important;}
.box100{width: 100%;}
.downmenu{top:48px!important;}
.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{ background: rgba(255,255,255,0.3); cursor: pointer; } 
.layui-nav .layui-nav-more{right: 15px;}
.skin1{background: #FF5722; float: left; }
.mobiletop{ background: #FF5722; width: 100%; float:left; color: #fff; margin-bottom: 0.25rem; position: relative; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);} 
.mobiletop h1{float: left; padding:0.8rem 0.5rem; font-size: 1rem;}
.rightcaidan{position: absolute;right: 0; z-index: 3; } 
.rightcaidan a{display: block; color: #fff; font-size: 1rem; padding:0.8rem 0.6rem;}
.right_menu_layer{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background:rgba(0,0,0,0.5); #000;   z-index: 999;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);transition: all .3s ease; }
.right_menu_layer.visible{-webkit-transform:translateZ(0);  transform:translateZ(0);}
.contentshuxing{ background: #253948; overflow: scroll;  width: 100%; position: absolute;  opacity: 1; left: 30%; height: 100%;}
.contentshuxing li{  }
.contentshuxing li a{color: #ccc} 
.rightlist{ width: 70%;box-sizing: border-box;} 
.titleback{ font:normal 0.8rem/1rem "\5FAE\8F6F\96C5\9ED1";text-align: center;width: 98%;box-sizing: border-box; padding: 0.5rem;float: left; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.5rem;}
.contentshuxingtwo{ background: #fff; overflow: scroll; padding: 0.5rem; box-sizing: border-box; width: 100%; position: absolute;  opacity: 1; left:0; height: 100%;}
.close{position: absolute; height: 100%;z-index: 10000;left: 0; width: 20%;background:#fff; opacity: 0; display: block; }
.close a{height: 100%; display: block; width: 100%;}
.text-center{text-align: center;}
.content p{text-indent: 35px;}
.titlece{width: 100%; text-align: center; overflow: hidden; margin-bottom: 10px;  } 
.size26{font: bold 28px/70px "\5FAE\8F6F\96C5\9ED1"; color: #FF5722}
.size24{font: bold 24px/60px "\5FAE\8F6F\96C5\9ED1"}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.main{width:1180px; margin: 0 auto;}
@media screen and (max-width:991px){.main{width:100%}}
@media screen and (min-width:992px) and (max-width:1199px){.main{width:660px}.hidden-sm{}.hidden-md{display: none}}
@media screen and (min-width:1200px) and (max-width:1439px){.main{width:1180px}.hidden-sm{display: none}}
@media screen and (min-width:1440px) and (max-width:1920px){.main{width:1370px}.hidden-sm{display: none}}
.f-l{float: left;}
.f-r{float: right;}
.banner{width: 100%;padding-top: 3px;}
.banner img{width: 100%; height: auto;} 
.sizeb18{font: bold 18px/35px "\5FAE\8F6F\96C5\9ED1"}
.sizeb16{font:bold 16px/30px "\5FAE\8F6F\96C5\9ED1"; width: 100%; overflow: hidden; height:35px; text-overflow: ellipsis; white-space: nowrap;}
.hangye{background: url(images/hangye.jpg) left top no-repeat #fdecc1; padding-bottom: 50px; overflow: hidden;width: 100%; background-size: 100% auto; }
.productbox{ width: 99.5%; border: 1px solid #e0e0e0; overflow: hidden; position: relative;} 
.more{width: 100%; overflow: hidden; padding:10px 0px;}
.pic-box{position: relative; overflow: hidden;} 
.text-box{padding: 6px; background: #f5f5f5;font-size: 16px;color: #888 }
.boxhden{ overflow: hidden; height: 30px; line-height: 25px; width: 100%; display: block; }
.text-box p{font-size: 12px; }
.productbox img{width: 100%;} 
.transform{ position: relative; overflow: hidden; background: #f0f0f0; border:1px solid #e5e5e5;}
.transform:hover img {transform: scale(1.1); transition: all 0.6s;} 
.transformmask{position: absolute; left: 0;top: 0;  width: 100%; height:100%;  display: none;    }
.transformmask span{font-size: 100px; color: #fff; position: absolute;top:29%; left:42% }
.productbox:hover .transformmask{height:100%; display: block; width: 100%;top: 0; z-index: 3; background:rgba(0,0,0,0.5);transition: all 0.6s; cursor: pointer;  -webkit-transition:all 0.45s ease-in-out;
-moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out;
transition:all 0.45s ease-in-out;} 
.transform img{ width: 100%;  height: auto;} 
.transform:hover{border-color:#FF5722;}  
.transform:hover .text-box{ background: #FF5722;  color: #fff;}
.hover{background: #FF5722;  color: #fff;}
.transform:hover strong{color: #fff}
.transform:hover a{ color: #fff}
.col-5{width: 20%;  background: rgba(0,0,0,0.5);  }
.col5box{width: 100%; height: 60px; overflow: hidden;text-align: center; color: #fff}
.col5box:hover{ cursor: pointer; height: 350px;}
.col5box b{font: bold 18px/60px "\5FAE\8F6F\96C5\9ED1"; }  
.text-center{text-align: center;}
.shuoming{  padding: 15%; color: #fff;   line-height: 30px;} 
.aboutindex{background: url(images/aboutbg.jpg) left top no-repeat #333; min-height: 380px;  background-size: 100% 100%; color: #fff; padding-top: 30px; width: 100%;}
.aboutindexbox{ background: rgba(255,255,255,0.3); overflow: hidden; padding: 30px} 
.babout{ font:bold 60px/60px "Impact";   padding-right: 10px; text-align: center;}
.abouttxt{ width: 100%;font:normal 18px/32px "\5FAE\8F6F\96C5\9ED1"; padding-top: 20px; overflow: hidden;}
.lefttitlebox{width: 100%; float: left; text-align: center; color: #fff}
.bottom{ padding: 20px 0}
.footer{width: 100%; float: left; background: #e4710d;}
.copyrighttext{line-height: 25px;padding-left: 15px; color: #fff; position: relative;}
.copyrighttext b{display: block; color: #fff}
.copyrighttext a{ cursor: pointer; color: #fff}
.copyrighttext a:hover{color: #fff}
.erm{   text-align: center; float: left; position: absolute; right: 10px; top: 10px; }
.erm img{height: 147px;display: block; }
.copyright{background: #0f202d; color: #fff; width: 100%; float: left; text-align: center; padding: 10px 0;margin-bottom:65px;}
.breadcrumb{width: 100%; line-height: 35px;}
.aboutboxlist,.layui-nav-tree{width: 100%;}
.content img {width: 100%; height: auto;}
.newsshow img{text-align: center;}
.newsshow{width: 100%; float: left;font:normal 16px/32px "";}
.layui-col-xs12  img.mobile{width: 100%; height: auto;}
.layui-col-md12  img.mobile{ text-align: center;}
 .newslistli{width: 100%;} 
.newslistli img{float: left; width: 100%; height:auto;}
.newslistli b{font: normal 24px/32px ""; }
.newslistli b a{color: #FF5722}
.newslistli p{ margin: 0; color: #666; font: normal 14px/23px "";padding:2px }
.newslistli span{margin-right: 20px;} 
.newslistli em{font-style: normal; font-size: 14px; color: #999}


/*产品内容页*/

.showleft {width: 100%; position: relative;} 
.allphoto { position: absolute; left: 10px; top: 290px;z-index: 10 } 
.allphoto i{margin: 3px;}
.allphoto span{font: normal 14px/24px "";background: rgba(0,0,0,0.5); border-radius: 25px; padding: 5px 8px;color: #fff;  margin: 0 5px  }
.showleft img{width: 100%;}
.showright{width: 99.5%;  } 
.showright ul{ background:  #f9f9f9; width: 100%; margin: 15px 0;  }
.showright li{  color: #666;  font: normal 1rem/2rem " "; }
.showright h1{ color: #333; font: bold 1.2rem/2.2rem ""; background: #f0f0f0; width: 100%; margin: 0; padding:0.5rem; overflow: hidden; height: 3.2rem;}
.riewm{font: normal 14px/20px " "; text-align: center;}
.riewm img{width: 100%; height: auto;}
.contactcontent{font: normal 18px/40px " ";  color: #555  }
.contactcontent strong{color: #ff7b7b} 
.jianshu{padding: 8px; font-size: 14px;background: #f7ffe6; margin-top: 10px; border: 1px solid #8BC34A; text-indent: 20px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; }
.services_show{width: 100%; font-size:16px; margin: 15px  0px;  color: #999; line-height:45px;  }
.services_show i{ color: #d00; font-size: 24px;  vertical-align: middle; }
.inquirys{  color: #333; width:100%; margin: 15px  0px;   } 
.navshow{width: 1196px; margin: 0 auto; overflow: hidden; }  
.navshow ul{width:99.8%; float: left;}
.navshow li{ display: inline-block; }
.navshow li a{ padding: 0 30px; display: block;  color: #fff; font: normal 20px/50px " ";}
.navshow li a:hover,.navshow li a.hack{ background: #d00; }
.leftcontacts{ text-align: center;border: 1px solid #f0f0f0;font: normal 16px/34px "" ; padding: 20px 0;}
.leftcontacts strong{font: bold 30px/30px " "; color: #dd514c}
.showmain{ border:1px solid #e5e5e5; overflow: hidden; }
.showtit{width: 100%;background: #f0f0f0; font: normal 18px/40px " ";}
.showtit a{width: 24.999%; float: left; text-align: center;  border-right: 1px solid #e5e5e5;background: #f0f0f0}
.showtit a.hovers{ background: #fff; color: #0780c7; }
.twotitle{background: #efefef; border: 1px solid #dedcdc; display: block; font: bold 18px/45px " "; text-indent: 15px; overflow: hidden; margin: 0.75rem 0; }
.showcentent{padding: 10px;font: normal 16px/35px "";}
.showcententbox{width: 100%; text-align: center;}
.showcententbox img{margin: 10px 0; width: 100%; height: auto;}
.showcententbox p{ text-align: left;font: normal 16px/35px ""; color: #555 }
.showcententbox p b{display: block; color: #ff7b7b}
 img.showcentenimg{ width: 100%; height: auto;  } 
 .xiangguanxinwen{ color: #fff; width: 100%;  padding: 5px 0; overflow: hidden;}
.xiangguanxinwen li{line-height: 26px; width: 100%; float: left; margin: 3px 0;}
.xiangguanxinwen li .picimg{ width: 30%; float: left; padding-right: 3%;}
.xiangguanxinwen li .picimg img{ width: 100%; height: 70px; margin: 0 0 0 5px;}
.xiangguanxinwen li b{ padding-top: -10px; height: 50px; font-size: 14px; width: 66%; font-weight: normal; float: right; overflow: hidden; text-overflow: ellipsis; }
.xiangguanxinwen li img{float: left;   } 
.xiangguanxinwen li p{font-size: 12px; color: #888;}
#mid_pic{ }
.pingjia{width: 100%;}
.pdimgbox { margin-top: 15px; font: normal 16px/35px "";  margin: 10px 0; overflow: hidden; } 
.pdimg{width:100%;  height:180px; float:left; overflow: hidden; margin: 10px 0 0 0; } 
.pdimg img{ width:100%;  height:180px; float:left; display:block }
.pdimgbox strong{ line-height:45px; width:100%;float:left; font-weight: normal; text-align: center; overflow:hidden; background: #f0f0f0} 
.newshowpage{ font: normal 16px/35px "";} 
.dibuewm{width: 175px; float: left; text-align: center;}
.property li{ width: 49.999%; display: inline; float: left; }
.imgbigimg img{ width: 100%; height: 351px;border: 1px solid #e0e0e0 }
.imgbigright ul{ width: 101%; float: left; overflow:hidden;}
.imgbigright li{width:23%;margin-right: 2%; margin-top: 15px; float: left; display: inline;background-size: 100% 100%;background:url(http://static.hc39.com/company/skin/img/nopic.jpg) no-repeat; }
.imgbigright img{ width:100%; height: 83px ;border: 2px solid #fff }
.imgbigright img:hover{ opacity: 0.8; border: 2px solid #fc4c4c } 

.bottomtel{ width: 100%; background: #cc0c27; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "";}
.bottomteltxt{ background: url(http://static.hc39.com/company/skin/muban7/image/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 1200px; margin: 5px auto; padding-left: 720px; }
.bottomteltxt strong{ font-size: 28px;  line-height: 50px; float: left; padding-right: 20px;}

 table {border-collapse:collapse;font: none 14px/28px "";}
 table td {border: 1px #e5e5e5 solid;padding-left: 10px; }

.guolv{ border: 1px solid #f0f0f0; width: 99.9%;background: #f8f8f8;font:normal 16px/30px ""; margin-top: -1px; float: left; position: relative;}
.carname{ width: 8.5%; float: left;line-height: 40px; text-indent: 10px;  }
.carshuxing{float: right; width:89%; background: #fff; border-left: 1px solid #f0f0f0;padding:10px 5px; line-height: 28px;}
.carshuxing a{margin: 0 8px; display: inline-block;}
.carshuxing a.hover{ background: #ff5837; color: #fff; padding: 0 8px; }
.carshuxing a i{font-size: 10px;color: #666;font-style: normal}
.carshuxing a.hover i{ color: #fff }
.carshuxing i{ font-size: 10px;color: #666;font-style: normal}
.taga a{font-size:12px; background: #e5e5e5; padding:2px 5px; }
.taga i{background: #d00; color: #fff;font-size:12px;padding:2px 3px; font-style: normal; }
.page{ text-align:center; padding:20px 0px; overflow:hidden; width:99.7%; float:left}
.page a{ padding:5px 8px; border:1px solid #1e9fff; margin:0 5px; background:#fff; display:inline-block;border-radius: 3px;}
.page strong{ padding:6px 8px;  background:#1e9fff;border:1px solid #1e9fff; color:#fff; border-radius: 3px;}
.page a:hover{background:#1e9fff;border:1px solid #1e9fff; color:#fff;} 
.page cite,.page input{display:none;} 
.layui-tab-title li{font-weight: bold;}

.sms{width: 350px;  padding: 20px;}
.sms .proimg { width: 350px;   }
.sms .proimg img{ width: 350px;height: auto; border:1px solid #f0f0f0; }
.smstitle{font: bold 14px/38px ""; width: 100%;  }
 .smsinput b{display: block; color: #d00}