@charset "utf-8";
/* CSS Document */

html{ overflow-x:hidden}
.warp{ width:100%; overflow:hidden}
#header{ width:100%; background:url(bg.jpg) repeat-x;}
.header{ width:1002px; margin:0 auto}
.header h1{ float:left; margin-top:3px;}
.header span{ float:right}

/* menu */
.menu{ clear:both; width:1002px;  position:relative;}
.menu ul li{ float:left;width:125px; height:42px; line-height:42px; text-align:center;background:url(menu_line.jpg) no-repeat left;
                -webkit-transition: background 0.2s;  
				-moz-transition: background 0.2s;  
				-ms-transition: background 0.2s;  
				-o-transition: background 0.2s;
				transition: background 0.2s;
				}
.menu ul li a{ font-size:14px; font-family:'Microsoft YaHei'; color:#323232; display:block ;}
.menu ul li:first-child { background:none}
.menu ul li:hover{ background:url(menu.jpg) no-repeat;}
.menu ul li a#current{background:url(menu.jpg) no-repeat}




.menuq{width:225px; overflow:hidden; margin:20px auto 0}	
.menutitleq{  font-size:14px; text-indent:38px;font-weight:bold;  height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #ebebeb; background:url(nav_ico.jpg) no-repeat 22px 16px;}
.menucontent{ width:225px; padding:2px 0 10px 0; }
.menucontent ul li{ line-height:30px;  width:205px; border-bottom:1px dashed #eaeaea;  background:url(nav_ico.jpg) no-repeat 22px;   overflow:hidden; text-indent:15px; padding-left:20px; }
.menucontent ul li:hover{ background:#f5f5f5 url(nav_ico.jpg) no-repeat 22px;}
.currentq { color:#666;background:url(about_hover.jpg) no-repeat; text-align:left; text-indent:38px;}
.menutitleq a{display:block; height:34px; width:203px;line-height:34px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;   } 
.menutitleq a:hover{ background:url(nav_title.jpg) no-repeat;}



			



/* banner */
.flexslider{ clear:both; height:334px; overflow:hidden; position:relative; margin:0 auto; width:100%;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility: hidden; height:334px; width:100%;} 
*html .slides {height: 413px;}
.flex-control-nav {width:100%; height:28px; position: absolute; bottom: 0; padding-top:10px; text-align:center; background:url(btn_bg.png) no-repeat; }
.flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { background:url(btn_ioc.png) no-repeat ;display:block; height: 18px;width: 24px; cursor: pointer; text-indent:-9999px; }
.flex-control-paging li a.flex-active { background:url(btn_cut.png) no-repeat; margin-right:6px; }

/* 三大板块 */

.aside_left{ width:1029px; margin:14px auto 0 auto; clear:both; height:127px; position:relative;}
.aside{ background:url(pro_bg.jpg) no-repeat; width:343px; height:135px; float:left; display:block; margin-right:0px; position:relative;-webkit-transition: background;-webkit-transition-duration: 0.25s;}
.aside:hover{ background:url(pro_hover.jpg) no-repeat; width:343px; height:135px; }
.aside span{ float:left; margin:6px 0 0 22px;}
.aside h3.title{ font-size:18px;  background:url(shu_1.jpg) no-repeat left 5px; width:154px; overflow:hidden;height:54px; line-height:86px;text-indent:2.2em}

.aside h3.title a{ font-family:'Microsoft YaHei'; font-size:18px; color:#2e2e2e; width:154px; overflow:hidden;height:54px; line-height:86px;text-indent:2.2em}


.aside p.text{ font-family:'Microsoft YaHei'; line-height:14px;color:#969696; padding-top:7px;width:130px; float:right; height:28px; overflow:hidden}
.aside a.dianji{ position:absolute; right:18PX; bottom:16px; background:url(pro_an.jpg) no-repeat; width:18px; height:18px; text-indent:-9999px}
.aside a:hover.dianji{ background:url(pro_hover1.jpg) no-repeat;}
.aside h3.title2{ background:url(shu_2.jpg) no-repeat left 5px;}
.aside h3.title3{ background:url(shu_3.jpg) no-repeat left 5px;}

/* 新闻 */
.main{ width:1029px; margin:24px auto 0; height:208px; clear:both}
.news_index{ width:676px; float:left}
.news_scoll{ background:url(new_line.jpg) repeat-x bottom; width:676px; height:30px; position:relative; z-index:1; overflow:hidden}
.news_scoll span{ font-weight:bold; font-size:14px; color:#323232; background:url(news_btn.jpg) no-repeat; width:86px; height:28px; line-height:28px; display:block; float:left; text-align:center; margin-right:3px;cursor:pointer; overflow:hidden;}

.news_scoll span:hover{background:url(news_hover.jpg) no-repeat; color:#fff; 
-webkit-transition: background 0.2s;  
				-moz-transition: background 0.2s;  
				-ms-transition: background 0.2s;  
				-o-transition: background 0.2s;
				transition: background 0.2s;}

.news_index a.more{ float:right; margin-top:12px;width:29px; height:5px; margin-right:10px; }

.news_scoll span#current{ background:url(news_hover.jpg) no-repeat; color:#fff; }
.news_index span.tu{ margin-right:15px; width:274px; height:145px; float:left;}
.news_index span.wen{ width:385px; height:145px; float:left; font-size:14px; line-height:28px;}

.news_index .soccl{ width:674px; height:162px; position:relative; margin-top:16px;}

/* 联系 */
.news_right{ width:338px; height:208px; float:right;}
.news_right span{padding-bottom:10px; height:95px; width:338px; display:block}

/* 产品 */
.products{width:1025px; height:260px; margin:14px auto; clear:both;}
.pro_title{ background:url(new_line.jpg) repeat-x bottom; width:100%; height:30px; position:relative; z-index:1; overflow:hidden}
.pro_title span{ font-weight:bold; font-size:14px; color:#323232; background:url(news_btn.jpg) no-repeat; width:86px; height:28px; line-height:28px; display:block; float:left; text-align:center; margin-right:3px;cursor:pointer; overflow:hidden;}
.pro_title a.more{ float:right; margin-top:12px;width:29px; height:5px; margin-right:10px; }

.proScroll{ width:1025px; height:235px;  overflow:hidden; position:relative;}
.proScroll .bd{ padding:10px;   }
.proScroll .bd ul{ overflow:hidden; zoom:1; }
.proScroll .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.proScroll .bd ul li .pic1{ text-align:center; }
.proScroll .bd ul li .pic1 img{ width:150px; height:200px; display:block;  padding:2px; border:1px solid #ccc; }
.proScroll .bd ul li .pic1 a:hover img{ border-color:#999;  }
.proScroll .bd ul li .title{ line-height:24px;   }



.bot{height:44px; line-height:44px;width:320px; text-align:center; clear:both; padding-top:25px; overflow:hidden}
.bot span{ float:left;background:url(lianxi_line.jpg) no-repeat 8px 15px;}
.bot span a{ font-weight:bold; color:#303030; font-size:14px; height:40px;float:left; width:140px; margin-left:10px; }
.bot span a:hover{color:#77b900}
.bot span a.ico{ background:url(ico1.jpg) no-repeat 12px 12px; text-indent:3em; margin-right:10px;}
.bot span a.icoo{ background:url(ico2.jpg) no-repeat 26px 12px;width:145px; text-indent:4.5em;}

#footer{width:100%; overflow:hidden; float:left; margin-top:35px;}
.fot{background:#f4f4f4 url(fot.jpg) repeat-x; width:100%; overflow:hidden}
#footerq{width:1002px; margin:0 auto; }
#footerq nav{ float:left; width:600px;  display:inline; background:url(fot_line.jpg) no-repeat right top}
#footerq nav ul{ float:left; width:150px; line-height:24px;margin-top:20px; padding-bottom:10px;}
#footerq nav ul li a{ color:#666; display:block; width:100px; height:24px; overflow:hidden}
#footerq nav ul li a:hover{ color:#77b900}
#footerq nav ul li a b{ font-size:14px;}
.fot_logo{margin-left:44px; width:285px; float:left; color:#b5b5b5;margin-top:27px; display:inline }
.footer{ clear:both; line-height:40px;}

.footer{ background:#3c3c3c; color:#b1b1b1; overflow:hidden; padding:10px 0; }
.footer p.foote{ width:1002px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; line-height:22px;}
.footer p.foote a{ color:#b1b1b1; font-family:Arial, Helvetica, sans-serif}
.footer p.foote a:hover{ color:#fff}


#containerr{ width:1024px; margin:0 auto; position:relative;}
.sidebar{ width:244px; overflow:hidden;z-index:100; position:relative; margin-top:-38px; float:left }
.sidebar_center{ width:244px; background:url(left_line.jpg) repeat-y bottom; overflow:hidden}
.sidebar h3.hd_title{ background:url(title_top.png) no-repeat; width:244px; height:68px; line-height:60px; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; text-indent:3.5em; letter-spacing:1.8px;}




.sidenav{ width:225px; margin:20px auto 0;}
.sidenav li{ height:40px; line-height:40px; border-bottom:1px solid #ebebeb; background:url(nav_ico.jpg) no-repeat 22px 16px; overflow:hidden;  }
.sidenav li a{ font-weight:bold; font-size:14px; color:#666666; display:block; width:145px; padding-left:40px; padding-right:40px; overflow:hidden;}
.sidenav li a:hover{color:#77b900; background:url(about_hover.jpg) no-repeat;}
.sidenav li a.currclass{color:#77b900; background:url(about_hover.jpg) no-repeat;}

.cases{ width:228px; overflow:hidden; margin:15px auto 0; height:270px; } 
.cases h3.case_h3{ font-weight:bold; font-size:16px;color:#0c84ca; background:url(title_ico.jpg) no-repeat left; text-indent:10px; float:left; margin-left:12px; overflow:hidden; height:20px; width:150px;}

.case_scroll{ width:160px; float:left}
#marquee1 li{ float:left; }
#marquee1 li table{ background:url(cases_bg.jpg) no-repeat; width:160px; height:112px; overflow:hidden}
.soccll span a#goL{ width:8px; height:12px; background:url(scroll_left.jpg) no-repeat;  float:left; margin-top:100px;}
.soccll span a#goR{ width:8px; height:12px; background:url(scroll_right.jpg) no-repeat;  float:right; margin-top:100px;}
/* marquee4 */
#marquee1{width:160px;height:230px;overflow:hidden; margin-left:11px; margin-top:12px; float:left;}
.soccll{ width:200px;margin:0 auto;overflow:hidden; clear:both}


.lianxi{ width:228px; overflow:hidden; margin:15px auto 0;} 
.lianxi h3.case_h3{ font-weight:bold; font-size:16px;color:#0c84ca; background:url(title_ico.jpg) no-repeat left; text-indent:10px; float:left; margin-left:12px; overflow:hidden; height:20px; width:150px;}
.lianxi span.tel{ margin-left:14px; margin-top:6px; float:left; display:inline}
.lianxi p.tel{ clear:both; margin-left:20px; line-height:22px;}


.side_right{ float:right; width:770px; overflow:hidden}
.article{ width:750px; height:54px; line-height:54px; background:url(right_bottom.jpg) repeat-x bottom; padding:0 10px}
.article h3.tl{ float:left; font-weight:bold; font-size:16px; color:#1292da; background:url(right_ico.jpg) no-repeat left; text-indent:1.5em; overflow:hidden; width:250px; height:54px;}
.article span{ float:right; color:#818181; width:460px; display:block; height:54px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; text-align:right}
.article span a{ color:#818181}
.article span a:hover{color:#77b900;}

.article_text{width:750px; line-height:30px; padding:20px 10px}
.article_text p.it{ text-indent:2em;; margin-top:20px;}
.article_text p.it strong{color:#0c84ca; }




.news{ width:750px; margin:0 auto ; overflow:hidden; padding-bottom:20px;}
.news li{border-bottom:1px solid #f1f1f1; height:40px; line-height:40px; }
.news li time{ float:right }
.news li a{ background:url(news_linee.jpg) no-repeat left; font-size:14px; padding-left:15px; width:640px; overflow:hidden; height:40px;display:block }
.news li a:hover{ color:#77b900; font-weight:bold;background:url(news_cut.jpg) no-repeat left;}

.fenye{text-align:right; clear:both;  color:#666; width:650px; height:40px; margin:0px auto;}
.fenye a{padding:5px 8px; *padding:5px 8px 5px 8px; border:1px solid #c7c7c7; color:#666;  line-height:22px; height:22px;-webkit-transition: background 0.2s;  
				-moz-transition: background 0.2s;  
				-ms-transition: background 0.2s;  
				-o-transition: background 0.2s;
				transition: background 0.2s;}
.fenye a:hover{ background:#0087da; color:#fff; border:1px solid #0087da; height:22px;}

.news_show{ width:735px; height:auto; overflow:hidden; margin:0 auto; }
.title h3.h3{ font-size:16px; color:#666; font-weight:bold; text-align:center; margin-bottom:16px}
.title span.span{ margin-bottom:33PX; width:723px; line-height:33px; text-align:center; background:#f3f3f3; display:block; color:#b1b1b1}
.show_text{ text-indent:2em; color:#666; padding:0 10px}
.pic{ border:7px solid #e9e9e9;  margin-left:55px; padding:1px; width:500px; height:321px; text-indent:0; margin:30px auto 30px;}
.piccqq{ border:7px solid #e9e9e9;  margin-left:55px; padding:1px; width:550px; height:185px; margin:30px auto 30px; text-indent:0;}
.sub{ float:right; display:block; padding-right:10px;}

.online{ width:659px; overflow:hidden}
.online span{ width:659px; height:169px; float:left; overflow:hidden}
.online form{ width:610px; padding-left:20px;  float:left; clear:both;font-family:"宋体"}
.online form small{ font-size:14px; color:#0087da; padding-bottom:10px; display:block}
.online form small b{ font-weight:normal; color:#ff0000; font-size:14px; }
.online form span input{  border:0PX; float:left; line-height:26px; height:26px; background:url(message_line.png) repeat-x; margin:0; padding:0}
.online form span img{ float:left; width:6px; height:26px;}
.online form span{ height:26px; line-height:26px; font-size:14px; margin:0; padding-top:14px; }
.online form span b{ font-weight:normal; float:left} 
.online form span small{color:#ff0000; font-size:14px; float:left; padding-left:10px;}
.online form span textarea{ float:left; border:1px solid #83dcff; padding-top:0; width:525px; height:201px; background:#f9fdfe;  overflow-y:hidden}
.tijiaoo{ background:url(message_an.png) no-repeat left; width:85px; height:26px; border:0; margin-left:70px;  margin-top:30px; cursor:pointer; clear:both}
.chongzhi{ background:url(message_ann.png) no-repeat; width:85px; height:26px; border:0;  margin-top:30px; cursor:pointer}

#danye_content{width:725px; margin:0 auto ; overflow:hidden; }

.contact{width:725px; margin:0 auto ; overflow:hidden; }
.contact p{font-size:14px; font-family:Arial, Helvetica, sans-serif,"宋体"; line-height:35px; }
.rec table{ background:#f0f0f0; padding-left:3px; padding-right:2px; padding-top:5px; padding-bottom:5px;}
.rec table td{ padding:5px}

.honor_nav{ width:725px; margin:0 auto; overflow:hidden; clear:both}
.honor{ margin-right:-30px; overflow:hidden; _zoom:1}
.honor li{ float:left; margin-right:30px; display:inline; background:url(horo_bg.jpg) no-repeat; width:221px; height:148px; margin-bottom:30px;}
.honor li table{ width:221px; height:148px;}



.project{width:760px;padding-top:4px; padding-bottom:7px;overflow:hidden;}
.project li{width:223px; float:left;  height:350px; margin-right:20px; margin-left:10px; margin-bottom:25px;background:url(gc_bg4.jpg) no-repeat; -webkit-transition: background 0.2s;  
				-moz-transition: background 0.2s;  
				-ms-transition: background 0.2s;  
				-o-transition: background 0.2s;
				transition: background 0.2s;}
.project li:hover{background:url(gc_bg5.jpg) no-repeat;}
.project li img{display: inline; width: 208px; height: 277px;}
.project li a{width: 208px; height: 277px; display:block; margin:9px auto}
.project li p{width:195px; color:#505050; border-bottom:1px solid #e3e3e3; background:url(gc_bg6.jpg) no-repeat 6px 12px; padding-left:18px; padding-bottom:6px; clear:both; padding-right:10px; overflow:hidden; font-size:14px; font-weight:bold;}

.project li p span{color:#b5b5b5; font-size:12px; font-family:Verdana, Geneva, sans-serif; float:right; font-weight:normal;}


.case{width:760px;padding-top:4px; padding-bottom:7px;overflow:hidden;}
.case li{width:223px; float:left;  height:185px; margin-right:20px; margin-left:10px; margin-bottom:25px;background:url(gc_bg2.jpg) no-repeat; -webkit-transition: background 0.2s;  
				-moz-transition: background 0.2s;  
				-ms-transition: background 0.2s;  
				-o-transition: background 0.2s;
				transition: background 0.2s;}
.case li:hover{background:url(gc_bg3.jpg) no-repeat;}
.case li img{display: inline; width: 208px; height: 121px;}
.case li a{width: 208px; height: 121px; display:block; margin:9px auto}
.case li p{width:195px; color:#505050; border-bottom:1px solid #e3e3e3; background:url(gc_bg6.jpg) no-repeat 6px 12px; padding-left:18px; padding-bottom:6px; clear:both; padding-right:10px; overflow:hidden; font-size:14px; font-weight:bold;}
.case li p span{color:#b5b5b5; font-size:12px; font-family:Verdana, Geneva, sans-serif; float:right; font-weight:normal;}




#index{ width:725px; margin:72px auto 0; padding-bottom:45px;}
#index ul{ float:left;width:475px;}
#index span.dtu{ width:231px; display:block; text-align:center; color:#333; padding-bottom:80px; line-height:45px; font-size:14px;}
#index p.text{ width:450px; line-height:24px; float:left}
#index p.text b{ font-size:18px; padding-left:12px;  color:#c00; display:block; background:url(ico_4041.jpg) no-repeat left; margin-bottom:12px;}
#index p b{ color:#333}
#index p.ico{ background:url(ico_404.jpg) no-repeat left; clear:both; padding-left:12px; line-height:26px;}


#banner{ height:285px;}




/**2013-6-28**/

.honnor{ width:660px; height:555px; background:url("honnorImg.jpg") no-repeat left top; margin:0 auto;}
.honnorText{ width:280px; height:40px;  margin-top:4px; text-align:center; line-height:40px; font-weight:700; color:#fff;}
.gracefulBig{ width:398px; padding-top:35px; margin-left:114px;  position:relative;}
.gracefulSmall{ width:620px; height:100px; margin:64px 0px 0px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-left:26px; padding-top:20px; padding-bottom:10px;}
.honnorSmall .jcarousel-skin-tango{ height:100px; }
.honnorSmall .jcarousel-skin-tango li{ float:left; position:relative; text-align:center; width:126px; margin-right:24px;}
.honnorSmall .jcarousel-skin-tango li img{ border:1px solid #ddd;}
.honnorSmall .jcarousel-skin-tango li.current img{ border:2px solid #1285b4; }
.honnorSmall .jcarousel-skin-tango li.current em{ color:#007162;}
.gracefulBigJ {   background: url("caseBigBut.png") no-repeat  0px 0px;    cursor: pointer;    display: block;    height: 59px;
    margin-top: -32px;    position: absolute;    top: 50%;    width: 41px;}
.gracefulBigJLeft {   left: 0px;}
.gracefulBigJRight {    background-position: -650px center;    right: 0;}

.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.jcarousel-skin-tango .jcarousel-clip{ }


.gracefulSmall .jcarousel-skin-tango .jcarousel-container-horizontal{width:588px;height:100px;position:relative;}
.gracefulSmall .jcarousel-skin-tango .jcarousel-clip-horizontal{width:588px;height:100px;overflow:hidden;position:relative;}
.gracefulSmall .jcarousel-skin-tango .jcarousel-item{width:128px;height:100px;}
.gracefulSmall .jcarousel-skin-tango .jcarousel-next-horizontal,
.gracefulSmall .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:50%;width:20px;height:30px;cursor:pointer;overflow:hidden;
	-webkit-user-select:none;-moz-user-select:none;background:url("honnorD.jpg") no-repeat;margin-top:-18px;}
.gracefulSmall .jcarousel-skin-tango .jcarousel-prev-horizontal{left:-28px;}
.gracefulSmall .jcarousel-skin-tango .jcarousel-next-horizontal{right:-26px;background-position:-20px;}

.sjSmall .jcarousel-skin-tango .jcarousel-container-horizontal{width:664px;height:110px;position:relative;}
.sjSmall .jcarousel-skin-tango .jcarousel-clip-horizontal{width:664px;height:110px;overflow:hidden;position:relative;}
.sjSmall .jcarousel-skin-tango .jcarousel-item{width:132px;height:80px;}
.sjSmall .jcarousel-skin-tango .jcarousel-next-horizontal,
.sjSmall .jcarousel-skin-tango .jcarousel-prev-horizontal{position:absolute;top:50%;width:19px;height:70px;cursor:pointer;overflow:hidden;
	-webkit-user-select:none;-moz-user-select:none;background:url("sxJ.jpg") no-repeat;margin-top:-35px;}
.sjSmall .jcarousel-skin-tango .jcarousel-prev-horizontal{left:-20px;}
.sjSmall .jcarousel-skin-tango .jcarousel-next-horizontal{right:-20px;background-position:-33px;}