body {padding:0px;margin:0px;font-size:12px;color:#757577;line-height:25px;background:url(/uploads/image/toimages/bodybg.jpg);font-family: arial, "microsoft yahei", "hiragino sans gb", sans-serif;}
a{ text-decoration:none; color:#757575;}
a:hover{ color:#167ad0}
ul,li,p{list-style:none; padding:0px; margin:0px;}
img {border:0;}
.head{ width:100%; margin:0px auto;  padding:10px 0px;  max-width:1200px; overflow:hidden;}
.logo{ float:left; }
.top_right{ float:right;}
.language{ text-align:right;}
.language a{ margin:0px 5px;}
/*.nav{ height:43px; background:url(/uploads/image/toimages/nav.gif); width:960px; margin:0px auto; border-bottom:2px solid #6ebe1d;  }
.nav a{ display:block; float:left; line-height:43px; color:#ffffff; font-size:14px; font-weight:bold; width:137px; text-align:center; background:url(/uploads/image/toimages/navbg.gif) no-repeat right;}
.nav a:hover{ background:#0201ff;}*/
.banner{ width:100%; margin:0px auto; max-width:1200px;}
.banner img{ width:100%;}
.maint{width:100%; margin:10px auto;overflow:hidden; max-width:1200px;}
.leftnews{  float:left; width:70%; background:#fff}
.navnews{ height:31px; background:url(/uploads/image/toimages/c1left.gif); line-height:31px; padding:0px 20px;color:#2c78c3; font-weight:bold; font-size:14px;}
.navnews span,.navcompany span,.rdnav span{ float:right; font-size:12px; font-weight:normal;}
.cnews{overflow:hidden;  width:100%;}
.pic{ float:left; padding:6px 0px 0px 11px;}
.rcompany{ float:right; width:29%;}
.navcompany{ height:31px; background:url(/uploads/image/toimages/c1right.gif); line-height:31px; padding:0px 20px;color:#2c78c3; font-weight:bold; font-size:14px;}
.company{ overflow:hidden; padding:10px ; background:#fff; font-size:16px;}
.company a { display:block;}
.company p{ padding:10px;}
.company p a,.rdtext a,.basetext p a{color:#167ad0}
.company ul{ padding-left:20px;}
.company p a:hover,.rdtext a:hover,basetext p a:hover{ color:#e16312;}
.company ul li{ float:left; width:25%; padding-top:6px;}
.company ul li a{ display:block; text-align:center;}
.content img{ width:80%}
.mainc{width:100%; margin:10px auto;overflow:hidden; max-width:1200px;font-size:14px; line-height:30px;}
.mainc ul li{ float:left; width:33.3%;/*border-radius: 4px;border: 1px solid #dfdfdf;*/}
.news a,.job a{ display:block; padding:0px 10px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;width:100%;}
.mainc ul li img{ width:98%; border:1px solid #d5d5d5; padding:2px; border-radius:4px; margin-top:5px;}
.news { float:right; width:28%;background:#fff}
.rd,.job,.map{background:#fff; margin:5px;}
.rd p{text-indent:2em; padding:0px 10px;}
.map p{padding:0px 10px;}

.product{margin:0px auto;overflow:hidden; width:100%; max-width:1200px;}
.pnav{background: #337ab7;
    height: 35px;
    line-height: 35px;
    padding: 0px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px 4px 0px 0px;}
.pnav span{ float:right; font-size:12px; font-weight:normal; }
.pnav span a{ color:#fff }
.ptext{overflow:hidden;  background:#fff;}
.pfoot{background:url(/uploads/image/toimages/pfoot.gif); height:7px;}

.ptext ul li{ float:left; width:25%;}
.ptext ul li img{ border:1px solid #ebebeb; width:100%; height:180px;}
.ptext ul li a{ display:block; text-align:center; padding:10px;}
.foot{ text-align:center; border-top:2px solid #337ab7;  line-height:35px; width:100%;font-size: 0.9em;
margin:0px auto;}

#demo {overflow:hidden; margin:10px 10px 0px 0px; height:214px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo img{ height:180px; display:block; border-radius: 4px;}
#demo a{ }
#demo a:hover{}
.about{width:100%; margin:0px auto; overflow:hidden; padding:10px 0px; overflow:hidden;border-top:1px solid #e3e3e3; max-width:1200px;}
.about ul li{ float:left; width:25%; font-weight:bold; }
.about ul li img{ padding-top:10px;}
.about ul li a{ display:block;}
.about h1{ font-size:14px; padding:0px; margin:0px;}

.menu {
font-family: arial, sans-serif; width:960px; margin:0px auto; height:40px; background:url(/uploads/image/toimages/nav.gif);border-bottom:2px solid #6ebe1d;}
.menu ul li a {display:block; text-align:center; text-decoration:none; width:134px; 
height:40px; color:#ffffff;background:url(/uploads/image/toimages/navbg.gif) no-repeat right;line-height:40px; font-size:14px;border-top:none; font-weight:bold; }
.menu ul li a:hover{ color:#ffff00}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;z-index: 9999; width:136px;}
.menu ul li ul {display: none;}
/* specific to non ie browsers */
/*.menu ul li:hover a {color:#fff;}*/
.menu ul li:hover ul {display:block; position:absolute; top:40px; left:-3px;}
.menu ul li:hover ul li a {border-bottom:1px solid #cccccc; font-size:13px;}
.menu ul li:hover ul li:hover a{color:#000;background-color: #ffffff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;border-right:none;}
.menu ul li:hover ul li a:hover {color:#000;background-color: #ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:130px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-100px;}

.mainleft{float:left; width:70%}
.mainright{float:right; width:28%;}
.pleft h2{ font-size:16px; line-height:35px; border-bottom:1px dotted #eee; margin:0px 0px 10px 0px; text-indent:10px; color:#006dcc;}
.productli{ padding:10px 0px;}
.productli li{ float:left; width:205px;  /*height:217px;*/ padding-right:28px; text-align:center;}
.productli li img{  width:170px; padding:2px; border:1px solid #dbdbdb; height:130px;}
.productli li .title{ /*color:#0285bd; */font-weight:bold;}
.productli li a{ display:block; text-align:center; line-height:35px;}
.newslist{ padding:0px 10px;}
.newslist ul li span{ float:right; font-size:12px; font-weight: normal;}
.newslist ul li{ border-bottom:1px dotted #ebebeb; line-height:35px; font-weight:bold; font-size:14px;}
.form{ text-align:right; padding-top:5px; }
.search{ text-align:right; float:right;}
.search-submit{cursor:pointer;
	width:68px;
	height:22px;
	border:0px;
	background:url(/uploads/image/toimages/search-bt.gif) no-repeat; text-indent:-999em; margin-left:5px;}
	.search-keyword {
	width:160px;
	height:18px;
	padding-top:2px;
	padding-left:6px;
	border:0px;
	border:#91bce1 solid 1px;
	background: #fff;
	color:#444;
}form{ padding:0px; margin:0px;}.mlnav{ float:left; }


.f_l {float:left; padding-left:5px;}
.f_r {float:right;}
.city {}
.city_swich{font-size:14px; font-weight:bold;background:url(/uploads/image/toimages/dao.png) right no-repeat; padding-right:10px; margin-top:20px;}
.city a{ display:block; float:left; width:130px; padding-left:10px; font-size:13px;}
.city a:hover{background:#167ad0; color:#ffffff; text-decoration: none;}
.city_now {width:60px;padding-top:20px;color:#595756;font-size:16px;letter-spacing:3px;font-weight:bold;}
.city_box {text-align:center;}
.city_box span {vertical-align:bottom;}
.city_nav {text-align:center;height:18px;line-height:18px;color:#333;cursor:pointer;overflow:hidden;display:inline-block;}
.city_hover {color:#f25000;height:18px;line-height:18px;overflow:hidden;}
.city_link {background:#ffffff;width:280px;display:none;z-index:9999; border-left:1px solid #167ad0; border-bottom:1px solid #167ad0; border-right:1px solid #167ad0; border-top:1px solid #167ad0;}
.city_hovers {display:block;position:absolute; z-index:99999; }
.city_show {background: #eeeeee;height:18px;line-height:18px;padding:5px;cursor:pointer;}
.e2 img{ padding:10px;}
.hezuo{ width:100%; margin:0px auto; max-width:1200px;}
.phezuo {
overflow: hidden; margin-top:5px; background:#fff;
}
.phezuo ul li {
float: left; width:16%;
}
.phezuo ul li img {
border: 1px solid #ebebeb; width:95%; margin:0px 2px;
}

.honorli{ padding:10px 0px;}
.honorli li{ float:left; width:205px;  /*height:217px;*/ padding-right:28px; text-align:center;}
.honorli img{  width:170px; padding:2px; border:1px solid #dbdbdb; }
.honorli .title{ /*color:#0285bd; */font-weight:bold;}
.honorli a{ display:block; text-align:center; line-height:35px;}



/* 懒人图库 搜集整理 www.lanrentuku.com */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  width: 100%; background:#dadae6;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;margin:0px auto;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .5);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent  no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  .place{ width:100%; margin:0px auto; max-width:1200px; background:#fff;  border-bottom:1px solid #e8e8e8; line-height:30px;}
  .main{ width:100%; max-width:1200px; margin:10px auto; overflow:hidden;}
  .pleft{ float:left; width:20%}
  .mright{ float:right; width:79%;background: #fff;
    border: 1px solid #eee;
    padding: 10px 0px;
    font-size: 14px;
}.mtext p{ text-indent:2em; padding-bottom:10px;}
  .mtext{ padding:20px;}
    .ptext{ padding:20px;}
	.ptext ul li{ width:30%; float: left;}
	.ptext ul li a{ display:block; text-align:center;}
	.ptext ul li img{ border:1px solid #d0d0d0; padding:2px; width:80%;}
  
.tbox{ background:#ebebeb; margin-bottom:10px}
.tnav{background:url(/uploads/image/toimages/pro-title.jpg); height:70px; line-height:60px; font-weight:bold; color: #0f406c;font-size: 20px; text-align:center;}
.tbox ul li{line-height:30px; border-bottom:1px dotted #e7e7e7}
.tbox ul li a{    line-height: 35px;
    color: #3c3c3c;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #c3c3c3;
    display: block;
    text-align: center;
}
.limg img{ width:100%;}
.tbox ul li a:hover { background:#3277c2; color:#fff}
.tbox ul{padding:10px 20px}

.viewbox{overflow:hidden; padding-bottom:8px; padding-top:10px;}
.viewbox .title h2 {
line-height: 35px;
border-bottom: 1px dotted #eee;
margin: 0px 0px 10px 0px;
text-indent: 10px;
color: #006dcc; text-align:center;
}
.viewbox .info{height:24px; line-height:17px; text-align:center; overflow:hidden; color:#666}
.viewbox .info small{margin-left:8px; margin-right:3px; color:#999; font-size:12px}
.viewbox .info a{color:#690}
.viewbox .intro{width:90%; padding:8px 16px; line-height:24px; background:#f5fcee; border:1px solid #dcdddd; font-size:14px; color:#706a6a; margin:8px auto 0 auto}
.viewbox .infolist{width:368px; float:left}
.viewbox .infolist small{width:100px; text-align:right; display:block; float:left; font-size:12px; line-height:31px; color:#999; clear:left; height:31px; overflow:hidden}
.viewbox .infolist span{width:200px; line-height:30px; float:left; height:31px; overflow:hidden}
.viewbox .picview{padding-right:24px; padding-top:16px; text-align:center}
.viewbox .picview img{height:365px}
.viewbox .labeltitle{height:23px; background:url(/uploads/image/toimages/view-labeltitle-bg.gif) left 10px repeat-x; clear:both; overflow:hidden; margin:0px auto 0px; padding-top:10px}
.viewbox .labeltitle strong{width:80px; height:23px; line-height:23px; text-align:center; color:#fff; letter-spacing:1px; display:block; float:left; background:url(/uploads/image/toimages/view-labeltitle-bg.gif) left -44px no-repeat; overflow:hidden}

.viewbox .content{font-size:14px; padding:12px 16px; line-height:25px; color:#333; text-align:center;}
.viewbox .content img{ width:80%; margin:0px auto;}
.viewbox .dede_pages{width:712px; float:none; overflow:hidden; text-align:center}
.viewbox .dede_pages ul{margin:0px auto; float:none; clear:both; overflow:hidden; text-align:center; white-space:nowrap}
.viewbox .dede_pages ul li, .viewbox .dede_pages ul li a{float:none; display:inline}
.viewbox .boxoff{height:10px; overflow:hidden; clear:both; background:url(/uploads/image/toimages/boxoff.gif) left 15px repeat-x; margin:4px auto; padding-top:10px}
.viewbox .boxoff strong{display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; background:url(/uploads/image/toimages/boxoff.gif) right -10px no-repeat; float:left}
.viewbox .newdigg{width:406px; height:51px; margin:8px auto; clear:both; overflow:hidden; padding-left:8px}
.viewbox .diggbox{width:195px; height:51px; float:left; margin-right:8px; overflow:hidden; cursor:pointer}
.viewbox .diggbox .digg_act{font-size:14px; float:left; line-height:31px; text-indent:32px; height:29px; overflow:hidden; font-weight:bold}
.viewbox .diggbox .digg_num{float:left; line-height:29px; text-indent:5px}
.viewbox .diggbox .digg_percent{width:180px; clear:both; padding-left:10px; overflow:hidden}
.viewbox .diggbox .digg_percent .digg_percent_bar{width:100px; height:7px; background:#e8e8e8; border-right:1px solid #ccc; float:left; overflow:hidden; margin-top:3px}
.viewbox .diggbox .digg_percent .digg_percent_num{font-size:10px; float:left; padding-left:10px}
.viewbox .diggbox .digg_percent .digg_percent_bar span{display:block; height:5px; overflow:hidden; background:#000}
.viewbox .newdigg .digg_good{background:url(/uploads/image/toimages/newdigg-bg.png) left top no-repeat}
.viewbox .newdigg .digg_bad{background:url(/uploads/image/toimages/newdigg-bg.png) right top no-repeat}
.viewbox .newdigg .digg_good .digg_act{color:#c30}
.viewbox .newdigg .digg_good .digg_num{color:#c63}
.viewbox .newdigg .digg_bad .digg_act{color:#36c}
.viewbox .newdigg .digg_bad .digg_num{color:#39c}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{border:1px solid #e37f24; background:#ffc535}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{border:1px solid #689acc; background:#94c0e4}
.viewbox .handle{height:59px; padding-top:12px; overflow:hidden; clear:both}
.viewbox .handle .digg{width:59px; height:59px; float:left; background:url(/uploads/image/toimages/digg-bg.gif) no-repeat; margin-right:12px}
.viewbox .handle .digg .digg_num{width:56px; height:34px; font-size:20px; text-align:center; line-height:34px; overflow:hidden; color:#6b9169}
.viewbox .handle .digg .digg_act{width:56px; height:22px; line-height:23px; overflow:hidden}
.viewbox .handle .digg .digg_act a{margin-left:11px; color:#666; float:left}
.viewbox .handle .context{float:left}
.viewbox .handle .context ul li{line-height:29px; color:#888}
.viewbox .actbox{width:260px; text-align:center; float:right; padding-top:20px; padding-right:10px}
.viewbox .actbox ul li{display:inline; padding-left:22px; background-image:url(/uploads/image/toimages/actbox-ico.gif); background-repeat:no-repeat; margin-right:10px}
.viewbox .actbox ul li a{color:#666}
.viewbox .actbox ul li#act-fav{background-position:4px 0px}
.viewbox .actbox ul li#act-err{background-position:4px -37px}
.viewbox .actbox ul li#act-pus{background-position:4px -73px}
.viewbox .actbox ul li#act-pnt{background-position:4px -109px}
.viewbox .downurllist{width:100%; clear:both; overflow:hidden}
.viewbox .downurllist li{height:27px; background:url(/uploads/image/toimages/downurl-bg.gif) right top no-repeat; padding-right:4px; float:left; margin-right:10px; overflow:hidden; margin-top:10px}
.viewbox .downurllist li a{height:27px; background:url(/uploads/image/toimages/downurl-bg.gif) left top no-repeat; display:block; font-size:12px; color:#555; text-indent:30px; line-height:27px; float:left; padding-right:5px}
.viewbox .downurllist li a:hover{color:#f63; text-decoration:none}
.viewbox .picbox{width:100%; text-align:center; padding-top:10px; font-size:14px; line-height:31px; overflow:hidden}
.viewbox .picbox img{display:block; margin:16px auto 6px}
.viewbox .picbox ul.e8{font-size:12px; line-height:normal}
.viewbox .picbox ul.e8 li .pic{background:none; border:1px solid #eee; overflow:hidden}
.viewbox .picbox ul.e8 img{margin:3px; border:none}
.viewbox .picbox ul.e8 li .title{padding-top:0px}

.dede_pages{ clear:both;  padding-left:20px;  padding-top:15px;  line-height:24px;  text-align:left;  padding-bottom:40px}
.pagelist li{ float:left;  line-height:24px;  margin-right:5px}
.pagelist li a{color:#083578; padding:0 5px; display:block; border:1px #ebebeb solid}
.pagelist li.thisclass{ border:0}

/*bacai css*/

.hnav{float:right; padding-top:29px; margin-right:10px;}
.hnav a {
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	background:#e0e0e0;
	height:35px;
	line-height:35px;
	display:block; padding:0px 10px;border-radius: 4px;
}
.hnav a:hover {
	text-decoration:none;
	color:#fff;
	border-left:1px solid #006dcc;
	border-right:1px solid #006dcc;
	background:#337ab7;border-radius: 4px;
}

.bmain{ width:100%; margin:10px auto; max-width:1200px; overflow:hidden;}
.bleft{ float:left; width:70%;}
.bright{ float:right; width:28%}
.bnav{ background: #337ab7; height:35px; line-height:35px; padding:0px 20px; font-size:14px; font-weight:bold; color:#fff;border-radius: 4px 4px 0px 0px;}
.bnav span{ float:right; font-size:12px; font-weight:normal;}
.bnav span a{ color:#fff;}
.bnav span a:hover{ color:#ffff00}
.abouttext{ padding:10px; text-indent:2em; overflow:hidden;}
.abouttext img{ padding:1px; border:1px solid #e7e7e7; margin:5px; float:left;}
.aboutus,.brtext,.bproduct,.navproduct,.bjob{ border:1px solid #d2e9ff;border-radius: 4px;}
.bproduct,.navproduct,.bjob{ margin-top:10px; }
.navtext,.brtext,.jobtext{ padding:10px;}
.bprotext{overflow:hidden; }
.bprotext ul li{ float:left; width:25%;}
.bprotext ul li img{ border:1px solid #ebebeb; padding:2px; width:100%; height:158px;}
.bprotext ul li a{ display:block; text-align:center; padding:5px;}
.ptext ul li img{ height:150px;}
.ptext img{width:100%;}

@media screen and (max-width: 1024px) { 
.company ul{ display:none;}

}



@media screen and (max-width: 768px) { 
.mainc ul li,.leftnews,.rcompany,.company,.pic,.news,.mright,.mainleft,.mainright{width:100%;}
.city,.pic,.pleft,.hnav,.qiao,.search{ display:none;}
.logo img{ width:80%;}
.mtext img{ width:80%; }
.ptext ul li,.bprotext ul li{ width:50%}
.bprotext ul li img{ height:130px;}
.ptext ul li img { height:110px;}
.logo{ clear:both;}
.bleft{width:100%;}
.bright,.ptext img{width:100%;}
.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 16px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .5);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px 20px;
  margin: 0;
  max-width: none;
  }
  body{ padding:0px 5px;}
  .head{ width:100%; margin:0px auto;  padding:0px 0px 10px 0px;  max-width:1200px; overflow:hidden;}
  .ptext ul li{ float:left; width:50%;}
  .ptext ul li img{ border:1px solid #ebebeb; width:100%; height:100%;}
}