@charset "utf-8";

/* CSS Document */





/*内页banner图*/

.nbanner{ position:relative; width:100%; height:auto; max-height:444px; overflow:hidden}

.nbanner img{ width:100%; height:auto;}

.nbanner .fdzi{ position:absolute; width:330px; left:50%; margin-left:-165px; top:30%; margin-top:70px; background-color:rgba(255,255,255,0.7); text-align:center; padding:20px 0; z-index:9}

.nbanner .fdzi h3{ font-size:40px; color:#12a83c; font-weight:bold; font-family:"微软雅黑"}

.nbanner .fdzi span{ font-size:20px; color:#494949}

@media only screen and (max-width:1100px) {

	.nbanner{ height:300px;}

	.nbanner img{ position:absolute; width:auto; height:300px; left:50%; margin-left:-648px;}

}



@media only screen and (max-width:768px) {

.nbanner .fdzi{ width:52%; left:24%; margin-left:0; top:10%; margin-top:70px;}

.nbanner .fdzi h3{ font-size:20px;}

.nbanner .fdzi span{ font-size:14px; color:#494949}

.nbanner{ height:200px;}

.nbanner img{ position:absolute; width:auto; height:200px; left:50%; margin-left:-432px;}

}



/*位置和二级菜单*/

.weizhi{ background:#f2f2f2;   overflow:hidden}

.zmwz{ display:block; background: url(../images/home.png) left center no-repeat; padding-left:35px; float:left; color:#545454; font-size:14px; line-height:50px;}

.erji{ float:right}

.erji ul{list-style:none;} 

.erji li{float:left;line-height:45px; margin-left:0.8rem; margin-top:6px;} 

.erji a{display:block;text-align:center;height:45px; font-size:16px;border-bottom:#f2f2f2 4px solid} 

.erji a:link{color:#666;text-decoration:none;} 

.erji a:visited{color:#666;text-decoration:none;} 

.erji a:hover{color:#12a83c; text-decoration:none; border-bottom:#12a83c 4px solid}  





@media only screen and (max-width:768px) {

.erji{ float:none; overflow:hidden; width:100%; margin-bottom:0.5rem}

.erji a{ background:#fff; border:0; font-size:12px; padding:0 0.5rem; line-height:30px; height:30px;} 

.erji a:hover{ border:0}  

}







.xsup{

	width:98%;

	 margin:30px auto;

	 max-width:1100px;



}



/*内页底部*/

.foot{width:100%; background-color:#303030;  font-size:12px; line-height:26px;  padding:10px 0; overflow:hidden; color:#fff  }

.foot p{ display:block; float:left}

.foot span{ float:right; display:block; text-align:right}

@media only screen and (max-width:768px) {

.foot{ text-align:center}

.foot p{ float:none}

.foot span{ float:none; text-align:center}



}



/*文化*/

.tuwen p{ display:block;  float:left; width:630px; color:#4a4a4a; font-size:14px; line-height:35px;}

.tuwen i{ display:block; float:right}



@media only screen and (max-width:1100px) {



.tuwen p{ width:60%;}

.tuwen i{ width:38%}

.tuwen i img{ width:100%; height:auto}

}

@media only screen and (max-width:768px) {



.tuwen p{ font:none; width:100%}

.tuwen i{ float:none;width:100%}



}









/*新闻*/

.xwlb ul li { border-bottom:#c7c7c7 1px dashed; padding:25px 0; position:relative; overflow:hidden }

.xwlb ul li .date{ display:block; background:#f0f0f0; width:105px; height:70px; float:left; text-align:center;  color:#737373; margin-right:25px; padding-top:30px; margin-top:30px;}

.xwlb ul li .date em{  display:block; font-style:normal; font-size:23px; font-weight:bold; }

.xwlb ul li i{ display:block; float:left; width:240px; overflow:hidden}

.xwlb ul li i img{ width:100%; height:auto; transition:all 0.6s}

.xwlb ul li i a:hover img{ transform:scale(1.2,1.2); transition:all 0.6s}

.xwlb ul li .xwzi{ float:right; width:700px}



.xwlb ul li .xwzi h3 a{ font-size:20px; color:#323232; display:block; width:100%; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; line-height:45px}

.xwlb ul li .xwzi h3 a:hover{ color:#e60012}

.xwlb ul li .xwzi p{ font-size:14px; line-height:30px; display:block; height:60px; color:#949494; margin-bottom:20px; overflow:hidden}

.xwlb ul li .xwzi span a{ display:block; border:#939393 1px solid; width:100px; text-align:center; line-height:30px; background:#FFF; color:#666}

.xwlb ul li .xwzi span a:hover{ background:#e60012; color:#FFF}





@media screen and (max-width: 1200px){

.xwlb ul li .xwzi{ float:right; width:520px}	

		

}

@media screen and (max-width: 1024px){

	.xwlb ul li .date{ position:absolute; left:0; top:0; z-index:9999; background:#12a83c; color:#FFF; width:auto; height:auto; padding:10px; margin:0}

	.xwlb ul li { padding:0; padding-bottom:15px; margin-bottom:15px;}

	.xwlb ul li i{ width:30%; height:auto}

	.xwlb ul li .xwzi{ float:right; width:68%}

	.xwlb ul li .date em{ font-size:16px}

  

}



@media screen and (max-width: 480px){

	.xwlb ul li{ float:left; width:48%; margin:0.5em 1%; }

	.xwlb ul li i{ float:none; width:100%}

	.xwlb ul li .xwzi{ float:none; width:100%}

	.xwlb ul li .xwzi h3 a{ font-size:16px}

	.xwlb ul li .xwzi p{ font-size:12px; line-height:20px; height:40px}

  

}





/*产品*/

.search2{ float:right; margin-top:10px}

.xz1{ background:#fff; border:#d6d6d6 1px solid; line-height:23px; height:23px}

.bd2{ background:#fff; border:#d6d6d6 1px solid; line-height:23px; height:23px; padding-left:5px}

.bun2{ background:#12a83c; color:#FFF; width:60px; line-height:25px; height:25px; cursor:pointer}



.shaixuan2{ border:#d6d6d6 1px solid; border-bottom:0}

.shaixuan2 ul li{ border-bottom:#d6d6d6 1px solid; padding:0.2rem; position:relative; overflow:hidden}

.shaixuan2 .xuanze{ background:url(../images/lan.jpg) repeat-y; overflow:hidden}

.shaixuan2 ul li h3{ display:block; position:absolute;top:50%; transform:translate(0,-50%);  width:110px; text-align:center; color:#FFF; vertical-align:middle; line-height:35px; font-size:16px;}

.shaixuan2 ul li p{ display:block; float:right; width:930px; }

.shaixuan2 ul li span{ display:block; float:right; width:930px; }

.shaixuan2 ul li p a{ color:#333; display:block; float:left; width:17%; padding-left:3%; line-height:35px;}

.shaixuan2 ul li p a:hover{ background:#01a9da; color:#FFF}

.shaixuan2 ul li span a{ color:#00a9da;display:block; float:left; width:17%; padding-left:3%; line-height:35px}

.shaixuan2 ul li span a:hover{ background:#01a9da; color:#FFF}

@media screen and (max-width: 1100px){

.shaixuan2 ul li h3{ width:15%;max-width:110px;}

.shaixuan2 ul li p{ width:85%;}

.shaixuan2 ul li span{ width:85%; }

  

}



@media screen and (max-width: 768px){

.shaixuan2 .xuanze{ background:none;}

.shaixuan2 ul li h3{ position:inherit; top:0;transform:translate(0,0);  float:none; width:100%; background:#00a9da; max-width:768px}

.shaixuan2 ul li p{ width:100%;}

.shaixuan2 ul li span{ width:100%; }

.shaixuan2 ul li p a{ width:auto; padding-left:20px; line-height:25px}

.shaixuan2 ul li span a{ width:auto; padding-left:20px;}

	

	

		.search2{ display:none}

  

}



/*产品详情*/



.dtail .pic{ display:block; float:left; width:37%; border:#e1e1e1 1px solid; max-width:402px; text-align:center}

.dtail .pic img{ width:90%; height:auto; margin:0.5rem auto;}

.dtail .xqzi { float:right; width:60%;}

.dtail .xqzi h3{ font-size:20px; color:#3a3a3a; line-height:50px}

.dtail .xqzi p{ font-size:12px; color:#777777; line-height:25px}



.tab{ width:100%; margin:0.5rem auto;}

.tab-hd { border-bottom:#eaeaea 1px solid; overflow:hidden; zoom:1;}

.tab-hd li{ float:left; width:auto; padding:0.1rem 0.3rem; color:#333; text-align:center; cursor:pointer; background:#eaeaea; margin-right:0.2rem; font-size:14px}

.tab-hd li.active{ background:#12a83c; color:#FFF}

.tab-bd li{display:none; padding:20px 0; font-size:14px; color:#3a3a3a; line-height:30px}

.tab-bd li.thisclass{ display:list-item;}



.bt1{ background:#eaeaea; line-height:40px; margin-bottom:20px; position:relative; height:40px;}

.bt1 h3{ display:block; position:absolute; left:10px; border-bottom:#12a83c 2px solid; width:auto; padding:0 10px; font-size:14px}



/*爱心24848威尼斯*/



.aixin ul li{ float:left; width:346px; height:232px; overflow:hidden; position:relative; margin-right:30px; margin-bottom:30px;}

.aixin ul li:nth-child(3n){margin-right:0; }

.aixin ul li img{ width:100%; height:auto}

.aixin ul li p{ display:block; position:absolute; padding:0 15px; background-color:rgba(0,0,0,0.8); z-index:999; text-align:center; bottom:-52px; transition:all 0.6s; line-height:25px; height:92px; overflow:hidden}

.aixin ul li em{ width:100%;display:block; line-height:42px; font-style:normal; font-size:14px; height:42px; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.aixin ul li:hover p{  bottom:0px; transition:all 0.6s; padding:0 15px; padding-bottom:5px;}





@media screen and (max-width: 1100px){

.aixin ul li{ width:30%; margin:1.5%; height:auto}

  

}





@media screen and (max-width: 768px){

.aixin ul li{ width:46%; margin:2%; height:auto}

  

}





/*视频*/

.shipin ul li{ float:left; width:48%; margin-right:4%; text-align:center}

.shipin ul li img{ width:100%; height:auto}

.shipin ul li a p{ display:block; line-height:50px; color:#666;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.shipin ul li:nth-child(2n){margin-right:0; }







/*招聘*/

.zhaopin ul li{ margin-bottom:15px;}

.zhaopin ul li h3{ display:block; background:#0099ff; color:#FFF; font-size:20px; padding:10px; line-height:35px}

.zhaopin ul li h3 i{ font-style:normal}

.zhaopin ul li h3 em{ display:block; float:right; font-style:normal; background: url(../images/zp.png) 3px center no-repeat #ff8a00; background-size:20px auto; padding:0 5px;padding-left:30px; border-radius:5px; font-size:14px }

.zhaopin table{border:#e5e5e5 1px solid; color:#303030; border-top:0; border-bottom:0;}

.zhaopin table td{ border-bottom:#e5e5e5 1px solid; padding:10px; line-height:25px}

.zhaopin .js{ padding:10px; line-height:25px;}

.zhaopin .js dl dt{ display:block; float:left; width:25%;}

.zhaopin .hui{ background:#f8f8f8; border-right:#e5e5e5 1px solid; width:12%; max-width:130px; text-align:center; font-size:14px;}



@media screen and (max-width: 768px){

.zhaopin .js dl dt{ width:50%;}

  

}