<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">BODY {FONT: 14px/1.8em 宋体;color:#5c5c5c;}
* {	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
A {	COLOR: #5c5c5c; TEXT-DECORATION: none}
A:hover {COLOR: #f00; TEXT-DECORATION: none}
.clear {CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px}
IMG {BORDER: 0px; }
UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
LI {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
h2{FONT-FAMILY: "微软雅黑";}
h3{FONT-FAMILY: "微软雅黑";}
/*整体布局声明*/

/*内页网页整体页面*/
.top01{height:1px;background:#0d70b7;}
#logo {WIDTH:360px;HEIGHT:83px;float:left;}
.logo_link{float:left;display:block;width:300px;height:83px;}
.search {WIDTH: 260px; height:30px;float:right;padding-top:10px;}
.searchInput {border:1px #dd2e2e solid;border-right:none;PADDING:6px 0 6px 5px; WIDTH:200px; LINE-HEIGHT: 16px;HEIGHT: 16px;vertical-align:middle;}
.searchBtn {BACKGROUND: url(../images/search.png) no-repeat; WIDTH:35px;HEIGHT:30px;CURSOR: pointer; BORDER:none;vertical-align:middle;}

#navigation {z-index:2;top:0;width:100%;HEIGHT:83px;min-width:1200px;background-color:#0d70b7;}
#navigation .cont{width:1200px;margin:0 auto;}
.clearfix:after{content:".";height:0;clear:both;visibility:hidden;}
.nav{height:40px; line-height:40px; position:relative; z-index:2;width:740px;float:right;}
.nav a{ color:#fff;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{float:left;text-align:center;font-weight:500;padding:22px 16px 21px 16px;}
.nav .nLi a h3 { display:block;font-size:16px;}
.nav .nLi a h3 span { display:block;text-align:center;font:12px/12px 宋体;color:#8d8d8d;}
.nav .sub{ display:none; width:96px;text-align:center;left:0; top:78px;  position:absolute; background:#8dc422;  line-height:26px;font-size:12px;padding:5px 0;  }
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ background:#8dc422; color:#ff0;}
.nav .on a h3{ background:#8dc422; color:#ff0;}
.nav .on a h3 span{color:#fff;}
#line {float:left;WIDTH:2px;height:40px;}/*主导航中间线的样式*/
/*导航条*/
.banner{ min-width:1200px;  position:relative;  height:328px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:328px; }
.banner .bd li a{ height:328px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:4px; background:#8dc422; overflow:hidden;border-radius:5px;line-height:50px;}
.banner .hd ul .on{ background:#fff;}
/*顶部动画*/
.row1{width:1200px;margin:10px auto;height:750px;}
.row1 .col2{}
.row3 {height:757px;background:url(../images/bg03.jpg) no-repeat right center;width:1200px;margin:0 auto;}
.row3 .cont{width:600px;padding:75px 600px 0 0;margin:0 auto;line-height:35px;}
.row4 {height:200px;background:url(../images/bg04.jpg) no-repeat center center;min-width:1200px;}
.row5{width:1200px;margin:10px auto;}
.row5  .cont{height:300px;}
.row5  .cont li{height:110px;width:550px;float:left;margin:15px 0 25px 35px;border-bottom:1px #a0a0a0 dashed;}
.row5  .cont li span{display:block;width:91px;text-align:center;float:left;}
.row5  .cont li h3{float:left;display:block;width:455px;line-height:30px;}
.row5  .cont li h4{font-weight:500;}
.row5  .cont li h5{display:block;width:71px;height:42px;font:20px/42px 微软雅黑;font-weight:bold;background:#0d70b7;color:#fff;border-bottom:1px #dfdfdf solid;}
.row5  .cont li h6{display:block;width:71px;height:42px;font:14px/42px 微软雅黑;font-weight:bold;background:#0d70b7;color:#fff;}
.row5  .cont li strong{font-weight:500;float:right;display:block;width:80px;text-align:right;line-height:50px;}
.title01{height:80px;padding:40px 0 25px 0;text-align:center;background:url(../images/title_bg01.png) no-repeat center center;}
.title01 h3{line-height:55px;font-size:24px;font-weight:500;color:#0d70b7;}
.title01 h4{line-height:20px;font-size:18px;font-weight:500;color:#676767;}
.title02 {height:100px;padding:30px 0 30px 0;}
.title02 h2{line-height:35px;font-size:32px;font-weight:500;color:#333333;}
.title02 h3{line-height:20px;font-size:14px;font-weight:500;color:#a5a5a5;}
.title02 h4{display:block;width:80px;height:3px;background:#0d70b7;margin-top:30px;}
.title03{height:60px;padding:20px 0 20px 0;text-align:center;}
.title03 h3{line-height:35px;font-size:24px;font-weight:500;color:#000;}
.title03 h4{line-height:20px;font-size:18px;font-weight:500;color:#676767;}
.title04{height:60px;padding:50px 0 20px 0;text-align:center;}
.title04 h3{line-height:35px;font-size:24px;font-weight:500;color:#fff;}
.title04 h4{line-height:20px;font-size:18px;font-weight:500;color:#fff;}
.more01{width:120px;margin:20px auto;}
.more01 a{display:block;background:#e0af52;width:120px;height:35px;text-align:center;font:14px/35px 微软雅黑;color:#fff;}
.more01 a:hover{background:#0d70b7;color:#ffff00;}
.more02{padding-top:20px;}
.more02 a{display:block;width:140px;height:45px;text-align:center;font:16px/45px 微软雅黑;color:#5c5c5c;border:1px #5c5c5c solid;border-radius:5px;}
.more02 a:hover{background:#0d70b7;color:#ffff00;}
.more03{width:120px;margin:20px auto;}
.more03 a{display:block;width:120px;height:35px;text-align:center;font:14px/35px 微软雅黑;color:#0d70b7;border:1px #0d70b7 solid;}
.more03 a:hover{background:#0d70b7;color:#fff;}
.cont01{padding:5px;border:1px #CDCCCA solid;border-top:none;margin-bottom:10px;}
.cont02{padding:5px;border:1px #CDCCCA solid;border-top:none;margin-bottom:10px;}
.cont02 li{FONT: 14px 微软雅黑;}
.cont02 span{DISPLAY: block; BACKGROUND: url(../images/arrow01.png) no-repeat center center; FLOAT: left;WIDTH:20px; HEIGHT:35px}
.cont02 li a{line-height:35px;display:block;border-bottom:1px #CDCCCA solid;}
.cont02 li a:hover{line-height:35px;border-bottom:1px #000 solid;background:#0A3FB4;color:#fff;font-size:16px;font-weight:bold;}




/*首页内容中间*/
#copyright2{min-width:1200px;BACKGROUND: url(../images/foot.jpg) no-repeat center center;height:280px;}
#copyright2 .cont{width:840px;margin:0 auto;padding:50px 0 0 360px;;color:#fff;line-height:25px;}
#copyright{TEXT-ALIGN: center; BACKGROUND:#151515; HEIGHT:45px;min-width:1200px;line-height:45px;color:#fff;}
#copyright a{background:#fff;}
/*底部版权*/
#main_in {MARGIN: 10px auto 10px; WIDTH: 1200px;}
/*内页内容区域*/
#sidebar {WIDTH: 220px; FLOAT: left;}
/*内页侧列表*/
#left_title01{FONT: 16px/40px 微软雅黑;line-height:40px;color:#fff;background:#0d70b7;text-align:center;font-weight:bold;}
#left_sort {padding-top:2px;}
#left_sort LI A {display:block;height:30px;margin-bottom:2px;FONT:14px/30px 微软雅黑; font-weight:500;text-indent:20px;border-left:#0F4CBD 3px solid;background:#ececec;}
#left_sort LI A:hover {border-left:#4580EC 3px solid;background:#0F4CBD;color:#fff;}
#left_sort LI.shover A {border-left:#4580EC 3px solid;background:#0F4CBD;color:#fff;}
#left_sort .erjifenlei A {LINE-HEIGHT: 26px; DISPLAY: block;height:26px; font-size:12px;background:#f4f4f4;text-indent:40px;order-bottom:1px #CCC dashed;}
#left_sort .erjifenlei A:hover {LINE-HEIGHT: 26px; DISPLAY: block;height:26px;font-size:12px;BACKGROUND:#CCC;}
#left_cont01{padding:5px 5px 155px 5px;margin-bottom:10px;background:url(../images/left_bg01.png) #ececec no-repeat left bottom ;}
/*内页侧列表分类*/
#main_cont{WIDTH: 950px; FLOAT: right}
/*内页右侧内容区域*/
#position{BORDER-BOTTOM: #CBCBCB 2px solid; LINE-HEIGHT: 32px; COLOR: #6a6a6a}
#position SPAN {FLOAT: right}
#position SPAN A {PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: inline-block; PADDING-TOP: 0px}
#position H2 {FONT-SIZE: 14px;}
/*内页当前位置*/
#title_wrap {TEXT-ALIGN: center; MARGIN: 20px 0px 0px;HEIGHT: 45px}
#title {LINE-HEIGHT: 18px; MARGIN: 18px 20px 8px; FONT-FAMILY: "微软雅黑"; FONT-SIZE: 18px; FONT-WEIGHT: normal}
/*文章内容页标题*/
#info SPAN {MARGIN: 0px 6px}
#info SPAN A {PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: inline-block; PADDING-TOP: 0px}
#info SPAN A:hover {BACKGROUND: #254383; COLOR: #fff; TEXT-DECORATION: none}
/*文章内容页发布日期和点击次数*/
#c_txt {}
#c_txt P {MARGIN: 15px 0px}
/*单页和产品页内容区域*/
#prev_next {PADDING-BOTTOM: 15px;PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 15px}
/*文章和产品中的上一页下一页*/
#text_list {padding:15px;}
#text_list LI {BORDER-BOTTOM: #969696 1px dashed;margin-bottom:10px;padding-bottom:5px;height:120px;}
#text_list LI .riqi{display:block;width:70px;height:70px;padding:10px;background:#0d70b7;color:#fff;float:left;margin-right:20px;text-align:center;}
#text_list LI .ri{display:block;font:36px/45px 微软雅黑;border-bottom:1px #fff solid;}
#text_list LI .nianyue{display:block;font:14px/25px 微软雅黑;}
/*文章列表页文章列表*/
#img_list {	MARGIN: 20px 0px 20px 0px;}
#img_list LI {TEXT-ALIGN: center; LINE-HEIGHT: 20px; WIDTH:239px; FLOAT: left; HEIGHT: 210px;padding-top:10px;background:#ececec;margin-top:10px;margin-left:10px;}
#img_list LI SPAN {MARGIN: 0px auto; WIDTH: 219px; DISPLAY: block; HEIGHT: 174px;}
#img_list LI .product_name{WIDTH: 239px;display:block;line-height:15px;}
/*产品列表页列表*/
.pageNavi {TEXT-ALIGN: right; margin-BOTTOM: 20px;margin-left:7px; LINE-HEIGHT: 20px; WIDTH: 98%; COLOR: #069}
.wp-pagenavi {MARGIN: 0px auto; CLEAR: both}
.wp-pagenavi B {FLOAT: right; COLOR: #254383; FONT-WEIGHT: normal}
.wp-pagenavi EM {BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 5px; FONT-STYLE: normal; MARGIN: 0px 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; BACKGROUND: #e4e4e4; COLOR: #666; BORDER-TOP: #999 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #e6e6e6 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px}
.wp-pagenavi SPAN {BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 5px; FONT-STYLE: normal; MARGIN: 0px 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; BACKGROUND: #e4e4e4; COLOR: #666; BORDER-TOP: #999 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #999 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px}
.wp-pagenavi A {BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; PADDING-BOTTOM: 5px; FONT-STYLE: normal; MARGIN: 0px 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; BACKGROUND: #eeeeee; COLOR: #999999; BORDER-TOP: #999 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: #999 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px}
.wp-pagenavi EM {COLOR: #999}
.wp-pagenavi SPAN {	COLOR: #999}
.wp-pagenavi SPAN {	BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BACKGROUND: #fff; COLOR: #333333; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; font-size:13px}
.wp-pagenavi A:hover {BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BACKGROUND: #dddddd; COLOR: #000; BORDER-TOP: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; TEXT-DECORATION: none}
/*分页效果*/
.backToTop{display:block;width:50px; height:50px; background:url(../images/gotop.png) no-repeat #969696 center center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
a.backToTop:hover{display:block;width:50px; height:50px; background:url(../images/gotop.png) no-repeat #000 center center;}
/*返回顶部*/
/* 轮播图1 */
	.focusBox { position: relative; padding-top:5px;width: 204px; height: 100px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox .pic img { width: 204px; height: 100px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
	
/* 轮播图2  */	
	.TB-focus{padding-left:32px;width:200px; height:141px;position:relative;  overflow:hidden; }
	.TB-focus .hd { position:absolute; right:5px; bottom:5px; z-index:1; padding-left:2px; }
	.TB-focus .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; }
	.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
/* 风琴菜单  */	
.sideMenu{background:#fff;padding:0 0 10px 0;}
.sideMenu h3 a{background:#f0f0f0;line-height:45px;display:block;height:45px;text-indent:20px;border-bottom:1px #fff solid;font-weight:normal;}
.sideMenu h3 a:hover{background:#0d70b7;color:#fff;}
.sideMenu ul{ display:none;}
.sideMenu ul li{FONT: 12px/25px 微软雅黑;border-bottom:1px #cccccc dashed;text-indent:30px;}
/* 滚动图片1 */
.layA{width:665px;overflow:hidden;}
.layA .slide{ width:1730px; overflow:hidden;}
.layA ul{ overflow:hidden; zoom:1;}
.layA li{ width:151px;text-align:center;padding:5px;margin:0 5px 0 5px;display:inline;height:110px; float:left; line-height:20px;border:1px #D7D7D7 solid;}
.layA li img{ display:block; width:151px;height:93px; }
/* 滚动图片2 */
.layB{width:1020px;overflow:hidden;}
.layB .slide{ width:1850px; overflow:hidden;}
.layB ul{ overflow:hidden; zoom:1;}
.layB li{ width:163px;text-align:center;padding:4px;margin:0 6px 0 6px;display:inline;height:140px; float:left; line-height:20px;border:1px #D7D7D7 solid;}
.layB li img{ display:block; width:163px;height:123px; }
/* 滚动图片3 */
.layC{width:1200px;overflow:hidden;}
.layC ul{ overflow:hidden; zoom:1; }
.layC ul li{ width:171px; float:left; margin:0 5px;  display:inline;text-align:center;}
.layC ul li img{ width:165px; height:138px;border:1px #ececec solid;padding:3px;}
/* 左右箭头图片滚动 */
.picScroll{ position:relative;padding: 10px 0 10px 27px;margin-bottom:10px;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left;width:176px;margin:0 7px 0 7px;text-align:center;display:inline;}
.picScroll ul li img{ width:176px; height:140px;}
.picScroll .prev,
.picScroll .next{ position:absolute;  left:0px; top: 60px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/double_arrow.png) no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:0px; background-position:-18px 0;}
.da-thumbs {
	list-style: none;
	width:950px;
	height: 560px;
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin:20px;
	background: #fff;
	padding: 10px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width:250px;height:240px;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: #000;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,1);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.pic02{
    height: 580px;
    width:580px;
	overflow:hidden;
	position: relative;
}
.pic02 img{
	height: 580px;
    width: 580px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.pic02 .show {
    background: rgba(10, 0, 255, 0.8);
    height:580px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:580px;
    z-index:1;
}
.pic02 .show .imgArea {
    left:10px;
	bottom:0;
    margin:0px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.pic02 .show .imgArea a{
	color:#fff;
	display:block;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
	width:560px;
	height:560px;
	text-align:center;
	
}
.pic02 .show .imgArea a h2{padding-top:200px;font:18px/36px 微软雅黑;}
.pic02 .show .imgArea a h3{padding-bottom:20px;font:14px/25px 微软雅黑;}
.pic02 .show .imgArea a h4{font:16px/36px 微软雅黑;display:block;border:1px #fff solid;width:100px;margin-left:230px;}
.pic02 .show .imgArea a:hover{color:#fff;}
.pic02:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.pic02:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:10px;}
.pic02:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}


.pic01{
	float:left;margin:0 0 20px 20px;
    height: 280px;
    width:280px;
	overflow:hidden;
	position: relative;
	
}
.pic01 img{
	height: 280px;
    width: 280px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.pic01 .show {
    background: rgba(10, 0, 255, 0.8);
    height:280px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:280px;
    z-index:1;
}
.pic01 .show .imgArea {
    left:10px;
	bottom:0;
    margin:0px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.pic01 .show .imgArea a{
	color:#fff;
	display:block;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
	width:260px;
	height:260px;
	text-align:center;
	
}
.pic01 .show .imgArea a h2{padding-top:60px;font:18px/36px 微软雅黑;}
.pic01 .show .imgArea a h3{padding-bottom:20px;font:14px/25px 微软雅黑;}
.pic01 .show .imgArea a h4{font:16px/36px 微软雅黑;display:block;border:1px #fff solid;width:100px;margin-left:80px;}
.pic01 .show .imgArea a:hover{color:#fff;}
.pic01:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.pic01:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:10px;}
.pic01:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}



/*首页产品展示*/
.fu-ding{ background-size: cover; width: 100%; height: 778px;}
.fu-list{overflow: hidden;}
.fu-fl{ float: left; width:580px; height: 600px;}
.fu-fl .fu-div{width:580px;background: #fff;box-sizing: border-box; height: 600px; float: left; position: relative;}
.fu-fl .fu-div .fu-img{width:580px;height: 600px; }
.fu-fl .fu-div .fu-img img{width: 100%; max-height: 100%;}
.fu-fl .fu-div .fu-cn{ transition: all ease .3s;  position: absolute;  top: 100%;  left: 0;  width: 100%;  background: rgba(13, 112, 183, 0.8);  height: 100%; overflow: hidden;
    padding:20px;   box-sizing: border-box;}
.fu-fl .fu-div:hover .fu-cn{top: 0;}
.fu-fl .fu-div .fu-cn h3{font-size:18px;color: #fff;line-height: 30px;padding: 10px 0;width: 100%; margin: 200px auto 10px auto; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fu-fl .fu-div .fu-cn  p{font-size: 14px;text-align: center; padding: 0 30px; line-height: 30px;font-size: 14px;color: #fff;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fu-fl .fu-div .fu-cn .line{width: 540px;  height: 555px;  border: 1px solid #fff;  position: absolute;  margin: 0 auto;}
.fu-fl .fu-div .fu-cn .xq { width: 130px; font-size: 14px;line-height: 40px; margin: 20px auto; color: #fff; border: 1px solid #fff; text-align: center; }
.fu-fr{ float: right; width:1200px; height: 600px;}
.fu-fr ul{font-size: 0;text-align: left;box-sizing: border-box;padding: 0px 1px;}
.fu-fr ul li{width:291px;background: #fff;box-sizing: border-box; height: 291px; float: left; position: relative; overflow: hidden; margin-right:10px; margin-bottom: 16px;}
.fu-fr ul li:nth-child(2n){ margin-right: 0;}
.fu-fr ul li .fr-tp{width: 291px; height: 291px; }
.fu-fr ul li .fr-tp img{width: 100%; max-height: 100%;}
.fu-fr ul li .fr-cn{ transition: all ease .3s;  position: absolute;  top: 100%;  left: 0;  width: 100%;  background: rgba(13, 112, 183, 0.8);  height: 100%; overflow: hidden;
    padding:20px;   box-sizing: border-box;}
.fu-fr ul li  .fr-cn  h3{font-size:18px;color: #fff;line-height: 30px;padding: 10px 0;width: 100%; margin: 20px auto 10px auto; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fu-fr ul li  .fr-cn  p{font-size: 14px;text-align: center; padding: 0 15px; height: 90px; line-height: 30px;font-size: 14px;color: #fff;/*display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;*/overflow: hidden;}
.fu-fr ul li  .fr-cn .line{width: 250px;  height: 250px;  border: 1px solid #fff;  position: absolute;  margin: 0 auto;}
.fu-fr ul li  .fr-cn .xq { width: 130px; font-size: 14px; line-height: 40px; margin: 10px auto; color: #fff; border: 1px solid #fff; text-align: center; }
.fu-fr ul li:hover .fr-cn{top: 0;}
.fu-mo{width: 120px;line-height:36px;border: 1px solid #fff; font-size: 14px;color: #fff;text-align: center;margin: 20px auto 0px;text-transform: uppercase;}
.fu-mo a{width: 120px;height: 36px;display: block;overflow: hidden;position: relative; color: #fff;background: #e0af52;}
.fu-mo a:after{content: '';position: absolute;top:50%;left: 50%;z-index:2;background: rgba(22,76,144,0.2);}
.fu-mo:hover{border:1px solid #fff;}
.fu-mo:hover a:after{animation:chuyi 0.3s both;-webkit-animation:chuyi 0.3s both;-moz-animation:chuyi 0.3s both;-ms-animation:chuyi 0.3s both;-o-animation:chuyi 0.3s both;}
.fu-mo a:hover{color:#fff;}</pre></body></html>