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;}
.txtalign{text-align: center;}
.size20 i{font-size: 1.5rem;}
.se1{ color: #FF5722 }
.se2{ color: #FF6666 }
.se3{ color: #CC6600 }
.bdbg{ width: 100%; float: left }
.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;}
.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;  }  
.navtitleright li a{ padding: 0 20px;line-height: 45px;display:block; } 
.navtitleright li a:hover,.navtitleright li a.hack{ background: #009cff; color: #fff} 
.shownavtitle{ width: 99.99%; float: left; position: relative; border-bottom: 3px solid #999; height: 50px;   }
.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-child{ margin-top: -20px; }
.layui-nav{ background: none; }
.layui-nav .layui-nav-item a{ color: #333 }
.layui-nav .layui-nav-item a.topewm{ color: #fff }
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background: #d00;}
.layui-nav-child{border: none; background: #d00; border-radius: 0;}
.layui-carousel{ background: #d00; width: 100%; float: left }

/*sanjicaidan*/  
.layui-nav-third-child{display: none; position: absolute; margin-top: -45px;    margin-left: 10px; z-index: 100; white-space: nowrap; } 
.layui-nav-third-child li{position: relative; float: left; width: 100%; font-size: 14px;} 
.layui-nav-third-child li a{font-size: 16px;} 
.layui-nav-third-child li:after{display: none;} 
/*index*/
.indexmain{ width:1200px; margin:0 auto; overflow: hidden; clear:both}
.box1200{ width:1200px; float:left;}
.box1198{ width:1198px; float:left;margin:10px auto;} 
 
.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;}
.breadcrumb{ width: 100%; line-height: 45px; float: left; border-bottom: 1px solid #e0e0e0; }
/*menunav**/
.headtop{ width:100%; float:left;  font-size: 14px; position: fixed; z-index: 8; }
#headtop{ background: none; z-index: 9; width: 100%; position: fixed; top:0; }
#headtop.isfloat{background: #f0f0f0;margin: 0}
.topkey{width:100%; float:left;  color:#FFF;  font-size: 14px; background: #0b2a61; display: none; }
.f_r{float: right;  }
.f_l{float: left; }
.topbox{ width:1200px; margin:0px auto;} 
.headlogo{width:1200px; float: left; line-height:30px; color: #333; border-radius:5px; margin-top: 20px; position: relative; transition: all ease-out .6s;background:#ffffff;  }  
.isfloat .headlogo{ margin: 0;background:#f0f0f0;}
.logo{ float:left; display:inline;  text-align: center; width: 300px;}  
.logo img{ display:inline; float: left;margin-left: 10px; }
.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; }
.menunav{   float: left; display: inline; margin-top: 15px; width: 890px; } 
.mainboxs{width: 1200px; margin: 0 auto;}
.mainbox{width: 1200px; margin: 0 auto;} 
.layui-nav .layui-nav-item{ font-weight: bold; }
.navbox ul{width: 100%; float: left;}
.navbox li{ display: inline-block;   }
 .navbox li a:hover,.menunav li a.hack{ background: #d00; color: #d00; }  
.meunnav .layui-nav-item a{text-align: center; font:bold 18px/60px "\5FAE\8F6F\96C5\9ED1"; } 
.meunnav .layui-nav-item a:hover{color: #d00;}
.layui-nav .layui-nav-more {right: 15px;    border-color: #333 transparent transparent;}  
.layui-nav-child{ margin-top: -1px; color: #fff;padding: 0}

.layui-nav-child dd a{background: #d00; color: #fff}
.layui-nav .layui-nav-child a{ color: #fff;font-weight: normal; line-height: 40px  }
/*company*/
.companyindex{ width: 100%; float: left } 
.combox{box-shadow: 0 0 0.3rem #888;padding: 10px; box-sizing: border-box; font-size: 20px;}
.combox i{font-size: 60px; display: block; padding: 20px 0;}
/*/list/*/
.boxpro{ position: relative; width: 100%; float: left; }
.boxpro img{width: 100%;}
.boxpro b{ background:rgba(11,42,97, 0.5); height:40px;left:0;text-align: center; color: #fff;position: absolute; width: 100%; z-index: 2;bottom: 0; font-size: 16px; }
.boxpro:hover b{ background:rgba(11,42,97, 0.5); height:218px; color: #fff;position: absolute; width: 100%; z-index: 2;cursor: pointer;top:0; line-height: 218px;font-size: 24px;}
/*imglist*/
.imgbox {  line-height: 40px; position: relative; }
.hotp{ position: absolute; background: #d00; padding:0px 5px; color: #fff; left: 5px top:5px; z-index: 2 ; line-height: 30px }
.imgbox img{ width: 100%;}
.imgbox b{font-size: 18px; text-align: center;height: 45px;overflow: hidden;width: 100%;float: left; font-weight: normal; background: #f0f0f0}
.imgbox img:hover{ opacity: 0.8 }
.videoico{ position: absolute; left: 15px;  color: #fff; bottom: 50px; z-index: 1}
.videoico i{font-size: 30px;}
.videoidex video{width: 100%}
/*video*/
.videoi{  }
.videoi video,.videoi embed{ width: 100%; height: 380px }
.companyi{ color: #444; line-height: 30px }
.companyi h4{font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1"; color: #444 }
.companyi strong{font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1"; display: block; }
.companyi .mores{ width: 100%; float: left;padding-top: 15px }
/**/
.focusBox { position: relative; width:100%; height:380px; overflow: hidden; float:left; }
.focusBox .pic { position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:100%; display: block; }
.focusBox .hd { width:117px; right:10px; position: absolute; bottom:10px; text-align: center; font-size:0; z-index:1; text-align:center; height:22px; filter:alpha(opacity=70); opacity:0.7;/*background:#FFFFFF; border-radius:10px 10px;*/ }
.focusBox .hd li { margin: 5px; height: 12px; overflow: hidden; width: 12px; cursor: pointer; display:inline-block; *display:inline;
zoom:1; border-radius:6px; background:#333; }
.focusBox .hd .on { background:#FFF; }
.focusBox .prev, .focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover, .focusBox .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; }
 .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 25px; height:25px; line-height: 25px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
/*news*/
.layui-tab{ margin: 0 }
.newstitle{  height: 45px; overflow: hidden; font-size: 18px; border:1px solid #e0e0e0 ;box-sizing: border-box; }
.newstitle li{font-size: 18px;line-height: 45px; }
.newstitle .layui-this{ background: #E15354; 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 p{ font-size: 14px;  height: 30px; overflow: hidden;}
.newsi li a{display: block; float: left; width: 100%;padding:10px 0;}
.newsi li a:hover{ background: #E15354; color: #fff }
.newsi li a:hover .times{ color: #fff}
.newmore{width: 8%; float: left; display: inline; text-align: right; color: #d00; padding-top: 15px; padding-left: 2%}
.newsi li a:hover .newmore{ 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;position: absolute;margin: 10px 0;}
.listbox6 p{position: absolute;    margin: 15px 0;    margin-left: 90px;}
.bghong{ background: #f00; border-radius: 5px; }
.bgbai{background: #fff;}
.bghui{ background: #f0f0f0; }
.boldtit{text-align: left; line-height: 60px; margin: 20px auto 0 auto; width: 1190px;  background: url(image/hang.png) right 10px no-repeat; }
.boldtit strong{text-align: left;font: bold 30px/30px "\5FAE\8F6F\96C5\9ED1";  display:inline-block; color: #2f2f2f  }
.boldtit em{ color: #2f2f2f; font-style: normal; } 
.boldtit span{  padding: 0 10px;  display: inline; line-height: 40px;}

.productfenlei{ float: left; width: 100% }
.productsbox{ width: 1200px; margin: 0 auto; overflow: hidden; text-align: center; }
.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, .showchanpin 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%;  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; }
/*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;  } 
.chanpincol img{width: 100%;}
.chanpincol a{background: #f5f5f5; display: block;}
.chanpincol b{ font-size: 16px }
.protitle{ width: 93.8%; padding: 3%; line-height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;   }
.chanpincol .tels{ color: #d23c3c; font-weight: bold; }
.chanpincol a:hover{opacity: 0.9;-moz-transition:all 0.1s linear 0.1s;-webkit-transition:all 0.1s linear 0.1s; background: #f0f0f0;   -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);}
/*indexvideo*/ 
.videobox ul{ width:101%; float: left;   }
.videobox li{ width:49%; float: left; display: inline;margin-right: 1%  }
.videobox li video, .videobox li embed{ width: 100%; min-height: 400px; background: #333; float: left; } 
/*showvideo*/
.videobox dl{ width: 99.9%; float: left; overflow: hidden; padding: 20px 0;} 
.videobox dl video, .videobox dl embed{ width: 100%; min-height: 600px; background: #333; float: left; }
.videobox dl p{ width: 100%; text-align: center; font:normal 16px/40px "\5FAE\8F6F\96C5\9ED1";  }
.videobox dl p i{ font-size: 30px; }

.photobox ul{ width: 101%; float: left; overflow: hidden; padding: 20px 0; padding-left: 3px; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1"; } 
.photobox li{ width:23.5%; margin-right: 1.5%; margin-bottom: 15px; float:left; display:inline; box-shadow: 0px 0px 3px #999; position: relative;}
.photobox li img{ width:100%;height:200px; float:left; display:block }
.photobox li a b{color:#fff; font-weight: normal; text-indent: 10px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; background:url(image/shadow1.png) 0 top repeat-x ; height:40px; padding-top: 20px; text-align: left;float:left; overflow:hidden;}


.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%; float: left}
.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%; float: left; overflow: hidden; font-size: 16px; }
.newshow{border:1px solid #d0d0d0; padding-top: 20px;}
.newshow h2{ font: bold 26px/65px "\5FAE\8F6F\96C5\9ED1"; width: 100%; text-align: center; height: 65px;  }
.newshow img{ width: 100%; height: auto; margin: 0 auto  }
.newshowtime{border-bottom:1px solid #d0d0d0; 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;}
.newshow p{text-indent: 30px; }
.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; }  


.shownews ul{ width: 100%; float: left; overflow: hidden; padding:5px 0; padding-left: 3px; } 
.shownews li{background: url(../img/news.png) left center no-repeat; width:45.99%; padding-left: 2%; margin:0 2% 0 0;  float:left; display:inline;  font: 16px/35px "\5FAE\8F6F\96C5\9ED1"; }
.shownews li span{ float: right; padding-right: 5px; color: #999 }

.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: 36px;  line-height: 50px; float: left; padding-right: 20px;}
 
/**/ 
.footcontact,.footprodcut,.footabout{min-height: 150px; width: 26%; margin-right: 2%; float: left; color: #ccc; display: inline; border-right:1px solid #444; }
.tits{font:  normal 20px/35px "\5FAE\8F6F\96C5\9ED1";   }
.biga{font-size: 18px; }
.bigc{font-size: 26px; line-height:40px; color: #fff}
.footewm{  float: left;display: inline; width: 13%;color: #fff   }
.footabout li{ width: 47.5%; float:left; display: inline;padding-right: 2%; }  
.footer { width:100%;  border-top:3px solid #246dcb; overflow:hidden;  float:left;background:#222 }
.foot,.bottom {width:1200px; margin:15px auto;  overflow:hidden; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1";}
.foot dl {width:100%;  float:left; display:inline ;color:#aaa;  }
.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; } 
.footabout li a { color:#aaa; line-height:32px; }
.foot dd a:hover,.bottom a:hover{ color:#f60;} 
.botfooter{ width:100%; float:left; background:#000} 
.botmenu{ color: #999; line-height: 55px; }
.botmenu a{ padding:0 10px; color:#aaa; } 
.botmenu span{float: right}
.inlink li{float: left;padding: 0 5px;}
/*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: 2px 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; }

.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; background:url(image/shadow1.png) 0 bottom repeat-x;  float: left; position: absolute; left: 0; bottom: 0; z-index: 5  }
.showright{  position: relative;}
.showright h1{ line-height: 80px;  text-indent: 20px}
.showright ul{ background:  #f9f9f9; width: 99.5%; float: left; border:1px solid #f0f0f0; }
.showright li{ width: 50.5%; padding-left: 4%; float: left; display: inline; color: #888; font: normal 16px/40px "\5FAE\8F6F\96C5\9ED1"; }
.showerwm{ position: absolute; right: 10px; bottom:40px; 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; 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: #999; line-height:45px;text-align: center; }
.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{ margin-right: 40px; }
.inquirys i{ font-size: 30px;  color: #fff; vertical-align: middle;}
.notes{ line-height:55px; font-size: 16px; color: #d00 }
.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; background:#0080d2;  }
.telbox ul{   border: none; }
.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; background: #f0f0f0; } 
.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:30px; 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;}


/*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: 98%; float: left; display: inline; margin: 1%; height: auto; }

.honorimg{margin-top: 20px; line-height: 45px; text-align: center;}
.honorimg img{ width: 100%; }
.honorimg b{float: left; width: 100%;line-height: 28px; font-weight: 100; height: 56px; overflow: hidden;}