@charset "utf-8";
/* CSS Document */
.header{ position:fixed;left:0; top:0; right:0; height:100px; background:#fff; width:100%; z-index:999;
	-webkit-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	-moz-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);}
.header .center{max-width: 1200px; margin:0 auto;}
.logo{ float:left; }
.nav{ float:right; text-align:center; font-size:14px;color:#FFF; margin-top: 20px; }
.nav li{ margin:0px 5px; line-height:68px; height:68px; width:100px;  display:inline-block}
.nav li a{ height:68px; width:100px; display:block;  color:#2d3134; text-decoration:none; cursor:pointer;}
.nav li a.on{ color:#e72323; font-weight:bold}

.main {position: fixed;left: 0;top: 100px;right: 0;bottom: 0px;}

/* banner样式--------------------------*/
.banner{ height: 650px; margin-top: -15px; position: relative}
.banner .zuozhe{ padding: 30px; width: 1100px; height: 150px;  position: absolute; left: 50%; bottom: 0; margin-left: -550px; background: #fff; z-index: 100; border-radius: 6px;display: flex;align-items: center;
	-webkit-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	-moz-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);}
.banner .zuozhe .pic{ width: 80px; height: 80px; border-radius: 40px; overflow: hidden; margin-right: 30px;margin-left: 30px; }
.banner .zuozhe .pic img{width: 80px;height: 80px;}
.banner .zuozhe .info{ margin-right: 30px;flex: 1 1 0%; min-width: 0px;}
.banner .zuozhe .info h3{ font-size: 16px}
.banner .zuozhe .info p{ color: #666}



.container {max-width: 1200px; min-height:550px; margin:100px auto 100px; overflow: hidden;zoom:1; }
.container h2{ text-align:center; }
.tab_nav{ text-align: center; margin-top: 50px;}
.tab_nav a{ display: inline-block; padding:5px 10px; background: #ededed; margin: 5px;}
.tab_nav a.on{ background: #333; color: #fff;}

.goods_list{ width:100%; margin-top:50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content:space-around ;
	-ms-flex-pack:justify ;
	justify-content:space-around;}
.goods_list li{width:31%; min-height: 300px; margin-bottom: 30px;  }
.goods_list li:hover{ background: #fff; color:#1676b0;
	-webkit-box-shadow: 0 0 21px rgba(20,41,145,0.25);
	-moz-box-shadow: 0 0 21px rgba(20,41,145,0.25);
	box-shadow: 0 0 21px rgba(20,41,145,0.25);}
.goods_list li a{ width: 100%; height: 100%;  display: block}
.goods_list li div{width: 100%; height: 100%;  display: block; position: relative}
.goods_list li div p{ display: block; height: 50px; position: absolute; left: 0; right: 0; bottom: 0; background:rgba(0,0,0,0.5); color: #fff; text-align: center; font-size: 16px; line-height: 50px; }
.goods_list li h4{ font:18px/40px "微软雅黑";  color:#333; }
.goods_list li img{ width:100%; }

.news{ width:100%; margin-top:50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content:space-around ;
	-ms-flex-pack:justify ;
	justify-content:space-around;}
.news li{ width:31%; min-height: 400px; margin-bottom: 30px; background: #393939 }
.news li img{ width:100%; height:250px;}
.news li h3{ font:16px/40px "微软雅黑";color:#fff;text-align: center }
.news li p{font:12px/24px "微软雅黑"; color:#fff; margin-bottom:20px;}
.news li .info{ margin:20px 30px;}
a.more{ width:50px; line-height: 28px; height:32px; background:url(../images/ico_arrow.png) no-repeat left center; background-size: 20px 20px; text-align: right; display:block; color: #ccc;}
a:hover.more{background:url(../images/ico_arrow_on.png) no-repeat left top;}

.jinglibox{ padding:5%; width: 90%;  margin: 5%;border-radius: 6px; font-size: 14px;min-height: 400px; background: #fff; margin-bottom: 20px;  line-height: 2.0;
	-webkit-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	-moz-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
}
.zuozhe_info{ padding: 30px 0; width: 1100px; height: 400px;  position: absolute; left: 50%; bottom: 60px; margin-left: -550px; background:rgba(250,250,250,0.5); z-index: 100; border-radius: 6px;display: flex;align-items: center;
	-webkit-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	-moz-box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);
	box-shadow: 0 0 8px 1px rgba(20,41,145,0.25);}
.zuozhe_info .pic{ width: 500px;  overflow: hidden; margin-right: 30px;margin-left: 30px; text-align: center;  }
.zuozhe_info .pic img{width: 140px;height: 140px;border-radius: 70px;}
.zuozhe_info .info{ height: 400px; width: 600px; background: #000; padding: 30px;border-radius:0 6px 6px 0;}
.zuozhe_info .pic h3{ font-size: 16px; font-weight: bold;  margin-top: 20px;}
.zuozhe_info .info p{ color: #fff}

.article{ padding:0 50px 50px}
.article h2{font:26px/60px "微软雅黑" ; text-align:center}
.article  h4{ font:14px/24px "微软雅黑" ; color:#ccc; text-align:center}
.article .info { margin-top:20px;}
.article .info img{ width: 650px;  margin: 20px 0;}
.article .info p{ font:16px/30px "微软雅黑" ; text-indent:32px; margin-bottom:15px;}


/*---分页----- */
.pagnation { text-align: center; padding-top: 32px;  margin-bottom:50px; clear:both; font:12px/34px  Tahoma, Geneva, sans-serif; color:#666}
.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; overflow: hidden; background: url(../images/sprite.png) no-repeat 0 0; margin-left: 4px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -34px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px 0; }
.pagnation .page-prev:hover { background-position: -35px -35px; }
.pagnation .page-next { background-position: -70px 0; }
.pagnation .page-next:hover { background-position: -70px -35px; }
.pagnation .page-home, .pagnation .page-last { line-height: 555px; }
.pagnation .page-home { background-position: -105px 0; }
.pagnation .page-home:hover { background-position: -105px -35px; }
.pagnation .page-last { background-position: -140px 0; }
.pagnation .page-last:hover { background-position: -140px -35px; }
.pagnation .on {background-position: 0px -34px; color: #fff; font-weight:bold}
.footer{ font-size:12px; height:70px; width:100%; background:#393939; color:#FFF; padding-top:10px; clear:both; text-align:center}


/* 瀑布流 */
#wrapper{margin-top:40px;width:100%;}
#container{position:relative;width:1200px;margin:0 auto 25px;padding-bottom:10px;}
.grid{width:280px;min-height:100px;background:#fff;margin:8px;font-size:12px;float:left;box-shadow:0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.grid strong{margin:10px 0;display:block;padding: 0 20px;font-size:17px; font-weight: normal}
.grid .meta{text-align:right;color:#777;font-style:italic;padding:10px 20px;}
.grid p{padding:0 20px; color: #666}
.grid .imgholder img{width:100%;background:#ccc;display:block;background:url(images/loding.gif) no-repeat center;}
.grid .lazy:hover{-webkit-animation:shade 3s ease-in-out 1;
	-moz-animation:shade 3s ease-in-out 1;
	-ms-animation:shade 3s ease-in-out 1;
	-o-animation:shade 3s ease-in-out 1;
	animation:shade 3s ease-in-out 1;}