@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;font-size:12px;font-family:"宋体",Arial, Helvetica, sans-serif;}
table{border-collapse:collapse;}
a img{border:0px; outline:none; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;font-size:12px; vertical-align:middle;}
a{text-decoration:none; color:#4f4e4e; outline:none;}
a:hover{ text-decoration:underline; color:#007783;}
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
.input{background: none repeat scroll 0 0 #FBFBFB;border: 1px solid #DDDDDD;color: #555555;height: 20px; line-height: 20px; padding: 0 3px;}
.textarea{border: 1px solid #DDDDDD;background: none repeat scroll 0 0 #FBFBFB;}
.submit{ width:60px;}
/****resetend***/

/* 头部 */
body{ background:url(images/bg.gif) top center; color:#4f4e4e;}
.wap_main{ width:1010px; margin:0 auto; background:#FFF;}
.head{ width:990px; margin:0 auto;}
.header{ height:100px; overflow:hidden; position:relative; background:url(images/top.jpg) bottom left repeat-x; color:#000;}
.header .logo{ margin:10px 0 0 10px;}
.header .topInfo{ position:absolute; right:20px; top:12px; color:#666; font-size:20px; }
.header .topInfo span{ font-size:28px; font-weight:bold; color:#007783;}
.header .toplink{position:absolute; right:20px; top:10px; font-size:12px; color:#545454; text-align:right; height:20px; line-height:20px; }
.header .ss{position:absolute; right:20px; top:57px; color:#545454; width:280px; }
.header .ss .searchinput{ height:28px; width:195px; line-height:28px; border:0 none; outline:none; background:url(images/searchinput_bg.gif) no-repeat; padding:0 10px; color:#a7ddde;}

/*导航*/
.nav{padding-left:0px; background:url(images/nav_bg.gif) top left repeat-x; height:35px; width:990px; overflow:hidden; z-index:1000}
.nav ul{ width:1020px; margin-left:-1px; z-index:1000;}
.nav ul li{	float: left;height:35px;text-align: center; position:relative; z-index:1000;}
.nav ul li.nav_line{ height:35px; width:7px; background:url(images/nav_line.gif) center top no-repeat;}
.nav ul li a{ line-height:35px; display: block; font-size:13px; color:#FFF; font-weight:bold; width:104px;}
.nav ul li a:hover{ color:#008b99; text-decoration:none; background:url(images/nav_h.gif) top center repeat-x;}

.nav ul LI dl { position:absolute;  display:none; top:35px; left:0px;background:#1b456c; z-index:1000;}
.nav ul LI dl DD { border-bottom:1px solid #e2e2e2; }
.nav ul LI dl DD A { display:block; height:28px; line-height:28px; width:100px; font-size:12px; font-weight:normal; }
.nav ul LI dl DD a:hover{ color:#ff6c00; background:#225f9a;}


/*banner*/
.banner{text-align:center; padding:1px 0px 0px 0px; clear:both; height:280px; overflow:hidden; z-index:1;}
.banner img{ height:280px; width:990px;}

.workinfo{ height:26px; line-height:26px; width:970px; background:#f4f4f4; border-bottom:1px solid #e3e3e3; color:#008b99; padding:0 10px;}
.work_L{ width:945px; float:right;}
.work_L #work_l_m{ width:945px; height:26px; overflow:hidden;}
.work_L #work_l_m li{ height:26px; float:left; padding-left:20px;}


.work_R{ float:left; height:26px; width:20px; background:url(images/laba.gif) center center no-repeat;}


.main{ width:990px; margin:0 auto; overflow:hidden;  padding:15px 0 0 0; }
.main1{ width:990px; overflow:hidden; margin-bottom:15px; }
.sy_title .more{ float:right; padding-right:15px;}
.sy_title{height:28px; line-height:28px; border-bottom:1px solid #16b5c5; background:url(images/up2.gif) 5px center no-repeat;}
.sy_title strong{ color:#007783; padding-left:30px; font-size:14px;}
.sy_title .more{ float:right; padding-right:15px;}
.title2{ height:38px; background:url(images/right_top.gif) top left no-repeat;}
.title2 strong{ padding:14px 0 0 45px; display:block; font-size:14px; color:#007783;}
.title2 a{ float:right; padding:15px 15px 0 0;}


.sy_hzhb{ width:230px; overflow:hidden;}
.sy_hzhb .hd{height:32px; line-height:32px; background:url(images/t5.gif) bottom left no-repeat; }
.sy_hzhb .hd strong{ font-size:14px; color:#FFF; padding-left:28px;}
.sy_hzhb .hd span{ color:#40829c; margin-left:35px; font-size:14px;}
.sy_hzhb .hd a{ float:right; padding:10px 10px 0 0;}
.sy_hzhb .bd{ padding:10px 10px 0px 10px; overflow:hidden; background:url(images/right_bg.gif) bottom left repeat-y;}
.sy_hzhb #sy_hzhb{ width:208px; height:174px; overflow:hidden; }
.sy_hzhb ul { }
.sy_hzhb ul li{ float:left;  height:60px; width:208px; overflow:hidden; text-align:center;}
.sy_hzhb ul li img{ height:50px; width:180px; padding:1px; border:1px solid #e2e2e2;}
.bottom2{ width:230px; height:20px; background:url(images/right_bottom.gif) bottom center no-repeat;}


.sy_about{ width:740px; overflow:hidden;}
.sy_about .bd{ padding:10px 10px 0 10px; background:url(images/pro_bg.png) top left repeat-x; float:left; height:200px; overflow:hidden; width:720px; }
.sy_about .bd img{ height:120px; padding:1px; border:1px solid #c9e6ff; float:left; margin-right:15px;}
.sy_about p{ line-height:22px; text-indent:2em;}

.main2{ width:990px; overflow:hidden; margin-bottom:15px; }
.main2 .bd{ padding:15px 0 0 5px;  background:url(images/pro_bg.png) top left repeat-x;}
.main2 #sy_marquee{height:190px; width:980px; overflow:hidden;}
.main2 #sy_marquee ul { }
.main2 #sy_marquee ul li{ width:165px; float:left; margin:0px; height:190px; overflow:hidden; }
.main2 #sy_marquee ul li div{ border:1px solid #d4e9ea; width:150px; height:150px; display:table-cell; vertical-align:middle;  text-align:center;  *display:block; *font-size:131px; *font-family:Arial; overflow:hidden;}
.main2 #sy_marquee ul li div img{ vertical-align:middle;}
.main2 #sy_marquee ul li h3{border:1px solid #d4e9ea; width:150px; height:28px; line-height:28px; overflow:hidden; text-align:center; margin-top:3px; background:#f9f9f9;}

.main3{ width:990px; overflow:hidden; margin-bottom:15px; }
.sy_news1{ width:480px; float:left; overflow:hidden; margin-right:15px;}
.sy_news2{ width:480px; float:right; overflow:hidden;}
.news_bd{ padding:5px; background:url(images/pro_bg.png) top left repeat-x;}
.news_bd ul li{ height:26px; line-height:26px; border-bottom:1px dashed #d9d9d9; }
.news_bd ul li a{ background:url(images/caseIco.gif) 0px center no-repeat; padding-left:12px;}
.news_bd ul li span{ float:right; color:#bbb;}


.mode_side{ width:230px; float:left; overflow:hidden; margin-bottom:20px;}



/*左侧带二级产品分类*/
.pane1{ margin-bottom:15px;}
.pane1 .bd{padding:10px 15px 0px 15px; overflow:hidden; background:url(images/right_bg.gif) bottom left repeat-y;}
.pane1 .bd ul li{line-height:28px; background:url(images/title02.gif) 15px 8px no-repeat; border-bottom:1px dashed #ccc;}
.pane1 .bd ul li a{ padding-left:40px;font-weight:bold;}

.pane1 .bd ul li li{line-height:28px; background:none; border-bottom:1px dashed #ccc;}
.pane1 .bd ul li li a{ padding-left:40px;font-weight:normal;}


.pane2{ background:url(images/right_top.gif) top left no-repeat;}
.pane2 .bd{ background:url(images/right_bg.gif) bottom left repeat-y; padding:10px 15px 0px 15px; overflow:hidden; }
.pane2 .bd p{ line-height:26px; font-size:14px;}


.pane3{margin-bottom:15px; background:url(images/right_top.gif) top left no-repeat;}
.pane3 .bd{ background:url(images/right_bottom.gif) bottom left no-repeat; padding:0 15px 0px 15px; overflow:hidden; }
.pane3 .bd .kuai{ padding:15px 0 15px 0;}
.kuai h2{ height:30px; line-height:30px; color:#000; background:url(images/arr2.gif) left center no-repeat; padding-left:15px;}
.kuai .infoo{ line-height:24px; text-align:center;}


/*左侧二级导航*/
.pane4 {margin-bottom:10px;}
.pane4 .hd{ background:url(images/right_title.gif) top left no-repeat; height:42px; line-height:42px;}
.pane4 .hd strong{ padding-left:40px; font-size:14px; color:#000000;}
.pane4 .hd a{ float:right; padding: 15px 10px 0 0;}
.pane4 .bd{ padding:0 1px;border-left:1px solid #dedede; border-right:1px solid #dedede; background:url(images/left_bottom.gif) bottom left no-repeat;}
.pane4 .bd ul{padding:5px 0px 0 0px; padding-bottom:5px;border-left:2px solid #efefef; border-right:2px solid #efefef;}
.pane4 .bd ul li{height:30px; line-height:30px; background:url(images/left_li_bg.jpg) no-repeat; overflow:hidden; padding-left:30px;}
.pane4 .bd ul li a{ font-size:13px; color:#333;}

/*左侧友情链接*/
.pane5 {margin-top:10px;}
.pane5 .hd{ background:url(images/right_title.gif) top left no-repeat; height:35px; line-height:35px;}
.pane5 .hd strong{ padding-left:40px; font-size:14px; color:#000000;}
.pane5 .hd a{ float:right; padding: 15px 10px 0 0;}
.pane5 .bd{border-left:1px solid #dedede; border-right:1px solid #dedede; background:url(images/left_bottom.gif) bottom left no-repeat; line-height:22px; padding:4px 20px;}



/*内页右侧公用*/
.mode_body {width:740px; float:right; overflow:hidden; margin-bottom:20px;}
.mode_body .pageTitle{height:28px; line-height:28px; border-bottom:1px solid #16b5c5; background:url(images/up2.gif) 5px center no-repeat;}
.mode_body .pageTitle strong{ color:#007783; padding-left:30px; font-size:14px;}
.mode_body .pageTitle span { float:right; padding-right:20px;}
.mode_body .pageTitle span a{ color:#4f4f4f;}
.mode_body .pageBd{ line-height:22px; padding:20px;}


/*友情链接*/
.links{ width:970px; margin:0 auto; padding:10px; margin-top:15px; border-bottom:1px solid #dedede; overflow:hidden;}
.links p{ height:22px; line-height:22px; width:80px; float:left; font-size:14px; font-weight:bold; text-align:center;}
.links p span{ font-size:12px; font-weight:normal; }
.links ul { width:890px; float:right;}
.links ul li{ float:left; margin-right:15px; height:22px; line-height:22px;}
.links ul li a{ color:#666;}
.links ul li a:hover{ text-decoration:underline;}

/*版权*/
.footer{ margin:0 auto; text-align:center; width:990px; background:url(images/bottom.gif) top left repeat-x #FFF; line-height:26px; padding-top:20px;}
.footer .foot_nav{ height:30px; line-height:30px; margin:0px 0 0px 0;}
.footer a:hover{ text-decoration:none;}


/* 产品展示 */
.prolist{padding:10px 0px 10px 15px;}
.prolist ul{}
.prolist ul li{ width:180px; float:left; margin:0px 0px 10px 0px; height:190px; overflow:hidden;}
.prolist ul li div{
border:1px solid #e2e2e2;
width:165px;
height:160px;
display:table-cell;
vertical-align:middle; 
text-align:center; 
*display:block;
*font-size:144px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
overflow:hidden;}
.prolist ul li img{ vertical-align:middle;}
.prolist ul li h3{ width:165px; height:28px; line-height:28px; overflow:hidden; text-align:center;}
.page{ clear:both; height:30px; line-height:30px; text-align:center; padding:10px 0px;}
.page a{ padding:3px 6px; border:1px solid #ccc;}
.page a:hover{border:1px solid #FF6600; text-decoration:none;}
.page a.current{color:red;}

/*产品详细*/
.cases_d { padding:20px; margin:0px; }
.cases_d .pro_title{ height:40px; line-height:40px; font-size:18px; text-align: center;}
.cases_d .img{ text-align: center;}
.cases_d .img img{padding:3px; border:3px solid #f0f0f0;}
.cases_d .info { line-height:24px;}
.cases_d .info p{}

/*新闻中心*/
.news{}
.news ul{ padding-bottom:10px;}
.news ul li{ height:28px; line-height:28px; background:url(images/caseIco.gif) no-repeat 5px center; border-bottom:1px dashed #e1e1e1;}
.news ul li a{ padding-left:20px;}
.news ul li span{ float:right; color:#999;}

.newshd{ text-align:center; padding:10px 0 10px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.newshd h1{ font-size:18px; height:40px; line-height:40px;}
.newshd p{ line-height:24px; padding-top:10px; font-size:12px;}
.newsContent{ padding:0 10px; line-height:22px; overflow:hidden; margin-bottom:20px;}
.newsContent p{ text-indent:2em; margin-bottom:5px;}

.brand{ padding:30px 0 20px 35px; overflow:hidden;}
.brand ul li{ width:175px; float: left; height:85px; overflow:hidden;}
.brand ul li img{ width:138px; height:60px; border:1px solid #e2e2e2;}

.feedback { width:550px; border:1px #CCC solid;}
.feedback tr{ height:30px;}
.feedback td{ padding:4px;}
.feedback_t1 {float:left;width:350px; line-height:20px; padding-top:10px;}
.feedback_t2 {float:left;width:300px;height:160px;padding-left:40px;}
.feedback_1 { width:100px; padding-left:5px; border-right:1px #ccc solid; border-bottom:1px #CCC solid; text-align:center;}
.feedback_2 { padding-left:5px; border-bottom:1px #CCC solid;}
.feedback_3 { font-weight:bold; text-align:center; border-bottom:1px #CCC solid;}
.feedback_input_1{ width:290px; height:20px; line-height:20px; padding:0 5px;}
.feedback_input_2{ width:367px; height:20px; line-height:20px; padding:0 5px;}
.feedback_textarea{ width:370px; height:100px; padding:5px;}
.submit_button{ width:63px; height:23px; color:#666; border:none; background:url(images/reset_bt.gif) no-repeat;}
.reset_button{ width:63px; height:23px; color:#666; border:none; background:url(images/reset_bt.gif) no-repeat;}