@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td,s{font-family:tahoma,Arial,Microsoft Yahei,Avenir,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, .featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}html, body { width: 100%; height: 100%; position: relative;  }h1,h2,h3,h4,h5,h6{ text-transform:capitalize}:before,:after{content: ""}
.zoomimg img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
/*超出的文字省略，要定义宽度*/
span.spanleft,.imgList ul li .imgName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
/*页面*/
body{ font-size:14px; line-height:1.5em; background:#fff;}
#header{ width:100%; height:100px;position: fixed;z-index: 99; left: 0px; top: 0; background: #fff;-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, .19);-moz-box-shadow:0 1px 10px rgba(0, 0, 0, .19);-o-box-shadow:0 1px 10px rgba(0, 0, 0, .19);box-shadow:0 1px 10px rgba(0, 0, 0, .19);}
#header.header{ width:100%; height:70px;}
.wrapper{ width:1200px; margin:0 auto;}
.logo{ background: url(images/logo.png) left center no-repeat; width:360px; height: 60px;margin: 20px 0; transition: all 0.5s ease-out;}
#header.header .logo{ margin: 5px 0;}
.nav{ position:relative; z-index:1;height:40px;margin-top:40px;-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nav ul{ float:left; position: relative;padding:0}
.nav .nLi{ float:left; position: relative;display:inline;}
.nav .nLi:after{width:1px; height:20px; background: #ddd; display: inline-block;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg);}
.nav .nLi:nth-last-child(1):after{width:0px;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:15px; line-height: 23px;height: 35px; padding:0 30px; color: #333; text-transform:uppercase; overflow:hidden;transition:none;}
.nav .nLi:nth-last-child(1) a{padding:0 0 0 30px;}
.nav .nLi h3 a:after{width: 0px; height: 5px; background-color:#c60000;display: block; margin: 6px auto 0 auto;-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nav .on h3 a{}
.nav .on h3 a:after{width: 40px; }
.nav .sub{ display:none; position:absolute; z-index: 9; top:60px;margin-left:-35px;padding:5px 5px 10px 5px; background:rgba(255,255,255,1); border:solid 2px #eee; border-top:0;}
.nav .sub li{ zoom:1; display:block; }
.nav .nLi .sub a{ padding:5px 0px; width:180px;display:block; color:#333; font-size:14px; text-align:center; line-height:20px; height:auto; text-transform:capitalize; font-weight:100;}
.nav .nLi .sub a:after{width: 0px; height: 0px; border-bottom: solid 1px #ce272f; margin: 5px auto 0 auto; display: block;-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nav .nLi .sub a:hover{ color:#ce272f;  }
.nav .nLi .sub a:hover:after{width: 150px;}
#header.header .nav{margin-top:25px;}
#header.header .nav .sub{top:45px;}
.more { font-size:12px; font-weight:100; overflow:hidden; line-height: 20px; }
.more a { color:#333; padding: 0 !important}
.more a:hover { color:#c60000; text-decoration:underline;}
.more .iconfont{ margin-left:5px; font-size:12px;}
.moreBlock { margin:15px auto; font-size:14px; font-weight:100; overflow:hidden;  display:table; text-transform:capitalize}
.moreBlock a { color:#000; display:table-cell; padding:3px 30px; border-radius:5px; background:#f7f7f7; border: solid 1px #ddd;}
.moreBlock a .iconfont{ margin-left:10px; font-size:16px;}
.moreBlock a:hover { background:#c60000; border-color:#c60000; color:#fff; }
.moreBlock .iconfont{ margin-left:15px; font-size:12px;}
.title{ height:60px; width:100%; position:relative; margin:20px auto 10px auto;}
.title h1{ font-size:30px; color:#693009; line-height:50px; height:50px; text-align:center;}
.title h1:before,.title h1:after{ width:150px; height:2px; background: #ccc; display:inline-block;margin-bottom: 5px;}
.title h1:before{ margin-right: 50px;}
.title h1:after{ margin-left: 50px;}

.place{font-size:12px; font-weight:100; color:#333; text-transform:capitalize;white-space: nowrap;}
.place a{ color:#333; line-height: 1.5rem; text-decoration:underline; }
.place a:hover{ color:#651c27; text-decoration:none;}
.place .iconfont{ margin:0 8px; font-size:14px;}
.text{ padding:0 20px 20px 20px;}
.text p{ color:#333; font-size:15px; line-height:1.8rem;font-family: Microsoft Yahei}
.text h4{padding:15px 0px 5px 0; display:inline-block;color:#20a479; font-size:17px; font-weight:bold;}
.wrapper#main{background: #eee;}/*左侧有子栏目*/
.side{width:180px; margin:20px 0px 0 0; padding-left: 20px;}
.side h3{font-size: 18px; line-height: 2rem; color: #651c27;}
.sidenav{}
.sidenav ul{padding:10px 0px}
.sidenav ul li{font-size: 14px;text-transform: capitalize;}
.sidenav ul li a{display:block; padding: 8px 0px 8px 15px;line-height: 1.2rem;color: #333; background: #ddd; margin-bottom: 10px; border-radius: 3px;transition: all 0.8s ease-out; }
.sidenav ul li a .iconfont{font-size:18px; float: left; margin-right:6px; color: #000}
.sidenav ul li a:hover{background: #bebebe; }
.sidenav ul li a.cur{background: #c60000; color: #fff;}
.sidenav ul li a.cur{width: 190px;}
.sidenav ul li a.cur .iconfont{color: #fff;}
.sidenav ul li a.cur .iconfont{float:right;margin-right:15px;}
.sideSearch{margin-top:20px;}
.sideSearch ul{ padding: 10px 0px;}
.sideSearch ul li{ float:left; height:40px; line-height:40px;  background:#fff; }
.sideSearch ul li select,.sideSearch ul li input{ border:0;}
.sideSearch ul li.Keyword input{ width:130px;padding:0 5px; }
input.btn{ padding:0; border:0;}
.sideSearch ul li .btn-search{width: 40px; background:#944301; line-height:40px; color:#fff; cursor: pointer;}
.sideSearch ul li .btn-search:hover{ background:#c60000;}
.content{width:960px;min-height:400px; border-left: solid 1px #ccc; padding:0px 0px 0px 19px; background: #fff}
.boxT{ line-height: 40px; position: relative; margin: 20px 0;}
.boxT span{color:#693009; padding: 0 20px; font-size: 20px; background: #fff;text-transform: capitalize; margin-left: 20px;}
.boxT:after{content: ""; width: 100%; height: 2px;background: #ddd; display: block; margin-top: -20px; transition: all 0.5s ease}
.boxT .place{ position:absolute; top:0px; right:10px;margin-top:-15px; text-align: right; width: 700px;}
.boxT .more{ position:absolute; top:0px; right:10px;}
#footer{ padding:10px 0; background: #333;}
#footer p{  font-size:14px; line-height:30px; color:#fff;}
#footer a{ color:#fff; }
#footer a:hover{ color:#ff0; text-decoration: underline;}
.copyright{}
.copyright p{ }
#Contact{ padding:20px 0px;}/*联系方式*/
#Contact h3{ font-size:16px;font-weight: bold; padding:15px 0; margin-bottom:10px;color:#693009; border-bottom:solid 1px #ccc}
#Contact .text{ float:left; padding:0; width:400px;}
#Contact .text table{width:100%;}
#Contact .text table tr{width:100%;display:flex; flex-flow: row wrap;}
#Contact .text table th{width:60px; display: inline-block; font-weight: bold; text-align: right;box-sizing: border-box;}
#Contact .text table th,#Contact .text table td{padding:5px;line-height: 1.5rem;color:#333;  box-sizing: border-box;}
#Contact .text table td{ width: calc(100% - 60px);}
#Contact .map{ width:770px; float:right}
#Contact .map img{display: block; width: 100%; height: 100%; object-fit: cover;}
#Contact .map #gaodi-map{ width:100%; height:260px; border:solid 1px #ccc;}
.mapInfo {padding:5px; width: 320px;}
.mapInfo h4{ font-size:14px; padding:5px 10px; margin-bottom:5px; color:#693009; border-bottom:solid 1px #ccc}
.mapInfo p {font-size: 12px; line-height: 1.5rem; color: #333}
/*banner*/
#swiperPic{ position:relative; width:100%;padding-top: 100px;}
#swiperPic #slider{ overflow:hidden;}
#swiperPic #slider li{ position:absolute; left:0; bottom:0; width:100%; background:url(js/fancybox_loading.gif) center center no-repeat}
#swiperPic #slider li a{ display:block; width:100%;}
#swiperPic .lastico{ height:20px; overflow:hidden; position:absolute; left:0; bottom: 10px; width:100%; z-index:1;}
#swiperPic .lastico ul{float:left; position:relative; left:50%;}
#swiperPic .lastico ul li{float:left;position:relative; right:50%; margin-right:10px;  width:10px; height:10px; border-radius:10px; cursor:pointer; text-indent:-990em; overflow:hidden; background:#fff;filter:alpha(opacity=80);opacity:0.8;transition: all 0.5s ease-out;}
#swiperPic .lastico ul li.high{background:#c60000;filter:alpha(opacity=100);opacity:1; width:30px; height:10px;}
#swiperPic,
#swiperPic #slider,
#swiperPic #slider li{ height:560px; }
#swiperPic.MainswiperPic,
#swiperPic.MainswiperPic #slider,
#swiperPic.MainswiperPic #slider li{ height:360px; }
/*图片列表*/
.imgList ul li { float:left; margin:10px 20px 10px 0; padding:9px; border:solid 1px #ddd; overflow:hidden; background:#fff; position:relative;-webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.imgList ul li a { text-decoration:none; }
.imgImg{ overflow:hidden; text-align:center;}
.imgImg img{width: auto;height: auto;vertical-align: middle; text-align:left; background:url(js/fancybox_loading.gif) center center no-repeat;}
.imgName { font-size: 16px; text-align: left; color: #333; display:inline-block; text-transform:uppercase; padding: 8px 10px}
.imgList ul li:hover{box-shadow: 0 1px 20px 0 rgba(0,0,0,.19); border-color:#ccc; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) }
.imgList ul li:hover .imgName{ font-weight:bold;color: #c60000}
.Images { width:1200px; margin:0px auto}
.Images ul { width:1220px; padding:0}
.content .Images{ width: 940px;}
.content .Images ul{ width: 960px;}
.ProList ul li{width: 200px;}/*产品列表 1:1 一行4张*/
.ProList ul li .imgImg{width: 200px; height: 200px;}
.ProList ul li .imgImg img{max-width: 200px; max-height: 200px;}
.ProList ul li .imgName{width:180px;}
.hd.PicPage a{}/*切换页码*/
.hd.PicPage{height: 10px;}
.hd.PicPage ul{  float:left; position:relative; left:50%;}
.hd.PicPage ul li{ float:left; position:relative; right:50%;text-indent:-90000px; width:12px; height:12px; background:#ccc;  margin-right:10px; border-radius:15px; cursor:pointer;transition: all 0.5s ease-out;}
.hd.PicPage ul li:hover{ background:#777;}
.hd.PicPage ul li.on{ background:#ce272f; width:30px;}
.hd.PicPage a{ display:none;}
.ArrowBlock{ position: relative}/*切换页码有上下箭头*/
.ArrowBlock .hd.PicPage a{ display:block; width: 50px; height: 50px; line-height: 50px;position: absolute;  top: 35%;}
.ArrowBlock .hd.PicPage a .iconfont{font-size:50px;; color: #666; cursor: pointer}
.ArrowBlock .hd.PicPage a:hover .iconfont{ color:#ae2f40}
.ArrowBlock .hd.PicPage a.prev{margin-left:-50px;left:0}
.ArrowBlock .hd.PicPage a.next{margin-right:-50px; right:0}
.ArrowBlock2 .hd.PicPage a{ display:block; width: 50px; height: 50px;text-align: center; position: absolute; cursor: pointer;top: 40%; background:rgba(0,0,0,0.5); opacity: 0;}
.ArrowBlock2 .hd.PicPage a .iconfont{font-size: 36px; line-height: 50px; color: #fff}
.ArrowBlock2 .hd.PicPage a.prev{left:-50px; }
.ArrowBlock2 .hd.PicPage a.next{ right:-50px;}
.ArrowBlock2 .hd.PicPage a:hover{background:rgba(174,47,64,0.7)}
.ArrowBlock2:hover .hd.PicPage a{opacity: 1}
.ArrowBlock2:hover .hd.PicPage a.prev{left:0px; }
.ArrowBlock2:hover .hd.PicPage a.next{right:0px; }
.AlbumList{padding: 0 0 30px 0}
/*产品详细*/
.pro_detail.Detail{ padding:20px 0; background: #fff}
.pro_detail_img{width:550px; float:left; position: relative; overflow: hidden;padding-bottom: 20px; border-left: solid 1px #ddd;border-right: solid 1px #ddd;}
.imgList.pro_detail_img_body li { margin:0 !important; padding:0px !important; border: 0}
.pro_detail_img_body ul li:hover{box-shadow:none; background:none; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) }
.pro_detail_img_body ul li .imgImg{width: 550px; height: 550px;}
.pro_detail_img_body ul li .imgImg img{max-width: 550px; max-height: 550px;}
.pro_detail_img .hd{margin:10px auto; display:table;}
.pro_detail_img .hd ul li{ text-indent:-990rem; width:9px; height:9px; border:solid 1px #ccc; float:left; margin-right:10px; border-radius:5px; cursor:pointer;}
.pro_detail_img .hd ul li.on{ background:#c60000; border-color:#c60000;width:15px;}
.pro_detail_img .hd ul{ float:left; padding:8px 0 8px 15px;}
.pro_detail_text{ width: 540px; float:right;margin-right:20px;}
.pro_detail_text .info{ width:100%;}
.pro_detail_text .info th{ font-weight: bold; color: #888; font-size:16px; width: 100px; text-align: right;padding: 10px; vertical-align:top; text-transform:capitalize }
.pro_detail_text .info td {padding: 5px 10px; color:#555;  text-transform:capitalize}
.pro_detail_text .info td span.red { color: #f00; }
.pro_detail_text .info tr{ border-bottom: solid 1px #ddd; }
/*新闻*/
.newsWrap{padding:20px 0}
.news-list {padding: 10px 0px }
.newsWrap .news-list{padding: 10px 20px ;border-bottom:solid 1px #ddd;}
.newsWrap .news-list:nth-child(2n){ background: #fff}
.news-list h4 { font-size: 17px; line-height: 20px; margin: 8px 0; }
.news-list h4 a { color: #444; text-decoration: none; }
.news-list h4 a:hover { color: #ce272f; text-decoration: underline; }
.news-list h4 span.time { font-size: 12px; margin-left: 20px; background: #eee; padding: 3px 10px; color: #777; border-radius: 20px; }
.news-list p { color: #555; line-height: 1.6rem; height: 54px; overflow: hidden; }
.news-list:hover span.time { background: #ce272f; color: #fff; }
.news-list:hover .detailed a { background: #eee; }
.news-list .news-img { float: left; margin-right: 15px; }
.news-list .news-img img { width: 200px; height: 130px; }
.news-list .detailed { font-size: 12px; float: right; margin: 10px 0 0 0; }
.news-list .detailed a { background: #fff; padding: 3px 15px; color: #777; border-radius: 20px; border: solid 1px #ddd; }
.news-list .detailed a:hover { background: #ce272f; color: #fff; border-color: #ce272f }
.article{ padding:10px 0;}
.article h5{ display:block; overflow:hidden; padding-left:0; color:#444; text-align:center; font:26px/1 "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1", "\9ed1\4f53"; padding:15px 0}
.article ul li{font-size:16px; padding:25px; line-height:26px; color:#444;}
.article p.publish{ border-bottom:solid 1px #ddd; font-size:12px; line-height:20px; padding:10px 0; margin: 0 25px; text-align:center; color:#666;}
.article p.publish span.red{color:#f00;}
.article p.publish a{ color:#222; margin:0 10px 0 0;}
.article p.publish a:hover{ color:#F00;}
.article p img{max-width: 900px; _width: expression(this.width > 900 && this.width > this.height ? 900 :true);height: auto; margin:15px auto; display:table}
/*页码*/
.pageNumber{ padding:15px 0px;}
.pageNumber table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.pageNumber table td {font-family:Microsoft Yahei, tahoma;}
.pageNumber table td .iconfont{ font-size:14px;}
.pageNumber table td input{padding:2px 4px; width:25px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.pageNumber table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.pageNumber table td a.current,.Mpage table td a.current:hover { color:#fff; background:#c60000; border-color:#c60000; cursor:default }
.pageNumber table td a:hover { color:#fff; background:#c60000; }
.pages{margin-top:15px;}
.pages table{ margin:10px auto; width:100%;}
.pages td{ font-size:14px; font-weight:bold; text-align:center; width:18%;}
.pages a{ color:#333; background:#fff; display:block; line-height:25px; padding:5px 15px;margin:0px; border:solid 1px #ccc; margin-left:-1px;text-transform:capitalize}
.pages a:hover{ background:#c60000; color:#fff; border-color:#c60000;}
/*滑动联系*/
.toolbar { position: fixed; z-index: 100000020; width: 50px; right: 0; top: 0; bottom: 0;-webkit-transform: translate3d(0, 0, 0); }
.toolbarBody{position:absolute;bottom:0px;}
.toolbarBody ul{}
.toolbarBody ul li { background: #666; width: 50px; height: 50px; margin-bottom: 0px; text-align: center; cursor: pointer}
.toolbarBody ul li .iconfont{font-size: 1.5rem; line-height: 50px;color: #fff;}
.toolbarBody ul li .PoPtoolbarBody{ display: none; position: absolute; background: #c60000; color: #fff; height: 50px; right: 50px; text-transform: capitalize;padding: 0px 20px 0px 10px;text-overflow: ellipsis; white-space: nowrap; box-shadow: -5px 1px 10px 0 rgba(0,0,0,.19);}
.toolbarBody ul li .PoPtoolbarBody p{ font-size:18px; line-height: 50px;}
.toolbarBody ul li:hover{ background: #c60000;}
.toolbarBody ul li:hover .PoPtoolbarBody{ display:block}
.toolbarBody ul li .PoPtoolbarBody.toolbar_Qrcode_body{padding:0; margin-top:-50px;height: 160px;}
.toolbar_Qrcode_body ul li{ float:left; padding: 10px;width:120px; height:140px; background: #fff}
.toolbar_Qrcode_body ul li:hover{background: none}
.toolbar_Qrcode_body ul li img{width:120px; height:120px; display:block;}
.toolbarBody ul li .toolbar_Qrcode_body ul li p{ font-size:12px; line-height: 20px; color: #333;}
.toolbar_Qrcode ul li:hover{ background: #fff;}
.toolbarBody ul li:hover .PoPtoolbarBody.toolbar_Qrcode_body ul li:hover{ background: #fff}
/*首页*/
.indPro{position: relative; height: 430px;}
.indPro .hd.PicPage{height:0}
.indPro .hd.PicPage a{margin-top:-150px;border:solid 1px #ddd; background: #fff;text-align: center; line-height: 50px;}
.indPro .hd.PicPage a .iconfont{font-size: 36px;}
.indPro .hd.PicPage a.prev{margin-left:360px;}
.indPro .hd.PicPage a.next{margin-right:360px;}
.indPro#indProCn .hd.PicPage a.prev{margin-left:440px;}
.indPro#indProCn .hd.PicPage a.next{margin-right:440px;}
.indPro .hd.PicPage a:hover{background: #c60000; }
.indPro .hd.PicPage a:hover .iconfont{color:#fff;}
.indPro .hd.PicPage ul{display:none}
.indProBody ul li{ width: 204px;}/*首页产品*/
.indProBody ul li .imgImg{width: 204px; height: 204px;}
.indProBody ul li .imgImg img{max-width: 204px; max-height: 204px;}
.indProBody ul li .imgName{width:184px;}

.highlight {color:red}
.msgTable td {padding:5px;font-size:14px}
.msgTable input[type="text"] ,.msgTable textarea {border:1px solid #ccc;padding:3px;border-radius:3px}
.ajaxMsg  {color:#666}
.ajaxMsg img {margin-top:-3px;}
.msgTable .submit {background:#ff6c00;color:#fff;border-radius:3px;padding:5px 10px;border:0;cursor:pointer}