/*配置颜色*/.Themetxthover:hover,.Themefont,.product .pro_category .pro_fenlei ul li:hover:after,.product .pro_category .pro_fenlei ul li.second:hover:before {
	color: #0b399e !important
}

.Themebg,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet:hover,.tp-bannertimer,.tp-leftarrow:hover,.tp-rightarrow:hover {
	background-color: #555555 !important
}

.Themebghover:hover,.Themebghover:focus,.Themebghover:active {
	background-color: #0b399e !important
}

.articleLabel .company ul li .thumbnail .right:hover:after {
	background-color: #0b399e !important
}

.articleLabel .company ul li .thumbnail:hover:after {
	color: #0b399e !important
}

.articleLabel .company ul li.second .thumbnail:hover:before {
	color: #0b399e !important
}

.ThemeFborder,.title_x,.title_d {
	border-color: #0b399e !important
}

.left_class li a.first:hover:before {
	background-color: #0b399e !important
}

.left_class li a.active:before {
	background-color: #0b399e !important
}

.NavBoxPublic .TriangleBtn:before {
	border-color: #0b399e !important
}/*字体*/@font-face {
	font-family: "iconfont";src: url('../images/iconfont.eot');src: url('../images/iconfont.eot') format('embedded-opentype'),  url('../images/iconfont.woff') format('woff'),  url('../images/iconfont.ttf') format('truetype'),   url('../images/iconfont.svg') format('svg')
}

.iconfont {
	text-align: center;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-yousanjiao:before {
	content: "\e600"
}

.icon-zuosanjiao:before {
	content: "\e606"
}

.icon-iconsix:before {
	content: "\e601"
}

.icon-iconshizhong0101:before {
	content: "\e603"
}

.icon-laba:before {
	content: "\e602"
}

.icon-fangdajing:before {
	content: "\e604"
}

.icon-liubianxingshiyong:before {
	content: "\e605"
}

.tpl_one .col-md-12 {
	float: none
}

.row .col-md-4,.row .col-md-8 {
	padding: 0px
}

.tpl_four {
	margin-top: 50px !important
}

.tpl_five {
	margin-top: 15px !important
}

.tpl_six {
	margin-top: 20px !important
}

.menu .header-box {
	margin: 0 auto;
	height: auto;
	max-width: 1030px;
	position: relative;
	text-align: center
}

.menu .header-box .logo img {
	margin: 10px 0;
	max-height: 100px
}

.nowrap,.nowrapall,.nowrapall * {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.iconfont {
	-webkit-font-smoothing: none;
	-webkit-text-stroke-width: 0px
}

.cl {
	clear: both
}

.content-box {
	max-width: 1030px;
	margin: 15px auto !important;
	clear: both
}

.menu .navbar-brand {
	float: inherit
}/*-------</第三部分>------------*/.tpl_two .fudaohang {
	background-color: #f6f6f6;
	padding: 30px 0px;
	height: auto;
	overflow: hidden;
	text-align: center
}

.tpl_two ul.fdh {
	padding: 0px;
	margin: 0px auto;
	max-width: 1030px;
	display: inline-block
}

.tpl_two ul.fdh li {
	float: left;
	margin-right: 60px
}

.tpl_two ul.fdh li.four {
	margin-right: 0px
}

.tpl_two ul.fdh li a {
	display: block;
	height: 134px;
	width: 130px;
	color: #333;
	font-size: 14px;
	background: url(../images/fudaohang.jpg) no-repeat;
	text-align: center;
	line-height: 134px;
	padding-left: 8px
}

.tpl_two ul.fdh li a:hover {
	font-weight: bold
}/*-------</产品展示标题>------------*/.about_title {
	text-align: center;
	max-width: 1030px;
	height: 1px;
	background-color: #333;
	position: relative;
	margin: 0 auto
}

.about_title:before {
	content: "";
	position: absolute;
	top: -5px;
	left: 10px;
	height: 10px;
	width: 10px;
	background-color: #333
}

.about_title:after {
	content: "";
	position: absolute;
	top: -5px;
	right: 10px;
	height: 10px;
	width: 10px;
	background-color: #333
}

.about_title a {
	height: 35px;
	line-height: 35px;
	max-width: 350px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	padding: 0px 35px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0 auto;
	font-size: 20px;
	bottom: 19px;
	color: #333;
	background-color: #fff;
	overflow: hidden
}

.about_title a:before {
	content: "";
	position: absolute;
	top: -2px;
	left: -12px;
	height: 39px;
	width: 12px;
	background: url(../images/title_left.png) left top #fff no-repeat
}

.about_title a:after {
	content: "";
	position: absolute;
	top: -2px;
	right: -12px;
	height: 39px;
	width: 12px;
	background: url(../images/title_right.png) right top #fff no-repeat
}/*-------</公司资讯标题>------------*/.tpl_seven {
	background-color: #fff;
	padding: 20px 0px 0px
}

.tpl_seven .about_title a {
	background-color: #fff
}

.tpl_seven .about_title a:before {
	background: url(../images/title_left.png) left top #f6f6f6 no-repeat
}

.tpl_seven .about_title a:after {
	background: url(../images/title_right.png) right top #f6f6f6 no-repeat
}

.tpl_two .about_title {
	top: 22px
}/*-------</视频欣赏>------------*/.tpl_five .black {
	height: 40px;
	width: 100%;
	background: url(../images/black.jpg) repeat;
	clear: both
}.headFixed {

	position: relative
}

.menu .header-box {
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
	height: auto;
	padding: 0px
}

.menu .header-box .logo {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 12px;
	padding: 0
}

.menu .header-box .logo img {
	max-height: 57px
}

.nowrap,.nowrapall,.nowrapall * {
	white-space: nowrap;
	text-overflow: ellipsis
}

.cl {
	clear: both
}

.column {
	margin: 0px auto
}

.content-box {
	margin: 20px auto 0px;
	max-width: 1030px
}

a:hover {
	text-decoration: none
}

.Animation {
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s
}

.tpl_footers {
	margin-top: 30px
}

.top_tel {
	position: absolute;
	height: 35px;
	right: 0px;
	top: 0px;
	font-size: 20px;
	font-family: "Arial";
	width: 220px;
	line-height: 35px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	text-align: center;
	color: #fff
}

.top_tel:before {
	font-size: 24px;
	display: inline-block;
	vertical-align: top
}/*-------</END 头部 LOGO >------------*/.menu .header-nav {
	width: 72%;
	position: relative;
	clear: both;
	height: 40px;
	float: right;
	margin: 50px 0px 20px;
	z-index: 12
}

.menu .NavBox {
	margin: 0 auto
}

.menu .nav {
	width: 100%;
	display: block
}

.menu .nav > li {
	display: block;
	position: relative;
	width: 15.3%;
	margin-right: 1px;
	text-align: center
}

.menu .nav > li:hover ul {
	display: block
}/*--下拉菜单倒三角--*/.menu .nav > li .Triangle:after {
	content: '';
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid red;
	position: absolute;
	right: 5px;
	top: 18px
}

.menu .nav > li ul {
	display: none;
	padding: 0;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 9;
	width: 100%
}

.menu .nav > li ul li {
	line-height: 40px;
	border-top: 1px solid #fff;
	width: 100%
}

.menu .nav > li ul li a {
	font-size: 12px;
	color: #fff;
	padding: 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.menu .nav > li ul li a:hover {
	text-decoration: none
}

.menu .navbar-nav > li > a {
	padding: 0 6px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #fff
}

.menu .navbar-nav > li > a.active {
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none
}

.NavBtn {
	display: none;
	text-align: center;
	overflow: hidden
}

.header-box .clearfix.none {
	display: none
}

.btn-navbar-t {
	display: none;
	float: right;
	padding: 3px 8px 7px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid;
	border-radius: 4px
}

.btn-navbar-t:hover,.btn-navbar-t:focus,.btn-navbar-t:active,.btn-navbar-t.active,.btn-navbar-t.disabled,.btn-navbar-t[disabled],.btn-navbar-t .icon-bar:hover,.btn-navbar-t .icon-bar:focus,.btn-navbar-t .icon-bar:active {
	filter: Alpha(opacity=80);
	opacity: 0.8
}

.btn-navbar-t .icon-bar {
	display: block;
	margin-top: 4px;
	width: 18px;
	height: 2px
}/*-------</END 导航>------------*//*-------</搜索 >------------*/.menu .search_box {
	width: 204px;
	height: 29px;
	background: url(../images/search.jpg) no-repeat;
	position: absolute;
	right: 0px;
	top: 30px;
	font-size:18px;
	font-weight:bold;
}

.menu .search_box .enter {
	border: none;
	background: none;
	max-width: 135px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 5px;
	margin: 0px;
	padding: 0px
}

.menu .search_box .sb {
	height: 19px;
	width: 19px;
	border: none;
	cursor: pointer;
	background: url(../images/icon_search.jpg) no-repeat;
	margin: 0px;
	position: absolute;
	top: 5px;
	right: 15px;
	padding: 0px
}/*-------</公告 >------------*/.menu .notice {
	position: absolute;
	left: 0px;
	top: 30px
}

.menu .notice ul.notice-ul {
	padding: 0px;
	margin: 0px;
	max-width: 300px;
	position: relative;
	display: block;
	line-height: 28px
}

.menu .notice ul.notice-ul:before {
	content: "\e602";
	color: #333;
	font-size: 20px;
	position: absolute;
	left: 0px;
	top: 0px
}

.menu .notice ul.notice-ul li {
	padding-left: 25px;
	line-height: 28px
}

.menu .notice ul.notice-ul li a {
	color: #333;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 300px;
	display: block
}/*-------</END 切换导航按钮>------------*//* 小屏幕 一*/@media screen and (max-width:1030px) {
	.content-box {
		margin: 30px 15px 0px
	}

	.menu .header-box .logo img {
		margin-left: 15px
	}

	.tpl_five .content-box {
		margin: 30px 0px 0px
	}

	.tpl_six .content-box {
		margin: 30px 0px 0px
	}

	.tpl_seven .content-box {
		margin: 30px 0px 0px
	}
}/* 小屏幕 二*/@media screen and (max-width:980px) {
	.menu .navbar-nav > li > a {
		padding: 0px 30px
	}
}/* 小屏幕 三*/@media screen and (max-width:870px) {
	.header-nav {
		border-bottom: none;
		margin-top: 0px
	}

	.menu {
		height: auto
	}

	.menu .notice {
		display: none
	}

	.menu .search_box {
		display: none
	}

	.menu .nav-box {
		border-radius: 0px
	}

	.header-box .clearfix.none {
		display: block
	}

	.menu .nav {
		padding: 0;
		margin: 0
	}

	.menu .nav li a:hover:after {
		display: none
	}

	.menu .btn-t {
		display: block;
		position: absolute;
		top: 18px;
		right: 14px
	}

	.menu .header-nav .nav-box {
		background: none;
		height: auto;
		padding: 0;
		margin: 0
	}

	.menu .nav {
		float: none;
		width: 100%
	}

	.menu .NavBox {
		width: 100%;
		height: 0;
		overflow: hidden
	}

	.menu .header-box .logo img {
		margin: 0
	}/*-----------</菜单>---------------*/
}

@media screen and (max-width:640px) {
	.tpl_two ul.fdh li {
		margin-right: 20px
	}
}

@media screen and (max-width:600px) {
	.tpl_two ul.fdh li {
		margin-right: 10px
	}
}

@media screen and (max-width:480px) {
	.tpl_two ul.fdh li {
		margin: 0px 60px
	}

	.tpl_two ul.fdh li.two {
		margin-right: 0px;
		margin-left: 0px
	}

	.tpl_two ul.fdh li.four {
		margin-right: 0px;
		margin-left: 0px
	}
}

@media screen and (max-width:375px) {
	.tpl_two ul.fdh li {
		margin: 0px 35px
	}

	.tpl_two ul.fdh li.two {
		margin-right: 0px;
		margin-left: 0px
	}
}

@media screen and (max-width:320px) {
	.menu .header-box .logo img {
		margin: 5px 0px
	}

	.tpl_two ul.fdh li {
		margin: 0px 90px
	}

	.tpl_two ul.fdh li.two {
		margin: 0px 90px
	}

	.tpl_two ul.fdh li.four {
		margin: 0px 90px
	}

	.product .pro_category .pro_fenlei ul {
		max-height: 280px;
		min-height: 280px
	}
}

.banner {
	clear: both;
	border-bottom: 1px solid #e5e5e5
}

.carousel {
	margin: 0
}

.bannerBox {
	position: relative
}

@media screen and (max-width:870px) {
	.banner {
		margin: 0px auto
	}
}

.videoLabel {
	background: url(../images/videoLabel_bj.png) right 75px no-repeat
}

.videoLabel .bg01 {
	height: auto;
	overflow: hidden;
	padding: 0px 30px;
	margin: 70px 0px 0px
}

.videoLabel .left {
	float: left;
	width: 41.7%
}

.videoLabel .left iframe {
	height: 320px
}

.videoLabel .right {
	float: right;
	margin-right: 27.2%;
	margin-top: 120px
}

.videoLabel .right .vd {
	margin-bottom: 30px
}

.videoLabel .right .vd a {
	display: block;
	height: 45px;
	line-height: 45px;
	width: 136px;
	background-color: #fff;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px 10px 0px 40px;
	color: #666;
	font-size: 14px
}

.videoLabel .right .vd a:before {
	content: "";
	border-radius: 50%;
	background-color: #666;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 20px;
	top: 17px
}

.videoLabel .right .vd a:hover:before {
	content: "";
	border-radius: 50%;
	background-color: #fff;
	height: 12px;
	width: 12px;
	position: absolute;
	left: 20px;
	top: 17px
}

.videoLabel .right .vd a:hover {
	color: #fff
}

@media screen and (max-width:980px) {
}

@media screen and (max-width:870px) {
	.videoLabel {
		background: url(../images/videoLabel_bj.png) 164px 75px no-repeat
	}

	.videoLabel .right {
		margin-right: 24.2%
	}
}

@media screen and (max-width:768px) {
	.videoLabel .left {
		width: 50%
	}

	.videoLabel .right {
		margin-right: 13%
	}
}

@media screen and (max-width:600px) {
	.videoLabel .left {
		float: none;
		width: 80%;
		margin-left: 50px
	}

	.videoLabel .right {
		float: none;
		margin-top: 0px;
		margin-left: 172px
	}

	.videoLabel .right .vd a {
		border: 1px solid #c8c8c8
	}

	.videoLabel {
		background: url(../images/videoLabel_bj.png) center bottom no-repeat
	}
}

@media screen and (max-width:480px) {
	.videoLabel .left {
		float: none;
		width: 90%;
		margin-left: 20px
	}

	.videoLabel .right {
		margin-left: 113px
	}
}

@media screen and (max-width:320px) {
	.videoLabel .right {
		margin-left: 35px
	}

	.videoLabel .left {
		float: none;
		width: 100%;
		margin-left: 0px
	}

	.videoLabel .left iframe {
		height: 230px
	}
}/*-----------<公司资讯>---------------*/.article .company {
	overflow: hidden;
	margin: 35px 0px 0px;
	max-width: 1030px;
	height: auto
}

.article .company ul {
	padding: 0px;
	margin: 10px 0px 20px;
	height: auto;
	overflow: hidden
}

.article .company ul li {
	height: 55px;
	line-height: 55px;
	background: url(../images/news_btm.jpg) center bottom repeat-x;
	position: relative
}

.article .company ul li.key3 {
	background: none
}

.article .company ul li a {
	color: #333;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	padding-left: 270px;
	max-width: 100%;
	padding-right: 30px
}

.article .company ul li span {
	position: absolute;
	top: 0px;
	left: 135px;
	font-size: 14px
}

.article .company ul li:before {
	content: "";
	background: url(../images/news.jpg) no-repeat;
	height: 17px;
	width: 72px;
	position: absolute;
	top: 20px;
	left: 28px
}

.article .company ul li:after {
	content: ">";
	position: absolute;
	top: 0px;
	right: 28px;
	font-size: 15px
}

@media screen and (max-width: 768px) {
	.article .company ul li a {
		padding-left: 245px
	}
}

@media screen and (max-width: 600px) {
	.article .company ul li a {
		padding-left: 215px
	}

	.article .company ul li span {
		left: 120px
	}
}

@media screen and (max-width: 468px) {
	.article .company ul li a {
		padding-left: 205px
	}

	.article .company ul li span {
		left: 115px
	}

	.article .company ul li:after {
		right: 15px
	}
}

@media screen and (max-width: 320px) {
	.article .company ul li:before {
		content: "";
		background: none
	}

	.article .company ul li a {
		padding-left: 100px
	}

	.article .company ul li span {
		left: 10px
	}
}/*-----------<最新活动>---------------*/.articleLabel .company {
	overflow: hidden;
	margin: 50px 0px 20px;
	max-width: 1030px;
	height: auto;
	position: relative;
	background: url(../images/case_center.jpg) center top repeat-y
}

.articleLabel .company:before {
	content: "\e605";
	position: absolute;
	left: 49%;
	color: #0f0506;
	font-size: 20px;
	top: -3px
}

.articleLabel .company ul {
	width: 100%;
	padding: 50px 0px 0px;
	margin: 0px;
	height: auto;
	overflow: hidden
}

.articleLabel .company ul li .thumbnail {
	position: relative;
	float: left;
	width: 45%;
	height: auto;
	border: none;
	padding: 0px;
	background: none;
	border-radius: 0px;
	margin-bottom: 50px
}

.articleLabel .company ul li .thumbnail:after {
	content: "\e605";
	position: absolute;
	right: -58px;
	top: -8px;
	color: #ccc;
	font-size: 12px
}

.articleLabel .company ul li .thumbnail:before {
	content: ""
}

.articleLabel .company ul li .thumbnail .left {
	float: left;
	width: 44.6%;
	height: auto;
	overflow: hidden;
	position: relative
}

.articleLabel .company ul li .thumbnail .left .time {
	font-size: 12px;
	color: #666;
	position: relative;
	text-align: right
}

.articleLabel .company ul li .thumbnail .left .time:before {
	content: "\e603";
	position: absolute;
	right: 82px;
	top: -3px;
	color: #333;
	font-size: 14px
}

.articleLabel .company ul li .thumbnail .left h3 {
	padding: 0px;
	margin: 10px 0px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: right
}

.articleLabel .company ul li .thumbnail .left p {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	color: #555;
	font-size: 12px
}

.articleLabel .company ul li .thumbnail .left span {
	float: right;
	margin-top: 10px
}

.articleLabel .company ul li .thumbnail .left span a {
	font-size: 14px
}

.articleLabel .company ul li .thumbnail .left span a:hover {
	text-decoration: none
}

.articleLabel .company ul li .thumbnail .right {
	float: right;
	width: 50.6%;
	height: auto;
	position: relative
}

.articleLabel .company ul li .thumbnail .right:after {
	content: "";
	position: absolute;
	right: -48px;
	top: 0px;
	width: 35px;
	height: 1px;
	background-color: #ccc
}

.articleLabel .company ul li .thumbnail .right img {
	width: 100%;
	vertical-align: top
}

.articleLabel .company .more {
	text-align: center
}

.articleLabel .company .more a {
	display: inline-block;
	text-align: center;
	padding: 10px 40px;
	color: #fff;
	background: url(../images/more.png) center bottom repeat-x
}/* 效果*/.articleLabel .company ul li .right .TxtBox {
	background: #000;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	filter: Alpha(opacity=0);
	opacity: 0
}

.articleLabel .company ul li .right .TxtBox .AnimationBox {
	-webkit-transform: scale(.2);
	-moz-transform: scale(.2);
	-o-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2)
}

.articleLabel .company ul li .right img,.articleLabel .company ul li .right .TxtBox {
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.articleLabel .company ul li .right .TxtBox .AnimationBox {
	-webkit-transition: all .3s ease-in-out .1s;
	-moz-transition: all .3s ease-in-out .1s;
	-ms-transition: all .3s ease-in-out .1s;
	transition: all .3s ease-in-out .1s
}

.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
	margin-top: 56px
}

.articleLabel .company ul li .right .TxtBox .icon-liubianxingshiyong:before {
	font-size: 50px
}

.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-fangdajing {
	margin-top: -52px
}

.articleLabel .company ul li .right .TxtBox .icon-fangdajing:before {
	color: #fff;
	font-size: 22px
}

.articleLabel .company ul li:hover .TxtBox {
	background: url(../images/more.png)repeat;
	filter: Alpha(opacity=100);
	opacity: 100
}

.articleLabel .company ul li:hover .TxtBox .AnimationBox {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}/* 奇数 */.articleLabel .company ul li.second .thumbnail {
	float: right;
	margin-top: 20px
}

.articleLabel .company ul li.key1 .thumbnail {
	margin-top: 50px
}

.articleLabel .company ul li.key2 .thumbnail {
	margin-top: 50px
}

.articleLabel .company ul li.key3 .thumbnail {
	margin-top: 50px
}

.articleLabel .company ul li.second .thumbnail .left {
	float: right
}

.articleLabel .company ul li.second .thumbnail .right {
	float: left
}

.articleLabel .company ul li.second .thumbnail .right:after {
	content: "";
	position: absolute;
	left: -48px;
	top: 0px;
	width: 35px;
	height: 1px;
	background-color: #ccc
}

.articleLabel .company ul li.second .thumbnail:before {
	content: "\e605";
	position: absolute;
	left: -57px;
	top: -8px;
	color: #ccc;
	font-size: 12px
}

.articleLabel .company ul li.second .thumbnail:after {
	content: ""
}

.articleLabel .company ul li.second .thumbnail .left .time {
	padding-left: 18px;
	text-align: left
}

.articleLabel .company ul li.second .thumbnail .left h3 {
	text-align: left
}

.articleLabel .company ul li.second .thumbnail .left .time:after {
	content: "\e603";
	position: absolute;
	left: 0px;
	top: -3px;
	color: #333;
	font-size: 14px
}

.articleLabel .company ul li.second .thumbnail .left .time:before {
	content: " "
}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width:1030px) {
	.articleLabel .company ul {
		width: 98%;
		margin: 0px 10px
	}

	.articleLabel .company:before {
		left: 49.1%
	}

	.articleLabel .company ul li .thumbnail:after {
		right: -57px
	}

	.articleLabel .company ul li.second .thumbnail:before {
		left: -56px
	}
}

@media screen and (max-width:980px) {
	.articleLabel .company ul li .thumbnail:after {
		right: -55px
	}

	.articleLabel .company ul li.second .thumbnail:before {
		left: -54px
	}
}

@media screen and (max-width:870px) {
	.articleLabel .company:before {
		left: 48.9%
	}

	.articleLabel .company ul li .thumbnail:after {
		right: -48px
	}

	.articleLabel .company ul li.second .thumbnail:before {
		left: -49px
	}

	.articleLabel .company ul li .thumbnail .right:after {
		right: -45px
	}

	.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
		margin-top: 43px
	}
}

@media screen and (max-width:768px) {
	.articleLabel .company:before {
		left: 48.9%
	}

	.articleLabel .company ul li .thumbnail:after {
		right: -43px
	}

	.articleLabel .company ul li.second .thumbnail:before {
		left: -45px
	}

	.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
		margin-top: 33px
	}

	.articleLabel .company ul li.second .thumbnail .right:after {
		left: -43px
	}

	.articleLabel .company ul li .thumbnail .right:after {
		right: -42px
	}
}

@media screen and (max-width:600px) {
	.articleLabel .company ul li.second .thumbnail {
		display: none
	}

	.articleLabel .company ul li .thumbnail {
		float: none;
		width: 83%
	}

	.articleLabel .company {
		background: url(../images/case_center.jpg) 545px top repeat-y
	}

	.articleLabel .company:before {
		left: 89.3%
	}

	.articleLabel .company ul li.key3 .thumbnail {
		margin-top: 100px
	}

	.articleLabel .company ul li .thumbnail:after {
		right: -53px
	}

	.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
		margin-top: 64px
	}

	.articleLabel .company ul li.key2 .thumbnail {
		margin-top: 280px
	}

	.articleLabel .company .more {
		margin-top: 30px
	}
}

@media screen and (max-width:480px) {
	.articleLabel .company {
		background: url(../images/case_center.jpg) 447px top repeat-y
	}

	.articleLabel .company:before {
		left: 91.3%
	}

	.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
		margin-top: 47px
	}

	.articleLabel .company ul li.key2 .thumbnail {
		margin-top: 245px
	}
}

@media screen and (max-width:320px) {
	.articleLabel .company {
		background: url(../images/case_center.jpg) 305px top repeat-y
	}

	.articleLabel .company:before {
		left: 92.3%
	}

	.articleLabel .company ul li .right .TxtBox .AnimationBox .icon-liubianxingshiyong {
		margin-top: 25px
	}

	.articleLabel .company ul li.key2 .thumbnail {
		margin-top: 150px
	}

	.articleLabel .company ul li .thumbnail:after {
		right: -42px
	}

	.articleLabel .company ul li .thumbnail .right {
		width: 56%
	}

	.articleLabel .company ul li .thumbnail .left {
		width: 38%
	}

	.articleLabel .company ul li .thumbnail .left p {
		height: 40px
	}

	.articleLabel .company ul li .thumbnail .left h3 {
		margin: 5px 0px
	}

	.articleLabel .company ul li.key0 .thumbnail {
		margin-bottom: 0px
	}
}/*产品列表*/.product {
	clear: both
}

.product .productBox {
	height: auto;
	overflow: hidden;
	width: 100%;
	clear: both
}

.product .pro_category {
	max-width: 1030px;
	height: auto;
	margin: 50px auto 30px;
	position: relative
}

.product .pro_category .pro_fenlei {
	height: auto;
	overflow: hidden
}

.product .pro_category .pro_fenlei ul {
	padding: 0px;
	margin: 0px;
	max-height: 350px;
	overflow: hidden;
	min-height: 350px
}

.product .pro_category .pro_fenlei ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 25.2%;
	height: 40px;
	line-height: 40px;
	position: relative;
	margin-right: 30%;
	position: relative
}

.product .pro_category .pro_fenlei ul li a {
	display: block;
	color: #666;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 100px;
	border-radius: 5px;
	overflow: hidden
}

.product .pro_category .pro_fenlei ul li.second a {
	padding-right: 100px;
	text-align: right;
	padding-left: 0px
}

.product .pro_category .pro_fenlei ul li a:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #666;
	top: 14px;
	left: 30%
}

.product .pro_category .pro_fenlei ul li a.iconfont {
	text-align: left
}

.product .pro_category .pro_fenlei ul li.iconfont {
	text-align: left
}

.product .pro_category .pro_fenlei ul li.iconfont:before {
	content: "";
	background: none
}

.product .pro_category .pro_fenlei ul li a:hover:before {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #fff;
	top: 14px;
	left: 30%
}

.product .pro_category .pro_fenlei ul li a:hover {
	text-decoration: none;
	color: #fff
}

.product .pro_category .pro_fenlei ul li:hover:after {
	content: "\e600";
	position: absolute;
	font-size: 16px;
	right: -11px;
	top: 0px
}/* 奇数 */.product .pro_category .pro_fenlei ul li.second a:hover {
	text-decoration: none;
	color: #fff
}

.product .pro_category .pro_fenlei ul li.second {
	margin-right: 0px;
	float: right
}

.product .pro_category .pro_fenlei ul li.second a:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #666;
	top: 14px;
	right: 30%
}

.product .pro_category .pro_fenlei ul li.second a:before {
	content: "";
	background: none
}

.product .pro_category .pro_fenlei ul li.second a:hover:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #fff;
	top: 14px;
	right: 30%
}

.product .pro_category .pro_fenlei ul li.second a:hover {
	text-decoration: none;
	color: #fff
}

.product .pro_category .pro_fenlei ul li.second:hover:before {
	content: "\e606";
	position: absolute;
	font-size: 16px;
	left: -11px;
	top: 0px
}

.product .pro_category .middle_img {
	position: absolute;
	width: 43.6%;
	border: 1px solid #333333;
	top: 0px;
	left: 28%
}

.product .pro_category .middle_img img {
	width: 100%
}

.product .product-box {
	height: auto;
	overflow: hidden
}

.product .product-box ul.pro-list {
	padding: 0px
}

.product .product-box ul.pro-list li {
	position: relative;
	float: left;
	margin-bottom: 10px;
	display: inline
}

.product li.col-pro {
	width: 23%;
	margin-left: 1%;
	margin-right: 1%
}

.product .product-box .thumbnail {
	border: none;
	margin: 0px;
	padding: 0px
}

.product .product-box .thumbnail a {
	display: block
}

.product .product-box  img {
	width: 100%;
	height: auto
}

.product .product-box .text {
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	color: #333;
	background-color: #ebebeb
}

.product .product-box .price {
	position: absolute;
	color: #fff;
	filter: Alpha(opacity=80);
	opacity: 0.8;
	bottom: 50px;
	right: 0;
	z-index: 99;
	padding: 10px 20px
}

.product .product-box .text a {
	color: #333
}

.product .product-box .text a:hover {
	text-decoration: none
}

.product .product-box .text:hover a {
	color: #fff
}

.product .more {
	text-align: center;
	margin-top: 10px
}

.product .more a {
	font-size: 12px;
	display: inline-block;
	border-radius: 10px;
	padding: 5px 13px;
	color: #fff
}

.product .more a:hover {
	text-decoration: none
}

@media screen and (max-width:1030px) {
	.product .pro_category {
		margin: 50px 10px 30px
	}
}

@media screen and (max-width:768px) {
	.product .pro_category .pro_fenlei ul li a {
		padding-left: 70px
	}

	.product .pro_category .pro_fenlei ul li.second a {
		padding-right: 80px
	}

	.product .pro_category .pro_fenlei ul li a:before {
		left: 26%
	}

	.product .pro_category .pro_fenlei ul li a:hover:before {
		left: 26%
	}

	.product .pro_category .pro_fenlei ul li.second a:after {
		right: 26%
	}

	.product .pro_category .pro_fenlei ul li.second a:hover:after {
		right: 26%
	}
}

@media screen and (max-width:600px) {
	.product li.col-pro {
		width: 48%
	}

	.product .pro_category .pro_fenlei ul {
		min-height: 260px
	}

	.product .pro_category .pro_fenlei ul li.second {
		display: none
	}

	.product .pro_category .pro_fenlei ul li {
		float: none;
		margin-right: 0px;
		margin-bottom: 0px;
		width: 35%
	}

	.product .pro_category .middle_img {
		width: 60%;
		top: 0px;
		left: 38%
	}

	.product .pro_category .pro_fenlei ul li a {
		padding-left: 50px
	}

	.product .pro_category .pro_fenlei ul li a:before {
		left: 18%
	}

	.product .pro_category .pro_fenlei ul li a:hover:before {
		left: 18%
	}
}

@media screen and (max-width:480px) {
	.product .pro_category .pro_fenlei ul {
		min-height: 200px
	}
}

@media screen and (max-width:360px) {
	.product .pro_category .pro_fenlei ul {
		min-height: 155px
	}
}

@media screen and (max-width:320px) {
	.product .pro_category .pro_fenlei ul {
		min-height: 95px
	}

	.product .pro_category .middle_img {
		display: none
	}

	.product .pro_category .pro_fenlei ul li {
		float: left;
		width: 95%
	}

	.product .pro_category .pro_fenlei ul li a:before {
		left: 15%
	}

	.product .pro_category .pro_fenlei ul li a:hover:before {
		left: 15%
	}

	.product .pro_category .pro_fenlei ul li a {
		padding-left: 60px
	}
}/*---友情链接----*/.friendLink {
	margin: 0px;
	height: auto;
	overflow: hidden;
	background: #fff
}

.friendLink .flink {
	padding: 15px 0px
}

.friendLink .friendBox {
	margin: 0px auto;
	max-width: 1030px;
	height: auto
}

.friendLink .link-box ul {
	display: inline-block;
	overflow: hidden;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	display: inline
}

.friendLink .link-box ul li {
	line-height: 24px;
	position: relative;
	font-style: normal;
	display: inline-block;
	text-align: center
}

.friendLink .link-box h3 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	line-height: 24px;
	display: inline-block;
	color: #666
}

.friendLink .link-box ul li:first-child:after {
	display: none
}

.friendLink .link-box ul li a:after {
	content: '|';
	position: absolute;
	right: 0px;
	top: 0
}

.friendLink .link-box ul a {
	word-break: break-all;
	word-wrap: break-word;
	font-style: normal;
	color: #666;
	font-size: 12px;
	line-height: 24px;
	padding: 0px 10px
}

.friendLink .link-box ul a:hover {
	text-decoration: none;
	opacity: 1
}/* 小屏幕 一*/@media screen and (max-width:1030px) {
	.friendLink .friendBox {
		margin: 0px 10px
	}
}

@media screen and (max-width: 600px) {
}/*---footer----*/.footers {
	color: #fff;
	margin: 0px auto;
	padding: 0;
	clear: both;
	background-color: #555555
}

.footerBox {
	margin: 0px auto;
	padding: 15px 0 10px;
	max-width: 1030px
}

.footers .footers-box a {
	margin-right: 10px;
	word-break: break-all;
	word-wrap: break-word;
	color: #fff !important
}

.footers .footers-box p {
	padding: 0;
	font-size: 14px;
	line-height: 28px
}

.footers .qr {
	background: url(../images/footer11.jpg) repeat-y left
}/*-----------</END>---------------*/