@charset "utf-8";
html {
	color:#000;
	background:#FFF;
}
body {
	color:#666;
	font:12px/1.231 "Microsoft Yahei";
} /*网站字体颜色*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
*font-size:100%;
}
input, select {
	vertical-align:middle;
}
i, em {
	font-style:normal;
}
select, input, button, textarea, button {
	font:99% arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
/*title*/
h1 {
	font-size:32px;
}
h2 {
	font-size:26px;
}
h3 {
	font-size:20px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:10px;
}
.mt10 {
	margin-top:10px;
}
a {
	color:#666;
	text-decoration:none;
}  /*for ie f6n.net*/
a:focus {
	outline:0;
} /*for ff f6n.net*/
.vam {
	vertical-align:middle;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.clearfix:after {
	content:"";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}
.clearfix {
*zoom:1
}
p {
	word-spacing:-1.5px;
}
.tr {
	text-align:right;
}
.tl {
	text-align:left;
}
.center {
	text-align:center;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.pa {
	position:absolute;
}
.pr {
	position:relative
}
/* -- 购物车外部框架 -- */
.cart_header, .cart_content, .cart_footer {
	width:760px;
	margin:0 auto;
}
/* -- 页面整体布局 -- */
.header, .content, .footer {
	width:1200px;
	margin:0 auto;
}
.h_nav li a, -webkit-any-link {
	display:block;
}
/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix {
*zoom:1
}
i, em {
	font-style:normal;
}
body {
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
	width: 100%;
}
.bantest {
	position: relative;
	width: 100%;
	overflow: hidden;
	height:720px;
}
.banner {
	width:100%;
	position:relative;
}
.banner .slick-dotted.slick-slider {
	margin:0;
}
.banner img {
	display:block;
	width:100%;
}
.banner .slick-arrow {
	position: absolute;
	font-size: 0;
	top: 50%;
	z-index: 9;
	width:73px;
	height: 73px;
	margin-top: -73px;
	border: 0;
	outline: none;
	overflow:hidden;
}
.banner .slick-prev {
	left: 10%;
	display: none;
	background:url(../images/ban_prev.png) no-repeat;
}
.banner .slick-next {
	right: 10%;
	display: none;
	background:url(../images/ban_next.png) no-repeat;
}
.slick-dots {
	position: absolute;
	left: 50%;
	font-size:0;
	bottom: 8%;
	width: 300px;
	text-align: center;
	margin-left: -175px;
	z-index: 11;
}
.slick-dots li {
	display: inline-block;
	margin: 0 8px;
}
.slick-dots li button {
	display: block;
	background: #f15733;
	width: 15px;
	height: 15px;
	color: #f15733;
	border-radius: 15px;
	border-color:#f15733;
-webkit-transition: .5s;
-moz-transition: .5s;
transition: .5s;
}
.slick-dots .slick-active button {
	background-color: #f15733;
	border-color: #f15733;
	width: 60px;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.tit {
	font:50px "Microsoft YaHei UI";
	text-align:center;
	color:#000;
}
.tit a {
	color:#000000;
}
.tit em {
	display:block;
	font-size:18px;
	padding:15px 0 40px;
}
.newsmar {
	overflow:hidden;
	margin-top:20px;
}
.guide {
	height:555px;
	padding-top:65px;
	overflow:hidden;
}
.guide dl {
	height:393px;
	overflow:hidden;
	background:url(../images/yinz_line.png) no-repeat left bottom;
}
.guide dt {
	width:600px;
	height:358px;
	float:left;
	overflow:hidden;
}
.guide dt img {
	display:block;
	width:600px;
	height:358px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.guide dt:hover img, .pro1 img:hover {
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-transform:scale(1.1, 1.1);
}
.guide dd {
	width:500px;
	float:right;
}
.guide dd h3 {
	font:34px "Microsoft YaHei UI";
	color:#000;
	font-weight:bold;
	margin-top:20px;
}
.guide dd h3 em {
	display:block;
	font:24px "Microsoft YaHei UI";
	line-height:37px;
	margin-bottom:8px;
}
.guide dd p {
	font:14px "Microsoft YaHei UI";
	line-height:24px;
	margin-top:16px;
}
.guide dd span a {
	display:block;
	width:135px;
	height:44px;
	background:#f15733;
	margin-top:22px;
	border-radius:5px;
	font:16px "Microsoft YaHei UI";
	text-align:center;
	line-height:44px;
	color:#fff;
}
.guide ul {
	height:110px;
}
.guide li {
	float:left;
	position:relative;
	font:20px "Microsoft YaHei UI";
	color:#333;
	width:300px;
	text-align:center;
}
.guide li:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background:#d9d9d9;
}
.guide li:last-child:before {
	background:none;
}
.guide li span {
	display:block;
	font:16px "Microsoft YaHei UI";
	color:#044299;
}
.guide li span b {
	font-size:60px;
	font-weight:normal;
}
.guide li em {
	display:inline-block;
	width:28px;
	height:28px;
	background:#f15733;
	border-radius:28px;
	font:16px "Microsoft YaHei UI";
	text-align:center;
	line-height:28px;
	color:#fff;
}
.case {
	background:#f5f5f5;
	padding:65px 0;
}
.case2 {
	text-align:center;
	min-width:1200px;
	max-width:1920px;
	margin:0 auto;
}
.case2 a {
	display:inline-block;
	width:27.55%;
	overflow:hidden;
	margin:0 0.35% 14px;
}
.case2 dl {
	position:relative;
}
.case2 dt img {
	display:block;
	width:100%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.case2 dd {
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.6);
	font:20px "Microsoft YaHei UI";
	color:#fff;
	height:60px;
	line-height:60px;
}
.case2 dd:hover {
	background:#21499b;
}
.case2 dd b {
	display:block;
	width:78px;
	height:78px;
	margin:21% auto 4%;
}
.case2 a:hover dt img {
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-transform:scale(1.1, 1.1);
}
.product {
	height:995px;
	overflow:hidden;
	margin-top:50px;
}
.product_t {
	width:263px;
	border:5px solid #1756ae;
	float:left;
}
.product_t h2 {
	background:#1756ae;
	font:32px "Microsoft YaHei UI";
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:16px 0;
}
.product_t h2 a {
	display:block;
	color:#fff;
}
.product_t h2 em {
	display:block;
	font:14px "Microsoft YaHei UI";
	text-transform:uppercase;
	color:#6182c0;
	padding-top:2px;
}
.product_t li {
	width:241px;
	margin:0 auto;
	border-top:1px solid #cecece;
	font:18px "Microsoft YaHei UI";
	line-height:48px;
	height:48px;
	overflow:hidden;
}
.product_t li a {
	display:block;
	position:relative;
	color:#333;
	padding-left:45px;
}
.product_t li a:before {
	content:"";
	position:absolute;
	top:18px;
	left:30px;
	width:0;
	height:0;
	border-left:6px solid #ccc;
	border-top:5px solid rgba(0, 0, 0, 0);
	border-bottom:5px solid rgba(0, 0, 0, 0);
}
.product_t li:hover a:before {
	border-left:6px solid #1756ae;
}
.product_t li:hover a {
	font-weight:bold;
	color:#1756ae;
}
.product_t p {
	font:26px "Microsoft YaHei UI";
	font-weight:bold;
	color:#fff;
	background:#1756ae;
	padding:15px 0;
	text-align:center;
}
.product_t p em {
	display:block;
	font:18px "Microsoft YaHei UI";
	line-height:32px;
	background:url(../css/pro_lx.png) no-repeat 50px;
}
.product1 {
	width:900px;
	overflow:hidden;
	float:right;
}
.product11 {
	height:544px;
	position:relative;
}
.product11 dl {
	height:458px;
	border:1px solid #e3e3e3;
	border-top:0;
}
.product11 dt {
	width:606px;
	height:458px;
	float:left;
	overflow:hidden;
}
.product11 dt img {
	display:block;
	width:606px;
	height:458px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.product11 dd {
	width:235px;
	float:right;
	margin-right:22px;
}
.product11 dd h3 a {
	display:block;
	font:22px "Microsoft YaHei UI";
	font-weight:bold;
	color:#333;
	margin:81px 0 28px;
}
.product11 dd p {
	font:16px "Microsoft YaHei UI";
	line-height:28px;
	color:#6e6e6e;
margin-bottom:
}
.product11 dd span {
	display:block;
	height:40px;
	overflow:hidden;
	margin-top:25px;
}
.product11 dd span a {
	display:block;
	width:108px;
	height:40px;
	background:#f15733;
	font:16px "Microsoft YaHei UI";
	text-align:center;
	line-height:40px;
	color:#fff;
	float:left;
}
.product11 dd span a:last-child {
	float:right;
	background:#1756ae;
}
.product1_dot {
	width:606px;
	height:10px;
	position:absolute;
	bottom:60px;
	left:0;
	text-align:center;
}
.product1_dot a {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#1756ae;
	margin:0 8px;
}
.product1_dot .cur {
	background:#f15733;
}
.tit3 {
	height:62px;
	background:#e3e3e3;
	overflow:hidden;
	font:20px "Microsoft YaHei UI";
	font-weight:bold;
	position:relative;
	line-height:62px;
}
.tit3 a {
	display:block;
	color:#000;
	padding-left:30px;
}
.tit3 em {
	display:block;
	width:84px;
	height:34px;
	border:1px solid #aaa;
	float:right;
	margin:12px 12px 0 0;
	float:right;
	font:14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:34px;
	color:#000;
	text-align:center;
}
.tit3:before {
	content:"";
	position:absolute;
	top:18px;
	left:17px;
	width:3px;
	height:24px;
	background:#1756ae;
}
.product2 li {
	width:298px;
	height:222px;
	overflow:hidden;
	float:left;
	margin:6px 7px 0 0;
	position:relative;
	border:1px solid #eee;
	box-sizing:border-box;
}
.product2 li img {
	display:block;
	width:296px;
	height:222px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.product2 li em {
	display:block;
	width:100%;
	height:40px;
	font:14px "Microsoft YaHei UI";
	line-height:40px;
	background:rgba(0, 0, 0, 0.5);
	height:40px;
	color:#fff;
	position:absolute;
	bottom:0;
	text-align:center;
}
.product2 li:hover em {
	background:#1756ae;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;
	transition-property:background;
	-moz-transition-property: background; /* Firefox 4 */
	-webkit-transition-property:background; /* Safari 和 Chrome */
	-o-transition-property:background;
}
.product2 li:hover img, .product11 dt:hover img {
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-transform:scale(1.1, 1.1);
}
.super {
	margin-top:15px;
	height:945px;
	position:relative;
}
.super:before {
	content:"";
	position:absolute;
	top:142px;
	left:0;
	width:100%;
	height:1px;
	background:#dcdcdc;
}
.supert {
	width:1200px;
	height:106px;
	margin:0 auto;
	position:relative;
	z-index:5;
}
.supert h3 {
	width:400px;
	float:left;
	height:106px;
}
.supert h3 span {
	display: block;
	width: 78px;
	height: 42px;
	margin: 33px 0 0 66px;
	position: relative;
	overflow:hidden;
	float:left;
}
.supert h3 p {
	float:right;
	width:242px;
	font:28px "Microsoft YaHei UI";
	color:#000;
	margin-top:27px;
}
.supert h3 p em {
	display:block;
	font:14px "Times New Roman", Times, serif;
	color:#c0c0c0;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:20px;
}
.supert .cur {
	background:#044299;
	position:relative;
}
.supert .cur:before {
	content:"";
	position:absolute;
	top:106px;
	left:50%;
	width:0;
	height:0;
	border-top:20px solid #044299;
	border-left:20px solid rgba(0, 0, 0, 0);
	border-right:20px solid rgba(0, 0, 0, 0);
	margin-left:-20px;
}
.supert .cur span em {
	display:none;
}
.supert .cur p {
	font-weight:bold;
	color:#fff;
}
.super1 dl {
	height:633px;
	position:relative;
}
.super1 dt {
	height:633px;
	background:url(../images/ys1.jpg) no-repeat center top;
	overflow:hidden;
}
.super1 dl:nth-child(2) dt {
height:633px;
background:url(../images/ys2.jpg) no-repeat center top;
}
.super1 dl:nth-child(3) dt {
height:633px;
background:url(../images/ys3.jpg) no-repeat center top;
}
.super1 dd {
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(0, 0, 0, 0.5);
	height:135px;
}
.super1 dd h5 {
	width:1200px;
	height:135px;
	margin:0 auto;
}
.super1 dd em {
	display:block;
	width:410px;
	float:left;
	font:24px "Microsoft YaHei UI";
	font-weight:bold;
	line-height:36px;
	color:#fff;
	float:left;
	margin-top:28px;
}
.super1 dd p {
	width:735px;
	float:right;
	margin-top:29px;
	font:16px "Microsoft YaHei UI";
	line-height:32px;
	color:rgba(255, 255, 255, 0.8);
}
.new {
	height:780px;
	overflow:hidden;
}
.new .tit em {
	padding-bottom:10px;
}
.new1 {
	height:393px;
	overflow:hidden;
}
.tit2 {
	height:60px;
	font:24px "Microsoft YaHei UI";
	font-weight:bold;
	line-height:60px;
}
.tit2 a {
	display:block;
	color:#212121;
}
.tit2 a:hover {
	color:#044299;
}
.tit2 em {
	font:16px Arial, Helvetica, sans-serif;
	color:#adadad;
	padding-left:8px;
}
.new1 h5 {
	width:599px;
	height:338px;
	float:left;
	overflow:hidden;
	position:relative;
}
.new1 h5 img {
	display:block;
	width:599px;
	height:auto;
}
.new2 {
	width:560px;
	overflow:hidden;
	float:right;
}
.new2 dl {
	padding:20px 0;
	border-top:1px solid #e3e3e3;
	background:url(../images/new_arr.png) no-repeat right center;
}
.new2 dt {
	height:30px;
	font:18px "Microsoft YaHei UI";
	font-weight:bold;
	color:#333;
	margin-bottom:1px;
}
.new2 dt em {
	display:block;
	float:left;
	width:60px;
	height:36px;
	font:16px "Microsoft YaHei UI";
	font-weight:bold;
	text-align:center;
	line-height:36px;
	color:#fff;
	background:#044299;
	margin-right:6px;
}
.new2 dd {
	font:14px "Microsoft YaHei UI";
	line-height:24px;
	width:490px;
}
.new2 a:nth-child(1) dl {
padding-top:0;
border:0;
background:url(../images/new_arr.png) no-repeat right 50px;
}
.new2 a:nth-child(1) dt {
font-size:20px;
height:36px;
line-height:36px;
margin-bottom:10px;
}
.new2 dl:hover dt {
	color:#044299;
}
.new1 h5:before, .about dt:before {
	content: '';
	cursor: pointer;
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
	transform: skewx(-25deg);
}
.new1 h5:hover:before, .about dt:hover:before {
	left: 100%;
	-moz-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	transition: 1s;
}
.faq {
	margin-top:15px;
	width:599px;
	float:left;
	overflow:hidden;
}
.faq li {
	height:45px;
	border-bottom:1px solid #ccc;
	font:16px "Microsoft YaHei UI";
	line-height:45px;
}
.faq li a {
	display:block;
	background:url(../images/new_arr.png) no-repeat 528px center;
	color:#212121;
}
.faq li em {
	display:block;
	width:20px;
	height:20px;
	background:#999;
	float:left;
	margin:12px 16px 0 0;
	font:14px "Microsoft YaHei UI";
	text-align:center;
	line-height:20px;
	color:#fff;
}
.faq li:nth-child(1) em {
background:#044299;
}
.faq li:last-child {
	border:0;
}
.faq li a:hover {
	color:#044299;
	font-weight:bold;
}
.video11 {
	width:560px;
	overflow:hidden;
	margin-top:15px;
	float:right;
}
.video11 .tit2 i {
	float:right;
	font:14px "Microsoft YaHei UI";
	color:#1d1d1d;
	margin-top:25px;
}
.video11 h5 {
	width:559px;
	position:relative;
}
.video11 h5 img {
	display:block;
	width:559px;
	height:229px;
}
.video11 h5 em {
	display:block;
	height:40px;
	font:16px "Microsoft YaHei UI";
	text-align:center;
	line-height:40px;
	color:#fff;
	background:#000;
}
.video11 h5 i {
	display:block;
	background:url(../images/video_v.png) no-repeat;
	width:57px;
	height:57px;
	position:absolute;
	top:90px;
	left:250px;
}
.about dt {
	position:relative;
	overflow:hidden;
}
.about dt img {
	display:block;
	width:100%;
}
.about dd {
	width:1200px;
	margin:0 auto 70px;
	position:relative;
	height:200px;
	border-bottom:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}
.about dd h3 {
	width:240px;
	height:200px;
	float:left;
	background:#044299;
	font:44px "Microsoft YaHei UI";
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.about dd h3 a {
	display:block;
	color:#fff;
	padding-top:50px;
}
.about dd h3 em {
	display:block;
	font:20px "Microsoft YaHei UI";
	line-height:30px;
}
.about dd p {
	width:890px;
	float:left;
	margin:55px 0 0 27px;
	font:16px "Microsoft YaHei UI";
	line-height:28px;
}
.about dd p a {
	color:#044299;
}
.pic {
	width:1200px;
	height:365px;
	margin:0 auto;
	position:relative;
}
.pict {
	height:78px;
	text-align:center;
	font:20px "Microsoft YaHei UI";
	text-align:center;
	line-height:48px;
}
.pict a {
	display:inline-block;
	width:190px;
	height:48px;
	margin:0 1px;
	background:#f15733;
	color:#fff;
}
.pict a:hover {
	color:#fff;
}
.pict .cur {
	position: relative;
	background:#044299;
	-webkit-transition:all 0.7s;
	transition:all 0.7s;
	transition-property:background;
	-moz-transition-property: background; /* Firefox 4 */
	-webkit-transition-property:background; /* Safari 和 Chrome */
	-o-transition-property:background;
}
.pict .cur:before {
	content:"";
	position:absolute;
	top:48px;
	left:50%;
	margin-left:-16px;
	width:0;
	height:0;
	border-top:12px solid #044299;
	border-left:16px solid rgba(0, 0, 0, 0);
	border-right:16px solid rgba(0, 0, 0, 0);
}
.pic1 {
	overflow:hidden;
}
.pic li {
	width:290px;
	height:220px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-right:13px;
}
.pic li img {
	display:block;
	width:288px;
	height:218px;
	border:1px solid #bfbfbf;
}
.pic li em {
	display:block;
	position: absolute;
	bottom: 0;
	height: 0;
	width: 100%;
	text-align: center;
	font: 16px "Microsoft YaHei UI";
	line-height:218px;
	color: #fff;
	background: rgba(241, 87, 51, 0.8);
 -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
 -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.pic li a:hover em {
	height:100%;
}
.pic_l {
	position:absolute;
	top:80px;
	left:-72px;
}
.pic_r {
	position:absolute;
	top:80px;
	right:-72px;
}
.link {
	width:1200px;
	margin: 0 auto;
	position: relative;
}
.link .content {
	position: absolute;
	top: -60px;
	right: 0;
	width:500px;
	height:60px;
	font:14px "Microsoft YaHei";
	color:#fff;
	line-height:60px;
	text-align:right;
}
.link a {
	display: inline-block;
	padding:0 17px;
	font:14px "Microsoft YaHei";
	color:#a6adb6;
	line-height:60px;
	height:60px;
	position:relative;
}
.link a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#f15733;
}
 @keyframes living {
 0% {
 transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
}
 50% {
 transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
}
 100% {
 transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
}
}
@keyframes living1 {
 0% {
 transform: scale(1);
        /* opacity: 1; */margin-top: 0;
}
 50% {
 transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
}
 100% {
 transform: scale(1);
        /* opacity: 1; */margin-top: 0;
}
}
@-webkit-keyframes spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes spin {
 from {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 50% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
.new .newl {
	float: left;
	width: 570px;
}
.new .newl dl {
	height: 412px;
}
.new .newl dt {
	width: 570px;
	height: 285px;
	overflow: hidden;
	text-align:center;
}
.new .newl dt img {
	width: 570px;
	display: block;
	transition: all 0.3s linear 0s;
	margin-top: auto;
	margin-bottom: auto;
}
.new .newl dl:hover dt img {
	transform: scale(1.1);
}
.new .newl dd {
	background: #f4f6f8;
	height: 120px;
	box-sizing: border-box;
	padding: 20px 25px 0 130px;
	position: relative;
}
.new .newl .date {
	position: absolute;
	left:0;
	top:25px;
	width: 114px;
	height: 83px;
	border-right: 1px solid #d8e2ec;
	text-align: center;
	font-size: 24px;
	color: #333;
	line-height: 83px;
}
.new .newl h3 a {
	display: block;
	line-height: 32px;
	font-size: 16px;
	color: #333;
	margin-bottom: 6px;
}
.new .newl h3 a:hover {
	color: #044299
}
.new .newl p {
	font-size: 15px;
	line-height: 24px;
	color: #7f7f7f;
}
.new .newl li {
	border-bottom: 1px dotted #ccc;
	height: 42px;
	line-height: 42px;
	padding-left: 30px;
	position: relative;
	font-size: 15px;
	color: #666;
}
.new .newl li a {
	color: #666;
}
.new .newl li a:hover {
	color: #044299
}
.new .newl li:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border: 1px solid #ccc;
	border-radius: 3px;
	left:11px;
	top:16px;
}
.new .newl li span {
	float: right;
	font-size: 14px;
	color: #666666;
}
.new .newtit {
	height: 60px;
	background: #f4f6f8;
	line-height: 60px;
	position: relative;
}
.new .newtit b {
	height: 60px;
	width: 170px;
	background: #044299;
	padding: 13px 0 0 53px;
	position: absolute;
	left:0;
	top:0;
	font-size: 18px;
	color: #fff;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.new .newtit b i {
	position: absolute;
	left:11px;
	top:11px;
}
.new .newtit b em {
	display: block;
	font-size: 12px;
	color: #9cc8f5;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: -1px;
}
.new .newtit span {
	font-size: 14px;
	color: #999999;
	line-height: 60px;
	padding-right: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
.new .newr {
	float: right;
	width: 575px;
}
.new .bk {
	height: 285px;
}
.new .bk h3 {
	margin-bottom: 13px;
}
.new .bk dl {
	height: 110px;
}
.new .bk dt {
	width: 184px;
	height: 92px;
	overflow: hidden;
	float: left;
}
.new .bk dt img {
	width: 184px;
	height: 92px;
	display: block;
	transition: all 0.3s linear 0s;
}
.new .bk dl:hover dt img {
	transform: scale(1.1);
}
.new .bk dd {
	float: left;
	width: 342px;
	margin-left: 20px;
	box-sizing: border-box;
	padding: 5px 0 0 0;
	position: relative;
}
.new .bk h4 a {
	display: block;
	line-height: 28px;
	font-size: 16px;
	color: #333;
}
.new .bk h4 a:hover {
	color: #2197ee
}
.new .bk p {
	font-size: 15px;
	line-height: 24px;
	color: #7f7f7f;
}
.new .bk span {
	display: block;
	padding-top: 9px;
	font-size: 14px;
	color: #999;
}
.new .bk li {
	border-bottom: 1px dotted #ccc;
	height: 42px;
	line-height: 42px;
	padding-left: 30px;
	position: relative;
	font-size: 15px;
	color: #666;
	overflow: hidden;
}
.new .bk li a {
	color: #666;
}
.new .bk li a:hover {
	color: #2197ee
}
.new .bk li:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: #ccc;
	border-radius: 50%;
	left:11px;
	top:16px;
}
.new .bk li span {
	float: right;
	font-size: 14px;
	color: #666666;
	padding-top: 0;
}
.new .bk li:nth-child(1) {
border-top: 1px dotted #ccc;
}
.new .wd h3 {
	margin-bottom: 18px;
}
.new .wd dl {
	height: 112px;
	border-bottom: 1px dotted #ccc;
}
.new .wd dt {
	background:url(../images/wen.jpg) no-repeat 8px 8px;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.new .wd dt a {
	color: #333;
}
.new .wd dt a:hover {
	color: #2197ee
}
.new .wd dd {
	padding-left: 50px;
	font-size: 15px;
	color: #7f7f7f;
	line-height: 24px;
	width: 430px;
}
.new .wd li {
	border-bottom: 1px dotted #ccc;
	height: 42px;
	line-height: 42px;
	padding-left: 50px;
	font-size: 15px;
	color: #666;
	overflow: hidden;
	background:url(../images/wen.jpg) no-repeat 8px 8px;
}
.new .wd li a {
	color: #666;
}
.new .wd li a:hover {
	color: #2197ee
}
.new .wd li span {
	float: right;
	font-size: 14px;
	color: #666666;
	padding-top: 0;
}
/* --ad02-- */
.ad02 {
	overflow:hidden;
	background:#fff;
}
.ad02 .wrapper {
	position:relative;
	padding:40px 0;
	height:158px;
}
.ad02 .btnBox {
	float:left;
	width:207px;
	overflow:hidden;
}
.ad02 .btnBox a {
	display:block;
	height:77px;
	line-height:77px;
	font-size:18px;
	text-align:center;
}
.ad02 .btnBox a.btn01 {
	color:#fff;
	background:#0061cf;
	border:#0061cf solid 1px;
	;
	border-bottom:0;
	border-radius:5px 5px 0 0;
}
.ad02 .btnBox a.btn02 {
	color:#333;
	background:#fff;
	border:#ddd solid 1px;
	border-top:0;
	border-radius:0 0 5px 5px;
}
.ad02 .btnBox a:hover {
	color:#fff;
	background:#e60009;
	border-color:#e60009;
}
.ad02 .text {
	float:left;
	padding-left:60px;
	width:264px;
	height:158px;
	overflow:hidden;
	border-right:#ddd solid 1px;
}
.ad02 .text dl {
	margin-top:16px;
	line-height:1.5;
}
.ad02 .text dt {
	font-size:14px;
	color:#333;
}
.ad02 .text dd {
	font-family:Arial;
	font-size:24px;
	color:#e60009;
	font-weight:bold;
}
.QRcode {
	float:left;
	padding-left:60px;
	width:330px;
	overflow:hidden;
}
.QRcode .fl {
	width:156px;
	height:156px;
	border:#ddd solid 1px;
}
.QRcode .fl img {
	display:block;
	width:156px;
	height:156px;
}
.QRcode .fr {
	width:140px;
	height:156px;
}
.QRcode .fr strong {
	display:block;
	padding:12px 0;
	font-size:24px;
	color:#333;
}
.QRcode .fr p {
	font-size:18px;
	color:#666;
	line-height:1.5;
}
.ad02 .picc {
	position:absolute;
	right:-42px;
	bottom:0;
	animation:bounceinR 1s ease-out backwards;
}
.ad02 .picc img {
	display:block;
}
/* --end ad02-- */

.pro_n1 {
	background: url(../images/pro_bj.jpg) no-repeat center top;
	height: 750px;
	box-sizing: border-box;
	padding-top:10px;
}
.pro_n1 .content {
	position: relative;
	height: 717px
}
.pro_n1 dt {
	font-size:0;
	line-height: 0;
	margin-left:-360px;
	float:left;
	width:960px;
}
.pro_n1 dt img {
	width:960px;
	height: 717px
}
.pro_n1 dd {
	float: right;
	width:524px;
	padding-top:30px;
}
.pro_n1 dd h4 a {
	display: block;
	height: 64px;
	line-height: 64px;
	font-size:48px;
	color: #2b2b2b;
}
.pro_n1 dd em {
	display: block;
	height: 38px;
	line-height: 38px;
	font-size:20px;
	color: #333333;
}
.pro_n1 dd p {
	font-size:16px;
	color: #666666;
	line-height: 28px;
	padding-top:34px;
	height: 120px;
}
.pro_n1 dd span a {
	display: inline-block;
	width:216px;
	height: 48px;
	background: #21499b;
	text-align: center;
	line-height: 48px;
	font-size:14px;
	color: #fff;
	margin-right:5px;
}
.pro_n1 dd span a:last-child {
	background: #f15733;
	margin:0;
}
.pro_n1_l {
	position: absolute;
	right:0;
	bottom:0px;
}
.pro_n1_l li {
	float:left;
	font-size:0;
	line-height: 0;
	width:408px;
	height: 306px;
	margin-right:16px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
	border:1px solid #f3f3f3;
	text-align:center;
}
. .pro_n1_l li i {
display: block;
font-size:0;
line-height: 0;
width:406px;
overflow: hidden;
}
.pro_n1_l li i img {
	width:406px;
	
	transition: all 0.5s;
	
	position: relative;
	
}
.pro_n1_l li span {
	/*margin:16px 32px 0 30px;
	padding-right:34px;*/
	 background: rgba(0, 0, 0, 0.6);
	height: 60px;
	line-height: 60px;
	font-size:20px;
	color: #fff;
	display: block;
	transition: all 0.5s;
	position: absolute;
	top:245px;
	width:407px;
}
.pro_n1_l li:last-child {
	margin:0;
}
.pro_n1_l li:after {
	display: block;
	content: "";
	width:0%;
	height: 1px;
	background:#16397b;
	position: absolute;
	left:0;
	top:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n1_l li:before {
	display: block;
	content: "";
	width:1px;
	height: 0%;
	background:#16397b;
	position: absolute;
	right:0;
	bottom:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n1_l li a:after {
	display: block;
	content: "";
	width:0%;
	height: 1px;
	background:#16397b;
	position: absolute;
	right:0;
	bottom:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n1_l li a:before {
	display: block;
	content: "";
	width:1px;
	height:0%;
	background:#16397b;
	position: absolute;
	left:0;
	top:0px;
	transition: all 0.5s;
	z-index:9
}
.pro_n1_l li:hover:after, .pro_n1_l li:hover a:after {
	width:100%;
}
.pro_n1_l li:hover:before, .pro_n1_l li:hover a:before {
	height:100%;
}
/*.pro_n1_l li:hover{border-color: #16397b}*/
.pro_n1_l li:hover i img {
	transform: scale(1.1)
}
.pro_n1_l li:hover {
	border-color: #16397b
}
.pro_n1_l li:hover span {
	background:#21499b;
}
.pro_n1_j1, .pro_n1_j2 {
	position: absolute;
	top:124px;
}
.pro_n1_j1 {
	left:-79px;
}
.pro_n1_j2 {
	right:-79px;
}
.pro_n2 {
	height:818px;
	padding-top:82px;
}
.pro_n2 .content {
	position: relative;
	height: 717px
}
.pro_n2 dt {
	font-size:0;
	line-height: 0;
	margin-right:-360px;
	float:right;
	width:960px;
}
.pro_n2 dt img {
	width:960px;
	height: 717px
}
.pro_n2 dd {
	float:left;
	width:524px;
	padding-top:30px;
}
.pro_n2 dd h4 a {
	display: block;
	height: 64px;
	line-height: 64px;
	font-size:48px;
	color: #2b2b2b;
}
.pro_n2 dd em {
	display: block;
	height: 38px;
	line-height: 38px;
	font-size:20px;
	color: #333333;
}
.pro_n2 dd p {
	font-size:16px;
	color: #666666;
	line-height: 28px;
	padding-top:34px;
	height: 120px;
}
.pro_n2 dd span a {
	display: inline-block;
	width:216px;
	height: 48px;
	background: #21499b;
	text-align: center;
	line-height: 48px;
	font-size:14px;
	color: #fff;
	margin-right:5px;
}
.pro_n2 dd span a:last-child {
	background: #f15733;
	margin:0;
}
.pro_n2_l {
	position: absolute;
	left:0;
	bottom:0px;
}
.pro_n2_l li {
	float:left;
	width:406px;
	border:1px solid #f3f3f3;
	height: 304px;
	margin-right:16px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
	position: relative;
	overflow:hidden;
	text-align:center;
}
.pro_n2_l li i {
	display: block;
	font-size:0;
	line-height: 0;
	width:406px;
	position: relative;
}
.pro_n2_l li i img {
	width:406px;
	position: relative;
	transition: all 0.5s
}
.pro_n2_l li span {
	/*margin:16px 32px 0 30px;
	padding-right:34px;*/
	 background: rgba(0, 0, 0, 0.6);
	height: 60px;
	line-height: 60px;
	font-size:20px;
	color: #fff;
	display: block;
	transition: all 0.5s;
	position: absolute;
	top:245px;
	width:407px;
}
.pro_n2_l li:last-child {
	margin:0;
}
.pro_n2_l li:after {
	display: block;
	content: "";
	width:0%;
	height: 1px;
	background:#16397b;
	position: absolute;
	left:0;
	top:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n2_l li:before {
	display: block;
	content: "";
	width:1px;
	height: 0%;
	background:#16397b;
	position: absolute;
	right:0;
	bottom:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n2_l li a:after {
	display: block;
	content: "";
	width:0%;
	height: 1px;
	background:#16397b;
	position: absolute;
	right:0;
	bottom:0;
	transition: all 0.5s;
	z-index:9
}
.pro_n2_l li a:before {
	display: block;
	content: "";
	width:1px;
	height:0%;
	background:#16397b;
	position: absolute;
	left:0;
	top:0px;
	transition: all 0.5s;
	z-index:9
}
.pro_n2_l li:hover:after, .pro_n2_l li:hover a:after {
	width:100%;
}
.pro_n2_l li:hover:before, .pro_n2_l li:hover a:before {
	height:100%;
}
.pro_n2_l li:hover {
	border-color: #16397b
}
.pro_n2_l li:hover i img {
	transform: scale(1.1)
}
.pro_n2_l li:hover span {
	background:#21499b;
}
.pro_n2_j1, .pro_n2_j2 {
	position: absolute;
	top:124px;
}
.pro_n2_j1 {
	left:-79px;
}
.pro_n2_j2 {
	right:-79px;
}
/*通风工程*/
.d-plan {
	margin-bottom:20px;
	text-align:center;
}
.d-plan ul li {
	float:left;
	width:25%;
	position: relative;
}
.d-plan ul li span {
	display: block;
	width:100%;
	line-height: 0;
	overflow: hidden;
}
.d-plan ul li span img {
	width: 100%;
	transition: 1s;
}
.d-plan ul li strong {
	display: block;
	width:100%;
	height:80px;
	position: absolute;
	left:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.6);
	padding-left:14px;
	box-sizing: border-box;
	text-align:center;
}
.d-plan ul li strong i {
	display: block;
	width:52px;
	height:80px;
	float:left;
	line-height: 0;
	overflow: hidden;
}
.d-plan ul li strong i img {
	width:100%;
}
.d-plan ul li strong em {
	display: block;
	height:80px;
	line-height: 80px;
	font-size: 20px;
	color:#FFF;
	text-align:center;
	font-weight: normal;
}
.d-plan ul li:hover strong {
	background:#21499b;
}