/*==============================================================================================*/
/*list-css
/*==============================================================================================*/
/*-----------------------------------------------*/
.prolist-con{
  width:100%;
  min-height: 200px;
  background-color: #fff;
  padding:0px;
  margin: 0 auto 30px;
  overflow: hidden;
  box-shadow: 0px 5px 5px 0 rgba(0,0,0,.1);
}
.prolist-con .product{
  width:100%;
  margin: 20px auto 0;
  overflow: hidden;
}

.prolist-con li{
  float: none;
  display: inline-block;
  *display:inline;
  *zoom:1;
  vertical-align: top;
  overflow: hidden;
  background: inherit;
  width:100%;
  height:initial;
  padding:0 15px;
  text-align: left;
  box-sizing: border-box;
  height:inherit!important;
  line-height: normal!important;
  letter-spacing: .05em;
 
  
}
.prolist-con li , .prolist-con li:hover, .prolist-con li a:hover , .prolist-con li>div li a:hover{
  color:#333333!important;
  background: initial;
}

.prolist-con li>div{
  width: 100%;
  overflow: hidden;
  clear: both;
}
.prolist-con li>div h5 , .rd-megamenu-item h5{
  margin: 0 auto;
  color: #333333;
  height:auto;
  font-size:18px; 
  margin-bottom:5px;
  clear: both;
}
.prolist-con li>div ol{
  padding: 0;
  margin:0 auto;
}
.prolist-con li>div li , .prd{
  width: 100%;
  float: left;
  padding: 0;
  border: none;
  margin-bottom:0px;
  display: block;
  height:auto;
  font-weight: normal;
}
.prd{
  padding: 0px!important;
}
.prolist-con li>div li a , .prd a{
  position: relative;
  display: flex;
  display: -ms-flexbox;
  padding: 0px;
  text-align: left;
  transition: all .2s ease;
  font-size: 14px;
  line-height: 3.2!important;
  letter-spacing:0;
  color: #666666;
  height: inherit!important;
  background: url(../../../upload/image/ca-r.png) no-repeat right center;
  border-bottom: 1px solid #f5f5f5;
}
.rd-megamenu-item{
  position: relative;
  overflow: hidden;
  margin:8px auto;
  width: 100%;

}
.rd-megamenu-item , .rd-megamenu-list , .prolist-con .prolist-con li>div ol{
  height: auto!important;
  overflow: hidden!important;
}
.rd-megamenu-item i{
  display: none!important;
}


/*-------------product---------------------*/

.prolist{
  overflow: hidden; 
  width:100%;
}
.prolist .content {
  margin-bottom: 30px;
}
.prolist ul{
  overflow: hidden;
  width:100%;
  position: relative;
}
.prolist ul li{
  display: block;
  float: left;
  width:49%;
  overflow: hidden;
  margin:0 0.5% 2%;
}
.prolist ul li a{
  padding: 3px;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  border:1px solid #ededed;
  box-shadow:inherit;
}
.prolist ul li .img{
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.prolist ul li .img img{
  width: 100%;
}
.prolist ul li .img::before{
  position: absolute;
  opacity: 0;
  background-color:#333;
  width:100%;
  height:100%;
  content: '';
  display: block;
  z-index: 2;
}

.prolist ul li a:hover{
  border: 1px solid #ededed;
  -moz-box-shadow: 0px 0px 10px #ddd;
  box-shadow: 0px 0px 10px #ddd;
}
.prolist ul li a:hover .img::before{
  opacity: 0.25;
  background-color:#333;
}
.prolist ul li a:hover h3 , .prolist ul li a:hover p{
  color:#c7281c;
}
.prolist ul li a:hover h3 , .prolist ul li a:hover p ,.prolist ul li a, .prolist ul li a:hover, .prolist ul li a h3 , .prolist ul li a p , .prolist ul li a:hover .img::before , .prolist ul li a .img::before{ 
  -webkit-transition: -webkit-transform 0.8s ease-out;
  -moz-transition: -moz-transform 0.8s ease-out;
  -o-transition: -o-transform 0.8s ease-out;
  -ms-transition: -ms-transform 0.8s ease-out;
  transition: all 0.8s ease-in-out;
}
.prolist ul li h3{
  color:#333;
  width:85%;
  text-align: center;
  line-height:24px;
  margin:18px auto 3px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  
}
.prolist ul li p{
  color: #666666;
  width: 90%;
  margin:0 auto 10px;
  text-align: center;
  overflow: hidden;
}


/*--------------show--------------------*/
.goods-guide , .goods-guide-pro{
  width: 100%;
  overflow: hidden;
  margin:0 auto;
  padding: 0;
}

.goods-guide-pro .p-slidebox{
  overflow: hidden;
  width: 100%;
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  overflow: hidden;
}
.goods-guide-pro .p-slidebox .propage{
 position: absolute;
 text-align: center;
 line-height: 0;
 bottom: 30px;
 width: 100%;
 text-align: center;
 z-index: 100;
 font-size:0;
}
.goods-guide-pro .p-slidebox ul{
  width: 100%;
}
.goods-guide-pro .p-slidebox ul li{
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
}
.goods-guide-pro .p-slidebox ul li{
  height:auto
}
.p-slidebox .hd{
    position: absolute;
    text-align: center;
    font-size: 0;
    line-height: 0;
    bottom: 30px;
    width: 100%;
}
.p-slidebox .hd ul{
  display: block;
  width:80px;
  overflow: hidden;
  margin:0 auto;
}
.p-slidebox .hd li {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 12px!important;
    height: 12px!important;
    border: none;
    border-radius: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    outline: none;
    cursor: pointer;
    transition: .2s;
    box-sizing: content-box;
  }
.p-slidebox .hd li::before, .p-slidebox .hd li::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    transition: opacity .3s ease,background-color .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease,background-color .3s ease;
    transition: transform .3s ease,opacity .3s ease,background-color .3s ease,-webkit-transform .3s ease;
  }
.p-slidebox .hd li::after{
  opacity: 0;
  background: #b5a067;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}
.p-slidebox .hd .on::before{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}
.p-slidebox .hd .on::after{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.p-txt{
  float: left;
  width:100%;
  overflow: hidden;
}
.p-txt h3{
  margin:25px auto 15px;
  font-size: 17px;
  line-height:1.2;
  color: #333333;
  font-weight: bold;
  text-align:center;
}
.p-txt p{
  color: #9b9b9b;
  margin-bottom: 25px;
}
.p-txt-xinxi{
  box-sizing: border-box;
  padding: 25px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.p-txt-xinxi ul {
  overflow: hidden;
}
.p-txt-xinxi ul li{
  float: left;
  display: block;
  margin: 5px auto;
  width: 100%;
  overflow: hidden;
  color: #9b9b9b;
}
.p-txt-xinxi ul li strong{
  float: left;
  margin-right: 6px;
  display: block;
  color: #333333;
}
.p-txt-link{
  display: block;
  overflow: hidden;
  margin-top:20px;
}
.p-txt-link span{
  float: left;
  font-weight:600;
  margin-right: 6px;
  color: #333333;
}
.p-txt-link a{
  float: left;
  font-size: 20px;
  display:block;
  margin:0 10px;
}


/*-----------------pro-con---------------------*/
.pro-con , .pro-con h2{
  width: 100%;
  overflow: hidden;
}
.pro-con{
  margin-bottom: 20px;
}
.pro-con h2{
  background-color: #ee952f;
  padding:10px 8px;
  text-align: center;
  margin:15px auto;
  color: #fff;
}

/*----------------intro-box--------------------*/
.intro-box{
  width:100%;
  overflow: hidden;
  padding: 0;
  margin:0 auto;
}
.intro-txt{
  width: 100%;
  overflow: hidden;
}
.intro-txt .thd{
  font-size:18px;
  line-height: 1.2;
  color:#333333;
  display: block;
  margin-bottom:15px;
  overflow: hidden;
  font-weight:bold;
}
.intro-txt .thd p{
  margin:10px auto 0;
  width: 100%;
  font-size: 14px;
  line-height:28px;
  overflow: hidden;
}
.intro-txt .thd p i a{
  float: left;
  padding:0 15px;
  height:30px;  
  color:#fff;
  margin-right:8px;
  background-color: #ee952f;
}
.intro-txt .thd p span{
  margin-right:30px;
  line-height: 30px;
  height: 30px;
  display: block;
  float: left;
}
.intro-txt .thd p span {
  margin-top: 5px;
}
.next-map{
    margin-top: 40px;
    padding: 0;
    background-color: #fff;
  }
.next-map .next-map-top{
  position: relative;
  font-weight: bold;
  color:#333333;
  display:block;
  overflow: hidden;
  height: 31px;
  line-height: 31px;
 }
.next-map .next-map-top a{
  line-height: 31px;
  display: block;
  overflow: hidden;
  margin-top: -31px;
  margin-left:50px;
  font-weight: normal;
  color: #666666;
  overflow: hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}

/*----------------abmlist ---------------------*/
.abmlist {
  overflow: hidden;
  display: block;
}
.abmlist ul {
}
.abmlist ul li {
  position: relative;
  min-height: 186px;
  padding:20px 8px;
  background-color: #fff;
  margin: 0 4px 15px;
  overflow: hidden;
  box-shadow: 0px 5px 5px 0 rgba(0,0,0,.1);
}
.abmlist ul li a{
  display: block;
  overflow: hidden;
}
.abmlist ul li .pic {
  float: left;
  width:100%;
  height: auto;
}
.abmlist ul li .pic img {
  display: block;
  width: 100%;
  min-height: 186px;
}
.abmlist ul li .con {
  width:100%;
  overflow: hidden;
}
.abmlist ul li .con h3 {
  width:100%;
  color:#333;
  font-size: 18px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  text-align:center;
}
.abmlist ul li:hover h3 {
  color: #c7281c;
}
.abmlist ul li .con .time {
  margin-top: 15px;
  width:100%;
  height: 20px;
  line-height: 20px;
  color: #999;
}
.abmlist ul li .con .time .date {
  float: left;
  font-size: 13px;
  color: #9b9b9b;
  padding-left: 25px;
  background:url(../images/ico6.png) no-repeat left center;
}
.abmlist ul li .con .time .rq {
  float: left;
  margin-left: 25px;
  font-size: 13px;
  color: #9b9b9b;
  padding-left: 25px;
  background:url(../images/ico8.png) no-repeat left center;
}
.abmlist ul li .con p {
  margin-top:10px;
  width:100%;
  height:auto;
  line-height: 25px;
  color: #999;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.abmlist ul li .con .con1 {
  margin-top: 20px;
  width:100%;
  height: 40px;
  line-height: 40px;
  color: #999;
}
.abmlist ul li .con1 .tags {
  float: left;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  width:80px;
  font-size: 13px;
  padding-left: 25px;
  background:url(../images/ico7.png) no-repeat left center;
  overflow: hidden
}
.abmlist ul li .con1 dd {
  display: block;
  float: right;
  width: 128px;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  color: #999999;
  text-align: center;
  border: 1px solid #eeeeee;
  border-radius: 2px;
}
.abmlist ul li:hover dd {
  border-color: #c7281c;
  color: #c7281c;
}





.fzlc-wai{
	padding-top: 50px;
	background: #f8f8f8;
}

.fzlc-tit{
	text-align: center;
	margin-bottom: 30px;
}
.fzlc-tit>img{
	max-width: 100%;
}


.fzlc-body{
	position: relative;
	height: 920px;
}
.fzlc-shu{
	width: 5px;
	height: 850px;
	background: #1D2089;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
}
.left-img{
	width: 45.5%;
	position: absolute;
	left: 0;
	top: 5%;
}
.left-img>img{
	width: 100%;
}
.left-img>h2{
	text-align: right;
	color: #1D2089;
	font-weight: normal;
	line-height: 2em;
	position: relative;
	font-size: 18px;
}
.left-img>h2:before{
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	right: -17px;
	background: #1D2089;
}
.left-img>h2:after{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 3px solid #1D2089;
	position: absolute;
	top: 50%;
	right: -27px;
	background: #fff;
	border-radius: 52%;
	transform: translateY(-50%);
}
.left-img>p{
	color: #525252;
	text-align: right;
	line-height: 2em;
	font-size: 12px;
}

.right-img{
	width: 45.5%;
	position: absolute;
	right: 0;
	top: 15%;
}
.right-img>img{
	width: 100%;
}
.right-img>h2{
	text-align: left;
	color: #1D2089;
	font-weight: normal;
	line-height: 2em;
	position: relative;
	font-size: 18px;
}
.right-img>h2:before{
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: -15px;
	background: #1D2089;
}
.right-img>h2:after{
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border: 3px solid #1D2089;
	position: absolute;
	top: 50%;
	left: -21px;
	background: #fff;
	border-radius: 50%;
	transform: translateY(-50%);
}
.right-img>p{
	color: #525252;
	text-align: left;
	line-height: 2em;
	font-size: 12px;
}

.left-img-3{
	top: 25%;
}
.right-img-4{
	top: 35%;
}

.left-img-5{
	top: 45%;
}
.right-img-6{
	top: 55%;
}

.left-img-7{
	top: 65%;
}
.right-img-8{
	top: 75%;
}

.left-img-9{
	top: 85%;
}

.fzlc-bj>img{
	width: 100%;
}
/*----------------arclist  ---------------------*/
.arclist  {
  overflow: hidden;
  display: block;
}
.arclist  ul {

}
.arclist  ul li {
  position: relative;
  min-height: 186px;
  padding:20px 8px;
  background-color: #fff;
  margin: 0 4px 15px;
  overflow: hidden;
  box-shadow: 0px 5px 5px 0 rgba(0,0,0,.1);
}
.arclist  ul li a{
  display: block;
  overflow: hidden;
}
.arclist  ul li .pic {
  float: left;
  width:100%;
  height: auto;
}
.arclist  ul li .pic img {
  display: block;
  width: 100%;
  min-height: 186px;
}
.arclist  ul li .con {
  width:100%;
  overflow: hidden;
}
.arclist  ul li .con h3 {
  width: 100%;
  color:#333;
  font-size: 18px;
}
.arclist  ul li:hover h3 {
  color: #c7281c;
}
.arclist  ul li .con .time {
  margin-top: 15px;
  width:100%;
  height: 20px;
  line-height: 20px;
  color: #999;
}
.arclist  ul li .con .time .date {
  float: left;
  font-size: 13px;
  color: #9b9b9b;
  padding-left: 25px;
  background: url(../../../upload/image/icon031.png) no-repeat left center;
}
.arclist  ul li .con .time .rq {
  float: left;
  margin-left: 25px;
  font-size: 13px;
  color: #9b9b9b;
  padding-left: 25px;
  background: url(../../../upload/image/icon032.png) no-repeat left center;
}
.arclist  ul li .con p {
  margin-top: 15px;
  width:100%;
  max-height: 50px;
  line-height: 25px;
  color: #999;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.arclist  ul li .con .con1 {
  margin-top: 20px;
  width:100%;
  height: 40px;
  line-height: 40px;
  color: #999;
}
.arclist  ul li .con1 .tags {
  float: left;
  margin-top: 10px;
  height: 20px;
  line-height: 20px;
  width:80px;
  font-size: 13px;
  padding-left: 25px;
  background: url(../../../upload/image/icon033.png) no-repeat left center;
  overflow: hidden
}
.arclist  ul li .con1 dd {
  display: block;
  float: right;
  width: 128px;
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  color: #999999;
  text-align: center;
  border: 1px solid #eeeeee;
  border-radius: 2px;
}
.arclist  ul li:hover dd {
  border-color: #c7281c;
  color: #c7281c;
}


/*----------page---------*/
.page{
  margin:30px auto;
  text-align: center;
  clear: both;
  padding:5px;
}
.page_list{
  width:100%;
  height: 30px;
  line-height: 30px;
}
.page_list a ,.page_rows{
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  background: #fff;
  color:#333;
  vertical-align: top;
  padding: 0 8px;
  margin: 0 3px;
  margin-bottom: 10px;
}
.page .page_list .selected, .page_rows{
    background-color: #c7281c;
  color: #fff;
}
.page .page_list a:hover{
  background-color: #c7281c;
  color: #fff;
}

.nodata {margin:10px 0; padding:40px 0 40px 0px;text-transform: capitalize; text-align: center; font-size: 16px;}



.se-cate-box ,.SearchBox{
  width:100%;
  height:inherit;
  margin:0 auto 20px;
  display: block;
    overflow: hidden;
}
.se-cate , .se-cate ul{
  overflow: hidden;
  width: 100%;
  padding:0;
  margin:0 auto;
  background-color:#efefef;
}
.se-cate ul li{
  float: left;
  width: 50%;
  padding:0;
  margin:0 auto;
  padding: 10px;
  box-sizing: border-box;
}
.se-cate ul li a{
  display: block;
  overflow: hidden;
  color:#c7281c;
}
.se-cate ul .cur a{
  color:#fff;
}
.se-cate ul .cur{
  background-color:#c7281c;
  color:#fff;
}



/*-----------.project-----------*/
.wp3 {
  margin: 0 auto;
  width:100%;
  display: block;
  overflow: hidden;
  padding:0;
}
.project {
}
.project ul {
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.project ul li {
  float: left;
  width: 100%;
  margin:0 auto 20px;
  padding-bottom:6px;
  border-bottom:1px solid #efefef;
}
.project ul li a {
  display: block;
  position: relative;
  overflow: hidden;
}
.project ul li img {
  width: 100%;
  max-height:521px;
  display: block;
}
.project ul li p {
  margin-bottom:5px;
  color: #333;
  font-size: 14px;
}
.project ul li .con h3{
  display: block;
  width: 100%;
  margin:10px auto 0;
}
.pro-list {
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.pro-list h2 {
    background: #ee952f;
    border-bottom: #dddddd solid 1px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    color: #fff;
    margin-bottom: 8px;
	text-align:center;
}
.pro-list h2 a {
    display: block;
    overflow: hidden;
    color: #333333;
}
.pro-list li {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.pro-list li dl {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border: #eee solid 1px;
    text-align: center;
    overflow: hidden;
}
.pro-list li dl img {
    width: 100%;
    text-align: center;
	display:block;
}
.pro-list li dd {
    display: block;
    margin-left: 15px;
    line-height: 23px;
    text-align: center;
}