@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}
@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:#61bfc9;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#fff;background-color:#61bfc9}
.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:"微软雅黑";}
.index_about_left{ width:610px; float:left;}
.index_about_right{ width:500px; float:right;}
@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;}
}



/*********************************************** 横向主导航条 ***********************************************/
#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:last-child{background:none;}
.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:last-child{position:relative;display:inline;float:left;background:none;}
.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;}
.bimg{ background-repeat: no-repeat; background-position: center top;}
/*.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;}
.bimg{background-repeat:no-repeat; background-position: 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;}
.index_about_left{ width:100%;}
.foot_right{ position:relative !important; left:50px !important;}
}
.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:#6ac7d2;}
.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:#5ebdc8;}
.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:195px; margin:0px 10px 33px 10px;border:#f5f5f5 1px solid }
.index-products ul li a{display:block;width:100%; 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:740px; 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{padding-top:2px; padding-left:2px; float:left; width:356px; 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:220px;}
}
@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;}
.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:1130px; margin:0 auto; padding:8px 0px;}
}
@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:#61bfc9;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; padding: 25px 0;}
}
@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}
.foot_right{position: absolute; right: 50px; top:13px;}
.foot_right span{ text-align: center; display: block; float: left; font-size: 12px; margin-right:15px;}
.foot_right span img{ width: 100px;}
.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:#61bfc9;
}

.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 img{ max-width:90%; display:block; margin:0 auto;}
.related {
	background:#61bfc9;
}
#shownews .related {
	font-weight:bold;
	height:30px;
	line-height:30px;
	font-size:13px;
}
#shownews .related-list{ 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: 10px;
    width: 300px;
}
#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;
}

/*产品列表页*/
#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 #61bfc9;
}
#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%;}
}
/* 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:#61bfc9;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#61bfc9), 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;}
}

/* 通用分页 */
.pagination-container {
	line-height: 40px;
}
.pagination-container span {
	color: #666;
	font-size: 9pt;
	display: none;
}

.pagination-container ul {
	float: right;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pagination-container ul li {
	z-index: 1;
	display: inline-block;
	margin: 0;
}
.pagination-container ul li.active {
	z-index: 2;
}
.pagination-container ul li.active span {
	color: #fff;
	border-color: #61bfc9;
	padding-right: 1px;
	background: #61bfc9 !important
}

.pagination-container ul li a, .pagination-container ul li span {
	color: #333;
	width: 33px;
	height: 30px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	margin-left: 1px;
	text-align: center;
	line-height: 28px;
	padding: 0;
	margin-right: 0;
	float: left;
}

.pagination-container ul li span {
	background: #dcdcdc;
	cursor: default;
	float: left;
}

.pagination-container ul li a:hover {
	background: #dcdcdc;
	border-color: #dcdcdc
}

/*留言*/
.message{width:100%;}
.message  span{ width:100%; height:60px; line-height:60px;float:left; color:#000; text-align:center; font-size:30px;}
.message p{font-size:15px; color:#999; text-align:center;}

.message_left{float:left;width:40%;height:34px;line-height:34px;font-size:14px;color:#777777;text-align:left;border-color:#333333;border-style:none;clear:both; margin-top:8px; }
.message_right{float:left;width:100%;height:30px;line-height:30px;background-color:#eee;font-size:14px;color:#777777;text-align:left;padding:4px 0; text-indent:4px; border:1px;border-color:#aaa;border-style:dashed;}

.area_message{float:left;width:100%;height:122px;line-height:24px;background-color:#eeeeee;background-image:none;font-size:14px;color:#777777;text-align:left;padding:4px 0;font-family:Microsoft YaHei;border:1px;border-color:#aaa;border-style:dashed;}

.sub_message{float:left; width:100%;height:40px;line-height:40px;background-color:#61bfc9;	margin-bottom: 30px; border-radius:5px;color:#FFFFFF;text-align:center;border:1px;border-color:transparent;margin-top:20px;}
.footer .mssg form .btn{
    width: 100%;
    height: 30px;
    background: #00479d;
    color:#fff;
    border: none;
    margin-top: 15px;
    border-radius: 3px;
}