/*头部*/
.com-head{width: 100%;height: 88px;}

/*产品*/
@font-face{ font-family: "FZXH";src:url(FZXH1JW.TTF); }
.f-body{width: 100%; height: 580px;background-color:#fafafa; }
.con{width: 76%;height: 580px; margin:0 auto;}
.f-left{width: 50%;height: 580px;float: left;}
.f-left .top{height: 336px;width: 80%;border:1 solid #d9d8d8; background-color: #fff;margin:45px auto 0 auto;}
.top img{ width: 75%;height: 248px;margin:44px 12.7%;}
.f-left .bottom{width: 100%;height: 80px;margin:15px auto; }
.bottom ul{width: 80%;height: 80px;margin:0 auto;overflow: hidden;}
.bottom ul li{width: 22%;height: 78px;float: left; border:1px solid #b9b9b9;margin:0 1.2%;}
.bottom ul li img{width: 78%;height: 54px;margin:11px 10%;}
.bottom ul li img:hover{border:1px solid red;}

.f-right{width: 50%;height: 580px;float: right;background-color:#fafafa;}
.f-right .right-body{height: 336px;width: 80%; margin:45px auto 0 auto;}
.right-body h2{width: 100%;height: 64px;border-bottom: 1px solid #c3c3c3; font-family: "微软雅黑";font-weight: normal; font-size: 24px;line-height: 60px;letter-spacing: 2px;}
.right-body p{width: 100%;min-height: 100px;font-family: "FZXH";font-size: 18px;line-height: 36px;letter-spacing: 2px;margin-top: 20px;overflow-y:hidden; }
.right-body a{display: inline-block; width: 104px;height: 30px;border:1px solid #b0b0b0;background:url(../images/product/return.png) no-repeat 10px center; line-height: 30px;font-size: 11px;text-align: center;padding-left: 10px; color: #b0b0b0;margin-top:20px;}
.right-body a:hover{color:red;background-color: #fff;background:url(../images/product/return-red.png) no-repeat 10px center ;border:1px solid red;}

.f-right .right-body1{height: 336px;width: 80%; margin:45px auto 0 auto;}
.right-body1 h1{font-family: "微软雅黑";font-weight: normal; font-size: 36px;line-height: 50px;letter-spacing: 2px;}
.right-body1 h2{width: 100%;height: 55px;border-bottom: 1px solid #c3c3c3; color:#434343; font-family: "微软雅黑";font-weight: normal; font-size: 24px;line-height: 40px;letter-spacing: 2px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.right-body1 p{width: 100%;min-height: 100px;font-family: "FZXH";font-size: 18px;line-height: 36px;letter-spacing: 2px;margin-top: 20px;overflow-y:hidden; }
.right-body1 a{display: inline-block; width: 104px;height: 30px;border:1px solid #b0b0b0;background:url(../images/product/return.png) no-repeat 10px center; line-height: 30px;font-size: 11px;text-align: center;padding-left: 10px; color: #b0b0b0;margin-top:20px;}
.right-body1 a:hover{color:red;background-color: #fff;background:url(../images/product/return-red.png) no-repeat 10px center ;border:1px solid red;}


/*导航切换*/
.notice { width: 68%;  overflow: hidden; }
.notice  a{ display:block; height: 72px;width: 178px;font-family: "黑体";font-size:24px;text-align: left;line-height: 70px;color: #3d3d3d;  }
.notice a:hover{ color:#000;    }



/*描述*/
.tab-bd{}
.tab-pal{width: 86%;background-color: #fff;padding: 0px 0 20px 0;}
.tab-pal table {width: 100% !important;}
.tab-pal p {width: 100%;}
.tab-pal p img{width: 100%;}
/* 媒体查询1025-1750px css */
@media (min-width: 1025px)and (max-width: 1750px) {
.com-head{height: 68px;}
.right-body1 p{line-height: 26px;}


}


/* 媒体查询768-1024px css */
@media (min-width: 768px)and (max-width: 1024px) {
.com-head{height: 48px;}

.right-body1 h2{width: 100%;height: 55px;font-size: 20px;}
.right-body1 p{line-height: 26px;max-height: 300px;}
.notice a{ width: 138px; }


}



/* 媒体查询461-767px css */
@media (min-width: 461px)and (max-width: 767px) {
.com-head{height: 48px;}

.f-body{ height: 480px;}
.con{height: 480px; }
.f-left{height: 480px;}
.f-left .top{height: 236px;margin:45px auto 0 auto;}
.top img{ height: 148px;}

.f-right{height: 480px;}
.f-right .right-body{height: 236px;}
.right-body1 h1{ font-size: 28px;line-height: 36px;}
.right-body1 p{font-size: 14px;line-height: 22px;max-height: 200px; }


.notice a{ height: 42px;width: 120px;font-size:22px;line-height: 40px;}

}



/* 媒体查询339-460px css */
@media (min-width: 341px)and (max-width: 460px) {
.com-head{height: 36px;}

.f-body{width: 100%; height: auto;margin-top:-36px;background-color:#fff; }
.con{width: 96%;height: auto; margin:0 auto;background-color:#fafafa;}
.f-left{width: 100%;height:350px;float:none; clear:both;}
.f-left .top{height: 260px;}
.f-left .top img{height: 170px;}
.f-left .bottom{width: 100%; height: 60px;}
.bottom ul{width: 96%;height: 60px;}
.bottom ul li{height: 58px;}
.bottom ul li img{height: 44px;}

.f-right{width: 100%;height: auto;float: left;}
.f-right .right-body1{height: auto;margin:20px auto 0 auto;}
.f-right .right-body1 h1{font-size: 18px;line-height: 22px;}
.right-body1 p{width: 100%;height: auto;font-size: 16px;line-height: 20px;}

.notice { width: 96%; margin:0 auto; overflow: hidden; }

.notice a{ height: 42px;width: 120px;font-size:20px;line-height: 40px; }


}



/* 媒体查询小于339px css */
@media (max-width: 340px) {
.com-head{height: 36px;}

.f-body{width: 100%; height: auto;margin-top:-36px; background-color:#fff;}
.con{width: 98%;height: auto; margin:0 auto;background-color:#fafafa;}
.f-left{width: 100%;height:360px;float:none; clear:both;}
.f-left .top{height: 260px;width: 90%;}
.f-left .top img{height: 146px;}
.f-left .bottom{width: 100%; }
.bottom ul{width: 98%;height: 60px}
.bottom ul li{width: 20%;height: 58px;margin:0 1.8%;}
.bottom ul li img{height: 44px;}

.f-right{width: 100%;height: auto;float: left;}
.f-right .right-body1{height: auto;margin:20px auto 0 auto; }
.f-right .right-body1 h1{font-size: 16px;line-height: 20px;}
.right-body1 p{width: 100%;height: auto;font-size: 14px;line-height: 16px;}

.notice { width: 98%; margin:0 auto;  }
.notice a{ height: 42px;width: 120px;font-size:18px;line-height: 40px;margin-right:10px; }




}








