*{ font-family:'Microsoft YaHei','Agency FB',Arial, Helvetica, sans-serif;}
body{ color:#333; background:#EAF3FC repeat-x left bottom;}
a{ color:#333;}
a:hover{ color:#f00;}
.top{ background:url(topbg.gif) repeat-x;}
.wrap{ width:1000px; margin:0 auto;} 
.top .wrap{ display:block; height:80px; padding-top:15px; padding-bottom:10px;}
.logo{ float:left; width:600px; height:80px;}
.phone{ float:right; width:400px; height:80px; text-align:right;}
.phone .hotline{ display:block; background:url(phone.png) no-repeat; text-align:left; padding-left:190px; height:80px;}
.phone .dt{ font-size:14px; line-height:14px; font-style:italic; display:block; clear:both; padding-top:22px;}
.phone .dd{ font-size:24px; line-height:30px; color:#f00;}
.menu{ display:block; height:45px; background:#79BE23; overflow:hidden; text-align:center;}
.menu ul{ display:inline-block; }
.menu li{ float:left; display:block; font-size:0; }
.menu li a{ display:block; font-size:14px; height:45px; line-height:45px; font-weight:bold; color:#fff; padding:0 20px;}
.menu li a:hover,.menu .sel a{ background:#079B0E; color:#fff;}
.banner{ height:500px;}
.slide { position: relative; width:100%; }
.ban_c { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: #333; background: rgba(0,0,0,.5); z-index: 3; }
.ban_nav { position: absolute; bottom: 4px; left: 0; width: 100%; text-align: center; z-index: 4; }
.ban_c img { width: 100%; height: 100%; }
.ban_nav a { display: inline-block; vertical-align: middle; width: 12px; height: 12px; line-height: 14px; overflow: hidden; text-align: center; margin-left: 8px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #ccc; text-indent:14px;}
.ban_nav .on { background: #f90; color: #fff; }
.Left, .Right { cursor: pointer; }
.gray{ display:inline-block; width:100%; background:url(bgpro.jpg) no-repeat center bottom; text-align:center; padding:50px 0;}
.green{ background:#59CDE4; text-align:center; padding:50px 0;}
.product{ background:#fff; height:468px;}
.product .RowsTitle{ float:left; width:222px; background:url(t5-1.jpg) no-repeat; margin-top:5px;}
.product .RowsTitle .Title{ background:none; height:83px;}
.product .RowsTitle .Title .cn{ display:block; font-size:30px; color:#fff; height:30px; line-height:30px; text-align:center; margin-top:40px; background:none;}
.product .RowsTitle .Title .en{ display:block; font-size:14px; color:#fff; height:22px; line-height:22px; text-align:center;}.product #TabStrip{ position:relative;}
.product .Content{position: relative;}
.product .TabNavTitle{ float:left; width:200px; position:absolute; top:108px;}
.product .TabNavContent{ float:right; display:block; width:762px; overflow:hidden; border:8px solid #fff; background:#fff;}
.product #ProductView ul li{ width:174px; height:190px; margin:8px; background:#fff;}
.product #ProductView ul li img{ width:162px; height:134px; margin:6px;}
.video,.case{ width:1000px; margin:50px auto; clear:both;}
.white{ display:inline-block; width:100%; background:#fff; text-align:center;}
.ad{ width:1000px; margin:50px auto; clear:both; text-align:center;}
.RowsTitle .Title{ text-align:center; font-size:18px; background:url(dotted.png) repeat-x 0 11px;}
.RowsTitle .Title .cn{ display:inline-block; font-size:30px; padding:0 20px; line-height:50px; background:#fff; clear:both;}

.video #ArticleView li,.case #ArticleView li{ float:left; display:block; margin:10px; background:#79BE23; border-radius:4px}
.video #ArticleView li .thumbs,.case #ArticleView li .thumbs{ display:block; font-size:0;}
.video #ArticleView li .thumbs img,.case #ArticleView li .thumbs img{ margin:5px;}
.video #ArticleView li .atext,.case #ArticleView li .atext{ display:block; text-align:center; height:40px; line-height:30px;}
.video #ArticleView li:hover,.case #ArticleView li:hover{ background:#FFB400;}
.video #ArticleView li:hover .atext,.case #ArticleView li:hover .atext{ color:#fff;}

.about{ float:left; width:650px; margin-right:20px;}
.about .RowsTitle .Title{ background:url(t1.png) no-repeat 80px -5px; color:#FFF; height:55px; padding-left:300px; text-align:left;}
.about .RowsTitle .Title .cn{ background:none; height:38px; line-height:38px; font-size:22px; padding:0;}
.about .RowsTitle .Title .en{border-left:5px solid #fff; padding-left:8px; height:12px; line-height:12px;}
.about .Margin { text-align:left; font-size:13px; color:#FFF; margin-top:40px; text-indent:24px;}
.card{ float:left; margin-right:20px; margin-top:5px; text-indent:0;}
.card img{ width:220px; }
.ship{ float:right; width:300px; margin-left:30px;}
.ship .RowsTitle .Title{ background:url(t1.png) no-repeat -60px -5px; color:#FFF; height:55px; padding-left:160px; text-align:left;}
.ship .RowsTitle .Title .cn{ background:none; height:38px; line-height:38px; font-size:22px; padding:0;}
.ship .RowsTitle .Title .en{border-left:5px solid #fff; padding-left:8px; height:12px; line-height:12px;}
.ship .Margin { margin-top:40px;}
.ship #ArticleThumbs{ margin-left:25px;}
.ship img{ width:250px; height:210px;}
.dmenu{ display:block; height:40px; overflow:hidden;}
.dmenu .MenuCenter{ display:block; width:1000px; height:40px; margin:auto;text-align:center;}
.dmenu ul{ display:inline-block;}
.dmenu li{ float:left; display:block; height:40px; line-height:40px; }
.dmenu li a{ display:block; font-size:14px; height:40px; line-height:40px; font-weight:bold;  padding:0 20px;}
.dmenu li a:hover{ background:#FFF; color:#79BE23;}
.box{ display:block; width:1000px; margin:auto; padding-top:40px;}
.box .contact{ height:128px;}
.box .contact .left{ width:740px; display:inline-block; margin-top:10px;}
.box .contact .left .Content{ background:url(weixin.jpg) no-repeat 20px 20px; padding:20px; height:78px;}
.box .contact .left .Margin{ display:inline-block; margin-left:98px; height:78px;}
.box .contact .left .CompanyName{ font-size:24px; line-height:35px;}
.box .contact .left .hotline *{ font-size:24px; color:#F00;}
.box .contact .right{ width:260px; display:inline-block; margin-top:10px;}
.box .contact .right .Margin{ padding:20px;}
.box .contact .right *{ font-size:15px;}
.copyright{ display:block; width:1000px; height:40px; margin:auto; margin-top:10px;}
.copyright .left{ margin-left:20px;}
.copyright .right{ margin-right:30px;}
.submenu{ float:left; display:block; width:222px; background:#fff;}
.submenu .RowsTitle{ display:inline-block; width:100%; background:url(t5-1.jpg) no-repeat; margin-top:5px;}
.submenu .RowsTitle .Title{ display:block; font-size:30px; color:#fff; height:83px; line-height:83px; text-align:center; margin-top:15px; margin-bottom:0; overflow:hidden;}
.submenu .RowsTitle .Title .cn{ display:block; font-size:30px; color:#fff; height:30px; line-height:30px; text-align:center; margin-top:20px; background:none;}
.submenu .RowsTitle .Title .en{ display:block; font-size:14px; color:#fff; height:22px; line-height:22px; text-align:center;}
.submenu ul,.TabNavTitle{ margin:0px 10px; height:312px; overflow:hideen;}
.submenu ul li,.TabTitle{ border-radius:6px; margin:7px 0; background:#79BE23; border:1px solid #ddd;}
.submenu ul li:hover,.TabTitle:hover{ background:#FFB400;}
.submenu ul li a,.TabTitle a{ display:block; height:30px; line-height:30px; font-size:14px; text-align:left; text-indent:40px;}
.submenu ul li a:hover,.TabTitle a:hover{ color:#fff;}
#ProductView ul li,#ArticleView ul li{ float:left; display:block; width:168px; height:186px; text-align:center; margin:6px; background:#F1F1F1; border-radius:5px;}
#ProductView ul li:hover,#ArticleView ul li:hover{ background:#FFB400;}
#ProductView ul li img,#ArticleView ul li img{ width:156px; height:130px; margin:6px;}
#ProductView ul li .atext,#ArticleView ul li .atext{ display:block; overflow:hidden; line-height:30px; height:30px;}
#ProductView ul li:hover .atext,#ArticleView ul li:hover .atext{ color:#fff;}

.bottom{  background:url(index_19.jpg) center top;}
.frame{ margin:0 auto; display:block; width:1000px; margin: 50px auto; background:#fff; padding:40px;}
.frameleft{ float:left; display:block; width:220px;}
.framemain{ float:right; display:block; width:730px;}
.frameleft .submenu ul{ height:auto; margin-bottom:30px;}
.frameleft .contact #Navigator{ display:inline-block; width:100%;}
.frameleft .contact .RowsTitle .Title{ background:url(t4.jpg) no-repeat 0 10px; padding-left:5px; margin-right:10px;}
.frameleft .contact .RowsTitle .Title .cn{ background:none; font-size:18px; line-height:36px; padding-top:10px; text-align:left; color:#fff;}
.frameleft .contact .Margin{ margin:0 10px;}
.frameleft .contact .CompanyName{ font-size:15px; color:#67A31D;}

.guide{ display:inline-block; width:720px; background:url(t8.jpg) no-repeat; height:70px; margin-bottom:20px; clear:both;}
.guide .NavigatorTitle{ float:left; display:block; padding-left:110px; line-height:65px; font-size:16px;}
.guide .GuideMap{ float:right; display:block; line-height:60px; padding-right:20px;}

.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold;}
.MsgList:before{ float:left; display:block; content:""; width:16px; height:17px; background:url(icons.jpg) no-repeat -55px -5px; margin-right:10px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.gif) no-repeat left center; text-indent:20px;}
.MessageTable{ font-weight:bold; background:url(man.gif) no-repeat left 0px; margin-top:50px; text-indent:25px; line-height:22px; display:block;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px; text-align:right;}
.MsgRight{ float:left; display:block; clear:right;}
.MsgName .MsgRight input,.MsgContact .MsgRight input,.MsgContent .MsgRight textarea{ margin:2px 0; width:400px;}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}
.Pagination{ display:block; margin:25px 0; background:url(t2.jpg) no-repeat; height:51px; text-align:center; line-height:60px; color:#fff; clear:both;}
.Pagination a{ display:inline-block; line-height:1em; color:#fff; border:1px solid #B8CF9B; padding:2px; text-align:center; margin:0 5px;}
.Pagination .sela{background:#B8CF9B; color:#000;}
.Pagination .btn{ border:0;}
.Pagination input{ line-height:18px;}

#ArticleDetail .Title,#ProductDetail .Title{ font-size:32px; border-bottom:5px dotted #ccc; text-align:center; padding:10px 0;}
.Log{ text-align:center; clear:both; margin-bottom:50px; color:#ccc; padding:10px 0;}
.Log a{ color:#ccc;}
.Picture{ text-align:center;}
.body img{ max-width:720px;}
.Log .hits{ display:none;}
#ArticleList ul li .Title:before{ float:left; display:block; content:""; width:18px; height:18px; background:url(icons.jpg) no-repeat -188px -286px;}
#ArticleList ul li .Title:hover:before{ background:url(icons.jpg) no-repeat -232px -286px;}
#ArticleList ul li .Title{ display:inline-block;}
#ArticleList ul li .Title:hover{ background:url(dot.gif) no-repeat 1px -10px;}
.LongDate{ float:right; display:block; width:80px; text-align:right;}
.map{ display:inline-block;}
.map .dt,.read{ display:none;}
#map{ height:300px;}