body {margin:0px auto; font-size:12px; line-height:24px; color:#1e1e1e; font-family:微软雅黑;text-align:center; }
* {margin:0px; padding:0px;}

img{ border:0px}

a {margin:0px; border:0px;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a:link { color:#1e1e1e;text-decoration:none;}/*link*/
a:visited { color:#1e1e1e;text-decoration:none;}
a:hover { color:#fc3f05; text-decoration:none;}
a:active { color:#1e1e1e;text-decoration:none;}

ul { list-style:none; float:left;}
ul li { float:left;}
#top {width:100%; height:120px; margin:0px auto;}
#top-con {width:1000px; height:91px; margin:0px auto; padding-left:30px; padding-right:20px;}
#m1-all {width:100%; height:36px; background:url(menu-out.jpg) repeat-x; margin:0px auto;}
.logo {width:50px; height:50px; margin-top:15px; margin-right:10px; float:left;}
.com-name {width:540px; height:50px; margin-top:20px; margin-left:10px; line-height:50px; float:left; color:#0000; font-size:32px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;text-align:left;}
.home {width:300px; height:90px; float:right; text-align:right; padding-top:30px; line-height:30px; font-size:16px; color:#222; font-family:微软雅黑;}

#m1-center { width:980px; height:36px; margin:0px auto}
#m1-center ul li { text-align:center; width:96px; height:36px;}
.mm a:link {width:94px; height:36px; line-height:32px; background:url(menu-out.jpg) repeat-x; color:#FFF;text-decoration:none;display:block; float:left;}
.mm a:visited {width:94px; height:36px; line-height:32px; background:url(menu-out.jpg) repeat-x; color:#FFF;text-decoration:none;display:block; float:left;}
.mm a:hover {width:94px; height:36px; line-height:32px; background:url(menu-hover.jpg) center center no-repeat; color:#FFFFFF; font-weight:bold;text-decoration:none;display:block; float:left;}
.mm a:active {width:94px; height:36px; line-height:32px; background:url(menu-out.jpg) repeat-x; color:#FFF;text-decoration:none; display:block; float:left;}
.ge {width:2px; height:36px; background:url(menu-ge.jpg) no-repeat; float:left;}

/*导航菜单*/
#header{margin:0 auto; height:120px; background:#FFFFFF;}
#logopic{float:left; margin-left:80px;}
#logotitle{ height:120px; width:220px; background:url(24th.jpg) right center no-repeat; float:right; margin-right:80px;}
#topmenu{ width:100%; height:50px;margin:auto;background:#005FFF;}

#navMenu {width:1000px; height:50px; margin:auto; display:block; overflow:hidden;}
#toptel{float:right; font-family:微软雅黑; color:#000; font-size:16px;}
#navMenu ul{height:50px;}

#navMenu li {text-align:center; float:left; height:50px; line-height:50px; font-family:微软雅黑; font-size:15px;}
#navMenu li a {width:100px; color:#fff; display:block; text-decoration:none; font-size:15px;}
#navMenu li a:hover, #navMenu li.hover a {border:none; text-decoration:none;color:#fff; font-size:15px; background:#FF8820; display:block;}

/*-------- 下拉菜单 --------------*/
.dropMenu {	position:absolute; top:10; z-index:100; width:150px; visibility:hidden; background:#005FFF;}

.dropMenu li { text-align:center; line-height:40px; font-family:微软雅黑; border-bottom:1px #F0F0F0 solid;}
.dropMenu li a{width:150px; display:block; text-align:center; text-decoration:none; color:#FFFFFF; font-size:14px;}
.dropMenu+li a{border-top:none;font-size:14px;}
* html .dropMenu a {width:100%;color:#FFF;font-size:14px;}
.dropMenu a:hover {text-decoration:none; color:#fff; background:#FF8820;font-size:14px;}

.youshisy{width:980px; height:1153px; margin:auto; background:url(youshi.jpg) center top no-repeat; margin-bottom:20px;}
.yqlink{width:940px; padding:10px 20px; margin:auto; border:1px #CCC solid; line-height:24px; font-size:12px; text-align:left; background-color:#FFF;}



/*本例css*/
.chinaz { width:1000px; height:400px; margin:0 auto; position: relative; overflow:hidden; margin-bottom:15px; }

/*数字按钮样式*/
.chinaz .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3;  margin-left:426px; }
.chinaz .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right:6px; border-radius:50%; cursor:pointer; float: left;}
.chinaz .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.chinaz .prev,
.chinaz .next { display: none; width:40px; height:100px; background: url(btn.png) no-repeat; position: absolute; top:150px;}
.chinaz .prev { left: 0; }
.chinaz .next { right: 0; background-position: right }



/**首页css开始*******************************************************************************************/
.aboutsy{width:980px; margin:auto; margin-top:20px; margin-bottom:20px;}
.newsy{width:980px; margin:auto; margin-bottom:20px;}

.new81{width:280px; border-top:1px #CCC solid; padding-top:10px; margin-top:10px;}
.new81 ul li{width:280px; height:24px; line-height:24px; font-size:12px; border-bottom:1px #F0F0F0 dotted;}

.new82{width:260px; border-top:1px #CCC solid; padding-top:10px; margin-top:10px;}
.new82 ul li{width:260px; height:24px; line-height:24px; font-size:12px; border-bottom:1px #F0F0F0 dotted;}



.aboutbanner{height:300px; width:100%; margin:auto; background:url(aboutbanner.jpg) center no-repeat;}
.newsbanner{height:300px; width:100%; margin:auto; background:url(newsbanner.jpg) center no-repeat;}
.rongyubanner{height:300px; width:100%; margin:auto; background:url(rongyubanner.jpg) center no-repeat;}
.casebanner{height:300px; width:100%; margin:auto; background:url(casebanner.jpg) center no-repeat;}



/**首页css*******************************************************************************************/

















#flash {width:100%; height:297px; background:url(flash.gif) center center no-repeat; margin:0px auto;}

#under-all {width:960px; height:29px; margin:0px auto; background:url(under-flash.jpg) repeat-x; padding-left:10px; padding-right:10px; margin-bottom:15px;}
#under {width:960px; height:29px; background:url(under-center.jpg) top center no-repeat;}
.time {width:225px; height:29px; line-height:29px; background:url(time-bq.jpg) left center no-repeat; padding-left:25px; float:left;}
#search {width:320px; height:24px; padding-top:5px;background:url(search-bq.jpg) left center no-repeat; padding-left:20px; float:right;}
.ss {width:215px; height:18px; line-height:18px; border:1px solid #d2d2d2;  float:left; }
.bb1 {width:59px; height:18px; background:url(search-button.jpg) no-repeat;  margin-left:8px;float:left;}

#main {width:980px; margin:30px auto;}
#left {width:245px; margin-right:18px; float:left; padding-right:17px;}
#right {width:700px; float:left;}

#login2 {width:245px; text-align:left;}
.login-bq2 {width:215px; height:34px; background:url(left-bq.jpg) no-repeat; line-height:34px; padding-left:30px;}
#login-center2 {width:240px; line-height:12px; text-align:center; padding-top:20px;padding-left:3px; margin-top:4px; }	
#login-center2 form { text-align:left; padding-left:20px; line-height:20px; display:block;}
#login-center2 form p {margin-bottom:12px;}
#login-center2 form input {width:145px; height:20px; border:1px solid #c1ced9; }
#login-center2 form input.yanzheng {width:100px; height:20px; border:1px solid #c1ced9; }
#login-center2 form input.button {width:75px; height:25px; background:url(login.gif) no-repeat; border:0px;}
#login-center2 form input.button1 {width:75px; height:25px; background:url(regist.gif) no-repeat; border:0px;}
.c2 {font-size:16px; color:#005FFF; font-weight:bold; display:block; float:left}
.e2 { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; float:left; color:#979798;}


#login {width:245px; text-align:left;}
.login-bq {width:215px; height:100px; padding-left:32px; background:#35AAE0; color:#FFF; line-height:100px; text-align:center;}
#login-center {width:240px; line-height:12px; text-align:center; padding-top:20px;padding-left:3px; margin-top:4px; }	
#login-center form { text-align:left; padding-left:20px; line-height:20px; display:block;}
#login-center form p {margin-bottom:12px;}
#login-center form input {width:145px; height:20px; border:1px solid #c1ced9; }
#login-center form input.yanzheng {width:100px; height:20px; border:1px solid #c1ced9; }
#login-center form input.button {width:75px; height:25px; background:url(login.gif) no-repeat; border:0px;}
#login-center form input.button1 {width:75px; height:25px; background:url(regist.gif) no-repeat; border:0px;}
.c {font-size:20px; color:#FFF; font-weight:bold; display:block; float:left}
.e { font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; float:left; color:#FFF;}




.small-menu {width:245px; margin-bottom:40px; border:1px #CCC solid; }
.small-menu ul li  a{ width:245px; height:50px; display:block;line-height:50px; color:#666; text-align:center;  font-size:14px; font-weight:bold; border-bottom:1px #CCC dotted;}
.small-menu ul li a:hover{width:245px; height:50px; display:block; line-height:50px; text-align:center;  font-size:14px; font-weight:bold; border-bottom:1px #CCC dotted;  background:#999; color:#FFF;}

#about {width:455px; float:left; margin-right:20px;}
#news {width:225px; float:left;}
.about-bq {width:450px; height:34px; padding-left:5px;}
.under-bq {width:455px; height:15px; background:url(news-bq.jpg) no-repeat;}
.about-con {width:455px; text-align:left}
.about-title {width:89px; height:34px; text-align:center; background:url(center-bq.jpg) left center no-repeat; line-height:34px; font-size:13px; float:left; font-weight:bold; color:#FFFFFF;}
.more {width:47px; height:12px; margin-top:10px; margin-right:8px; float:right; line-height:12px;}
.more1 {width:47px; height:12px; margin-top:5px; margin-right:8px; float:right; line-height:12px;}
.about-pic {width:106px; height:90px; margin-right:8px; background:url(news-pic.jpg) no-repeat; padding-left:13px; padding-top:6px; padding-right:6px; padding-bottom:13px; float:left;}

.news-bq {width:223px; line-height:23px; background:url(right-bg.jpg) repeat-x; border:1px solid #dedede;}
.news-left {width:17px; height:23px; background:url(right-bq.jpg) no-repeat; float:left;}
.news-con {width:215px; padding-left:5px; padding-right:5px; padding-top:12px;text-align:left;}
.news-con ul li {width:214px; border-bottom:1px dashed #c9c9c9;}

.newssy-bq {width:420px; line-height:23px; background:url(right-bg.jpg) repeat-x; border:1px solid #dedede;}
.newssy-left {width:17px; height:23px; background:url(right-bq.jpg) no-repeat; float:left;}
.newssy-con {width:412px; padding-left:5px; padding-right:5px; padding-top:12px;text-align:left; }
.newssy-con ul li {width:411px; border-bottom:1px dashed #c9c9c9;margin-bottom:3px;}



#product {width:980px; margin:0px auto; margin-bottom:20px;}
.casesy{width:980px; height:430px; background-color:#FFF;}
.product-bq {width:980px; margin:auto; height:40px; line-height:40px; margin-top:40px; text-align:center; font-size:24px; font-weight:bold; color:#333;font-family:微软雅黑;} 
.pro-ll {width:230px; padding-left:12px; float:left; margin-bottom:20px;}
.pro-pic {width:230px; height:170px; border:1px #ccc solid;}
.pro-text {width:230px; height:30px;  margin-top:1px; line-height:30px; text-align:center; font-size:13px;}
#demo {
background: #FFF;
overflow:hidden;
border: 0px dashed #CCC;
width: 940px;
}

#indemo {
float: left;
width: 800%;
}
#demo1 {
margin-top:10px;
float: left;
}
#demo2 {
margin-top:10px;
float: left;
}


.aboutcon{width:100%; height:510px; background:url(jj_dkas.jpg) center top no-repeat; padding-top:40px;}
.aboutsy{width:1200px; height:430px; margin:auto; background:url(1_xjng.png) center no-repeat;}
.aboutsy29{width:29px; height:430px; float:left;}
.aboutsy570{width:530px; height:260px; float:left; padding:20px; font-size:14px; font-family:微软雅黑; line-height:28px; text-align:left;}
.aboutsy57079{width:570px; height:430px; float:left;}
.aboutsy57079top{width:570px; height:79px; line-height:79px; color:#FFF; font-size:28px; font-weight:bold; font-family:微软雅黑;}
.aboutsy57079pic{width:570px; height:350px;}


.line{width:300px; height:3px; background:url(line.jpg) center no-repeat; margin:20px auto;}

/*public*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
/*main*/
.lanrenzhijia{width:960px;margin:30px auto;background:#fff; padding:15px;box-shadow:0 0 10px #ccc;}
.lanrenzhijia .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}
.lanrenzhijia .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.lanrenzhijia .title-list{ position: relative; top: 6px;}
.lanrenzhijia .title-list li{ width: 146px; line-height: 20px;font-family: "microsoft yahei"; font-size:18px; text-align: center; float: left; display: inline;}
.lanrenzhijia .title-list li.on{ color: #ff6600; font-family: "microsoft yahei"; font-size:18px; cursor:pointer;}
.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.lanrenzhijia .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.productrm{ height: 268px; position: relative; overflow: hidden; display: none; margin-top: 20px;}
.productrm ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .productrm li{ float: left; display: inline; margin-left: 10px; margin-top:15px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .productrm li.ml0{margin-left:0px;}
.product-wrap .productrm li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .productrm li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .productrm li p a{ color: #666666; text-decoration: none;}
.product-wrap .productrm li p a:hover{ color: #ff6600; text-decoration: none;}
/* 代码整理：懒人之家 www.lanrenzhijia.com */





.souyenews{width:1000px; margin:auto;}







/*zi*/
#con-bq { width:696px; height:39px; }
.main-b {width:38px; height:39px; background:url(main-b.jpg) no-repeat; float:left;}
.main-bq {width:648px; height:39px; background:url(main-bg.jpg) repeat-x; float:left; line-height:36px;}
.main-end {width:9px; height:39px; background:url(main-end.jpg) no-repeat; float:left; line-height:36px;}
#con-con {width:676px; padding:10px;text-align:left; font-size:14px; line-height:26px;}
.position { height:32px; line-height:32px; float:right; background:url(position.gif) left center no-repeat;}
.ye {width:570px; height:30px; line-height:30px; float:right;margin-top:10px; text-align:right;}
.s11 {font-weight:bold; font-size:14px; color:#000000; float:left }

#zi-news {width:675px;text-align:left;}
#zi-news ul li {width:675px; height:32px;   border-bottom:1px dashed #d5d5d5;  background:url(123.jpg) left center no-repeat;}
.t1 { width:580px; height:32px; line-height:32px; float:left; }
.t2 {width:90px; height:32px; line-height:32px; text-align:center; float:left;}


#newshow-title {width:676px; height:36px; font-size:18px; color:#333; margin-bottom:10px;  font-weight:bold; line-height:36px; text-align:center;}
#newshow-time {width:676px; height:24px; color:#666666; text-align:center; background:#e3e3e3;margin-bottom:15px;}
#newshow-con {width:676px;text-align:left; line-height:24px;}

/*guestbook*/
#gustbook {width:550px; margin-left:60px; margin-top:30px; line-height:35px;}
#gustbook form input {width:290px; height:20px; line-height:20px;border:1px solid #c1ced9}
#gustbook form textarea {width:390px;  border:1px solid #c1ced9}
#gustbook form p {margin-bottom:15px;}
.STYLE1 {color: #E40C0D}
#gustbook form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}


#zi-lyshow {width:672px;text-align:left;}
#see {width:672px; text-align:center;}
.g-name {width:672px; background:#edeeef; height:25px; line-height:25px; margin-bottom:6px;}
.g-name1 {width:300px; height:25px; line-height:25px; float:left; padding-left:6px;}
.g-name-pic {width:40px; height:25px; background:#006dcb; float:left; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.g-name-time {width:150px; height:25px; color:#666666; float:right; text-align:center;}
.g-danwei {width:626px; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:314px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:626px; height:24px;padding-left:46px;}
.g-reply {width:572px; height:24px; padding-left:100px;}

/*job*/
.job {width:652px; padding:10px;text-align:left;}
.job-title {font-size:14px; font-weight:bold; color:#FF3333; width:650px;  margin-bottom:8px;height:30px; line-height:30px; border:1px solid #d7d7d7; background:#e1e1e1;}

#zi-product {width:675px; float:left;}
.pro-ll1 {width:153px; padding-left:10px;padding-right:5px; height:142px;float:left; margin-bottom:30px;}
.pro-pic1 {width:153px; height:112px;clear:both;}
.pro-pic1 img {width:153px; height:112px;}
.pro-text1 {width:153px; height:30px; line-height:30px; text-align:center; clear:both; font-size:12px;}


#zi-productshow { width:672px; float:left;text-align:left;}
#zi-pro-pic {width:210px; height:160px;  float:left;}
#zi-pro-ge {width:18px; height:120px; float:left}
#zi-pro-inf {width:439px; height:120px; float:left}
#zi-pro-inf ul li {width:439px; height:24px; line-height:24px;}
#pp-jianjie {width:672px; float:left; margin-top:10px; line-height:24px; font-size:12px;}
#pp-jianjie ul li {width:672px;}

/*contact*/
#contact-inf {width:632px; height:345px; line-height:32px; font-size:14px; padding-left:40px; padding-top:20px; background:url(contact-bg.jpg) right bottom no-repeat;}



#bottom {width:100%; background-color:#005FFF; margin:0px auto; margin-top:50px; padding:20px 0px; text-align:center; line-height:24px; color:#FFF;}
.bot-left {width:24px; height:151px; background:url(bot-left.jpg) no-repeat; float:left;}
.bot-center {width:796px;  float:left; padding-top:22px; padding-bottom:10px; color:#737373;}
.bot-logo {width:50px; height:47px; float:left; margin-right:10px;}
.copyright {width:700px;float:left; line-height:16px; text-align:center}
.bot-menu {width:320px; height:50px; float:right; line-height:50px;}
.bot-right {width:160px; height:151px; background:url(bot-right.jpg) no-repeat; float:left;}