/***********************************
*
*  css of product_list.html
*
***********************************/


/*prod*/
.prod{position: relative;z-index: 6;width:100%;overflow:hidden;}
.prod .tit{padding:15px 0;line-height: 35px;text-align: center; border-bottom: 1px solid #000;}
.prod .tit a{display: inline-block; margin: 0 20px; padding: 0 25px; line-height: 35px; font-size: 14px;  color: #333;}
.prod .tit a.active{color: #fff;background: #007C57;}
.prod .tit a:hover{color: #fff;background: #007C57;}

.prod .cor{padding:20px 0;}
.prod .cor .list{float:left;width: 25%;height:362px;overflow: hidden;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;}
.prod .cor .list .listInner{display:block;margin:10px;overflow: hidden;border:1px solid #dadada;border-bottom:2px solid #dadada;background: #F0EFED;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.prod .cor .list .listInner p.pic{overflow: hidden;}
.prod .cor .list .listInner .txt{padding:12px 15px 18px 15px;height:94px;overflow:hidden;}
.prod .cor .list .listInner .txt p{line-height: 18px;font-size: 12px;color: #333;}
.prod .cor .list .listInner .txt p.txth{line-height: 20px;height:40px;font-size: 14px;color: #333;font-weight: bold;overflow:hidden;}
.prod .cor .list .listInner:hover {border:0 none; -webkit-box-shadow: 0px 3px 5px 1px #aaa; box-shadow: 0px 3px 5px 1px #aaa; background: #57A285;}
.prod .cor .list .listInner:hover .txt p{color: #fff !important;}



/*pagination*/
.pagination{padding:50px 0 70px 0;width:100%;line-height:47px;text-align: center;overflow: hidden;}
.pagination a{cursor:pointer;display:inline-block;width:45px;height:45px;line-height:45px;text-align:center;border:1px solid #aaa;color:#999;margin:0 5px;-webkit-border-radius: 50%;	-moz-border-radius: 50%;border-radius: 50%;
-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;}		
.pagination .on{background:#00A265;color:#fff;}
.pagination a:hover{background:#00A265;color:#fff;}
.pagination span.pageTotal{display:inline-block;padding:0 8px;height:20px;line-height:20px;border:1px solid #aaa;background:#fff;}
.pagination span.pageNum a.active{background:#007C57;color:#fff;}

/***********************************
*
*  css of product.html
*
***********************************/

/*pr*/
.pr{position: relative;z-index: 5;width:100%;padding-top:50px;}

/*tit*/
.pr .tit{position: relative;z-index: 6;width:100%;padding-bottom: 120px;}
.pr .tit .divider{z-index: 7;position: absolute;top:19px;left:0;width:100%;height:0;border-bottom:2px solid #005F4F;}

.pr .tit .nav{z-index: 8;position:relative;width:100%;min-height:40px;}
.pr .tit .nav .list{float:left; width:25%;}
.pr .tit .nav .list .btn{cursor:pointer;display:block;margin:0 auto; width:160px;height:40px;line-height:40px;text-align: center;font-size: 16px;color: #fff;background: #00A265;}

.pr .tit .nav .list .btnD{display:none;width:100%;clear:both;}
.pr .tit .nav .list .btnD .dash{display: block; margin:3px auto;width:0;height:20px;clear:both;border:1px dashed #005F4F;font-size: 12px;}
.pr .tit .nav .list .btnD .txt{line-height: 18px;text-align: center; font-size: 14px;color: #666;}

.pr .tit .nav .list.active .btn{background: #005F4F;}
.pr .tit .nav .list.active .btnD{display:block;}

/*con*/
.pr .con{position: relative;z-index: 6;width:100%;overflow: hidden;}
.pr .con .conbox{display:none;}
.pr .con .conbox:nth-of-type(1){display:block;}
.pr .con .list{float: left; width:25%;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
.pr .con .listInner{display: block; margin:15px;background: #00A366;}
.pr .con .listInner:hover{background: #005F4F;}
.pr .con .listInner .txt{width:100%;height:90px;line-height:90px;text-align: center;}
.pr .con .listInner .txt p{display:inline-block;padding:0 20px;line-height:20px;text-align: center;vertical-align: middle;color: #fff;}


/*prtab*/
.prtab{z-index: 10;width:100%;padding-top:50px;}
.prtab .tit{z-index: 6;padding-bottom: 30px;}
.prtab .tit span{display:block;margin-left:15px;padding-left:15px;border-left:5px solid #343535;line-height: 30px;font-size: 18px;}
.prtab .con img{cursor:pointer;}


/***********************************
*
*  css of product_detail.html
*
***********************************/

/*pos*/
.pos2{position: relative;z-index: 5;width:100%;padding-top:50px;}
.pos2 p{position: relative; line-height:45px;font-size: 16px;border-bottom:1px solid #ccc;}
.pos2 p i{position:absolute;left:20px;top:0;line-height:45px; color: #00362D;}
.pos2 p a{font-size: 16px;color: #666;margin-left:70px; }




/*Dpr1*/
.Dpr1{position: relative;z-index: 20;width:100%;overflow: hidden;}
/*tit*/
.Dpr1 .tit{padding:25px 0 25px 20px;}
.Dpr1 .tit h3{line-height: 30px;font-size: 24px;color: #00322a;}
.Dpr1 .tit p{padding:5px 0;line-height: 20px;font-size: 16px;color: #666;}
/*con*/
.Dpr1 .con{padding-left:20px;}
/*conL*/
.Dpr1 .conL{float:left;width:48%;}
.Dpr1 .conL .big{width:360px;overflow: hidden;clear:both;}
.Dpr1 .conL .big img{border:1px solid #aaa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.Dpr1 .conL .sm{padding:10px 0; width:360px;overflow: hidden;clear:both;}
.Dpr1 .conL .sm .smList{float:left;width:25%;text-align: center;}
.Dpr1 .conL .sm img{border:1px solid transparent;}
.Dpr1 .conL .sm .smList.active img{border-color:#2DB772;}
/*conR*/
.Dpr1 .conR{float:right;width:48%;}
.Dpr1 .conR h4{padding:10px 0; line-height:25px;font-size: 20px;color: #666; }
.Dpr1 .conR p{padding:10px 0; line-height:25px;font-size: 16px;color: #666; }
.Dpr1 .conR .btn{padding-top:20px;}
.Dpr1 .conR .btn a{display:inline-block;padding:0px 40px; line-height:40px;font-size: 20px;color: #fff;background: #2DB772; }



/*Dpr2*/
.Dpr2{position: relative;z-index: 5;width:100%;overflow: hidden;}
/*tit*/
.Dpr2 .tit{padding:50px 0 20px ;}
.Dpr2 .tit span{display: inline-block; padding-left:15px;line-height: 30px; border-left:5px solid #00352D;font-size: 20px;}
/*con*/
.Dpr2 .con .tabbox{overflow-x:auto;}
.Dpr2 .con table{width:100%; }
.Dpr2 .con table td{padding:10px 15px; line-height: 25px;font-size: 14px;color: #666;}
.Dpr2 .con .tm{margin-top:15px;padding:5px 15px; border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.Dpr2 .con .tm p{padding:6px 0;line-height: 22px;font-size: 14px;color: #666;}



/*Dprtab*/
.Dprtab{position: relative;z-index: 5;width:100%;padding-top:50px;}
.Dprtab .tit{position: relative;z-index: 6;padding-bottom: 15px;}
.Dprtab .tit span{display:block;padding-left:15px;border-left:5px solid #343535;line-height: 30px;font-size: 20px;}
.Dprtab .con img{cursor:pointer;}


/*Dprapp*/
.Dprapp{position: relative;z-index: 5;width:100%;padding-top:80px;overflow: hidden;}
/*tit*/
.Dprapp .tit{position: relative;z-index: 6;padding-bottom: 30px;}
.Dprapp .tit span{display:block;padding-left:15px;border-left:5px solid #343535;line-height: 30px;font-size: 20px;}
/*con*/
.Dprapp .con{position: relative;z-index: 6;width:100%;overflow: hidden;}
.Dprapp .con .list{float: left; width:25%;}
.Dprapp .con .listInner{display: block; margin:10px;background: #EFEEEC;border:1px solid #ccc;}
.Dprapp .con .listInner .txt{width:100%;height:60px;line-height:60px;text-align: center;}
.Dprapp .con .listInner .txt p{display:inline-block;padding:0 10px;line-height:20px;text-align: center;vertical-align: middle;color: #666;}
.Dprapp .con .listInner:hover{background: #005F4F;}
.Dprapp .con .listInner:hover .txt p{color: #fff;}



/*Dprpack*/
.Dprpack{position: relative;z-index: 5;width:100%;padding-top:80px;overflow: hidden;}
/*tit*/
.Dprpack .tit{position: relative;z-index: 6;padding-bottom: 30px;}
.Dprpack .tit span{display:block;padding-left:15px;border-left:5px solid #343535;line-height: 30px;font-size: 20px;}
/*con*/
.Dprpack .con{position: relative;z-index: 6;width:100%;overflow: hidden;}
.Dprpack .conL{float:left;width:38%;overflow: hidden;}
.Dprpack .conM{float:left;width:20%;overflow: hidden;padding-left:2%;}
.Dprpack .conM a{display:block;}
.Dprpack .conM a.a1{margin-bottom:1%;}
.Dprpack .conR{float:right;width:38%;overflow: hidden;}


/***********************************
*
*  css of partner_content.html
*
***********************************/
.viewWrapper{width:980px;margin:0 auto;}
.parList{float:left;width:225px;padding:0 10px;margin-bottom:30px;overflow:hidden;}
.parList img{width:225px;height:225px;cursor:pointer;}
.parList img:hover{-webkit-box-shadow: 0px 3px 5px 1px #aaa; box-shadow: 0px 3px 5px 1px #aaa;}
.parList .partitle{padding:10px 0;height:18px;line-height: 18px;text-align:center;font-size: 14px;color: #000;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;-o-text-overflow:ellipsis;0text-align:center;}

@media screen and (max-width:1060px) {
	.viewWrapper{width:735px;}
}
@media screen and (max-width:800px) {	
	.viewWrapper{width:490px;}	
}
	
@media screen and (max-width:540px) {
	.viewWrapper{width:300px;}
	.parList img{width:280px;height:280px;}
	.parList{margin-bottom:20px;}
}