@charset "utf-8";
@import url("../plugins/lightbox/lytebox.css");
/* === All CSS  === */
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,dd,dt,dl{margin:0;padding:0;border:0;}body{font:12px/1.5 Helvetica,Arial,sans-serif;color:#666;}h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}input{vertical-align:middle;}table{border-collapse:collapse;}ul{list-style:none;}.clear{clear:both;height:0px;width:0px;overflow:hidden;}.clearfix:before,.clearfix:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0;}.clearfix{*zoom:1;}.abs{position:absolute;}.rel{position:relative;}.fix{position:fixed;}.fl{float:left;_display:inline;}.fr{float:right;_display:inline;}.wrap:before,.wrap:after{content:'.';display:block;clear:both;font-size:0;line-height:0;visibility:hidden;height:0;}.wrap{*zoom:1;}.wrap{width:1174px;margin:0 auto;}.section{overflow:hidden;}a{color:#666;text-decoration:none;}a:hover{color:#00a73c;text-decoration:none;}

/** Header **/
.headlist{ height:91px; background:#f0f0f0 url(/images/head_bg.jpg) repeat-x center top;}
.headlist .logo{ float:left; display:inline;}
.headlist .navigation{ float:right; display:inline;}
.navigation li{ float:left; display:inline; padding-left:3px; background:url(/images/head_fg_line.png) no-repeat left top;}
.navigation li a{ display:block; padding:0 39px; height:91px; line-height:91px; font-family:'Microsoft YaHei'; font-size:15px; color:#6d6e71;}
.navigation li a:hover{ color:#00a73c;}
.navigation li:first-child{ background:none;}
/** End Header **/

/** Footer **/
#hide{ text-align:center; display:block; position:absolute; right:10px; top:1px; font-size:14px; color:#fff; height:14px; line-height:14px;}
.ibrowser{ width:100%; position:fixed; bottom:0; left:0; z-index:9999999; font-size:14px; color:#fff; height:30px; line-height:30px; text-align:center; background-image:url(/images/ibrowser.png); background-position:top left; background-repeat:repeat;}
.ibrowser div{ width:100%; position:relative; overflow:hidden; height:30px;}
.ibrowser.dis{ display:none;}
#hide:hover{ cursor:pointer;}

.foot{ margin-top:48px; padding:20px 0; background:#ededed; overflow:hidden;}
.belowlist{ margin-top:30px; padding-bottom:20px; width:945px; border-bottom:1px solid #babbbb;}
.belowlist ul{ font-size:0; text-align:center;}
.belowlist li{ display:inline-block; *display:inline; *zoom:1; padding:0 50px;}
.belowlist li a{ font-family:'Microsoft YaHei'; font-size:15px; color:#6d6e71;}
.belowlist li a:hover{ color:#00a73c;}
.copyright{ margin-top:15px; text-align:center; -webkit-opacity:.5; opacity:.5; filter:Alpha(opacity=50);}
/** End Footer **/

/** Common **/
::-webkit-scrollbar-track-piece{width:5px; background-color:#eee}
::-webkit-scrollbar{width:5px;height:5px;background-color:#eee}
::-webkit-scrollbar-thumb{width:5px;background-color:#888; cursor:pointer;}
::-webkit-scrollbar-thumb:hover{width:5px;background-color:#666}
 body{margin:auto;min-width:1200px;}
.vcaption{ text-align:center; text-transform:uppercase;}
.vcaption h2{ font-size:28px; line-height:34px; color:#000;}
.vcaption .line{ margin:auto; margin-top:12px; width:250px; height:3px; background:#ededed; overflow:hidden;}
.vcaption .line span{ display:block; margin:auto; width:88px; height:3px; background:#00a73c;}

.videolist{ overflow:hidden;}
.videolist_{ width:108%;}
.videolist dl{ float:left; display:inline; margin-right:15px; margin-bottom:14px; width:282px; text-align:center;}
.videolist dt{ display:block; position:relative; height:158px; background:#fff; border:2px solid #000; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;}
.videolist dt img{ width:100%;}
.videolist dt .play{ position:absolute; left:50%; top:50%; margin-left:-17px; margin-top:-17px; width:34px;}
.videolist dd{ display:block; margin-top:5px; height:24px; font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

.left{ margin-top:24px; width:260px;}.right{ width:875px;}
.menulist .name{ padding:0 24px; height:58px; line-height:58px; font-size:18px; text-transform:uppercase; color:#fff; background:#76777a;}
.menulist .list{ padding:8px; border:1px solid #d1d3d4; position:relative; z-index:9;}
.menulist .list li{ display:block; padding:17px 5px 17px 14px; font-size:15px; line-height:25px; border-bottom:1px solid #aaa;}
.menulist .list li .link{ color:#808284;}
.menulist .list li.active .link,.menulist .list li .link:hover{ color:#00a73c; text-decoration:underline;}
.menulist .list li{ position:relative;}
.menulist .list dl{ position:absolute; left:216px; top:-1px; background:#f7f7f7; z-index:9;}
.menulist .list dt{ display:block; padding:10px 5px; padding-left:38px; width:150px; font-size:15px; line-height:25px; border-bottom:1px solid #aaa;}
.menulist .list dt .a{ color:#808284;}
.menulist .list dt.active a,.menulist .list dt a:hover{ color:#00a73c;}
.menulist .list li dl{ visibility:hidden; opacity:0;}
.menulist .list li:hover dl{ visibility:visible; opacity:1;}

.insidemain{ margin-top:45px;}
.breadcrumb{ margin-top:15px; height:41px; font-size:22px; line-height:36px; color:#000; text-transform:uppercase; border-bottom:3px solid #ededed;}
.breadcrumb span{ display:inline-block; height:41px; border-bottom:3px solid #00a73c;}
.aboutcont{ margin-top:24px;}
#amap-container{ margin-top:25px; height:450px; border:1px solid #eee;}

.messagelist{ margin:15px 0 0;}
.messagelist table{ width:100%; font:12px/1.5 Helvetica, Arial, 微软雅黑,"Microsoft YaHei", sans-serif;}
.messagelist table td{ height:40px; padding:0; text-align:left; border:1px solid #e6e6e6;}
.messagelist table td.td1{ padding-left:15px; width:80px; font-size:14px; color:#343434; background:#f2f2f2;}
.messagelist table td.td3{ padding-left:15px; width:410px; font-size:14px; color:#343434; background:#f2f2f2;}
.messagelist table input{ width:285px; padding:0 15px; font:14px/1.5 Helvetica, Arial, 微软雅黑,"Microsoft YaHei", sans-serif; color:#333; border:0 none; outline:0 none;}
.messagelist table .input6{ width:410px; height:140px; padding:10px 15px; font:14px/1.5 Helvetica, Arial, 微软雅黑,"Microsoft YaHei", sans-serif; color:#333; border:0 none; outline:0 none; resize:none;}
.messagelist .button{ margin:20px 0 0;}
.messagelist .button .sendbtn{ display:inline-block; width:80px; height:30px; font:14px/30px Helvetica, Arial, 微软雅黑,"Microsoft YaHei", sans-serif; text-align:center; color:#fff; background:#00a73c; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative;behavior:url(/js/pie.htc);}
.messagelist .button .cancelbtn{ display:inline-block; width:80px; height:30px; margin-left:20px; font:14px/30px Helvetica, Arial, 微软雅黑,"Microsoft YaHei", sans-serif; text-align:center; color:#fff; background:#808080; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative;behavior:url(/js/pie.htc);}

/* === Page CSS === */
.pagination{ margin:25px auto 0;}
.page{ padding:10px 0; line-height:normal; text-decoration:none; text-indent:0px; text-align:center;}
.page a{ display:inline-block; height:18px; padding:0 6px; margin:0 3px; font:12px/18px Arial,'Microsoft YaHei'; border:1px solid #999; *display:inline; *zoom:1; color:#666;}
.page .pagedefault{ color:#fff !important; background:#999 !important; border:1px solid #999;}
.page a:hover{ background:#999; color:#fff;}
.page .pageno,.page .pageall{ color:#666 !important; border:1px solid #999 !important; background:transparent !important;}
.page .pageno{ margin-left:8px;}

/* === 焦点图 === */
#jiaodian {margin:0 auto;width:100%;overflow:hidden;}
#slideshow {float:left;width:100%;margin:0px auto;position:relative;}
#slideshow a {float:left;width:100%;display:inline;}
#slideshow .img {left:0;top:0;position:absolute;width:100%;overflow:hidden;}
#slideshow .img a{float:left;width:100%;overflow:hidden;}
#slideshow .img img {float:left;width:1px;height:1px;}
#slideshow .img span {position:absolute;width:99999px;display:block}
#slideshow .btns {margin:0 auto;position:absolute;width:100%;text-align:center;height:25px;bottom:0;}
#slideshow .btns b {position:absolute;width:100px;display:block;height:10px;overflow:hidden;bottom:15px;left:50%;}
#slideshow .btns b i {width:10px;background:#414140;float:left;height:10px;font-size:0px;overflow:hidden;cursor:pointer;margin:0 3px;border:#414140 0px solid;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;behavior:url(/js/pie.htc);}
#slideshow .btns b i:hover {background:#a7a7a6}
#slideshow .btns b i.on {background:#fff;cursor:default}
#slideshow .btns b i.on:hover{background:#3cd2f1;cursor:default}
#slideshow .btns s {position:absolute;width:60px;height:80px;overflow:hidden;top:160px;cursor:pointer;display:none;}
#slideshow .btns s i {position:absolute;width:60px;background:url(../images/btn_slideshow.png);height:160px;}
#slideshow .btns s.prev {left:0px;}
#slideshow .btns s.prev i{top:-80px}
#slideshow .btns s.next {right:0px}
.slideshow-hover#slideshow .btns s {display:block}
#allmap{width:100%;height:500px;}
.BMap_bubble_content{min-width:400px;}
.BMap_bubble_content h4,.BMap_bubble_title{font-family:微软雅黑;font-size:15px;color:#CC5522}
/* === Product List Page CSS === */
.gridlist{ margin:auto; width:1174px; overflow:hidden;}
.gridlist ul{ width:110%;}
.gridlist li{ float:left; display:inline; margin-top:38px; margin-right:29px; width:372px;}
.gridlist .gridimge{ display:block; width:370px; height:320px; background:#f5f5f5; border:1px solid #f5f5f5;}
.gridlist .gridcell{ display:table-cell; width:370px; height:320px; vertical-align:middle; text-align:center;}
.gridlist .gridcell img{ max-width:370px; max-height:320px;}
.gridlist .gridtext{ display:block; height:64px; line-height:64px; font-size:22px; text-align:center; text-transform:uppercase; color:#00a73c; border:1px solid #f5f5f5; border-top:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.gridlist .gridlink{ position:relative; top:-10px; display:block; margin:auto; width:64px; height:22px; line-height:22px; font-size:14px; text-align:center; color:#fff; background:#00a73c;}

.pro_list{ overflow:hidden;}
.pro_list ul{ width:110%;}
.pro_list li{ float:left; display:inline; width:280px; margin-top:28px; margin-right:17px; text-align:center; background:#fff; overflow:hidden;}
.pro_list .pro_imge{ height:260px; padding:9px; border:1px solid #d1d3d4; overflow:hidden;}
.pro_list .pro_cell{ display:table-cell; width:260px; height:260px; vertical-align:middle;} 
.pro_list .pro_cell img{ max-width:280px; max-height:250px;}
.pro_list .pro_text{ margin:10px 0 0; height:32px; line-height:32px; font-size:16px; text-align:center; color:#00a73c;}

.production{ margin-top:10px; overflow:hidden;}
.production ul{ width:110%;}
.production li{ float:left; display:inline; width:375px; margin-top:32px; margin-right:24px; text-align:center;}
.production .pro_imge{ height:320px;}
.production .pro_text{ height:30px; margin-top:18px; font-size:20px; line-height:26px; color:#00a73c; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

/**产品页放大镜**/
/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border:1px solid #888;margin:-1px;background-color:#fff;cursor:move;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:1px solid #ccc;overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}
/* zoom-section */
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
/** End Conmon **/

/**产品内页**/
.goodsCont{}
.goodsCont .main{}
.goodsCont .main .navigation .section .section_title .section_content {}


/** HOMEPAGE **/
.section{ overflow:hidden;}