@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:Microsoft Yahei,Avenir, tahoma,Arial,'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, input,.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}.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { position: relative; min-height: 1px }.row>[class*=col-] { float: left }.col-12 { width: 100% }.col-11 { width: 91.66666667% }.col-10 { width: 83.33333333% }.col-9 { width: 75% }.col-8 { width: 66.66666667% }.col-7 { width: 58.33333333% }.col-6 { width: 50% }.col-5 { width: 41.66666667% }.col-4 { width: 33.33333333% }.col-3 { width: 25% }.col-2 { width: 16.66666667% }.col-1 { width: 8.33333333% }: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,.imgText h4 a { 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; background: url(images/header.jpg) center center no-repeat;margin-bottom:1px}
input.inp { height: 26px; border: 1px solid #d8d8d8; background: url(images/input.gif) no-repeat; padding: 0 5px; font-size:14px; line-height:26px;color: #555; }
.badge{position: absolute; width: 15px; height: 15px; padding: 4px; border-radius: 50px; background-color: #d10000; vertical-align: middle; text-align: center; font: bold 12px/16px Arial, Helvetica, sans-serif; color: #fff;}
.wrapper{ width:1200px; margin:0 auto;}
.mt20{margin-top:20px;}
.logo{ background: url(images/logo.png) no-repeat; width:400px; height: 70px; margin-top: 15px;}
.logo_r{width:800px;}
.nav{ position:relative; z-index:1;height:100px;}
.nav ul{ float:left; position: relative; padding-left:20px;}
.nav .nLi{ float:left; position: relative;display:inline;}
.nav .nLi h3{ float:left; position: relative}
.nav .nLi h3 a{ display:block; font-size:16px; color: #fff; text-transform:capitalize; overflow:hidden; line-height:100px;width: 110px; text-align: center;transition:none;transition: all .5s ease-out; }
.nav .nLi h3:after{width: 0px; height: 2px; display: inline-block; background: #ae2f40;position: absolute;bottom: 30px; left: 35px;transition: all .5s ease-out;}
.nav .on h3 a{ color: #ae2f40}
.nav .on h3:after{width: 40px;}
.nav .on h3 a,.nav ul.sub{background:rgba(255,255,255,0.9);}
.nav ul.sub{ display:none; position:absolute; z-index: 9; top:100px;margin-left:0px;padding:5px 5px 15px 5px; }
.nav ul.sub li{ zoom:1; display:block; }
.nav .nLi ul.sub li a{ padding:5px 0px; width:100px;display:block; color:#333; font-size:14px; text-align:center; line-height:20px; height:auto; text-transform:capitalize; font-weight:100;}
.nav .nLi ul.sub li a:after{content: ""; width: 0px; height: 0px; border-bottom: solid 1px #ae2f40; margin: 5px auto 0 auto; display: block;transition: all 0.5s ease}
.nav .nLi ul.sub li a:hover{ color:#ae2f40;  }
.nav .nLi ul.sub li a:hover:after{width: 70px;}
.nav .sub.subPro{width:440px; margin-left:-170px;}
.nav .sub.subPro .subProBody{ width: 100%}
.nav .sub.subPro .subProBody ul li p a{ width: 200px;text-align: left;}
.nav .nLi ul.sub.subPro .subProBody ul li p a:after{margin: 5px 0 0 0}
.nav .nLi ul.sub.subPro .subProBody ul li p a:hover:after{width: 170px;}
.subProBody ul{ padding: 0}
.subProBody ul li{float:left; width: 198px; padding:20px 10px 10px 10px;}
.subProBody ul li:nth-child(1){border-right: solid 1px #ddd;}
.subProBody ul li h5{font-size: 18px;margin-bottom:15px;}
.subProBody ul li h5 .iconfont{font-size: 36px; margin-right:5px;margin-left:10px;float:left;}
.subProBody ul li p a:after{content: ""; width: 0px; height: 0px; border-bottom: solid 1px #ae2f40; margin: 5px auto 0 auto; display: block;transition: all 0.5s ease}
.subProBody ul li p a:before{content:"◇"; display: inline-block; margin: 0 8px;}
.subProBody ul li p a:hover:after{width: 170px;}
.headerIcon{}
.headerIcon ul li{ float:left;text-align: center; margin-top: 20px; width: 60px; height: 60px; color:#fff; position: relative;border-radius: 30px;transition: all 0.5s ease}
.headerIcon ul li:hover{background:rgba(255,255,255,0.2);}
.headerIcon ul li .iconfont{font-size: 30px; line-height: 60px; display: block; margin-bottom: 5px; color:#fff;}
.headerIcon ul li .badge{top: 0px; right: -6px;}

.more { font-size:12px; font-weight:100; overflow:hidden; line-height: 20px; }
.more a { color:#333; padding: 0 !important}
.more a:hover { color:#8f5211; 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:#d13600; border-color:#d13600; color:#fff; }
.moreBlock .iconfont{ margin-left:15px; font-size:12px;}
.title{ height:50px; width:100%; position:relative; margin:30px auto 10px auto;}
.title .title_line{ width:100%; height:1px; position:absolute; background:#999; left:0px; bottom:25px;}
.title h1{ font-size:30px; color:#764738; line-height:40px; height:40px; text-align:center; letter-spacing:3px;position:relative; display:table; margin:0 auto; background:#fff; padding:0 20px;}
.subNav{text-align:center; font-size: 14px;padding-bottom: 20px;margin-top:-10px;}
.subNav a{display:inline-block; padding:0;margin:0 10px; color:#555; position: relative}
.subNav a:after { content: "";border: 5px solid transparent; border-top:5px solid #fff;position: absolute;left: 40%; bottom: 0; margin-bottom: -12px;transition: all 0.5s ease}
.subNav s{text-decoration: none; padding: 0 10px;font-size: 20px;display: inline-block;}
.subNav a:hover{color:#764738;}
.subNav a:hover:after{ border: 5px solid transparent;border-top:5px solid #764738}
.subNav a.cur{line-height:20px; padding:5px 0px; border-bottom: solid 2px #764738}
.subNav a.cur:after{border-top-color:#764738}
.subNav a.cur:hover{border-bottom-color: #f20}
.subNav a.cur:hover:after{border: 5px solid transparent;border-top:5px solid #f20}

.boxT{border-top:solid 1px #ddd; line-height: 45px; position: relative;}
.boxT span{ display:inline-block;border-top:solid 3px #8f5211; color:#8f5211; padding: 0 30px; font-size: 18px;}
.boxT span a{color:#8f5211; padding: 0; background: none; display: flex}
.boxT a{color:#444; font-size: 16px; padding: 0 30px; background: #f0f0f0; display: inline-block; margin-top: -3px;}
.boxT .more{ position: absolute; top: 10px; right:0}

.place{ font-weight:100; color:#333; text-transform:uppercase; border-bottom: solid 1px #ddd;margin:10px 0 5px 0; padding:10px 10px 10px 20px;white-space: nowrap;}
.place a{ color:#333; line-height: 1.5rem; text-decoration:underline;font-size:12px; background: none; padding: 0}
.place a:hover{ color:#e0081c; text-decoration:none;}
.place .iconfont{ margin:0 5px; font-size:14px;}
.text{ padding:0 0px 20px 20px;}
.text p{ color:#333; font-size:14px; line-height:1.8rem;font-family: Microsoft Yahei}
.text h4{padding:15px 0px 5px 0; display:inline-block;color:#764738; font-size:15px; font-weight:bold;}
/*松森文化*/
.culture table{ width: 1000px;}
.culture table th,.culture table td{vertical-align: top;padding:10px; }
.culture table th{ font-size: 17px;width:160px; text-align: right;font-weight: 100; color: #764738}
.culture table td h4{ padding: 0; font-size: 16px;}
/*松森大事件*/
.History{ padding: 0 0 0 400px; min-height:600px; background:url(images/History.jpg) left center no-repeat;}
.History dl{ border-bottom: solid 1px #ddd; padding: 10px;margin-right:20px;}
.History dl dt{font-size: 25px; font-weight: bold; color: #764738; float:left; width: 120px;}
.History dl dd{padding:0 0 0 120px; font-size: 14px;}
.History dl dd p{padding:5px;}
.History dl dd p:before{content:"■";margin-right:5px;}
.History dl dd p:after{width: 0; height: 0px; display: block;border-bottom: solid 1px #f30; margin-top: 5px; transition: all 0.5s ease-out;}
.History dl:hover dt{color: #f30}
.History dl dd p:hover:after{width: 600px;}

.Main{ padding:20px 0px 10px 0px;}
.Main .boxT{margin: 0px 15px 30px 15px; position: relative}
.Main .boxT .place{position:absolute; top: 0px; right:10px;margin-top:-10px;}
#footer{ padding:20px 0 50px 0; background: url(images/footer.jpg) center top no-repeat;}
.copyright{ width: 750px; position: relative}
.copyright p{ line-height:1.8rem;text-align:left; color:#fff;}
.copyright p a{color:#fff; text-decoration: underline}
.copyright p a:hover{color:#ff0; text-decoration: none}
.copyright .gongshang{position: absolute; left:360px; top: 0;}
.footer_LianXi{width:450px;}
.footer_LianXi .Qrcode{ width:140px; margin:0px;}
.footer_LianXi .Qrcode p{color: #fff}
.LianXi{ width: 300px;}
.LianXi h5{ font-size: 18px; color: #fff;}
.LianXi p{ line-height: 1.8rem; color: #fff;}
/*购物车*/
.step{ width:800px; height:30px; overflow:hidden; margin:0px auto;}
.step ul{background:url(images/bgsteps.png) no-repeat; height:30px;}
.step ul#step1{ background-position:0 0;}
.step ul#step2{ background-position:0 -40px;}
.step ul#step3{ background-position:0 -80px;}
.step ul#step4{ background-position:0 -120px;}
.step ul li{ width:200px; height:30px; font-size:12px; line-height:30px; text-align:center;  display:block; float:left; }
.TiShi{ width:800px; height:50px; line-height:50px; font-size:12px; margin:20px auto;background: #FF9; border:solid 1px #F93; text-align:center}
.TiShi a{margin:0 2px; padding:3px 5px;; color: #d10000}
.TiShi a:hover{ background: #d10000; color: #fff;}
.cartList{margin: 20px auto;border: solid 1px #ddd;}
.item-row{display: table;}
.item-row .col{display: table-cell; vertical-align: middle;}
.cartList .cartListTitle{background: #ddd;}
.cartList .cartListTitle .col{padding:8px 10px; }
.cartList .item-row{border-bottom: solid 1px #ddd;}
.cartList .col{padding:5px; }
.cartList .col a{font-size: 15px; color: #333;}
.cartList .col a:hover{color: #d13600; text-decoration: underline;}
.cartList .col-1,.cartList .col-2{text-align: center;}
.g-pic {width:60px; height:60px; margin-left: 10px;}/*购物车图片尺寸*/
.Spinner{display:block;overflow:hidden;width:100px;margin:0 auto}/*数量加减*/
.Spinner .Amount{width:30px;height:17px;padding:4px;line-height:17px;border:solid 1px #d9d9d9;border-radius: 20px;margin:0 3px;float:left;text-align:center;color:#333; font-size: 12px; outline:0;}
.Spinner a{display:inline-block;width:25px;height:25px;border:1px solid #d9d9d9;border-radius: 20px;background-color:#f7f7f7;float:left;cursor:pointer;outline:0;}
.Spinner a i{font-style:normal;background:url(images/BuynBtn.png) no-repeat;display:block;width:9px;height:9px; margin:8px;text-indent:999999%;overflow:hidden;}
.Spinner .Decrease i{background-position:-9px -9px;}
.Spinner .Increase i{background-position:-9px -0px;}
.Spinner .DisDe i{background-position:-0px -9px;}
.Spinner .DisIn i{background-position:-0px -0px;}

.checkout-price { float: right; text-align: right; color: #333; min-width: 300px; padding: 20px;}
.checkout-price ul { margin-bottom: 20px }
.checkout-price li { line-height: 2; text-align: right }
.checkout-price li span { display: inline-block; min-width: 130px; _width: 150px; color: #d13600 }
.checkout-price .checkout-total {  *line-height:1}
.checkout-price .checkout-total span { display: inline-block; min-width: 180px; _width: 150px; color: #d13600 }
.checkout-price .checkout-total span strong { margin-right: 5px; font-size: 30px; font-weight: normal; white-space: nowrap }
/*按钮*/
.btn { display: inline-block;  *display:inline; *zoom:1;margin-bottom: 0; font-size: 14px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; background-color: #fff; border: 1px solid #ff4a00; color: #ff4a00; padding: 0; width: 148px }
.btn:hover, .btn:focus { color: #fff; outline: 0; text-decoration: none; background-color: #ff4a00 }
.btn.active, .btn:active { outline: 0; background-color: #ff4a00; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); box-shadow: inset 0 2px 4px rgba(0,0,0,.15) }
.btn.disabled, .btn[disabled] { cursor: default; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #e5e9ec; background: #ccd0d9 }
.btn-primary { background-color: #ff4646; border-color: #ff4a00; color: #fff }
.btn-primary:hover, .btn-primary:focus, .btn-primary.active, .btn-primary:active { color: #fff; border-color: #ee330a; background-color: #ee330a }
/*会员注册登录*/
.sign-body{ padding:30px 0 30px 60px; font-size:14px; font-weight:100;}
.sign-body h2{ font-size:20px; font-weight:bold; color:#629c38; margin-bottom:20px;}
.sign-body table td,.sign-body table th{padding:6px 10px; font-size: 14px; line-height: 24px; font-weight:100; }
.sign-body table th{ text-align:right;}
.sign-body input.inp{ width:240px; height:36px; line-height:36px; font-size:18px;padding:0px 5px;}
.sign-body input{ padding:5px 10px;}
.sign-body a{ color:#336699; text-decoration:underline;}
.sign-body a:hover{ color:#c80000; text-decoration:none;}
.sign-right{ width:450px; padding:0 0 20px 40px; border-left:dashed 1px #ccc; margin-top:20px; min-height:200px;}
.sign-right h2{ font-size:16px; font-weight:bold; color:#444; margin-bottom:10px;}
.sign-right .text{ padding:5px; margin-bottom:10px;}
.sign-right .text p{background: url(images/bot.gif) left 10px no-repeat; padding:0 0 0 10px; font-size:12px; line-height:24px;}
.sign-right i a { width: 150px; height: 30px; float: right; margin: 3px 0 0 0; padding: 0; border: 0; background-color: #F77F00; display: block; height: 30px; width: 150px; float: right; text-decoration: none; color: #fff; line-height: 30px; text-align: center; letter-spacing: 2px; font-size: 14px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; }
.sign-right i a:hover{ background:#fb7403}
/*会员中心*/
.memNav{ width: 180px;margin-top:-20px;}
.memNav ul{padding:20px 0 0 0}
.memNav ul li{border-bottom:solid 1px #ddd;font-size: 15px;}
.memNav ul li a{display:block; padding: 10px 0px 10px 20px;line-height: 1.2rem;color: #333;}
.memNav ul li a .iconfont{font-size:25px; float: left; margin-right:10px; color: #000}
.memNav ul li:nth-child(1) a .iconfont{color:#b58571}
.memNav ul li:nth-child(2) a .iconfont{color:#aa72d2}
.memNav ul li:nth-child(3) a .iconfont{color:#f56293;}
.memNav ul li:nth-child(4) a .iconfont{color:#aa72d2;}
.memNav ul li:nth-child(5) a .iconfont{color:#97b921;}
.memNav ul li:nth-child(6) a .iconfont{color:#f56293;}
.memNav ul li:hover{background: #eee}
.memNav ul li a.cur{background: #764738; color: #fff;}
.memNav ul li a.cur .iconfont{color: #fff;}
.memContact{width:1000px; border-left: solid 1px #ddd; padding:10px 0 30px 19px;margin-top:-20px;min-height:300px;}
.myCounts{ border-bottom: solid 1px #ddd;border-top: solid 1px #ddd; padding: 35px 0; height: 20px;}
.myCounts ul{float:left; position: relative; left:50%}
.myCounts ul li{float:left; position: relative; right:50%;padding: 0 40px; border-right: solid 1px #ddd;}
.myCounts ul li .badge{ top: -10px; right: 10px;}
.myCounts ul li .iconfont{font-size:2rem; margin-right:5px; color: #555; float: left;}
.myCounts ul li:nth-child(3) { border-right: 0;}
.myCounts ul li:nth-child(1) .iconfont{color:#F7774A}
.myCounts ul li:nth-child(2) .iconfont{color:#92CF68}
.myCounts ul li:nth-child(3) .iconfont{color:#FCC954}
.myCounts ul li a{ display:inline-block; line-height: 20px; font-size: 18px; color: #333; padding: 5px;}
.myCounts ul li a:hover{ background: #eee;}
/*联系方式*/
#Contact{ padding:10px 0 20px 0;}
#Contact h3{ font-size:20px; padding:15px; margin-bottom:10px;color:#764738; border-bottom:solid 1px #ccc}
#Contact .text{ float:left; padding:0 0 0 20px; width:460px; position: relative}
#Contact .text p{}
#Contact .map{ width:700px; float:right}
#Contact .map #gaodi-map{ width:700px; height:500px; border:solid 1px #ccc;}
.mapInfo {padding:5px; width: 260px;}
.mapInfo h4{ font-size:18px; padding:5px 10px; margin-bottom:5px; color:#764738; border-bottom:solid 1px #ccc}
.mapInfo p {font-size: 12px; line-height: 1.5rem; color: #333}
#Contact .text .Qrcode{position: absolute; top: 40px;right:0px;}
.Qrcode{ width:140px; margin-top:20px;}
.Qrcode ul li{ width:120px; float:left; padding:10px;}
.Qrcode ul li img{ width:120px; height:120px; margin:0; display:block}
.Qrcode ul li p{ font-size:14px; line-height:20px; color:#111; text-align:center; text-transform:capitalize}
/*banner*/
#swiperPic{ position:relative; width:100%;}
#swiperPic #slider{ height:450px; overflow:hidden;}
#swiperPic #slider li{ position:absolute; left:0; top: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:#c61225;filter:alpha(opacity=100);opacity:1; width:30px; height:10px;}
#swiperPic,
#swiperPic #slider,
#swiperPic #slider li{ height:600px; }
/*图片列表*/
.imgList ul li { float: left; margin:10px 20px 10px 0; padding:0px; overflow:hidden; position:relative;transition: all .2s ease-out; border-radius:3px; background:#fff;}
.imgText{border: solid 1px #ddd; border-top: 0; border-radius: 5px; padding: 5px 9px;}
.imgText h4 { font-size: 16px; text-align: left; display:inline-block; text-transform:uppercase; padding:5px 0;}
.imgText h4 a { color: #333; width: auto; height: auto !important}
.imgText h4 a:hover { color: #d13600; text-decoration: underline;}
.Price { font-size: 15px; text-align: left; color: #d13600;display:block; text-transform:uppercase; padding:8px 0; margin-top:-5px; height: 40px;line-height: 40px;}
.Price span{ font-size:20px; font-weight:bold; margin-left: 10px;}
.addCart{height:40px; line-height:40px;border-radius: 3px; text-align:center; cursor:pointer;background:#d13600; color:#ffdacc;padding:0 15px;}
.addCart .iconfont{ font-size:20px;}
.Price .addCart{float:right;  width:40px;padding:0;}
.info td .Price .addCart{ width: 150px;float: none; display: inline-block; margin: 0 0 0 20px}
.info td .Price{margin:0; padding: 0; }
.imgList li a { float: left; overflow: hidden; position: relative; text-align: center;}
.imgList li a img { position: relative; vertical-align: text-top; background:url(js/fancybox_loading.gif) center center no-repeat;}
.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) }
.Images { width:1200px; margin:0px auto}
.Images ul { width:1220px; padding:0 0 20px 0}
.ProList ul li{ width: 224px;}/*产品列表*/
.ProList ul li a { width: 224px; height: 224px;}
.ProList .imgText h4 a{ width: 204px !important; display: block}
.HonorList ul li{ width: 183px; height: 170px}/*荣誉列表*/
.HonorList ul li a { width: 183px; height: 114px;}
.HonorList ul li a img { min-height: 114px;}
.HonorList .imgText{padding:10px; border: 0}
.HonorList .imgText h4 a{ width: 163px !important; display: block}
.VMiddleImg,.VMiddleImg a {float: left;  overflow: hidden; text-align: center; position: relative; }/*单张*/
.VMiddleImg a img,.VMiddleImg img {position: relative; vertical-align: text-top; }
.hd.PicPage a{}/*切换页码*/
.hd.PicPage{}
.hd.PicPage ul{ margin:20px 0; 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:#d13600; 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; }
/*产品详细*/
.pro_detail{ padding:20px 0}
.pro_detail_img{width:540px; float:left; position: relative; overflow: hidden;}
.pro_detail_img_body li { margin:0 !important; padding:0px !important;}
.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,
.pro_detail_img_body ul li a { width: 540px; height: 540px;}
.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:#6e331f; border-color:#6e331f;width:15px;}
.pro_detail_img .hd ul{ float:left; padding:8px 0 8px 15px;}
.pro_detail_text{ width: 600px; float:right;}
.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:uppercase }
.pro_detail_text .info td {padding: 5px 10px; color:#555;  text-transform:uppercase}
.pro_detail_text .info td span.red { color: #f00; }
.pro_detail_text .info tr{ border-bottom: solid 1px #ddd; }
.pro_category{margin-top:15px;}
.pro_category table{ margin:10px auto; width:90%;}
.pro_category td{ font-size:14px; font-weight:bold; text-align:center; width:30%;}
.pro_category 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}
.pro_category a:hover{ background:#6e331f; color:#fff; border-color:#6e331f;}
/*新闻*/
.news_con{}
.news_con ul{ padding:1px;}
.news_con ul li{ font-size:14px; border-bottom:dashed 1px #ddd; padding:8px 6px 8px 20px; background:url(images/bot_black.gif) 10px 17px no-repeat;}
.news_con ul li a{ color:#333;}
.news_con ul li a span.spanleft{ width:660px; cursor:pointer;}
.news_con ul li a:hover{ color:#f30; text-decoration:underline;}
.news_con ul li span.time{ float:right; font-size:11px; color:#777; padding-right:10px;}
.news-list{border-bottom:dashed 1px #ddd; padding:10px 15px 15px 15px}
.news-list h4{ font-size:16px; line-height:20px; margin:8px 0;}
.news-list h4 a{ color:#333; text-decoration:none; font-weight:bold;}
.news-list h4 a:hover{ color:#d13600; 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; margin-bottom: 15px;}
.news-list:hover span.time{ background:#d13600; color:#eee;}
.news-list:hover .detailed a{ background:#eee;}
.news-list .news-img{ float:left; margin-right:25px;}
.news-imgImg, .news-imgImg a {width:260px; height:140px}}/*新闻图片尺寸*/
.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:#d13600; color:#fff; border-color:#d13600}
.article{ padding:10px; margin-bottom:20px; border: solid 1px #ddd; border-top: 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"; background:#fff; padding:15px 0}
.article ul li{font-size:16px; padding:25px; line-height:26px; color:#444;}
.article p.publish{ border-bottom:solid 1px #eee; font-size:12px; line-height:20px; padding:10px 0; margin: 0 25px; text-align:center; color:#222;background:#f0f0f0}
.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}
/*页码*/
.page{ padding:15px 0px;}
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {font-family:Microsoft Yahei, tahoma;}
.page table td .iconfont{ font-size:14px;}
.page table td input{padding:2px 4px; width:30px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.page table td a.current,.Mpage table td a.current:hover { color:#fff; background:#666; border-color:#666; cursor:default }
.page table td a:hover { color:#fff; background:#222; }
/*滑动联系*/
.toolbar { position: fixed; z-index: 10000; width: 50px; right: 0; bottom:1%;transition: all 0.2s ease-out; }
.toolbarBody{position:absolute;bottom:10%;}
.toolbarBody ul{}
.toolbarBody ul li { background: #666; width: 50px; height: 50px; margin-top: 10px; text-align: center; cursor: pointer; position: relative; transition: all 0.2s ease-out;}
.toolbarBody ul li .iconfont{font-size: 1.5rem; line-height: 50px;color: #fff;}
.toolbarBody ul li .PoPtoolbarBody{ position: absolute; background: #d13600; color: #fff; height: auto; right: 60px; bottom:0;padding: 10px 20px 10px 10px;text-overflow: ellipsis; white-space: nowrap; box-shadow: -5px 1px 10px 0 rgba(0,0,0,.19); opacity: 0; display: none; width: 0; transition: all 0.2s ease-out; }
.toolbarBody ul li .PoPtoolbarBody p{ font-size:18px; line-height: 30px;}
.toolbarBody ul li:hover{ background: #d13600; width: 60px;margin-left:-10px;}
.toolbarBody ul li:nth-child(3):hover{ width: 50px;margin-left:0px;}
.toolbarBody ul li:hover .PoPtoolbarBody{ opacity: 1; display: block; width: auto}
.toolbarBody ul li .PoPtoolbarBody.toolbar_Qrcode_body{padding:0; margin-top:-50px;height: 160px; background: #fff;bottom:auto}
.toolbar_Qrcode_body ul li{ float:left; padding: 0 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}
.indPro.ArrowBlock2 .hd.PicPage a{ top: 25%}
.ind_new_wrap{position: relative}
.ind_new_wrap.ArrowBlock2 .hd.PicPage a{ top: 15%}
.ind_new_body{ width:1200px;overflow: hidden;}
.ind_new_body ul{ width:1230px;}
.ind_new_body ul li{ float:left; width:380px;margin-right:28px;border: solid 1px #ddd;}
.ind_new_body ul li .news-list{ width:380px; border-bottom:0; padding:0px;}
.ind_new_body ul li .news-list h4 span.time{ display: none}
.ind_new_body ul li .news-list .news-img{ float:none;margin: 0;}
.news-imgInd, .news-imgInd a {width:380px; height:150px}/*首页新闻图片尺寸*/
.ind_new_body ul li .news-list .detailed{ float:none; margin:10px auto; text-align:center;}
.ind_new_body .news-list h4 a,
.ind_new_body .news-list p{padding: 0px 20px 0 20px}

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