/*头部*/
.com-head{width: 100%;height: 88px;}
.com-banner{width: 100%;height: 420px;}
.com-banner img{height: 420px; width: 100%;}

@font-face{ font-family: "FZXH";src:url(FZXH1JW.TTF); }

/*总公司*/
.zong{display: block;width: 76%;height: 80px;font-family: "黑体";font-size: 34px;letter-spacing: 5px;line-height: 80px;color: #383838;border-bottom: 1px solid #dddddd;  margin:20px auto;}



/*导航切换*/
.notice { width: 76%;  overflow: hidden; }
.notice .tab-hd { height: 40px; }
.notice .tab-hd ul {}
.notice .tab-hd li{ height: 40px;width: 90px;border:1px solid #e0dfdf;float: left;font-family: "黑体";font-size:18px;text-align: center;line-height: 40px;color: #666666; margin-right: 8px;}
.notice .tab-hd li a{ display:block;   }
.notice .tab-hd li a:hover{ color:#fff; background-color: red;   }
.notice .tab-hd li.on{ border: 1px solid #d5d5d5;  background-color: #fff; font-weight: bold; position: relative;  }
.notice .tab-bd {  padding:5px;  }
.tab-pal{width: 100%;margin:40px auto 0 auto;}
.pro-item{ width: 30.6%;height: 440px;background-color: #fff;float: left;margin:0 3.6% 30px 0;border:1px solid #e0dfdf;overflow: hidden;}
.pro-item:nth-child(3n+3){margin:0 0px 30px 0;}
.pro-item img{display: block; width: 80%;height: 312px;padding: 14px 10%;position: relative; overflow-x:hidden;overflow-y:hidden;   transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.pro-item .bot{width: 100%;height: 100px;border-top:1px solid #e0dfdf;}
.bot span{font-family: "黑体";font-size:18px;line-height: 18px; color:#403f3f;display: block;width: 86%;padding:30px 10px 10px 10px;margin:0 auto; text-align: center;}
.bot a{font-family: "黑体";font-size:14px;line-height: 24px; color: #858585;display: block;width: 86%;height: 24px; text-align: center; margin:0 auto;}
.pro-item:hover{box-shadow: 2px 2px 2px #e7e7e7;}
.pro-item:hover img{transform: scale(1.05,1.05);}
.pro-item:hover span{color:red;}
.pro-item:hover a{color:red;}


/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {
.com-head{height: 68px;}
.com-banner{height: 360px;}
.com-banner img{height: 360px}

}


/* 媒体查询769-1024px css */
@media (min-width: 769px)and (max-width: 1024px) {
.com-head{height: 48px;}
.com-banner{height: 240px;}
.com-banner img{height: 240px}

.zong{width: 80%;}
.notice { width: 80%;  }
.pro-item{height: 340px;}
.pro-item img{height: 212px;}
.bot span{font-size:16px;line-height: 16px;}
.bot a{font-size:13px;line-height: 20px; }
}



/* 媒体查询461-768px css */
@media (min-width: 461px)and (max-width: 768px) {
.com-head{height: 48px;}
.com-banner{height: 120px;}
.com-banner img{height: 120px}

.zong{width: 96%;}
.notice { width: 96%;}
.pro-item{ height: 240px;margin:0 3% 30px 0;}
.pro-item img{height: 162px; }
.pro-item .bot{height: 50px;}
.bot span{font-size:14px;line-height: 14px; width: 96%;padding:10px 2% 10px 2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bot a{font-size:12px;line-height: 14px; width: 96%;}


}



/* 媒体查询339-460px css */
@media (min-width: 341px)and (max-width: 460px) {
.com-head{height: 36px;}
.com-banner{height: 100px;}
.com-banner img{height: 100px}

.zong{width: 96%;height: 60px;font-size: 28px;line-height: 60px;}
.notice { width: 96%;}
.notice .tab-hd { height: 30px; }
.notice .tab-hd li{ height: 30px;width: 60px;line-height: 30px;}
.tab-pal{margin:20px auto 0 auto;}

.pro-item{ height: auto;width: 100%; margin:10px auto;}
.pro-item:nth-child(3n+3){margin:10px auto;}
.pro-item img{ height: 182px; }
.pro-item .bot{height: 50px;}
.bot span{font-size:14px;line-height: 14px;width: 96%;padding:10px 2% 10px 2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bot a{font-size:12px;line-height: 14px; width: 96%;height: 14px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

}



/* 媒体查询小于339px css */
@media (max-width: 340px) {
.com-head{height: 36px;}
.com-banner{height: 70px;}
.com-banner img{height: 70px}

.zong{width: 96%;height: 60px;font-size: 28px;line-height: 60px;}
.notice { width: 96%;}
.notice .tab-hd { height: 30px; }
.notice .tab-hd li{ height: 30px;width: 60px;line-height: 30px;}
.tab-pal{margin:20px auto 0 auto;}

.pro-item{ height: auto;width: 100%; margin:10px auto;}
.pro-item:nth-child(3n+3){margin:10px auto;}
.pro-item img{height: 152px; }
.pro-item .bot{height: 40px;}
.bot span{font-size:14px;line-height: 14px;width: 96%;padding:5px 2% 5px 2%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.bot a{font-size:12px;line-height: 14px; width: 96%;height: 14px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


}