﻿.banner_nei{display:block; background:url(../images/ny.jpg) no-repeat center center; height:320px;}
.location{display:block; height:60px; line-height:60px;}
.location .inner{font-size:14px; line-height:60px; text-align:right;}
.location .inner a{font-size:14px; line-height:60px; text-align:right;}

.n_title{display:block; height:70px; line-height:70px; width:100%; background:#f0f0f0; }
.n_title .inner{position:relative; z-index:2; left:0; top:0;}
.n_title h4{position:absolute; left:0px; top:-10px; z-index:8; height:80px; padding:0px 22px; line-height:80px; font-size:28px; color:#fff; background:#8b5727; font-weight:normal;}
.n_title .mm{float:right; line-height:80px;}
.n_title .mm a{line-height:70px; font-size:16px; font-weight:bold; color:#282828; padding:0px 18px;}


.content{display:block; margin-top:60px; font-size:15px; line-height:32px;}



.xc{display:block; width:100%;}
.xc li{float:left; width:32%; margin-right:1.3%; margin-bottom:15px;}
.xc li img{display:block; width:100%;}


.pro_list{display:block; width:100%;}
.pro_list li{float:left; width:24%; margin-right:1%; margin-bottom:20px; position:relative; z-index:2; left:0; top:0;}
.pro_list li a.pic{display:block; width:100%; transition:all .7s linear 0s; -webkit-transition:all .7s linear 0s; -moz-transition:all .7s linear 0s; -o-transition:all .7s linear 0s; overflow:hidden;}
.pro_list li a.pic img{display:block; width:100%;}
.pro_list li a.wl{display:block; width:20%; position:absolute; z-index:8; right:5px; bottom:20px;border:3px solid #fff;}
.pro_list li a.wl img{display:block; width:100%;}
.pro_list li a.pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);}
.pro_list li a.tit{display:block; height:50px; background:#a0a1a3; line-height:50px; font-size:17px; color:#fff; padding-left:5%; font-weight:bold; position:relative; z-index:2; left:0; top:0; }
.pro_list li a.tit .arrow{display:block; position:absolute; right:0px; top:0px; z-index:8; width:46px; height:50px; background:#8b5725 url(../images/ar.png) no-repeat center center; transition:1s;}
.pro_list li a.tit:hover{background:#8b5725;}

.photo_list{display:block;}
.photo_list ul{display:block;}
.photo_list ul li{float:left; width:24%; margin-right:1%; margin-bottom:20px;}
.photo_list ul li a.pic{display:block; }
.photo_list ul li a.pic img{display:block; width:96%;padding:2%;}
.photo_list ul li a.tit{display:block;border-bottom:1px solid #e1e1e1; line-height:40px; font-size:15px;  text-align:center; font-weight:bold;}



.proright{ float:right; width:50%; height:245px;}
.proright h2{ text-align:left; font-size:22px; color:#8b5725;font-weight:bold; margin-bottom:10px; font-family:"微软雅黑";}
.prodetails{margin-top:10px;}
.proright .summary{ line-height:26px; font-size:14px;color:#666;}
.proright .zt{color:#666;}
.proright .zx{display:block; background:#f0f0f0; width:390px; margin-top:10px;padding:10px; font-size:15px;color:#002d66;}
.proright .zx .red{font-size:22px; color:#cf0202;}
.proright .consultation{display:block;width:120px; height:30px;line-height:30px; background:#002d66; font-size:16px; color:#fff;  text-align:center; margin-top:10px;}
.prodetails h3{ font-family:"微软雅黑"; font-size:18px;  font-weight:normal;color:#35383d; height:40px; line-height:40px; background:#e7e8e9; text-indent:15px; margin-bottom:15px; border:none; margin-top:15px;}
.prodetails p{ padding:0 0px; font-size:14px; line-height:32px;}
.prodetails h6{ font-size:12px; font-weight:normal; margin-left:15px;}
.prodetails h6 strong{ color:#ed1c22;}

.prorelated{ margin-top:20px;}
.prorelated h3{ font-family:"微软雅黑"; font-size:14px;  color:#35383d; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:184px;text-align:center;}
.prorelated li img{ margin:0 auto;padding:1px; border:solid 1px #ccc; width:170px; height:115px;}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-family:"微软雅黑"; font-size:14px;  color:#35383d; height:30px; line-height:30px; background:#ccc; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:350px; border-bottom:dashed 1px #ccc; text-indent:10px; padding-left:6px; background:url(../images/dian.jpg) no-repeat 4px center;}
.prorelated_news .interval{ margin-left:20px;}


.newslist{display:block;}
.newslist dl{display:block; width:100%;}
.newslist dl dd{display:block; padding:35px 0px;border-bottom:1px solid #e1e1e1; position:relative; z-index:2; left:0; top:0;}
.newslist dl dd .time{width:7%; float:left; background:#f0f0f0;}
.newslist dl dd .time .d{display:block; height:60px; line-height:60px; font-size:24px; text-align:center; color:#282828;}
.newslist dl dd .time .yy-m{display:block; height:28px; line-height:28px; font-size:14px; text-align:center; color:#999;}

.newslist dl dd .wz{float:right; width:88%;}
.newslist dl dd .wz .tit{display:block; font-size:17px; color:#8b5725; font-weight:bold;}
.newslist dl dd .wz .detail{display:block; font-size:14px; line-height:24px;}
.newslist dl dd .wz .moret{display:block; font-size:14px; position:absolute; right:0px; bottom:8px; z-index:8; width:100px; height:30px; line-height:30px; text-align:center;}
.newslist dl dd .wz .moret:hover{background:#8b5725; color:#fff;}


.newsdetails{display:block; }
.newsdetails h2{display:block; height:50px; line-height:50px; font-size:22px; font-weight:normal; text-align:center; color:#8b5725;}
.newsdetails .tip{display:block; font-size:13px; color:#999;text-align:center;}
.newsdetails_con{display:block; font-size:14px; padding-top:15px; line-height:32px;}


.video_list{display:block; width:100%;}
.video_list ul{display:block; width:100%;}
.video_list ul li{float:left; width:23%; margin-right:2%; margin-bottom:20px;background:#282828;}
.video_list ul li .mv{display:block;width:100%;}
.video_list ul li .tit{display:block; height:40px; line-height:40px; background:#282828; font-size:15px; color:#fff; font-weight:bold; text-align:center;}


.content .fl{width:72%; padding:2%; border:1px solid #e1e1e1;}
.content .fl .product_detail{display:block;}
.content .fl .product_detail img{display:block;  max-width:912px;}

.content .fr{width:18%; background:#f0f0f0; padding:2%;}
.content .fr .title{display:block; padding-bottom:8px; border-bottom:1px solid #e1e1e1; margin-bottom:8px;}
.content .fr .title h4{display:block; height:30px; line-height:30px; font-size:24px; color:#282828; text-align:center;}
.content .fr .title .en{display:block; height:20px;line-height:20px; font-size:14px; text-align:center;}
.content .fr .con{display:block; margin-top:10px;}
.content .fr .mmv .con ul li{display:block; background:#282828; margin-bottom:10px;}
.content .fr .mmv .con ul li .tit{display:block; height:30px; line-height:30px; color:#fff; font-size:13px; text-align:center; font-weight:bold;}

.content .fr .mnew{display:block;}
.content .fr .mnew ul li{display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d1d1d1; padding-left:15px; background:url(../images/cr.png) no-repeat left 6px;}
.content .fr .mnew ul li .time{display:block; height:20px; line-height:20px; font-size:12px;}
.content .fr .mnew ul li .tit{display:block; height:28px; line-height:28px; font-size:14px; color:#8b5725; font-weight:bold; overflow:hidden;}
.content .fr .mnew ul li .detail{display:block; font-size:14px; line-height:24px; height:48px; overflow:hidden;}

.content .fr .mpro{display:block;}
.content .fr .mpro ul li{display:block; margin-bottom:12px;}
.content .fr .mpro ul li .pic{display:block; width:100%;}
.content .fr .mpro ul li .pic img{display:block; width:100%;}
.content .fr .mpro ul li .tit{display:block; height:32px; line-height:32px; font-size:14px; text-align:center; color:#282828;}




/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}



@media screen and (max-width:781px) {
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 0px 0px;
  margin: 0 5px;
  border-radius: 3px;
}	
	}

.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #005aab;
  border: 1px solid #005aab;
}
.pagination a.page-num-current {
  color: #fff;
  background: #005aab;
  border: 1px solid #005aab;
}
/* ----- PB分页数字条效果 结束 ----- */



