*{font-family: "\5FAE\8F6F\96C5\9ED1"}
img{ height: auto;}
li{list-style: none;}
a:hover{text-decoration: none}
.f_r{float: right;}.f_l{float: left;}
.ui-sortable .panel-header{ cursor:move} 
.navbar-primary{ background:#5a98de; font-size:18px}
.navbar-primary a{ color:#fff;  }
.navbar-primary .dropDown-menu a{ color:#666}
.navbar-nav>ul>li>a { font: normal 18px/50px ""; display: block;}
.logos{ width:100%;margin:0 auto; height:auto; position: relative;}
.productbox{ width: 99.5%; border: 1px solid #e0e0e0;margin-bottom: 8%; overflow: hidden;}
.productbox:hover{border: 1px solid #f37b1d}
.productbox img{width: 100%;  overflow: hidden;   -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;}
.productbox:hover img {transform: scaleX(1.2) scaleY(1.2);} 
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;} 
.titlece{width: 100%; text-align: center;}
.size26{font:bold 26px/65px "";}
.shuxing-list{width: 100%; margin: 10px 0;}
.text-box{font: normal 14px/23px "";padding:8px; position: relative;z-index: 1; color: #666; background: #f5f5f5;border-top: 1px solid #fff }
.text-box strong{ color: #d00; font-size: 16px;}
.text-box span{font-size: 16px;}
.txtoverflow,.text-box span{ height:22px;margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.honorimg{width: 100%;   overflow: hidden;}
.honorimg img{ width: 100%;height: auto; margin: 10px 0}
.promaskbar{position:absolute;height:auto;left:0; bottom:0; right:0; line-height: 100%;padding: 10px; background-color:rgba(0,0,0,0.6);z-index:2; color:#fff!important;}
.promask{position:relative; overflow:hidden;margin: 10px 0;}
.promask img{width: 100%; height: auto;}
.promask a{color:#fff}
.promask.hover .promaskbar{bottom:0px; font: bold 30px/30px " "; cursor: pointer; padding: 40% 10px; transition: bottom 200ms;  -moz-transition: bottom 200ms; /* Firefox 4 */
  -webkit-transition: bottom 200ms; /* Safari 和 Chrome */  -o-transition: bottom 200ms; /* Opera */}
.breadcrumb{font-size: 16px ; width: 100%; float: left; margin-bottom:15px;}
  .breadcrumb strong{ color: #d00}
  .rightcontact{font: bold 30px/30px " "; color: #d00}
  .videobox{ width: 100%; position: relative; }
.videobox img{ width: 100% }
.videobox a b{ width: 99%; overflow: hidden; font:normal 16px/40px ""; height:40px; }
.videoico{position: absolute; left:3%; bottom: 16%; float: left; color: #fff}
.listvideo{width: 100%; float: left; overflow: hidden; height: 30px;}
.listvideo i{font-size: 12px; color: #888}
.newshowtxt h2{text-align: center;}
.videosamplex {width: 100%; float: left; text-align: center;} 
/*newsindexabout*/
.titileh1{font-size: 28px;; line-height: 60px; }
.newsindexabout{ font: normal 16px/32px ""; padding: 30px 0}  
.footimgbox{width: 100%; float: left; background: #f0f0f0} 
.footimg{width: 19.99999%; float: left; text-align: center;display: block; font:normal 16px/28px " "; padding: 20px 0 } 
.footimg:hover{background: #e0e0e0}
.footimg i{font: normal 70px/90px " "; color: #1d98d8; display: block; }
.footer { width:100%;  border-top:3px solid #d00; overflow:hidden; background: #222;  float:left;padding: 15px 0 35px 0 }
.leftcontact{width:100%; font:normal 16px/40px " "; background: url(/static/skin/img/kefu2.png) no-repeat left bottom;  }
.botnav{ color: #999;padding: 15px 0;  text-align: left; font:normal 14px/30px " ";}
.botnav a{ color: #999}
.botnav img{ width: 160px;  height: auto; float: left; margin-right: 15px; margin-bottom: 15px}
.leftcontact strong {font: bold 30px/30px " "; color: #ffea00}
.leftcontact img{float: left;}
.canshubot{ color: #fff}
.botfooter{ width:100%; float:left; background:#000; line-height: 25px; }  

.fuwubox{border-top: 3px solid #5a98de; padding: 30px 0; width: 100%; background: #5a98de}
.youshi{ text-align: center;}
.fuwu{font: normal 16px/33px "" ; margin: 30px 0 0 0; color: #fff}  
.fuwu strong{ font: bold 30px/34px "" ; color: #fff;   }
.fuwu img{ border:4px solid #fff; width: 240px; float: left; margin-right: 15px; border-radius: 10px;}
.fuwu p{text-indent: 2em; padding-left: 10px;}
.f-l{float: left;} .f-r{float: right;}
.text-r{float: right;}
.newsindexbox{  padding: 30px 0; width: 100%; background: #f0f0f0}
.newsindex{font: normal 14px/26px "" ; overflow: hidden; padding: 5px; border:1px solid #f0f0f0;}
.newsindex li {width: 100%; float: left; padding: 5px 0; border-top: 1px solid #f0f0f0}
.newsindex li span{float: left; display: inline; text-align: center; line-height: 26px; padding: 5px; border-right:1px solid #f0f0f0;}
.newsindex li span strong{display: block;font-size: 20px; color: #555 }
.newsindex li b{ display: block; font-size: 16px;padding-top:6px; font-weight: normal; text-indent:6px;height: 24px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.newsindex li a p{color: #999; text-indent: 6px;  font-size: 14px; height:22px;margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsindex li a:hover{text-decoration: none; }
.newspic{ position: relative; width: 100%; overflow: hidden;}
.newspic img{ width: 100%;border:2px solid #fff;}
.newspic h5{position: absolute; right: 20px;top:30px; font: bold 24px/34px ""; color: #b9684b; text-shadow: 3px 3px 10px #fff;}
/*aboutcss*/
.aboutlist{ display: block;}
.aboutlisttiele{ font: bold 30px/102px "" ; display: block; background: #5a98de; color: #fff; text-align: center;}
.aboutlist li{background: #f0f0f0; text-indent: 15px; border-bottom: 1px dashed #fff;font: normal 16px/40px "" ;margin: 4px 0;}
.aboutlist li.bigtitle a{background: #5a98de; color: #fff; } 
.aboutlist li a{display: block;}
.aboutlist li a:hover,.aboutlist li a.hackhover{background: #5a98de; color: #fff; text-decoration: none;}
.contenttxt{font: normal 16px/32px "" ;}
.contenttxt h2{ width: 100%; float: left;text-align: center;font: normal 24px/40px "" ;}
.indexvideo video{ width: 100%; height: auto;}
.contenttxt p img,.contenttxt div img{ width: 750px; max-width: 100%; height: auto; display: block; margin: 0 auto}
.contenttxt p iframe{width: 700px; height:480px; }
.newshowtime{width: 100%; background: #f9f9f9 ;color: #888; line-height: 35px; float: left; text-align: center;}
.leftbox{  } 
.leftcontacts{ text-align: center;border: 1px solid #f0f0f0;font: normal 16px/34px "" ; padding: 20px 0;}
.leftcontacts strong{font: bold 30px/30px " "; color: #dd514c}
.rightbox{ width: 78.699%; float: left; margin-left: 1.3%;  } 

/*newslist*/
.newslist{ width: 100%; float: left;}
.newslist li{ font: normal 16px/32px "" ; width: 100%; overflow: hidden; margin-bottom: 30px;}
.newslist li img{float: left; width: 240px; margin-right: 15px;}
.newslist li b{font: normal 24px/32px ""; height: 26px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslist li p{ margin: 0; color: #666; font: normal 14px/23px "";padding:2px }
.newslist li span{margin-right: 20px;}
.newslist li b a{color: #2196f3}
/*tuijiangundong*/
.rollpic { width:100%; height: auto; position: relative;}
.rollpic .prev,.rollpic .next{display:block; height:38px; width:38px;  position:absolute; z-index: 3; cursor:pointer; float:left; background:url(img/unslider-arrow.png) no-repeat 0 0; top:70px}
.rollpic .prev{background-position:0 0; margin-right:5px; left:-40px}
.rollpic .prev:hover{background-position:0 -38px}
.rollpic .next{background-position:0 -76px;margin-left:5px;right:-40px;}
.rollpic .next:hover{background-position:0 -114px}
.rollpicshow{   float: left; border:none; }
.rollpicshow ul{float: left; }
.rollpicshow li{ width: 380px; float: left; margin: 10px; background: #f5f5f5}
.rollpicshow li img{width: 100%; height: 255px; margin-bottom: 10px; }  
.rollpicshow li b{font: normal 18px/26px "";  display: block; padding:5px 0 0 5px;height: 26px;overflow: hidden; text-overflow: ellipsis; }
.rollpicshow li span{float: left; display: inline; text-align: center; line-height: 26px; padding: 5px; border-right:1px solid #e5e5e5;}
.rollpicshow li span strong{display: block;font-size: 20px; }
.rollpicshow li p{ text-indent: 5px; height: 35px;overflow: hidden; text-overflow: ellipsis; }
.rollpicshow li:hover{background: #5a98de; color: #fff}
/*productlist*/
.product_list{}

.product_show{} 
.showleft {width: 100%; position: relative;} 
.allphoto { position: absolute; left: 10px; bottom: 10px } 
.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: #888; padding-left: 1em;font: normal 16px/40px " "; }
.showright h1{ color: #246dcb; font: normal 26px/30px ""; text-align: center; width: 100%; margin: 0; padding: 0}
.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: 10px; font-size: 14px;background: #f7ffe6; border: 1px solid #8BC34A; height: 60px; overflow: hidden; text-overflow: ellipsis; }
.services_show{width: 100%; font-size:16px; margin: 15px  0px;  background: #f0ffe9; color: #999; line-height:45px;text-align: center;  }
.services_show i{ color: #51992d; 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; }

.showmain{ border:1px solid #e5e5e5; overflow: hidden; }
.showtit{width: 100%;background: #f0f0f0; font: normal 18px/40px " ";}
.showtit a{ padding: 5px 16px; display: inline-block; border-right: 1px solid #e5e5e5}
.showtit a.hovers{ background: #fff; color: #0780c7; }
.twotitle{background: #fafafa; border: 1px solid #f0f0f0; display: block; font: bold 18px/45px " "; text-indent: 15px; overflow: hidden; margin-top: 15px; }
.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;margin: 10px 0 } 
 .videoshows video{width: 100%; height: auto;object-fit:fill;}
 .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 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; height: 70px;width: 95%; border:2px solid #fff; } 
.xiangguanxinwen li p{font-size: 12px; color: #888;}
.catname-col{ float: left; display: inline-block; margin: 5px; }
.videoico{float: left;}
.listvideo{float: right;}  
.videoico i{font-size: 12px;}
.pingjia{width: 100%;}
.pdimgbox { margin-top: 15px; font: normal 16px/35px "";  margin: 10px 0; overflow: hidden; } 
.pdimg{width:100%;  float:left; overflow: hidden; margin: 10px 0 0 0; } 
.pdimg .titlebox{line-height:25px; font-size: 14px; width:100%;float:left;}
.pdimg img{ width:100%; 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 "";}
.pag,.page { width: 100%;float: left; text-align: center;margin-bottom: 30px; font-size: 16px; }
.pag a,.page a, .pag strong,.page strong { padding:5px 8px; margin: 0; display: inline; border:1px solid #c5c5c5;  color: #444  }
.pag a:hover,.page a:hover{ padding:5px 8px; color: #fff;  background: #1E9FFF; border:1px solid #1E9FFF; }
.pag em,.page em{font-style: normal;} 
.pages_btn,.pages_inp{  display: none;   } 
.pag label, .page label{padding:6px; margin: 0; display: inline;  background: #1E9FFF; color: #fff;font-size: 16px;}
.dibuewm{width: 175px; float: left; text-align: center;}

.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(../../../../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: #0080d2; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "";}
.bottomteltxt{ background: url(/static/skin/img/bottomtel.png) left top no-repeat; color: #fff; height: 53px; width: 480px; 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; word-break: break-all; }