/*主题色调*/
#menu {
background-color: #009e38;
}
#menu div{
    background-color: #009e38; 
}
#menu a:hover{
    background-color:  #ffffff;
}
#menu a.cur{
    background-color:  #ffffff;
}
 .box {background-color:#ffffff;}


.box .item-p{
    /*background: url(/uploads/image/csisimages/item_c_7.png) 10px center no-repeat;*/
}
.box .item-p-zk{
	/*background: url(/uploads/image/csisimages/item_o_7.png) 10px center no-repeat;*/
}
html #chatbox .header, html #showbox .header{
	background: #009e38;
}
.box-title{
	color: #009e38;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.topnav {
	background: #242c3c;
	position: relative;
	z-index: 5;
}

#toplogin {
	color: #ffffff;
}

#topnav2 {
	color: white;
}

#topnav2 ul li a {
	color: white;
}

#topnav2 ul li ul li a {
	color: #666666;
}

#topnav2 ul li a:hover {
	background-color: #e10000;
	color: #fff;
}

/* #topnav2 ul li a:hover em {
	color: #fff;
} */


/*.logo {
	width: 560px;
}

.logo #logotext {
	width: 400px;
}
*/


#menu .cat-item .cat-box {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 40px;
	height: auto;


}

#menu .cat-item .cat-box .catname {
	width: 100%;
	background: #4e4e4e;
	color: white;
}

#menu {
	position: relative;
	z-index: 1;
}


.box-title {
	width: 600px;
	margin: 0 auto;
	height: 80px;
	text-align: center;
	background: ;
	font-size: 22px;
	font-weight: bold;
	line-height: 60px;
	margin-top: 70px;
	margin-bottom: 10px;
}

.aboutus {
	width: 100%;
	height: 450px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
	background:   center top no-repeat;;

}

.com-info {
	width: 1200px;
	/*height: 300px;*/
	top: 40px;
	margin: 0 auto;
	/*background: #ececec;*/
	box-sizing: border-box;
	padding: 15px;


}

.com-info .product-6 {
	max-width: 40%;
	height: 100%;
	float: left;
}
.com-info .com-img{
	height: 150px;
	text-align: center;
}
.com-info .com-img img{
	max-height: 100%;
	max-width: 100%;
}
.com-box {
	height: 100%;
	position: relative;
	padding:0 20px;
	box-sizing: border-box;
}
.item-pro-a{
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
}
.item-pro-a img{
	transition: all 0.4s;
	width: 200px;
	height: 200px;
}
.item-pro-a img:hover{
	transform: scale(1.1);
}

.com-name {
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	color: #242c3c;
	font-weight: bold;
	height: 30px;
}

.com-word {
	position: relative;
	padding: 10px 10px 30px 10px;
	font-size: 14px;
	color: #242c3c;
	line-height: 30px;
	height: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.more-info {
	position: absolute;
	right: 20px;
	bottom: -10px;
	color: #666666;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.icon-more {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(/uploads/image/csisimages/more.png) 100% 100% no-repeat;
	background-size: 100% 100%;
	margin-left: 5px;

}
.vryh{
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #333;
}

.go-y{
	height: 20px;
}
.go-y .more-info-l{
	right: 120px;
}

.news {
	width: 1200px;
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 40px;
	position: relative;
}

.new-item {
	padding: 10px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px dashed #aaa;
	cursor: pointer;
}

.new-info {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 500px;
}

.table-gs {
	width: 100%;
}

.table-gs td {
	word-break: break-all;
	font-size: 14px;
	line-height: 1.6;
	color: #222;
	word-wrap: break-word;
}

.gs-box {
	width: 1200px;
	margin: 0 auto;
}
.banner{
	margin-bottom: 0px;
}
.container-box{
	width: 100%;
}
.container-search{
	margin-bottom: 15px;
}
.crumb {
	width: 1200px;
	margin: 0 auto;
	height: 50px;
	line-height: 30px;
	color: #888;
	/*margin-top: 30px;*/
	/*background: #f6f6f6;*/
	padding: 2px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.content-box {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	overflow: hidden;
}

.left-box {
	width: 300px;
	background-color: #e10000;
	line-height: 1;
	float: left;
}

.left-box .t {
	height: 100px;
	text-align: center;

}

.left-box .t .div1 {
	color: #fff;
	font-size: 33px;
	font-weight: 700;
	padding-top: 11px;

}

.left-box .t .div2 {
	color: #ff9393;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 10px;
}

.left-box .c {
	width: 280px;
	margin: auto;
	background-color: #fbfbfb;
	padding: 5px 0 15px 0;
	text-align: center;
}

.left-box .c .word {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.left-box .c img {
	width: 160px;
	height: 160px;
	/* display: block; */
}

.left-box .m {
	padding: 15px 0;
}

.left-box .link-item {
	padding: 8px 15px;
	display: flex;
	font-size: 14px;
	color: #fff;
}

.left-box .link-item .link-title {
	width: 120px;

}

.right-box {
	width: 900px;
	line-height: 35px;
	font-size: 15px;
	color: #444;
	padding: 0 30px;
	box-sizing: border-box;
	float: right;
}

.gs-box-2 {
	width: 100%;
}

td.td-title {
	width: 140px;
}

.product-cat-box {}

.product-cat-item {
	text-align: left;
	margin-top: 12px;
}

.produc-cat-link {
	display: block;
	height: 45px;
	line-height: 45px;
	background-color: #e10000;
	color: #fff;
	border-radius: 40px;
	width: 85%;
	margin: auto;
	position: relative;
	font-size: 15px;
	padding: 0 20px;
	box-sizing: border-box;

}

.produc-cat-link:hover {
	color: #fff;
	background-color: #242c3c;
}

.produc-cat-link em {
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	background: url(/uploads/image/csisimages/sanjiao.png) center center no-repeat;
	right: 20px;
	top: 50%;
	margin-top: -10px;
}

.product-item {
	width: 260px;
	height: 280px;
	text-align: center;
	margin: 0 15px 15px 0px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	border: 2px solid #f5f1f1;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
}

.product-item .product-img {
	width: 100%;
	height: 210px;
}

.product-item:hover {
	color: inherit;
}

.product-item:hover .title {
	color: #e10000;
}

.produc-info {
	padding: 3px;
	height: 60px;
	box-sizing: border-box;
}

.title {
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	margin: 5px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.price {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page {
	text-align: center;
}

.news-list {
	width: 100%;
	position: relative;
	padding: 10px;
	padding-bottom: 40px;
}



.topnav{display: none;}
.box .boxtitle,.box .boxtitle * {color:#fff}
#menu a.cur {
	color:#e10;height: 50px;}
.box {background:#f9f9f9}
#menu a:hover{ background-color:#006600;color: #fff}



.rightimhead {background-color:#009e38}#footlinks {display:none;}
#menu div {height:50px;line-height:50px;border:0px}
div.logotel {  background: url(/uploads/image/cimg/green_tele.png) no-repeat scroll 0px 0px;text-indent:50px;margin-top: 45px}
.logo {margin-top:20px;}
.top {height:110px;}
.f_l .box,.f_r .box{background:white}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.topnav {
	background: #242c3c;
	position: relative;
	z-index: 5;
}

#toplogin {
	color: #ffffff;
}

#topnav2 {
	color: white;
}

#topnav2 ul li a {
	color: white;
}

#topnav2 ul li ul li a {
	color: #666666;
}

#topnav2 ul li a:hover {
	background-color: #e10000;
	color: #fff;
}

/* #topnav2 ul li a:hover em {
	color: #fff;
} */


/*.logo {
	width: 560px;
}

.logo #logotext {
	width: 400px;
}
*/


#menu .cat-item .cat-box {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	top: 40px;
	height: auto;


}

#menu .cat-item .cat-box .catname {
	width: 100%;
	background: #4e4e4e;
	color: white;
}

#menu {
	position: relative;
	z-index: 1;
}


.aboutus {
	width: 100%;
	height: 450px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
	background:   center top no-repeat;;

}

.com-info {
	width: 1200px;
	/*height: 300px;*/
	top: 40px;
	margin: 0 auto;
	/*background: #ececec;*/
	box-sizing: border-box;
	padding: 15px;


}

.com-info .product-6 {
	max-width: 40%;
	height: 100%;
	float: left;
}
.com-info .com-img{
	height: 150px;
	text-align: center;
}
.com-info .com-img img{
	max-height: 100%;
	max-width: 100%;
}
.com-box {
	height: 100%;
	position: relative;
	padding:0 20px;
	box-sizing: border-box;
}
.item-pro-a{
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
}
.item-pro-a img{
	transition: all 0.4s;
	width: 200px;
	height: 200px;
}
.item-pro-a img:hover{
	transform: scale(1.1);
}

.com-name {
	width: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	color: #242c3c;
	font-weight: bold;
	height: 30px;
}

.com-word {
	position: relative;
	padding: 10px 10px 30px 10px;
	font-size: 14px;
	color: #242c3c;
	line-height: 30px;
	height: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.more-info {
	position: absolute;
	right: 20px;
	bottom: -10px;
	color: #666666;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.icon-more {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(/uploads/image/csisimages/more.png) 100% 100% no-repeat;
	background-size: 100% 100%;
	margin-left: 5px;

}
.vryh{
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #333;
}

.go-y{
	height: 20px;
}
.go-y .more-info-l{
	right: 120px;
}

.news {
	width: 1200px;
	margin: 0 auto;
	padding: 10px;
	padding-bottom: 40px;
	position: relative;
}

.new-item {
	padding: 10px 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px dashed #aaa;
	cursor: pointer;
}

.new-info {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 500px;
}

.table-gs {
	width: 100%;
}

.table-gs td {
	word-break: break-all;
	font-size: 14px;
	line-height: 1.6;
	color: #222;
	word-wrap: break-word;
}

.gs-box {
	width: 1200px;
	margin: 0 auto;
}
.banner{
	margin-bottom: 0px;
}
.container-box{
	width: 100%;
}

.crumb {
	width: 1200px;
	margin: 0 auto;
	height: 50px;
	line-height: 30px;
	color: #888;
	/*margin-top: 30px;*/
	/*background: #f6f6f6;*/
	padding: 2px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.bg-66{
	background: #f6f6f6;
}

.left-box {
	width: 300px;
	background-color: #e10000;
	line-height: 1;
	float: left;
}

.left-box .t {
	height: 100px;
	text-align: center;

}

.left-box .t .div1 {
	color: #fff;
	font-size: 33px;
	font-weight: 700;
	padding-top: 11px;

}

.left-box .t .div2 {
	color: #ff9393;
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 10px;
}

.left-box .c {
	width: 280px;
	margin: auto;
	background-color: #fbfbfb;
	padding: 5px 0 15px 0;
	text-align: center;
}

.left-box .c .word {
	font-size: 16px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.left-box .c img {
	width: 160px;
	height: 160px;
	/* display: block; */
}

.left-box .m {
	padding: 15px 0;
}

.left-box .link-item {
	padding: 8px 15px;
	display: flex;
	font-size: 14px;
	color: #fff;
}

.left-box .link-item .link-title {
	width: 120px;

}

.right-box {
	width: 900px;
	line-height: 35px;
	font-size: 15px;
	color: #444;
	padding: 0 30px;
	box-sizing: border-box;
	float: right;
}

.gs-box-2 {
	width: 100%;
}

td.td-title {
	width: 140px;
}

.product-cat-box {}

.product-cat-item {
	text-align: left;
	margin-top: 12px;
}

.produc-cat-link {
	display: block;
	height: 45px;
	line-height: 45px;
	background-color: #e10000;
	color: #fff;
	border-radius: 40px;
	width: 85%;
	margin: auto;
	position: relative;
	font-size: 15px;
	padding: 0 20px;
	box-sizing: border-box;

}

.produc-cat-link:hover {
	color: #fff;
	background-color: #242c3c;
}

.produc-cat-link em {
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	background: url(/uploads/image/csisimages/sanjiao.png) center center no-repeat;
	right: 20px;
	top: 50%;
	margin-top: -10px;
}

.product-item {
	width: 260px;
	height: 280px;
	text-align: center;
	margin: 0 15px 15px 0px;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	border: 2px solid #f5f1f1;
	padding: 8px;
	border-radius: 8px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
	box-sizing: border-box;
}

.product-item .product-img {
	width: 100%;
	height: 210px;
}

.product-item:hover {
	color: inherit;
}

.product-item:hover .title {
	color: #e10000;
}

.produc-info {
	padding: 3px;
	height: 60px;
	box-sizing: border-box;
}

.title {
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	margin: 5px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.price {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page {
	text-align: center;
}

.news-list {
	width: 100%;
	position: relative;
	padding: 10px;
	padding-bottom: 40px;
}

/* 蓝色科技风 */

.search-box .inputbutton,
#menu,
#menu .nav-box,
.topnav,
.produc-cat-link,
.left-box {
	background-color: #009e38;
}

.left-box .t .div2{
	color: #ffc600;
}



 .box {background-color:#ffffff;}


.box .boxtitle {background:#009e38;}
.box .boxtitle{
    width:100%;
    margin:0;
    text-indent:0;
    box-sizing: border-box;
    padding: 0 20px;
}
.f_l .box {
    border-top: none;
}
.f_r .box {
    border-top: none;
}
#footer{
	border-top: 2px solid #009e38;
}

/*产品列表样式*/
.info_box{
		width: 1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	.cat-box{
		width: 198px;
		margin-right: 20px;
		border: 1px solid #eee;
		float: left;
	}
	.pro-box{
		width: 978px;
		/*border: 1px solid #eee;*/
		float: right;
		overflow: hidden;
	}
	.cat-box .info-title{
		width: 100%;
		text-align: center;
		padding: 15px 0;
	}
	.title-en{
	    font-size: 12px;
		font-family: 等线;
		color: rgb(165, 165, 165);
	}
	.title-cn-b{
		font-weight: 700;
		font-size: 16px;
		line-height: 16px;
	}
	.title-img-box{
		height: 39px;
	}
	.title-icon{
		width: 39px;
		height: 39px;
	}
	.cat-index-list{
		width: 100%;
		text-align: center;
		/*padding: 10px 0;*/
		border-top: 1px solid #eee;
	}
	.cat-index-item a{
		width: 100%;
		height: 60px;
		display: block;
		border-bottom: 1px solid #eee;
		font-size: 14px;
		line-height: 60px;
	}
	.cat-index-item a:hover{
		background: #009e38;
		color: #fff
	}
	.cat-more{
		display: block;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 16px;
		color: #009e38;
		font-weight: 700;
	}
	.cat-more .icon-more{
		vertical-align: middle;
		margin-top: -4px;
	}
	.cat-more:hover{
		background: #009e38;
		color: #fff
	}
	.pro-item{
		float: left;
	    width: 199px;
	    padding: 10px;
	    border: 1px solid #e2e2e2;
	    background: #fff;
	    margin: 0 0 20px 15px;
	    position: relative;
	    overflow: hidden;
	}
	.pro-item-a-img{
		display: block;
    	height: 199px;
	}
	.pro-item-a-img img{
		width: 100%;
		height: 100%;
	}
	.pro_title{
		width: 100%;
		text-align: center;
	}
	.pro_title:hover{
		color: #009e38;
	}
	.pro-item .hover-bg{
		background: rgba(0, 158, 56,0.9);
		width: 221px;
		height: 246px;
		position: absolute;
		top: 246px;
		color: #fff;
		left: 0;
		transition: all 0.4s;
	}
	.pro-item:hover .hover-bg {
		top:0;
	}
	.hover-info{
		padding: 25px 10px;
		text-align: center;
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.hover-info .guige{
		font-size: 12px;
	}
	.guige .pro-n{
		width: 60px;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
		padding-right: 5px;
		font-weight: bold;
	}
	.guige .pro-v{
		width: 130px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    display: inline-block;
	    vertical-align: middle;
	    text-align: left;
	}
	.pro-title-all{
		margin-top: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	.hover-info:hover{
		color: #fff;
	}
	.pro-price{
		color: #e10000;
		font-weight: bold;
	}
.btn-xunjia{
	color: #fff;
    background: #009e38;
}

.btn-xunjia:hover{
	color: #fff;
    background: #006323;
}

a:hover {
    color: #009e38;
}
.box .current, .box .item-c .current {
    color: #009e38;
}
#menu a.cur{
	color: #009e38;
}
#menu a.cur:hover{
	color: #fff;
}
.page_mess .current{
	border: 1px solid #009e38;
    background: #009e38;
    color: #fff;
}
.rightimhead {background-color:#009e38}#footlinks {display:none;}
#menu div {height:50px;line-height:50px;border:0px}
#menu a {width:13%;height:50px;line-height: 50px;border:0px}

/*7-5*/
.phone_box{
	font-size: 12px;
    color: #666;
    overflow: hidden;
    height: 50px;
    margin-top: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-direction: row;
    display: flex;
	
}
.phone_box div{
	line-height: 10px;
}
.phone_box i{
	flex-shrink: 0;
	display: inline-block;
	font-size: 40px;
	line-height: 50px;
	margin-right: 5px;
} 
.phone_box span {
    display: block;
    clear: both;
    width: 100%;
    font-size: 28px;
    font-weight: bold;
    color: #e10000;
	line-height: 40px;
}
.title-img-box .title-icon{
	font-size: 40px;
	line-height: 40px;
}