@charset "utf-8";

/*Banner*/
#subBanner{text-align:center; z-index:2; width:100%; height:500px; min-height:200px; margin:-10px auto 0 auto; overflow:hidden; min-width:1000px; background:url(../images/loading.gif) center 220px no-repeat #f2e9d7; position:relative; z-index:1; float:left;}
#subBanner a { position: absolute; left: 50%; margin-left: -800px; }

.blurbg{ position:absolute; z-index:-1; width:100%; height:100%; height:99.5%\9; overflow:hidden; left:0; top:0; display:none\9;}
.blurbg img{ width:120%; margin:-10% 0 0 -5%;
filter:url(blur.svg#blur); -webkit-filter:blur(15px); -moz-filter:blur(15px); -ms-filter:blur(15px); filter:blur(15px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=18, MakeShadow=false);
}
.bannerbg{position:absolute; z-index:-1; width:100%; height:100%;  overflow:hidden; left:0; top:0;}

/*框架*/
#subl{ position:relative; width:200px; float:left;}
#subr{ width:750px; float:right;}
#posi{ background:url(../images/Element.png) left -275px repeat-x; height:40px; line-height:32px; text-align:right; margin-bottom:25px;}
#posi i{ display:inline-block; width:15px; height:15px; background:url(../images/icos.png) -145px -45px no-repeat; vertical-align:middle; margin:-2px 8px 0 0;}

/*list*/
#list_Tit{ position:absolute; left:0; top:-65px; height:65px; width:100%; background:url(../images/subBox.png) left top no-repeat;}
#list_Tit a{ display:block; width:100%; height:40px; background:url(../images/Tit_cn.png) left -120px no-repeat; margin:8px 0 0 18px;}
#list{ background:url(../images/subBox.png) -205px bottom no-repeat #f0ddb7; height:auto !important; height:190px; *height:243px; min-height:190px; padding:28px 0 15px 0;}
#list li{ position:relative; padding:2px 0;}
#list li a{ position:relative;color:#7f5b1c; height:30px; line-height:30px; display:block; padding:0 15px 0 38px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#list li a i{ position:absolute; left:-9px; top:auto; bottom:-9px; font-size:30px; color:#f0ddb7; height:32px; line-height:32px;}
#list li a:hover,#list li a.hover{ background:rgba(227,181,101,0.7);background:#e3b565\9; color:#774e04;}
#list li ul{ display:none; background:rgba(230,210,172,0.7); background:#e6d2ac\9; margin-top:-1px; padding:5px 0; }
#list li ul li a{ color:#b1976b;}#list li ul li a:hover{ background:none; color:#774e04;}

/*内页联系方式*/
#contatc_top{ height:65px; background:url(../images/subBox.png) left -75px no-repeat; clear:both; margin-top:15px;}
#contatc_top a{ position:relative; top:18px; display:block; height:40px; background:url(../images/Tit_cn.png) left -80px no-repeat; margin:0 0 0 18px;}
#contatc_cont{ background:#226e61; border-left:#4c9d8f 1px solid; border-right:#4c9d8f 1px solid; padding:10px 18px;}
#contatc_cont p{ margin:0; padding:0;}
#contatc_bottom{ height:25px; background:url(../images/subBox.png) left -135px no-repeat;}

/**荣誉**/
.honorsli{ position:relative; width:220px; margin:0 30px 15px 0; overflow:hidden; background:#f0ddb7; float:left; line-height:0; font-size:0;}
.honorsli:hover{background:#184e45;}
.honorsli a{ position:relative; display:inline-block; width:200px; overflow:hidden; margin:10px; text-align:center;}
.honorsli img { max-width:200px; }
.honorsli span{ position:absolute; left:10px; top:auto; bottom:-100px; width:200px; background:rgba(38,122,108,0.95); background:#184e45\9; color:#85d1c4;line-height:18px; font-size:12px; padding:6px; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*带图文章列表*/
.article li{ position:relative; height:130px; overflow:hidden; margin:20px 0 0 0; border:#1d5e53 1px solid; border-radius:10px 0 10px 0;}
a.link_pic{ position:absolute; width:100%; height:100%; top:0; left:0; display:inline-block; z-index:100; background:url(../images/blank.gif);}
a.pic{ width:160px; height:120px; display:inline-block; overflow:hidden; float:left; margin:5px 20px 5px 5px; text-align:center; background:#184e45; border-radius:10px 0 10px 0;}
a.pic img{ max-height:120px; max-width:160px;}
a.articleTit{ display:inline-block; width:520px; height:24px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; color:#ffdb9c; font-size:15px; margin-top:12px;}
.articleCont{ display:inline-block; width:520px; height:44px; margin-top:0; overflow:hidden; line-height:22px; font-size:12px; color:#85d1c4;}
.article li:Hover{ background:#f0ddb7; /*border-color:#efefef;*/}
.article li:Hover a.articleTit{ color:#7f5b1c;}
.article li:Hover .articleCont,.article li:Hover .articleTitme{ color:#b4a17b;}
.articleTitme{ color:#85d1c4; font-size:12px;}
.article li b{ position:absolute; z-index:1; left:auto; top:auto; right:0; bottom:0; width:20px; height:20px; background:url(../images/Plus.png) left top no-repeat;}
.article li:Hover b{ background-position:-20px top;}
#newsTime{ line-height:42px;}
/*新闻详细*/
.c_tit{ font-size:26px; color:#ffdb9c; margin:0; padding:5px 0 10px 0;}
.c_info{ font-size:12px; color:#184e45; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#4c9d8f 1px dotted;}
/*按钮*/
#btns{ float:right; margin:8px 0 0 45px;}
#btns a{ display:inline-block; width:30px; height:30px; overflow:hidden; background:url(../images/btns.png) left top no-repeat; margin-left:10px; cursor:hand; cursor:pointer;}
#btns a.prevone:hover{ background-position:left -30px;}
#btns a.nextone{ background-position:-40px top;}
#btns a.nextone:hover{ background-position:-40px -30px;}
#btns a.back{background-position:-80px top;}
#btns a.back:hover{ background-position:-80px -30px;}

/*产品列表*/
#product ul{ position:relative; float:left; margin-right:-15px;}
#product li{ float:left; width:240px; height:215px; overflow:hidden; background:#f0ddb7; border-radius:0 10px 0 10px; margin:0 15px 15px 0; line-height:0;}
#product li a{ width:220px; height:165px; margin:10px; display:inline-block; overflow:hidden;}
#product li a img{ max-width:220px; max-height:165px; *width:220px;}
#product li p{ margin:0 5%; padding:0; height:24px; line-height:24px; width:90%; text-align:center; color:#7f5b1c; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#product li:hover{ background:#184e45;}
#product li:hover p{ color:#85d1c4;}

/*产品详细页*/
#product_pic{ float:left; width:286px; background:#f0ddb7;text-align:center; line-height:0;}
#product_pic a{ display:inline-block; width:280px; overflow:hidden; margin:3px;}
#product_pic img{ max-width:280px;}
.product_Info{ float:left; margin-left:20px;word-break:break-all; display:inline; width:380px;}
.product_Title{ line-height:34px; font-size:25px; word-break:break-all; margin:0; padding:15px 0; color:#ffdb9c;}
.product_Param li{ line-height:22px; margin-bottom:8px}
.product_Param li span{ color:#85d1c4; background:#184e45; padding:0 8px; margin-right:8px; display:inline-block; width:auto !important; width:50px; min-width:50px;}
.product_Param a.buyIt{ margin:0; font-size:13px;}
/*相关产品*/
#Related ul{ position:relative; float:left; margin-right:-14px;}
#Related li{ width:172px; float:left; margin-right:14px; text-align:center;}
#Related .proimg{ width:170px; height:130px; display:inline-block; overflow:hidden; border:#f0ddb7 1px solid;}
#Related .proimg img{ max-width:160px; max-height:120px; *width:160px; margin:5px;}
#Related li:hover .proimg{ border:#184e45 1px solid; background:#184e45}
#Related li:hover a{ color:#ffdb9c;} 

/*人才招聘*/
#recruitList{border-bottom:#4c9d8f 1px dotted;}
#recruitList a{ display:inline-block; padding:0 5px; margin:4px 15px 4px 0; cursor:hand; cursor:pointer; font-size:14px;}
#recruitList a.active{ color:#ffdb9c; border-bottom:#ffdb9c 2px solid; }

#Recruit_Info{ margin-top:25px; clear:both;}
#Recruit_Num{ width:100px; float:left; font-size:60px; line-height:84px; color:#ffdb9c;}
#Recruit_Cont{ width:500px; float:left; height:auto !important; height:40px; min-height:400px;}
#Recruit_Cont h2{ }
#Recruit_Btn{ width:130px; float:right; text-align:right;}
#Recruit_Btn a{ display:inline-block; width:80px; height:100px; overflow:hidden; background:url(../images/YP.png) -80px top no-repeat}
#Recruit_Btn a:Hover{ background-position:left top;}
#loading{ text-align:center; height:60px; line-height:60px; display:none; margin-top:5px;}

.Apply td{ padding:8px 4px;}
.Apply textarea{ width:100%;background:#226e61; border:#4c9d8f 1px solid; color:#fff;}
.Apply input[type=text]{ height:24px; line-height:24px; background:#226e61; border:#4c9d8f 1px solid; color:#fff;}

/*翻页*/
.pages{margin:35px 0 15px 0; clear:both; height:27px; line-height:24px; text-align:left;}
.pages a,.pages a:visited{width:24px; height:24px; margin:0 0; display:inline-block; text-align:center; background:url(../images/pageshow_bg.gif) -136px top no-repeat;font-family:"宋体","Times New Roman", Times, serif; }
.pages a:hover{ color:#fff; background-position:-136px -30px;}
.pages span{ margin:0 3px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; width:22px; height:22px; text-align:center;}
.pages .thisp{background:url(../images/pageshow_bg.gif) -136px -30px no-repeat; color:#fff; display:inline-block;width:24px; height:24px;}
.pages .btnFirst,.pages .btnFirst:visited{ background:url(../images/pageshow_bg.gif) left top no-repeat; display:inline-block; width:67px; text-align:left; text-indent:25px;}
.pages .btnFirst:hover{ background-position:left -30px; color:#a08353;}
.pages .btnLast,.pages .btnLast:visited{ background:url(../images/pageshow_bg.gif) -68px top no-repeat; display:inline-block; width:67px; text-align:left; text-indent:15px;}
.pages .btnLast:hover{ background-position:-68px -30px; color:#a08353;}
.pages a.disabled{ color:#a0a0a0;}

/* 上一篇下一篇 */
#NewsNav{line-height:28px; clear:both; padding-top:8px; color:#ae2343; background:url(../images/dott.gif) left top repeat-x; margin:20px 0}
/* 留言列表 */
.MessageList{ clear:both; margin-bottom:8px; padding-bottom:10px; border-bottom:#1d5e53 1px dotted;}
.MessList_Tit{ line-height:30px; padding:8px 0 5px 0; margin:0; display:block; font-size:14px;  float:left; text-align:LEFT; width:21%;}
.MessList_Tit img{ vertical-align:middle; margin-right:5px}
.MessList_time{ font-size:10px; color:#0b493f; }
.MessList_cont{ padding:10px 10px 10px 25px; margin:0; background: url(../images/DialogBox_Bg.jpg) left top no-repeat #226e61; line-height:24px; width:73%; float:right; min-height:40px}
.MessList_Reply{ background:url(../images/line.png) left top repeat-x; display:block; padding:5px 0 0 0; margin-top:5px;}
.Mess_font{  color:#f0ddb7; line-height:18px}
.Message textarea{ width:100%;background:#226e61; border:#4c9d8f 1px solid; color:#fff;}
.Message input[type=text]{ height:24px; line-height:24px; background:#226e61; border:#4c9d8f 1px solid; color:#fff;}