@charset "utf-8";
/* CSS Document */
body, button, input, select, textarea { background: none repeat scroll 0 0 #fff; color: #2e2e2e; font: 14px/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; } /* 统一等宽字体 */

*{    
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box;   
}
a,a:hover{ text-decoration: none;}


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: #2e2e2e; } /* 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: #2e2e2e; }
:visited { text-decoration: none; color: #2e2e2e; }
/*======================公用样式=======================*/
.warp { width:100%; margin: 0 auto; overflow: hidden; }
.header { width:1200px; height:104px; margin:0 auto;  position:relative;}
.logo { width:177px; height:104px; position:absolute; top:0; left:0; background:url(../images/logo.jpg) no-repeat;}
.menu { position:absolute; right:111px; top:34px;}
.menu li { float:left; height:34px; line-height:34px;}
.menu li a { display:block; color:#333; margin:0 20px;}
.menu li a:hover { display:block; color:#90c320; border-bottom: 1px solid #90c320;}
.ch { width:80px; height:12px; position:absolute; top:34px; right:0; font-size:12px; background:url(../images/ch.jpg) no-repeat 0 0; text-indent:26px;}
.en { width:80px; height:12px; position:absolute; top:54px; right:0; font-size:12px; background:url(../images/en.jpg) no-repeat 0 0; text-indent:26px;}


.menu dl.catNav{ background: #fff; border:#ccc solid 1px; position: absolute; z-index: 999; width:200px; left:125px; display: none;}
.menu dl.catNav dt{ border-bottom:#ccc dotted 1px; line-height: 30px; text-align: center;}
.menu dl.catNav dt:last-child{ border-bottom:none;}

.menu li dl.catNav dt a:hover {border-bottom:none;}




#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:15px; height:15px; float: left; margin-left: 5px; border: 2px solid #90c320; border-radius:10px; }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #90c320; }

.pro_screen-slider{ height: 300px;position:relative;}
.pro_screen-slider #slides{ height: 300px;}
.pro_screen-slider  #slides li { height: 300px;}

.pro_screen-slider #pagination{ position:absolute;}
#pro_banner{ height: 300px;}

/*======================首页样式=======================*/
.index-tit { width: 1200px; overflow: hidden; text-align: center;}
.index-tit .t-1 {height: 34px; font-size: 24px; font-weight: bold; color: #333;}
.index-tit .t-2 {font-size: 24px; font-weight: bold;color: #e0e0e0;}
.index-pro {width: 1200px; height: 982px; margin: 55px auto 0;}
.index-pro-cat {width: 699px; height: 73px; margin: 20px auto 0;}
.index-pro-cat li {width: 160px; height: 33px; background: #f3f3f3; border-radius: 20px; float: left; margin: 0 35px;}
.index-pro-cat li a {display: block; line-height: 33px; text-align: center;}
.index-pro-cat li a:hover {background: #90c320; color: #fff; border-radius: 20px; } 

.index-pro-con {overflow: hidden;}
.index-pro-con li {width: 386px; height: 371px; float: left; margin-right: 20px; margin-bottom: 20px;}
.index-pro-con li:nth-child(3n) { margin-right:0;}
.index-pro-con li img {width: 386px; height: 320px; border-bottom: 1px solid #fff; display: block;}
.index-pro-con li span {display: block; width: 386px; line-height: 50px; background: #f3f3f3; text-align: center; font-size: 18px;}
.index-pro-con li:hover span {background:#90c320; display: block; }
.index-pro-con li:hover span a {color: #fff;}
.index-about-24 {width: 100%; height: 24px;}
.index-about {width: 1200px; height: 943px;/*height: 720px;*/ margin: 0 auto;}
.index-about-con {width: 1200px; height: 801px; background: url("../images/index_about_bg.jpg") no-repeat top; position: relative;}
.index-about-con .tit {position: absolute; top: 373px; left: 273px; font-size: 24px; font-weight: bold; color: #333;}
.index-about-con .more {position: absolute; top: 377px; right: 0;}
.index-about-con .more a {color: #90c320;}
.index-about-con .txt {width: 1100px; line-height: 24px; position: absolute; top: 424px; left: 50px; color: #333;}
.index-about-con .pic {width: 1200px; overflow: hidden; position: absolute; bottom: 0; left: 0;}

.index-news {margin: 0 auto; width: 1200px; overflow: hidden; margin-bottom: 93px;}
.index-news-con {margin-top: 50px; overflow: hidden;}
.index-news-con li {width: 285px; height: 450px; float: left; margin-right: 20px;}
.index-news-con li:nth-child(4) { margin-right:0;}
.index-news-con li img {display: block; width: 285px; height: 200px; }

.index-news-con .intro{ height: 248px; border: 1px solid #e0e0e0; padding:0 9px;}
.index-news-con .intro .tit {height:36px; margin-top: 18px; text-align: center; overflow: hidden; line-height: 18px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;}
.index-news-con .intro .tit a {color: #333; font-size: 16px;}
.index-news-con .intro .txt { height: 174px; line-height:28px; color: #888;padding:0 10px;}
.index-news-con .intro .time { padding:0 10px; color: #626161; }
.index-news-con .intro .time i {font-size: 16px; margin-right: 10px; }



/*=======================内页样式=======================*/
.inner { width:1200px; overflow: hidden; margin:0 auto; margin-bottom: 80px; }
.location {width: 1200px; line-height: 50px; color: #aaa;}
.location a {color: #aaa;}
.location i {margin-right: 12px; font-size: 16px;}
.inner_pro {width: 1200px;overflow: hidden; margin-top: 5px;}
.inner_pro_con {overflow: hidden;}
.inner_pro_con li {width: 386px; height: 371px; float: left; margin-right: 20px; margin-bottom: 20px;}
.inner_pro_con li:nth-child(3n) { margin-right:0;}
.inner_pro_con li img {width: 386px; height: 320px; border-bottom: 1px solid #fff; display: block;}
.inner_pro_con li span {display: block; width: 386px; line-height: 50px; background: #f3f3f3; text-align: center; font-size: 18px;}
.inner_pro_con li:hover span {background:#90c320; display: block; }
.inner_pro_con li:hover span a {color: #fff;}

.about {width: 1200px;overflow: hidden; margin-top: 5px;}
.about_con {overflow: hidden; line-height: 25px; padding-top: 20px;}


.left-pro{width:602px; height:417px; text-align:left;float:left}
.left-pro .t1{width:90px;float:left}
.left-pro .t2{width:400px; height:332px; border:1px solid #cacaca; text-indent:0;float:left;margin-left:79px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:10px;width:87px;height:67px; border:1px solid #ccc;float:left;}
#showArea img:hover{border:1px solid #F00;}

#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{ height:310px;margin:10px 0;overflow:hidden;}

.show_pro { width:1200px; overflow:hidden; margin:74px 0;}
.show_probox { width:1200px; border-bottom:1px solid #e3e3e3;}
.show_prolist { width:1200px; height:417px; 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:310px; float:left; margin-left:79px; border:1px solid #cacaca; position:relative; padding:0 !important;}
#tsShopContainer #tsImgS a{display:block;text-align:center; margin:0 auto;}
#tsShopContainer #tsImgS img { display:block; margin:0 auto;}

#tsShopContainer #tsPicContainer{width:84px;height:310px; overflow:hidden;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; z-index:999;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:8px; z-index:999;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:72px; margin-bottom:8px; cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border:1px solid  #cacaca;display:block;width:87px;height:67px;}
#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;}
.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:480px; 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:#333;}


.inner_me { padding:29px 0;}
.inner_me_pic { width:336px; height:534px; background:url(../images/m_1.jpg) no-repeat; float:left;}
.inner_me_r {width:538px; height:534px; float:left; margin-left:44px;}
.inner_me_r_txt {width:538px; height:67px; border-bottom:1px dotted #777; line-height:25px;}
.touch { width:538px; }
.smart-green {width:538px; margin-top:12px; margin-left: auto; margin-right: auto; font:14px "Arial", "微软雅黑"; color: #666; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.smart-green h1 { padding: 20px 0px 20px 40px; display: block; margin: -30px -30px 10px -30px; color: #FFF; background: #9DC45F; text-shadow: 1px 1px 1px #949494; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #89AF4C; }
.smart-green h1>span { display: block; color: #FFF; }
.smart-green label { display: block; margin: 0px 0px 5px;}
.smart-green label>span { float: left; margin:10px 0; color: #5E5E5E; font:14px/1 "Arial","微软雅黑";}
.smart-green input[type="text"],.smart-green input[type="corporate_name"],.smart-green input[type="tel"], .smart-green input[type="email"], .smart-green textarea, .smart-green select { color: #555; height:33px; line-height: 15px; width: 100%; text-indent:10px; margin-top: 2px; border: 1px solid #E5E5E5; background: #FBFBFB; outline: 0; -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2); font: normal 14px/14px Arial, Helvetica, sans-serif; }
.smart-green textarea { height:131px; padding-top: 10px; }
.smart-green .button {width:540px; background-color: #b70707; border: none; height:36px; line-height:36px; margin-top:10px; text-align:center; color: #FFF; cursor: pointer;}



.news { width: 1200px;overflow: hidden; margin-top: 5px; }

.news ul { width:1200px; margin:0 auto; display:block; overflow:hidden; padding: 20px;}
.news ul li { width:1200px; height:204px; overflow:hidden; border-bottom:1px dotted #cccbca; margin-bottom:46px; position:relative;}
.news ul li img { width:266px; height:187px; position:absolute; top:0; left:0;}
.news ul li .tit { position:absolute; top:7px; left:307px; font-size:18px; font-weight:bold;}
.news ul li .tit a { color:#0e0d0d;}
.news ul li .tit a:hover { text-decoration:underline;}
.news ul li .time { position:absolute; top:35px; left:307px; font-size:12px; color:#6b6b6b;}
.news ul li .txt { width:800px; height:55px; line-height:22px; font-size:12px; position:absolute; top:51px; left:307px;}
.news ul li .more { width:97px; line-height:32px; text-align:center; background:#8f8f8f; position:absolute; top:131px; left:307px;}
.news ul li .more a { display:block; color:#fff;}
.news ul li:hover .more a { background:#90c320;}
.shownews { margin-top:20px; 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; }

.contact { width:1200px; margin-top:20px; overflow:hidden;}
.contact .map { width:1200px; height:500px; margin:50px 0;}
.contact .main { width:1200px;  border-top:1px solid #7d8286;}
.contact .main .txt_1 { width:490px; float:left; margin-top:36px; line-height:32px; font-size:16px;}
.contact .main .txt_2 { width:350px; float:left; margin-top:36px; line-height:32px; font-size:16px;}
.contact .main .txt_3 { width:350px; float:left; margin-top:36px; line-height:32px; font-size:16px;}


.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, .other ul { float: left; font-size: 12px; line-height: 22px; width: 763px; }
.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: 0 17px; width: 152px; }
.other li a { display:block; color:#fff;}
.other li a:hover { display:block; text-decoration: underline;}
.other img { background: none repeat scroll 0 0; border: 1px solid #ccc; display: block; height:150px; margin: 0 auto; width: 150px; }
.other span { display: block; font-size: 11px; height: 22px; line-height: 22px; text-align: center; }


/*======================分页样式=======================*/
.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:440px; background:url(../images/foot.jpg) repeat-x; clear:both;}
.foot_con { width:1200px; height:440px; margin:0 auto;}
.foot_menu {height: 80px; line-height: 80px; text-align: center; color: #aaa;}
.foot_con a {color: #aaa;}
.foot_menu span {padding: 0 25px;}
.foot_logo {width: 1200px; height: 224px; background: url("../images/foot_logo.jpg") no-repeat;}
.foot_txt {margin-top: 39px; text-align: center; line-height: 24px; color: #aaa;}