@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{color:#333;font:14px/2 Tahoma,Helvetica,Arial,\5b8b\4f53}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
/*address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}*/
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}*/
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
.container{ max-width:1150px; margin:0 auto;}
@media screen and (max-width:860px) {
.m_no,.bdsharebuttonbox{ display:none;}
}

/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
.page_list{text-align:right;padding-top:10px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color:#00913B;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#fff;background-color:#00913B}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#358af2}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
body{ font-family:"微软雅黑";}
@media screen and (min-width:861px) {
.index_content{ width:1150px; margin:0 auto; padding-top:50px;}
#wrapper{margin:0px auto;width:100%; background:url(../images/head_bg.jpg) no-repeat center top}
.top{  height:132px; width:1150px; margin:0 auto}
.top p{ font-family:"微软雅黑"; font-size:26px; font-weight:bolder; float: right; color:#FFFFFF; margin:70px 0 0 0;}
}
@media screen and (max-width:860px) {
.index_content{ width:100%; margin:0 auto; padding-top:50px;}
#wrapper{margin:0px auto;width:100%; height:90px; background:url(../images/mhead_bg.jpg) no-repeat center top; background-size:100% 100%;}
.top{ height:90px; width:100%; margin:0 auto}
.top p{ display:none;}
}

.wz{ width:100%;color:#888888; text-indent:0cm; background:#efefef;}
.city{max-width:1150px;display:block;background: url(/images/1.png) no-repeat left center;padding-left: 16px;margin: 0 auto;padding-top:8px;padding-bottom:8px;}
.more_c{display: inline-block;position: relative;cursor: pointer;}
.more_c ul{display: none;position: absolute;width: 460px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.13);border-radius: 4px;z-index: 100;
    top:40px;left: 0;padding: 15px 31px;box-sizing: border-box;}
.more_c span{display: inline-block;color: #b12933;line-height: 3;}
.more_c:hover ul{display: block;font-size: 0;}
.more_c:hover ul::before {
  position: absolute;
  top: -6px;
  left: 38px;
  content: '';
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.more_c li{display: inline-block;padding: 0 10px;width: 20%;text-align: center;box-sizing: border-box;font-size:14px;}
.more_c li a{}
.more_c li:hover{ background:#ececec;}
.hot_city{display: inline-block;}
.hot_city span{font-weight: bold;color: #f00;margin-left: 15px;}
.hot_city li{display: inline-block;}
.hot_city li a{display: inline-block;padding: 0 5px 0 0;}
.hot_city li a:hover{}
.localsicy {float: right;line-height: 3;}
.localsicy h1{font-size: 14px;}
 
 

/*********************************************** 横向主导航条 ***********************************************/
#index_nav{ background-color:#FFF; height:54px; line-height:54px;}
.ddsmoothmenu{}
/*主菜单设置*/
@media screen and (min-width:861px) {
#MainMenu{height:54px; line-height:54px; width:1150px; margin:0 auto}
.ddsmoothmenu ul{margin:0;padding:0;}
.ddsmoothmenu ul li a span{display:block; width:123px; text-align:center}
.ddsmoothmenu ul li{position:relative;display:inline;float:left;background:url(../images/li.jpg) no-repeat right center}
.ddsmoothmenu ul li.lastli{position:relative;display:inline;float:left;background:url( ) no-repeat right center}
.ddsmoothmenu ul li a{display:block;height:54px;line-height:54px; font-size:15px;}
}
@media screen and (max-width:860px) {
#MainMenu{height:54px; line-height:54px; width:100%; margin:0 auto}
.ddsmoothmenu ul{margin:0;padding:0;}
.ddsmoothmenu ul li{width:33%;position:relative;display:inline;float:left;background:url(../images/li.jpg) no-repeat right center; border-bottom:1px #eee solid;}
.ddsmoothmenu ul li.lastli{position:relative;display:inline;float:left;background:url( ) no-repeat right center}
.ddsmoothmenu ul li a{display:block;height:54px;line-height:54px; font-size:15px;}
.ddsmoothmenu ul li a span{display:block; width:100%; text-align:center}
.ddsmoothmenu ul li.m{background:url()}
}
/*主菜单连接效果设置*/
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:#333333}
.ddsmoothmenu ul li a:hover{ background:url(../images/nav_h.jpg) no-repeat center top }
.ddsmoothmenu ul li a:hover span{color:#fff;}
.ddsmoothmenu ul li a:active{}
.ddsmoothmenu ul li a:active span{color:#085cac}
.ddsmoothmenu ul li a.selected{ }
.ddsmoothmenu ul li a.selected span{color:#085cac}
/*主菜单当前所在页面*/
.ddsmoothmenu ul li a#menu_selected{ background:url(../images/nav_h.jpg) no-repeat center top }
.ddsmoothmenu ul li a#menu_selected span{color:#fff; }
/*子集菜单设置*/
.ddsmoothmenu ul.menulevel{position:absolute;left:0;display:none;visibility:hidden}
.ddsmoothmenu ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item;float:none}
.ddsmoothmenu ul.menulevel li a{background:url(../images/mainmenu.gif) repeat-x left -60px;height:26px;line-height:26px;width:180px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #f2f2f2;border-left:1px solid #CCC; font-size:12px; text-align:left;}
.ddsmoothmenu ul.menulevel li a span{ width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*子集菜单连接效果设置*/
.ddsmoothmenu ul.menulevel li ul{top:0}
.ddsmoothmenu ul.menulevel li a:link,.ddsmoothmenu ul.menulevel li a:visited{color:#000}
.ddsmoothmenu ul.menulevel li a:hover{background:url(../images/mainmenu.gif) repeat-x left -90px;color:#034fab;font-weight:bold }
.ddsmoothmenu ul.menulevel li a.selected{background:url(../images/mainmenu.gif) repeat-x left -90px;color:#034fab;font-weight:bold}
.ddsmoothmenu ul.menulevel li a span{ text-align:left; padding-left:10px;}
/*下拉箭头*/
.ddsmoothmenu .downarrowclass{position:absolute;top:25px;right:20px}
.ddsmoothmenu .rightarrowclass{position:absolute;top:8px;right:10px}
/*阴影*/
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:url(../images/40.png);z-index:1}
.toplevelshadow{/*opacity:0.8*/}
* html .ddsmoothmenu{height:1%}/* Holly Hack for IE \*//*Holly Hack for IE7 and below*/
* html .ddsmoothmenu ul li a{display:inline-block}/*IE6 hack to get sub menu links to behave correctly*/

/*********************************************** 纵向主导航条 ***********************************************/
.ddsmoothmenu-v{}
.ddsmoothmenu-v ul{}
/*主菜单设置*/
.ddsmoothmenu-v ul li{position:relative;}
.ddsmoothmenu-v ul li a{display:block;height:31px;line-height:31px;vertical-align:middle}
.ddsmoothmenu-v ul li a span{display:block;padding:0px 20px}

#LeftMenu .lihover #three li a{
background:none;
color:#333333;
}
/*主菜单连接效果设置*/
.ddsmoothmenu-v ul li a:link,.ddsmoothmenu-v ul li a:visited{background:url(../images/leftmenu.gif) no-repeat center -31px;color:#000}
.ddsmoothmenu-v ul li a:hover{background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li a:hover span{color:#FFF}
.ddsmoothmenu-v ul li a:active{background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li a:active span{color:#FFF}
#LeftMenu .lihover  a{ color:#FFFFFF;background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li .selected:link,.ddsmoothmenu-v ul li a.selected:visited,.ddsmoothmenu-v ul li a.selected:active{background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li a.selected span{color:#FFF}
/*主菜单当前所在页面*/
.ddsmoothmenu-v ul li a#menu_selected{background:url(../images/leftmenu.gif) no-repeat center top}
.ddsmoothmenu-v ul li a#menu_selected span{color:#FFF}
/*子集菜单设置*/
.ddsmoothmenu-v ul.menulevel{position:absolute;top:0;visibility:hidden;border-top:1px solid #CCC}
.ddsmoothmenu-v ul.menulevel li{background:none;margin:0px;padding:0px;display:list-item}
.ddsmoothmenu-v ul.menulevel li a{background:url(../images/mainmenu.gif) repeat-x left -60px;height:26px;line-height:26px;width:180px;padding:0px 5px;margin:0px;border-right:1px solid #999;border-bottom:1px solid #DFDFDF;border-left:1px solid #CCC}
/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000}
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
/*子集菜单连接效果设置*/
.ddsmoothmenu-v ul.menulevel li a:link,.ddsmoothmenu-v ul.menulevel li a:visited{color:#000}
.ddsmoothmenu-v ul.menulevel li a:hover{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
.ddsmoothmenu-v ul.menulevel li a.selected{background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold}
/*左侧箭头*/
.ddsmoothmenu-v .rightarrowclass{position:absolute;top:10px;right:10px}
.ddsmoothmenu-v ul.menulevel .rightarrowclass{position:absolute;top:8px;right:10px}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li {float:left;height:1%}
* html .ddsmoothmenu-v ul li a {height:1%}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold
}

#LeftMenu .lihover ul li a{
background:url(../images/mainmenu1.jpg) no-repeat left center;color:#034fab;font-weight:bold
}
#LeftMenu .lihover ul li a {
    color: #333;
	font-weight:normal;
}
#LeftMenu .ahover span{
font-weight:bold;
}
#LeftMenu .lihover ul li a:hover span{
font-weight:bold;
color:#be0201;
}

#LeftMenu .lihover .lihover li span{
padding-left:50px;
}

#LeftMenu .lihover .lihover .lihover li span{
padding-left:70px;
}

@media screen and (min-width:861px) {
.banner{ width:100%; height:474px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img li{ display:block; height:474px; float:left;}
.bimg1{background:url(/1.jpg) no-repeat center top}
.bimg2{background:url(/2.jpg) no-repeat center top}
.b-list{ height:50px; padding-top:420px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:180px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:180px;}
}
@media screen and (max-width:860px) {
.banner{ width:100%; height:120px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:120px;  position:absolute; left:0; top:0;}
.b-img li{ display:block; height:120px; float:left;}
.bimg1{background:url(/m1.jpg) no-repeat center top; background-size:130% 100%;}
.bimg2{background:url(/m2.jpg) no-repeat center top; background-size:130% 100%;}
.b-list{ height:50px; padding-top:100px; position:relative; margin:0 auto;z-index:1;}
.bar-left em{ display:none;}
.bar-right em{ display:none;}
}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #ffba00;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
@media screen and (min-width:861px) {
.index-newproducts{ width:1150px; float:left}
.productsroll{position:relative;width:1150px; padding-top:20px; padding-bottom:30px;}
}
@media screen and (max-width:860px) {
.index-newproducts{ width:100%; float:left}
.productsroll{position:relative;width:100%; padding-top:20px; padding-bottom:30px;}
}


@media screen and (min-width:861px) {
.index-about1{width:1150px; margin: 0 auto; }
.index-about2{float:left; width:1150px; margin-top:20px;}
.index-about{ width:1130px; height:auto; float:right;line-height:35px; margin-bottom:20px;}
.aboutbt{ float:left; color:#1b3982; width:637px;}
.aboutnr{width:1130px; float:left;font-size:14px;color:#fff;text-align:center; margin-left:0px; margin-top:20px;}
.gsjj{ width:705px;height:27px;background:url(../images/gsjj.jpg) no-repeat;  margin: 0 auto; margin-bottom:0px;}
.index-about p{line-height:31px;padding:0px 0px 0px 12px; font-size:14px; color:#333;text-align:left}
.aboutbt p{ float:left; margin-top:30px;color:#0565c3;font-size:20px;}
}
@media screen and (max-width:860px) {
.index-about1{width:100%; margin: 0 auto; }
.index-about2{float:left; width:100%; margin-top:20px;}
.index-about{ width:95%; height:auto; margin:0 auto;line-height:35px; margin-bottom:0px;}
.aboutbt{ float:left; color:#1b3982; width:95%;}
.aboutnr {width:96%; float:left;font-size:16px;color:#fff;text-align:center; margin-left:0px; margin-top:10px; padding:2%;}
.gsjj{ width:100%;height:20px;background:url(../images/gsjj.jpg) no-repeat top; background-size:130% auto;  margin: 0 auto; margin-bottom:0px;}
.index-about p{line-height:31px;padding:0px; font-size:16px; color:#333;text-align:left; margin:0 auto;}
.aboutbt p{ float:left; margin-top:0px;color:#0565c3;font-size:20px;}
}

.gsjj p{ color:#595959;font-size:14px; height:27px; text-align:center;}


.list{width:316px; float:left; padding-top:306px;}
.list p{ line-height:28px; color:#fff; padding-left:36px;}
@media screen and (min-width:861px) {
.index-contact{ width:351px; height:325px; margin-left:0px; margin-top:18px; float:left;}
}
@media screen and (max-width:860px) {
.index-contact{ width:100%; height:325px; margin-left:0px; margin-top:18px; float:left;}
}
.index-contact p{font-size:15px;line-height:32px; padding:3px 0px 10px 6px; color:#000; margin-left:10px;}

@media screen and (min-width:861px) {
.cptopt{ width:705px; margin: 0 auto;background:url(../images/cptopt.png) no-repeat;  margin-bottom:30px;}
.cptoptw{ width:1150px; margin:0 auto}
.cptopt p{ color:#595959;font-size:14px; height:auto; line-height:31px; padding-top:36px; text-align:center;}
/*分类*/
#sort_div{ width:247px;float:left; background-color:#67D219;}
.sort_div{ width:247px; float:left; margin-bottom:0px;}
.sort_div ul{ width:247px; float:left;}
.sort_div ul li{margin-bottom:5px; margin-top:0px; text-indent:80px; height:50px;line-height:50px; float:left; width:245px; margin-left:0px; margin-right:0px;background:url(../images/clibg.jpg) no-repeat center top; text-align:left;}
.sort_div ul li a{font-size:14px; color:#fff; height:50px;line-height:50px; }
.sort_div ul li a:hover{display:block; color:#f00;}
.sort_div ul li ul li{ height:50px;line-height:50px;background:url(../images/clibg.jpg) no-repeat;margin-bottom:10px;}
.sort_div ul li ul li a{ color:#fff;padding-left:20px;}
#sort_div  p{ color:#fff; font-size:14px; line-height:50px; padding-left:10px;}
}
@media screen and (max-width:860px) {
.cptopt{ width:95%; margin: 0 auto;background:url(../images/cptopt.png) no-repeat top; margin-bottom:30px; margin-top:20px;background-size:130% auto; overflow:hidden;}
.cptoptw{ width:100%; margin:0 auto; }
.lei_h{margin:0 auto; text-align:center;background-color:#FFFFFF; padding-bottom:10px; }
.cptopt p{ color:#595959;font-size:14px; height:auto; line-height:31px; padding-top:36px; text-align:center;}

#sort_div{ width:100%;float:left; background-color:#67D219;}
.sort_div{ width:auto; float:left; margin-bottom:0px;}
.sort_div ul{ width:auto; float:left;}
.sort_div ul li{margin-bottom:1px; margin-top:0px; text-indent:30px; height:50px;line-height:50px; float:left; width:50%; margin-left:0px; margin-right:0px;background:url(../images/clibg.jpg) no-repeat; background-position:-40px 1px; text-align:left;}
.sort_div ul li a{font-size:16px; color:#fff; height:50px;line-height:50px; }
.sort_div ul li a:hover{display:block; color:#f00;}
.sort_div ul li ul li{ height:50px;line-height:50px;background:url(../images/clibg.jpg) no-repeat;margin-bottom:2px;}
.sort_div ul li ul li a{ color:#fff;padding-left:20px;}
#sort_div  p{ color:#fff; font-size:14px; line-height:50px; padding-left:10px;}
}

.c_cont {
padding: 70px 0px 0px 50px;
background: url(../images/c_cont.jpg) no-repeat right top;
padding-bottom: 100px;
}


/* index-products Start */
@media screen and (min-width:861px) {
.index-products{ width:874px; float:right}
.index-products ul{ }
.index-products ul li{float:left;text-align:center;width:250px; margin:0px 22px 33px 10px;border:#f5f5f5 1px solid }
.index-products ul li a{display:block;width:250px; margin:0 auto;}
.index-products ul li img{ width:100%;}
.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active{ color:#333; font-size:14px; text-align:left;}
.index-products ul li a:hover{color:#f00;}
}
@media screen and (max-width:860px) {
.index-products{ width:100%; float:left}
.index-products ul{width:100%; margin:0; padding:0; }
.index-products ul li{float:left;text-align:center;width:47%; margin:1%;border:#f5f5f5 1px solid; overflow:hidden;}
.index-products ul li a{display:block;width:100%; margin:0 auto; padding:0px;text-align:center;}
.index-products ul li img{ width:100%; height:auto;}
.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active{ color:#333; font-size:14px; text-align:center;}
.index-products ul li a:hover{color:#f00;}
}
@media screen and (min-width:861px) {
.index-products ul li a p{display:block;line-height:45px;display:block; background:url(../images/more.jpg) #fff no-repeat right center ; padding-left:12px;}
}
@media screen and (max-width:860px) {
.index-products ul li a p{ display:block; width:100%;height:45px; overflow:hidden;line-height:45px;display:block; background:url(); text-align:center; }
}
.index-products ul li a:hover p{}
.index-products ul> li:nth-child(1) a span{}
.index-products ul> li:nth-child(2) a span{}

/*优势*/
@media screen and (min-width:861px) {
.ys{width:100%; height:868px; }
.ystopt{ width:506px; margin: 0 auto; margin-bottom:30px; padding-top:45px;}
.ysnr{ width:1156px; height:709px; float:left;background:url(../images/ysnrbg.jpg) no-repeat; }

.ysnr01{ width:580px; float:left; height:168px; margin-left:26px; margin-top:10px;}
.ysnr02{ width:580px; float:left; height:168px; margin-top:22px; margin-left:26px; }
.ysnr03{ width:558px; float:left; height:168px; margin-left:550px; margin-top:37px; line-height:28px;}
.ysnr04{ width:580px; float:left; height:168px; margin-left:550px; margin-top:8px; line-height:28px;}
}
@media screen and (max-width:860px) {
.ys{width:100%; height:1px; overflow:hidden; display:none; }
.ystopt{ }
.ysnr{ }

.ysnr01{ }
.ysnr02{ }
.ysnr03{ }
.ysnr04{}
}


.ysnr p{ margin-top:80px; margin-left:25px; margin-right:0px; line-height:28px;font-size:14px; color:#595959; }

.clearfix li{margin: 1px; position: relative; overflow: hidden;}
.clearfix li .xq2{position: absolute; width:90px; overflow: hidden; height: 90px; left:78px ; top: 60px; background:url(../images/kgd.png);z-index: 99; display:none;}
.clearfix li .heng{position: absolute; display: block; width: 45px; height: 2px; top:45px;left: 0px; background: #fff;}
.clearfix li .shu{position:absolute;display: block;width: 2px; height: 45px; top:0px;left:45px; background: #fff;}


@media screen and (min-width:861px) {
.xinwen{width:1150px; margin:0 auto;}
.newst{ width:356px; height:225px; float:left;}
.newswz{width:240px; float:left; margin-left:20px;}
}
@media screen and (max-width:860px) {
.xinwen{width:100%; margin:0 auto;}
.newst{ width:99%; height:225px; float:left;}
.newswz{width:99%; float:left; margin-left:0px;}
}
.newswz p{font-size:14px;line-height:30px;}
.newswz p span{font-size:16px; color:#ffba00; line-height:25px; }

.index-hang ul li{background:url(/Tpl/Home/default/Public/images/nlibg1.jpg) no-repeat left center; height:35px; line-height:35px; padding-left:25px;}

@media screen and (min-width:861px) {
.newsgsxw{float:left; width:356px; height:499px; margin-top:60px;border:#e9e9e9 1px solid;margin-bottom:35px;background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.newsqjzs{float:left; width:356px;height:499px;border:#e9e9e9 1px solid; margin-top:60px; margin-left:40px; margin-bottom:35px;background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.lxwm{float:right;width:356px;height:499px;border:#e9e9e9 1px solid; margin-top:60px; background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.index-news{ float:left; padding-top:10px}
.index-news ul{ width:300px; float:left;}
.index-news1{ width:356px; height:138px; float:left; }
.index-news1 ul{float:left;width: 100%; box-sizing:border-box; padding:6px;}
.index-news1 ul li{background:url(../images/nlibg.jpg) no-repeat left center; height:30px; line-height:30px; padding-left:18px; float:left;width: 100%;box-sizing: border-box;}
}
@media screen and (max-width:860px) {
.newsgsxw{float:left; width:99%; height:499px; margin-top:10px;border:#e9e9e9 1px solid;margin-bottom:35px;background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.newsqjzs{float:left; width:99%;height:499px;border:#e9e9e9 1px solid; margin-top:5px; margin-left:0px; margin-bottom:35px;background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.lxwm{float:left;width:99%;height:499px;border:#e9e9e9 1px solid; margin-top:5px; background:url(/Tpl/Home/default/Public/images/xwnrn.png) no-repeat center top;}
.index-news{ float:left; padding-top:10px}
.index-news ul{ width:98%; float:left;}
.index-news1{ width:99%; height:138px; float:left; }
.index-news1 ul{padding-top:2px; padding-left:2px; float:left; width:95%;margin-left:15px;}
.index-news1 ul li{background:url(../images/nlibg.jpg) no-repeat left center; height:30px; line-height:30px; padding-left:18px; float:left; width:95%;}
}

.index-news1 ul li a{ color:#333; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 100%;}
.index-news1 ul li a:hover{color:#f00}
.index-news1 ul li img{float:left;margin-right:10px}
.index-news1 ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news1 ul li p{color:#666}
.index-news1 ul li a span{color:#666;float:right;margin-right:10px}

/* index-products End */
.index-right{float:left;padding:0px 15px 0px 5px;width:240px;overflow:hidden}
.index-search{padding-bottom:5px}
.index-search h2{background-position:0px -136px}
.index-search p{padding:5px 0px 5px 10px}
#searchid{line-height:20px;padding:2px}
#searchtext{border:#E6E6E6 1px solid;background:url(../images/searchinp.gif) repeat-x;height:20px;line-height:20px;padding:2px;width:200px}
#searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px}
.index-jobs h2{background-position:0px -170px}
.index-jobs{padding-bottom:5px}
.index-jobs ul li{padding:4px 0px}

/*********** page ***********/
@media screen and (min-width:861px) {
#page_main{ background:url(../images/v_line.jpg) repeat-y;width:1150px; margin:0 auto; padding-top:20px;}
/* page-left */
.page-left{float:left;width:250px}
}
@media screen and (max-width:860px) {
#page_main{ background:url( ) repeat-y;width:100%; margin:0 auto; padding-top:20px;}
/* page-left */
.page-left{ display:none;}
}
.page-left h2{background-image:url(../images/site_title.gif);background-repeat:no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal}
.page-left h2 span{float:left;display:none}
.left-about h2{background-position:0px -68px}
.left-products h2{background-position:0px -102px}
.left-search h2{background-position:0px -136px}
.left-search p{padding:5px 0px 5px 10px}
.left-contact{padding-bottom:10px; padding-top:15px}
.left-contact h2{background-position:0px -204px}
.left-contact p{line-height:25px;padding:0px 5px 0px 10px;font-size:14px;}
.left-contact p span{font-weight:bold}
/* page-right */
@media screen and (min-width:861px) {
.page-right{float:right;padding:0px 15px 0px 0px;width:825px;overflow:hidden}
}
@media screen and (max-width:860px) {
.page-right{float:left;padding:0px 2%;width:96%;overflow:hidden}
}
.site-nav{border-bottom:1px solid #CCC;height:30px;margin-bottom:10px;line-height:30px;text-align:left}
.site-nav span{color:#ff7e00;font-weight:bold}
.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px}
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.page-news{line-height:32px; font-size:13px;}
.page-news ul{ margin:20px 0px;}
.page-news table{width:98%;}
.page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-news table th.news-time{width:100px;background:url(../images/info_title.gif) left top}
.page-news table th.news-title{background:url(../images/info_title.gif) right top}
.page-news table td{border-bottom:1px solid #666;padding:2px}
.page-news table td.time-list{color:#666;text-align:center}
.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-jobs table td.time-list{color:#666;text-align:center}
.page-guestbook{width:600px;margin:0px auto}
.page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:5px}
.page-guestbook dl dt{width:80px;text-align:right}
.page-guestbook dl dd{width:500px}
.page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px}
.page-guestbook dl dd span{color:#F00;margin-left:10px}
.page-guestbook .Content{width:480px;height:120px;border:#CCC 1px solid}
#checkcode{width:60px;text-align:center}
.page-guestbook p{text-align:center;clear:both;margin-bottom:10px}
@media screen and (min-width:861px) {
#friendlink{ background-color:#333333; color:#fff; width:98%; margin:0 auto; padding:8px 0px;text-align: justify;}
}
@media screen and (max-width:860px) {
#friendlink{ background-color:#333333; color:#fff; width:90%; margin:0 auto; padding:8px 0px; line-height:25px; height:116px; overflow:hidden;}
}
#friendlink a{ color:#fff}
#friendlink a:visited,#friendlink a:active{color:#fff}
#copyright{background:#00913B;padding-bottom:12px;}
@media screen and (min-width:861px) {
.fenzhan{ width:1130px; margin:0 auto;color:#fff; line-height:41px; text-align:center;}
.fenzhan a{ color:#fff}
.fenzhan a:visited,.fenzhan a:active{color:#fff}
.foot{ width:1100px; margin:0 auto; color:#fff; text-align:center; font-size:14px; }
}
@media screen and (max-width:860px) {
.fenzhan{ width:90%; margin:0 auto;color:#fff; line-height:41px; text-align:center;}
.fenzhan a{ color:#fff}
.fenzhan a:visited,.fenzhan a:active{color:#fff}
.foot{ width:90%; margin:0 auto; color:#fff; text-align:center; font-size:14px; }
}
.foot a{ color:#fff}
.foot a:visited,.foot a:active{color:#fff}

.cpy{ display:none; width:1px; height:1px; overflow:hidden;}




/*新闻列表页*/
ul,li{ list-style:none;}
a,a:visited,a:active{color:#333333;text-decoration:none}
a:hover{color:#ff0000;text-decoration:none}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
ul.newsList li {
    border-bottom: 1px dotted #dddddd;
	margin-bottom:10px;
	background:url(../images/icon.gif) no-repeat left 10px;
	padding-left:15px;
}
.page-news {
    margin: 0 auto;
    width: 95%;
}
.dateTitle{ font-size:14px; font-weight:bolder;}

/*新闻详情页*/
#shownews h1.title {
    font-size: 20px;
    text-align: center;
	height:60px;
	line-height:60px; color:#00913B;
}

.hits {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
	height:30px;
	line-height:30px;
}
.page { margin:10px 0; padding:15px 0;
    line-height:24px;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}

#shownews .text{
	margin:10px 0;
	line-height:25px;
}
#shownews .text p {
    text-indent: 24px;
}
#shownews .text a{ color:#F00;}
#shownews .text p img{ max-width:90%; display:block; margin:0 auto;}
.related {
	background:url(../images/bg_news.gif) repeat-x;
}
#shownews .related {
	font-weight:bold;
	height:30px;
	line-height:30px;
	font-size:13px;
}
#shownews .xgtj{ }
#shownews .related-list{width: 100%; margin:0px; padding-bottom:20px; float:left;}
#shownews .related-list li {

	border-bottom:1px dotted #dddddd;
	background:url(../images/icon1.gif) no-repeat left center;
	padding-left:10px;
	
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 1.5%;
    width: 48%;
}
#shownews .related-list li a,#shownews .related-list li a:active,#shownews .related-list li a:visited{
	color:#808080;
}
#shownews .related-list li a:hover{
	color:#ff0000;
}
.left-news h3 {
    background: #00913b;
    color: #fff;
    text-indent: 24px;
    margin-top: 15px;
}
.left-news li {
    list-style: auto;
}
.left-news li a {
    display: list-item;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	list-style-position: inside;
}

/*产品列表页*/
#ShowImages{ margin-top:20px;}
#ShowImages li{
	display: inline;
    float: left;
    margin: 6px 16px;
    text-align: center;
}
#ShowImages .images_img a {
    border: 1px solid #dddddd;
	display:block;
    height: 160px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 230px;
}
#ShowImages .images_img a:hover{
	background:#fff4ce;
	border:1px solid #00913B;
}
#ShowImages .images_img img {
    max-height: 160px;
}
#ShowImages .images_title a{
	height:26px;
	line-height:26px;
}

/*下载列表页*/
.downloadtimes{
	width:80px;
	text-align:center;
}
/*下载详细页*/
.download{ margin-bottom:10px;}
.download li{

	line-height:30px;
	border-bottom:1px dotted #dddddd;
}

.downloadRight{ width:85%;}

/*招聘列表页*/
.jobList li{
	float:left;
	line-height:28px;
	border-bottom:1px dotted #dddddd;
	text-align:center;
}
.jobtime{ width:15%;}
.jobPosition{ width:40%;}

/*招聘详情页*/
.showjobList li{
	line-height:28px;
	border-bottom:1px dotted #dddddd;
}
.jobDescription{
	background:#dddddd;
	height:30px;
	line-height:30px;
	margin:10px 0;
	text-indent:10px;
}
/*招聘应聘页面*/
.submit{
	background:url(../images/submit.jpg) no-repeat;
	width:93px;
	height:34px;
	color:#ffffff;
	line-height:34px;
	border:none;
	cursor:pointer;
	font-family:微软雅黑;
	font-size:14px;
	margin:10px 0 0 100px;
}


/* 内页相关的 */
.related_cp p{ line-height:30px;text-indent:2em;}
.related_cp td{ line-height:30px; }
.related_cp ul{width:100%; height:auto; padding-top:5px; overflow:hidden;}
.related_cp ul li{ text-align:center; width:128px;  float:left; overflow:hidden;}
.related_cp ul li p{ line-height:30px; height:30px; text-align:center; text-indent:0em;  }
.related_cp ul li p a{ line-height:30px; height:30px; text-align:center;}
.related_cpul li p a:hover {color:#FF0000;}
.related_cp ul li img{border:1px solid #CCCCCC; width:100px; height:88px; padding:5px;}
.related_cp ul li a:hover img{ border:1px solid #ff0000;}








/* 产品展示 列表样式 */
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.lbtu{ width:695px; height:auto;}
.lbtup {height: auto;padding-top: 20px;overflow: hidden;}
.lbtup li { list-style-type:none; padding-bottom:10px;}
.lbtu_left{ width:110px; margin-top: 15px;}
.lbtu_left img { border: 1px solid #CCCCCC;width: 100px;height: 88px;padding: 5px;}
.lbtu_left a:hover img{ border:1px solid #ff0000;}
.lbtu_right{ width:505px; margin-top:25px;}
.lbtu_right li { float:left;   }
.bt{ line-height:17px; height:17px; font-size:12px; font-weight:bold;}
.bt a { text-decoration:none; color:#000000;}
.lbt a:hover{ color:#FF0000;}
.wenzi{ font-size:12px; line-height:22px; width:180px;}
.wenzi span a { color:#FF0000; text-decoration:none;}
.right_tb ul li { float:left; padding-left:10px;}



.page-products .images_img  img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.page-products .images_img  a img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}


@media screen and (min-width:861px) {
.ny_xinwen{background: url(../images/xinwen.jpg) no-repeat center top; height:390px;}
.ny_jianjie{background: url(../images/jianjie.jpg) no-repeat center top; height:390px;}
.ny_chanpin{background: url(../images/chanpin.jpg) no-repeat center top; height:390px;}
}
@media screen and (max-width:860px) {
.ny_xinwen{background: url(../images/mxinwen.jpg) no-repeat center top; float:left;width:100%; height:90px;background-size:130% 100%;}
.ny_jianjie{background: url(../images/mjianjie.jpg) no-repeat center top;float:left;width:100%; height:90px;background-size:130% 100%;}
.ny_chanpin{background: url(../images/mchanpin.jpg) no-repeat center top;float:left;width:100%; height:90px;background-size:130% 100%;}
.hot_city{ display:none;}
}
/* toolBar */
@media screen and (max-width:860px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#00913B;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#00913B), to(#000000));}
#foottoolbar ul{}
#foottoolbar li{float:left;width:25%;height:65px;background:url(/images/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/images/home.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/images/tel.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/images/guestbook.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/images/map.png) no-repeat center 8px;background-size:20px 20px}
.hidden{  height:60px;}
}
@media screen and (min-width:861px) {
#foottoolbar{ display:none;}
}

.lc {
    background: #f8f8f8;
    margin-top: 50px;
    padding: 20px 0;
}
.lc_tit {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #00913c;
    margin-bottom: 20px;
}