html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:'微软雅黑';
	overflow-x:hidden;
	background:#f8f8f8;
}
ul, li, dl, dt, dd,h1,h2,h3,h4,h5,h6,p,img {
	list-style: none;
	margin: 0;
	padding: 0;
}
a{ text-decoration:none;}
.clearfix {
	clear: both;
}
/*banner+header*/

.banner {
	width: 100%;
	height: 488px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
.banner .slides li {
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
	display: none;
	width:1920px;
	height:488px;
}
.banner .slides li img {
	width: 100%;
}
.banner .num {
	position: absolute;
	bottom: 20px;
	left: 0;
	font-size: 0px;
	text-align: center;
	width: 100%;
}
.banner .num li {
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	background: #666;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	margin: 0 3px;
	cursor: pointer;
}
.banner .num li.active {
	background: #a00;
}
.header{ width:1130px; height:80px; position:absolute; top:0; left:50%; margin-left:-565px; }
.header .logo{ float:left; width:240px; margin-top:20px; }
.header .nav{ float:right;}
.header .nav li{ float:left; position:relative; line-height:80px;}
.header .nav li:hover .li_bg{ height:80px; top:0;}
.header .nav li > a{ color:#333; font-size:14px; z-index:100; position:relative; display:block;padding:0 26px;}
.header .nav li:hover a{ color:#fff; transition:all ease 0.4s; }
.header .nav li .li_bg{ position:absolute; top:80px; left:0; width:100%; height:100%; background:#14629f;  height:0; transition:all ease 0.4s; }
.header .nav li .subnav{ width:1300px;position:absolute; top:80px; left:0;background:rgba(0,0,0,0.8); height:0; transition:all ease 0.4s;}
.header .nav li .subnav dd{ display:none;}
.header .nav li:hover .subnav{ height:40px;}
.header .nav li:hover .subnav dd{ display:block;  }
.header .nav li .subnav dd{ float:left; padding:0 8px; line-height:40px; }
.header .nav li .subnav dd a{ font-size:12px; color:#fff;}

/*content*/
.content{ width:1130px; margin:0 auto; padding-bottom:20px;}
/*about*/
.ind_about{ width:653px; height:206px; float:left; margin-right:53px; margin-top:20px;}
.ind_about .left_ab{ float:left; width:310px; margin-right:23px; }
.ind_about .right_ab{ float:left; width:320px; }
.ind_about .right_ab h4{  border-bottom:#14629f solid 2px; }
.ind_about .right_ab h4 a{ font-size:14px; font-weight:normal; color:#fff; background:#14629f; padding:2px 10px;}
.ind_about .right_ab p{ font-size:12px; color:#333; padding:10px 0; line-height:20px; text-indent:0.9em;}
.ind_about .right_ab a{ color:#fff; font-size:12px; padding:5px; background:#14629f;}
.ind_news{ width:424px; float:left;margin-top:20px; }
.ind_news .news_title{ width:100%; border-bottom:#14629f solid 2px;}
.ind_news .news_title h4{ float:left;font-size:14px; font-weight:normal;  padding:2px 10px; color:#333; }
.ind_news .news_title .cur{color:#fff; background:#14629f;}
.ind_news .news_con{ padding:10px 0;}
.ind_news .news_con p a{ color:#333; font-size:12px; line-height:26px;}
.ind_news .news_con p span{ float:right;color:#333; font-size:12px; line-height:26px;}
.ind_serve{ width:1130px; float:left; margin-top:20px; }
.ind_serve .title{ width:100%; text-align:center; font-size:30px; color:#333; padding:20px;}
.ind_serve .title span{ color:#f00;}
.ind_serve .title p{ font-size:14px; line-height:18px;}
.ind_serve ul li{ width:282px; height:156px; float:left; overflow:hidden; }
.ind_serve ul li h4{ padding:8px; color:#333;}
.ind_serve ul li h4:nth-of-type(5){ text-align:right;}
.ind_serve ul li h4:nth-of-type(7){ text-align:right;}
.ind_serve ul li p{ padding:8px; color:#666; font-size:12px; line-height:22px;}
.ind_serve ul li img{ transition:all ease 0.4s;}
.ind_serve ul li:hover img{transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}

/*footer*/
.foot{ width:100%; border-top:#eee solid 1px;}
.footer{ width:1130px; margin:0 auto; margin-top:20px; padding-bottom:50px;}
.footer p{ width:50%; float:left; color:#333; font-size:12px; line-height:20px; }
.footer p a{ color:#333; font-size:12px; line-height:20px;}

/*nbanner*/
.nbanner{ width:100%; height:172px; background:url(nbanner.jpg) top center; position:relative; }
/*con_about*/
.con_top{ width:100%; height:78px; border-bottom:#eee solid 1px;}
.con_top .top{ width:1130px; margin:0 auto;}
.con_top .top .pos{ float:left; margin-top:30px;}
.con_top .top p{ color:#333; font-size:12px; padding-left:18px; background:url(home.png) left top no-repeat;}
.con_top .top p a{color:#333; font-size:12px; }
.con_top .top .sea{ float:right; margin-top:30px;}

.ccontent{ width:1130px; margin:0 auto; padding-bottom:20px;}
.ccontent .con_left{ width:838px; float:left; border-right:#eee solid 1px; color:#333; font-size:13px; line-height:24px;}
.ccontent .con_left > p{ color:#333; font-size:13px; line-height:24px; padding:20px 10px 0;}
.ccontent .con_right{ width: 270px; float:right;}
.ccontent .con_right .vernav{ margin:10px 0;}
.ccontent .con_right .vernav li{ float:left; width:48%; margin:1%;}
.ccontent .con_right .vernav li a{ display:block; width:100%; padding:6px 0; text-align:center; color:#333; font-size:14px; border:#eee solid 1px;}
.ccontent .con_right .vernav .active{ background:#14629f; border:#14629f;}
.ccontent .con_right .vernav .active a{color:#fff;}

/*news*/
.lis_news{ width:98%; margin:0 auto;}
.lis_news li{margin-top:20px;}
.lis_news .date{ width:88px; height:88px; float:left; background:#CCC; text-align:center; }
.lis_news .date strong{ color:#14629f; font-size:36px; line-height:60px;}

.lis_news .list{ width:702px; height:86px; float:left; padding:0 10px;  border-bottom:#eee dashed 1px;border-top:#fff dashed 1px;border-right:#fff dashed 1px; }
.lis_news .list h4{ margin-top:4px;}
.lis_news .list h4 a{ color:#333; font-size:16px;}
.lis_news .list p1,.lis_news .list p2{ color:#666; font-size:12px; line-height:18px;}
.lis_news li:hover .date{ background:#14629f; color:#fff;}
.lis_news li:hover .date strong{ color:#fff;}
.lis_news li:hover .list{ border-bottom:#14629f dashed 1px; border-right:#14629f dashed 1px;border-top:#14629f dashed 1px;}
.page{ display:table; margin:20px auto 0;}
.page li{ float:left; border:#666 solid 1px; margin:2px 6px;color:#333; font-size:12px;padding:2px 6px;}
.page li a{ color:#333; font-size:12px; }
.page .thisclass{ background:#14629f;color:#fff; font-size:12px; padding:2px 6px;}
.page li select{ display:none;}
.page li:last-child{ border:none;}

/*news_article*/
.article{ padding:20px;}
.article h4{ width:100%; text-align:center; font-size:16px;}
.article span{ color:#666; font-size:12px; display:table; margin:10px auto;}
.article p{ font-size:14px; color:#333; padding:20px 10px; line-height:22px;}

.pre_next{ display:table; margin:0 auto;color:#333; font-size:13px;}
.pre_next a{ color:#333; font-size:13px;}
/*product*/
.lis_product li{ width:234px; height:156px; float:left; margin:16px; position:relative; overflow:hidden; border:#ddd solid 1px;}
.lis_product li p{position:absolute; left:0; bottom:0; width:234px; text-align:center; width:100%; padding:3px 0; background:rgba(0,0,0,0.6); color:#fff;}
.lis_product li p a{ color:#fff;}
.lis_product li img{ transition:all ease 0.4s;}
.lis_product li:hover img{ transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}

.lis_product1 li{ width:234px; height:234px; float:left; margin:16px; position:relative; overflow:hidden; border:#ddd solid 1px;}
.lis_product1 li p{position:absolute; left:0; bottom:0; width:234px; text-align:center; width:100%; padding:3px 0; background:rgba(0,0,0,0.6); color:#fff;}
.lis_product1 li p a{ color:#fff;}
.lis_product1 li img{ transition:all ease 0.4s;}
.lis_product1 li:hover img{ transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); -ms-transform:scale(1.08,1.08); -o-transform:scale(1.08,1.08); -webkit-transform:scale(1.08,1.08);}

/*album_show*/
pre{font-family:'微软雅黑'}
#about_hide{display:none}
.layer_text{background-color:#fff; padding:20px;}
.layer_text p{margin-bottom: 10px; text-indent: 2em; line-height: 23px;}
.button{display:inline-block; *display:inline; *zoom:1; line-height:30px; padding:0 20px; background-color:#56B4DC; color:#fff; font-size:14px; border-radius:3px; cursor:pointer; font-weight:normal;}
.imgs img{width:234px; margin:14px;}
/*honor_show*/
.honor img{ width:188px; margin:8px;}

/*article_image*/
/* 垂直居中 */
.small-img{
	display: flex;
	align-items:center;
	justify-content: center;
}
.clearfix:before,
.clearfix:after{
  display: table;
  line-height: 0;
  content: "";
}
.magnifier{
	width: 326;
	position: relative;
	float:left;
}
.magnifier-container{
	width: 326px;
	height: 326px;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
}
.move-view{
	width: 100px;
	height: 100px;
	position: absolute;
	background-image: url('../images/move-box.png');
}
.images-cover{
	height: 100%;
	width: 100%;
	position: relative;
}
.images-cover img{
	position: absolute;
}
.magnifier-assembly{
	height: 60px;
	overflow: hidden;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	border:#ddd solid 1px;
	margin-top:2px;
}
.magnifier-btn{
	position: absolute;
	font-family: "宋体";
	width: 100%;
	top: 55%;
	left: 0;
	margin-top: -50px;
}
.magnifier-btn span{
	line-height: 56px;
	height: 56px;
	width: 20px;
	background-color: #6e6e6e;
	color: #fff;
	display: block;
	z-index: 9998;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: 3px;
	margin-top:20px;
}
.magnifier-btn .magnifier-btn-left{
	float: left;
}
.magnifier-btn .magnifier-btn-right{
	float: right;
}
.magnifier-line{
	position: relative;
	overflow: hidden;
	height: 60px;
}
.magnifier-line ul{
	display: block;
	font-size: 0;
	width: 10000%;
	position: absolute;
	left: 0;
	z-index: 9997;
}
.magnifier-line li{
	float: left;
	width: 50px;
	cursor: pointer;
	margin:5px 2px;
}
.magnifier-line ul > .active .small-img{
	border-color: #bbb;
}
.small-img{
	width:50px;
	height: 50px;
	
	overflow: hidden;
	border: 1px solid #ddd;
	text-align: center;
}
.small-img img{
	max-width: 100%;
	max-height: 100%;
}
.magnifier-view{
	width: 100%;
	height: 100%;
	position: absolute;
	right: -105%;
	top: 0;
	z-index: 9999;
	background-color: #fff;
	display: none;
	overflow: hidden;
}
.magnifier-view img{
	display: block;
}
.animation03{
	transition: all 0.3s ease-in 0.1s;
	-ms-transition: all 0.3s ease-in 0.1s;
	-moz-transition: all 0.3s ease-in 0.1s;
	-webkit-transition: all 0.3s ease-in 0.1s;
	-o-transition: all 0.3s ease-in 0.1s;
}

.pro_xq{ float:right; margin-left:20px; width:430px;}
.pro_xq p1{ line-height:30px; display:block;}
.pro_xq p1 a{ color:#333;}
.pro_detail{ margin-top:20px; width:100%; float:left;}
.pro_detail h4{ height:30px; background:url(7.png) left top no-repeat;}

/*msg*/
#msg{ position:fixed; bottom:0; right:20px; width:210px; height:260px; background:url(msg_bg.png) left top no-repeat;}
#msg p{ font-size:10px; color:#333; line-height:30px; padding-left:10px;}
#btn{ float:right; display:block; width:20px; height:20px; margin:5px 5px 0 0; background:url(btn1.png) center bottom no-repeat; overflow:hidden;}
#msg .msg_con{ margin:10px 0 0 10px;}
#msg > span{ font-size:14px; color:#333; line-height:30px; display:block; width:100%; text-align:center;}