@charset "utf-8";
/* CSS Document */


/* 公共样式 */
html {font-size: 625%;max-width:640px;margin:0 auto;}
* { margin:0px; padding:0px; border:0px;}
img,div { border:none;}
img {max-width: 100%;}
body {color:#333;font-family: "微软雅黑","microsoft jhenghei","宋体";font-size: 0.16rem; background-color:#f6f6f6;padding-top:.55rem;padding-bottom:.42rem;}
table { border-collapse:collapse;}
a {outline:none;}
a {color:#333333;text-decoration:none;}
a:hover {text-decoration:none;}
li { list-style:none;}
input,select,button {vertical-align:middle;font-family:"microsoft Yahei","微软雅黑","microsoft jhenghei","宋体"; outline: none;}

.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}



#header,#nav{ width:100%; position:fixed; top:0;left:0;}
#header{ height:.55rem; background:#fff; z-index:99;width: 100%;}
.logo img{ display:block;width:2.4rem;padding:.08rem 0 0 .07rem;}
.register{ height:38px; line-height:38px; padding:2px 24px 0; border:1px solid #fff; position:absolute; top:29px; right:26px; font-size:28px; border-radius:20px}
.register a{ color:#fff}
#nav-kg{ width:.30rem; height:.24rem; position:absolute; top:.18rem; right:.03rem; cursor:pointer;background:url(../images/wapM.png) no-repeat;}



#nav{ display:none; height:100%; overflow:auto; background:#fff; z-index:98}
#nav ul{ padding-top:60px;}

/*---------------------首页-----------------------------*/
.index_banner{width:100%;position:relative;height:auto;}
.index_banner .con{width:100%;height:auto;position:relative;overflow:hidden;}
.index_banner .con > ul{width:auto;min-width:100%;height:auto;position:relative;}
.index_banner .con > ul:after{clear:both;content:'';display:table;}
.index_banner .con > ul > li{width:auto;float:left;}
.index_banner .con > ul > li  img{display:block;width:100%;}
.sevbox { margin:8px 10px; border-bottom:1px dashed #ccc; clear:both;}
.sevpic { float:left; width:30%;}
.sevpic img { width:90%;}
.sevinfo { float:left; width:100%; color:#999; font-size:12px; line-height:22px;}
.sevinfo p a{color:#333;}
.sevbox h3 { padding-bottom:5px;}
.sevbox h3 a { font-size:14px; color:#666; text-decoration:none; font-weight:normal; font-weight:bold;}
.homeabout { margin:10px; background:#f1f1f1; color:#666; font-size:14px; line-height:26px; border:1px solid #f1eee7;}
.homeabout_b {padding:10px; border:1px solid #fff;}
.homeabout h2 { font-size:16px; padding:5px 0px; color:#126ac2;text-align: center;}
.bt001 { display:inline-block; border:2px solid #ff8e01; padding:5px 0px; text-align:center; color:#666; margin:5px 0px; width:96%; font-size:14px;}
.bt002 { display:inline-block;border:2px solid #ff8e01; background:#ff8e01; padding:5px 0px; text-align:center; color:#fff; margin:5px 0px; width:96%; font-size:14px;}

#Tab1 { margin:10px;}
.Menubox {height:30px; line-height:30px; border-bottom:2px solid #ff8e01; position:relative; background:#dedede;}
.Menubox li{float:left;display:block;cursor:pointer;width:50%;text-align:center;color:#666;font-size:14px;height:30px; line-height:30px;}
.Menubox li.hover{background:#ff8e01;color:#fff;font-weight:bold;}
.Contentbox{
clear:both;
height:230px;
border:1px solid #e4e4e4; border-top:none; padding:10px; line-height:24px;}
.Contentbox2{clear:both;border:1px solid #e4e4e4; border-top:none; padding:10px; line-height:24px;}
.top p{ line-height:28px;}


.newslist li { line-height:32px; border-bottom:1px dotted #ccc; position:relative; padding-left:15px; background:url(../images/ico02.gif) no-repeat 4px center;}
.newslist li span { position:absolute; right:5px; bottom:0px; color:#999;}
.newslist li a { color:#666;margin:5px;}
.list{width:100%;overflow:hidden;margin-left:-5px;}
.item{float:left;width:25%;overflow:hidden;}
.item a{margin-bottom:10px;margin-left:10px;display:block;text-align:center;overflow:hidden;}
.item a .img{width:.55rem;height:.55rem;margin:.1rem auto .05rem;display:block;border-radius: 200rem; background:#000; line-height:.55rem;}
.item a img{width:50%;margin:0 auto; vertical-align:middle;padding-bottom:.03rem;}
.item a .text{display:block;width:80%;margin:0 auto;text-align:center;height:.28rem;line-height:.28rem;overflow:hidden;color:#666;font-size:.13rem;margin-bottom:.05rem;}
.copyright{height:40px;line-height:40px;text-align:center;font-size:15px;color:#666;margin-bottom:10px;}

/* index */
.index-tel a {margin:.1rem;overflow: hidden;height: .4rem;text-align: center;line-height: .4rem;background: #30973e;color:#fff;display:block;}
.index-tel img {width:.26rem;vertical-align: middle; position:relative;top:-.02rem;}
.container {width:100%;margin-bottom:.1rem;padding-bottom:.1rem;background:#fff;border-bottom: 1px solid #eee;}
.product {width:46%;margin:.05rem 2% .05rem 2%; text-align:center;float:left;display:block;}
.product p {font-size:.16rem;margin-top:.08rem;line-height:.22rem;}
.product img {width:100%;display:block;}
.title_top {font-size:.26rem;text-align:center;padding-bottom:.05rem;padding-top:.15rem;color:#30973e;}
.product h4 {font-size:.18rem;margin:.08rem 0 .1rem 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case {text-align:left;}
.title {position:relative;width:100%;}
.title_h3 { text-align:center;color:#fff; position:absolute;top:25%;left:19%;font-size:.22rem;font-weight:bold;}
.title img {width:100%;}
.customer img {border:.01rem solid #dedede;}
.bg { background:url(../images/mid-bg.jpg) no-repeat;width:100%;padding-top:.2rem;padding-bottom:.2rem;}
.mid_top {width: 96%;margin: 0 auto 0 auto;}
.mid_top h2 { color:#fff; padding-top:.1rem;text-align:center;}
.mid_top p { color:#fff;padding-top:.05rem;padding-bottom:.1rem;text-align:center;}
.cusomer2 { width:29.3%;}
/* 优势 */
.advtop {width: 100%;background: url(../images/bg_adv.jpg) no-repeat center;color: #fff;font-weight: bold;}
.adv table {width:100%;vertical-align: middle;}
.adv table tr {margin-top:.16rem;display:block;}
.adv table tr td {vertical-align: middle;text-align: center;width:50%;padding:0 2%;}
.advtitle h3 {font-size: .20rem;color: #bc2721;}
.titletop,.advlist {text-align: left;}
.contrast {width:96%;position: relative;margin-bottom: .4rem;margin:.10rem 2%;}
.contrastleft {width: 49%;}
.contrastleft img {width: 100%;display: block;}
.contrastleft p {line-height: .4rem;font-size: .17rem;font-weight: bold;color: #fff;text-align: center;background-color: #22933b;display: block;}
.contrastleft p.liepin {background: #9b9b9b;}
.contrast .vs {width:.80rem;;height:.80rem;background-color: #bc2721;color: #fff;border-radius: 100px;display: block;z-index: 90;position: absolute;top:36%;left:43%;text-align: center;font-size:.54rem;line-height:.80rem;}
.ban img {width:100%;}
.contrast .vs p {position:relative;top:-.05rem;}
.advlist li {line-height:.22rem;margin-top:.05rem;}
.teclist {width:100%;margin:0 2%;}
.teclist_li {width:33.3%;text-align:center;float:left;}
.teclist_top {width: 90%;}
.teclist_top a {width: .80rem;height:.80rem;border-radius: 100px;background-color: #fff;text-align: center;border: 1px solid #a1a1a1;display:block;margin: 0 auto;}
.teclist_top img { vertical-align:middle;}
.container h5 {font-size:.14rem;color:#666;text-align:center;font-weight:normal;margin-bottom:.1rem;}
.about {margin:0 2%;}
.about p {margin-top:.10rem;line-height:.28rem;font-size:.14rem;}
.list_more { width:90%;}

/*-----------------------------------------------------footer-----------------------------------------*/
.footer{width:100%; height:.42rem; position:fixed; bottom:0px;left:0px; background:#30973e; line-height:.42rem; z-index:97;}
.ft01{ width:33.3%; display:block;text-align:center;}
.footer a{ display:block;font-size:.14rem; line-height:.42rem; color:#fff;border-right:.01rem solid #3fa04c; border-left:.01rem solid #50a95c;}
.footer a img{ width:.2rem; vertical-align:middle;}


/*----------------------------------新闻------------------------------*/
.news { width:96%;margin:0 auto;}
.news li {padding:.1rem 0;}
.news_pic2 {width: 20%;padding:.1rem 0;display: block;background: #e1e1e1;text-align: center;}
.news_pic2 .month {font-size: 18px;color: #333;}
.news_pic2 .year {font-size: 14px;color: #666;}
.news_info2 {width: 75%;}
.news_info2 h4 a {color: #000;font-size: .14rem;font-weight:normal;}
.news_info2 h4 { width:100%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_info2 .news_info_c {font-size: .12rem;color: #666;margin-top: .05rem;overflow: hidden;height: .4rem;width: 100%; line-height:.2rem;display: block;}
.bottom {width: 100%;text-align: center;color: #333;margin-top:.1rem;font-size:.13rem;height:.3rem;}
.sidenav { padding:.1rem 0;}
.sidenav a { width: 31.3%;background: #22933b;margin:0 1%;}
.sidenav a {display: block;float:left;font-size: .13rem;color: #fff;text-align: center;line-height: .4rem;margin-bottom: .08rem;}
.side_container {width:100%;padding-bottom:.05rem;background:#fff;padding-top:.05rem;}
.sidenav a.current { background:#176e27;}
.text2 { padding:.1rem;}
.arctitle {font-size: .18rem;height: 30px;color: #333; text-align:center;}
.arctitletime {text-align: center;padding: 0px 0px 20px 0px;}
.text2 p {color:#333;font-size:.13rem;line-height: .26rem;}
/*contact*/
.contact-infom .title {padding-bottom: 20px;}
.contact-infom .title span {color:#999;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact-infom .from textarea {width: 70%; vertical-align:top;}
.from input, .from textarea {border: .01rem solid #ccc;width:60%;font-size: .12rem;color: #999;padding: .07rem; }
.from label { width:16%;display: block;float: left;text-align: right;font-size:.14rem;}
.from p { margin-bottom:.18rem;}
.from img { vertical-align:middle;width:20%;height:.31rem;}
.button .submit,.button  .reset {width: .6rem;height: .32rem;font-size: .14rem;color: #fff;text-align: center;margin-right: .05rem;border: none;cursor: pointer;border-radius: .03rem;}
.button .submit {background: #bc2721;}
.button {margin-left: 16%;}
.honor { overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom:8px;}
.honor_img { margin-bottom:.1rem;}
.text2 h3 { font-size:.16rem;margin-bottom:.05rem;}
/*------------------------------------上一篇下一篇----------------------------------*/
.JLTupdown{  height: .6rem;position: relative;line-height: .28rem;padding: 0 .05rem;margin-top: .3rem;color: #555555;font-size:.12rem;}
.JLTMain .JLTupdown {width: 100%;overflow: hidden;}
.JLTupdown ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.JLTupdown ul li a,.JLTcometol a{ color:#666;}
.JLTupdown ul li a:hover,.JLTcometol a:hover{ color:#288820;}
.JLTupdown strong{ color:#555;}
.JLTcometol {position: absolute;right: .1rem;top: .15rem;max-width: 120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/* 媒体查询，大于480小于640 */
@media (min-width: 480px) and (max-width: 640px){
	.product p,.advlist li,.sevinfo p {font-size:.14rem;}
	.product h4 {font-size:.16rem;margin:.08rem 0 .1rem 0;}
	.title_top {font-size:.26rem;}
	.title_h3{position:absolute;top:24%;left:17%;font-size:.22rem;}
	.advtitle h3 {font-size: .15rem;}
	.container h5 {font-size:.14rem;}
	.contrast .vs {position: absolute;top:36%;left:41%;width:.80rem;height:.80rem;font-size:.54rem;}
	.contrastleft p {font-size: .17rem;}
}
/* 媒体查询，小于480 */
@media (min-width: 380px) and (max-width: 480px){
	.product p,.advlist li,.sevinfo p {font-size:.14rem;}
	.product h4 {font-size:.14rem;margin:.03rem 0 .08rem 0;}
	.title_top {font-size:.20rem;}
	.title_h3{position:absolute;top:18%;left:12%;font-size:.20rem;}
	.container h5 {font-size:.13rem;}
	.advtitle h3 {font-size: .16rem;color: #bc2721;padding-top:2px;}
	.contrast .vs {position: absolute;top:24%;left:41%;width:.70rem;height:.70rem;font-size:.50rem;line-height:.70rem;}
	.contrastleft p {font-size: .15rem;}
	.from label { font-size:.12rem;width:18%;}
	.button {margin-left: 18%;}
}

@media (max-width: 380px) {
	.product p,.advlist li,.sevinfo p {font-size:.12rem;}
	.product h4 {font-size:.13rem;margin:.03rem 0 .08rem 0;}
	.title_top {font-size:.20rem;}
	.container h5 {font-size:.12rem;}
	.title_h3{position:absolute;top:18%;left:16%;font-size:.18rem;}
	.advtitle h3 {font-size: .14rem;}
	.contrast .vs {position: absolute;top:22%;left:41%;width:.60rem;height:.60rem;font-size:.40rem;line-height:.60rem;}
	.contrastleft p {font-size: .13rem;}
	.from label { font-size:.12rem;width:21%;}
	.button {margin-left: 21%;}
}

/*------------------------------------分页样式----------------------------------*/
.yucc {clear: both;color:#333;text-align:center; padding:30px 0 10px;}
.yucc span {border: 1px solid #f3f3f3;background:#fff;margin-right: 2px;padding:12px 16px;}
.yucc a { 	width:300px; background: none repeat scroll 0 0 #fff;border: 1px solid #e9e9e9;padding:12px 16px;color:#333;}
.yucc a{
	transition: background 1s, color 0.5s;
	-moz-transition: background 1s, color 0.5s;	/* Firefox 4 */
	-webkit-transition: background 1s, color 0.5s;	/* Safari 和 Chrome */
	-o-transition: background 1s, color 0.5s;	/* Opera */	}
.yucc .current, .yucc a:hover {background: none repeat scroll 0 0 #22933b;border: 1px solid #22933b;color: #fff;padding:12px 16px;text-decoration: none;}
.yucc ul li {float: left;font-size: 12px;height: 22px;line-height: 22px;margin: 0 5px;}
.yucc ul li a {font-size: 12px;font-weight: bold;margin: 0 5px;}
.yucc ul li select {font-size: 12px;vertical-align:top;}