@charset "gb2312";
*{ margin:0; padding:0;}
body{ background: #fff; font-size:16px; font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif;line-height:25px;overflow-x:hidden;}
img{margin:0; padding:0;}
li{list-style-type:none; text-decoration:none;}
ul{ margin: 0; padding:0;}
.pt10{ padding-top:10px;padding-bottom:20px;}
.cl{ clear:both;}
.clear{ clear:both;}
.center{ text-align:center;}
.fl {float:left;}
.yellow{ color:#FF0}
.gray{ color:#888;}
h3{ font-size:1.5em; line-height:1.5em;}
.fr {float:right;}
.newsbox{ padding:10px; min-height:350px;}
.newsbox li{ height:35px; line-height:35px; background:url(images/dot.png) left center no-repeat; padding-left:20px; border-bottom:1px dashed #bbb; position:relative;}
.newsbox li .time{ position:absolute;  right:0px; top:1px; color:#999;}
a {color: #000;text-decoration:none; }
a:hover{ color: #ff0000;}
.w100{ width:100%;}
.green{ color:#079e64;}
.layout{ width:1200px; margin:0 auto;}
.more{  border:1px solid #024fa2; display:inline-block;}
.more a{color:#024fa2; }

.navbox {position:absolute; top:0; z-index:999; }
.nav{background:#079e64;}
.nav li{text-align:center; float:left;display:inline-block; height:50px; line-height:50px; }
.nav li a{ display:block;color:#fff; padding:0 50px;}
.nav li a:hover{ background:#00d583; color:#fff;}
.banner{position:relative;}
.banner .layout{position:relative;}
.welcome,.topbar{position:absolute; top:5px;color:#fff; text-shadow: 0 1px #777, 1px 0 #777, -1px 0 black, 0 -1px #777;}
.topbar a{ color:#fff;}
.welcome { left:10px;}
.topbar{right:10px; }

.intro{ padding:20px 0;}
.intro .fl{ width:485px; float:left;}
.intro .fr{ width:630px; float:right; }
.intro p{ text-indent:2em; line-height:45px;}
.intro .fl img{ width:100%;}

.newsbg{ background:#f4f4f4; padding-bottom:20px;}
.newsbg h3 a{ color:#555; font-size:14px; font-weight:normal;}
.newsbg h3{ border-bottom:1px dotted #555; height:50px; line-height:50px;}
.news{ width:490px;}
.news li{ margin-top:30px;}
.news li a{ padding-left:10px; width:400px; line-height:20px;}
.news li .gray{ font-size:12px;}
.news .time{ background:#079e64; display:inline-block; color:#fff; padding:5px;}
.news .day{ font-size:20px;display:block; text-align:center;}
.app{ width:640px;}
.app .pic{ width:170px;}
.app .pic img{ margin-top:5px; display:block;}
.app .text{ width:450px; text-indent:2em; line-height:48px;}

.productbar{background:#fff; padding:30px 0; margin:0 20px;}

.product{ background:#f4f4f4;}
.product ul{ padding:20px;}
.product li{ width:24%; float:left; margin-right:1%; text-align:center;}
.product li img{ width:100%; height:18em;}
.product .morep { text-align:center; display:block; padding-bottom:30px;}
.product .morep a{ background:#00b56f; padding:10px 20px; border-radius:5px; color:#fff;}


#footer{ background:#343434; padding:30px 0px; line-height:30px;color:#fff; margin-top:50px;}
#footer .text{ padding-left:30%; }
#footer a{ color:#fff;}

/*×ÓÒ³*/
.siderleft{ width:300px; float:left;}
.siderleft .title{ background:#00b56f; color:#fff; text-align:center; padding:10px;}
h1.title{ text-align:center; padding:20px; font-size:1.5em; color:#555; border-bottom:1px solid #999;}
.newsbox1 li{background:#2984e1;height:40px;line-height:40px;text-align:center;color:#fff;margin-bottom:5px;}
.newsbox1 li a{color:#fff;}
.newsbox1 li a:hover{color:yellow;}


.content{margin-top:15px; min-height:13em;line-height:45px; font-size:1.4em; padding:0 50px;}
.content p{text-indent:2em;}
.content img{display:block;width:auto; max-width:100%;}

.pbox li{float:left;width:31.3%;margin:0 1%;}
.pbox li a{display:block;}
.pbox img{height:178px; width:100%;}
.pbox li span{display:block;text-align:center;line-height:40px;}
center{margin-top:30px;}
center a{padding:3px 20px;background:#00b56f;color:#fff;}
center a:hover{background:#b90e16;color:yellow;}


.text2{width:500px;margin:0 auto;}
.tianjia{width:1200px; margin:0 auto;}
.footer1{display:none;}
#dituContent{width:500px;border:#b5b5b5 solid 1px;height:300px;margin:20px auto 0;}

@media screen and (max-width:640px) {	
.notouch{ display:none;}
.layout,.main,.app{ width:100%;}
.intro .fr,.intro .fl,.app .text,.app .pic,.news,.app{ padding:2%; width:96%;}
.product li{ width:49%; margin-right:1%;}
.news li a{ width:60%;}
.intro p,.app .text{ line-height:1.8em;}
.product li img{ height:12em;}
.product li .text{ height:30px; overflow:hidden;}
.app .pic img{ width:32%; float:left; margin-right:1%;} 
.pbox li{ width:47%; margin-right:2%;}
.pbox img{ width:100%; height:8em;}
.pbox li span{ display:block;height:30px; line-height:30px; overflow:hidden;}
#footer{ padding:10px 0; margin-top:5px;}
#footer .text{ padding:5px; text-align:center;}
.content{ padding:10px; font-size:.9em;}
.navbox{ position:inherit;}
.nav{ padding:5px 0;}
.nav li{ width:25%; text-align:center; height:30px; line-height:30px;}
.nav li a{ padding:0 0px;}
.nav li:first-child{line-height: 60px;letter-spacing: 5px;font-weight: 600;width: 16%;margin-left: 4%;}
.nav li:nth-child(5){margin-left: 20%;}
}