@charset "utf-8";
/* CSS Document */
body{ background:#efefef url(../images/mainbg.png) left top repeat-x; }
#container{ margin:0 auto; }
.box{ padding:10px; border:1px solid #cbcbcb; border-top:0; background:#faf9f9 url(../images/boxbg.png) left bottom repeat-x;}
.btn{ width:60px; height:24px; line-height:24px; text-align:center; margin-top:5px;}
.fl{ float:left}
.fr{ float:right}
.lm-t{ clear:both; background:url(../images/lm_t.png) left bottom repeat-x; height:45px;}
.lm-tl{ background:url(../images/lm_tl.png) left bottom no-repeat; width:10px; height:45px;}
.lm-t .head{ background:url(../images/lm-head.png) left top no-repeat; height:45px;}
.lm-tr{ background:url(../images/lm_tr.png) right bottom no-repeat; width:10px; height:45px;}
.lm-b{ clear:both; background:url(../images/lm_b.png) left bottom repeat-x; height:5px; line-height:5px;}
.lm-bl{ background:url(../images/lm_bl.png) left bottom no-repeat; width:10px; height:5px;}
.lm-br{ background:url(../images/lm_br.png) right bottom no-repeat; width:10px; height:5px;}
.headtitle{ line-height:40px; font-size:14px; font-weight:bold;}
.more{margin-top:15px;}
.more2{ color:#ff6600;}
.span{ line-height:37px;color:#333;}
.span a:link,.span a:visited,.span a:active{ color:#333;}
.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}

.listright_p{width: 705px;overflow:hidden;margin-bottom:20px;}
.listright_p ul{width:760px;}
.listright_p ul li{float:left;width: 150px;margin-left: 19px;margin-top:15px;}
.listright_p ul li table{margin:0 auto;}
.tjcp_cont_tp{width: 150px;border:1px solid #ccc;background:#fff;height:150px;overflow:hidden;}
.tjcp_cont_tc{line-height:25px;overflow:hidden;width: 150px;height:25px;text-align:center;margin-top:7px;}
.tjcp_cont_tc a{color:#5d5d5d;line-height:25px;overflow:hidden;width:173px;height:25px;}

/**page**/
.page{ clear:both; margin:10px 0; text-align:center; float:left; width:100%; line-height:25px;}
.page span.disabled {color: #CCC;margin-right: 2px;border: 1px solid #ccc;padding: 2px 5px;border-image: initial;}
.page span.current {padding: 2px 5px;font-weight: bold;color: #ff6600;margin-right: 2px;border: 1px solid #CCC;background: #F5FAFD;text-decoration: none;border-image: initial;}
.page a {margin-right: 2px;border: 1px solid #CCC;padding: 2px 5px;border-image: initial;}
.page a:hover {background: #F5FAFD;}




/*header*/
#top{ clear:both; margin:0 auto;}
#top .top{ clear:both; margin:0 auto; background:url(../images/headbg.png) left top repeat-x;}
#top .head{clear:both;margin:0 auto;min-height: 100px;}
	.logo{height:70px;margin-top:10px;margin-left:10px;position: relative;}
	.logo img{ float:left;}
	.logo span{float:left; font-size:30px; font-weight:bold; line-height:82px; color:#333; margin-left:10px; }
	.logo a{color:#a42a2a;}
	.china{margin: 34px auto 0 auto;font-size:12px;}
	.china ul{line-height:30px;}
	.china li{ display:inline;}
	.china a:link,.china a:visited,.china a:hover,.china a:active{padding:0 10px; }
	.nav{ clear:both; margin:0 auto; background:url(../images/menubg.png) left bottom repeat-x; height:38px;}
	.nav-cl,.nav-cr{ height:38px; line-height:38px;}
	.nav-cl{ background:url(../images/nav_cl.png) left bottom no-repeat;}
	.nav-cr{ background:url(../images/nav_cr.png) right bottom no-repeat;}
	.menu ul{ margin:0 auto;}
	.menu ul li{ float:left; background:url(../images/line.png) right bottom no-repeat; width:120px; height:38px; font-size:14px; font-weight:bold; text-align:center;}
	.menu ul li a:link,.menu ul li a:visited,.menu ul li a:active{ width:120px; height:38px; line-height:38px; color:#333; display:block}
	.menu ul li a:hover{ background:url(../images/menuhoverbg.png) center top no-repeat; height:38px; line-height:38px; color:#fff; display:block;}
    .menu ul li.current{ background:url(../images/menuhoverbg.png) center top no-repeat; line-height:38px; color:#fff; display:block;}
	.menu ul li.current a:link,.menu ul li.current a:visited,.menu ul li.current a:hover,.menu ul li.current a:active{ background:url(../images/menuhover.png) center center no-repeat; line-height:36px; color:#fff;}
	
/*banner图片*/	
.banner{ clear:both; margin:0 auto; background:url(../images/bannerbg.png) left top repeat; }
.eara{ margin:0 auto;}
#focus {width:980px;height:250px;overflow:hidden;position:relative;}
#focus ul {height:380px;position:absolute;}
#focus ul li {float:left;width:980px;height:250px;overflow:hidden;position:relative;background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:980px; height:20px;left:0;bottom:0;background:#000;}
#focus .btn {position:absolute; width:780px; height:10px;padding:5px 10px; right:0; bottom:0;text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}

/*main*/
#main{ clear:both; margin:10px auto 0 auto; width:980px;}
.right-t{ clear:both;}

/*产品滚动*/


/*左侧*/
.left .lm-t{ background:url(../images/left_t.png) left top repeat-x; height:40px; line-height:40px; color:#fff; font-size:14px; font-weight:bold;}
.left .lm-tl{ background:url(../images/left_tl.png) left top no-repeat;}
.left .lm-t .head{ background:none;}
.left .lm-tr{ background:url(../images/left_tr.png) left top no-repeat;}
.left .box{ background:none; background-color:#fff;}
.contact li.phone{ background:url(../images/phone.png) left center no-repeat;line-height:30px; color:#0080c0; padding-left:30px;}
.contact li.e-mail{ background:url(../images/e-mail.png) left center no-repeat;line-height:30px; color:#0080c0; padding-left:30px;}
.Show_Pro1th{ font-weight:bold; line-height:30px;}
.Show_Pro1th a { background: url(../images/icon.png) 5px center no-repeat; padding-left:15px; width:210px;cursor: pointer; border-bottom:1px dashed #ccc; height:30px; line-height:30px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Show_Pro2th{ font-weight:normal; margin:5px 10px;}
.Show_Pro2th a{ background:url(../images/icon2.png) left center no-repeat;  width:190px; border:0; line-height:24px; height:24px; padding-left:10px;}
.left .contact .box ul{ border:0;}
.left .contact .box ul li{ line-height:24px;}

/*右侧*/
.right .product{ clear:both; float:left;}
.right .about img{ margin:10px;}

/* 产品*/
.list ul{ overflow:hidden;}
.list ul li{ width:204px; margin:0 15px; float:left; margin-bottom:10px; height:180px;}
.list ul li .img a{ 
	width:200px; 
	height:140px; 
	padding:1px; 
	border:1px solid #ccc;
	text-align:center;display: table-cell;
	vertical-align:middle;
	*display: block;
	*font-size: 140px;
	*font-family:arial;
	}
.list{width:703px;overflow:hidden;}
.list ul{width:750px;}
.list ul li .img a:hover{border:1px solid #ff6600;}
.list ul li .img a img{height: 135px;}
.list ul li .name{ text-align:center; width:204px; line-height:30px;height: 30px;white-space: nowrap;overflow:hidden;}
.prolist h1{background:url(../images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.prolist h2{font-size:16px;color:#ff6600; text-align:center; line-height:50px;}
.prolist h3{font-size:12px;color:#333; font-weight:normal; text-align:center;line-height:30px;}
.prolist p{line-height:20px;padding:0 20px; text-indent:24px;font-size:12px;color:#333;}
.prolist img{margin:10px 0;}
.pro_tab{border:solid 1px #ccc;margin:0 100px;border-bottom:0;height:100%;margin-bottom:20px;}
.pro_tab li{border-bottom:solid 1px #ccc;line-height:30px;font-size:12px;color:#333;clear:both; padding:0 5px;}
.pro_name{border-right:solid 1px #ccc;width:80px;display:block;background-color:#EAEAEA;float:left; text-align:right;}
.pro_main{display:block;float:left;padding-left:10px;}

/*新闻*/
.newsCatalog{padding:10px 0 ;}
.newsCatalog a{color:#333;border:solid 1px #ccc;line-height:30px;display:block;width:120px; float:left; text-align:center;margin-right:10px; background-color:#eaeaea;}
.newsCatalog a:hover{color:#ff0000; text-decoration:underline;}
.news li{background:url(../images/icon3.png) left center no-repeat;line-height:35px;padding-left:10px;border-bottom:1px dashed #d3d8dc;height: 35px;overflow: hidden;}
.news h2{font-size:16px;color:#e97717; text-align:center;line-height:50px;}
.news h3{font-size:12px;color:#333;font-weight:normal;text-align:center;line-height:30px;}
.news-date{ float:right; color:#999;}

/*招聘*/
.jobs{font-size:12px;}
.jobs h1{background:url(../images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.jobs ul{color:#333; border-bottom:1px dashed #ccc; margin:10px;}
.jobs ul li{ padding:0 10px; line-height:24px; margin:5px 0;}
.jobs .title{ background-color:#eaeaea;}
.jobs_title{font-weight:bold; color:#333; }
.jobs_name{font-weight:bold;color:#333; text-align:right;float:left;width:120px; }

/*留言*/
.o_list{font-size:12px;}
.o_list .title{ background-color:#3496e4; height:30px; line-height:30px; color:#fff; font-weight:bold; padding-left:10px;}
.o_list h1{background:url(../images/h1_bg.png) repeat-x;line-height:30px;font-size:14px;padding-left:20px;border-bottom:solid 1px #ccc;}
.o_list ul{padding:10px 0 ;color:#333;line-height:30px;border-bottom:solid 1px #ccc;margin:0 30px 10px 30px;}
.o_r{color:#ff0000;}

/*联系*/
.contact ul{font-size:12px;border-bottom:solid 1px #ccc; }
.contact li{line-height:30px;color:#333;}
.c_name{font-weight:bold;color:#333; text-align:right;float:left;width:100px; }
.c_line{border-bottom:solid 1px #ccc; margin:10px 0;}

/*footer*/
.links{ clear:both; margin:10px auto 0 auto; background-color:#fff; border:1px solid #cbcbcb; padding:10px;}
.links h1{font-size:12px; color:#e97717;line-height:24px; text-align:left;}
.links a{color:#8a8a8a; margin-left:10px; font-weight:normal;}
.links a:hover{color:#ff6600;text-decoration:underline;}
#footer{ clear:both; margin:0 auto; background:url(../images/footbg.png) left top repeat-x; color:#fff; padding-top:20px;}
#footer a:link,#footer a:visited,#footer a:active{ color:#fff;}
#footer a:hover{ color:#fff;}
.foot-nav{ height:40px; line-height:40px;}
.foot-nav a{ font-weight:bold;}
.foot-nav,.copy{ clear:both; margin:0 auto; width:980px; text-align:center;}
.copy{ padding:13px 0; font-weight:normal;}


.logo img{float:left;max-width: 465px;max-height: 100px;}


.search_t{position:absolute;right:10px;top: 25px;}
.ttr_txt{width:200px;height:25px;line-hieght:25px;border:1px solid #CCC;padding-left:5px;float:left;border-right:none;}
.tte_po{float:left;width:50px;height:27px;background:#0071a3;cursor:pointer !important;border:none;color:#ffffff;font-size:13px;}

/* 分页 */
a{text-decoration:none;}
*{padding:0; margin:0; list-style:none;}
address,cite,em {font-style:normal;}
.page_tp{margin:27px auto;text-align:center;height:32px;line-height:32px;display:inline-block;width:100%;}
.page_op_txt{background:#fff;border:1px solid #ccc;height:30px;line-height:30px;padding:0px 10px !important;display:inline-block;color:#333333;font-size:12px;font-family:"微软雅黑";margin-right:10px;display:inline-block;margin-left:10px;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.page_tp span{color:#6d6d6d;font-size:12px;font-family:"微软雅黑";display:inline-block;padding:0px !important;border:0px !important;background:none;}
.red_pcd{width:40px;height:28px;line-height:28px;color:#6d6d6d;font-size:12px;font-family:"微软雅黑";border:1px solid #ccc;padding-left:5px;margin-right:10px;margin-left:10px;display:inline-block;margin-top:1px;outline:none;text-align:center;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.red_pcd1{width:46px;height:30px;border:1px solid #e5e5e5;color:#333;font-size:12px;font-family:"微软雅黑";background:none;cursor:pointer !important;margin-left:10px;display:inline-block;margin-top:1px;background:#efefef;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.page_tp em{display:inline-block;margin-right:10px;}
.page_op_txtu{color:#bbb;}
.page_tp em a{background:#fff;border:1px solid #e5e5e5;padding:0px;height:30px;line-height:30px;width:36px;display:inline-block;color:#333333;font-size:13px;font-family:"微软雅黑";text-align:center;margin:0px 5px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.page_tp em a.on{border:1px solid #b6b6b6;color:#fff;background:#b6b6b6;font-weight:bold;}
.page_tp em a.on_last{border-right:1px solid #e5e5e5;}



.ren_slider{width:100%;position:relative;}
.ren_slider div.img{max-width:100%;text-align:center;}
.ren_slider div.img img{max-width:100%;}
.ren_slider .renwnum{position:absolute;left:0px;width:100%;bottom:7px;z-index:9999;color:#fff;overflow:hidden;text-align: center;}
.ren_slider .renwnum span{display:inline-block;background: url(../images/pagination.png) center top no-repeat;width:16px;height: 15px;margin: 0px 1px;}
.ren_slider .renwnum span.on{background: url(../images/pagination.png) center bottom no-repeat;}


.met-feedback-body{margin-top:30px;}
.form-group{line-height:36px;margin-bottom:22px;position:relative;width: 100%;display: inline-block;}
.form-control{border:1px solid #e4eaec;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:36px;height:36px;outline:none;color:#666;font-size:12px;padding-left:2%;width:97%;}
textarea.form-control{border:1px solid #e4eaec;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:36px;height:180px;outline:none;color:#666;font-size:12px;padding:10px 2%;width:95%;}
#code{border:1px solid #e4eaec;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:36px;height:36px;outline:none;color:#666;font-size:12px;padding-left:2%;width:40%;float: left;}
.btn-primary{border:1px solid #0071a3;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;line-height:36px;height:36px;outline:none;color:#666;font-size:12px;width:100%;background:#0071a3;color:#fff;cursor:pointer !important;}
.form-group label{position:absolute;left:0px;bottom: -20px;line-height:20px;color:#666;font-size:12px;}
.form-group label.error{color:#ff0000;}
.form-group span{display:inline-block;line-height:36px;height:36px;margin-left: 10px;color:#666;font-size:12px;cursor:pointer !important}
.form-group span img{float:left;}
.form-group span a{display:inline-block;color:#666;font-size:12px;}
