@charset "utf-8";
body{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.both{ clear:both;}
.col{ color:#127a45;}
.bgcol{ background-color:#127a45;}
a{ color:#000; transition:0.5s;}
a:hover{color:#fadd15;}
.sub_left{ float:left; width:20%;}
.left_daohang{ width:100%; border:1px solid #127a45;}
.left_daohang p{ padding:15px; background-color:#127a45; color:#fff;}
.left_daohang ul li{ padding:15px; border-bottom:1px dashed #CCC;}
.left_daohang ul li a{ color:#000; transition:0.5s;}
.sub_right{ float:right; width:76%;}
.sub_title{ font-size:22px;}
.sub_img{ width:30%; margin:10px 1%; float:left; text-align:center;}
.sub_img img{ max-width:100%; height:200px;}
.sub_img p{ text-align:center;}
.sub_img a{ color:#000; transition:0.5s;}
.sub_news li{ padding:20px; border-bottom:1px dashed #999;}
.sub_news li span{ float:right; color:#777;}
.sub_news li a{ color:#000; font-weight:600; transition:0.5s;}
#phone_daohang{position:fixed; bottom:0px; width:100%;display:none;}
#phone_daohang table{ width:100%;}
#phone_daohang table tr{ width:100%;}
#phone_daohang table tr td{
	background-color:#127a45;
	text-align:center;
	padding:30px;
	}
#phone_daohang table tr td a{
	font-size:40px;
	color:#fff;
	}
.width{ width:70%; margin:0 auto;}
#top_text{ padding:5px;}
#top_text span{ color:#999; font-size:14px;}
#top_text span a{ color:#999;}
#top_text span a:hover{ color:#fadd15;}
#daohang{ margin-left:15%;}
#daohang a{float:left; padding:10px 0px;}
#daohang a li{ border-right:1px solid #fff; padding:0px 20px; color:#fff; transition:0.5s;}
#daohang a:hover{ background-color:#fadd15;}
#daohang a li:hover{ border-right:1px solid #127a45; color:#127a45;}
.title{ text-align:center; margin:20px 0px; color:#127a45; font-size:26px; font-weight:600;}
.title span{ font-weight:100; color:#CCC; font-size:20px;}
.text{ font-size:14px; text-align:center; color:#666; margin-top:10px;}
.index_product_type{ text-align:center; margin:40px 0px;}
.index_product_type a{ padding:8px 15px; color:#fff; margin:0px 15px; background-color:#127a45; font-size:16px;}
.index_product_type a:hover{ color:#127a45; background-color:#fadd15;}
.product{ width:31%; float:left; margin:10px 1%; overflow:hidden}
.product img{ width:100%; transition:0.5s; height:500px;}
.product img:hover{-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
	}
.product p{ text-align:center; padding:15px; background-color:#127a45;}
.product p a{ color:#fff;}
.product p a:hover{ color:#fadd15;}
#daohang_tel{float:right; text-align:right; font-size:16px; margin-top:20px; color:#777;}
.more{ width:100%; height:2px; background-color:#aaa; position:relative;}
.more a{ padding:10px 30px; border:1px solid #aaa; position:absolute; left:45%; top:-20px; background-color:#fff;}
.more a:hover{ background-color:#127a45;}
#about{ width:100%; height:300px;}
#about .left{ float:left; height:100%; width:50%; background-color:#fff;}
#about .left p{width:80%; margin:10px auto 25px; word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
#about .right{ float:right; width:50%; height:100%;}
#about .right img{ width:100%; height:100%;}
#about .left a{ margin-left:10%; font-size:16px; padding:5px 30px; border-radius:20px; border:1px solid #127a45;}
.example{ width:30%; margin:0px 1%; background-color:#fff; border:2px solid #ddd; float:left;}
.example img{ width:100%; transition:0.5s; height:200px;}
.example img:hover{-webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);}
.example p{ font-size:20px; width:90%; margin:5px auto;}
.example span{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size:14px; width:90%; margin:0 auto; margin-bottom:20px;}
.example a{ margin-left:5%; padding:3px 40px; background-color:#127a45; color:#fff;}
.example a:hover{ background-color:#fadd15; color:#127a45;}
.news{ width:45%; margin:0 2%; position:relative; border-bottom:1px solid #ddd; float:left;}
.news p{ font-size:18px; margin:5px 0px;}
.news_icon{ position:absolute; right:0px; top:0px; font-size:22px; color:#127a45; font-weight:600;}
.news_text{ font-size:14px; display:block; height:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:#666;}
.news_time{ display:block; margin:20px 0px; font-size:14px; color:#666;}
.link img{height:30px; float:left; margin-right:10px;}
.link p{ float:left;font-size:26px; color:#fff;}
.link p a{ font-size:16px; color:#fff; padding:0px 5px;}
.link p a:hover{ color:#fadd15;}
.foot{ padding:40px 0px;}
.foot ul li{ float:left; margin-left:3%; padding-right:4%; border-right:1px solid #666;}
.foot ul li p a{ font-size:18px; color:#fff;}
.foot ul li a{ font-size:14px; display:block; margin-top:10px; color:#aaa;}




@media screen and (max-width: 980px) {
#news{padding-bottom: 120px;}
.news{ width:100%;}
.news p{ font-size:26px;}
.news_icon{ font-size:36px;}
.news_text{ font-size:18px;}
.news_time{ font-size:18px;}
.index_product_type a{ font-size:22px;}
.product p a{ font-size:22px;}
#about .right{ display:none;}
#about .left{ width:100%; float:none;}
#about .left p{ font-size:22px;}
.title span{ font-size:10px;}
.more a{ font-size:30px; left:40%;}
.width{ width:100%;}
.product{ width:48%;}
#daohang{ margin-left:3%;}
#daohang a li{ border:none; padding:0 10px; font-size:24px;}
#daohang_tel{ }
#about_left{ display:none;}
#foot{ display:none;}
#news{ width:100%;}
#tell{ width:100%;}
#about_right{ width:100%;}
#phone_daohang{ display:block;}
.sub_img img{ height:180px;}
.sub_left{ display:none;}
.sub_right{ width:100%;}
}