@charset "utf-8";

/* CSS Document */


/*left*/
.banner-box{width:100%;height:450px;position:relative;overflow:hidden;text-align:center;z-index: 7;}
.banner-box img{width:1920px;height: 450px;position:absolute;left:50%;margin-left:-960px;}
.con_box_out {
    width: 100%;
}
.con_box {
    width: 1200px;
    min-height: 600px;
    margin: 0 auto;
    margin-top: 34px;
}
.left {
    width: 300px;
    float: left;
    min-height: 600px;
}

.left .title {
    color: #444;
    width: 296px;
    height: 80px;
    padding-top: 36px;
    border: 2px solid #54a531;
    background: -webkit-linear-gradient(#4a912b, #7bbe5e);
    background: -o-linear-gradient(#4a912b, #7bbe5e);
    background: -moz-linear-gradient(#4a912b, #7bbe5e);
    background: linear-gradient(#4a912b, #07bbe5e);
    color: #fff;
    position: relative;
    line-height: 2em;
}

.left .title .about-A{
	position: absolute;
	font-size: 53px;
	left: 28px;
	top: 38px;
	font-weight:bold;
}
.left .title .about-A img{
	height: 40px;
}
.left .title .about-b{
	width: 222px;
	padding-left:78px;
	font-size: 24px;
	padding-top:8px;
}
.left .title .about-b i{
	font-size:30px;
	font-style: normal;
}

.about-list {
    width: 250px;
    padding:20px 0;
    line-height:24px;
    font-size: 18px;
    color: #333;
    padding-left: 50px;
    background: #f4f4f4 url(../images/about-bg.png) no-repeat 29px 26px;
    border-bottom: 1px solid #ffffff;
}

.right {
    width: 900px;
    margin-bottom: 30px;
    float: right;
}

.right h1 {
    font: 20px "Microsoft Yahei", Arial, "Arial Narrow", HELVETICA;
    height: 118px;
    padding-left: 54px;
    border: 1px solid #ececec;
    border-left: none;
    color: #fff;
    margin-bottom: 40px;
    background-color: #fcfcfc;
}

.right h1 span {
    display: block;
    height: 26px;
    line-height: 26px;
    border-left: 8px solid #4a912b;
    color: #545454;
    padding-left: 10px;
    margin-top: 46px;
    font-size: 26px;
}

.nav_list li a{
    color: #333;
    font-style: normal;
    font-size: 14px;
}

.nav_list li a:hover {
    color: #4a912b;
}
.nav_list li .product-a{
	display:block;
	font-size:14px;
	margin-right: 10px;
}
.nav_list li .all-current{
	color: #4a912b;
}
.right .content {
    font: 14px Arial, "Arial Narrow", HELVETICA;
    line-height: 2em;
    margin-left: 34px;
    position:relative;
}

.right .content .contact-map {
    width: 507px;
    height: 240px;
    position: absolute;
    top: 231px;
    right: 45px;
}

.right .content h3 {
    font: bold 22px Arial, "Arial Narrow", HELVETICA;
    margin-bottom: 15px;
}
.right .content strong{font-weight:bold;font-size: 15px;}

.right .article h2.title{ text-align:center;font-weight:bold;}
.right .article h4{margin:10px;text-align:center;color: #888;}
.right .article img,.right .content img{margin-top:10px;max-width: 100%;}

.right .lanmunr{margin-bottom:20px;background:#f9f9f9;padding:20px; text-indent:2em;color:#555}

.right .pro_list .title{border-bottom:1px solid #ddd;margin: 10px 0 30px 0;}
.right .pro_list .title a{color:#333;border-bottom:2px solid #54a531;padding: 0 10px 5px 6px;}
.right .pro_list ul li{float:left;margin: 0 13px;margin-bottom: 20px;border: 0;}
.right .pro_list ul li:nth-child(3n){ margin-right:0;}
.right .pro_list ul li .pro_pic{width: 240px;padding:10px;border:1px solid #eeeeee;}
.right .pro_list ul li .pro_pic a{
    padding: 0;
}
.right .pro_list ul li img{width: 240px;height: 180px;margin: 0;display: block;}
.right .pro_list ul li p{margin-top: 10px;text-align:center;line-height: 1.2em;}
.right .pro_list ul li p a{color:#333;font-size: 14px;}
.right .pro_list ul li p a:hover{ color:#54a531}


.right .device ul li{margin: 0 25px;}
.right .device ul li:nth-child(3n){ margin-right:25px;}
.right .device ul li:nth-child(2n){ margin-right:0;}
.right .device ul li .pro_pic{width:350px;}
.right .device ul li img{width:350px;height: 232px;}
/*news*/
.news_list li{ border-bottom:1px dotted #ddd;}
.news_list li a{font-size:16px;display:block;width: 100%;/* height: 30px; */padding:15px 0;overflow: hidden;}
.news_list li a .date{float:right;color: #666;font-size: 14px;}
.news_list li a .con{float:left;width: 570px;/* height: 30px; *//* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:nowrap; */color: #333;font-size: 14px;}
.news_list li a:hover .con{color:#54a531;}

.pagelist{ font-size:14px; text-align:center; margin-top:30px;}
.pagelist li{ display:inline-block; padding:5px 10px; border:solid 1px #ccc;}
.pagelist li a{ display:block; width:100%; height:100%;}
.pagelist li.thisclass{ background:#ccc;}
.pagelist .pageinfo{ display:inline-block; }
.pagelist .pageinfo strong{ font-weight:normal;}



 /*荣誉资质*/
.honor-list{
	width: 850px;
	margin: 0 auto;
}
.honor-list li{
	width: 250px;
	height: 334px;
	padding: 13px 10px;
	border: 1px solid #E6E6E6;
	margin-left: 10px;
	float: left;
	margin-bottom: 20px;
	cursor: pointer;
}
.honor-list li img{
	width: 100%;
	height: 100%;
}
.pop-pic{
	width: 100%;
	height: 100%;
	display: none;
}
.pop-pic .mask{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom:0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	z-index: 3;
}
.pop-pic .honor-pic{
	width: 405px;
	height: 540px;
	position: fixed;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -202px;
    z-index: 4;
}
.pop-pic .honor-pic img{
	width: 100%;
	height: 100%;
}

.prenext{border-top:1px solid #ddd;padding-top: 18px;margin-top: 18px;}
.prenext li{margin-left:24px;list-style: square;}
.prenext li,.prenext li a{color:#555;}

.right .content .con_t .con_t_l{float:left;width: 320px;padding: 38px 10px;border:1px solid #ccc;margin-right:30px;}
.right .content .con_t .con_t_l img{max-width: 320px;max-height:400px;display: block;margin: 0 auto;}
.right .content .con_t .con_t_r{float:left;width: 494px;}
.right .content .con_t .con_t_r p.description{ margin-top:30px;font:normal 15px Arial, Helvetica, sans-serif; line-height:180%;}
.right .content .con_t .con_t_r p.enquiry { margin-top:50px;}
.right .content .con_t .con_t_r p.enquiry a{display:inline-block;width:140px;height:40px;background-color: #4a912b;border-radius:5px;-webkit-border-radius:5px;color:#fff;font:17px Arial, Helvetica, sans-serif;line-height:40px;text-align:center;cursor:pointer;}
.right .content .con_b { margin-top:30px;}
.right .content .con_b .menu{background-color:#eee;font:18px "Microsoft Yahei",Arial,"Arial Narrow",HELVETICA;height: 45px;line-height: 45px;}
.right .content .con_b .menu li{ float:left; cursor:pointer; font:18px Arial, Helvetica, sans-serif; color:#555; background-color:#e0e0e0; margin-right:9px; padding:12px 50px;}
.right .content .con_b .menu li:last-child{ margin-right:0;}
.right .content .con_b .menu li.on{color:#fff;background-color: #4a912b;}

.right .content #con_one_1{ padding-top:30px;}
.right .content #con_one_1 p{font:normal 15px Arial, Helvetica, sans-serif;line-height:180%;font-size: 14px;line-height:30px;}
.right .content #con_one_1 h4{ margin:20px; font:bold 18px Arial, Helvetica, sans-serif; line-height:180%; color:#54a531; text-indent:-28px;}
.right .content #con_one_1 img{max-width: 750px;}
#con_one_2 form{ margin-top:30px;}
#con_one_2 form td{ padding:10px 10px;}
#con_one_2 form input{ border:1px solid #999; font:14px Arial, Helvetica, sans-serif; height:30px; line-height:30px; padding-left:10px;}
#con_one_2 form textarea{ border:1px solid #999; font:14px Arial, Helvetica, sans-serif; height:120px; line-height:30px; padding-left:10px;}

#con_one_2 form input.coolbg{ height:36px; line-height:36px;padding:0px 30px; margin-right:20px; cursor:pointer;}
#con_one_2 form input.coolbg:hover{ color:#54a531; border:1px solid #54a531;}
.right .content #con_one_1 .default-table td{
	border:1px solid #333;
	text-align:left;
	padding-left:5px;
	font-size:12px;
}


.right .content table{margin-bottom:10px;border-collapse:collapse;display:table;}
.right .content td,th{padding: 5px 10px;border: 1px solid #DDD;}
.right .content th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.right .content table tr.firstRow th{border-top-width:2px;}.ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.right .content td p{margin:0;padding:0;}

.right .content2 td,th{padding: 5px 10px;border: 0px solid #DDD;}
.right .content2 .sctable td,.right .content2 .sctable th{border: 1px solid #DDD;}

.right .prolist-pages{
		width: 100%;
		text-align: center;
		line-height: 1.4;
		margin-top: 30px;
	}
.right .prolist-pages li{display:inline-block;}
.right .prolist-pages li.thisclass{
		padding: 5px 10px;
		border: 1px solid #e6e6e6;
		font-size: 12px;
		color: #999999;
		}
.right .prolist-pages a,.prolist-pages span{
		padding: 5px 10px;
		color: #999999;
		font-size: 12px;
		border: 1px solid #e6e6e6;
	}
.right .prolist-pages a{
		color: #54a531;
	}