﻿ @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{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}
.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:#f2f2f2;}
#header{ width:100%; height:100px; background:#fff; }
.wrapper{ width:1200px; margin:0 auto;}
.logo{ background:url(images/logo.png) no-repeat; width:420px; height:100px;}
.header_qrcode{ padding-left:90px; padding-top:5px}
.header_qrcode .Qrcode{ margin:0; width:110px; height:90px; overflow:hidden;}
.header_qrcode .Qrcode ul li{ padding:0 5px; width:90px}
.header_qrcode .Qrcode img{ width:90px; height:90px;}
.headerTel{ font-size:24px; color:#e4663f; text-align:right; padding-top:35px} 
.headerTel .iconfont{ color:#e4663f; font-size:1.8rem; line-height:2rem;}
.icon-header_tel:before{ margin-top:10px;}
.headerTel .iconfont span{ color:#e4663f; font-size:22px; margin-left:5px; margin-top:-20px; display:inline-block;}

#nav{ background:#00825c; height:40px;}
.nav{ position:relative; z-index:1; height:40px; margin-top:25px;}
.nav ul{}
.nav .nLi{ float:left;display:inline; line-height:40px; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; font-size:15px; color: #333; text-transform:uppercase; padding: 0 5px; margin: 0 15px; overflow:hidden; border-bottom:solid 4px #fff}
.nav .on h3 a{ color:#b91e41; border-bottom-color: #d15470;}
.nav .sub{ display:none; position:absolute; top:43px; margin-left:-11px;  border:solid 1px #ddd;  background:#fff;}
.nav .sub li{ zoom:1; display:block; }
.nav .nLi .sub a{ padding:5px 0px; width:120px;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:hover{ background:#f0f0f0; color:#000;  }
#nav .fr{ position:relative; z-index:2}
#nav .fr a{ display:block; padding:0 30px; line-height:40px; background:#c39858; color:#fff;}
#nav .fr a:hover{background:#a16c1e;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.box{ background:#fff;}
.box h2{ font-size:23px; color:#00825c; line-height:2em; padding:0px 0 5px 15px; border-bottom:solid 1px #ddd; position:relative;}
.box h3{ color:#00825c; font-size:18px; line-height:1.2rem; padding:0px 0 10px 10px; margin-bottom:5px; position:relative;}
.box h3 span{ color:#777; margin-left:5px; font-size:12px;}
.box h3 span em{ margin-left:5px;}
.box h3 .more{ position:absolute; top:5px; right:3px;}
.box .place{ position:absolute; font-weight:100; font-size:12px; top:0px; right:5px;}
.box .text{ padding:20px;}
.box .text img{ max-width:940px;}
.title{ height:80px; width:100%; position:relative; margin:10px auto;}
.title .title_line{ width:100%; height:1px; position:absolute; background:#999; left:0px; bottom:23px;}
.title h1{ font-size:30px; color:#00955b; line-height:40px; height:40px; text-align:center; letter-spacing:3px;}
.title h2{ font-size:15px; position:relative;z-index:2;  display:table; margin:0 auto; background:#fff; padding:0 20px; line-height:30px; color:#888; text-transform:uppercase}
.more { font-size:12px; font-weight:100; overflow:hidden; }
.more a { color:#333;}
.more a:hover { color:#111; text-decoration:underline;}
.more .iconfont{ margin-left:5px; font-size:12px;}
.place{font-size:12px; font-weight:100; color:#333; text-transform:capitalize}
.place a{ color:#333; text-decoration:underline; margin-left:5px;}
.place a:hover{ color:#e0081c; text-decoration:none;}
.place .iconfont{ margin:0 5px; font-size:14px;}
.text{ padding:0px;}
.text p{ color:#444; font-size:14px; line-height:1.8rem;font-family: Microsoft Yahei; white-space: normal !important}
.text h4{padding:15px 0px 5px 0; display:inline-block;color:#20a479; font-size:17px; font-weight:bold;}
.text table.table{ width:800px; margin:15px auto;}
.text table.table td{ border:solid 1px #ddd; padding:5px 8px; font-size:12px; line-height:1.2rem; color:#222;}
#main{background:#fff; padding:10px 0}
.side{ width:200px;}
.sidenav{ background:#00955b;}
.sidenav h3{font-size:20px; color:#fff; padding:20px 0 20px 20px;}
.sidenav ul{ padding:0 0 50px 10px;}
.sidenav ul li{ }
.sidenav ul li a{ display:block; padding:5px 5px 5px 20px; border-bottom:solid 1px #33aa7c; color:#fff; border-radius:20px 0 0 20px;}
.sidenav ul li a .iconfont{ font-size:12px; margin-right:10px;}
.sidenav ul li a:hover{ background:#33aa7c;}
.sidenav ul li a.cur{ background:#fff; color:#00955b;}
.content{ width:980px;}
#footer{ padding:5px 0; margin-top:10px;}
#footer p{  font-size:12px; line-height:1.5rem; color:#333;}
#footer a{ color:#333; }
#footer a:hover{}
.copyright{ background: url(images/bzimg.png) left top no-repeat; min-height:110px;}
.copyright .text{padding:10px 0 0 310px;}
.copyright p{ line-height:2rem;text-align:left;}
#Contact{ padding:20px}
#Contact h3{ font-size:20px; padding:15px; color:#339b7d; border-bottom:solid 1px #ccc; margin-bottom:10px;}
#Contact .text{ float:left; padding:10px; width:500px;}
#Contact .text p{}
#Contact .map{ width:600px; float:right}
#Contact .map #gaodi-map{ width:600px; height:450px; border:solid 1px #ccc;}
.map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#1667a1; font-weight:bold;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
.Qrcode{ width:260px; margin-top:20px;}
.Qrcode ul li{ width:110px; float:left; padding:10px;}
.Qrcode ul li img{ width:110px; height:110px; 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: 20px; 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:40px; height:10px;}
#swiperPic,
#swiperPic #slider,
#swiperPic #slider li{ height:850px; }
#swiperPic.main_switch,
#swiperPic.main_switch #slider,
#swiperPic.main_switch #slider li{ height:400px; }
/*图片列表*/
.imgList li { float: left; margin:10px 20px 10px 0; padding:9px; border:#ddd solid 1px; overflow:hidden; position:relative;transition: all .2s ease-out; border-radius:3px; background:#fff;}
.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;}
.imgList ul li .imgName { font-size: 16px; text-align: left; color: #333; display:inline-block; text-transform:uppercase; background:#f2f2f2; padding:8px 10px;}
.imgList ul li .Price { font-size: 15px; text-align: left; color: #f40;height:60px; line-height:60px; display:inline-block; text-transform:uppercase; background:#ffdacc; padding:0 0 0 20px; margin-top:-5px;}
.imgList ul li .Price span{ font-size:23px; font-weight:bold; margin-left: 10px;}
.imgList ul li .Price .addCart{float:right;  width:60px; height:60px; line-height:60px; text-align:center; cursor:pointer;background:#f40; color:#ffdacc;}
.imgList ul li .Price .addCart .iconfont{ font-size:30px;}
.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{ color:#f00; font-weight:bold;}
.Images { width:970px; margin:10px auto}
.Images ul { width:990px; padding:8px 0 15px 0}
.proList ul li{width: 290px;}/*产品*/
.proList ul li .imgImg{width: 290px;height: 290px;}
.proList ul li .imgImg img{max-width: 290px; max-height: 290px;}
.proList ul li .imgName,.proList ul li .Price{width:270px;}
.honor ul li{width: 290px;}/*荣誉*/
.honor ul li .imgImg{width: 290px;height: 260px;}
.honor ul li .imgImg img{max-width: 290px; max-height: 260px;}
.honor ul li .imgName{width:270px;}
.teaGarden ul li{width: 290px;}/*茶园*/
.teaGarden ul li .imgImg{width: 290px;height: 163px;}
.teaGarden ul li .imgImg img{max-width: 290px; max-height: 163px;}
.teaGarden ul li .imgName{width:270px;}
/*产品详细*/
.pro_detail{ padding:20px 0; width:1200px; margin:0 auto}
.pro_detail_img{width:600px; float:left; border: solid 1px #ddd; padding:4px 9px;}
.pro_detail_img_body li { margin:0; padding:0px; 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,.pro_detail_img_body ul li .imgImg{width: 600px; height: 450px;}
.pro_detail_img_body ul li .imgImg img{max-width: 600px; max-height: 450px;}

.pro_detail_img .hd{margin:15px auto 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:#C61225; border-color:#C61225;}
.pro_detail_img .hd a{ display:inline-block; width:25px; height:25px; border:solid 1px #ccc; color:#222; text-align:center; cursor:pointer;}
.pro_detail_img .hd a .iconfont{ font-size:14px; line-height:25px;}
.pro_detail_img .hd a:hover{ color:#fff; border-color:#C61225; background:#C61225;}
.pro_detail_img .hd a.prev{ float:left;}
.pro_detail_img .hd a.next{ float:left;}
.pro_detail_img .hd ul{ float:left; padding:8px 0 8px 15px;}
.pro_detail_text{ width: 540px; float:right;}
.pro_detail_text h4{ font-size:18px; font-weight:bold; color:#00825c; padding:20px 0 15px 30px; margin:0; border-bottom:solid 1px #ddd;}
.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:middle; text-transform:uppercase }
.pro_detail_text .info td {padding: 5px 10px; color:#555;  text-transform:capitalize}
.pro_detail_text .info td .Price { font-size: 15px; color: #f40; float: left; margin-top: 10px;}
.pro_detail_text .info td .Price span{ font-size:23px; font-weight:bold; margin-left: 10px;}
.pro_detail_text .addCart{ width:150px; height:45px; cursor:pointer;background:#f40; color:#ffdacc; border-radius:5px;transition: all .2s ease-out; float: left; margin-left: 15px;}
.pro_detail_text .addCart span{font-size: 16px; font-weight: bold; line-height: 45px; margin-left:20px; display:block; float: left;}
.pro_detail_text .addCart .iconfont{ font-size:26px;line-height:45px; float: left; margin-left: 5px;}
.pro_detail_text .addCart:hover{ background:#f20;}
.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; text-decoration:none;}
.pro_category a:hover{ background:#00955b; color:#fff; border-color:#00955b;}
/*新闻*/
.news-list{border-bottom:dashed 1px #ccc; padding:10px 0 15px 0}
.content .news-list{ padding:10px 15px 15px 15px}
.news-list h4{ font-size:16px; line-height:20px; margin:8px 0;}
.news-list h4 a{ color:#009900; text-decoration:none; font-weight:bold;}
.news-list h4 a:hover{ color:#ff3300; 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:#20a479; color:#eee;}
.news-list:hover .detailed a{ background:#eee;}
.news-list .news-img{ float:left; margin-right:15px;}
.news-list .news-img img{ width:160px; height:120px;}
.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:#087451; color:#fff; border-color:#087451}
.news p{ border-bottom:dashed 1px #ccc; padding:5px 0 5px 15px; background:url(images/bot_black.gif) 5px 14px no-repeat;}
.news p a{ color:#333;}
.news p a:hover{ color:#ff3300;}
.article{ padding:10px 0; 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:15px 25px; line-height:26px; color:#444;}
.article ul.articlepicul li{ padding:10px 0px; text-align:center; width:720px;}
.article ul.rslides_tabs li{ padding:0px;}
.article p.publish{ font-size:12px; line-height:20px; padding:10px 0; text-align:center; color:#222;background: #f7f7f7; margin: 0 30px}
.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: 800px; _width: expression(this.width > 800 && this.width > this.height ? 800 :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: 100000020; width: 35px; height: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; right: 0; top: 0; bottom: 0; background-color: #eee; -webkit-transform: translate3d(0, 0, 0); }
.toolbar_space{ height:25%; display: block}
.toolbar_split{width: 60%; margin: 0 auto; border-bottom: 1px dotted #bbb;}
.toolbar_tel{text-align: center; width: 35px; margin: 15px auto}
.toolbar_tel .iconfont{ color:#00955b}
.toolbar_tel ul li{width: 35px; height: 35px; display: block;}
.toolbar_tel ul li .toolbar_tel_body{ display: none; position: absolute; background: #fff; right: 35px; margin-top: -8px; padding: 10px 20px;text-overflow: ellipsis; white-space: nowrap; box-shadow: -5px 1px 10px 0 rgba(0,0,0,.19);}
.toolbar_tel ul li .toolbar_tel_body p{ font-size:18px; line-height: 2rem;}
.toolbar_tel ul li:hover{ background: #fff;}
.toolbar_tel ul li:hover .toolbar_tel_body{ display:block}
.toolbar_Qrcode{text-align: center; width: 35px; margin: 15px auto}
.toolbar_Qrcode .iconfont{ color:#00955b}
.toolbar_Qrcode ul li{width: 35px; height: 35px; display: block;}
.toolbar_Qrcode ul li .toolbar_Qrcode_body{ display: none; position: absolute; background: #fff; right: 35px; margin-top: -130px; padding: 5px; box-shadow: -5px 1px 10px 0 rgba(0,0,0,.19); overflow: hidden;}
.toolbar_Qrcode_body ul li{ float:left; padding: 0px 0 10px 0;width:120px; height:140px;}
.toolbar_Qrcode_body ul li img{width:120px; height:120px; display:block;}
.toolbar_Qrcode_body ul li p{ font-size:12px; line-height: 20px}
.toolbar_Qrcode ul li:hover{ background: #fff;}
.toolbar_Qrcode ul li:hover .toolbar_Qrcode_body{ display:block}
.toolbar_cart{text-align: center; cursor:pointer; padding:5px 0 15px 0}
.toolbar_cart a{display:block;}
.toolbar_cart:hover{background:#fff;}
.toolbar .iconfont{ font-size: 25px; line-height: 35px;}
.toolbar_cart_text { width: 20px; height: 50px; line-height: 16px; padding: 0; margin: 0 auto; color:#444; z-index: 2 }
.toolbar_cart_badge{ border-radius: 10px; background-color: #f40; color: #fff; width: 22px; height: 22px; line-height: 22px;font-size:10px; -webkit-transform:scale(0.83); text-align: center; margin: 0 auto;}
.layui-layer, .layui-layer-shade{z-index: 999999}
#toolbar_cart_body{ width: 200px; height: 100%; background: #fff;position:absolute;top:0px;right:-210px;box-shadow: -5px 1px 10px 0 rgba(0,0,0,.09);}
#toolbar_cart_body  h3{ font-size: 26px; color: #f40; padding:30px 0 20px 20px;}
#toolbar_cart_body .toolbar_cart{ position: absolute; top: 10px; right: 0px; width:70px; height:35px;}
#toolbar_cart_body .toolbar_cart .iconfont{ color:#f00}
#toolbar_cart_body .toolbar_cart_body{height: 70%; overflow: auto;}
.toolbar_cart_body .cartProList{ width:150px;}/*购物车内产品*/
.toolbar_cart_body .cartProList.Images { width:170px;overflow: hidden;}
.toolbar_cart_body .cartProList.Images ul { width:170px; }
.toolbar_cart_body .cartProList ul li{width: 175px;float: none; padding: 0}/*购物车内产品*/
.toolbar_cart_body .cartProList ul li a{float:left;}
.toolbar_cart_body .cartProList ul li .imgImg{width: 80px;height: 60px;float:left;position:relative}
.toolbar_cart_body .cartProList ul li img{width: 80px; height: 60px;}

.cartProList ul li a em {position:absolute;left:0px;top:0px;font-style:normal;background:#f40;border-radius:50%;min-width:20px;height:20px; text-align: center; line-height:20px;z-index:1;color:#fff;font-size:12px}
.cartProList ul li .imgName,.cartProList ul li .Price{width:90px;}
.toolbar_cart_body .imgList ul li {  margin:5px 10px 5px 0; width: 175px; }
.toolbar_cart_body .imgList ul li .imgName { font-size: 12px; padding:0 2px; height:30px; line-height:30px;}
.toolbar_cart_body .imgList ul li .Price { font-size: 12px; height:30px; line-height:30px; padding:0 0 0 5px; margin-top:-5px;}
.toolbar_cart_body .imgList ul li .Price span{ font-size:12px; margin-left: 2px; }
.toolbar_buy{ padding:50px 10px;}
.toolbar_buy input.btn_submit{ background:#f40; width:180px; height:50px; line-height:50px; color:#fff; text-align:center; letter-spacing:5px; border:0; font-size:24px; cursor:pointer;}
.toolbar_buy input.btn_submit:hover{ background:#f60}
.toolbar_buy input.btn_clear{margin-top:10px; background:#ccc; width:180px; height:50px; line-height:50px; color:#fff; text-align:center; letter-spacing:5px; border:0; font-size:24px; cursor:pointer;}
.toolbar_buy input.btn_clear:hover{ background:#bbb}

.backtop{  width:35px; height:35px; display:block; position: absolute; bottom: 0; cursor: pointer; text-align: center; background: #00825c;}
.backtop .iconfont{ font-size:30px; color:#fff}
/*首页*/
#col_one{ padding:20px 0}
#col_one .title h2{ background: #f2f2f2;}
.indPic{ position:relative;}
.indPicBody{ width:1200px;}
.indPicBody ul{ width:1220px;}
.indPicBody ul li{width: 265px;}/* 首页推荐产品*/
.indPicBody ul li .imgImg{width: 265px;height: 265px;}
.indPicBody ul li .imgImg img{max-width: 265px; max-height: 265px;}
.indPicBody ul li .imgName,.indPicBody ul li .Price{width:245px;}


.indPic .hd a{ display:none;}
.indPic .hd{ height: 20px;margin-top:20px;}
.indPic .hd ul{ padding:5px 0 8px 15px; float:left; position:relative; left:50%;}
.indPic .hd ul li{ float:left; position:relative; right:50%;text-indent:-90090px; width:10px; height:10px; border:solid 1px #ccc; background:#fff;  margin-right:10px; border-radius:5px; cursor:pointer;transition: all 0.5s ease-out;}
.indPic .hd ul li.on{ background:#C61225; border-color:#C61225; width:30px;}

#col_two{ padding:20px 0; background:#fff;}
.col_two_one{width:480px;}
.col_two_one .text{ height:270px; overflow:hidden; margin-bottom: 30px;}
.col_two_one .box .text{ padding:10px 0}
.col_two_one .ind_co{}
.col_two_one .ind_co p{ line-height: 1.2rem; color: #555;}
.col_two_two{ width:680px;}
.ind_new_wrap{ position:relative; width:660px; height:295px;}
.ind_new_wrap .ind_new_body{}
.ind_new_wrap .ind_new_body .news-list span.time,.ind_case_body .news-list span.time{ display:none}
.ind_new_wrap .hd{ position:absolute; left:200px; top:0px; margin-top:-30px; width:400px;}
.ind_new_wrap .hd ul li{ text-indent:-90090px; width:9px; height:9px; border:solid 1px #ccc; float:left; margin-right:10px; border-radius:5px; cursor:pointer;}
.ind_new_wrap .hd ul li.on{ background:#C61225; border-color:#C61225;}
.ind_new_wrap .hd a{ display:inline-block; width:20px; height:20px;color:#222; text-align:center; cursor:pointer;}
.ind_new_wrap .hd a .iconfont{ font-size:1rem;}
.ind_new_wrap .hd a:hover{ color:#C61225;}
.ind_new_wrap .hd a.prev{ float:left;}
.ind_new_wrap .hd a.next{ float:left;}
.ind_new_wrap .hd ul{ padding:3px 0 8px 15px; float:left;}



.col_three{ width:200px; }
.col_four{ width:890px;}
.col_four .box{ padding-top:15px;}
.col_four .box .title{  width:840px;}
.col_four .text{ height:145px; overflow:hidden; margin-bottom:25px;}
.ind_case_wrap{ position:relative; padding-bottom:20px;}
.ind_case_wrap .hd{}
.ind_case_wrap .hd ul{ padding:5px 0 8px 15px; float:left; position:relative; left:50%;}
.ind_case_wrap .hd ul li{ float:left; position:relative; right:50%;text-indent:-90090px; width:9px; height:9px; border:solid 1px #ccc;  margin-right:10px; border-radius:5px; cursor:pointer;transition: all 0.5s ease-out;}
.ind_case_wrap .hd ul li.on{ background:#C61225; border-color:#C61225; width:30px;}
.ind_case_wrap .hd a{ display:none;}
.ind_case_body{ float:left; width:430px;}
.ind_case_body .news-list{ border:0px; margin:0 15px;}

.pop_login{padding:5px;background:#fff;}
.pop_login table{ width:100%;}
.pop_login table th{ padding:5px 0 5px 10px; font-weight:100; width:65px; text-align: right}
.pop_login table td{ padding:5px 10px}
.pop_login table td input.inp{ width:260px;height: 35px; border: 1px solid #d8d8d8; background: url(images/input.gif) no-repeat; padding: 0 5px; font: 14px/35px Tahoma, Geneva, sans-serif; color: #555; }
.pop_login table td input.btn_submit{ background:#f40; width:100%; height:40px; line-height:40px; color:#fff; text-align:center; letter-spacing:10px; border:0; font-size:17px; cursor:pointer;}
.pop_login table td input.btn_submit:hover{ background:#f60}

.flyer-img{display: block;width: 50px;height: 50px;border-radius: 50px;position: absolute;z-index: 9999;}
#msg{position:fixed; top:435px; right:37px; z-index:10000; width:1px; height:30px; line-height:30px; font-size:14px; text-align:center; color:#fff; background:#f40; display:none}