@charset "utf-8";
/* CSS Document */
.breadcrumb{
	height:34px;
	line-height:34px;
	border-bottom:1px solid #ddd;
	font-family:"宋体";
	}
.page-wrap{
	margin-top:20px;
	margin-bottom:50px;
	}
.page-wrap > .hd{
	font-size:22px;
	border-left:2px solid #114A99;
	margin-bottom:20px;
	padding-left:10px;
	}
.page-wrap > .bd{
	font-size:14px;
	line-height:2em;
	color:#666;
	padding-bottom:20px;
	min-height:400px;
	}
.pg-about{
	background:url(../images/aboutbg.png) no-repeat right bottom;
	}
/*************NEWS*********************/
#page-news .news-list li{
	height:180px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	}
#page-news .news-list li a{
	display:block;
	}
#page-news .news-list li .img{
	float:left;
	width:280px;
	height:180px;
	overflow:hidden;
	margin-right:20px;
	border:1px solid #eee;
	}
#page-news .news-list li .img img{
	transition:all ease 1s;
	width:280px;
	height:180px;
	}
#page-news .news-list li:hover .img img{
	 -webkit-transition: 1s transform;
	  -webkit-transform: scale(1.1, 1.1);
	  transform: scale(1.1, 1.1);
	  transition: 1s transform;
	}
#page-news .news-list li .title{
	font-size:16px;
	height:30px;
	overflow:hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	}
#page-news .news-list li .con{
	color:#999;
	height:120px;
	}
#page-news .news-list li .date{
	color:#ccc;
	}
	
#page-news .news-con .title{
	font-size:26px;
	color:#333;
	text-align:center;
	background-color:#f5f5f5;
	margin-top:20px;
	padding:20px;
	overflow:hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	border-radius:5px 5px 0 0;
	}	
#page-news .news-con .subhd{
	color:#999;
	text-align:center;
	padding-bottom:15px;
	background-color:#f5f5f5;
	border-radius: 0 0 5px 5px;
	}
#page-news .news-con .text{
	margin-top:20px;
	width:920px;
	min-height:400px;
	overflow:hidden;
	}
#page-news .news-ft{
	background-color:#f5f5f5;
	padding:15px;
	margin-top:20px;
	color:#999;
	}
/*************NEWS END*********************/
/*************HONOR*********************/
.honor-list{
	width:1000px;
	}
.honor-list li{
	float:left;
	width:210px;
	height:320px;
	margin-right:20px;
	overflow:hidden;
	padding:8px;
	margin-bottom:35px;
	text-align:center;
	transition:all 0.3s;
	background-color:#ddd;
	}
.honor-list li a{
	display:inline-block;
	width:210px;
	height:330px;
	transition:all 0.3s;
	font-size:12px;
	}
.honor-list li .img{
	width:210px;
	height:281px;
	background-color:#fff;
	overflow:hidden;
	}
.honor-list li p{
	height:40px;
	line-height:40px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.honor-list li .img img{
	width:210px;
	height:281px;
	}
.honor-list li:hover{
	background-color:#114A99;
	}
.honor-list a:hover{
	color:#fff;
	}
/*************HONOR END*********************/
/*************feedback*********************/
.textstyle{
	width:100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
.textstyle:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.fmtable td{
	padding:5px 10px;
	}
.fmtable td .title{
	padding-left:10px;
	border-left:1px solid #ff8000;
	overflow:hidden;
	}
.btn{
	  display: inline-block;
	  width:100%;
	  padding: 10px 12px;
	  margin-bottom: 0;
	  font-weight: normal;
	  line-height: 1.42857143;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  cursor: pointer;
	  border: 1px solid transparent;
	  border-radius: 4px;
	  color: #fff;
	  background-color: #CF002C;
	  border-color: #d43f3a;
	  font-size:16px;
	  
	}
.btn:hover {
	color: #fff;
	background-color: #A92825;
	border-color: #ac2925;
}
/*************feedback END*********************/
/*************PRODUCTS*********************/
#pg-product .bd .left{
	float:left;
	width:230px;
	}
#pg-product .bd .left .side-cate dt{
	border-bottom:2px solid #333;
	background-color:#114A99;
	color:#fff;
	padding-left:10px;
	height:40px;
	line-height:40px;
	border-radius:5px 5px 0 0;
	}
#pg-product .bd .left .side-cate dd{
	background-color:#eee;
	border-radius: 0 0 5px 5px;
	}
#pg-product .right{
	float:right;
	width:715px;
	}

.side-cate dd{
	max-height:700px;
	overflow-y:auto;
	overflow:-x hidden;
	}

.prolist_side > li{border-top:1px solid #FFF;}
.prolist_side> li >a{
	background:#D2E3F7 !important; 
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.prolist_side li{
	font-size:12px !important;
	background-color:#eee !important;
	}
.prolist_side li a.A{
	color:#2870BD !important;
	}
.prolist_side_son li a:hover, .prolist_side_son li a:active, .prolist_side_son li a.A{
	border-left: 1px solid #2870BD !important;
	}
.prolist_side li span{
	margin-top:5px !important;
	margin-right:3px !important;
	}

.pro-list{
	width:730px;
	}
.pro-list li{
	float:left;
	width:230px;
	height:260px;
	margin-right:12px;
	margin-bottom:15px;
	text-align:center;
	}
.pro-list li a div{
	width:228px;
	height:228px;
	border:1px solid #ddd;
	overflow:hidden;
	}
.pro-list li a img{
	width:228px;
	height:228px;
  transition: .5s transform;
	}
.pro-list li a p{
	height:30px;
	line-height:30px;
	overflow:hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	margin-top:10px;
	}
.pro-list li a:hover img{
	  transform: scale(1.1, 1.1);
	}

#pg-product .pro-img{
	width:100%;
	}
	

#pg-product .title{
	height:30px;
	line-height:30px;
	background-color:#114A99;
	font-size:16px;
	padding-left:15px;
	color:#fff;
	}
#pg-product .title a{
	color:#fff;
	}
#pg-product .subtitle{
	height:30px;
	line-height:30px;
	background: linear-gradient(#fff, #e1e1e1);
	padding-left:15px;
	color:#999;
	margin-bottom:20px;
	}
.gallery-top {
	height: 500px;
	border-radius:5px;
}
.gallery-thumbs {
	height: 98px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #fff, #f5f5f5);
	padding:8px 0;
	border:1px solid #eee;
	border-radius: 5px;
}
.gallery-thumbs .swiper-slide {
	height: 80px;
	width:95px;
	opacity: 0.4;
	text-align:center;
	cursor:pointer;
}
.gallery-thumbs .swiper-slide img{
	height: 80px;
	width:95px;
	}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}



#pg-product .pro-ft .hd{
	height:42px;
	line-height:42px;
	border-bottom:1px solid #ddd;
	}
#pg-product .pro-ft .hd > span{
	display:inline-block;
	height:42px;
	line-height:48px;
	font-size:16px;
	color:#0068AC;
	padding:0 6px;
	border-bottom:1px solid #ff8000;
	overflow:hidden;
	}
#pg-product .pro-ft img{
	max-width:715px;
	}
.pro-np{
	text-align: center;
	margin-top:30px;
	}
.pro-np li{
	float:left;
	width:40%;
	}
.pro-np li.back{
	width:20%;
	}
.pro-np li a{
	float:left;
	width:95%;
	height:30px;
	line-height:30px;
	padding:0 8px;
	box-sizing:border-box;
	background-color:#114A99;
	margin:0 2.5%;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.pro-np li a span{
	font-size:12px;
	}
.pro-np a:hover{
	background-color:#900;
	}
/*************PRODUCTS  END*********************/
/*************DOWN *********************/
.down-list li{
	margin-bottom:10px;
	}
.down-list li a{
	display:block;
	height:30px;
	line-height:30px;
	background-color:#f5f5f5;
	border-radius:5px;
	padding:0 15px;
	}
.down-list li a span{
	float:right;
	}
.down-list li a:hover{
	background-color:#114A99;
	color:#fff;
	}

/*************DOWN  END*********************/


.pagebtnA{background:#0068AC !important; color:#FFF !important; border:0px none !important; font-weight:normal !important;}