/* CSS Document */
.nav li .nav3{color:#328358;}
/*prolist-top01*/
.prolist-top01{width:100%;height: auto;background-color: #ff;}
.prolist-top01 .prolist-top01-wrapper{width:1200px;height: auto;margin: 0 auto;}
.prolist-top01 .prolist-top01-wrapper .con {width:100%;height: auto;margin: 80px 0;}
.ul-list{width:200px;height: auto;}
.ul-list ul{width:200px;height: auto;}
.ul-list ul li{width:200px;height: auto;margin-bottom: 10px;}
.ul-list ul li a{width:200px;height: 50px;display: block;border-radius: 10px;background:#338359;text-align: center;font-size: 16px;color:#fff;line-height: 50px;position: relative;cursor: pointer;transition: .3s all;}
.ul-list ul li a:hover{background:#334083;}

.ul-list ul li .selected{background:#334083;}


.prolist-top01 .prolist-top01-wrapper .con .content{width:990px;height: auto;color:#666;font-size: 14px;line-height: 36px;padding-left: 10px;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro{display: block;width:310px;height: auto;margin-left: 20px;margin-bottom: 20px;cursor: pointer;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg{width:310px;height: 240px;position: relative;border-radius: 10px;overflow: hidden;border: 1px solid rgba(0,0,0,0.03);}
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg img{width:310px;height: 240px;border-radius: 10px;transition: .5s all;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg .mask{width:310px;height: 240px;border-radius: 10px;position: absolute;top: 0;left: 0;transition: .3s all;opacity: 0; }
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg .mask .mask-con{width: auto;height: 100px;margin: 70px 30px;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg .mask .mask-con .font18px30{width:100%;height: auto;font-size: 18px;line-height: 30px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;color:#fff;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro .proimg .mask .mask-con .font14px22{width:220px;height: 22px;font-size: 14px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;color:#fff;}

.prolist-top01 .prolist-top01-wrapper .con .content .pro:hover>.proimg .mask{background-color: rgba(51,131,89,0.9);opacity: 1;}
.prolist-top01 .prolist-top01-wrapper .con .content .pro:hover>.proimg img{transform:scale(1.1);}
.prolist-top01 .prolist-top01-wrapper .con .content .pro:hover>.font14px{color:#000;}

.prolist-top01 .prolist-top01-wrapper .con .content .fontpx {width:100%;height:auto;margin-left:20px;font-size:20px;color:#000;font-weight:bold;margin-bottom:20px;}

/*tcdPageCode*/
.page {width:100%;height: auto;background-color: #fff;padding:50px 0;}
.page .tcdPageCode{width:100%;height: 40px;text-align:center;}
.tcdPageCode a{display: inline-block;color: #fff;display: inline-block;height: 40px;	line-height: 40px;	padding: 0 15px;border: 1px solid #e6e6e6;	margin: 0 5px;border-radius: 5px;vertical-align: middle;background-color:#cdcdcd; }
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #e6e6e6;}
.tcdPageCode span.current{display: inline-block;height:40px;line-height: 40px;padding: 0 15px;margin: 0 5px;color: #fff;background-color: #338359;	border: 1px solid #338359;border-radius: 5px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 40px;line-height: 40px;padding: 0 15px;margin: 0 20px;	color: #fff;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 5px;vertical-align: middle;}