﻿.cpBox { margin-top: 20px;}

/* 左侧 */
.proLeft { overflow: hidden; width: 19.1%; float: left; margin-bottom: 20px;}
.pro_l_m { background: #fff;}

.ttt { background: #26a53e url(../images/icon-21.png) no-repeat top right; width: 87.2%; height: 46px; 
	line-height: 46px; padding-left: 30px; color: #fff; font-size: 16px; margin-top: 10px;}

.pro_l_m { width: 100%; background: url(../images/icon-21.png) no-repeat top right;}
.pro_l_m li { border-bottom: 1px solid #ddd;}
.pro_l_m li a { height: 36px; line-height: 36px; display: block; padding-left: 20px; font-weight: bold; 
	font-size: 14px;}
.pro_l_m li a:hover { background: #4468bd; height: 36px; line-height: 36px; display: block; padding-left: 20px; 
	color: #fff;}

.t05_cons1 { border-left: 1px solid #26a53e; border-right: 1px solid #26a53e; border-bottom: 2px solid #26a53e;
	padding: 8px;}
.t05_cons1 li { font-size: 14px; background: url('../images/news_s.png') no-repeat left center; padding-left: 10px;}
.t05_cons1 li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; 
	line-height: 24px; color: #333;}
.t05_cons1 li a:hover { text-decoration: underline;}
.t05_cons1 p { line-height: 22px; font-size: 14px; color: #333;}
.t05_cons1 img { width: 100%; height: auto;}

/* 右侧 */
.cpList { position: relative; width: 79.5%; height: auto; margin-bottom: 0; float: right; margin-bottom: 20px;}
.rtop{ overflow: hidden; padding-top: 19px; padding-bottom: 9px; border-bottom: 1px solid #dbdbdb;}
.rtop h5{ float: left; padding-left: 10px; border-left: 3px solid #26a53e; font-weight: normal; 
	line-height: 16px;}
.rtop h5 a{ font-size: 16px; color: #26a53e; font-weight: bold;}
.rtop .mor_n{ float: right; padding-right: 6px; font-size: 14px; color: #5a5a5a;}
.rtop .mor_n:hover { text-decoration: underline;}

/* 内页 */
.c_main { padding: 8px; overflow: hidden;}
.child_tit { text-align: center; margin-top: 0; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}
.child_tit h2 { font-size: 22px; font-weight: bold; color: #26a53e; margin: 20px 0;}
.child_tit h4 { margin-bottom: 30px; font-size: 15px;}
.child_tit h4 span { margin-left: 10px; vertical-align: middle;}
.c_main img, .c_main p img { width: auto; height: auto; max-width: 100%; margin: 10px auto; display: block;}
.c_main p { width: 100%; margin-bottom: 8px; line-height: 1.8em; text-indent: 2em; color: #333; font-size: 14px;}

.about{ width: 100%;}
.slideTxtBox { width: 100%; border: 1px solid #ddd; text-align: left;}
.slideTxtBox .hd { height: 40px; line-height: 40px; background: #f5f5f5; padding: 0 10px 0 20px; position:relative;
	border-bottom:1px solid #ddd;}
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px;}
.slideTxtBox .hd ul li { float: left; padding: 0 25px; cursor: pointer; font-size: 14px;}
.slideTxtBox .hd ul li.on { height: 40px;  background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; 
	border-top: 2px solid #26a53e; color: #26a53e; font-weight: bold;}
.slideTxtBox .bd ul { padding: 30px 15px 15px 15px; zoom: 1;}
.slideTxtBox .bd ul p { line-height: 24px; font-size: 14px;}
.daquan { background: #26a53e; margin-left: 35%; padding: 0 25px; float: left;}
.daquan a { color: #fff; font-weight: bold; font-size: 14px;}

/* 新闻列表 */
.agent_con { width: 100%; line-height: 24px;}
.agent_con p { font-size: 14px;}
.sec2 { padding: 10px;}
.sec2 li { height: 88px; width: 100%; margin: 1% 0; line-height: 20px; overflow: hidden;}
.sec2 li .img_date { float: left; padding: 13px 1px 3px 1px; height: 66px; width: 80px;
    background: url(../images/mew_timebj.png) no-repeat left center; display: inline; overflow: hidden; 
    position: relative;}
.sec2 li .img_date .img_datam { top: 13px; left: 0; text-align: center; height: 66px; width: 78px; 
	display: block; position: absolute;}
.sec2 li .img_date .img_datam .date { font-family: Arial, Helvetica, sans-serif; color: #26a53e; 
	font-size: 30px; height: 38px; line-height: 38px;}
.sec2 li .img_date .img_datam .month { font-family: Arial, Helvetica, sans-serif; color: #c6c6c6; 
	font-size: 15px; line-height: 28px; border-top: #cacaca solid 1px;}
.sec2 li .news_list { float: left; padding-top: 4px; height: 70px; overflow: hidden; width: 90%;
	margin-left: 15px;}
.sec2 li .news_list h3 { height: 20px; overflow: hidden;}
.sec2 li .news_list h3 a { font-weight: normal; font-size: 16px; font-weight: bold; color: #333;}
.sec2 li .news_list h3:hover a { color: #26a53e;}
.sec2 li .news_list p { text-indent: 2em; padding-top: 5px; color: #bdbdbd; font-size: 14px;
	line-height: 24px;}
.sec2 li .news_list p:hover { color: #999;}

/* 产品 */
.list ul { overflow: hidden; padding: 12px 0;}
.list li { margin: 6px; float: left; width: 22.3%; text-align: center; border: 1px solid #e5e5e5; padding: 1px;}
.list li .qPic { width: 100%; position: relative; padding: 40% 0; display: block;}
.list li .qPic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.list li:hover { border: 1px solid #26a53e;}
.list li h5 { margin: 8px; line-height: 30px; overflow: hidden; font-weight: normal; overflow: hidden; 
	font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.list li h5 a { color: #222;}

/* 客户见证 */
 dl.dl_42 { width: 100%; display: block; height: auto; border-bottom: 1px dotted #d7d7d7; padding: 10px 0;}
.dl_42 dt { width: 22%; float: left; overflow: hidden; font-size: 14px;}
.dl_42 dt a { width: 98%; padding: 1px; border:1px solid #d7d7d7; display: block;}
.dl_42  dt a:hover { border: 1px solid #26a53e;}
.dl_42 dt img { display: block; width: 100%; height: 155px;}
.dl_42 dd { padding: 10px 0 0 15px; float: left; width: 75%; line-height: 24px; height: auto; overflow: hidden; 
	color: #666; font-size: 14px;}
.dl_42 dd h4 { font-size: 16px;  padding-bottom: 5px; height: 24px; line-height: 24px; overflow: hidden;}
.dl_42 dd h4 a {color: #26a53e;}

/* -- 翻页效果 -- */
.one1 { text-align: center; margin: 15px 0;}
.one1 li { margin-right: 15px; float: left; line-height: 15px; border-bottom: 0;}
.one1 li a { background: #85C51E; display: block; width: 15px; height: 15px; color: #fff;}

.two{ height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; border-top: 1px dashed #d1d1d1;
	 margin-bottom: 20px;}
.two .twol{ float: left; padding-left: 15px; font-size: 13px;}
.two a{ padding-left: 15px;}
.two a:hover{ color: #26a53e; text-decoration: underline;}
.two .twor{ float: right; padding-right: 15px; font-size: 13px;}

@media screen and (max-width: 768px) {
	.proLeft, .rtop { display: none;}

	.cpBox { margin-top: 0.5em;}
	.cpList { width: 100%;}
	.c_main { padding: 0.1em;}
	.slideTxtBox .hd { padding: 0;}
	.slideTxtBox .hd ul { left: -1px; width: 70%;}
	.slideTxtBox .hd ul li { width: 33%; padding: 0; text-align: center;}
	.daquan { margin-left: 70%;}

	.two .twor{ float: left; padding-left: 15px;}

	.list ul { padding: 0;}
	.list li { margin: 0.19em; float: left; width: 47.7%; text-align: center; padding: 1px;}
}
@media screen and ( max-width: 412px ) and ( min-width: 375px ){
	.list li { width: 47.4%;}
}
@media screen and ( max-width: 374px ) and ( min-width: 320px ){
	.list li { width: 47%;}
}