.banner_txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 63px;
	background: url(/themes/tp4/images/slide-bottom.png) center repeat-x
}

.us-product {
	width: 1200px;
	height: 750px;
	margin: auto;
	padding-top: 20px
}

.title {
	width: 100%;
	height: 150px;
	text-align: center
}

.title h1 {
	font-size: 32px;
	line-height: 60px
}

.title p {
	font-size: 16px;
	color: #666;
	line-height: 90px
}

.bg1 {
	background: url(/themes/tp4/images/index/title_bg01.png) center center no-repeat
}

.us-t {
	width: 100%;
	height: 320px
}

.us-l {
	width: 610px;
	height: 100%;
	display: block;
	float: left
}

.us-tab {
	width: 100%;
	height: 80px
}

.us-tab ul {
	width: 378px;
	height: 70px;
	border-bottom: 1px solid #666
}

.us-tab ul li {
	float: left;
	display: block;
	font-size: 24px;
	color: #666;
	margin-right: 50px;
	height: 69px;
	line-height: 70px
}

.us-tab .li-w2 {
	width: 150px;
	margin: 0
}

.us-tab ul li:hover {
	cursor: pointer
}

.us-tab ul li span {
	display: inline-block;
	width: 42px;
	height: 38px;
	vertical-align: middle;
	padding-right: 10px
}

.us-we {
	background: url(/themes/tp4/images/index/img-title-1.png) no-repeat
}

.us-a {
	background: url(/themes/tp4/images/index/img-title-2.png) no-repeat
}

.us-tab .us-tab-active {
	color: #0e7eb7;
	border-bottom: 3px solid #0e7eb7
}

.us-tab .us-tab-active .us-we {
	background: url(/themes/tp4/images/index/img-title-1-on.png) no-repeat
}

.us-tab .us-tab-active .us-a {
	background: url(/themes/tp4/images/index/img-title-2-on.png) no-repeat
}

.us-r {
	margin: 15px 0 0 0;
	width: 100%;
	height: 220px;
	clear: both
}

.us-text {
	width: 100%;
	height: 100%;
	display: none
}

.us-text p {
	height: 144px;
	overflow: hidden;
	line-height: 24px;
	color: #7d7d7d
}

.us-text a {
	display: block;
	width: 138px;
	height: 36px;
	border: 1px solid #0e7eb7;
	text-align: center;
	line-height: 38px;
	color: #0e7eb7;
	margin: 10px 0 0 0
}

.us-r .us-text-active {
	display: block
}

.us-img-box {
	margin: 0 0 0 70px;
	width: 520px;
	height: 286px;
	float: left;
	display: block
}

.us-img {
	display: none;
	width: 100%;
	height: 100%;
	position: relative
}

.us-img span {
	position: absolute;
	width: 50px;
	height: 50px;
	display: block
}

.us-img .rt-border {
	border-radius: 0 5px 0 0;
	top: 10px;
	right: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff
}

.us-img .lb-border {
	border-radius: 0 0 0 5px;
	left: 10px;
	bottom: 10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.us-img-box .us-img-active {
	display: block
}

.us-slider-box {
	width: 100%;
	height: 245px;
	margin: 5px 0 0 0
}

.us-slider {
	width: 1200px;
	margin: auto;
	height: 100%;
	display: none
}

.us-slider-box .us-slider-active {
	display: block
}

.bg2 {
	background: url(/themes/tp4/images/index/title_bg02.png) center center no-repeat
}

.us-service {
	padding-top: 130px;
	width: 100%;
	min-width: 1200px;
	height: 524px;
	background: url(/themes/tp4/images/index/servive-bg.jpg) center no-repeat
}

.us-service-box {
	width: 1200px;
	height: 350px;
	margin: auto
}

.us-ul {
	width: 140px;
	height: 350px;
	float: left;
	display: block
}

.us-ul-margin1 {
	margin: 0 0 0 50px
}

.us-ul-margin2 {
	margin: 0 0 0 180px
}

.us-ul-margin3 {
	margin: 0 180px 0 180px
}

.us-ul-margin4 {
	margin: 0
}

.us-ul li {
	text-align: center;
	line-height: 24px
}

.us-ul span {
	margin: 0 0 0 10px;
	width: 120px;
	height: 135px;
	display: block
}

.us-ul h1 {
	width: 100%;
	height: 72px;
	display: block;
	line-height: 72px;
	font-size: 22px
}

.us-ul a:hover {
	text-decoration: underline
}

.us-care {
	background: url(/themes/tp4/images/index/service-one.png) no-repeat;
	background-size: 100%
}

.us-weixiu {
	background: url(/themes/tp4/images/index/service-two.png) no-repeat
}

.us-peixun {
	background: url(/themes/tp4/images/index/service-three.png) no-repeat
}

.us-xiazai {
	background: url(/themes/tp4/images/index/service-four.png) no-repeat
}

.us-ul:hover {
	cursor: pointer
}

.us-ul:hover .us-care {
	background: url(/themes/tp4/images/index/service-one-on.png) no-repeat
}

.us-ul:hover .us-weixiu {
	background: url(/themes/tp4/images/index/service-two-on.png) no-repeat
}

.us-ul:hover .us-peixun {
	background: url(/themes/tp4/images/index/service-three-on.png) no-repeat
}

.us-ul:hover .us-xiazai {
	background: url(/themes/tp4/images/index/service-four-on.png) no-repeat
}

.us-news {
	padding-top: 30px;
	width: 100%;
	min-width: 1200px;
	height: 462px;
	background: url(/themes/tp4/images/index/new-bg.jpg) center no-repeat
}

.us-news-box {
	width: 1200px;
	height: 220px;
	margin: 15px auto 0 auto
}

.news-left {
	width: 745px;
	height: 100%;
	float: left;
	display: block
}

.news-l-img {
	width: 314px;
	height: 195px;
	float: left;
	display: block
}

.news-l-text {
	width: 405px;
	height: 100%;
	float: right;
	display: block
}

.news-l-title {
	width: 100%;
	height: 30px
}

.news-l-title h1 {
	width: 270px;
	height: 20px;
	float: left;
	display: block;
	overflow: hidden
}

.news-l-text p {
	width: 100%;
	height: 90px;
	overflow: hidden;
	line-height: 28px;
	color: #666;
	margin-top: 10px
}

.news-l-texta {
	margin-top: 30px;
	display: block;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border: 1px solid #0e7eb7;
	color: #0e7eb7;
	border-radius: 3px
}

.news-l-title span {
	width: auto;
	float: right;
	display: block
}

.news-right {
	width: 425px;
	height: 100%;
	float: right;
	display: block
}

.news-ul {
	overflow: hidden;
	width: 100%;
	height: 160px;
	background: url(/themes/tp4/images/index/point-bg.png) 5px 18px no-repeat
}

.news-ul ul {
	width: 420px;
	height: 160px;
	margin: 0 0 0 3px
}

.news-ul ul li {
	background: url(/themes/tp4/images/index/point.png) left center no-repeat
}

.news-ul ul li:hover {
	cursor: pointer;
	background: url(/themes/tp4/images/index/point-on.png) left center no-repeat
}

.news-ul ul li:hover p,.news-ul ul li:hover span {
	color: #0e7eb7
}

.new-list {
	width: 390px;
	height: 37px;
	line-height: 36px;
	border-bottom: 1px dashed #e1e2e3;
	margin-left: 15px
}

.new-list p {
	width: 290px;
	height: 36px;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.new-list span {
	float: right;
	width: auto;
	display: block
}

.news-btn {
	width: 100px;
	height: 26px
}

.news-btn a {
	display: block;
	width: 24px;
	height: 22px;
	border-radius: 3px;
	border: 1px solid #b2b2b2;
	float: left;
	margin-right: 10px
}

.news-btn span {
	display: block;
	width: 100%;
	height: 100%
}

.up {
	background: url(/themes/tp4/images/index/to-top.png) center center no-repeat
}

.down {
	background: url(/themes/tp4/images/index/to-down.png) center center no-repeat
}

.news-btn a:hover {
	border: 1px solid #0e7eb7
}

.news-btn a:hover .up {
	background: url(/themes/tp4/images/index/to-up-on.png) center center no-repeat
}

.news-btn a:hover .down {
	background: url(/themes/tp4/images/index/to-down-on.png) center center no-repeat
}

.scroll_horizontal {
	position: relative;
	width: 1200px;
	margin: auto;
	height: 250px
}

.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	width: 1200px;
	height: 250px;
	margin: 0 auto
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px
}

.scroll_horizontal .list li {
	float: left;
	width: 210px;
	height: 240px;
	padding: 2px 15px
}

.scroll_horizontal .list li img {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: all .35s ease-in;
	-webkit-transition: all .35s ease-in
}

.scroll_horizontal .list li a {
	display: block;
	width: 212px;
	height: 235px;
	border: 1px solid #eff0f0;
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	background: #f68c3e
}

.list li h1 {
	width: 100%;
	height: 24px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 20px;
	left: 0;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .35s ease-in;
	-webkit-transition: all .35s ease-in
}

.list li h2 {
	width: 100%;
	height: 24px;
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 60px;
	left: 0;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .35s .2s;
	-webkit-transition: all .35s .2s
}

.list li span {
	width: 31px;
	height: 31px;
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -16px;
	display: block;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .35s ease-in;
	-webkit-transition: all .35s ease-in;
	background: url(/themes/tp4/images/index/img-show.png) no-repeat
}

.scroll_horizontal .list li span img {
	opacity: 0;
	filter: alpha(opacity=0)
}

.list li:hover h1 {
	top: 50px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.list li:hover h2 {
	top: 90px;
	opacity: 1;
	filter: alpha(opacity=100)
}

.scroll_horizontal .list li:hover a img {
	opacity: .1;
	filter: alpha(opacity=10)
}

.list li:hover span {
	opacity: 1;
	filter: alpha(opacity=100)
}

.scroll_horizontal .prev,.scroll_horizontal .next {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	width: 26px;
	height: 46px;
	cursor: pointer;
	z-index: 99
}

.scroll_horizontal .prev {
	left: 0;
	background: url(/themes/tp4/images/index/left-btn.png) no-repeat
}

.scroll_horizontal .next {
	right: 0;
	background: url(/themes/tp4/images/index/right-btn.png) no-repeat
}

.new_h1 {
	width: 100%;
	height: 72px;
	display: block;
	line-height: 72px;
	font-size: 22px;
	text-align: center
}

.us-ul span a {
	display: block;
	width: 100%;
	height: 100%
}

.us-slider {
	position: relative
}

.scroll_left,.scroll_right {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	width: 26px;
	height: 46px;
	cursor: pointer;
	z-index: 99
}

.scroll_left {
	left: -30px;
	background: url(/themes/tp4/images/index/left-btn.png) no-repeat
}

.scroll_right {
	right: -30px;
	background: url(/themes/tp4/images/index/right-btn.png) no-repeat
}


.indexproimgli{width:220px;height:auto; margin:0px auto; text-align:center;}
.indexproimgli h4{font-size:18px;font-weight:normal;width:100%;margin:5px auto; }
.indexproimgli img{width:95%;height:auto; }
.indexproimgli img:hover{cursor:url('/themes/tp4/images/index/more.cur'),crosshair;cursor:url('/themes/tp4/images/index/cases_shi.png') 40 40, crosshair;}

        .picScroll-left{ width:100%;  overflow:hidden; position:relative;  border:0px solid #ccc;   }
		.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("/themes/tp4/images/index/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("/themes/tp4/images/index/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }