﻿@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;}
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:#333;}
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 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{}
.wrapper{ width:990px; margin:0 auto;}
.header{ height:88px; overflow:hidden; position:relative;width: 990px;text-align: center;margin: 0 auto;}
.header .logo{ margin:0px 0 0 10px;}
.header .logo img{ float:left;}
.header .toplink{ position:absolute; right:20px; top:0px; height:28px; line-height:28px;}
.header .topInfo{ position:absolute; right:20px; color:#333; top:30px; font-size:20px; font-weight:bold; height:39px; line-height:39px;}
.header .topInfo img{ margin-right:10px;}
/*导航*/
.nav{background:#456e8e;text-align: center;margin:0 auto;width: 100%; height:45px; }
.nav ul{width:990px; text-align:center; margin:0 auto;}
.nav ul li{	float: left;height:37px;text-align: center;margin:0; overflow: hidden;  display:inline;padding-top: 7px;padding-left: 46px;}
.nav ul li a{ line-height:37px; display: block; font-size:18px; color:#FFF; font-weight:bold; width:115px;}
.nav ul li a:hover{ color:#fff; text-decoration:none; }

.banner{ margin-top:3px; clear:both; height:488px; overflow:hidden;s text-align:center; margin:0 auto;width: 100%;}
.banner img{ width:100%;}

.main{ width:1005px; overflow:hidden;  padding:10px 0 0 0;}
.mode_side{ width:263px; float:left; margin-left:5px; display:inline;}

.sy_about{ margin:0 8px 0 7px;}
.sy_about .hd{ height:38px; width:990px; font-size: 18px;font-family: 'Microsoft YaHei';  padding-top:7px; color:#000;font-weight: bold;padding-left: 18px;    border-bottom: 1px dashed #ccc;}
.sy_about .hd a{}
.sy_about .hd span{ font-size: 12px;padding-left: 17px;}
.sy_about .bd{ height:260px; width:991px; overflow:hidden;}
.sy_about .bd .gongsi{ float:left; margin:10px;}
.sy_about .bd .gongsi img{}
.sy_about .bd .sy_about_info{ float:right; width:621px; height:218px; line-height:24px; padding:20px; overflow:hidden;}
.sy_about .bd .sy_about_img{ float:left; border:1px solid #ccc; width:310px; height:205px; padding:3px;}
.sy_about .bd .sy_about_img img{ width:310px; height:205px;}
.sy_about .more{ float:right; padding-right:10px;}
/*左侧产品分类*/
.panel{margin:0px; width:263px;}
.panel .hd{ background: url(./images/announcement.jpg) no-repeat center 0px; height:52px; line-height:52px;}
.panel .hd span{color: #46341E;font-size: 14px;font-weight: bold;padding-left: 98px;}
.panel .bd{background:url(images/left_bd_bg.jpg) repeat-y; padding:0 10px;}
.panel .bd h2{height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(images/left_pro_h1.jpg) no-repeat 0px center; }
.panel .bd .sy_pro{ display:none; }
.panel .bd .sy_pro li{height:28px; line-height:28px; padding:0 10px 0 40px; background:url(images/left_ul_li_bg.jpg) 20px center no-repeat;}
.panel .bd h2.font1{ background:url(images/left_pro_h1_h.jpg) no-repeat 0px center;}
.panel .bd h2.font2{ background:url(images/left_pro_h1.jpg) no-repeat 0px center;}

/*左侧联系方式*/
.pane2{margin-top:10px; }
.pane2 .hd{ background: url(./images/announcement.jpg) no-repeat center 0px; height:52px; line-height:52px;}
.pane2 .hd span{color: #46341E;font-size: 14px;font-weight: bold;padding-left: 98px;}
.pane2 .bd{line-height:23px; padding:5px 10px 0px 10px; background:url(images/left_bd_bg.jpg) repeat-y;}
.pane2 .bd .info{ background:url(images/lianxiwomen1.jpg) no-repeat;}
.pane2 .bd .info h2{ width:245px; text-align:center; font-weight:bold; color:#FF6600;}
/*产品搜索*/
.pane3{ width:263px; margin-bottom:10px; }
.pane3 .hd{ height:52px; line-height:52px;background: url(./images/announcement.jpg) no-repeat center 0px;}
.pane3 .hd span{ color:#46341E; font-size:14px;font-weight: bold;padding-left: 98px;}
.pane3 .bd{line-height:22px; padding:0px 10px; background:url(images/left_bd_bg.jpg) repeat-y; }
.pane3 .bd .hei{ height:20px; line-height:20px;}
.pane3 .bd .sstext{ height:18px; line-height:18px;}
.pane3 .bd #allclass{ width:136px;}
 

/*新闻*/
.pane4 {margin-bottom:10px;}
.pane4 .hd{ height:35px; line-height:32px;background:url(images/left.jpg);}
.pane4 .hd span{ color:#fff; font-size:14px;font-weight: bold;}
.pane4 .bd{ background:url(images/left_bd_bg.jpg) repeat-y; }
.pane4 .bd ul{ padding:0px 10px; }
.pane4 .bd ul li{height:23px; line-height:23px; overflow:hidden; background:url(images/left_new_li_bg.jpg) no-repeat left center; padding-left:15px;}
.pane4 .bd ul li a{ height:23px; width:160px; overflow:hidden;}
.pane4 .bd ul li span{ float:right; }

/*左侧友情链接*/
.pane5 {margin-top:10px;}
.pane5 .hd{ background:url(images/title_bg.gif) top left no-repeat; height:35px; line-height:35px;}
.pane5 .hd strong{ padding-left:30px; font-size:14px; color:#333;}
.pane5 .hd a{ float:right; padding: 15px 10px 0 0;}
.pane5 .bd{border-left:1px solid #4b93ce; border-right:1px solid #4b93ce; border-bottom:1px solid #4b93ce; padding:3px 20px;}
.pane5 .bd ul li{ background:url(images/lanmu_bg.jpg) 0 center no-repeat; padding-left:15px; line-height:24px;}

/*首页公司简介*/
.mode_content{ width:750px; float:right; height:280px;}
.mode_content .aboutTitle{background:url(images/title_bg.gif) top left no-repeat; height:35px; line-height:35px;}
.mode_content .aboutTitle strong{ padding-left:30px; font-size:14px; color:#333333;}
.mode_content .aboutTitle a{ float:right; padding-right: 10px;}
.mode_content .jianjie{line-height:23px; padding:10px; height:223px; overflow:hidden;border-left:1px solid #4b93ce; border-right:1px solid #4b93ce; border-bottom:1px solid #4b93ce; }


/*首页推荐产品*/
.mode_tuijian{ width:990px;margin:0 8px 8px 0; display:inline; height:210px; }
.mode_tuijian .aboutTitle{height:40px; width:990px; font-size: 18px;font-family: 'Microsoft YaHei';  padding-top:7px; color:#000;font-weight: bold;padding-left: 18px;}
.mode_tuijian .aboutTitle .hd{height: 32px;width: 990px;font-size: 18px;font-family: 'Microsoft YaHei';color: #000;    border-bottom: 1px dashed #ccc;}
.mode_tuijian .aboutTitle a{ color:#333; }

.mode_tuijian .aboutTitle span{ font-size: 12px;padding-left: 17px;}
.mode_tuijian .mode_tuijian_body{ position:relative;width: 995px;height: 210px;padding: 35px 0 0 35px;}
.mode_tuijian .mode_tuijian_body .name{ position:absolute; top:23px; left:3px; width:20px; line-height:24px; font-size:14px; font-weight:bold; color:#000; text-align:center;}
#diy_marquee{ clear:both; padding:0;overflow:hidden;position:absolute; top:0;}
#diy_marquee img{ width:157px; height:135px;}
#diy_marquee div{ text-align:center; height:24px; line-height:24px; width:158px; overflow:hidden;}
#diy_marquee table tr td table tr td{ padding:0px 10px 0px 0;}

#diy_marquee2{ clear:both; padding:0;overflow:hidden;position:absolute; top:0;}
#diy_marquee2 img{ width:157px; height:135px;}
#diy_marquee2 div{ text-align:center; height:24px; line-height:24px; width:158px; overflow:hidden;}
#diy_marquee2 table tr td table tr td{ padding:0px 10px 5px 0;}

/*首页业务领域*/
.mode_pro{ width:750px; float:right; margin-top:10px;}
.mode_pro .proTitle{background:url(images/title_bg.gif) top left no-repeat; height:35px; line-height:35px;}
.mode_pro .proTitle strong{ padding-left:30px; font-size:14px; color:#333333;}
.mode_pro .proTitle a{ float:right; padding-right: 10px;}
.pro{padding:10px 0px 0px 16px; overflow:hidden; border-left:1px solid #4b93ce; border-right:1px solid #4b93ce; border-bottom:1px solid #4b93ce;}
.pro ul{ width:730px;}
.pro ul li{ width:182px; float:left; margin:0px 0px 10px 0px;}
.pro ul li a.pic{width:170px; height:130px; display:block; margin-bottom:4px;}
.pro ul li a.pic img{width:170px; height:130px; }
.pro ul li h2{ height:22px; line-height:22px; text-align:center; width:170px; overflow:hidden;}
.pro ul li a{ color:#333;}
.pro ul li a:hover{ color:#F00; text-decoration:underline;}

/*内页右侧公用*/
.mode_body {width:714px; float:right; margin-right:5px; display:inline; }
.mode_body .pageTitle{ background: url(./images/announcement.jpg) no-repeat center 0px;height:52px; line-height:52px;}
.mode_body .pageTitle strong{ padding-left:80px; font-size:14px; color:#46341E;}
.mode_body .pageBd{ line-height:22px; padding:10px 20px; background:url(images/right_bd_bg.jpg) repeat-y;}

/*尾部*/
.hezuo{ height:135px; width:1005px;padding-bottom: 10px; }
.hezuo .bd ul{ padding-left:18px;}
.hezuo .bd ul li{ float:left; margin-right:20px;margin-bottom: 15px;}
.hezuo .bd ul li img{ padding:2px; border:1px solid #e1e1e1; width:138px; height:70px;}
.hezuo .hd{height: 40px;width: 990px;font-size: 18px;font-family: 'Microsoft YaHei';padding-top: 7px;color: #000;margin-bottom: 14px; border-bottom: 1px dashed #ccc;font-weight: bold;padding-left: 18px; }

.footer{ background:#382400;  line-height:22px; text-align:center; color:#fff; padding:25px 0 10px 0;}
.footer p{font-family:Arial;}
.footer a{color:#fff;}
.footer a:hover{color:#000; text-decoration:none;}
.tuijian th{padding:5px;}
.tuijian td{ padding:10px 0;}

/* Product */
.prolist{padding:10px 0px 0px 20px; background:url(images/right_bd_bg.jpg) repeat-y;}
.prolist .pro_about{ line-height:22px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.prolist ul{}
.prolist ul li{ width:230px; float:left; margin:0px 0px 15px 0px; height:190px;}
.prolist ul li img{ width:200px; height:165px; padding:3px; border:1px solid #e2e2e2;}
.prolist ul li p{ width:205px; text-align:center; line-height:24px; height:24px; overflow:hidden;}
.prolist .page{ clear:both; text-align: center; height:20px; line-height:20px; padding:0 0 5px 0;}

/*产品详细*/

.pageBd img{ float:left; margin-left:10px; margin-bottom:10px; padding:2px; border:1px solid #e2e2e2;}
.pageBd .probox-info{ width:370px; float:left; margin-top:10px; padding-left:20px;}
.pageBd .probox-info h1{ color:#333; font-size:20px; border-bottom:1px solid #999; height:35px;font-weight:700; margin-bottom:10px;}
.pageBd .probox-info p{ width:320px; line-height:28px; font-size:14px;}
.pageBd .probox-info p span{ color:#666;}
.pageBd .probox-info p em{ font-weight:bold; color:#F00;}
.pageBd .proContent-title{ clear:both;background:#edf0f4; border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;  height:32px; line-height:32px; padding-left:20px; }
.pageBd .proContent{ line-height:22px; padding-top:10px;}


/*News*/
.news{padding:10px 0px 0px 20px;}
.news ul{ padding-bottom:10px;}
.news ul li{ height:28px; line-height:28px; background:url(images/lanmu_bg.jpg) no-repeat 5px center; border-bottom:1px dashed #e1e1e1; width:670px;}
.news ul li a{ padding-left:20px;}
.news ul li a span{ float:right;}

.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:24px; overflow:hidden; margin-bottom:20px;}

/*案例展示*/
.cases{ background:url(images/right_bd_bg.jpg) repeat-y;}
.cases ul{ padding:0 0 0 30px; }
.cases ul li{ float:left; width:225px; margin-top:10px;}
.cases ul li img{ width:200px; height:165px;}
.cases ul li div{ width:200px; text-align:center; height:24px; line-height:24px; overflow:hidden;}
.page{ clear:both; text-align: center; line-height:20px; padding-top:20px;}
.page a{ padding:3px 5px; border:1px solid #ccc;}

.cases h2{ height:30px; line-height:30px; font-size:14px; text-align:center;}
.cases .caseimg{ text-align:center;}
.cases .caseimg img { width:450px;}
.caseinfo{ padding:20px; line-height:22px; text-indent:2em;}
/*留言*/
.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, .reset_button{ width:63px; height:23px; color:#333; border:none; background:url(images/reset_bt.gif) no-repeat;}


/*招聘*/

.jotTop{ padding:0 0 15px 0; line-height:22px;}
.jobList{}
.jobList dt{height:33px; line-height:33px; background:url(images/jobTit.gif) no-repeat left top;font-size:14px; font-weight:bold; margin-bottom:1px; cursor:pointer;} 
.jobList dt label{ margin-left:20px; margin-right:30px; }
.jobList dt em{ color:#666;}
.jobList dd{ background:url(./images/jobBg.gif) repeat-x left top; padding:10px 50px 10px 50px; display:none;}
.jobTb th,.jobTb td{ padding:5px 0; border:1px solid #ededed; line-height:22px;}
.jobTb th{ color:#5b5b5b; font-weight:bold; text-align:center;}
.jobTb td{ padding:5px 10px;}
.jobItem { padding-left:75px; text-indent:-75px;}
.jobItem label{ font-weight:bold;color:#5b5b5b;}

/*合作*/
.nei_hezuo{ background:url(images/right_bd_bg.jpg) repeat-y; overflow:hidden;}
.nei_hezuo ul{ width:688xp; padding-left:10px; padding-top:10px;}
.nei_hezuo ul li{ float:left; width:350px; margin-bottom:15px;}
.nei_hezuo ul li img{ padding:2px; border:1px solid #e1e1e1; width:140px; height:80px; float:left;}
.nei_hezuo ul li .hezuo_info{ float:left; width:180px; padding-left:10px;}
.nei_hezuo ul li .hezuo_info h2{ font-size:14px; font-weight:bold; padding:5px 0 0 0; height:20px; width:180px; overflow:hidden; line-height:20px;}
.nei_hezuo ul li .hezuo_info div{ height:62px; width:180px; overflow:hidden; line-height:21px;}
.zhongjian{ width:990px; height:230px;margin-bottom: 15px;padding-top: 230px;
}
.zhongjian .news{ width:680px; float:left; padding:0px;}
.zhongjian .news .hd{height: 40px;font-size: 18px;font-family: 'Microsoft YaHei';padding-top: 7px;color: #000;font-weight: bold;padding-left: 18px;    border-bottom: 1px dashed #ccc;}
.zhongjian .news .hd a{}
.zhongjian .news .hd span{font-size: 12px;padding-left: 17px;}
.zhongjian .news .bd{ padding:10px 12px;}
.zhongjian .news .bd ul{}
.zhongjian .news .bd ul li{height: 28px;line-height: 28px;border-bottom: 1px dashed #e1e1e1;width: 650px;}
.zhongjian .news .bd ul li span{ float:right;}

.zhongjian .contact{ width:300px; float:right; padding:0px;}
.zhongjian .contact .hd{height: 40px;font-size: 18px;font-family: 'Microsoft YaHei';padding-top: 7px;color: #000;font-weight: bold;padding-left: 18px;    border-bottom: 1px dashed #ccc;}
.zhongjian .contact .hd a{}
.zhongjian .contact .hd span{font-size: 12px;padding-left: 17px;}
.zhongjian .contact .bd{ padding:10px 12px;}
.zhongjian .contact .info{ line-height:24px;}