/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
}

body {
	font-size: 16px;
	font-family: '' !important;
	color: #666;
}

a {
	color: #666;
}

	a:hover {
		color: #f60; /*text-decoration:underline;*/
	}

p {
	line-height: 1.8em;
	padding: 5px 0;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper {
	max-width: 1200px !important;
	margin: 0 auto;
}

.header-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background: rgba(255, 255, 255, 0.85)
}

.header { /*padding:0 10%;*/
	max-width: 78%;
	margin: 0 auto;
	box-sizing: border-box;
}

.logo {
	float: left;
	display: block;
	width: 15%;
	margin-top: 1%
}

	.logo a {
		display: block
	}

		.logo a img {
			width: 100%;
		}

.fange {
	float: right;
	display: block;
	width: 26px;
}

	.fange a {
		height: 98px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

		.fange a img {
			width: 100%;
		}

.top {
	height: 98px;
}

img {
	max-width: 100%
}

/*menu*/
.menu {
	height: 50px;
	line-height: 50px;
	float: left; /*margin-left:7%;*/
	margin-top: 1.6%;
}

	.menu ul li {
		float: left;
		position: relative;
	}

		.menu ul li span > a {
			position: relative;
		}

		.menu ul li dl {
			background: #fff;
			width: auto;
			position: absolute;
			left: 0px;
			top: 50px;
			box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
			padding: 10px 0;
			display: none;
		}

			.menu ul li dl dd {
				line-height: 28px;
				border-bottom: #ddd dotted 1px;
				margin: 0 10px;
			}

				.menu ul li dl dd a {
					font-size: 12px;
					color: #666;
					font-weight: normal;
					display: inline;
					padding: 0;
					text-align: left;
					white-space: nowrap;
				}

					.menu ul li dl dd a:hover {
						color: #f60;
					}

	.menu a {
		font-size: 16px;
		color: #333;
		text-decoration: none;
		font-weight: normal;
		display: block;
		text-align: center;
		padding: 0 20px;
		min-width: 115px;
		box-sizing: border-box;
	}
	/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/
	.menu ul li span a:before {
		height: 4px;
		width: 0%;
		background: #FE7700;
		position: absolute;
		left: 0;
		top: 42px;
		overflow: hidden;
		z-index: 99;
		margin-top: 8px;
		content: "";
		transition: all 0.5s;
	}

	.menu ul li span > a:hover:before {
		width: 100%;
	}

	.menu ul li.hover span > a:before {
		width: 100%;
	}

.soe-bg {
	position: absolute;
	top: 98px;
	width: 100%;
	background: rgba(0, 0, 0, 0.22);
	left: 0;
	z-index: 9;
	display: none;
}

.soe {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1% 0;
}

.soe-bg .input_text {
	height: 46px;
	line-height: 46px;
	width: 34%;
	border: 1px solid #f0f0f0;
	padding: 0 10px;
	box-sizing: border-box;
	outline: none;
}

	.soe-bg .input_text::-webkit-input-placeholder {
		color: #ccc;
	}

.soe-bg a {
	width: 67px;
	height: 48px;
	background: rgb(14, 83, 173);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}

	.soe-bg a img {
		margin-right: 10px;
	}

.banner {
	position: relative
}

	.banner .mySwiper01 .img {
		width: 100%;
		position: relative
	}

		.banner .mySwiper01 .img a {
			display: block
		}

			.banner .mySwiper01 .img a img {
				width: 100%;
				vertical-align: bottom;
			}

	.banner .mySwiper01 .img02 {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: #005bac
	}

		.banner .mySwiper01 .img02 h2 {
			font-size: 2.5vw;
		}

		.banner .mySwiper01 .img02 span {
			display: block;
			font-size: 1vw;
		}

.duo-bg {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	position: absolute;
}

.duo {
	background: url(../images/zx.png) left center no-repeat;
	padding-left: 40px;
	background-size: 40px;
}
/*scroll_02*/
.scroll_02 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.scroll_02 .hd .prev {
		display: block;
		width: 15px;
		height: 9px;
		line-height: 10px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/dddd.png)no-repeat;
	}

	.scroll_02 .hd .next {
		display: block;
		width: 15px;
		height: 9px;
		line-height: 10px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/GVcE331.png) no-repeat;
		margin-bottom: 4px
	}

	.scroll_02 .bd {
		color: #fff;
		width: 80%;
	}

		.scroll_02 .bd li {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 50px;
		}

			.scroll_02 .bd li a {
				color: #fff;
				font-size: 14px;
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
			}

			.scroll_02 .bd li span {
				font-size: 12px;
			}



.cent01 {
	margin-top: 4%;
	margin-bottom: 4%;
}

.cent01-l {
	float: left;
	display: block;
	width: 24%;
	position: relative;
	overflow: hidden;
	border-radius: 20px;
}

	.cent01-l img {
		width: 100%;
		vertical-align: bottom
	}

.cent01-01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20% 7%;
	box-sizing: border-box;
	color: #333333
}

	.cent01-01 h2 {
		font-size: 24px;
	}

	.cent01-01 span {
		font-size: 14px;
		text-align: left;
		line-height: 24px;
		display: block;
		margin-top: 6%;
	}

	.cent01-01 a {
		background-color: #ea6d46;
		border-style: solid;
		border-radius: 25px;
		font-size: 16px;
		color: #fff;
		padding: 3% 14%;
		display: inline-block;
		margin-top: 14%;
	}

.cent01-r {
	float: right;
	display: block;
	width: 74%;
}

	.cent01-r ul li {
		float: left;
		display: block;
		width: calc((100% - 6%)/3);
		margin-right: 2%;
		text-align: center;
		border-radius: 20px;
		color: #fff;
		box-sizing: border-box;
		padding: 3% 1%;
	}

		.cent01-r ul li:nth-child(4n) {
			margin-right: 0%;
		}

		.cent01-r ul li span {
			font-size: 18px;
			display: block;
		}

		.cent01-r ul li img {
			display: block;
			margin: 6% auto;
		}

		.cent01-r ul li em {
			font-size: 14px;
			font-style: normal;
			display: block;
		}

.duotu {
	width: 100%;
	border-radius: 20px;
	padding: 2%;
	box-sizing: border-box;
	background: #ededed;
	margin-top: 2%;
}

	.duotu .duotu01 {
		display: block;
		text-align: center;
	}

.duotu01 .img {
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

	.duotu01 .img a {
		display: block
	}

		.duotu01 .img a img {
			width: 100%;
			vertical-align: bottom;
			height: 200px;
			object-fit: contain;
		}

.duotu01 span {
	font-size: 16px;
	color: #333;
	display: block;
	margin-top: 8px;
}

.footer-bg {
	background: #005bac;
	margin-top: 4%;
	position: relative
}

.footer01 {
	width: 102px;
	height: 102px;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -51px;
	top: -51px;
}

	.footer01 img {
		width: 100%;
		height: 100%;
		display: block;
	}

.footer02 {
	padding-top: 4%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 2%;
}

	.footer02 dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.footer02 dl dd {
			text-align: center;
			display: flex;
			align-items: center;
			padding: 0 4%;
		}

			.footer02 dl dd img {
				margin-right: 29px;
			}

			.footer02 dl dd .ge {
				color: #d8d8d8;
				font-size: 14px;
				text-align: left;
				line-height: 30px;
			}

				.footer02 dl dd .ge span {
					display: block;
				}

				.footer02 dl dd .ge strong {
					font-weight: normal;
				}

.footer03 ul {
	display: flex;
	align-items: center;
	padding: 2% 0;
}

	.footer03 ul li {
		margin-right: 6%;
	}

		.footer03 ul li a {
			font-size: 14px;
			color: #e0e0e0
		}

.footer04-bg {
	background: #003362
}

.footer04 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	padding: 10px 0
}

	.footer04 span {
		color: #D3D3D3
	}

	.footer04 a {
		color: #FFF0F5;
		margin-left: 5px;
	}

	.footer04 strong {
		font-weight: normal;
		color: #D3D3D3
	}

.sp_header {
	display: none
}

.sjj_nav {
	display: none
}

.cent02 {
	width: 100%
}

	.cent02 img {
		width: 100%;
		vertical-align: bottom;
	}

.weizhi1 {
	height: 30px;
	line-height: 30px;
	padding: 10px 0px;
	background: url(../images/updeta_home1.png) left center no-repeat;
	padding-left: 20px;
	border-bottom: 1px solid #eee;
}

.weizhi2 {
	height: 54px;
	line-height: 30px;
	padding: 12px 10px;
	background: #414141;
	color: #fff;
	margin-top: -1%;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.weizhi2_left {
	float: left;
	background: url(../images/sadd.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
}

	.weizhi2_left a {
		color: #fff;
	}

.weizhi2_right {
	float: right;
	height: 30px;
}

	.weizhi2_right a {
		display: block;
		float: left;
		height: 30px;
		line-height: 30px;
		margin-left: 0px;
		font-size: 14px;
		padding: 0px 6px;
		color: #d2d1d1;
	}

		.weizhi2_right a.on { /* background:#f60; */
			color: #fff;
		}

		.weizhi2_right a:hover { /* background:#f60; */
			color: #fff;
		}

.weizhi3bg {
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.weizhi3 a {
	padding: 0px 15px;
	margin: 0px 15px;
	display: inline-block;
	line-height: 65px;
	font-size: 14px;
}

	.weizhi3 a.on {
		color: #f60;
		border-bottom: 2px solid #f60;
	}

	.weizhi3 a:hover {
		color: #f60;
		border-bottom: 2px solid #f60;
	}


.inside_con {
	padding: 10px 0;
	min-height: 300px;
	border-top: 1px solid #edecec;
}

.tilt {
	text-align: center;
}

	.tilt h2 {
		font-size: 22px;
		color: #434343
	}

	.tilt span {
		font-size: 18px;
		color: #434343;
		display: block;
		margin: 1% 0;
	}

	.tilt p {
		display: block;
		padding: 0;
		width: 54px;
		height: 1px;
		background: #434343;
		margin: 0 auto;
	}

.about {
	margin-top: 3%;
}

.fzlc {
	margin-top: 3%;
}

.fzlc01 {
	display: flex;
	align-items: center;
}

	.fzlc01 img {
		width: 45px;
		display: inline-block;
		padding-left: 27.8%;
	}

	.fzlc01 h2 {
		font-size: 22px;
		color: #005bac;
		display: inline-block;
		margin-left: 4%;
	}

.fzlc ul {
	position: relative;
	padding-top: 5%;
	padding-bottom: 5%;
	margin-bottom: 7%;
}

	.fzlc ul:before {
		content: "";
		position: absolute;
		top: 0%;
		left: 29.5%;
		width: 1px;
		height: 100%;
		background: #59a7fb
	}

	.fzlc ul li {
		margin-bottom: 4%;
	}

		.fzlc ul li > span {
			float: left;
			display: block;
			text-align: right;
			font-size: 14px;
			color: #707070;
			width: 27%;
		}

		.fzlc ul li img {
			display: block;
			float: left;
			width: 15px;
			margin-left: 2%;
			position: relative;
			z-index: 2;
		}

		.fzlc ul li .fze02 {
			float: right;
			display: block;
			font-size: 16px;
			color: #333;
			width: 66%;
		}

.xsdw {
	margin-top: 3%;
}

.c_news_list-110002 a {
	text-decoration: none;
}

.c_news_list-110002 .wrap {
	width: inherit;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}

	.c_news_list-110002 .wrap ul li .a1 img {
		width: 474px;
		height: 267px;
	}

	.c_news_list-110002 .wrap ul li {
		width: calc((100% - 30px)/3);
		height: auto;
		list-style: none;
		position: relative;
		float: left;
		overflow: hidden;
		margin: 5px;
		margin-bottom: 15px;
	}

		.c_news_list-110002 .wrap ul li .a1 .divA {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: auto;
			padding: 10px 20px;
			background: #fafafa;
			box-sizing: border-box;
		}

			.c_news_list-110002 .wrap ul li .a1 .divA > .p1 {
				width: auto;
				height: auto;
				font-size: 18px;
				line-height: 25px;
				color: #666;
			}

			.c_news_list-110002 .wrap ul li .a1 .divA > .p2 {
				width: auto;
				height: auto;
				font-size: 14px;
				color: #b4b4b4;
				line-height: 20px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.c_news_list-110002 .wrap ul li .a1 .divA > .p3 {
				position: absolute;
				right: 0;
				bottom: 12px;
				width: auto;
				height: auto;
				color: #f60;
			}

				.c_news_list-110002 .wrap ul li .a1 .divA > .p3 > span {
					font-size: 24px;
					font-weight: 800;
				}

		.c_news_list-110002 .wrap ul li .a2 {
			position: absolute;
			top: 0;
			left: -474px;
			width: 100%;
			height: 100%;
			text-align: center;
			color: white;
			background: rgba(0,0,0,0.5);
			transition: all 0.2s;
		}

			.c_news_list-110002 .wrap ul li .a2 .p4 {
				width: 100%;
				text-align: center;
				position: absolute;
				top: 34px;
				left: -474px;
				color: #ffe605;
				font-size: 24px;
				font-weight: bold;
				transition: all 0.2s 0.1s ease-out;
			}

			.c_news_list-110002 .wrap ul li .a2 .p5 {
				width: auto;
				text-align: left;
				line-height: 24px;
				padding-left: 30px;
				padding-right: 30px;
				position: absolute;
				top: 65px;
				left: -474px;
				margin: 30px 0 10px;
				font-size: 14px;
				color: white;
				transition: all 0.2s 0.2s ease-out;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
			}

			.c_news_list-110002 .wrap ul li .a2 .p6 {
				position: absolute;
				top: 140px;
				left: 175px;
				transform: scale(1.4);
				transition: all 0.3s 0.2s;
			}

				.c_news_list-110002 .wrap ul li .a2 .p6 span {
					font-family: Arial;
					font-size: 36px;
					font-weight: 700;
					color: white;
				}

			.c_news_list-110002 .wrap ul li .a2 .p7 {
				position: absolute;
				bottom: -50px;
				left: 31%;
				width: 160px;
				height: 38px;
				line-height: 38px;
				border-radius: 20px;
				margin: 10px auto;
				border: 1px solid;
				transition: all 0.2s 0.5s;
			}

		.c_news_list-110002 .wrap ul li:hover .a2 {
			left: 0
		}

			.c_news_list-110002 .wrap ul li:hover .a2 .p4 {
				left: 0
			}

			.c_news_list-110002 .wrap ul li:hover .a2 .p5 {
				left: 0
			}

			.c_news_list-110002 .wrap ul li:hover .a2 .p7 {
				bottom: 25px;
			}

		.c_news_list-110002 .wrap ul li:hover .divA {
			bottom: -66px;
		}

.cent03 {
	margin-top: 2%;
}

.ggjd {
}

	.ggjd a {
		font-size: 14px;
		color: #333;
		line-height: 30px;
		display: inline-block;
		padding: 0 3%;
		border-radius: 30px;
		margin-right: 1%;
	}

		.ggjd a:hover {
			color: #fff;
			background: #005bac
		}

.cent05 {
	margin-top: 2%;
}

.lxzy {
	display: block;
	margin-top: 4%;
}

	.lxzy > h2 {
		display: block;
		font-size: 28px;
		font-weight: normal;
		color: #333;
		text-align: center;
		padding-bottom: 20px;
	}

.product-list li {
	width: calc((100% - 60px)/3);
	float: left;
	margin: 10px;
}

	.product-list li figure {
		background-color: #eee;
		height: 220px;
		display: block;
		line-height: normal;
		overflow: hidden;
		position: relative;
		padding: 0;
		margin: 0;
	}

		.product-list li figure img {
			display: block;
			width: 100%;
			height: auto;
			transition: 424ms linear;
			vertical-align: bottom;
		}

	.product-list li figcaption {
		display: block;
		color: #5d5d5d;
		font-size: 14px;
		line-height: normal;
		margin-top: 14px;
		transition: 350ms;
	}

.product-box .product-down {
	float: left;
}

.product-list li figure mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(235,97,35,.2);
	background: #eb6123\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

	.product-list li figure mark b {
		display: block;
		width: 46px;
		height: 46px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -23px;
		margin-top: -23px;
		z-index: 30;
	}

		.product-list li figure mark b:before {
			content: "";
			width: 100%;
			height: 1px;
			background: #eb6123;
			position: absolute;
			left: 0;
			top: 23px;
			transform: translateX(-200px);
			-webkit-transform: translateX(-200px);
			-moz-transform: translateX(-200px);
		}

		.product-list li figure mark b:after {
			content: "";
			width: 1px;
			height: 100%;
			background: #eb6123;
			position: absolute;
			left: 23px;
			top: 0;
			transform: translateY(-200px);
			-webkit-transform: translateY(-200px);
			-moz-transform: translateY(-200px);
		}

	.product-list li figure mark:before {
		content: "";
		width: 100%;
		height: 0%;
		border-left: 3px solid #eb6123;
		border-right: 3px solid #eb6123;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		transition: 320ms;
	}

	.product-list li figure mark:after {
		content: "";
		width: 0%;
		height: 100%;
		border-top: 3px solid #eb6123;
		border-bottom: 3px solid #eb6123;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 0;
		transition: 320ms;
	}

.product-list li:hover figure mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}

	.product-list li:hover figure mark:before {
		height: 100%;
		transition: 330ms 200ms;
	}

	.product-list li:hover figure mark:after {
		width: 100%;
		transition: 330ms 200ms;
	}

.product-list li:hover figure img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover figure mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover figure mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #eb6123;
}

.news_two_box {
	width: 100%;
	height: 159px;
	border: 1px solid transparent;
	position: relative;
	background: #f7f7f7;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.news_two_ul {
	height: auto;
	overflow: hidden;
	padding: 20px;
	width: 100%ï¼›
}

.news_two_nav {
	width: 100%;
	padding-left: 20px
}

.news_two_ul li {
	width: 100%;
	height: 159px;
	border: 1px solid transparent;
	margin-bottom: 20px
}

.news_two_txt span {
	font-size: 16px;
	color: #717171;
	display: block;
	height: 24px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt span {
	color: #333
}

.news_two_txt i {
	height: 52px;
	color: #A2A2A2;
	line-height: 24px;
	display: block;
	overflow: hidden;
	transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt i {
	color: #999
}

.news_two_txt {
	width: 56%;
	float: left;
	margin: 36px 0 28px 34px;
	transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_txt {
	margin: 36px 0 28px 54px
}

.news_two_date {
	width: 180px;
	float: right;
	color: #999;
	padding: 36px 66px 0 0;
	transition: all .3s ease-out 0s
}

.news_two_box:hover .news_two_date {
	padding: 36px 43px 0 0
}

.news_two_date span {
	height: 26px;
	font-size: 19px;
}

.news_two_date i {
	font-size: 13px;
}

.news_two_but {
	position: absolute;
	top: 100px;
	right: 105px
}

.news_two_box:hover {
	border: 1px solid #efefef;
	box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)
}

	.news_two_box:hover .news_two_img {
		background: #ccc;
		background: #ccc
	}

.ser_but {
	position: absolute;
	top: 72px;
	right: 50px;
	width: 70px;
	height: 35px;
	border-radius: 18px;
	text-align: center;
	border: 1px solid #dedfe1;
	transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s
}

	.ser_but i {
		width: 70px;
		height: 35px;
		line-height: 35px;
		transition: all 0.3s;
	}

.news_two_but {
	position: absolute;
	top: 100px;
	right: 105px
}

.news_two_box:hover .ser_but {
	background: #ccc;
	border: 1px solid #ccc;
	margin: 0 -60px
}

.new_thr {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0 160px 0
}

.new_thr_h2 {
	width: 800px;
	font-size: 18px;
	color: #333;
	padding-bottom: 16px;
	margin: 0 auto;
	text-align: center
}

.news_thr_share {
	width: 330px;
	margin: 0 auto;
	color: #999;
	height: 18px;
	line-height: 18px
}

.news_thr_share_date {
	width: 100%;
	text-align: center;
}

.news_thr_ico {
	text-indent: 14px;
	width: 200px
}

	.news_thr_ico a {
		color: #999;
		font-size: 16px
	}

.news_thr_txt {
	width: 974px;
	padding: 36px 14px 0 12px;
	border-top: 1px dotted #e5e5e5;
	margin-top: 50px
}

.news_thr_txt_img {
	width: 980px;
	height: auto;
	padding: 38px 0
}

.news_two_img {
	width: 230px;
	height: 157px;
	float: left;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

	.news_two_img img {
		width: 200px;
		height: 130px;
		margin: 15px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	}

.news_thr_ico a:hover {
	color: #1bb2e8
}

.newsList {
	width: inherit;
	height: auto;
	overflow: hidden;
	border-color: transparent;
}

	.newsList ul {
		width: inherit;
		height: auto;
		overflow: hidden;
		border-color: transparent;
		padding: 15px;
	}

	.newsList li {
		margin: 5px;
		height: auto;
		overflow: hidden;
		border: 1px solid #f0f0f0;
		width: calc((100% - 50px)/3);
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	.newsList .item {
		padding: 5%;
		position: relative;
	}

	.newsList .img {
		position: relative;
		width: 100%;
		padding-bottom: 50%;
		height: auto;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
	}

		.newsList .img img {
			width: 100%;
			display: block;
			transition: 600ms;
			-webkit-transition: 600ms;
			-ms-transition: 600ms;
			height: auto !important;
			left: 50% !important;
			top: 50% !important;
			-webkit-transform: translate(-50%, -50%) !important;
			-ms-transform: translate(-50%, -50%) !important;
			transform: translate(-50%, -50%) !important;
			position: absolute !important;
		}

	.newsList .black {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background: none rgba(0,0,0,0.5);
		opacity: 0;
		visibility: hidden;
	}

	.newsList .ntype {
		position: absolute;
		left: 0px;
		top: 0px;
		padding: 2px 15px;
		background-color: #65beba;
		color: #fff;
		font-size: 12px;
		line-height: 180%;
	}

	.newsList .t {
		font-size: 16px;
		line-height: 1.4;
		color: #3E3E3E;
		height: 45px;
		overflow: hidden;
		margin: 16px 0px;
	}

	.newsList .bot {
		color: #999;
		font-family: arial, helvetica, sans-serif;
	}

.ntime {
	background: url(../images/c495.png) no-repeat scroll left center;
	padding: 2px 0px 2px 22px;
	margin-right: 12px;
	font-size: 12px;
	line-height: 180%;
}

.newsList .blueBg {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 0%;
	background-color: rgba(101, 190, 186, 1);
	transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
	-webkit-transition: all 0.7s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;
}

.newsList .linkA {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
}

.newsList li:hover .blueBg {
	height: 100%;
}

.newsList li:hover .ntype {
	background-color: #fff;
	color: #65beba;
}

.newsList li:hover .t, .newsList li:hover .bot {
	color: #fff;
}

	.newsList li:hover .bot .ntime {
		background: url(../images/9c495.png) no-repeat scroll left center !important;
	}

.newsList li:hover .black {
	opacity: 1;
	visibility: visible;
}

.newsList li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/*update_news3*/
.news3 {
	max-width: 1200px;
	margin: 0 auto;
}

	.news3 ul li {
		padding: 0px 15px;
		box-sizing: border-box;
		transition: all .4s ease-out;
	}

		.news3 ul li .news_con {
			border-bottom: 1px solid rgba(240,240,240,1);
			overflow: hidden;
			padding: 15px 0px;
		}

			.news3 ul li .news_con .news_pic {
				float: left;
				width: 180px;
				overflow: hidden;
			}

				.news3 ul li .news_con .news_pic img {
					width: 100%;
					transition: all .36s ease;
				}

		.news3 ul li .news_desc {
			float: right;
			width: calc(100% - 200px);
		}

			.news3 ul li .news_desc strong {
				display: block;
				font-weight: normal;
				line-height: 24px;
				overflow: hidden;
			}

				.news3 ul li .news_desc strong a {
					float: left;
					font-size: 14px;
					color: #323232;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					width: calc(100% - 235px);
				}

				.news3 ul li .news_desc strong em {
					float: right;
					font-style: normal;
					color: #969696;
					font-size: 12px;
					display: flex;
					align-items: center;
				}

					.news3 ul li .news_desc strong em i {
						font-style: normal;
						display: inline-flex;
						align-items: center;
					}

			.news3 ul li .news_desc span {
				display: block;
				font-size: 14px;
				color: #666;
				line-height: 24px;
				padding-top: 10px;
			}



.haxel {
	margin: 5% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.haxel-1 {
	width: 30%;
	margin-left: 9%;
}

	.haxel-1 h2 {
		font-size: 24px;
		color: #333;
		display: block;
		margin-bottom: 5%;
	}

	.haxel-1 ul li {
		line-height: 30px;
		font-size: 14px;
		color: #666;
	}

		.haxel-1 ul li span {
			display: inline-block;
			color: #666
		}

.haxel .img {
	width: 57%;
}

	.haxel .img img {
		width: 100%;
		vertical-align: bottom;
	}

.dtxs {
	margin-top: 4%;
	margin-bottom: 4%;
}

.dixs-l {
	float: left;
	display: block;
	width: 48%;
	border: rgba(228,228,228,1) 1px solid;
}

.dixs-r {
	float: right;
	display: block;
	width: 48%;
	color: #333
}

	.dixs-r h2 {
		font-size: 24px;
		display: block
	}

.dixs-l .mySwiper .swiper-slide {
	border: 2px solid #fff;
}

.dixs-l .swiper-slide-thumb-active {
	border: 2px solid rgba(154,155,155,1) !important;
}

.dixs-l .mySwiper {
	margin-top: 2%;
	margin-bottom: 2%
}

.dnie {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 20px;
}

	.dnie a {
		color: #969696;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 14px;
	}

		.dnie a span {
			color: #000;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 10px;
			display: block;
		}

.liuuan01 {
	float: left;
	display: block;
	width: 40%;
}

	.liuuan01 ul li {
		display: flex;
		align-items: flex-start;
		margin: 10px 0
	}

		.liuuan01 ul li span {
			text-align: right;
			font-size: 14px;
			color: #666;
			line-height: 30px;
			width: 13%;
		}

			.liuuan01 ul li span em {
				font-size: 12px;
				color: #ff1800;
				font-style: normal;
				display: inline-block;
			}

		.liuuan01 ul li .txed {
			width: 79%;
			border: 1px solid rgba(228, 228, 228, 1);
			height: 150px;
			display: block;
			padding: 5px 5px 0 5px;
			margin-left: 3%;
			box-sizing: border-box;
		}

			.liuuan01 ul li .txed::-webkit-input-placeholder {
				color: #ccc;
			}

		.liuuan01 ul li .input_text01 {
			width: 79%;
			border: 1px solid rgba(228, 228, 228, 1);
			height: 30px;
			display: block;
			margin-left: 3%;
			line-height: 30px;
			outline: none;
			padding: 0 5px;
			box-sizing: border-box;
		}

			.liuuan01 ul li .input_text01::-webkit-input-placeholder {
				color: #ccc;
			}

		.liuuan01 ul li .radio {
			line-height: 30px;
			height: 30px;
			margin-left: 10px;
		}

		.liuuan01 ul li .input_text02 {
			width: 30%;
			border: 1px solid rgba(228, 228, 228, 1);
			height: 30px;
			display: block;
			margin-left: 3%;
			line-height: 30px;
			outline: none;
			padding: 0 5px;
			box-sizing: border-box;
		}

			.liuuan01 ul li .input_text02::-webkit-input-placeholder {
				color: #ccc;
			}

		.liuuan01 ul li .img {
			width: 30%;
			height: 30px;
			margin-left: 10px;
		}

			.liuuan01 ul li .img img {
				max-width: 100%;
				max-height: 100%;
			}

		.liuuan01 ul li > a {
			font-size: 12px;
			margin-left: 10px;
			color: #ccc;
			line-height: 30px;
		}

	.liuuan01 > a {
		display: table;
		width: auto;
		height: 40px;
		min-width: 90px;
		margin-left: 75px;
		margin-top: 13px;
		position: static;
		padding-top: 0;
		padding-right: 20px;
		padding-left: 20px;
		text-align: center;
		background-color: rgb(254, 119, 0);
		line-height: 40px;
		color: #fff;
	}

.liuyan {
	margin-top: 3%;
}

	.liuyan .img {
		float: right;
		display: block;
		width: 50%
	}

		.liuyan .img img {
			width: 100%;
			vertical-align: bottom;
		}

@media only screen and (max-width: 980px) {
	.wapper {
		width: 90% !important;
	}

	.header-bg {
		display: none;
	}

	.top {
		height: 0px;
		display: block !important;
	}

	.weizhi2 {
		height: auto;
	}

	.weizhi2_left {
		float: none;
	}

	.weizhi2_right {
		float: none;
		height: auto;
		overflow: hidden;
		margin-top: 10px;
	}

		.weizhi2_right a {
			margin-left: 0px;
			margin-right: 10px;
		}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header {
		height: 50px;
		overflow: hidden;
		background: #fff;
		position: fixed;
		z-index: 10;
		width: 100%;
		display: block;
	}

	.sp_logo {
		padding: 10px;
		float: left;
		height: 50px
	}

		.sp_logo img {
			margin: auto;
			max-height: 30px;
		}

	.sp_nav {
		width: 50px;
		float: right;
		position: relative;
		cursor: pointer;
		height: 30px;
		margin-top: 15px
	}

		.sp_nav span {
			display: block;
			background: #c9141e;
			width: 30px;
			height: 2px;
			position: absolute;
			left: 10px;
			transition: all ease 0.35s
		}

			.sp_nav span:nth-of-type(1) {
				top: 0px
			}

			.sp_nav span:nth-of-type(2) {
				top: 10px
			}

			.sp_nav span:nth-of-type(3) {
				top: 20px
			}

	.sp_nav_se span:nth-of-type(1) {
		top: 10px;
		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {
		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {
		top: 10px;
		transform: rotate(-45deg)
	}

	.sjj_nav {
		position: fixed;
		z-index: 9;
		background: #eee;
		width: 100%;
		height: calc(100% - 104px);
		font-size: 14px;
		line-height: 40px;
		top: -100%;
		left: 0;
		overflow: auto;
		overflow-x: hidden;
		transition: top ease 0.35s;
		display: block;
	}

	.nav_show {
		top: 50px
	}

	.sjj_nav > ul > li:first-child {
		overflow: hidden;
		border-top: 0
	}

		.sjj_nav > ul > li:first-child > a {
			float: left;
			width: calc(100% - 70px)
		}

		.sjj_nav > ul > li:first-child .language {
			float: right;
			width: 70px;
			overflow: hidden;
			line-height: 30px;
			margin-top: 5px
		}

			.sjj_nav > ul > li:first-child .language a {
				width: 35px;
				float: left;
				border-left: 1px #ddd solid;
				text-align: center;
				color: #999;
			}

	.sjj_nav ul li i {
		position: absolute;
		top: 5px;
		right: 0px;
		border-left: 1px #ddd solid;
		height: 30px;
		padding: 0px 7px 0 7px;
	}

		.sjj_nav ul li i svg {
			transform: rotate(-90deg);
			transition: all ease 0.35s
		}

	.sjj_nav ul li .sjj_nav_i_se svg {
		transform: rotate(0deg)
	}

	.sjj_nav ul li {
		border-top: 1px #ddd solid;
		margin-left: 20px;
		position: relative;
		line-height: 40px;
		font-size: 14px
	}

	.sjj_nav > ul > li:last-child {
		border-bottom: 1px #ddd solid;
	}

	.sjj_nav ul li ul {
		display: none
	}

	.sjj_nav ul li a {
		color: #666;
		width: 80%
	}

	.sjj_nav ul li ul li a {
		color: #999;
		display: block;
		text-align: left;
	}

	.sjj_nav ul li i svg {
		width: 20px;
		height: 20px;
		fill: #555;
	}

	.sjj_nav ul li .sjj_nav_i_se svg {
		fill: #c9141e
	}

	.sjj_nav ul li ul li > ul {
		margin-left: 10px
	}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.dixs-r img {
		max-width: 100%;
	}

	.duo {
		background: url(../images/zx.png) left 10px center no-repeat;
	}

	.scroll_02 {
		padding-right: 4%;
	}

	.inside_con img {
		max-width: 100%;
		width: 100% !important;
		height: auto !important;
	}

	.inside_con table td {
		width: 100%;
		display: block;
	}

	.cent01-l {
		display: block;
		float: none;
		width: 100%;
	}

	.cent01-r {
		float: none;
		display: block;
		width: 100%;
	}

		.cent01-r ul li {
			width: calc((100% - 5%)/2);
			margin-right: 5%;
			margin-top: 5%;
		}

			.cent01-r ul li:nth-child(2n) {
				margin-right: 0%;
			}

	.footer-bg {
		margin-top: 11%;
	}

	.footer01 {
		width: 60px;
		height: 60px;
		top: -30px;
		margin-left: -30px;
	}

	.footer02 {
		padding-top: 12%;
	}

		.footer02 dl {
			align-items: flex-start;
		}

			.footer02 dl dd {
				display: block;
			}

				.footer02 dl dd img {
					width: 30px;
					margin-right: 10px;
				}

				.footer02 dl dd .ge {
					font-size: 12px;
				}

	.footer03 ul {
		flex-wrap: wrap;
	}

	.footer04 {
		text-align: center;
		display: block;
		font-size: 12px;
	}

	.fzlc01 img {
		padding-left: 24.8%;
	}

	.fzlc ul:before {
		left: 31%;
	}

	.c_news_list-110002 .wrap ul li {
		width: 100%;
		float: none;
	}

		.c_news_list-110002 .wrap ul li .a1 img {
			width: 100%;
			height: auto;
		}

	.product-list li {
		float: none;
		display: block;
		width: 100%;
		margin: 0 0 5% 0;
	}

	.news_two_ul li {
		width: 100%;
		height: auto;
	}

	.news_two_img {
		float: none;
		display: block;
		width: 100%;
		margin: 0%;
		height: auto;
	}

		.news_two_img img {
			width: 100%;
			height: auto;
			margin: 0
		}

	.news_two_txt {
		float: none;
		display: block;
		width: 90%;
		margin: 5%;
	}

	.news_two_but {
		position: relative;
		top: inherit;
		right: inherit;
		padding: 0 5%;
	}

	.news_two_box {
		height: auto;
	}

	.news_two_txt i {
		height: auto;
	}

	.news_two_date {
		float: none;
		padding: 2% 5%;
	}

	.newsList li {
		float: none;
		display: block;
		width: 100%;
		margin-top: 5%;
	}

	.news3 ul li {
		padding: 0px;
	}

		.news3 ul li .news_con {
			padding: 20px 0px;
		}

			.news3 ul li .news_con .news_pic {
				float: none;
				width: 100%;
			}

		.news3 ul li .news_desc {
			float: none;
			width: 100%;
			margin-top: 10px;
		}

	.haxel {
		display: block
	}

	.haxel-1 {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0
	}

	.haxel .img {
		display: block;
		width: 100%;
		margin-top: 5%;
	}

	.dixs-l {
		float: none;
		width: 100%;
	}

	.dixs-r {
		float: none;
		width: 100%;
	}
}





.slideBox {
	width: 210px;
	height: 250px;
	overflow: hidden;
	position: relative;
}

	.slideBox .hd {
		height: 15px;
		overflow: hidden;
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 1;
	}

		.slideBox .hd ul {
			overflow: hidden;
			zoom: 1;
			float: left;
		}

			.slideBox .hd ul li {
				float: left;
				margin-right: 5px;
				width: 15px;
				height: 15px;
				line-height: 14px;
				text-align: center;
				background: #fff;
				cursor: pointer;
			}

				.slideBox .hd ul li.on {
					background: #f00;
					color: #fff;
				}

	.slideBox .bd {
		position: relative;
		height: 100%;
		z-index: 0;
	}

		.slideBox .bd ul li {
			position: relative;
		}

		.slideBox .bd ul span {
			display: block;
			height: 40px;
			line-height: 40px;
			background: #000;
			background: rgba(0,0,0,0.8);
			position: absolute;
			bottom: 0px;
			width: 100%;
			color: #fff;
			padding-left: 10px;
		}

		.slideBox .bd img {
			width: 210px;
			height: 250px;
		}

.flash {
	position: relative;
	width: 100%;
	height: 415px;
	overflow: hidden;
	margin-top: -50px;
}

.myFocus {
	width: 1600px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	height: 415px;
}

.flashn {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	margin-top: -50px;
}

.myFocusn {
	width: 1600px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	height: 250px;
}


/* 大图特效 开始theme-default */
.theme-default #slider {
	margin: 0 auto;
	width: 1600px;
	height: 415px;
}

.theme-default .nivoSlider {
	background: url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);
	margin-bottom: 50px;
	position: relative;
}

	.theme-default .nivoSlider img {
		left: 0px;
		top: 0px;
		display: none;
		position: absolute;
	}

	.theme-default .nivoSlider a {
		border: 0px currentColor;
		display: block;
	}

.theme-default .nivo-controlNav {
	left: 684px;
	width: 193px;
	height: 38px;
	bottom: -12px;
	padding-top: 0px;
	padding-left: 50px;
	position: absolute;
	z-index: 9;
}

	.theme-default .nivo-controlNav a {
		background: url(../images/bullets.png) no-repeat;
		border: 0px currentColor;
		width: 23px;
		height: 17px;
		text-indent: -9999px;
		margin-right: 3px;
		float: left;
		display: block;
	}

		.theme-default .nivo-controlNav a.active {
			background-position: 0px -17px;
		}

.theme-default .nivo-directionNav a {
	background: url(../images/arrows.png) no-repeat;
	border: 0px currentColor;
	width: 65px;
	height: 65px;
	text-indent: -9999px;
	display: block;
}

.theme-default a.nivo-nextNav {
	background-position: -65px 0px;
	top: 181px;
	right: 300px;
}

.theme-default a.nivo-prevNav {
	left: 300px;
	top: 181px;
}

.theme-default a.nivo-nextNav:hover {
	background-position: -65px -65px;
	top: 181px;
	right: 300px;
}

.theme-default a.nivo-prevNav:hover {
	background-position: 0px -65px;
	left: 300px;
	top: 181px;
}

.theme-default .nivo-caption {
	font-family: Helvetica,Arial,sans-serif;
}

	.theme-default .nivo-caption a {
		color: rgb(255, 255, 255);
		border-bottom-color: rgb(255, 255, 255);
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}

		.theme-default .nivo-caption a:hover {
			color: rgb(255, 255, 255);
		}
/* nivoSlider */
.nivoSlider {
	position: relative;
}

	.nivoSlider img {
		left: 0px;
		top: 0px;
		position: absolute;
	}

	.nivoSlider a.nivo-imageLink {
		margin: 0px;
		padding: 0px;
		border: 0px currentColor;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		display: none;
		position: absolute;
		z-index: 6;
	}

.nivo-slice {
	height: 100%;
	display: block;
	position: absolute;
	z-index: 5;
}

	.nivo-slice img {
		width: 107px;
		height: 100%;
		opacity: 1;
		top: 0px;
		display: block;
	}

.nivo-box {
	display: block;
	position: absolute;
	z-index: 5;
}

.nivo-caption {
	background: rgb(0, 0, 0);
	left: 0px;
	width: 30%;
	bottom: 0px;
	color: rgb(255, 255, 255);
	display: none;
	position: absolute;
	z-index: 8;
	opacity: 0.8;
}

	.nivo-caption p {
		margin: 0px;
		display: none;
	}

	.nivo-caption a {
		display: inline !important;
	}

.nivo-html-caption {
	display: none;
}

.nivo-directionNav a {
	top: 45%;
	position: absolute;
	z-index: 9;
	cursor: pointer;
}

.nivo-prevNav {
	left: 0px;
}

.nivo-nextNav {
	right: 0px;
}

.nivo-controlNav a {
	position: relative;
	z-index: 9;
	cursor: pointer;
}

	.nivo-controlNav a.active {
		font-weight: bold;
	}
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01 {
	width: 1000px;
	height: 360px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

	.banner_01 ul {
		height: 360px;
		position: absolute;
	}

		.banner_01 ul li {
			width: 1000px;
			height: 360px;
			float: left;
			overflow: hidden;
			position: relative;
			background: #ccc;
		}

			.banner_01 ul li img {
				width: 1000px;
				height: 360px;
			}

	.banner_01 .btnBg {
		width: 1000px;
		height: 20px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #000;
	}

	.banner_01 .btn {
		width: 1000px;
		position: absolute;
		height: 10px;
		padding: 5px 10px;
		right: 0;
		bottom: 3px;
		text-align: right;
	}

		.banner_01 .btn span {
			display: inline-block;
			_display: inline;
			_zoom: 1;
			width: 25px;
			height: 10px;
			_font-size: 0;
			margin-left: 5px;
			cursor: pointer;
			background: #fff;
		}

			.banner_01 .btn span.on {
				background: #fff;
			}

	.banner_01 .preNext {
		top: 130px;
		width: 45px;
		height: 100px;
		position: absolute;
		background: url(../images/sprite.png) no-repeat 0 0;
		cursor: pointer;
	}

	.banner_01 .pre {
		left: 0;
	}

	.banner_01 .next {
		right: 0;
		background-position: right top;
	}

/*banner_02*/
.banner_02 {
	height: 360px;
	overflow: hidden;
}

	.banner_02 #banner_02_con {
		display: none;
	}

/*banner_03*/
.banner_03 {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 360px;
	overflow: hidden;
}

	.banner_03 .bd {
		Z-INDEX: 0;
		position: relative;
		overflow: hidden;
	}

		.banner_03 .bd ul {
			margin: 0px auto;
		}

		.banner_03 .bd li {
			width: 100%;
			height: 360px;
			text-align: center;
			overflow: hidden;
		}

	.banner_03 .hd {
		position: relative;
		top: -40px;
		width: 1100px;
		height: 20px;
		margin: 0px auto;
		text-align: center;
	}

		.banner_03 .hd ul {
			position: absolute;
			left: 50%;
			margin-left: -60px;
			bottom: 0px;
			z-index: 99;
			width: 150px;
			height: 22px;
		}

			.banner_03 .hd ul li {
				height: 22px;
				width: 22px;
				margin-left: 15px;
				text-align: center;
				text-indent: -9999em;
				float: left;
				background: url(../Images/BannerBg_02.png) no-repeat;
				cursor: pointer;
			}

			.banner_03 .hd ul .on {
				background: url(../images/BannerBg_01.png) no-repeat;
			}

	.banner_03 .prev {
		position: absolute;
		TOP: 50%;
		left: 20px;
		Z-INDEX: 2;
		width: 31px;
		height: 53px;
		margin-top: -30px;
		background: url(../Images/BannerLeft.png) no-repeat;
		cursor: pointer;
	}

	.banner_03 .next {
		position: absolute;
		TOP: 50%;
		right: 20px;
		Z-INDEX: 2;
		width: 31px;
		height: 53px;
		margin-top: -30px;
		background: url(../Images/BannerRgt.png) no-repeat;
		cursor: pointer;
	}

/*scroll_left start*/
#scroll_left {
	overflow: hidden;
	width: 930px;
	margin: 0px 10px;
}

	#scroll_left span {
		display: block;
		height: 28px;
		line-height: 28px;
		text-align: center;
	}

	#scroll_left .scroll_scale {
		width: 164px;
		height: 124px;
		background: #FFF;
		margin: 0 5px;
		border: 1px solid #e4e4e4;
	}

		#scroll_left .scroll_scale table tr td {
			height: 124px;
			width: 164px;
			text-align: center;
		}

		#scroll_left .scroll_scale img {
			max-width: 160px;
			max-height: 120px;
			width: expression(this.width >160 && this.height < this.width ? 160: true);
			height: expression(this.height > 120 ? 120: true);
		}
/*scroll_left end*/

/*scroll_01*/
.scroll_01 {
	background: #ddd;
}

	.scroll_01 .hd .prev, .scroll_01 .hd .next {
		display: block;
		width: 5px;
		height: 9px;
		line-height: 10px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/icoLeft.gif) no-repeat;
	}

	.scroll_01 .hd .next {
		background: url(../images/icoRight.gif) no-repeat;
	}

	.scroll_01 .bd li {
		float: left;
	}


/*scroll_03*/
.scroll_03 {
	background: #ddd;
}

	.scroll_03 .hd .prev, .scroll_03 .hd .next {
		display: block;
		width: 5px;
		height: 9px;
		line-height: 10px;
		overflow: hidden;
		cursor: pointer;
		background: url(../images/icoLeft.gif) no-repeat;
	}

	.scroll_03 .hd .next {
		background: url(../images/icoRight.gif) no-repeat;
	}

	.scroll_03 .bd li {
		float: left;
		width: 200px;
		overflow: hidden;
		margin: 0 10px;
	}

		.scroll_03 .bd li .img {
			height: 150px;
			border: #f4f4f4 solid 1px;
			padding: 2px;
			background: #fff;
		}

			.scroll_03 .bd li .img:hover {
				background: #f4f4f4;
			}

		.scroll_03 .bd li span {
			height: 30px;
			line-height: 30px;
			text-align: center;
			display: block;
		}

		.scroll_03 .bd li .img table tr td {
			height: 144px;
		}

			.scroll_03 .bd li .img table tr td img {
				max-width: 194px;
				max-height: 144px;
			}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on {
	background: #ddd;
	cursor: pointer;
}

.contentfirst {
	display: none;
}

.contentin {
	display: block;
}

.tabin {
	background: #ddd;
}



/*Add------------------------------------------------------------------------------*/

.weizhi {
	height: 40px;
	line-height: 40px;
	background: url(../images/title03.png) no-repeat;
	font-size: 14px;
}

.inside {
	margin-top: 20px;
	background: url(../images/title_04.gif) #fff repeat-y;
	min-height: 400px;
}

.inside_left {
	width: 220px;
	float: left;
}

	.inside_left .side_a dl dt {
		border-bottom: 3px solid #ddd;
		display: block;
		height: 40px;
		color: #324483;
		font-weight: bold;
		line-height: 40px;
		font-size: 18px;
	}

	.inside_left .side_a dl dd {
		height: 36px;
		line-height: 36px;
		border-bottom: #ddd solid 1px;
	}

		.inside_left .side_a dl dd a {
			display: block;
			padding-left: 30px;
			font-size: 14px;
			background: url(../images/about-cn3_19.jpg) 15px center no-repeat;
		}

			.inside_left .side_a dl dd a:hover {
				background: #324483;
				color: #fff;
			}

	.inside_left .side_a dl .hover a {
		background: #324483;
		color: #fff;
	}

.lianxi {
	margin-top: 15px;
	text-align: center;
	padding-bottom: 20px;
}

.inside_right {
	width: 720px;
	float: right;
}



/*contact*/
.contact h2 {
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	color: #fff;
	background: #999;
}

.contact {
	margin-top: 15px;
}

	.contact ul {
		padding: 10px 10px;
		border: #e4e4e4 solid 1px;
	}

		.contact ul li {
			line-height: 20px;
			padding: 3px 0;
		}

/*proShow*/
.product_show ul li {
	width: 130px;
	line-height: 20px;
}

.product_show ul li {
	float: left;
	margin: 15px 20px 0;
	border: #e4e4e4 solid 1px;
	display: inline;
}

.pro img {
	max-width: 120px;
	max-height: 90px;
	width: expression(this.width >120 && this.height < this.width ? 120: true);
	height: expression(this.height > 90 ? 90: true);
}

.hover2 {
	background: #f4f4f4;
}

/*product_list*/
.side_product {
	margin-top: 15px;
}

	.side_product h2 {
		height: 36px;
		line-height: 36px;
		padding-left: 20px;
		color: #fff;
		background: #999;
	}

	.side_product ul {
		padding: 10px 10px;
		border: #e4e4e4 solid 1px;
	}

		.side_product ul li {
			line-height: 24px;
		}

			.side_product ul li a {
				padding-left: 30px;
				display: block;
				border-bottom: #e4e4e4 dashed 1px;
				background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;
			}

			.side_product ul li dl dd a {
				display: inline;
				border: none;
				background: none;
			}
