@charset "utf-8";

/*框架*/
body{ background:url(../images/bodyBg.jpg) center top no-repeat #d9e1e6;}
#box{ padding-bottom:1px; margin-top:140px; background:url(../images/posiBg.png) left -88px no-repeat; height:auto !important; height:300px; min-height:300px;}
#box img{ max-width:100%;}
#leftLine{ position:absolute; left:-100%; top:147px; font-size:0; line-height:0; height:1px; width:100%; background:#323f4e; opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(opacity=30);}
#content{ font-size:14px;}
#subl{ background:#fff; padding:35px; border:#bfced8 1px solid; width:920px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#subr{width:250px; float:right;}
#sub{ background:#fff;  min-height:200px;padding:35px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;border:#bfced8 1px solid;}
.desc{ color:#6bab57; line-height:50px; position:relative; text-align:right; border-bottom:#bfced8 1px solid;}
.desc a{color:#6bab57;}.desc a:hover{color:#ff4761;}

/*posi*/
#Tit{float:left; display:inline-block; padding:70px 0 78px 0;white-space: nowrap;}
#Tit span{ display:inline-block; height:56px; width:auto !important; width:160px; min-width:160px; background:url(../images/posiBg.png) 8px -30px no-repeat; font-size:29px; color:#323f4e; vertical-align:top; padding:0 50px 0 8px; white-space:normal; line-height:29px;}
#Tit span b{ font-size:28px; line-height:28px;}

#posi{ padding:40px 0 0 0; margin-bottom:24px; line-height:36px; border-bottom:#c1d2dd 1px solid; text-align:right; color:#5f6d79;}
#posi i{ display:inline-block; width:14px; height:14px; vertical-align:middle; background:url(../images/Element.png) -140px -120px no-repeat; margin:-2px 5px 0 0;}
#posi a{ color:#5f6d79;}#posi a:hover{ color:#6bab57;}

/*list*/
#list{ text-align:right;}
#list li{ position:relative; background:#3d576b; margin:0 0 5px 4px; display:inline-block;}
#list li a{ display:inline-block; height:30px; line-height:30px; padding:0 32px; color:#fff;}
#list li#currLi a,#list li:hover a{ background:#87c474;}
#list li p{ position:absolute; z-index:99; right:0; top:30px; margin:0; padding:5px 0 0 0; min-width:100%; background:#87c474; border-top:#dcedf7 1px solid; display:none;}
#list li p a{ text-align:center; color:#daebd5; border-bottom:#aad49e 1px dotted; padding:0 10px; width:100%; white-space:nowrap;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#list li p a:hover{ color:#fff;}
#list li:hover p{ display:block;}

/*搜索*/
#search{top:-45px; position:relative; margin-bottom:-8px;}
#Searchform{ height:38px; padding-left:50px; background:url(../images/Element.png) -160px -120px no-repeat;}
#Searchform input{height:38px; line-height:38px; border:none; padding:0 0 0 10px; margin:0; width:240px; display:inline; color:#fff; background:#667d8f; vertical-align:top; }
#Searchform #SearchBtn{ width:44px; height:38px; line-height:38px; overflow:hidden; background:#667d8f; border:none; display:inline-block; vertical-align:top; color:#fff; font-size:15px; text-align:center;}
#Searchform #SearchBtn:hover{ color:#87c474;}

/*产品列表*/
#product{ float:left; position:relative; margin-right:-16px;}
#product li{ position:relative; width:288px; border:#bfced8 1px solid; background:#fff; float:left; margin:0 16px 16px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
a.proLink{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}
a.proBtn{position:absolute; z-index:1; left:0; top:0; width:100%; height:286px; background:url(../images/tran.png); text-align:center;opacity:0;-moz-opacity:0;-khtml-opacity:0; display:none\9;}
a.proBtn i{ display:inline-block;width:86px; height:86px; line-height:86px; background:url(../images/Element.png) left -160px no-repeat; color:#fff; margin-top:35%;}
a.proPic{ position:relative; display:inline-block; width:286px; height:286px; overflow:hidden; text-align:center;}
a.proPic img{ max-height:100%; max-width:100%;}
a.proPic i{ position:absolute; width:100%; height:100%; z-index:1;}
#product li p{ margin:10px 0 20px 0; padding:0 20px; height:130px; line-height:20px; overflow:hidden; color:#92a0ac; font-size:12px;}
#product li p b{ color:#323f4e; font-size:16px;}
#product li p span{ display:inline-block; margin-top:10px;}
#product li:Hover{ border-color:#6bab57;}
#product li:Hover a.proBtn{opacity:1;-moz-opacity:1;-khtml-opacity:1; display:block\9;}
#product li:Hover p,#product li:Hover p b{ color:#6bab57;}
#product li:Hover p span{ color:#92a0ac;}
/*产品详细页*/
#proPic{ position:relative; float:right; background:#3d576b; line-height:0; margin:15px 0 0 40px;}
#proPic:hover{ background:#87c474;}
#proPic a{ display:inline-block;  margin:6px;}
#proPic a img{ max-width:350px; max-height:350px;}
#proPic i{ position:absolute; display:inline-block; width:16px; height:16px; background:url(../images/zoom.gif); left:auto; right:16px; top:auto; bottom:16px;}
.subTit{ padding-left:12px;background:url(../images/Element.png) -200px -160px no-repeat; height:26px; line-height:26px; font-size:20px;border-bottom:#b0c3d2 1px dotted; margin:35px 0 20px 0; padding:0 0 20px 12px; font-weight:bold;}

/*带图文章列表*/
.article li{ position:relative; height:138px; overflow:hidden; margin:0 0 22px 0; border:#bfced8 1px solid; background:url(../images/tran.png);}
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:168px; height:126px; display:inline-block; overflow:hidden; float:left; margin:5px 10px 5px 5px; text-align:center; background:#3d576b;}
a.pic img{ max-height:100%; max-width:100%;}
.article li p{ height:88px; margin:22px 0 0 0; padding:0 15px; overflow:hidden; line-height:0;}
a.articleTit{ display:inline-block; height:30px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; color:#323f4e; font-size:17px; margin:0 0 10px 0;}
.articleCont{ overflow:hidden; line-height:22px; font-size:12px; color:#667d8f;}
.article li:Hover{ border-color:#87c474;}
.articleTitme{ color:#3d576b; font-size:12px; line-height:18px; float:right;}
.article li:Hover a.articleTit,.article li:Hover .articleTitme{color:#87c474;}
/*新闻详细*/
.c_tit{ font-size:24px; font-weight:bold; margin:0; padding:5px 0 10px 0; text-align:center;}
.c_info{ font-size:12px; color:#888; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted; text-align:center;}
.c_tit.textLeft,.c_info.textLeft{ text-align:left;}
/*按钮*/
#btns{ float:right; margin:0 0 0 45px;}
#btns a{ display:inline-block; width:34px; height:34px; 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 -40px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}
#btns a.linkTo{background-position:-150px top;}
#btns a.linkTo:hover{ background-position:-150px -40px;}

/*相关新闻*/
#relatedNews h3{ padding:5px 0 12px 0; margin:0; font-size:15px;}
#relatedNews li{ margin-bottom:5px;}
#relatedNews li a{ display:block;border-top:#e1e1e1 1px dotted; height:26px; width:100%; line-height:26px; overflow:hidden; padding-left:12px;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; background:url(../images/Element.png) -200px -160px no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.newsTime{ font-size:11px; color:#667d8f; margin-left:12px;}

/*联系我们*/
.my-map { position:relative; margin:0 auto 0 -12px; width:101%; height: 375px; background:url(../images/mapBox.png) right -375px no-repeat; overflow:hidden; padding:14px 24px 30px 24px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#wrap_bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/mapBox.png) left top no-repeat; margin:0; padding:0;}
#map{width:100%;height:330px;font-size:12px}

.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }

/*常见问题*/
#faq{ clear:both;border-top:#bfced8 1px solid; padding-top:10px;}
#faq dl{ clear:both; margin-bottom:10px;border-bottom:#bfced8 1px solid;}
#faq dt{ height:30px; line-height:30px; font-size:16px; padding:2px 0 10px 40px; background:url(../images/ico.png) 10px top no-repeat; cursor:hand; cursor:pointer; transition:background 0.8s; overflow:hidden;}
#faq dt.active{ background-position:12px -42px; color:#1d1b1c; font-weight:bold;}
#faq dt:hover{ color:#222;}
#faq dt span{ float:right; font-size:12px; font-weight:normal; color:#667d8f;}
#faq dd{ padding:0 20px 10px 65px; color:#888; display:none; background:url(../images/ico.png) 45px -84px no-repeat}
#faq dd p{ margin:0; padding:0;}

/*下载*/
#download{ border-top:#bfced8 1px solid;}
#download li{ position:relative; height:90px; overflow:hidden; margin:24px 0 0 0; border-bottom:#bfced8 1px solid;}
.downloadDate{ width:65px; height:70px; display:inline-block;overflow:hidden; float:left; margin:5px 30px 5px 5px; text-align:center; }
.downloadDate i{ font-style:normal; display:inline-block; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#6e6e6e;}
.downloadDate b{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:33px; color:#464646;}
#download li p{ margin:0; padding:0;  overflow:hidden;}
#download li p a{ display:inline-block; width:100%; padding:18px 0 0 0; line-height:20px; overflow:hidden; font-size:15px;}
#download li p a i{ font-size:12px; font-style:normal; color:#869dae;}
#download li p a span{ display:inline-block; height:30px; line-height:30px; float:right; background:url(../images/Element.png) -110px -190px no-repeat #3d576b; margin-left:25px; color:#fff; padding:0 18px 0 33px;}
#download li p a:hover span{ background-color:#87c474;}

/*在线订购*/
#contact,#feedback,#Messageform{margin:20px 0;}
#feedback{color:#667d8f;}
.Message td{padding:6px 0; color:#667d8f;}
.Message td div{ float:left; margin-right:-10px}
.Message input[type="text"],.Message textarea{border:#cdd2d4 1px solid; color:#869dae; text-indent:5px; margin:0 10px 0 0; padding-left:8px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *display:inline-block;}
.Message input{ height:35px; line-height:35px}
.Message input.Row3{ width:32%; float:left; margin:0 0 0 2%; }
.Message input.Row3:first-child{ margin-left:0;}
.Message input.Row1,.Message textarea.Row1{ width:100%;  float:left;}
input.btn_form{ height:36px; line-height:36px; background:#3d576b; border:none; text-align:center; color:#c6c6c6; font-size:16px; padding:0 3em; letter-spacing:1px; cursor:pointer; cursor:hand}
input.btn_form:hover{ background:#87c474; color:#fff;}
.Message label{ margin:0 25px 0 5px; display:inline-block; vertical-align:middle; color:#667d8f;}
.Message label input{ margin:0 5px 0 0; border:none;}
.messTit{ border-bottom:#bfced8 1px dotted; width:100%; line-height:30px; font-size:14px; font-weight:bold; padding-left:8px;}

/*合作伙伴*/
#partners dt{ padding-left:12px;background:url(../images/Element.png) -200px -160px no-repeat; height:26px; line-height:26px; font-size:18px;border-bottom:#b0c3d2 1px dotted; margin:0 0 12px 0; padding:0 0 15px 12px; font-weight:bold;}
#partners dd{ margin-bottom:40px;}
#partners dd a{ display:inline-block; padding:0 12px; height:30px; line-height:30px; margin:0 10px 10px 0;}
#partners dd a:hover{ background:#87c474; color:#fff;}

/*翻页*/
.pages{margin:35px 0 0 0; height:35px; line-height:35px;  text-align:center;}
.pages a,.pages a:visited{ padding:0 20px; height:35px; font-size:14px; margin:0 0; display:inline-block; text-align:center; background:#fff;color:#92a0ac;font-family:"宋体","Times New Roman", Times, serif; box-shadow:1px 1px 1px #d2d2d2; -moz-box-shadow:1px 1px 1px #d2d2d2; -webkit-box-shadow:1px 1px 1px #d2d2d2; border:#ebebeb 1px solid\9;}
.pages a:hover{ background:#ff4761; color:#fff;}
.pages span{ margin:0 3px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; height:35px; text-align:center;}
.pages .thisp{background:#ff4761; color:#fff; display:inline-block; padding:0 20px; height:35px; font-weight:bold;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#fff;}
#AspNetPager1 .pages{ margin-top:0;}

@media screen and (max-width: 1024px){
  #subl{ width:700px;}
  #list li{margin:0 0 4px 4px;}
  #list li a{ padding:0 15px;}
  /*产品列表*/
  #product{ margin-right:-5px;}
  #product li{ width:240px; margin:0 5px 10px 0;}
  a.proBtn,a.proPic{ width:238px; height:238px;}
}