@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}
::-webkit-scrollbar/*整体部分*/{width:5px;height:5px;}
::-webkit-scrollbar-track/*滑动轨道*/{border-radius: 0px;background:rgba(255,255,255,0);}
::-webkit-scrollbar-thumb/*滑块*/{border-radius:5px;background:#666;}
::-webkit-scrollbar-thumb:hover/*滑块效果*/{border-radius:5px;background:#333;}
.ImgBox img,.ImgBox:hover img,.nav .nLi h3 a:after,.nav .nLi .sub a:after,.mainPro .pborder .imgText h4:after{ -webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -ms-transition: all 0.5s ease; /* IE 9 */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;}
.ImgBox{overflow:hidden;display:inline-block}
.ImgBox img{width:100%; height:100%; display: block;}
.ImgBox:hover img{ -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);opacity:1; }
.more { background: #ddd; width: 170px; line-height: 15px; margin: 0 auto; color: #fff; font-size: 15px; letter-spacing: 2px; display: table; margin: 5px auto;  border-radius: 50px; }/*更多*/
.more:hover { background: #00A33A; color: #fff;}
.more a { color: #111;white-space: nowrap;}
.more:hover a { color: #fff; }
.moreicon { font-size:12px; font-weight:100; overflow:hidden; line-height: 20px; }
.moreicon a { color:#333; padding: 0 !important}
.moreicon a:hover { color:#c70000; text-decoration:underline;}
.moreicon .iconfont{ margin-left:5px; font-size:12px;}
/*超出的文字省略，要定义宽度*/
span.spanleft,.footSide#news p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
/*页面*/
body{ font-size:14px; line-height:1.5em; background:#f3f3f3;}
#header{ width:96%;padding: 0 2%; height:80px; background:#fff;}
.wrapper{ width:1200px; margin:0 auto;}
.mt20{margin-top:20px;}
.positionRel{position: relative}
.logo{ background: url(images/logo.png) left center no-repeat; width:300px; height: 80px;}
.logo a{  width: 100%; height:100%; display: block;}
.nav{ position:relative; z-index:1;height:40px;margin-top:25px;padding-right:15px;}
.nav ul{ float:left; position: relative;padding:0}
.nav .nLi{ float:left; position: relative;display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:16px; line-height: 30px;height: 35px; padding:0 30px; color: #666;}
.nav .nLi:nth-last-child(1) a{padding:0 0 0 30px;}
.nav .nLi h3 a:after{content: "";width: 0px; height: 1px; background-color:#333;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: 30px; }
.nav .sub{ display:none; position:absolute; z-index: 9; top:40px;margin-left:-20px;padding:5px 5px 10px 5px; background:rgba(255,255,255,0.7);box-shadow: 0 6px 12px rgba(0,0,0,.175);border-radius: 4px;}
.nav .sub li{ zoom:1; display:block; }
.nav .nLi .sub a{ padding:5px 0px; width:130px;display:block; color:#111; font-size:15px; text-align:center; line-height:20px; height:auto; text-transform:capitalize; font-weight:100;}
.nav .nLi .sub a:after{content: "";width: 0px; height: 0px; border-bottom: solid 1px #d70c19; 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:#d70c19;  }
.nav .nLi .sub a:hover:after{width: 100px;}
.lang{margin:28px 0 0 10px;}
.lang a{color:#666; margin: 0 5px;font-size: 16px;}
.lang a:hover{text-decoration: underline;}
.name{display: inline-block; vertical-align: middle; width: 100%; height: 40px;position: relative;border-bottom: solid 1px #ddd;margin-bottom: 15px;padding-top:15px;}
.name:before{content:""; width:5px; height:15px; display:inline-block; background:#555;margin:10px 15px 0 10px; float:left;}
.name span{float:left; line-height: 35px;font-size: 20px; color: #333;margin-right:30px;font-family: tahoma, arial, "Hiragino Sans GB", 宋体, sans-serif; }
.name .moreicon{position: absolute; top:15px; right:15px;}
.name a{float:right;margin-right: 15px;display: inline-block;padding:4px 0;color:#777; border-bottom: solid 1px Transparent}
.name a .iconfont{margin-left:5px;}
.name a:hover{border-bottom-color:#333;color:#333;}
#m-banner{position: relative; width:100%; height:400px; overflow: hidden;}
#m-banner .topimg{position: absolute; width:100%; height:400px; z-index: 1;left:50%; top:0; margin-left: -960px;}
/*banner*/
.map{ width:1200px;height:450px;margin:15px auto; border:solid 1px #ccc;}
.map #gaodi-map{ width:100%; height:100%;}
.mapInfo {padding:5px; width: 400px;}
.mapInfo h4{ font-size:18px; padding:5px 10px; margin-bottom:5px; color:#444; border-bottom:solid 1px #ccc}
.mapInfo p {font-size: 15px; line-height: 1.5rem; color: #333}

.more { font-size:12px; font-weight:100; overflow:hidden; line-height: 20px; }
.more a { color:#333; padding: 0 !important}
.more a:hover { color:#c00000; 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:3px; background:#f7f7f7; border: solid 1px #ddd; background: #fff}
.moreBlock a .iconfont{ margin-left:10px; font-size:16px;}
.moreBlock a:hover { background:#c00000; border-color:#c00000; color:#fff; }
.moreBlock .iconfont{ margin-left:15px; font-size:12px;}

.title{ height:40px; width:100%; position:relative; margin:30px auto 15px auto;}
.title h1{ font-size:30px; line-height:40px; height:40px; text-align:center; letter-spacing:2px;position:relative; display:table; margin:0 auto; padding:0 20px;color:#c00000;}
.title h1:before,.title h1:after{content: ""; width:80px; height:2px; background:#ddd;display:inline-block; margin-bottom:7px;}
.title h1:before{margin-right:15px;}
.title h1:after{margin-left:15px;}
.boxT{ line-height: 40px; position: relative; margin: 20px 0;}
.boxT span{color:#c00000; padding: 0 30px; font-size: 24px; background: #fff;text-transform: capitalize; margin-left: 30px;}
.boxT:after{content: ""; width: 100%; height: 2px;background: #ddd; display: block; margin-top: -25px; transition: all 0.5s ease}
.boxT .place{ position:absolute; top:0px; right:0px;margin-top:-15px; text-align: right; width: 700px;}
.boxT .more{ position:absolute; top:0px; right:10px;}

.place{font-size:12px; font-weight:100; color:#333; text-transform:capitalize;  padding:5px 10px}
.place a{ color:#333; line-height: 1.5rem; text-decoration:underline; }
.place a:hover{ color:#e0081c; text-decoration:none;}
.place .iconfont{ margin:0 5px; font-size:14px;}
.text{ padding:5px 20px 20px 20px}
.text p{ color: #363636; word-wrap: break-word; word-break: break-word; letter-spacing: normal; font-size: 16px; line-height: 32px;}
.text img{max-width:100%;}
.ColTwoWrap{position: relative; padding: 20px 0 40px 0}
.ColTwoWrap .hd ul{display:none}
.ColTwoList{ width: 1200px;margin:10px auto;}
.ColTwoList ul li{width:400px;}
.ColTwoList ul li .ColTwoListImg,.ColTwoList ul li .ColTwoListImg img{ width:280px; height:390px;}

.copyright{ background: #555; color: #eee;}
.copyright a{color:#eee; text-decoration: underline;}
.copyright a:hover{color:#eee; text-decoration: none;}
.copyright .wrapper p{height:50px; line-height: 50px; font-size: 14px;}
#SubNav{background: #ddd;line-height: 45px;margin-bottom: 20px;}
.SubNav{text-align: center; font-size: 18px;}
.SubNav a{display:inline-block; padding: 0 30px;color:#111;border-top:solid 3px #ddd; }
.SubNav a.cur{background:#f3f3f3; border-top-color:#c00000}
.SubNav a.cur:hover{background:#f3f3f3;color:#c00000;border-top-color:#c00000}
.SubNav a:hover{background:#cdcdcd; border-top-color:#cdcdcd}
/*图片列表*/
.mainPro{overflow:hidden;}
.mainPro .plist{padding:0 0 20px 0; width: 1350px}
.mainPro .pborder {  margin: 0px 120px 30px 0px; position: relative;float: left; width: 320px; text-align: center;  }
.mainPro .pborder:nth-child(5n) {}
.mainPro .pborder a{ margin: 9px;display:inline-block;border: 1px solid #f3f3f3;}
.mainPro .pborder .ImgBox{ width: 300px; height: 300px; margin: 0}
.mainPro .pborder .imgText{padding:15px 0; text-align: center; margin-top:-5px;}
.mainPro .pborder .imgText h4{font-size: 15px;text-align: center; color:#111}
.mainPro .pborder .imgText h4:after{content:""; width:70%; height:1px; margin: 10px auto 0 auto; display: block; background: #666;}
.mainPro .pborder a:hover { border-color: #666; z-index: 10; }
.mainPro .pborder a:hover .imgText h4:after {width:10%;}
.hd.PicPage a{}/*切换页码*/
.hd.PicPage{}
.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:#c00000; width:30px;}
.hd.PicPage a{ display:none;}
.ArrowBlock{position: relative}
.ArrowBlock .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;}
.ArrowBlock .hd.PicPage a .iconfont{font-size: 36px; line-height: 50px; color: #fff}
.ArrowBlock .hd.PicPage a.prev{left:-50px; }
.ArrowBlock .hd.PicPage a.next{ right:-50px;}
.ArrowBlock .hd.PicPage a:hover{background:rgba(255,102,0,0.9)}
.ArrowBlock:hover .hd.PicPage a{opacity: 1}
.ArrowBlock:hover .hd.PicPage a.prev{left:0px; }
.ArrowBlock:hover .hd.PicPage a.next{right:0px; }
/*产品详细*/
.pro_detail{ width:1160px; background: #fff; padding: 20px;margin-bottom:20px;}
.pro_detail .boxT{position: relative}
.pro_detail .boxT .place{position: absolute;margin-top:-20px; top:0px; right:0px;}
.pro_detail_img{width:450px; float:left; position: relative; overflow: hidden;padding-bottom: 20px; border-right: solid 1px #ddd; text-align: center; margin: 20px 0 30px 0;}
.pro_detail_img_body li { margin:0 !important; padding:0px !important; border: 0}
.pro_detail_img_body ul li .imgImg{width: 450px; height: 450px;}
.pro_detail_img_body ul li .imgImg img{max-width: 450px; max-height: 450px;}
.pro_detail_img .hd{margin-top:-40px;}
.pro_detail_text{ width: 640px; 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; }
.proMoreWrap{width:1160px; margin:0 auto;}
.proMoreWrap h4{background:#eee;  height:54px; border-bottom:solid 1px #ddd;font-size:20px;}
.proMoreWrap h4 span{float:left;margin-left:20px; padding:10px 30px; height:32px; line-height:35px; background:#fff; color:#b00e0e;border-left:solid 1px #ddd;border-right:solid 1px #ddd; border-bottom:solid 1px #fff; border-top:solid 3px #b00e0e}
.proMoreWrap .proMoreBody{border: solid 1px #ddd;border-top:0; padding:30px;}
.proMoreWrap .proMoreBody img{max-width:100%;display:block;}
/*展厅*/
.ExhibitionWrap{ position: relative; overflow: hidden;margin: 0px 0 40px 0}
.ExhibitionWrap.ArrowBlock .hd.PicPage a{ background: none; opacity: 1; width: 80px; height:80px;top:45%}
.ExhibitionWrap.ArrowBlock .hd.PicPage a.prev{ left:0}
.ExhibitionWrap.ArrowBlock .hd.PicPage a.next{ right:0}
.ExhibitionWrap.ArrowBlock .hd.PicPage a .iconfont{color: #ccc; font-size: 80px;}
.ExhibitionWrap.ArrowBlock .hd.PicPage a:hover .iconfont{color: #999}
.ExhibitionBody {width:1000px;margin: 20px auto; text-align: center}
.ExhibitionBody li { margin:0 !important; padding:0px !important; border: 0}
.ExhibitionBody ul li .imgImg{width: 1000px; height: 563px;}
.ExhibitionBody ul li .imgImg img{max-width: 1000px; max-height: 563px;}
.ExhibitionWrap .hd{margin-top:30px;height: 20px;}
/*页码*/
.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:30px; 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:#666; border-color:#666; cursor:default }
.pageNumber table td a:hover { color:#fff; background:#222; }
.pages{margin-top:15px;}
.pages table{ margin:10px auto; width:100%;}
.pages td{ font-size:14px; font-weight:bold; text-align:center; width:30%;}
.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:#c00000; color:#fff; border-color:#c00000;}
/*滑动联系*/
.toolbar { position: fixed; z-index: 9999999; bottom: 0px; width: 50px; right:0;-webkit-transform: translate3d(0, 0, 0);   }
.BackTop { background: #999; width: 50px; height: 50px; margin-top: 10px; text-align: center; cursor: pointer }
.BackTop .iconfont { font-size: 2em; line-height: 50px; color: #fff; }
.BackTop:hover { background: #b00e0e; }
/*首页*/
.banner{ width:auto; height:auto; text-align:center; position:relative}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:60px; height:60px;border-radius: 50%; position:absolute;  text-indent:-10em; overflow:hidden;top:45%;opacity: 0}
.prev{ background: url(images/superprev.png) center center no-repeat rgba(0,0,0,0.3);left:2%;}
.next{ background: url(images/supernext.png) center center no-repeat rgba(0,0,0,0.3);right:2%}
.banner:hover .rslides_nav{ opacity: 1}
.rslides_nav:hover{ background-color:rgba(0,0,0,0.7) }
.rslides_tabs{ position:absolute; left:50%; margin-left:-20px; bottom:10px; text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:8px; height:8px; background:#999;text-indent:-5em;  display:inline; overflow:hidden; display:block;  float:left; margin-left:10px;border-radius:50%;}
.rslides_tabs .rslides_here a{ background:#c80000; width:15px; height:15px;margin-top: -3px}
.indPro.mainPro .plist{width: 1350px}
.indPro.mainPro .pborder {  margin: 0px 120px 30px 0px;width: 320px; }
.indPro.mainPro .pborder a{ margin: 9px;}
.indPro.mainPro .pborder .ImgBox{ width: 300px; height: 300px;}

.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}