@font-face {font-family: "oswald_downcc";
  src: url('../font/Oswald-Regular.ttf'); /* IE9 */
}

.bgin{
	padding-top:10px;
	clear:both;
	padding-bottom:30px;
	background-image: url(http://www.grenp.com.cn/public/static/hjbg2.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
}
#postion{
	float:left;
	width:100%;
	line-height:1.5; 
	font-size:14px;
	position: relative;  text-align:center; display:none;
}
/*#postion>.box>b{
	font-size: 36px;
	line-height: 86px;
	text-align: center;
	border-radius:5px 5px 0 0;
	font-weight: lighter; color:#ffffff;
}
#postion>.box>div{ float:right; }
#postion>.box>div,#postion>div a{ color:#999999}*/
#postion .postion{text-align:left;}
.pronav{
	clear:both;
	text-align:center; padding-top:10px; 
margin-bottom:30px;
}
.pronav a{
	display:inline-block;
	margin-left:5px;
-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	font-size: 18px;	line-height:2; 
}
.pronav a span{-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
	display:inline-block;
		border-radius:35px;
	padding-left:20px;
	padding-right:20px;
	color:#555555;/*-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms; padding-bottom:1px;*/
	border: 1px solid #211715; color:#211715;
}
.pronav a.select span,.pronav a:hover span{
	color:#ffffff;border: 1px solid #3076B2;
	position: relative; background-color:#3076B2;

}

.sorts{ text-align:center; clear:both; font-size:36px; line-height:2; padding-top:30px; padding-bottom:30px;}

.sorts span{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	position: relative;
	color:#211715;
	font-family: oswald_downcc,Arial, Helvetica, sans-serif;
}
.sorts i{
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	clear:both;
	position: relative;
	font-size: 24px;
	font-style: normal;
	text-transform: capitalize; color:#cccccc;  
}
.sorts span:before{content:'';
	float: left;
	width: 2em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-bottom-color: rgba(255,255,255,0.3);
	position: absolute;
	left: 50%; margin-left:-1em;
	bottom: 0px;
}

/* #cms *,#cms1 *{max-width:100%;} */
#cms1,#cms2,#cms { clear:both; margin-bottom:50px; min-height:500px;}

#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px;
	
}
#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	text-overflow: ellipsis;

}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 14px;
}
#cms1 .content{
	float: left;
	width: 700px;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
}

	



#cms .list{ width:23%; margin-left:1%; margin-right:1%;
overflow:hidden; float:left; margin-top:10px; margin-bottom:10px; 
}




#cms .list:nth-child(4n+1){ clear:both}

/*#cms .list .item1{ color:#666666}
#cms .list .item2{ color:#666666}*/
#cms .list .img,#cms .slist .img{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	padding:5px;
	border-radius:3px;
	float:left;
	height:195px;
/*	max-width:300px;*/
	overflow:hidden; /*background-color:#f5f5f5;*/
	width:100%;
	min-height:255px;
	border: 1px solid #dddddd;
}
#cms .list .img img{max-height:100%; max-width:100%;}

#cms .list .img{ /*background-color:#e8e9eb*/
	position: relative;
}
/*#cms .list .img img{height:230px; width: 100%;}*/

#cms .list .img a:hover img,#cms .list:hover .img  img{opacity:1;}
#cms .list .title{
	width:100%;
	text-align:center;
	white-space: nowrap;
	overflow: hidden; line-height:3; color:#211715; font-size:18px;
}
#cms .list:hover .title{ color:#333333}
#cms1 h1.h1{
	font-size: 20px;
	/*font-weight: lighter;*/
	line-height: 1.2;
	padding-top: 15px;
	padding-bottom:30px;
	font-weight: lighter; color:#211715;
}
#cms1 #info{
	font-size: 14px;
	/*line-height: 50px;*/
	color: #999999;
}
#cms1 #content{
	padding-bottom: 15px; font-size:16px; line-height:2; padding-top:20px;
}
#cms1 #content *{ max-width:100%;}
#cms .picli{
	float: left;
	width: 46%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.3);
	padding-left:1%;
	padding-right:1%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .picli:nth-child(2n+1){ clear:both}

/*#cms .picli:hover a{color: #0099FF;}*/
#cms .picli .img{

	overflow:hidden;
	padding: 2px;
	border: 1px solid #cccccc; border-radius:3px; overflow:hidden; float:left;
}
#cms .picli .img img{ width:180px; height:120px; }


#cms .picli .img+.right{ margin-left:200px;}
#cms .picli .right .dp{ float:left; width:100%; 
/*	font-family: "宋体";*/
	font-size: 12px;
	color: #666666; line-height:1.5; height:3em; overflow:hidden;
}
#cms .picli .img+ .right> .dp{ max-height:6em;}
#cms .picli .date+ .right> .dp{ height:3em;}
#cms .picli .right .ntitle{
	font-size: 16px;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
}

#cms .picli .date{
	float:left;
	overflow:hidden;
	background-color:#555555;

	width:90px;
	height:90px;
	text-align: center;border-radius:5px;
}
#cms .picli .date+.right{ margin-left:100px;}	
#cms .picli .date>span{display:block; font-size:32px;background-color:rgba(255,255,255,0.2); color:#FFFFFF; line-height:60px;}
#cms .picli .date>i{
	font-size: 14px;
	font-style: normal;
	line-height: 30px;
	color: #666666; display:block;
}

#cms .picli:hover{ /*background-color:rgba(200,200,200,0.1);*/background-color:rgba(255,255,255,0.1);-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
#cms .picli:hover a{color:#211715}
#cms .picli:hover .dp{color:#999999}



.back{ clear:both; padding-top:15px; padding-bottom:15px; text-align:right;line-height:45px;}
.back a{border-radius:30px;
	display:inline-block;
	background-color:#211715;
	color: #FFFFFF; padding-left:55px; padding-right:55px; font-size:18px;
}
.nextpage div{
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}

.pagination{ clear:both; text-align:center; padding-top:15px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:10px;
	padding-right:10px;
	margin: 0px; overflow:hidden;
}

.pagination li+li{
	border-left-style: none;
}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#211715; color:#FFFFFF}

.pagination li a{ color:#333333}




/*产品详情*/

.proshow{ float:left; width:100%; padding-top:20px;}
.proshow .left{
	width:600px;
	float:left;
	position: relative;
}
.proshow .right { margin-left:650px;}
.proshow .right .title{
	font-size:28px;
/*	white-space: nowrap;
	overflow: hidden; */color:#000000; line-height:1.2; padding-top:10px;
}
.proshow .right .stitle{ font-size:16px}
.proshow .right .dp{color:#000000;
	float:left;
	width:100%;
	margin-top: 20px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC; line-height:2;
}
.proshow .right .dp .item{ float:left; width:50%;}
.proshow .right .dp .item span{
	color: #666666;
}
.proshow .right .more{ padding-top:10px; line-height:38px; float:left; width:100%;}
.proshow .right .more a{
	background-color: #D60000;
	display:inline-block;
	padding-left:50px;
	padding-right:20px;
	color: #FFFFFF;
	background-image: url(../image/lt.jpg);
	background-repeat: no-repeat;
	background-position: left center;border-radius:3px;-webkit-transition:100ms; -moz-transition:300ms; -ms-transition:300ms; transition:300ms;
	font-weight: bold;
}
.proshow .right .more a:hover{ margin-top:5px;}
.ptitle{
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	padding-top: 20px;
	position: relative;font-size:18px;  margin-bottom:10px;
}
#cms1 .ptitle+#content{
	padding-top: 0px;margin-top:0px;
}
.ptitle b{
	display:inline-block;
	background-color:#f8f8f8;
	padding-left:25px;
	padding-right:25px;
	font-weight: lighter; cursor:pointer; 

}
.ptitle b.select{
	
	background-color:#3076B2; color:#FFFFFF;


}

/*放大镜*/
.small_box {
	width:600px;
	
max-height:500px;min-height:500px;_height:500px;
	margin-top:10px;
	position:relative;border: 1px solid #dddddd; padding:2px;
}
.small_box img {
	width:100%;
	height:100%;max-height:500px;min-height:500px;_height:500px;
}
.small_box .mask {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	opacity:0;
	z-index:2;
	cursor:move;
}
.small_box .float_layer {
	position:absolute;
	width:50px;
	height:50px;
	background:rgba(0,0,0,0.5);
	display:none;
}
.big_box {
	position:absolute;
	left:620px;
	top:10px;
	width:450px;
	height:450px;
	overflow:hidden;
	display:none;
}
.big_box img {
	position:absolute; min-width:2000px; 
}
.smallpic {
	position: relative;float:left;width:100%;
}
/*.smallpic .swiper-button-next{
	width:5%;
	float:left;
	height:100%;
	position: absolute;
	right:-5%;
	top: 0px;
}
.smallpic .swiper-button-prev{width:5%;float:right;height:100%;position: absolute;
	left:-5%;
	top: 0px;}*/

.smallpic .swiper-button-prev{
	background-color: #A2A2A2;
	top:0px;
	height:100%;
	right:-5%;width:4.5%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	margin: 0px;	background-size:70%;
	background-position: center;
}
.smallpic .swiper-button-next{width:4.5%;margin: 0px;	background-color: #A2A2A2;left:-5%;top:0px;height:100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-size:70%;
	background-position: center;
}
.smallpic{
	float:left;
	width:90%;
	margin-top:10px;
	margin-left: 5%;
}
.smallpic img{
width:100%;
	height:80px;
	float:left;

	padding: 5px;
	border: 1px solid #dddddd; cursor:pointer;
	box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
}
.smallpic img.select{border: 1px solid #3076B2;}
.smallpic img.n0{ margin-left:0px;}
/*产品详细页*/
body.proin .sorts{ display:none}
body.proin .pronav{ display:none}
body.proin #postion{
	display:block;
	background-color: #3076B2;
	margin-top:60px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body.proin #postion .postion{
	float:left;
	background-image: url(../image/home.jpg);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 30px;color:#ffffff;	padding-top: 10px;

	padding-bottom: 10px;

}
body.proin #postion,body.proin #postion a{color:#ffffff;}

body.proin #postion .fr a{padding-top: 10px;

	padding-bottom: 10px;

	display: block;
	padding-right: 10px;
	padding-left: 10px;float:left;
}
body.proin #postion .fr a:hover,body.proin #postion .fr a.select{	background-color:rgba(0,0,0,0.2); }

 #header.navbg  .nav ul li a,body.proin #header  .nav ul li a{ color:#333333 }
 #header.navbg  .lang,#header.navbg .lang a,body.proin #header  .lang,body.proin #header .lang a{color:#333333 }
 #header.navbg,body.proin{
	background-color:rgba(255,255,255,0.9);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
 #header .lang form .close{

	background-color:rgba(0,0,0,0.7);color:#ffffff;

}
body.proin #cms1 #content.procontent .item{ font-size:14px;}
.logoin{ display:none}
 #header.navbg .logoin{ display:block}
  #header.navbg .logoi{ display:none}
.lang input{

	background-color:rgba(0,0,0,0.7);

	border-right-color: rgba(0,0,0,0.1);
border-right-color:rgba(255,255,255,0.1);
}
.lang button{

	background-color:rgba(0,0,0,0.7);
border-left-color:rgba(0,0,0,0.1);
}

#cms .piclis{
	float:left;
	width:30%;
	margin-left:5%;
	margin-top: 10px;
	margin-bottom: 10px;line-height:1.5;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;
}

#cms .piclis:nth-child(3n+1){ clear:both; margin-left:0px;}
#cms .piclis .img{
	overflow:hidden;
	/*border: 1px solid #dddddd;*/
}
#cms .piclis.fd:hover img{    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);}
#cms .piclis:hover{-moz-box-shadow:0px 0px 25px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 25px rgba(0,0,0,0.3); box-shadow:0px 0px 25px rgba(0,0,0,0.3);}
#cms .piclis .right{ float:left; width:94%; margin-left:3%; margin-right:3%; padding-bottom:10px;}
#cms .piclis .img img{ width:100%; max-height:200px; min-height:200px;_height:200px;}
#cms .piclis .ntitle{ font-size:16px; padding-top:10px; padding-bottom:10px;}
#cms .piclis .ntitle a{ color:#333333}
#cms .piclis .ntitle a:hover,#cms .piclis:hover .ntitle a{ color:#3076B2}
#cms .piclis .dp{ color:#999999; max-height:4.5em; overflow:hidden;}
#cms .piclis .date{ color:#999999; font-size:12px; padding-top:5px; padding-bottom:5px;}
#cms .piclis .more{ color:#999999; line-height:2;}
#cms .piclis .more a{ display:inline-block; color:#FFFFFF; background-color:#666666; font-size:12px; padding-left:10px; padding-right:10px;/*border-radius:3px;*/}
#cms .piclis .more a:hover,#cms .piclis:hover .more a{ background-color:#3076B2}
#cms1 #content,#cms1 #content a{ color:#000000}

.lxbg{
	position: relative;
}
.lxbg:after{
	content:'';
	left:0px;
	background-color:#EDEDED;
	position: absolute;
	z-index: -1;
	height: 60%;
	bottom: -50px;width:100%;
}
.message2{ margin:auto; max-width:600px; padding-top:10px;}


.message2  .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;

}
.message2  .item span{ display:block}
.message2 input{
	border-radius:3px;
	height: 45px;
	width:98%;
	padding-left:1%;
	padding-right:1%;
	border: 1px solid #ddd;
}
.message2  .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{	border: 1px solid #ddd;border-radius:3px; width:99%; height:120px;padding-left:0.5%; padding-right:0.5%; padding-bottom:5px; padding-top:5px;}
.message2  .tijiao{ padding-top:15px; text-align:center;}
.message2  .tijiao button{border-radius:30px;	border:0px solid #ddd;
	background-color:#D60000;
	font-size: 16px;
	color: #FFFFFF;
	height: 45px;width:200px;
	
}

.address{ color:#3177B2; padding-bottom:20px; float:left; width:100%;}
.address .item .left{ width:100%; float:left;}
.address .item{
	float:left;
	width:30%;
	margin-left:5%;
	text-align:center;
}
.address .item1{ margin-left:0px;}
.address .item .title{ font-size:18px; padding-top:20px;}
.address .item .hc{ color:#666666; line-height:1.5; padding-top:10px; padding-bottom:10px;}