.main{padding-bottom: 70px;}
.commonTab{margin-bottom: 20px;}
.product {padding-top: 50px;}
.proList{margin-top: 26px;}
.proList table{margin-bottom: 50px;}
.proList table tr td{padding: 20px 0;}
.proPic>a{display: block;}
.proPic img{display: block;width: 100%;height:auto;}
.proTxt{width:100%;height:170px;box-sizing: border-box;background: #fff;box-shadow: 0 0 32px 0 rgba(204,204,204,0.38);
    -webkit-box-shadow: 0 0 32px 0 rgba(204,204,204,0.38);-moz-box-shadow: 0 0 32px 0 rgba(204,204,204,0.38);-o-box-shadow: 0 0 32px 0 rgba(204,204,204,0.38);
    padding: 0 3.7%;cursor: pointer;}
.proTxt h4{padding-top: 22px;}
.proTxt h4 a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;color:#000;line-height: 24px;}
.proTxt p{font-size: 14px;color:#666;line-height: 24px;margin-top: 11px;height:72px;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;}
.moreBtn{display: block;width:29px;height:11px;background: url(../images/moreBtn.png) no-repeat center;margin-top: 8px;}
.proList table .proTxt h4:hover  a{color:#c10a0a;}
.proList .moreBtn:hover {background: url(../images/moreBtnOn.png) no-repeat center;}
.mobileNav{height:50px;position: relative;margin-top: 30px;}
.mobileNav>p{width:100%;height:100%;box-sizing:border-box;background: #f8f0f0;border-radius: 4px;padding:0 5.17%;
    font-size: 16px;color:#333;line-height: 50px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);position: relative;z-index: 100;}
.mobileNav>p span{float: right;width:16px;height:50px;background: url(../images/arr-t.png) no-repeat center;}
.selectBox{position: absolute;left:0;top:50px;width:100%;padding:15px 0;background: #faf8f8;}
.selectBox li p{width:100%;height:44px;line-height:44px;box-sizing:border-box;padding:0 5.17%; }
.selectBox li p span{float: right;width:14px;height:44px;background: url(../images/plus.png) no-repeat center;}
.selectBox .selectOn p span{background: url(../images/minus.png) no-repeat center;}
.subSelectBox{width:100%;background: #fdfcfc;padding: 11px 0;}
.subSelectBox li{padding-left: 11%;}
.subSelectBox li>a{font-size: 12px;color:#333;line-height: 34px;}
/*产品详情页*/
.proIntroTop{margin-top: 50px;}
.proIntroTop table{width: 100%;}
.proIntroTop table td{height:264px;}
.proDetailPic{width:100%;}
.tdProPic img{display: block;width:100%;}
.tdProTxt{border:1px solid #f4f4f4;box-sizing: border-box;}
.proDetailTxt{padding-left: 3.85%;}
.proDetailTxt h4{font-size: 18px;color:#000;line-height:60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proDetailTxt ul li{font-size: 14px;color:#333;line-height: 24px;}
.proDetailLogo{margin-top: 26px;}
.proDetailLogo img{margin-right: 25px;}
.proIntroBot{border: 2px dotted #eee;margin-top: 58px; position: relative;border-radius: 8px;}
.proIntroBot h4{position: absolute;left: 0;top:-12px;width: 100%;height:24px;}
.proIntroBot h4 span{display: block;width:156px;height:24px;margin: 0 auto;background: #fff;font-size: 20px;color:#333;font-weight: 700;text-align: center;}
.proDetail{padding:35px 4% 31px;background: url(../images/proDetailBg.png) no-repeat right bottom;}
.proDetailItem{margin-bottom: 24px;}
.proDetailItem h5{font-size: 14px;color:#333;font-weight: 700;line-height: 34px;}
.proDetailItem p{font-size: 14px;color:#666;line-height: 24px;}
.proDetailItem table{border-collapse: collapse;}
.proDetailItem table td{height:38px;border: 1px solid #e2e2e2;text-align: center;font-size: 14px;color:#666;}
.proDetailItem table tr:first-child td{color:#333;}
.proDetailItem .videoBtn{display: block;max-width: 100%;width:510px;}
.proDetailItem .videoBtn img{display: block;width: 100%;}
.mask{position: fixed;left:0;top:0;z-index:600;width:100%;height:100%;background: rgba(0,0,0,0.6)}
.videoPop{position: fixed;left:0;top:50%;right:0;margin:0 auto;width:910px;background: #fff;border-radius: 2px;box-sizing: border-box;padding: 29px 0;
    transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); }
.videoPop .inner{width:93.4%;height:auto; border-radius: 2px;margin: 0 auto;}
.videoPop .inner video{background:url(../images/videoPic_03.jpg) no-repeat center;background-size: 100% 100%;}
.videoPop .closeBtn{position: absolute;right:0;top:-54px;width:26px;height:26px;background: url(../images/closeBtn.png) no-repeat center;background-size: 100% 100%;}
.videoPop .closeBtn:hover{background: url(../images/closeBtnOn.png) no-repeat center;background-size: 100% 100%;}
.handle{margin-top: 62px;}
.handle .jiathis_style{margin-top:5px;}
.handle .jiathis_style .jiathis_txt{font-size: 12px;color:#666;}
.handle .jiathis_style>a{float: left;width:32px;height:32px;margin-right: 12px;}
.handle .jiathis_style  .jtico{text-align: center;display: block;width:32px!important;height:32px!important;padding-left: 0!important;background: none;}
.handle .jiathis_style  .jiathis_button_tsina{background: url(../images/newsSina.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_tsina:hover{background: url(../images/newsSinaOn.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_weixin{background: url(../images/newsWeixin.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_weixin:hover{background: url(../images/newsWeixinOn.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_tqq{background: url(../images/newsWei.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_tqq:hover{background: url(../images/newsWeiOn.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_cqq{background: url(../images/newsQQ.png) no-repeat center!important;}
.handle .jiathis_style  .jiathis_button_cqq:hover{background: url(../images/newsQQOn.png) no-repeat center!important;}
.upload{height: 43px;}
.uploadBtn{float: left;width:115px;height:43px;background: url(../images/upLoadBtnBg.png) no-repeat center;
    text-align: center;line-height: 43px;font-size: 14px;color:#fff;margin-right: 13px;}
.uploadTxt{float: left;font-size: 14px;color:#666;width:200px;}
.upload:hover .uploadBtn{background: url(../images/uploadBtnBgOn.png) no-repeat center;}
.upload:hover .uploadTxt{color:#c10a0a;}
.proDetailTxt pre {
font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 14px;
    color: #333;
    line-height: 24px;
	 margin:0;
}
.proDetailItem pre {
font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 14px;
    color: #666;
    line-height: 24px;
		 margin:0;
}
@media (max-width: 980px){
    .mobileNav{display: block;}
    .proIntroTop table td{height:auto;}
    .tdProPic{width:40%!important;}
    .tdProTxt{width:60%!important;}
}
@media (max-width: 768px) {
    .main{padding-bottom: 45px;}
    .product{padding-top: 30px;}
    .proList table .tdPic{width:40%!important;}
    .proList table .tdTxt{width:60%!important;}
    .proIntroTop{margin-top: 30px;}
    .tdProPic{width:100%!important;display: block;}
    .tdProTxt{width:100%!important;display: block;}
    .proDetailTxt{padding: 16px 4.8% 0;}
    .proDetailTxt h4{font-size: 16px;line-height: 24px;white-space: normal;}
    .proDetailTxt ul{margin-top: 7px;}
    .proDetailLogo{margin-top: 16px;margin-bottom: 12px;}
    .videoPop{padding:20px 0;}
    .videoPop .inner{width:89.7%;}
    .videoPop .closeBtn{width:20px;height:20px;top:-37px;}
    .proDetail{padding:29px 4.8% 7px;}
    .uploadTxt{width:155px;}
}
@media (max-width: 700px){
    .handle{margin-top: 36px;}
    .handle .jiathis_style{margin-top: 33px;}
}
@media (max-width:480px){
    .commonTab{margin-bottom: 30px;}
    .proList table{margin-bottom: 11px;}
    .proTxt{padding: 0 5.17%;}
    .proList table tr td{padding: 0;}
    .proList table .tdPic{display: block;width:100%!important;}
    .proList table .tdTxt{display: block;width:100%!important;padding-bottom: 30px;}
    .proIntroBot{margin-top: 43px;}
    .proDetailItem table{width: 100%;}
    .proDetailItem table td{font-size: 12px;}
    .proDetailItem table tr td:first-child{width:42.3%!important;}
    .proDetailItem table tr td:nth-child(2){width:26.3%!important;}
    .proDetailItem table tr td:nth-child(3){width:31.4%!important;}
    .TTA-logo{width:145px;}
}