@charset "utf-8";

body {margin: 0px;padding: 0px;font-family: arial, 微软雅黑, sans-serif;font-size:12px;color:#3e3e3e; background:url(../images/topbg.gif) center 127px no-repeat; line-height:24px;}
td {font-size: 12px;}
img {border:none;}
form,input,select,button {vertical-align:middle; margin: 0px;padding: 0px;font-family: arial, 微软雅黑, sans-serif;color:#333333;}
p,ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div,i,b {margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
/*p{ text-indent:2em;}*/

.clear {margin:0px; padding:0px; clear:both;}
.fl{ float:left;}.fr{ float:right;}
.imgb{ display:block;}.imgb2{ display:block; margin:0px auto;}
.w1019{ width:1019px; margin:0px auto;}

/* ----- Links ----- */
a {text-decoration:none; color:#3e3e3e;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover {text-decoration:underline;color:#024400;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

/* ----- top css ----- */

#head{ width:1019px; margin:0px auto; height:178px;}
#head a.logo{ display:block; float:left; background:url(../images/logo.jpg) 0px 33px no-repeat; width:552px; height:94px;}
#head .right{ text-align:right; padding:19px 7px 0px 0px; height:108px; float:right;}
#head .right .keyword{ line-height:54px; font-size:18px; color:#393939;}
#head .right .keyword span{ font-weight:bold; color:#024400; margin-left:6px;}
#head .right .search{ float:left; padding:2px 0px 0px 10px; width:134px; height:19px; background-image:url(../images/inputbg.gif);}
#head .right .search .input{ height:16px; line-height:16px; width:107px; border:0px; float:left;}
#head .right .tel{ float:left; background:url(../images/tel.gif) 13px center no-repeat; padding-left:34px; line-height:21px; color:#333333; font-size:16px; font-weight:bold;}

/* ----- Navigation ----- */
#nav { clear:both;height:45px; position:relative;}
#nav .blank{ width:10px; height:44px; background-color:#fff; right:0px; top:1px; position:absolute; z-index:1000;}
#nav li{ float:left; position:relative; padding:0px 14px; background:url(../images/linenav.gif) right center no-repeat;}
#nav li .aon a{display:block;height:45px; line-height:45px; width:82px; text-align:center;font-size:14px; color:#555555;}
#nav li .aon a:hover{ background:#024400; color:#fff; text-decoration:none;}
#nav li .aon .sele,#nav li .aon .selecurrent{color:#fff; text-decoration:none; background:#024400; font-weight:bold;}


#nav .bj{
    position: absolute;
    width: 120px;
    height: 96px;
    background-image: url(../images/tb1.png);
    right: 2px;
    top: -30px;
	}
#nav .bj a{display:block;height:96px; line-height:96px; width:120px; text-align:center;font-size:14px; color:#555555;}
#nav .bj a:hover{ text-decoration:none;}

#nav #home{ width:114px; padding:0px;}
.subnav{ display:none; line-height:45px; top:110px; left:0px; position:absolute; width:100%; background:url(../images/bgnav.png);}
.subnav a{ font-size:14px; margin-left:52px;}.subnav a:hover,.subnav a.current{ color:#06afe3;}
.subnav dl{ width:1000px; margin:0px auto;}

.banner{position:relative;  height:530px; overflow:hidden; z-index:0;}
.banner .bd{ position:relative; z-index:0; height:530px; overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important; height:530px; }
.banner .bd li a{ height:530px; display:block;}
.banner .prev,
.banner .next{ position:absolute; left:50%; top:50%; display:block; margin:-40px 0px 0px -570px; width:41px; height:81px; background: url(../images/arrow_ban.png) 0px 0px no-repeat;}
.banner .next{ left:auto; right:50%; background-position:right 0px; margin:-40px -570px 0px 0px;}

.product{ width:1019px; margin:0px auto; padding-bottom:43px;}
.product .title{ padding:7px 16px 0px 13px; line-height:69px; height:69px; color:#2b2e34; font-size:22px;}
.product .title span{ color:#fff; margin-left:5px; display:inline-block; padding:0px 2px; line-height:27px; background-color:#024400;}
.product .title a.more{ float:right; font-size:12px; color:#1c7fc6;}
.product ul li{ float:left; margin:0px 8px 8px 0px; padding:10px 7px 0px 11px; width:230px; background-color:#f8f8f8; height:289px; line-height:21px;}
.product ul li .img{ display:block; border:3px solid #dadada;}
.product ul li h2{ font-size:14px; line-height:36px; margin-top:5px; text-align:center}
.product ul li:hover{ background-color:#024400; color:#fff;}
.product ul li:hover .img{ border:3px solid #fff;}
.product ul li:hover a{ color:#fff; text-decoration:none;}

.titlei1{ padding:19px 17px 0px 0px; line-height:47px; height:47px; border-bottom:1px solid #ebebeb; font-size:22px;}
.titlei1 span{ color:#fff; margin-left:5px; display:inline-block; padding:0px 2px; line-height:27px; background-color:#024400;}
.titlei1 a.more{ float:right; font-size:12px; color:#1c7fc6; display:block; line-height:16px; margin-top:21px;}

.columnbox{ background: #f9f9f9 url(../images/columnbox.gif) 0px top repeat-x;}
.columnbox .about{ padding-left:13px; width:641px; height:251px;}
.columnbox .about .con{ padding:14px 9px 0px 2px; line-height:26px;}
.columnbox .about .con .img{ margin:8px 19px 0px 0px; float:left;}
.columnbox .case{ width:641px; height:237px; float:left; padding-left:13px; position:relative;}
.columnbox .case .title{ background-image:url(../images/title_case.gif); height:19px; margin-bottom:32px;}
.columnbox .case .casecon{ margin:0px 40px;}
.columnbox .case .casecon li{ float:left; text-align:center; line-height:50px; padding-right:26px; width:169px;}
.columnbox .case .casecon li .img{ display:block; padding:1px; border:1px solid #dedede;}
.columnbox .case .prev,.columnbox .case .next{ position:absolute; left:13px; top:90px; display:block; width:15px; height:34px; overflow:hidden; background: url(../images/arr_case.gif) 0px top no-repeat; cursor:pointer; }
.columnbox .case .next{ left:auto; right:0px; background-position: right top;}
.columnbox .faq{ width:313px; float:right;}
.columnbox .faq .pic img{ margin:18px auto 0px; display:block;}
.columnbox .faq li .q{ display:none; background:url(../images/q.gif) 0px 3px no-repeat; padding:0px 0px 12px 24px; color:#666666;}
.columnbox .faq li{ background:url(../images/linebg.gif) 0px bottom repeat-x; margin:0px 7px; line-height:23px;}
.columnbox .faq li .a{ padding:5px 0px 4px 24px; background:url(../images/dot.gif) 3px 17px no-repeat; cursor:pointer;}
.columnbox .faq li.hover{ background:none;}
.columnbox .faq li.hover .a{ background:url(../images/a.gif) 0px 10px no-repeat; padding:8px 0px 0px 24px; margin-bottom:8px;}

.columnbox2{ width:1019px; margin:0px auto; padding-bottom:70px;}
.columnbox2 .news{ background:url(../images/linebg2.gif) right 38px no-repeat; height:361px; padding-right:43px; width:409px; float:left;}
.columnbox2 .news .frist{ line-height:22px; color:#666666; height:134px; padding-top:26px;}
.columnbox2 .news .frist .img{ float:left; margin:6px 14px 0px 0px;}
.columnbox2 .news .frist span{ display:block; line-height:26px; padding-bottom:3px; font-size:14px;}
.columnbox2 .news li{ background:url(../images/linebg.gif) 0px bottom repeat-x; height:33px; line-height:33px; padding-right:25px; color:#7b7b7b;}
.columnbox2 .news li a{ background:url(../images/dot.gif) 6px center no-repeat; padding-left:20px;}
.columnbox2 .equipment{ float:right; width:520px; position:relative;}
.columnbox2 .equipment .econ{ padding:22px 58px 0px 51px;}
.columnbox2 .equipment .econ li{ float:left; padding-right:8px; width:220px;}
.columnbox2 .equipment .econ li .img{ position:relative; margin-top:10px; width:220px; height:218px;}
.columnbox2 .equipment .econ li .img img{ display:block;}
.columnbox2 .equipment .econ li .img span{ position:absolute; bottom:0px; left:0px; width:100%; text-align:center; background-image:url(../images/titlebg.png); line-height:23px;}
.columnbox2 .equipment .econ li .img a{ color:#fff;}.columnbox2 .equipment .econ li .img a:hover{ color:#024400;}
.columnbox2 .equipment .prev,.equipment .next{ position:absolute; left:0px; top:202px; display:block; width:26px; height:26px; overflow:hidden; background: url(../images/arr_eq.gif) 0px top no-repeat; cursor:pointer;}
.columnbox2 .equipment .next{ left:auto; right:0px; background-position: right top;}
.columnbox2 .equipment .prevStop{ background-position: 0px bottom;}
.columnbox2 .equipment .nextStop{ background-position: right bottom;}

.client{ background:url(../images/clientbox.gif); width:1002px; margin:0px auto 41px; height:165px; position:relative;}
.client .title{ line-height:53px; padding-top:2px; text-align:center; color:#333333; font-size:22px;}
.client .title span{ color:#fff; margin-left:5px; display:inline-block; padding:0px 2px; line-height:27px; background-color:#024400;}
.client .clientcon{ margin:0px 51px; text-align:center;}
.client .clientcon li{ line-height:36px; padding-right:6px; float:left;}
.client .clientcon li img{ display:block; margin:0px auto; border:1px solid #dcdcdc;}
.client .prev,.client .next{ position:absolute; left:1px; top:59px; display:block; width:14px; height:48px; overflow:hidden; background: url(../images/arr_client.gif) 0px top no-repeat; cursor:pointer; }
.client .next{ left:auto; right:1px; background-position: right top;}
.client .prevStop{ background-position: 0px bottom;}
.client .nextStop{ background-position: right bottom;}

.mainsub{ width:1002px; margin:0px auto; padding-bottom:42px; height:auto !important; height:350px; min-height:350px;}
.bansub{ height:266px;}
.leftbar{ width:229px; float:left;}
.leftbar .place{ text-align:center; padding-top:19px; height:81px; color:#b8d9ea; background-color:#024400; margin-top:-100px;}
.leftbar .place h1{ font-size:30px; font-weight:normal; line-height:45px; color:#fff;}
.leftbar .place a{color:#b8d9ea;}.leftbar .place a:hover{color:#ffcc00;}
.leftbar .place a.current{color:#fff;}
.leftbar .menu{ padding-top:7px;}
.leftbar .menu li{ line-height:40px;}
.leftbar .menu li a{ display:block; border-bottom:1px solid #cce6f3; color:#024400; font-size:14px; padding-left:79px; height:40px;}
.leftbar .menu li a:hover,.leftbar .menu li a.current{ text-decoration:none; color:#fff; background: #024400 url(../images/arrows.gif) 51px center no-repeat; font-weight:bold;}
.leftbar .menu2{ padding-top:7px;}
.leftbar .menu2 li{ line-height:40px;}
.leftbar .menu2 li a{ display:block; border-bottom:1px solid #cce6f3; color:#024400; font-size:14px; padding-left:39px; height:40px;}
.leftbar .menu2 li a:hover,.leftbar .menu2 li a.current{ text-decoration:none; color:#fff; background: #024400 url(../images/arrows.gif) 21px center no-repeat; font-weight:bold;}

.rightbar{ width:726px; float:right;}

.contact .con{ margin-left:9px; float:left; display:inline; width:450px; height:480px; background-color:#f3f3f3;}
.contact .con .tit{ font-size:20px; color:#fff; background-color:#004C0B; padding-left:66px; line-height:70px;}
.contact .con .txt{ line-height:30px; font-size:14px; padding:46px 20px 0px 66px;}
.contact .title{ color:#024400; font-size:20px; line-height:76px;}

.titles{ padding:24px 0px 0px 14px; line-height:62px; color:#024400; font-size:20px;}
.titles2{ padding:24px 0px 0px 14px; line-height:62px; color:#024400; font-size:20px; text-align:center;}

.newslist .frist{ padding:4px 0px 0px 24px; height:153px; border:1px solid #f0f0f0; margin-bottom:33px;}
.newslist .frist .img{ margin-top:12px; display:block; float:left;}
.newslist .frist .text{ width:445px; float:left; padding-left:27px; line-height:24px; color:#666666; font-size:14px;}
.newslist .frist .text h3{ line-height:42px; font-size:16px; text-align:center;}
.newslist .frist .text a.more{ display:block; margin:12px auto 0px; font-size:14px; color:#fff; font-weight:bold; padding-left:20px; line-height:33px; background-image:url(../images/morebg.gif); width:107px;}
.newslist ul{ background:url(../images/listbg.gif); margin-bottom:36px;}
.newslist li{ height:36px; line-height:36px; padding:0px 23px 0px 15px; color:#666666; font-size:14px;}
.newslist li a{ background:url(../images/arr1.gif) 0px center no-repeat; padding-left:19px;}
.newslist li:hover{color:#024400;}
.newslist li:hover a{color:#024400; font-weight:bold; background:url(../images/arr2.gif) 0px center no-repeat;}

.downlist { padding-bottom:20px;}
.downlist li{ margin:0px 0px 11px 14px; border:1px solid #e7e7e7; font-size:14px; background-color:#f5f5f5; padding:0px 44px 0px 29px; height:47px; line-height:47px;}
.downlist li:hover{ border:1px solid #024400; background-color:#024400;}
.downlist li:hover a{ color:#fff;}
.downlist li span{ display:block;  float:right;}
.downlist li span img{ display:inline-block; vertical-align:middle; *display:inline; zoom:1;}

.faqlist{ padding-bottom:20px;}
.faqlist li{ margin:0px 0px 11px 14px; line-height:23px; font-size:14px;}
.faqlist li .q{ display:none; background:#f5f5f5; padding:19px 20px 19px 37px;}
.faqlist li .a{ padding:8px 68px 8px 73px; background: #f5f5f5 url(../images/abg.gif) 0 top no-repeat; cursor:pointer; line-height:31px; border:1px solid #e7e7e7;}
.faqlist li.hover{ border:none;}
.faqlist li.hover .a{ background:url(../images/abgon.gif) 0px top no-repeat; border:1px solid #024400; color:#fff;}

.caselist{ margin-left:2px; line-height:40px; font-size:14px; font-weight:bold; padding-bottom:29px;}
.caselist li{ text-align:center; padding-left:12px; width:350px; height:293px; float:left;}
.caselist li img{ display:block;}

.casedetail{ padding:0px 20px 0px 34px;}
.casedetail .con{ margin-top:20px; background-color:#efefef; line-height:30px; font-size:14px; padding:24px 50px 55px 50px;}
.casedetail .con .title{ text-align:center; font-size:20px; color:#024400; margin-bottom:32px;}

.prolist{ width:733px; margin-left:-7px; padding-bottom:25px;}
.prolist li{ float:left; width:166px; height:230px; padding-left:17px;}
.prolist li .img{ display:block; border:3px solid #cccccc;}
.prolist li:hover .img{border:3px solid #024400;}
.prolist li h3{ line-height:26px; font-size:14px;}
.prolist li a{ color:#024400;}
.prolist li a:hover{ color:#024400; text-decoration:none;}

#play{width:708px;text-align:center;position:relative; border:1px solid #dcdcdc; margin-left:14px;}
#play .img_ul{position:relative;z-index:1;border-bottom:1px solid #dedede;}
#play .img_ul .img_a{ max-width:708px;}
#play .img_ul .img_a img{ display:block; margin:0px auto;}
#play .bottom_a{ background-image:url(../images/arr_pro.gif);width:13px;height:90px; bottom:13px;position:absolute;display:block;cursor:pointer;z-index:10}
#play .prev_a{background-position:0 0px;left:42px;}
#play .next_a{background-position:right 0px;right:42px;}
.img_hd { width:530px;border-top:0px;overflow:hidden;height:103px;position:relative; margin:12px 0px 0px 87px;}
.img_hd ul{position:absolute;z-index:1;}
.img_hd ul li{float:left;width:118px;height:90px; padding-right:15px;cursor:pointer;overflow:hidden;*display:inline;}
.img_hd ul li img{width:118px;height:88px; display:block; margin:0px auto;border:1px solid #dedede;}
.img_hd ul li.on img{ border:1px solid #024400;}


.prodetail{ margin:23px 0px 0px 14px;}
.prodetail .hd{ border-bottom:2px solid #dedede; height:35px; line-height:35px;}
.prodetail .hd li{ text-align:center; margin-right:1px; float:left; color:#666666; font-size:14px; cursor:pointer; background-color:#dedede; width:99px;}
.prodetail .hd li.on{ color:#fff;background-color:#024400;}
.prodetail a.down{ display:inline-block; text-align:center; font-size:16px; color:#fff; background-color:#024400; width:140px; line-height:40px; margin-right:2px;}
.prodetail a.case{ display:inline-block; text-align:center; font-size:16px; color:#fff; background-color:#024400; width:140px; line-height:40px; margin-right:2px;}

.con{ padding:21px 0px 25px 0px; font-size:14px;}
.con .p{ padding:17px 0px 0px 6px; text-indent:0em; float:left;}


#preview{zoom:1;overflow:hidden;}

#spec-tops{top:0px;background:url(../images/arr_protop.png) 0 top;}
#spec-tops:hover{background:url(../images/arr_protop.png) 0 bottom;}
#spec-bottoms{bottom:0px;background:url(../images/arr_probottom.png) 0 bottom;}
#spec-bottoms:hover{bottom:0px;background:url(../images/arr_probottom.png) 0 top;}

#spec-n1{float:left; display:inline;width:550px;overflow:hidden;position:relative;z-index:5;zoom:1; border:1px solid #e3e3e3; margin-left:20px; padding:6px 10px 6px 8px;}
#spec-n1 .o-img{width:550px;text-align:center;}
#spec-n1 img{ display:block;max-width:546px;_height:339px; margin:0px auto; border:2px solid #024400;}

#spec-n5{position:relative;float:right;width:110px;height:309px;padding:40px 7px 40px 0px;zoom:1}
#spec-n5 .control{position:absolute;width:110px;height:35px;background-repeat:no-repeat;cursor:pointer;}
#spec-list{width:110px;height:309px;overflow:hidden;}
#spec-list ul{height:309px;overflow:hidden;margin:0;}
#spec-list li{width:102px;height:62px;text-align:center; cursor:pointer; border:1px solid #e3e3e3; padding:3px; margin-bottom:9px;}
#spec-list li img{ max-height:102px; max-height:62px; margin:0px auto;}
#spec-list .curr img{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5; max-height:102px; max-height:62px;}

/* ----- font ----- */
.Arial {font-family:Arial, Helvetica, sans-serif;}
.gray{ color:#333333;}

.content{padding:35px 0px 0px 0px; font-size:14px; clear:both;}
.content .title{ margin-bottom:29px; line-height:20px; font-size:14px; color:#024400;}
.content .title h2{ line-height:30px; font-size:20px;}
.content_news{ padding-left:14px;}
.cen{ text-align:center; margin:-9px 0px 16px 14px; line-height:22px; color:#666666;}
.cen h3{ color:#333333; font-size:18px; line-height:36px;}

.prevn{ clear:both; padding:10px 7px; border-top: 1px solid #dedede; border-bottom:1px solid #dedede; margin-top:24px; font-size:14px; margin-left:14px;}
.prevn a:hover{ font-weight:bold;}

.pagefy{ text-align:right; clear:both; height:28px; line-height:26px; font-size:14px;}
.pagefy a{ display:inline-block; vertical-align:middle; border:1px solid #024400; padding:0px 2px; min-width:21px; margin-left:8px; color:#024400; text-align:center;}
.pagefy a:hover,.pagefy a.current{color:#fff; text-decoration:none; background-color:#024400;}
.pagefy .num{display:inline-block; vertical-align:middle; border:1px solid #024400; padding:0px 6px; color:#024400;}

/* ----- form ----- */
.btn_1 { width:117px; height:32px; color:#fff; font-size:14px; background: #06afe3; border:none; cursor:pointer;}

.input_1 { padding-left:10px; border:1px solid #e0e0de; width:292px; height:32px; line-height:32px;}

.select1{ width:187px; height:22px; color:#656565; letter-spacing:0.2em;}

/* ----- footer ----- */
.sitemap{ padding-top:22px; height:70px; width:1019px; margin:0px auto;}
.sitemap dl{ float:left; height:70px; padding-left:26px; background:url(../images/lineb.gif) right 16px no-repeat; line-height:26px;}
.sitemap dl dt{ font-size:14px;line-height:47px;}
.sitemap dl a{ color:#3e3e3e;}.sitemap dl a:hover{ color:#024400;}
.sitemap .b1{ width:104px;}
.sitemap .b2{ width:144px; padding-left:34px;}
.sitemap .b3{ width:98px; padding-left:31px;}
.sitemap .b4{ width:111px; padding-left:29px;}
.sitemap .b5{ width:115px; padding-left:30px;}
.sitemap .b6{ width:190px; padding-left:55px; background:none;}
.sitemap .b6 .share{ line-height:36px; padding:24px 0px 0px 4px;}

.aboutcon{font-size:12px;}
.sonnavlist{position:absolute; background:url(../images/navlistbg.png); z-index:999;}
.sonnavlist a{display:block; height:35px; line-height:35px;padding:0 12px; min-width:98px; text-align:center}
.sonnavlist a:hover{ background:#024400; text-decoration:none; color:#FFF;}

.butleft{ display:block; position:absolute;left:30px;top:130px;text-indent:100px; width:15px; height:35px; overflow:hidden; background:url(../images/arr_caseblue.gif) 0 center no-repeat;}
.butright{ display:block; position:absolute;left:620px;top:130px;text-indent:100px; width:15px; height:35px; overflow:hidden; background:url(../images/arr_caseblue.gif) -15px center no-repeat;}


.chengluoblue:hover{color:#024400}



/* ----- footer ----- */
#footer{ clear:both; background: #ECECEC url(../images/footbg.gif) 0px top repeat-x;}
#footer dl{ width:1002px; margin:0px auto;}
#footer .bnav{ height:64px; font-size:14px; color:#8c8d8f; line-height:64px; position:relative;}
#footer .bnav i{ display:inline-block; text-align:center; vertical-align:middle; width:38px;}
#footer .bnav a{ color:#ffffff;}
#footer .bnav .select{ float:right; padding:24px 83px 0px 0px;}
#footer .bnav .select select{ width:213px; color:#000; font-size:12px;}
#footer .bnav a.top{ position:absolute; width:67px; height:66px; background-image:url(../images/top.png); right:0px; top:0px;}
#footer .copyright{ text-align:center; line-height:24px; color:#3E3E3E; padding:44px 0px 15px 0px;font-family: arial, ����, sans-serif;}
#footer .copyright .logo{ margin:0px auto; height:76px; background:url(../images/logob.png) center top no-repeat;}
#footer .copyright .logo a{ margin:0px auto; height:62px; width:180px; display:block;}
#footer .copyright .tel{ margin-top:29px; height:74px; background:url(../images/tel.png) center top no-repeat;}