body{font: normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; float: left; margin: 0; padding: 0; color: #444}
h1,h2,h3,h4,h5,ul,li,dl,dt,dd,p,i,a{margin: 0; padding: 0}
i{vertical-align: middle; }
a{ color: #383838;}
cite{ font-style: normal; }
a:hover{cursor:pointer; text-decoration: none; color: #246dcb}
li{list-style: none;}
.ad{ width: 100%; float: left; text-align: center; }
.btb{ border-top: 1px solid #e0e0e0}
.bmb{ border-top: 1px solid #e0e0e0}
.pt15{ padding-top: 15px; }
.pm20{ padding-bottom: 20px; }
.mb20{ margin-bottom: 20px; }
.mt20{ margin-top: 20px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
img.bigimg{width: 94%; margin: 2.99%; height: auto}
.border_1{border:1px solid #e5e5e5;}
.text_center{text-align: center;}
.position_r{position:relative;}
.indexmain{ width:1200px; margin:0 auto; overflow: hidden; clear:both} 
.navbox, .mainbox,.topbox{width: 1200px; margin: 0 auto; background: #fff;} 
.bitnavmeun{margin-bottom: 8px;display: block;}
.bitnavmeun span{float: right;padding-right: 10px;}
.bitnavmeun strong{font:normal 24px/25px "\5FAE\8F6F\96C5\9ED1"; padding-left: 8px; color: #0252a2;border-left:3px solid #0252a2;}
@media screen and (max-width:991px){.indexmain,.topbox,.navbox, .mainbox{width:100%}} 
@media screen and (min-width:992px) and (max-width:1199px){.indexmain,.topbox,.navbox, .mainbox{width:660px}} 
@media screen and (min-width:1200px) and (max-width:1439px){.indexmain,.topbox,.navbox, .mainbox{width:1180px}}
@media screen and (min-width:1440px) and (max-width:1920px){.indexmain,.topbox,.navbox, .mainbox{width:1370px}
 }
.topbox *{color: #fff} 
.navtitle{ width: 99.99%; font-size: 16px; float: left; position: relative; border-bottom: 4px solid #28a3ef; height: 50px;   }
.navtitle h4{font: bold  30px/55px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }
.navtitle h3{font: bold  24px/45px "\5FAE\8F6F\96C5\9ED1"; float: left;  color: #333; border-bottom: 4px solid #ff5c5c; position: absolute; left: 0; bottom: -4px;z-index: 3  }
.navtitle span{ float: right; padding-top: 15px; }.navtitle span i{ font-size: 24px; }
.navtitleright{ float: right; }
.navtitleright ul{ width: 100%; padding-top: 5px; }
.navtitleright li{ float: left;margin-right: 10px;  }  
.navtitleright li a{ padding: 0 20px;display:block; font-size: 16px; } 
.navtitleright li a:hover,.navtitleright li a.hack{ background: #009cff; color: #fff} 
.hacks{ background: #009cff; color: #fff} 
.shownavtitle{ width: 99.99%; float: left; position: relative; border-bottom: 3px solid #999; height: 50px; margin-bottom: 15px;   }
.shownavtitle h5{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-bottom: 3px solid #ff5c5c; position: absolute; left: 0; bottom: -3px;z-index: 3  }
.shownavtitle h4{font: bold  20px/50px "\5FAE\8F6F\96C5\9ED1";  color: #333; border-top: 1px solid #ff5c5c; position: absolute; left: 0; bottom: -1px;z-index: 3  }
.boxsdh{ width: 100%; float: left; border-bottom: 1px solid #e0e0e0; }  
.boxsdh h4,.boxsdh h3{ float: left; font: bold  20px/55px "\5FAE\8F6F\96C5\9ED1"; float: left}
.boxsdh i{ font-size: 20px; }
.boxsdh span{ float: right; padding-top: 10px; }
.boxsdh em{ color: #f00 }

/*layui all*/
.layui-nav{padding: 0; background: none}  
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{color: #000}
.layui-nav .layui-nav-item a{ color: #000 ;font-size:16px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #f00!important;}
.layui-nav .layui-nav-more {border-color: #f00 transparent transparent;}
.layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more {margin-top: -9px;	border-style: dashed dashed solid;
	border-color: transparent transparent #f00}  
.menunav-menu dd a{ line-height: 40px; height: 40px;}
.fsize16{font-size: 18px}
.product-left{ width: 100%;padding: 0 }
.layui-breadcrumb a{color: #000}
.layui-left-nav strong{font: normal 16px/25px "";text-overflow: ellipsis; padding: 13px; float: left; width: 100%; box-sizing: border-box; overflow: hidden; background: #4e5465; color: #fff; border-left:5px solid #ff0000;}
.honorimg{margin: 20px 0; line-height: 45px; text-align: center;}
.honorimg img{ width: 100%; }
/**hot**/
.hot-product {font:normal 18px/40px ''; color: #fff;margin: 10px;} 
.hot-product a{color: #fff;}
.hotbg{ background: url(image/hot_bg.jpg) top center repeat-y; }
.hot-product span{font-size: 30px;font-family: "Arial"}
.hot-product i{font-size: 40px; vertical-align: sub;}

 /**produtct-center**/
.index_p_center{}
.big-text{width: 300px;margin: 50px auto 20px auto;text-align: center;}
.china_text{font: bold 40px/50px "Arial","\5FAE\8F6F\96C5\9ED1"; color:#3f51b5;}
.eng_text{font-size: 14px; color: #FF5722; background:#fff;padding:5px 10px; position: relative;z-index: 1; display: inline-block;} 
.line{flex:1;border-top:1px solid #FF5722;position: relative;top:20px; width: 100%;  } 
/*index*/

 
.tophead-nav{ border:1px solid #287ec5; background: #287ec5 }
.tophead-nav .logo img{ padding: 15px 0 ; }
.rightnav{ width:100%; float:right; display:inline; padding-top:8px;font: normal 14px/35px "\5FAE\8F6F\96C5\9ED1"}
.rightnav dl a{ color:#fff; }
.rightnav dl{ width:24.88888%; float:left; display:inline; overflow: hidden;}
.rightnav dt{ width:14px; padding:0px 10px 0 0; float:left;   display:inline;   color:#FF0; font-weight:bold;  }
.rightnav dd{ width:200px; float:left; display:inline}
.rightnav dd a{ display:inline-block; width:49%; float:left}
.topnavdh{ background: none; font-size: 14px; line-height: 30px }
.topnavdh .layui-nav-item a{ padding: 0 30px 0 10px;font-size: 14px; line-height: 30px  } 
.banner{ width: 100%; float: left }  
.hot{line-height: 30px; width: 100%; float: left;} 
/*menunav**/
.headtop{ width:100%; float:left;  border-bottom:1px solid #e5e5e5; font-size: 14px;  }
.topkey{width:100%; float:left;  color:#FFF; border-bottom:1px solid #e5e5e5; font-size: 14px; background: #222; }
.f_r{float: right;  }
.f_l{float: left; }
.headlogo{  width:1200px; margin:0px auto; line-height:30px;  color: #333; overflow: hidden; position: relative; }  
.logo{ float:left; display:inline; background:#fff; text-align: center; padding: 10px 0}  
.logo img{ display:inline; float: left}
.headtop a{color:#333} 
.logo h1{float: left;   font: bold 40px/50px "\5FAE\8F6F\96C5\9ED1";  text-align: left;  width: 100%}
.logo h4{float: left;   font: normal 18px/40px "\5FAE\8F6F\96C5\9ED1";  text-align: left; width: 100% }
.rightcontact{ position: absolute; }
.rightcontact span{font: bold 24px/35px "\5FAE\8F6F\96C5\9ED1"; color: #222 }
.rightcontact span i{font-size: 33px; color: #222; vertical-align: top; padding-right: 5px}
.menunav{width: 100%; height: 50px; float: left;  }

.boldtit{text-align: left; line-height: 60px; width: 100%; float: left;  background: url(image/hang.png) right 10px no-repeat; }
.boldtit strong{text-align: left;font: bold 30px/45px "\5FAE\8F6F\96C5\9ED1";  display: inline-block; color: #0080d2  }
.boldtit em{ color: #0080d2; font-style: normal; } 
.boldtit span{  padding: 0 10px;  display: inline;}



/*imglist*/
.imgbox {  line-height: 60px;background: #f0f0f0; position: relative;  overflow: hidden; width: 100%; height: 100%; text-align: center; }
.hotp{ position: absolute; background: #d00; padding:0px 5px; color: #fff; left: 5px top:5px; z-index: 2 ; line-height: 30px }
.imgbox img{ width: 100%;transition: all 0.6s; padding-bottom: 60px;}
.imgbox img:hover{ transform: scale(1.1); opacity: 0.6 }  
.imgbox .text-box{position: absolute; width: 100%; height: 60px; transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;background:#3f51b5;bottom: -100px; z-index: 1;cursor: pointer; }
.imgbox:hover .text-box{bottom: 0;  } 
.imgbox b{ font-size: 18px; z-index: 3;cursor: pointer; position:absolute; text-align: center; color: #333; bottom: 0; height: 60px; width: 100%; display: block; overflow:hidden; }
.imgbox:hover b{color: #fff}

/****/
.compnay_bg{ background: url(image/probox_bg.jpg) top center no-repeat;padding: 55px 0; margin: 80px 0}
.index_com b{font:bold 36px/40px "italic";margin-bottom: 12px;}
.index_com p {font: normal 16px/35px "italic"; margin-bottom: 30px;}
.index_com .phone{width: 600px;	height: 53px;font:normal 18px/51px 'arial';  border-radius: 26px;  padding-left: 27px;	border: 1px solid #66a4d3;	 position: relative;}
.index_com .phone b{ vertical-align:sub; font:bold 35px/40px 'arial'; }
.index_com .phone .btn_zixun {font:bold 18px/53px 'arial'; width: 185px; height: 53px;  text-align: center; position: absolute; right: -1px; top: -1px;
    background: #f39700;  color: #fff;  border-radius: 52px;}



.videoico{ position: absolute; left: 15px;  color: #fff; top: 145px; z-index: 1}
.videoico i{font-size: 30px;}
.listphoto{position: absolute; left: 7px;  color: #fff; padding: 0 5px; line-height: 28px; background: rgba(0,0,0,0.5); top: 162px; z-index: 1}
/*video*/
.compnays_bg{ background: url(image/about_bg.jpg) center 260px no-repeat; padding-bottom: 100px }
video,.videoi embed{ width: 100%;height:auto; object-fit: fill; }
.companyi{ color: #666; line-height: 30px }
.companyi h4{font: normal 26px/60px "\5FAE\8F6F\96C5\9ED1"; color: #000 }
.companyi strong{font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1"; display: block; }
.companyi .mores{ width: 100%; float: left;padding: 15px 0; display: block; }  
.count-title{font: bold 40px/50px "\5FAE\8F6F\96C5\9ED1"; text-align: center;color: #3f51b5}
.count-text {font: normal 16px/30px "\5FAE\8F6F\96C5\9ED1";color: #888;text-align: center;}

/**streng**/ 
.srtengimg{margin-bottom: 15px; position: relative; width: 100%; overflow: hidden;}
.srtengimg img{width: 100%; height: auto} 
.shade_box{position: absolute;z-index: 1;transition: all 0.5s ease; cursor: pointer;  
    -webkit-transition: all 0.5s ease; background: rgba(0,0,0,0.8); color: #fff; width: 100%; text-align: center; height: 100%;	  bottom: -100%;}
.shade_box b{font: bold 40px/60px "\5FAE\8F6F\96C5\9ED1"; color: #fff; position: relative; top:40%;  }
.srtengimg:hover .shade_box{bottom: 0;  } 
/**advantage**/
.advantage_bg{ background: url(image/ys_bg.jpg) center top no-repeat;margin: 50px 0 0 0 }
.youshi{padding: 0;}
.youshi-box{margin:2% 0 2% 6.9%; display: inline-block; width: 43%; float: left; color: #fff}
.youshi-box img{width: 100%; height: auto}
.youshi-box i{font-size: 30px; vertical-align: sub;}
.youshi-box strong{font: bold 18px/18px "\5FAE\8F6F\96C5\9ED1";border-left:5px solid #ff5722;margin:8px 0 ; padding-left: 8px; vertical-align: sub; display: inline-block;}
.youshi-box p{font: normal 14px/22px "\5FAE\8F6F\96C5\9ED1"; color: #70c9d4 } 
/*news*/
.layui-tab{ margin: 0 }
.newstitle{  height: 45px; overflow: hidden; font-size: 18px; border:1px solid #e0e0e0 ;box-sizing: border-box; }
.newstitle_hd{position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(0,0,0,0.5); text-align: center; height: 40px; line-height: 40px; overflow: hidden;}
.newstitle_hd a{color: #fff}
#test10 img{ width: 100%; }
.newstitle li{font-size: 18px;line-height: 45px; }
.newstitle .layui-this{ background: #3f51b5; color: #fff }
.newsp{ padding: 5px 0 }
.newsi li{border-bottom: 1px solid #e0e0e0; width: 100%; float: left ;}
.times{text-align: center; width: 10%; float: left; display: inline; color: #888; border-right: 1px solid #e0e0e0}
.times b{display: block; font-size: 20px}
.newsa{ width: 75.4%; float: left; display: inline; padding-left: 2%; }
.newsa b{ height: 35px; overflow: hidden;  width: 100%; display: block; }
.newsa p{ font-size: 14px;  height: 30px; overflow: hidden; color: #666}
.newsi li a{display: block; float: left; width: 100%;padding:7px 0;}
.newsi li a:hover { background: #3f51b5;  } 
.newmore{width: 8%; float: left; display: inline; text-align: right; color: #d00; padding-top: 15px; padding-left: 2%}
.newsi li a:hover *{ color:  #fff }
.layui-tab-title .layui-this:after{border:none;}

.adbottom{ background: #0080d2; 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 }
.listbox6{padding: 10px} 
.listbox6 b{font-size: 20px;}
.bghong{ background: #f00; border-radius: 5px; }
.bgbai{background: #fff;}
.bghui{ background: #f0f0f0; }  
.productsbox{ width: 1200px; margin: 0 auto; overflow: hidden; text-align: center; background: #393D49 }
.col{ background: #393D49; line-height: 50px; }
.col a{ color: #fff; display: block; }
.col a:hover{ color: #fff;background: #009cff  }
.productsbox ul{ width: 102%; float: left;  }
.fenlei{background: url(../img/kuang.png) left bottom no-repeat; }
.productsbox li{  float: left; display: inline;background: #393D49 ; width: 19.8% ; text-align: center; }


.productsbox li a{display: block; color: #fff; padding: 8px 0  }
.productsbox li a:hover{ background: #009cff }
.productsbox li b{text-align: center; width: 100%; float:left;}
.productsbox li .txt{ width:97.9%; border-top: 1px solid #e0e0e0; float:left; font-size: 14px; line-height: 28px; color: #888; padding: 5px 1%; } 
.productsbox li .txt span{ background: #d00; padding: 1px 2px; border-radius: 3px; color: #fff } 
.productsbox li img{ width: 100%; height: 180px; }
.productsboxall{  padding-top: 10px;}
.productsboxall a{width: 46%; padding:  0 2%; display: inline-block;} 
.productsboxall a:nth-child(even){text-align: left;}
.productsboxall a:nth-child(odd){text-align: right;}
 .chanpinbox li:hover,.showimg li:hover{  -moz-transition:all 0.1s linear 0.1s;  opacity: 0.9; box-shadow: 0px 0px 3px #d00;  -webkit-transition:all 0.1s linear 0.1s;    -o-transition:all 0.1s linear 0.1s;    -ms-transition:all 0.1s linear 0.1s;  
  transition:all 0.1s linear 0.1s;    -moz-transform:translateY(-5px);    -webkit-transform:translateY(-5px);    -o-transform:translateY(-5px);    transform:translateY(-5px);  }
/*hotproduct*/
.hotproduct{  width: 96%; padding: 2%; float: left;  font: normal 18px/35px "\5FAE\8F6F\96C5\9ED1"; color: #fff; background: url(image/hxx.png) 10px top no-repeat; }
.hotproduct strong{ font-size: 20px; line-height: 60px; display: block;text-align: center; }

.left_top_title{background: #0252a2;padding: 20px;font-size: 30px; color: #fff;  display: block;}
.left_top_title i{ font-size: 30px; color: #fff; float: right;}
.left_list { }
.left_list li{ border:1px solid #e5e5e5; margin-top: -1px}
.left_list li i{float: right;}
.left_list li:hover{border-left:3px solid #0252a2;}
.left_list li a{display: block;padding: 20px; font:normal 18px/18px "";}
.left_contact{text-align: left;padding: 15px;}
/*leftbox*/
.leftback{background: #333;}
.leftbox{ width: 20%;  float: left;  }
.leftbox ul{ width: 90%;  padding:5% 5% 0 5%; font: normal 14px/35px "\5FAE\8F6F\96C5\9ED1";}
.leftbox ul h3{ color: #fff;font-size: 16px; }
.leftbox ul h3 i{ float: right; }
.leftbox li{ display: inline-block; }
.leftbox li a,.leftbox h3 a{ color: #fff; padding: 0 5px;}
.leftbox li a:hover,.leftbox h3 a:hover{ color: #89c0e3 }
.rightbox{ width: 78.699%; float: left; margin-left: 1.3%;  }
.rightbox .chanpinbox li img{height:155px;}
/*leftnws*/
.leftnews {width: 100%;float: left;}
.leftnews ul{ width:100%; float: left ;padding:0;}
.leftnews li{ width: 98%; background: #e5e5e5; border-left: 5px solid #009cff; line-height: 45px; text-indent: 10px; margin-bottom: 5px;  }
.leftnews li:hover{ border-left: 5px solid #246dcb; text-indent: 10px;cursor: pointer; font-weight: bold;  }
.leftnews li a{ color: #333; display: block; font-size: 16px; } 
/*chanpinbox*/
.chanpinbox, .videobox,.showimg, .shows, .shownews, .photobox .showchanpin{ width: 100%; float: left; overflow: hidden; } 
.chanpincol{ text-align: left; line-height: 45px;  margin: 7px 0; background: #fff;position: relative;overflow: hidden; }  
.chanpincol img{ width: 100%;transition: all 0.6s; }
.chanpincol img:hover{ transform: scale(1.1); opacity: 0.6 }  
.chanpincol a{display: block;}
.chanpincol b{ font-size: 18px; font-weight: normal; height: 35px; width: 100%;float: left; overflow: hidden; }
.protitle{ width: 100%; box-sizing: border-box; padding: 3%; line-height: 35px; float: left; position: relative; z-index: 1; background: #f0f0f0; }
.chanpincol .tels{ color: #d23c3c; font-weight: bold; float: left;width: 100%; line-height: 35px; border-top:1px solid #e5e5e5;}
.chanpin_shade_box{position: absolute;z-index: 1;transition: all 0.5s ease; cursor: pointer;  
    -webkit-transition: all 0.5s ease; background: rgba(2,82,162,0.8); color: #fff; width: 100%; text-align: center; height: 100%;	  top: -100%;}
.chanpin_shade_box i{font:normal 80px/80px "\5FAE\8F6F\96C5\9ED1"; color: #fff; position: relative; top:30%;  }
.chanpincol:hover .chanpin_shade_box{top: 0;  } 


.faqbox{ width: 28%; float: left; display: inline; margin-left: 1.999%; background: #fafafa; } 
.newsbox{ width:100%; float: left; display: inline; } 
.newsboxs {width: 70%; float: left; }
.newsboxslide { width: 50%; float: left; margin-right: 1.9%; background: #f0f0f0; line-height: 45px; text-align: center; }
.newsboxslide img,.newsboxslide video,.newsboxslide embed{ width: 100%; float: left; height: 280px; vertical-align: top; padding-top:5px; }
.newsbox ul{ width: 48%; float: left;font:normal 16px/30px "\5FAE\8F6F\96C5\9ED1"; padding-top: 5px; }
.newsbox ul p{ text-indent: 35px; }
.newsbox li { height: 33px; overflow: hidden; } 
.newsbox li span{ float: right;;padding-right: 10px; color: #888  }
.faqbox ul{width: 96%; padding-left: 4%; height: 275px;}
.faqbox li strong{ color: #d00 }
.faqbox li i{ padding-right: 10px; font-weight: bold; font-size: 20px; color: #000 }
.faqbox img{ width: 50px; padding: 5px 12px; }
/*newslist*/
.newslist{ width: 100%;  }
.newstab{ width: 100%; }
.newstab h3{}
.libp{ padding-bottom: 20px; border-bottom: 1px solid #e5e5e5}
.newslist ul{ width: 100%; padding: 20px 0; }
.newslist li { width: 100%; float: left; margin: 5px 0; padding: 20px 0; border-bottom: 1px solid #e0e0e0 }
.newslist li img{ width: 20%; height:180px; float: left; padding-right: 1.5% }
.newslist li h4{ width: 78%; height: 45px; overflow: hidden;  float: left; font:bold 20px/45px "\5FAE\8F6F\96C5\9ED1";  }
.newslist li p{ width: 78%; height: 100px; float: left; color: #888; line-height: 30px; }
.newslist li em{ font-style: normal; color: #888 }
.newslist li:hover{ background: #f0f0f0 }
/*newshow*/
.newshow{ width:99.8%; font-size: 16px; }
.newshow{border:1px solid #e5e5e5; padding-top: 20px;}
.newshow h2{ font: bold 26px/65px "\5FAE\8F6F\96C5\9ED1"; width: 100%; text-align: center; height: 65px;  }
.newshow img{ width: 730px; height: auto; margin: 0 auto  }
.newshowtime{border-bottom:1px solid #e5e5e5; line-height: 30px; color: #888 ;width: 100%; text-align: center;}
.newshowtxt{padding: 0 5%; width: 90%;}
.newshowpage{ width: 95%; float: left; padding-left: 5%}
.newshow p, .newshow div{ line-height: 40px; }
.ask, .mall{width: 29.99%; float: left; overflow: hidden;}
.ask ul{ width: 99%; float: left; padding: 0 }
.ask li{ line-height: 35px; width: 99%; float: left; list-style: none; }
.mall ul{ width: 102%; padding-top: 15px; float: left;  }
.mall li{ width: 47%; margin-right: 3%;font-size: 14px; border: none; padding: 0; line-height: 40px;  float: left; display: inline;}
.mall li img{ width: 100%; height: 130px; }
.mall li b{  overflow: hidden ; height: 40px; font-weight: normal;}

.shows table{ width: 99%; float: left; }  
.shows td{word-wrap:break-word;word-break: normal; }   
.fenye{ width: 99%;float: left; border:1px solid  #f5f5f5;box-sizing: border-box; padding: 15px 0; }
.fenye:hover{ border:1px solid  #28a3ef; }
.pag,.page { width: 100%;float: left; text-align: center; }
.pag a,.page a, .pag strong,.page strong { padding:4px 5px; margin: 0; display: inline; border:1px solid #c5c5c5;  color: #444  }
.pag a:hover,.page a:hover{ padding:4px 5px; color: #fff;  background: #1E9FFF; border:1px solid #1E9FFF; }
.pag em,.page em{font-style: normal;} 
.pages_btn{padding: 5px; display: inline; border:none; width:40px; background: #1E9FFF; color: #fff } 
.pages_inp{padding: 4px; display: inline; border:none; width:40px;  color: #444; border:1px solid #c5c5c5; } 
.pag label, .page label{padding:4px 5px; margin: 0; display: inline;  background: #1E9FFF; color: #fff}
/***/
.bottomtel{ width: 100%; background: #0080d2; height: 65px; position: fixed; z-index: 900; bottom: 0; font: bold 24px/48px "\5FAE\8F6F\96C5\9ED1";}
.bottomteltxt{ background: url(image/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;}
 i.logoicon{font:normal 70px/90px "";   color: #fff; display: block; } 
/**/ 
  
.footewm{ width: 150px; float: left; margin-right: 10px;}
.footabout li{ width: 47.5%; float:left; display: inline;padding-right: 2%; }  
.footbox{padding-top: 20px;}
.footbox *{ color: #bbb }
.footer { width:100%; border-top:3px solid #246dcb;background: url(image/bot_bg.jpg) center top no-repeat #222;padding-top: 40px; overflow:hidden;  float:left; }
.footer *{color:#eee;}
.footer strong{font-size: 18px;padding-bottom: 5px; display: block;}
.foot,.bottom {width:1200px; margin:0 auto;  overflow:hidden; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1";} 
.botfooter{ width:100%; float:left; background:#222;} 
.botmenu{ color: #999; line-height: 55px; }
.botmenu a{ padding:0 10px; color:#aaa; } 
.botmenu span{float: right}
/*show*/
.showmain{ width: 1198px;margin: 0 auto; overflow: hidden; }
.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: 1px solid #fc4c4c }
.jianjie{ text-indent: 25px; width: 97.5%; float: left; background: #f5f5f5; border:1px solid #e5e5e5; padding:10px; }
.showtag{ width: 97.5%; float: left; margin-left: 2%; padding: 10px 0; } 
.showtit{  width: 100%;  overflow: hidden; }
.showtit h1{  font: bold 30px/80px "\5FAE\8F6F\96C5\9ED1"; float: left;display: inline; vertical-align: middle; }
.showtit p{ float: right; display: inline; text-transform:uppercase; font: normal  20px/80px "\5FAE\8F6F\96C5\9ED1"; }
.showtit p span{ float: right; font-size: 25px; }
.showtit p span i{font-size:30px;  color: #d00; padding-left: 100px;}
.shownav{width: 100%; height: 50px; background: #333; float: left; overflow: hidden;}
.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 "\5FAE\8F6F\96C5\9ED1";}
.navshow li a:hover,.navshow li a.hack{ background: #d00; }
#content{padding: 20px 0}
.contactli{font: normal 18px/45px "\5FAE\8F6F\96C5\9ED1"; }
.contactli li b{ color: #E15354 }
.showimg{ width: 99.99%; float: left ; position: relative; }
.showimg img{ width: 100%; float: left; border:1px solid #f0f0f0;  } 
.showimgtit{ width:100%; height:40px; text-indent: 10px;  padding-top: 30px; color: #fff; float: left; position: absolute; left: 0; bottom: 0; z-index: 5  }
.showimgtit a{opacity: 0.5}
.showright{  position: relative;}
.showright h1{ line-height: 80px; font-size: 26px; text-indent: 10px }
.showright ul{ background:  #f9f9f9; width: 99.5%; float: left; border:1px solid #f0f0f0; }
.showright li{ width:50%; float: left; display: inline; color: #444; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1"; }
li.p_c{ width: 48.5%; padding-left: 1%; float: left; display: inline;  font: normal 16px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showright li b{color: #d00}
.showerwm{ position: absolute; right: 10px; bottom:51px; font-size: 16px; text-align: center;  }
.showerwm img{  height: 143px} 
.showerwm p{display: block;   }
.price{ width: 99.8%; float: left ;font-size: 20px; color: #999; line-height: 60px; padding: 10px 0; text-indent: 20px;}
.price strong{ color: #fb2443; font: bold 24px/40px "\5FAE\8F6F\96C5\9ED1"; vertical-align: middle; }
.price i{ font-size: 26px }
.services_show{width: 99.8%; float: left ;font-size:16px; background: #f0ffe9; color: #009688; line-height:45px; text-indent: 15px }
.services_show i{ color: #51992d; font-size: 30px; font-weight: bold; }
.inquirys{float: left;font-size: 20px; color: #333; width: 97.8%;margin: 15px  0px 30px 0; padding-left: 2%; }
.inquirys a{ }
.inquirys i{ font-size: 30px;  color: #fff; vertical-align: middle;}
.notes{ line-height:55px; font-size: 16px; color: #d00; height:55px; overflow:hidden;}
.baojia{ width: 99.7%;border: 1px solid #bad9ba; background: #e7ffe8; float: left; margin-top: 15px; }
.baojia li{ width: 45.9%;  display: inline; padding-left: 4%; line-height: 35px; }
a.bottonred{ background:#FF5722; border-radius: 3px; color: #fff }
a.bottonred:hover{opacity: 0.9}
a.bottonlv{ background:#29772a; border-radius: 3px; color: #fff }
a.bottonlv:hover{background:#457e46;color: #fff}
/**/
.telbox{ width: 99%; float: left;}
.telbox ul{ }
.telbox ul p{ font-size: 16px; line-height: 30px; color: #333; width: 90%; padding:5% 5% 0 5%; margin-bottom: 10px; background:#f0f0f0; }
.telbox ul p strong{font: bold 18px/30px "\5FAE\8F6F\96C5\9ED1";  color: #ff1c00; display: block;}
/* chanpin */
.showchanpin ul{  float: left; overflow: hidden;} 
.showchanpin li{ width:96%; padding: 0; margin: 0 2%; float:left; display:inline; margin-bottom:20px;box-shadow: 0px 0px 3px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showchanpin li a{padding: 0; margin: 0; color: #333; }
.showchanpin li img{ width:96%; padding: 2%; height:150px; float:left; display:block }
.showchanpin li b{ height:40px; width:100%;float:left; text-indent: 5px;  overflow:hidden; background: #f0f0f0}
.showchanpin li b a{ color:#000}
.showchanpin li .txt{ width:99.9%; float:left; text-indent: 5px;  padding: 5px 0; } 
.showchanpin li .txt span{ background: #d00; padding: 1px 2px; border-radius: 3px; color: #fff } 
.showchanpin li strong { text-indent: 5px; color:#333; background: #f5f5f5; display: block; width: 100%; float:left; height: 35px; overflow: hidden;}
.videohw video{width: 575px; height: 350px;}
/*canshu*/
.canshu{ width: 100%; float: left; margin-top: 20px;  }
.col-md-4{ width: 24.82%; background: #fafafa; border-right:1px solid #e5e5e5;    height: 45px; border-top:2px solid #999; float: left; display: inline; text-align: center; }  
.col-md-4 h3{line-height: 45px;}
.canshu li.active{ background: #999; color: #fff; border-bottom: 1px solid #999; }
.canshu li.active a{ color: #fff }
.tab-content.tab-wraped{ padding: 0; margin: 0; width: 100%;border:none;  }
.tab-pane{ margin: 0px; padding:10px 0; border:none; width: 99.5%; float: left; border:1px solid #d0d0d0;} 
.tab-pane table{ width: 94%; float: left; line-height: 35px; margin: 2.8%;font: normal 14px/40px "\5FAE\8F6F\96C5\9ED1"; }
.hengxian{ height: 5px; background: #f0f0f0; width: 100%; float: left }
.content img{ width: 48%; float: left; display: inline; margin: 1%; height: auto; }
.honorimgs img{ width: 100%; height: auto; }

/*第一种*/
.imgbigimg{ width:100%; float:left; display:inline; overflow: hidden;  }
.imgbigimg img{ width:100%; float:left; }
.imgbigright{ margin-top: 25px;} 
.imgbigright img{ width:96%; float:left; padding:1%; border:1px solid #d0d0d0; height:80px}
.imgbigright img:hover{  border:1px solid #d00}
/*第二种*/
.imgmax{width: 80%; float: left; position: relative;}
.imgmax img{width: 99%; height: 450px;}
.imgmin{ float: right; width: 20%; float: left;} 
.imgmin img{ width:96%; float:left; padding:1%; border:1px solid #d0d0d0; height:80px}
.imgmin img:hover{  border:1px solid #d00}
.productlist{width: 100%; float: left; text-align: left;}
.layui-nav-tree{width: 100%;}
.contact_show{border:1px solid #f0f0f0 ;float: left; width: 99.3%;} 
.contact_show li{ width: 96%; padding-left: 2%;}
.imgboxs{font-size: 14px;line-height: 28px;float:left;}
.imgboxs img{ width: 100%; height: auto; font-size: 14px;line-height: 28px;}
.titlemax{ width: 100%; float: left; border-bottom: 2px solid #f00; text-indent: 20px; font:normal 18px/50px "\5FAE\8F6F\96C5\9ED1"; background: #f0f0f0}
.shownav_box {background: #f0f0f0; border-right: 1px solid #fff;   text-align: center; line-height: 50px}
.shownav_box a{display: block; }  
.services_show{width: 99.8%; float: left ;font-size:16px; background: #f0f0f0; color: #999; line-height:45px;text-align: center; }
.services_show i{ color: #51992d; font-size: 30px; font-weight: bold; }
.showright{  position: relative;}
.showright h1{ line-height: 60px; color: #222; font-size: 20px; text-indent: 20px}

/* liuyan*/
.dy_left { width:450px; border-top:1px solid #d00; float:left; overflow:hidden; position:relative; display:none; box-sizing: border-box; padding: 0 30px; }
.dy_left .in_top_title h3 { display:inline-block; width:100%; float:left; font:18px/52px Arial, "å¾®è½¯é›…é»'"; color:#000000; }
.dy_left .message ul { width:100%; float:left; }
.dy_left .message li { display:inline-block; width:100%; float:left; margin-right:20px; margin-bottom:20px; }
.dy_left .message li input { display:inline-block; width:100%; height:32px; line-height:32px; text-indent:10px; color:#706f68; border:1px solid #e0e0e0; border-radius:2px; }
.dy_left .message li input:focus { outline:none; border-color:#535353; color:#535353; }
.dy_left .message textarea { resize:none; width:91%; height:80px; display:inline-block; padding:10px; border:1px solid #e0e0e0; border-radius:2px; }
 


.showchanpin ul{  float: left; overflow: hidden; padding-top: 20px; } 
.showchanpin li{ width:99%; padding: 0; text-align: center; margin: 0 0.5%; color: #444; float:left; display:inline; margin-bottom:20px;box-shadow: 0px 0px 1px #999;font: 14px/35px "\5FAE\8F6F\96C5\9ED1"; }
.showchanpin li a{padding: 0; margin: 0; color: #333; }
.showchanpin li img{ width:96%; padding: 2%; height: auto;  float:left; display:block }

.iconfont.videop{position: absolute; left: 45%;top: 45%; font-size: 3rem; color: #fff; z-index: 50; cursor: pointer;}
.contact_show{border:1px solid #f0f0f0 ;float: left; width: 99.3%;} 
.contact_show li{ width: 96%; padding-left: 2%;}
/*相关新闻*/
.shownews ul{ width: 100%; float: left; overflow: hidden;   } 
.shownews li{ float:left; display:inline;  font: 14px/25px "\5FAE\8F6F\96C5\9ED1";  }
.shownews li p{ height: 45px; overflow: hidden;}
.shownews li em{ color: #999; display: block; font-style: normal; }
.shownews li img{width: 120px; height: 70px; float: left; margin-right: 10px;}
.fenye{ width: 99%;float: left; border:1px solid  #fcfcfc;box-sizing: border-box; padding: 15px 0; }
.fenye:hover{ border:1px solid  #28a3ef; }
.page{ width: 100%;float: left; text-align: center; }
.page a, .page strong{ padding:3px 5px; border-radius:3px; border:1px solid #28a3ef; background: #5bc0de; color: #fff  }
.page a:hover{ padding:3px 5px; border:1px solid #28a3ef; background: #28a3ef  }
 ul.b_c{ background:  #fcfcfc; width: 97.5%;padding: 1%; float: left; border:1px solid #f0f0f0; color: #888;}
 .contents{padding:0 1%; color: #333}
.contents img{max-width: 100%; height: auto;} 
.shows table{border: 1px solid #e5e5e5;border-collapse:collapse;}
.shows td {border: 1px #e5e5e5 solid; font-size: 14px;line-height: 28px; min-width: 120px; padding-left: 10px; }
.videopBox img{ width: 100%; height: auto;}
.BQ-bulletin {line-height: 28px;}

.ptoduct_li{width: 100%;overflow: hidden; text-align: center; border-bottom:  2px solid #d00}
.ptoduct_li a{font:normal 16px/50px ""; width: 16.6666%; display: inline-block; float: left;}
.ptoduct_li a.hoverback{background: #d00; color: #fff}
.tabs-fixed{ position: sticky; top:0; z-index: 999;}
.bulletinBox table{border-collapse:collapse;}
.bulletinBox td {border: 1px #e0e0e0 solid;font:normal 14px/30px "";padding-left: 10px; }