@charset "utf-8";
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #686868; font: 12px/1 "Arial","微软雅黑"; margin: 0; padding: 0; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 14px; padding: 0; margin: 0; }

ul, ol, li, dl, dt, dd { list-style: none; text-decoration: none; height: auto; padding: 0; margin: 0; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */

code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */

small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }

q:before, q:after { content: ''; }

p { margin: 0; padding: 0; }

/* 重置表单元素 */

legend { color: #686868; } /* for ie6 */

fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }

/* 重置表格元素 */

/* 重置 hr */

hr { border: none; height: 1px; }

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

html { overflow-y: scroll; }

:link { text-decoration: none; color: #686868; }

:visited { text-decoration: none; color: #686868; }

/*======================公用样式=======================*/

.warp { width:100%; margin: 0 auto; overflow: hidden; }



.header { width:1200px; height:110px; margin:0 auto;  position:relative;}

.logo { width:220px; height:110px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999px; position:absolute; top:0; left:0;}

.menu { position:absolute; right:0; top:57px;}

.menu li { float:left; font-size:14px;}

.menu li a { display:block; color:#686868; margin-left:70px;}



.ch { width:21px; height:15px; position:absolute; top:23px; right:33px; background:url(../images/ch.jpg) no-repeat;}

.en { width:21px; height:15px; position:absolute; top:23px; right:0; background:url(../images/en.jpg) no-repeat;}

.ch a,.en a { display:block; text-indent:-9999px;}



#full-screen-slider { width:100%; height:700px; margin:0 auto; position:relative;}

#slides { display: block; width: 100%; height:700px; list-style: none; padding: 0; margin: 0; position: relative;  }

#slides li { display: block; width: 100%; height:700px; list-style: none; padding: 0; margin: 0; position: absolute; }

#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }

#pagination { display: block; list-style: none; position: absolute; left:50%; top:92%; z-index: 9900; }

#pagination li { display: block; list-style: none; width:17px; height:17px; float: left; margin-left: 5px; background: #fff; border-radius:10px; }

#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }

#pagination li.current { background: #ea4e00; }



.inner_ban { width:100%; height:525px;}





/*======================首页样式=======================*/

.index_box { width:100%; height:66px; border-bottom:1px solid #dcdcdc;}

.index_box_main { width:1200px; height:66px; margin:0 auto; position:relative;}

.search_hot { height:50px;  position:absolute; top:32px; left:0;}

.search_hot span {  margin-right:10px; display:block; color:#2a2727; float:left;}

.search_hot span b { color:#0055b9;}

.search_hot em { display:block; float:left;}

.search_hot em a { margin-right:16px;}

.search_hot em a:hover { text-decoration:underline;}



.search_info { width:293px; height:36px; background:url(../images/search.jpg) no-repeat; position:absolute; top:15px; right:0;}

.search_info_txt { display:inline; float:left; height:36px; width:250px; }

.search_info_txt_css { background-color: transparent; border-color: -moz-use-text-color; border-style: none; border-width:0; float:left; height:36px; line-height:36px; overflow: hidden; width:250px; color:#888; text-indent:20px;}

.search_info_btn { float: right; height:36px; width:43px; }

.search_info_btn_css { background:transparent; border-color:-moz-use-text-color; border-style:none; border-width:0; float:left; height:36px; overflow: hidden; width:43px; cursor:pointer; }



.index_box_1 { width:100%; height:680px; border-top:1px solid #fff; background:#eee; margin-bottom:107px;}



.index_procat { width:1200px; margin:0 auto; padding-top:69px; }

.index_procat_tit { width:1200px; height:67px; border-bottom:1px solid #d7d7d7; position:relative;}

.index_procat_tit .tit_1 { width:300px; height:10px; color:#959595; text-indent:44px; background:url(../images/tit_line.jpg) no-repeat 0 4px; position:absolute; top:0; left:0;}

.index_procat_tit .tit_2 { position:absolute; top:26px; left:0;}

.index_procat_tit .tit_2 span { font-size:32px; color:#0b0b0b; display:block; float:left; margin-right:10px;}

.index_procat_tit .tit_2 em { display:block; float:left; font-size:15px; color:#434343; padding-top:17px;}

.index_procat_tit .more { width:51px; height:33px; background:url(../images/more_bg.jpg) no-repeat; position:absolute; top:24px; right:0; } 

.index_procat_tit .more a { display:block; width:51px; height:33px; text-indent:-9999px;}



.index_pro_menu { width:1200px; height:36px; display:block; padding-top:20px; padding-bottom:50px;}

.index_pro_menu li { float:left;line-height:36px;}

.index_pro_menu li a { color:#333; padding:0 20px; }

.index_pro_menu li a:hover { background:#0055b9; color:#fff; display:block;}







.pro_list_inner { width:1200px; height:350px;  position:relative;}

.left_btn { width:64px; height:64px; position:absolute; top:113px; left:-75px; background:url(../images/fl_link.png) no-repeat;}

.right_btn { width:64px; height:64px; position:absolute; top:113px; right:-75px; background:url(../images/fr_link.png) no-repeat;}

.left_btn a ,.right_btn a { display:block; width:64px; height:64px; text-indent:-9999px;}

.left_btn:hover { display:block; width:64px; height:64px; background:url(../images/fl_linka.png) no-repeat;}

.right_btn:hover { display:block; width:64px; height:64px; background:url(../images/fr_linka.png) no-repeat;}



.sy_pro_list { width: 1200px; height: 350px; }

.sy_pro_list ul { width: 1200px; }

.sy_pro_list li { width:285px; height:350px; float: left; margin:0 8px;}

.sy_pro_list li img { width:285px; height:230px; display:block;}

.sy_pro_list li .txt { width:285px; height:120px;}

.sy_pro_list li .txt span { display:block; width:285px; line-height:50px; text-align:center; font-size:16px;}

.sy_pro_list li .txt span a { color:#2e2d2d; display:block;}

.sy_pro_list li .txt em { display:block; width:285px; height:65px; line-height:21px; font-size:12px; text-align:center; }







.index_box_2 { width:100%; height:419px; background:url(../images/index_box_2_bg.jpg) repeat-x;}

.index_about { width:1200px; height:419px; margin:0 auto; background:url(../images/index_about_bg.jpg) no-repeat; position:relative;}

.index_about .video { width:360px; height:382px; position:absolute; top:37px; left:40px;}

.index_about_tit { width:750px; height:67px; border-bottom:1px solid #d7d7d7; position:absolute; top:0; left:450px; position:relative;}

.index_about_tit .tit_1 { width:300px; height:10px; color:#959595; text-indent:44px; background:url(../images/tit_line.jpg) no-repeat 0 4px; position:absolute; top:0; left:0;}

.index_about_tit .tit_2 { position:absolute; top:26px; left:0;}

.index_about_tit .tit_2 span { font-size:32px; color:#0b0b0b; display:block; float:left; margin-right:10px;}

.index_about_tit .tit_2 em { display:block; float:left; font-size:15px; color:#434343; padding-top:17px;}

.index_about_tit .more { width:51px; height:33px; background:url(../images/more_bg.jpg) no-repeat; position:absolute; top:24px; right:0; } 

.index_about_tit .more a { display:block; width:51px; height:33px; text-indent:-9999px;}

.index_about .txt { width:750px; height:130px; line-height:26px; color:#333; position:absolute;top:75px; left:450px;}

.index_about ul { display:block; width:750px; height:159px; position:absolute; top:260px; left:450px;}

.index_about ul li { width:236px; height:159px; float:left; margin-right:20px;}

.index_about ul li img { display:block; width:236px; height:159px;}

.index_about ul li:nth-child(3) { margin-right:0;}







.index_box_3 { width:100%; height:426px; background:url(../images/index_box_3bg.jpg) no-repeat center;}

.index_ys { width:1200px; height:426px; margin:0 auto;}

.index_ys_tit { width:1200px; height:153px; padding-top:57px; text-align:center;}

.index_ys_tit span { display:block; height:46px; font-size:32px; color:#0b0b0b; padding-top:12px;}

.index_ys_tit p { display:block; height:20px; color:#959595;}

.index_ys_tit em { display:block; font-size:15px; color:#434343;} 

.index_ys ul { width:1200px; height:152px; display:block;}

.index_ys ul li { width:240px; height:152px; float:left; position:relative;}

.index_ys ul li span { display:block; width:240px; text-align:center; font-size:18px; color:#2f2f2f; position:absolute; top:106px; left:0;}

.index_ys ul li span a { display:block; width:240px; height:152px; color:#2f2f2f;}

.index_ys ul li em { display:block; width:240px; text-align:center; position:absolute; top:131px; left:0; color:#98979b;}



.index_news { width:1200px; height:668px;  margin:128px auto 0;}

.index_news_tit { width:1200px; height:67px; border-bottom:1px solid #d7d7d7; position:relative;}

.index_news_tit .tit_1 { width:300px; height:10px; color:#959595; text-indent:44px; background:url(../images/tit_line.jpg) no-repeat 0 4px; position:absolute; top:0; left:0;}

.index_news_tit .tit_2 { position:absolute; top:26px; left:0;}

.index_news_tit .tit_2 span { font-size:32px; color:#0b0b0b; display:block; float:left; margin-right:10px;}

.index_news_tit .tit_2 em { display:block; float:left; font-size:15px; color:#434343; padding-top:17px;}

.index_news_tit .more { width:51px; height:33px; background:url(../images/more_bg.jpg) no-repeat; position:absolute; top:24px; right:0; } 

.index_news_tit .more a { display:block; width:51px; height:33px; text-indent:-9999px;}

.index_news .top_news { width:1200px; height:240px; margin-top:60px; position:relative;}

.index_news .top_news img { width:450px; height:240px; display:block; position:absolute; top:0; left:0;}

.index_news .top_news .tit { width:720px; overflow:hidden; position:absolute; top:18px; left:480px; font-size:16px; font-weight:bold;}

.index_news .top_news .tit a { color:#333;}

.index_news .top_news .time { position:absolute; top:58px; left:480px; color:#666;}

.index_news .top_news .txt {position:absolute; top:83px; left:480px; width:720px; height:140px; line-height:34px; color:#666; overflow:hidden;}

.index_news .list_news { width:1200px; margin-top:28px;}

.index_news .list_news li { width:380px; height:56px; float:left;line-height:53px; background:url(../images/index_newsli.jpg) no-repeat; margin-right:30px; margin-bottom:8px;}

.index_news .list_news li span { 

	display:block; width:263px;  text-indent:11px; float:left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

}

.index_news .list_news li span a { color:#000;}

.index_news .list_news li em { display:block; float:right; margin-right:6px;}

.index_news .list_news li:nth-child(3n) { margin-right:0;}

/*=======================内页样式=======================*/

.inner_ban { width:100%; height:500px; background:url(../images/inner_ban.jpg) no-repeat center;}

.box { width:100%; background:#eee; overflow:hidden;}



.inner { width:1200px; margin:0 auto; padding-top:40px; margin-bottom:80px; }

.inner_tit { width:1200px; height:41px; border-bottom:1px solid #d7d7d7; position:relative;}



.inner_tit .tit { position:absolute; top:0; left:0;}

.inner_tit .tit span { font-size:32px; color:#0b0b0b; display:block; float:left; margin-right:10px;}

.inner_tit .tit em { display:block; float:left; font-size:15px; color:#434343; padding-top:17px;}

.inner_tit .location {position:absolute; top:18px; right:0; color:#333;} 

.inner_tit .location a { color:#333;}



.inner_menu { width:1200px; height:36px; display:block; padding-top:20px; padding-bottom:50px;}

.inner_menu li { float:left;line-height:36px;}

.inner_menu li a { color:#333; padding:0 20px;font-size: 14px; }

.inner_menu li a:hover { background:#0055b9; color:#fff; display:block;}







.inner_pro { width:1200px; overflow:hidden;}

.inner_pro li { width:285px; height:350px; float: left; margin-right:20px; margin-bottom:20px;}

.inner_pro li img { width:285px; height:230px; display:block;}

.inner_pro li .txt { width:285px; height:120px;}

.inner_pro li .txt span { display:block; width:285px; line-height:50px; text-align:center; font-size:16px;}

.inner_pro li .txt span a { color:#2e2d2d; display:block;}

.inner_pro li .txt em { display:block; width:285px; height:65px; line-height:21px; font-size:12px; text-align:center; }

.inner_pro li:nth-child(4n) { margin-right:0;}

















.show_probox { width:1200px; border-bottom:1px solid #e3e3e3;}

.show_prolist { width:1200px; height:460px; margin:0 auto; }

/* tsShopContainer */

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}

#tsShopContainer{width:602px; height:417px; float:left; position:relative;}

#tsShopContainer #tsImgS{width:400px; height:323px; float:left; margin-left:79px; border:1px solid #cacaca; position:relative;}

#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}

#tsShopContainer #tsImgS img{ width:400px; height:323px; display:block; position:absolute; top:0; left:0;}

#tsShopContainer #tsPicContainer{width:84px;height:417px;position:relative; float:left;}

/*#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}

#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}*/

#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:0;left:3px;width:84px;overflow:hidden;}

#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}

#tsShopContainer #tsPicContainer #tsImgSCon li{width:89px; height:82px; margin-bottom:2px; cursor:pointer;}

#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid  #cacaca;display:block;width:87px;height:70px;}

#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #F00;margin:0px;}

/* CSS class for zoomed area */

.MagicZoomBigImageCont { border: 1px solid #cacaca; background: #FFF; margin-left:10px; width:400px !important; height:400px !important;}

.MagicZoomMain { text-align: center !important; width: 92px; }

.MagicZoomMain div { padding: 0px !important; }

/* Header look and feel CSS class */

/* header is shown if "title" attribute is present in the <A> tag */

.MagicZoomHeader { color: #fff; background: #91b817; text-align: center !important; }

/* CSS class for small looking glass square under mouse */

.MagicZoomPup { border: 0px solid #aaa; background: #ccc; }

/* CSS style for loading animation box */

.MagicZoomLoading { text-align: center; background: #ccc; color: #444; border: 1px solid #ccc; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */ }

/* CSS style for gif image in the loading animation box */

.MagicZoomLoading img { padding-top: 3px !important; }



.show_procon { width:520px; height:400px; float:right; font-size:14px;}

.show_procon .txt_1 { height:41px; margin-top:4px; font-size:28px; color:#222;}

.show_procon .txt_2 {width:570px; line-height:21px; color:#7b7a7a;}

.show_procon .txt_3 { margin-top:18px; color:#7b7a7a; height:31px;}

.show_procon .txt_4 { color:#7b7a7a;}

.show_protit { width:1200px; margin:0 auto; line-height:67px; font-size:18px; font-weight:bold; color:#bf0909;}



.inner_show_pro { width:100%; overflow:hidden; background:#f1f1f0;}

.show_promain { width:1200px; overflow:hidden; margin:0 auto; line-height:25px; font-size:14px;}

.about { line-height:25px; font-size:14px; overflow:hidden;}











.contact { width:1200px; overflow:hidden;}

.contact .map { width:700px; height:500px; margin:50px 0; float:left;}

.contact .main { width:480px;   margin-left: 20px; margin-top: 10px; float:left;}

.contact .main .txt_1 { width:450px; float:left; margin-top:36px; line-height:32px; font-size:16px;}

.contact .main .txt_2 { width:370px; float:left; margin-top:36px; line-height:32px; font-size:16px;}

.contact .main .txt_3 { width:370px; float:left; margin-top:36px; line-height:32px; font-size:16px;}



.show_pro { padding:15px; overflow:hidden;  line-height:20px;}









.news { overflow:hidden; }

.news ul { display:block; overflow:hidden; margin-bottom:20px;}

.news ul li { width:1200px; height:255px; overflow:hidden; border-bottom:1px dotted #cccbca; margin-bottom:50px; position:relative;}

.news ul li img { width:377px; height:201px; position:absolute; top:0; left:0;}

.news ul li .tit { position:absolute; top:1px; left:425px; font-size:18px; font-weight:bold;}

.news ul li .tit a { color:#6b6b6b;}

.news ul li .tit a:hover { text-decoration:underline;}

.news ul li .time { position:absolute; top:31px; left:425px; font-size:12px; color:#6b6b6b;}

.news ul li .txt { width:615px; height:83px; line-height:27px; font-size:12px; position:absolute; top:65px; left:425px;}

.news ul li .more { width:120px; height:36px; line-height:36px; text-align:center; background:#0055b9; border-radius:10px; position:absolute; top:165px; left:425px;}

.news ul li .more a { color:#fff;}



.shownews { overflow:hidden;}



.shownews a:hover { text-decoration: underline;}

.shownews .title { background:#e7e7e7; height:65px;  text-align: center; }

.shownews .title h1 { color:#000; font-size:14px; line-height:40px;}

.shownews .title span { line-height:18px;}

.shownews DIV.text { padding-top:25px; }.hr { color: #666666; margin: 20px 0; }

.hr a { color: #D2211F; padding: 0 10px; text-decoration: underline; }

table.job { border-collapse: collapse; color: #777777; width: 100%; }

table.job th, .job td { border: 1px solid #DDDDDD; }

table.job th { background-color: #ffffff; height: 40px; line-height: 40px; text-align: center; }

table.job td { background: none repeat scroll 0 0 #FFFFFF; padding: 10px; text-align: center; }

table.job a.close { height: 28px; line-height: 28px; }

table.job .jobdetail { background: url("../images/jobdetail.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 24px; margin: 0 auto; width: 76px; }

table.job .mydiv { left: 50%; margin: -135px 0 0 -325px; position: fixed !important; top: 30%; width: 650px; z-index: 999; }

table.job .mydiv table { border-collapse: collapse; color: #777777; line-height: 22px; }

table.job .mydiv table .alignleft { text-align: left; }

.guestbook { padding-top:30px;}

.guestbook table th { color:#777; text-align:left;}

.guestbook table td input,.guestbook table td textarea{ border:1px solid #777; background:#f0f0f0;}

.red{ color:red}

#inquiry_form input,#inquiry_form img{ vertical-align:middle;}

/*新闻中心页面和新闻终端页面样式*/

.newslist{}

.newslist table{ width:100%; border-left:1px #999 solid; border-top:1px #999 solid; color:#666; margin:0 0 20px 0;}

.newslist table td{ padding:10px 15px; border-bottom:1px #999 solid; border-right:1px #999 solid;}

.newslist table a{ color:#792C21; font-weight:bold;}

.newslist table .newslist-1{ width:68%; background:#FFF;}

.newslist table .newslist-2{ width:16%; background:#FFF; text-align:center;}

.newslist table .newslist-3{ width:16%; background:#FFF; text-align:center;}



.single h1{ padding:7px 0; color:#333; text-align:center; font-size:14px; border-bottom:#666 1px dotted;}

.single span.title{ display:block; width:100%; padding:5px 0; color:#666; text-align:center;}

.single p{ margin:20px 0; line-height:22px; color:#000;}

.back { height:27px; padding:7px 0; text-align:right;}

.back a{ width:116px; height:27px; color:#3487D1;}

/*在线询盘页面样式*/

.inquiry_form { padding:10px 0 0 30px; color:#000; font-family:Tahoma; }

.inquiry_form tr{ margin:0 0 15px 0;}

.inquiry_form th { text-align:right; padding:0 10px 0 0; font-weight:normal;}

.inquiry_form td input,.inquiry_form td textarea { border:1px solid #bbb; padding:2px;}

.inquiry_form td .btn_box { width:60px; height:24px; border:1px solid #bbb; background:#e6e6e6 url(../images/inquiry_btn.jpg) repeat-x; color:#333; cursor:pointer;}





.other h3{ font-weight:bold; font-size: 18px; margin-top: 12px; text-indent: 10px;}

.other, .other ul { float: left; font-size: 12px; line-height: 22px; width: 100%; }

.other_tit { border-bottom: 1px dashed #222222; font-size:14px; height: 40px; line-height: 40px; padding-top: 10px; }

.other ul { margin: 20px 0; }

.other li { float: left; margin-right: 20px; width: 182px; }

.other li a { display:block; }

.other li a:hover { display:block; text-decoration: underline;}

.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; border-radius:5px; box-shadow:2px 2px 2px rgba(0,0,0,.4); display: block;  margin: 0 auto; width: 100%; }

.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }

.other li:nth-child(6){ margin-right: 0px;}









/*======================分页样式=======================*/

.pager { margin:20px auto 0;  padding: 5px 0; clear:both; }

.page_link { height: 22px; padding: 0 20px; font-size: 11px; color: #777;}

.pager span { line-height: 20px; background: #F0F0F0; margin: 0px 2px; padding: 0 0.6em; float:left; }

.pager span a { display: block; }

.page_link_total { color: #777; }

.page_link_now { font-weight: bold; color: #d2211f; }



/*======================底部样式=======================*/

.foot { width:100%; height:136px; background:url(../images/foot_bj.jpg) repeat; clear:both;}

.foot_con { width:1200px; height:136px; margin:0 auto;}

.footmenu { clear:both; margin:0px auto; width:1200px; height:45px; text-align:center;border-bottom:1px dotted #5f5f5f;}

.footmenu a {color:#adadad; font-size:14px; line-height:45px;}

.foot_link { clear:both; margin:0px auto; width:1200px; min-height:45px; border-bottom:1px dotted #5f5f5f;}

.foot_link .tit { float:left; line-height:175%; font-size:12px; font-weight:bold; color:#adadad;}

.foot_link .main { float:left; margin-left:2px;color:#adadad;line-height:175%;}

.foot_link .main a { color:#adadad;font-size:12px; margin-right:2px;}

.foot_link .main span { padding:0 2px;}

.foot_txt { width:1200px; margin-top:10px; line-height:24px;font-size:12px; text-align:center; color:#adadad;}

.foot_txt p { margin:0px auto;}

.foot_txt a {color:#adadad;font-size:12px;}