/*配置颜色*/

.Themebg, .Themebghover:hover, .friendLink, .message-list dl dt {
	background-color: rgb(12, 82, 158) !important
}

.Themefont, .Themetxthover:hover {
	color: rgb(12, 82, 158) !important
}

.ThemeFborder, .Themebdhover:hover, .message-list dl, .form .header {
	border-color: rgb(12, 82, 158) !important
}

.NavBoxPublic .TriangleBtn:before {
	border-color: rgb(12, 82, 158) !important
}


/*字体*/

@font-face {
	font-family: "iconfont";
	src: url('../Images/Theme212/icon/iconfont.eot');
	src: url('../Images/Theme212/icon/iconfont.eot?#iefix') format('embedded-opentype'), url('../Images/Theme212/icon/iconfont.woff') format('woff'), url('../Images/Theme212/icon/iconfont.ttf') format('truetype'), url('../Images/Theme212/icon/iconfont.svg#iconfont2') format('svg')
}

.iconfont {
	text-align: center;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal
}

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

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

.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}


/*标题从上而下缓慢展现*/

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-moz-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	animation-name: fadeInDown
}


/*标题从下而上缓慢展现*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none；
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	animation-name: fadeInUp
}


/*产品图片效果*/

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}


/*公司简介*/

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}


/*新闻*/

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

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

.menu .header-box .logo {
	float: left;
	position: relative;
	z-index: 2;
	padding: 20px 0
}

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

.menu .NavBoxPublic ul.navPublic li a {
	color: #333
}

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

.overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.cl {
	clear: both
}

.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
}

.column {
	margin: 0px
}

.title_name {
	text-align: center;
	clear: both;
	position: relative
}

.title_name span {
	display: inline-block;
	max-width: 200px;
	position: relative;
	z-index: 3;
	background-color: #fff;
	padding: 0px 15px
}

.title_name span p {
	border-bottom: 3px solid;
	font-size: 18px;
	padding: 0px 0px 5px;
	margin: 0px
}

.title_name .titile_bd {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #d8d8d8;
	top: 16px;
	z-index: 1
}

.comp_more {
	text-align: center;
	clear: both;
	margin-top: 20px
}

.comp_more a {
	display: inline-block;
	color: #fff;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 20px
}

.comp_more a i {
	font-size: 14px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
	margin-top: -2px
}

.tpl_five, .tpl_seven {
	background-color: #f8f7fc
}

.tpl_five .title_name span, .tpl_seven .title_name span {
	background-color: #f8f7fc
}


/*-------</END 头部 LOGO >------------*/

.headFixed {
	max-width: 1030px;
	margin: 0px auto
}

.menu .header-nav {
	position: absolute;
	right: 0px;
	width: 70%;
	top: 18%
}

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

.menu .nav li {
	float: left;
	text-align: center;
	width: 12.5%
}

.menu .nav > li:hover ul {
	display: block;
	padding: 0
}


/*--下拉菜单倒三角--*/

.menu .nav > li .Triangle:after {
	content: '';
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid;
	position: absolute;
	right: 5px;
	top: 30px
}

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

.menu .nav > li ul li {
	line-height: 40px;
	padding: 0px;
	background: none;
	float: none;
	text-align: center;
	width: 100%;
	border-top: 1px solid #fff
}

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

.menu .nav > li ul li a:hover {
	text-decoration: none;
	color: #fff
}

.menu .navbar-nav > li > a {
	display: block;
	position: relative;
	font-size: 14px;
	color: #333;
	height: auto;
	padding: 0px;
	line-height: 65px;
	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: none;
	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 #ccc
}

.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 {
	background: #ccc;
	display: block;
	margin-top: 4px;
	width: 18px;
	height: 2px
}


/*-------</END 导航>------------*/


/*-------</END 切换导航按钮>------------*/


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.menu .header-nav .nav-box {
		width: auto
	}
	.content-box {
		margin: 30px 15px
	}
}


/* 小屏幕 二*/

@media screen and (max-width:870px) {
	.menu .header-box .logo {
		padding: 0px
	}
	.menu {
		height: auto
	}
	.header-box .clearfix.none {
		display: block
	}
	.menu .header-nav {
		position: static;
		width: 100%;
		height: auto;
		margin: 0
	}
	.menu .header-box {
		width: 100%;
		position: relative
	}
	/*-----------</LOGO>---------------*/
	.menu .nav li a:hover:after {
		display: none
	}
	.menu .btn-t {
		display: block;
		position: absolute;
		top: 18px;
		right: 14px;
		z-index: 99
	}
	.menu .header-nav .nav-box {
		background: none;
		height: auto;
		padding: 0;
		margin: 0
	}
	.menu .navbar-collapse {
		margin: 0;
		border-top-width: 2px;
		border-top-style: solid
	}
	.menu .navbar-collapse.collapse {
		display: none!important
	}
	.menu .navbar-collapse.in {
		overflow-y: hidden;
		display: block!important;
		height: auto
	}
	.menu .navbar-collapse.collapseing {
		padding: 0;
		margin: 0
	}
	.menu .nav {
		float: none;
		width: 100%
	}
	.menu .nav li {
		float: none;
		width: 100%;
		background: none;
		border-top-width: 1px;
		border-top-style: solid
	}
	.menu .nav li:last-child {
		border-bottom: none
	}
	.menu .nav li a {
		padding: 0 20px;
		text-align: left;
		display: block;
		font-size: 14px;
		margin: 0;
		line-height: 30px
	}
	.menu .nav li a:hover, .menu .nav li.active a, .menu .nav li.active {
		text-align: left;
		color: #fff
	}
	.menu .nav li a:hover, .menu .nav li.Theme {
		border-radius: 0;
		-webkit-transform: translatex(5px);
		-moz-transform: translatex(5px);
		transform: translatex(5px)
	}
	.menu .NavBox {
		width: 100%;
		visibility: hidden;
		height: 0;
		overflow: hidden
	}
	.menu .header-box.active .NavBox {
		visibility: visible
	}
	/*-----------</菜单>---------------*/
}

@media screen and (max-width: 600px) {
	.row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11 {
		padding: 0px
	}
}

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

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

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

.banner {
	width: 100%;
	overflow: hidden
}

.carousel {
	margin: 0
}

.bannerBox {
	margin: 0 auto;
	position: relative
}

.banner .carousel-control {
	background: none
}


/*---公告----*/

.notice {
	margin: 0px auto;
	height: 45px;
	line-height: 45px;
	color: #fff
}

.notice .alertinfo {
	position: relative
}

.notice-box .zuixin {
	font-weight: bold;
	font-size: 12px;
	padding: 0px 5px 0px 30px;
	vertical-align: top;
	color: #fff;
	float: left
}

.notice-box .zuixin:before {
	content: "\e601";
	position: absolute;
	left: 0px;
	font-size: 22px
}

.notice .notice-box {
	position: relative;
	clear: none;
	height: 45px
}

.notice .notice-box .noticeBox {
	max-width: 1030px;
	margin: 0 auto
}

.notice .notice-box ul.notice-ul {
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	list-style: none;
	padding-left: 100px
}

.notice .notice-box ul.notice-ul li {
	height: 45px;
	line-height: 45px
}

.notice .notice-box ul.notice-ul li a {
	color: #fff;
	padding: 0px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.notice .notice-box ul.notice-ul li a:hover {
	text-decoration: none
}

.notice .col-md-6, .notice .col-md-4 {
	padding: 0px
}


/*---搜索----*/

.notice .search {
	float: right;
	display: inline;
	margin-top: 6px;
	height: 33px
}

.notice .search .navbar-form {
	padding: 0px;
	float: right;
	margin: 0px;
	width: 300px
}

.notice .search .navbar-form .form-control {
	border-radius: 0;
	box-shadow: none;
	font-size: 12px;
	height: 33px;
	line-height: 33px;
	padding: 0px 10px !important;
	background-color: #fff;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border: none
}

.notice .search .dropdown-menu {
	border-radius: 0;
	padding: 0;
	min-width: 70px;
	left: 0px
}

.notice .search .dropdown-menu>li {
	padding: 0
}

.notice .search .dropdown-menu>li>a {
	text-align: center;
	font-size: 12px;
	color: #666;
	display: block;
	line-height: 26px;
	padding: 0px
}

.notice .search .btn-danger {
	background-color: #bcbcbc;
	border: 1px solid #bcbcbc;
	background-image: none;
	padding: 8px 4px;
	font-size: 12px
}

.notice .search .form-group {
	margin-bottom: 0;
	vertical-align: middle;
	display: inline-block;
	float: left;
	width: 300px
}

.notice .btn-search-group {
	color: #fff;
	font-size: 12px;
	font-family: "SimSun";
	cursor: pointer;
	right: 14px;
	margin: 0px;
	vertical-align: top;
	border-left: 1px solid
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important
}

.notice .alertinfo li {
	line-height: 40px;
	white-space: nowrap
}


/* 小屏幕 一*/

@media screen and (max-width:1180px) {
	.notice .notice-box {
		max-width: 100%
	}
	.notice .notice-box .noticeBox {
		margin: 0px 15px 0px
	}
}


/* 平板电脑和小屏电脑之间的分辨率 二*/

@media screen and (max-width:870px) {
	.notice .notice-box .col-md-4 {
		width: 48%
	}
	.notice .searchBox {
		display: none
	}
}

.notice .btn-search-group {
	color: #fff;
	font-size: 14px;
	font-family: "SimSun";
	cursor: pointer;
	position: absolute;
	right: 0
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important
}

.notice .alertinfo li {
	white-space: nowrap
}


/*-----------<关于我们>---------------*/

.about .about_box {
	font-size: 14px;
	color: #333;
	margin: 20px 0px;
	line-height: 24px;
	height: 120px;
	overflow: hidden
}

.about .about_pc {
	margin: 0px auto;
	width: 574px;
	height: 343px;
	background: url(../Images/Theme212/pc.png) no-repeat center center;
	padding: 15px 90px 33px;
	box-sizing: border-box
}

.about .about_pc img {
	width: 100%
}

@media screen and (max-width: 480px) {
	.about .about_pc {
		background-size: 90%;
		height: 276px;
		width: 450px;
		padding: 28px 86px
	}
}

@media screen and (max-width: 414px) {
	.about .about_pc {
		margin-left: 0px;
		background-size: 100%;
		height: 240px;
		width: 380px;
		padding: 17px 60px
	}
}

@media screen and (max-width: 375px) {
	.about .about_pc {
		height: 220px;
		width: 350px;
		padding: 15px 55px
	}
}

@media screen and (max-width: 320px) {
	.about .about_pc {
		height: 190px;
		width: 290px;
		padding: 16px 46px
	}
}


/*-----------<最新资讯>---------------*/

.article ul {
	padding: 0px;
	margin-top: 20px
}

.article ul li {
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	margin-bottom: 15px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.article ul li.item0 {
	animation-delay: 0.2s
}

.article ul li.item1 {
	animation-delay: 0.4s
}

.article ul li.item2 {
	animation-delay: 0.6s
}

.article ul li.item3 {
	animation-delay: 0.8s
}

.article ul li.item4 {
	animation-delay: 1s
}

.article ul li.item5 {
	animation-delay: 1.2s
}

.article ul li:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transform: translate3d(0, -5px, 0);
	-ms-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0)
}

.article ul li a {
	display: block;
	height: auto;
	overflow: hidden
}

.article ul li a:hover {
	text-decoration: none
}

.article ul li .top {
	padding: 10px 10px 15px;
	color: #fff
}

.article ul li .top h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px
}

.article ul li .top span {
	border-bottom: 2px solid #fff;
	padding: 5px 0px;
	font-size: 12px;
	font-family: "Arial";
	display: inline-block
}

.article .news_box {
	margin: 20px;
	height: 96px;
	line-height: 24px;
	overflow: hidden;
	color: #333
}

.article ul li:nth-child(3n+1) {
	margin-left: 0px
}


/* 平板电脑和小屏电脑之间的分辨率 二*/

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


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

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

.articleLabel ul {
	padding: 0px;
	height: auto;
	overflow: hidden;
	margin-top: 20px
}

.articleLabel ul li a {
	display: block;
	position: relative
}

.articleLabel ul li.item0 {
	animation-delay: 1.2s
}

.articleLabel ul li.item1 {
	animation-delay: 0.7s
}

.articleLabel ul li.item2 {
	animation-delay: 1.3s
}

.articleLabel ul li a img {
	width: 100%
}

.articleLabel ul li a .case {
	bottom: 0px;
	background: url(../Images/black.png) repeat;
	width: 100%;
	color: #fff;
	height: 35px;
	position: absolute
}

.articleLabel ul li a .case h3 {
	padding: 0px 5px;
	margin: 0px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px
}

.articleLabel ul li a .case p {
	margin: 0px 15px 10px;
	padding: 0px;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.articleLabel ul li a:hover .case {
	height: 93px
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
	.articleLabel ul li {
		width: 32.4% !important;
		margin-left: 1.4% !important
	}
	.articleLabel ul li:first-child {
		margin-left: 0px !important
	}
}

@media screen and (max-width: 600px) {
	.articleLabel ul li {
		width: 100% !important;
		margin-left: 0% !important;
		margin-bottom: 10px
	}
}


/*产品列表*/

.product .pro {
	height: auto;
	overflow: hidden;
	margin-top: 20px
}

.product .pro_list {
	float: left;
	width: 25%;
	height: 369px;
	padding: 5px 0px;
	overflow: hidden
}

.product .pro_list li {
	border-bottom: 1px solid #fff;
	line-height: 40px
}

.product .pro_list li:last-child {
	border-bottom: none
}

.product .pro_list li a {
	font-size: 14px;
	color: #fff;
	padding-left: 10px
}

.product .pro_list li a:hover {
	padding-left: 20px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s
}

.product .product-box {
	padding: 0;
	height: auto;
	overflow: hidden;
	width: 73%;
	float: right
}

.product .product-box .thumbnail {
	border: 0;
	padding: 0 0 2px;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0 0 10px
}

.product .product-box li.col-md-4:nth-child(3n+1) {
	margin-left: 0
}

.product .div-img img {
	width: 100%
}

.product .product-box .thumbnail a.ImgBox {
	position: relative;
	z-index: 2;
	display: block;
	overflow: hidden
}

.product .product-box .thumbnail h5 {
	margin: 0;
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 12px;
	bottom: 0px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: url(../Images/black.png) repeat
}

.product .product-box li.col-md-4 a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}


/*-----------</END 最新产品>---------------*/


/*弹跳*/


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.product .pro_list {
		padding: 0px
	}
}

@media screen and (max-width:980px) {
	.product .pro_list {
		height: 350px
	}
	.product .pro_list li {
		line-height: 38px
	}
}

@media screen and (max-width:870px) {
	.product .pro_list {
		height: 312px
	}
}

@media screen and (max-width:768px) {
	.product .pro_list {
		height: 274px
	}
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
	.product .pro_list, .product .product-box {
		float: none;
		width: 100%
	}
	.product .product-box {
		margin-top: 10px
	}
	.product .product-box li {
		width: 32.4%;
		margin-left: 1.4%
	}
	.product .pro_list {
		max-height: 312px;
		overflow: hidden;
		height: auto
	}
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/

@media screen and (max-width: 414px) {
	.product .product-box li {
		width: 49%;
		margin-left: 2%
	}
	.product .product-box li:nth-child(2n+1) {
		margin-left: 0px
	}
	.product .product-box li:nth-child(3n+1) {
		margin-left: 2% !important
	}
	.product .product-box li:first-child {
		margin-left: 0px !important
	}
}


/*---友情链接----*/

.friendLink {
	border-bottom: 1px solid #fff
}

.friendBox {
	margin: 0px auto;
	max-width: 1030px;
	box-sizing: border-box
}

.friendLink .link-box {
	height: auto;
	padding: 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.friendLink .link-box h4 {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	display: inline-block
}

.friendLink .link-box ul {
	overflow: hidden;
	display: inline;
	color: #fff;
	line-height: 30px
}

.friendLink .link-box ul li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-style: normal;
	padding: 0 3px
}

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

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

.friendLink .link-box ul a {
	word-break: break-all;
	word-wrap: break-word;
	font-style: normal;
	color: #fff
}

.friendLink .link-box ul a:hover {
	color: #ddd
}


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.friendBox {
		padding: 5px 15px !important
	}
}


/*---footer----*/

.footers {
	width: 100%;
	color: #fff
}

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

.footers .footers-box {
	padding: 15px 0
}

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

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


/*-----------</END>---------------*/

.row {
	margin: 0
}

.DoesNot {
	text-align: center;
	font-size: 20px;
	margin: 50px 0
}


/*----按钮----*/

a.a-btn {
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px
}

a.a-btn + a {
	margin-bottom: 3px
}

a.a-btn.a-btn1 {
	background-color: #cfcdcf;
	color: #666666
}

a.a-btn.a-btn1:hover {
	background-color: #ccc;
	color: #FFF
}

.Themebg.btn-success {
	margin-bottom: 5px;
	margin-right: 5px
}

.btn-warning.btn-can {
	margin-left: 0px
}

.TopologyLeft .body-right, .TopologyLeft .body-left {
	margin: 0px
}

.pro_keyword {
	padding: 0px
}

a.a-btn.a-btn2 {
	color: #fff
}

.TopologyCenter .body-left {
	padding-top: 25px
}

.photo.row {
	padding-top: 20px
}


/*----面包屑模块----*/

.breadCrumb {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #333;
	border-bottom: 1px solid #ccc;
	background-color: #eee
}

.breadCrumb em {
	font-family: Arial;
	font-size: 14px;
	padding: 0 8px
}

.breadCrumb a {
	color: #333;
	margin: 0px;
	line-height: 40px
}

.breadCrumb a.pick {
	color: #1e82c5
}

.breadCrumb em, .breadCrumb b, .breadCrumb span {
	margin: 0px;
	line-height: 40px
}


/*----翻页模块----*/

.page {
	margin-top: 25px
}

.page .col-lg-3, .page .col-lg-9 {
	padding: 0;
	margin: 10px 0;
	height: 34px;
	line-height: 34px
}

.page .col-lg-9 {
	text-align: right
}

.page .pagination {
	margin: 0;
	padding-left: 12px
}

.page .pagination > li > a {
	color: #666
}

.page .pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.page .pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus {
	background-color: #1e82c5;
	border-color: #1e82c5;
	color: #FFF
}


/*----左侧标题模块----*/


/*----产品分类----*/

.classifi {
	padding: 10px 0
}

.classifi .product-class {
	text-align: center
}

.classifi .product-class li {
	position: relative;
	padding-right: 10px;
	display: inline-block;
	height: 36px;
	line-height: 36px
}

.classifi .product-class li a {
	max-width: 150px;
	margin-top: 5px;
	display: block;
	padding: 0 20px;
	color: #fff;
	border-radius: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.classifi .product-class li a.ThemeSbg {
	color: #fff !important
}

.classifi .product-class li a:hover, .classifi .product-class li a.active {
	color: #fff
}

.classifi#ProClass li .classBox {
	top: 46px
}

.classifiLeft {
	background: #fff;
	margin-top: 15px
}

.ClassLeftBox .product-class {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px
}

.body-left.ClassLeftBox .product-class li {
	background: none;
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc
}

.body-left.ClassLeftBox .product-class li:last-child {
	border-bottom: none
}

.ClassLeftBox .product-class li a, .ClassLeftBox .product-class li {
	line-height: 38px
}

.body-left.ClassLeftBox .product-class li a.ThemeSbg, .body-left.ClassLeftBox .product-class li a:hover {
	color: #fff!important
}

.body-right #ProClass li.ac .Classtriangle:after {
	border-top-color: #fff!important
}

.body-left .LeftBox {
	background: #fff
}

.body-left h4, .classifi h4 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	color: #fff
}

.body-left h4 span, .classifi h4 span {
	font-size: 16px
}

.body-left .LeftBox .list-box {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none
}

.LeftBox .more {
	text-align: center;
	clear: both;
	margin: 10px 0px
}

.LeftBox .more a {
	display: inline-block;
	font-size: 12px;
	position: relative;
	padding: 3px 10px;
	color: #fff;
	border-radius: 20px
}

.LeftBox .more i {
	font-size: 14px;
	margin-right: 5px
}


/*----公司资讯----*/

.body-left .list-box {
	padding: 10px 0
}

.body-left .list-box li {
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	position: relative;
	border-bottom: 1px solid #e1e1e1
}

.body-left .list-box li a {
	color: #333;
	padding-left: 10px
}

.body-left .list-box li span {
	display: none
}

.LeftBox.mt15 {
	margin-top: 15px
}

.ClassLeftBox .list-box li:before {
	position: absolute;
	left: 0px;
	top: -3px
}


/*----相关产品模块---*/

.body-right .productBox {
	width: 100%;
	margin: 15px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.productBox h4.title01 {
	overflow: hidden;
	height: 40px;
	color: #333;
	font-size: 14px;
	font-weight: bolder;
	line-height: 40px;
	border: 1px solid
}

.productBox h4.title01 span {
	padding: 0 10px;
	color: #fff;
	display: block;
	float: left
}

.productBox h4.title01 .a-more {
	color: #fff;
	font-size: 12px;
	float: right;
	padding: 0 10px;
	line-height: 40px
}

.productBox .product-box li {
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s
}

.productBox .product-box .thumbnail {
	border: 0;
	padding: 0 0 2px;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0px
}

.productBox .product-box li, .productBox .product-box li:first-child {
	margin-top: 15px;
	margin: 15px 0.5% 0 \9
}

.productBox .product-box li.col-md-3:nth-child(4n+1) {
	margin-left: 0
}

.productBox .div-img img {
	width: 100%
}

.productBox .product-box .thumbnail a.ImgBox {
	position: relative;
	z-index: 2
}

.productBox .product-box .thumbnail h5 {
	text-align: center;
	position: relative;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font-size: 12px
}


/*-----------表格---------------*/

.table-01 {
	width: 100%;
	margin-bottom: 15px
}

.table-01 th, .table-01 td {
	padding: 5px 2px;
	font-size: 14px
}

.table-01 th {
	text-align: right;
	width: 60px;
	font-weight: normal;
	color: #666;
	font-size: 14px
}

.table-01 td {
	color: #666
}

.table-01 .jiathis_style_24x24 {
	margin: 0
}

.table-02 {
	width: 100%
}

.table-02 th, .table-02 td {
	padding: 5px 2px;
	font-size: 12px;
	line-height: 30px
}

.table-02 th {
	text-align: right;
	width: 125px;
	font-weight: normal;
	color: #666;
	vertical-align: text-top
}

.table-02 td {
	color: #666
}

.table-02 .line-b {
	border-bottom: 2px solid #1e82c5
}

.table-02 .line-b th {
	color: #000;
	text-align: left
}

.table-03 th {
	width: 80px
}

.table-02.table-02-b th {
	width: 110px
}


/*-----------输入框---------------*/

input.text01 {
	border: 1px solid #d8d9da;
	height: 30px;
	color: #333333;
	line-height: 30px;
	padding: 2px 5px;
	width: 75%;
	size: auto;
	box-shadow: 0 0 2px #d6d6d6 inset;
	font-size: 12px
}

input.text01:focus, input.text01:hover, input.text01:active {
	border-color: #d8d9da;
	box-shadow: 0 0 3px #d6d6d6
}

.textarea01 {
	background-color: #fff;
	border: 1px solid #dfdfdf;
	padding: 5px;
	color: #636363;
	width: 75%
}

.textarea01:focus {
	border-color: #d8d9da;
	box-shadow: 0 0 4px #d6d6d6
}


/*----------------------------------------</END 公共模块>------------------------------------------------------*/


/*----产品列表----*/

.pro-list li {
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s
}

.pro-list .thumbnail {
	border: 0;
	padding: 0 0 2px;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0px
}

.pro-list li.col-md-4, .pro-list li.col-md-4:first-child {
	margin-top: 15px;
	margin: 15px 0.4% 0 \9
}

.pro-list li.col-md-4:nth-child(3n+1) {
	margin-left: 0
}

.pro-list .thumbnail a.ImgBox {
	position: relative;
	z-index: 2;
	display: block
}

.pro-list .thumbnail h5 {
	text-align: center;
	position: absolute;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-size: 12px;
	bottom: 0px;
	width: 100%;
	background: url(../Images/black.png) repeat
}

.pro-list .div-img {
	overflow: hidden
}

.pro-list .div-img img {
	width: 100%
}

.pro-list .thumbnail:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.productBox {
	max-width: 1030px;
	margin: 25px auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


/*-----------产品详情页---------------*/

.product-detail {
	padding: 0;
	display: table;
	width: 100%;
	margin-top: 10px
}

.product-detail .thumbnail {
	margin-bottom: 0;
	border-radius: 0
}

.product-detail .thumbnail img {
	width: 100%
}

.product-detail h2 {
	font-size: 16px;
	padding: 4px 0 5px 20px;
	margin: 0
}

.product-detail .col-md-5, .product-detail .col-md-7 {
	padding: 0
}

.fieldset-style {
	overflow: hidden;
	background: #fff;
	margin: 15px 0;
	word-break: break-all;
	word-wrap: break-word
}

.fieldset-style .div1 {
	padding: 6px 10px;
	color: #666;
	border-top: none
}

.fieldset-style .div1 dl img {
	max-width: 100%
}

.fieldset-style .div1 dl {
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 5px
}

.fieldset-style .div1 dl dt {
	margin-bottom: 8px;
	height: 30px;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #1e82c5
}

.fieldset-style .div1 dl dd {
	line-height: 22px
}

.fieldset-style h3 {
	color: #fff
}


/*-----------产品询价页---------------*/

.table-box {
	padding: 0px;
	margin-bottom: 10px;
	background: #fff
}

.RightTitle {
	border-bottom-width: 2px;
	font-size: 20px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	line-height: 45px;
	text-indent: 10px
}

.table-box .title.p1 {
	border: none;
	font-size: 12px;
	height: 20px;
	line-height: 20px
}


/*-----------客户留言、留言反馈---------------*/

.message-box {
	padding: 0 10px 10px;
	background: #fff;
	margin-bottom: 10px
}

.message-list {
	padding: 0;
	margin-top: 10px
}

.message-list dl {
	overflow: hidden;
	border: 1px solid #ddd;
	margin-top: 15px
}

.message-list dl dt {
	font-family: "宋体";
	font-size: 15px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
	height: 30px;
	padding: 0 5px
}

.message-list dl dt b {
	font-weight: normal;
	color: #fff
}

.message-list dl dt span {
	float: right;
	font-size: 12px;
	color: #fff;
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.message-list dl dd {
	margin: 0 12px
}

.message-list dl dd p {
	font-size: 13px;
	color: #666;
	padding-bottom: 10px
}

.message-list dl dd p i {
	float: left;
	color: #333;
	padding-right: 18px;
	font-size: 18px
}

blockquote {
	border-left: 5px solid #fff;
	margin: 0 0 20px;
	padding: 0
}

blockquote small:before {
	content: ""
}


/*-----------公司介绍---------------*/

.company-box {
	padding: 5px 0
}

.company-box p {
	line-height: 2.1em;
	overflow: hidden;
	color: #333;
	text-indent: 2em
}


/*---友情链接----*/

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

.friendLink .link-box {
	height: auto;
	background-color: #fff;
	padding: 5px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.friendLink .link-box h4 {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	display: inline-block
}

.friendLink .link-box ul {
	overflow: hidden;
	display: inline;
	color: #666;
	line-height: 30px
}

.friendLink .link-box ul li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-style: normal;
	padding: 0 3px
}

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

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

.friendLink .link-box ul a {
	word-break: break-all;
	word-wrap: break-word;
	font-style: normal;
	color: #666
}

.friendLink .link-box ul a:hover {
	color: #ddd
}


/*-----------网站地图---------------*/

.map-box {
	padding: 0;
	margin-bottom: 10px
}

.map dl {
	border-bottom: 1px dashed #ccc;
	padding: 12px;
	font-size: 13px;
	margin: 0px
}

.map dl:last-child {
	border-bottom: none
}

.map dl dt {
	float: left;
	color: #000
}

.map dl dd {
	display: inline;
	margin: 0px
}

.map dl dd a {
	margin: 0 10px 10px;
	float: left;
	color: #666
}

.map dl dd a:hover {
	color: #1e82c5
}

.map dl dd p {
	overflow: hidden
}

.map-box1 {
	margin: 15px 0;
	min-height: 300px
}


/*----新闻资讯----*/

.BgP10 {
	background: #fff;
	padding: 10px 0px
}

.tab-box {
	overflow: hidden;
	padding-top: 5px;
	padding: 10px
}

.tab-box a {
	margin-right: 10px;
	padding: 5px 15px;
	display: inline-block;
	color: #333;
	margin-bottom: 10px;
	background-color: #edece7
}

.tab-box a.Themebg:hover {
	color: #fff
}

.tab-box a:hover, .tab-box a.Themebg {
	color: #fff
}

.nlist-box {
	padding: 0px
}

.nlist-box li {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	color: #666;
	border-bottom: 1px solid #CCC;
	position: relative
}

.nlist-box li:before {
	content: "●  ";
	left: 0px
}

.nlist-box li a {
	color: #666;
	padding-left: 15px;
	float: left;
	width: 70%
}

.nlist-box li span {
	color: #666;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px
}

.nlist-box2 li {
	margin-bottom: 10px;
	border: 1px solid #e1e1e1;
	padding: 10px;
	height: auto;
	overflow: hidden
}

.nlist-box2 li .news_img {
	width: 30%;
	float: left
}

.nlist-box2 li img {
	width: 100%
}

.nlist-box2 li .news_det {
	width: 68%;
	float: right
}

.nlist-box2 li p {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #333;
	padding: 0px
}

.nlist-box2 li .time {
	color: #666;
	display: block;
	padding: 0px;
	color: #fff;
	height: 25px;
	line-height: 25px;
	width: 85px;
	text-align: center
}

.nlist-box2 li .det_box {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #333;
	margin-top: 10px
}

.body-right .page {
	clear: both;
	margin: 15px 0px 0px !important
}

.p_artlelist h3 span {
	color: #333 !important;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: bold
}

.p_artlelist h3 {
	height: 42px;
	line-height: 42px;
	padding: 0px;
	margin-bottom: 10px
}

.p_artlelist h3 a {
	color: #fff;
	padding: 0px 20px
}

.p_artlelist h3 a.Themetxthover {
	color: #333 !important
}

.btn-warning.btn-can {
	margin-left: 0px !important;
	margin-top: 0px;
	margin-right: 0px !important;
	padding: 0px 5px!important;
	height: 32px!important;
	margin-bottom: 5px;
	line-height: 32px
}

.Themebg.btn-success {
	margin-bottom: 10px;
	padding: 0px 5px!important;
	margin-right: 5px;
	height: 32px!important
}


/* 小屏幕 一*/

@media screen and (max-width:1180px) {
	.footerBox {
		margin: 0px 15px !important
	}
}

@media screen and (max-width:1030px) {
	.page .col-lg-3 {
		text-align: left;
		float: left
	}
	.page .col-lg-3, .page .col-lg-9 {
		margin: 0
	}
}

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


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
	.product-details .col-md-5 {
		padding: 0
	}
	/*产品列表*/
	.classifi {
		padding: 5px 0
	}
	.row .pro-list li.col-md-4, .productBox .product-box li.col-md-4 {
		width: 49%;
		margin-left: 0;
		margin: 10px 0 \9
	}
	.row .pro-list li.col-md-4:nth-child(2n), .productBox .product-box li.col-md-4:nth-child(2n) {
		margin-left: 2%
	}
	.productBox {
		margin: 10px auto 0
	}
	.body-right .productBox {
		margin: 10px auto 0;
		padding: 0
	}
	.nlist-box2 li .det_box {
		line-height: 22px;
		height: 66px;
		margin-top: 5px
	}
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/

@media screen and (max-width: 480px) {
	.pro-list .thumbnail .more {
		margin: 10px auto;
		float: none;
		width: 120px
	}
	.pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9 {
		width: 100%;
		padding: 0
	}
	.pro-list .thumbnail h3 {
		text-align: center;
		margin-top: 10px
	}
	a.a-btn + a {
		margin-bottom: 8px
	}
	.nlist-box li span {
		display: none
	}
	.RightTitle2 .lineBox {
		height: 2px
	}
	.RightTitle2 .TxtBox {
		border-width: 1px
	}
	.productBox .product-box li {
		width: 48%;
		margin-left: 2%
	}
	.productBox .product-box li:nth-child(2n+1) {
		margin-left: 0px
	}
	.nlist-box2 li .det_box {
		height: 44px
	}
	.Themebg.btn-success, .btn-warning.btn-can {
		float: inherit;
		vertical-align: top;
		margin-right: -10px
	}
	.Themebg.btn-success {
		margin-right: -10px
	}
}

@media screen and (max-width: 414px) {
	.page .col-lg-3 {
		width: 45%
	}
	.page .col-lg-9 {
		width: 55%
	}
	.nlist-box2 li .news_det {
		width: 58%
	}
	.nlist-box2 li .news_img {
		width: 40%
	}
}

@media screen and (max-width: 375px) {
	.page .col-lg-3 {
		width: 100%;
		text-align: left
	}
	.page .col-lg-9 {
		width: 100%;
		text-align: left
	}
	.page .col-lg-3, .page .col-lg-9 {
		margin: 0px
	}
	.page .pagination {
		padding-left: 0px
	}
}


/* 的手机的分辨率一*/

@media screen and (max-width: 320px) {
	/*产品列表*/
	.row .pro-list li.col-md-4 {
		width: 100%;
		margin-left: 0 !important;
		padding: 0
	}
	.table-02.table-02-b th {
		width: 85px;
		line-height: 20px
	}
	.table-02-b td {
		line-height: 20px
	}
	.table-02 th {
		width: 80px
	}
	.productBox .product-box li.col-md-4 {
		width: 100%;
		margin-left: 0 !important
	}
	.nlist-box2 li .det_box {
		height: 22px
	}
}

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

.menu .header-box .logo {
	float: left;
	position: relative;
	z-index: 2;
	padding: 20px 0
}

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

.menu .NavBoxPublic ul.navPublic li a {
	color: #333
}

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

.overflow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.cl {
	clear: both
}

.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
}

.column {
	margin: 0px
}

.title_name {
	text-align: center;
	clear: both;
	position: relative
}

.title_name span {
	display: inline-block;
	max-width: 200px;
	position: relative;
	z-index: 3;
	background-color: #fff;
	padding: 0px 15px
}

.title_name span p {
	border-bottom: 3px solid;
	font-size: 18px;
	padding: 0px 0px 5px;
	margin: 0px
}

.title_name .titile_bd {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #d8d8d8;
	top: 16px;
	z-index: 1
}

.comp_more {
	text-align: center;
	clear: both;
	margin-top: 20px
}

.comp_more a {
	display: inline-block;
	color: #fff;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 20px
}

.comp_more a i {
	font-size: 14px;
	vertical-align: middle;
	margin-right: 5px;
	display: inline-block;
	margin-top: -2px
}

.tpl_five, .tpl_seven {
	background-color: #f8f7fc
}

.tpl_five .title_name span, .tpl_seven .title_name span {
	background-color: #f8f7fc
}


/*-------</END 头部 LOGO >------------*/

.headFixed {
	max-width: 1030px;
	margin: 0px auto
}

.menu .header-nav {
	position: absolute;
	right: 0px;
	width: 70%;
	top: 18%
}

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

.menu .nav li {
	float: left;
	text-align: center;
	width: 12.5%
}

.menu .nav > li:hover ul {
	display: block;
	padding: 0
}


/*--下拉菜单倒三角--*/

.menu .nav > li .Triangle:after {
	content: '';
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid;
	position: absolute;
	right: 5px;
	top: 30px
}

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

.menu .nav > li ul li {
	line-height: 40px;
	padding: 0px;
	background: none;
	float: none;
	text-align: center;
	width: 100%;
	border-top: 1px solid #fff
}

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

.menu .nav > li ul li a:hover {
	text-decoration: none;
	color: #fff
}

.menu .navbar-nav > li > a {
	display: block;
	position: relative;
	font-size: 14px;
	color: #333;
	height: auto;
	padding: 0px;
	line-height: 65px;
	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: none;
	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 #ccc
}

.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 {
	background: #ccc;
	display: block;
	margin-top: 4px;
	width: 18px;
	height: 2px
}


/*-------</END 导航>------------*/


/*-------</END 切换导航按钮>------------*/


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.menu .header-nav .nav-box {
		width: auto
	}
	.content-box {
		margin: 30px 15px
	}
}


/* 小屏幕 二*/

@media screen and (max-width:870px) {
	.menu .header-box .logo {
		padding: 0px
	}
	.menu {
		height: auto
	}
	.header-box .clearfix.none {
		display: block
	}
	.menu .header-nav {
		position: static;
		width: 100%;
		height: auto;
		margin: 0
	}
	.menu .header-box {
		width: 100%;
		position: relative
	}
	/*-----------</LOGO>---------------*/
	.menu .nav li a:hover:after {
		display: none
	}
	.menu .btn-t {
		display: block;
		position: absolute;
		top: 18px;
		right: 14px;
		z-index: 99
	}
	.menu .header-nav .nav-box {
		background: none;
		height: auto;
		padding: 0;
		margin: 0
	}
	.menu .navbar-collapse {
		margin: 0;
		border-top-width: 2px;
		border-top-style: solid
	}
	.menu .navbar-collapse.collapse {
		display: none!important
	}
	.menu .navbar-collapse.in {
		overflow-y: hidden;
		display: block!important;
		height: auto
	}
	.menu .navbar-collapse.collapseing {
		padding: 0;
		margin: 0
	}
	.menu .nav {
		float: none;
		width: 100%
	}
	.menu .nav li {
		float: none;
		width: 100%;
		background: none;
		border-top-width: 1px;
		border-top-style: solid
	}
	.menu .nav li:last-child {
		border-bottom: none
	}
	.menu .nav li a {
		padding: 0 20px;
		text-align: left;
		display: block;
		font-size: 14px;
		margin: 0;
		line-height: 30px
	}
	.menu .nav li a:hover, .menu .nav li.active a, .menu .nav li.active {
		text-align: left;
		color: #fff
	}
	.menu .nav li a:hover, .menu .nav li.Theme {
		border-radius: 0;
		-webkit-transform: translatex(5px);
		-moz-transform: translatex(5px);
		transform: translatex(5px)
	}
	.menu .NavBox {
		width: 100%;
		visibility: hidden;
		height: 0;
		overflow: hidden
	}
	.menu .header-box.active .NavBox {
		visibility: visible
	}
	/*-----------</菜单>---------------*/
}

@media screen and (max-width: 600px) {
	.row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11 {
		padding: 0px
	}
}

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

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

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

.banner {
	width: 100%;
	overflow: hidden
}

.carousel {
	margin: 0
}

.bannerBox {
	margin: 0 auto;
	position: relative
}

.banner .carousel-control {
	background: none
}


/*---公告----*/

.notice {
	margin: 0px auto;
	height: 45px;
	line-height: 45px;
	color: #fff
}

.notice .alertinfo {
	position: relative
}

.notice-box .zuixin {
	font-weight: bold;
	font-size: 12px;
	padding: 0px 5px 0px 30px;
	vertical-align: top;
	color: #fff;
	float: left
}

.notice-box .zuixin:before {
	content: "\e601";
	position: absolute;
	left: 0px;
	font-size: 22px
}

.notice .notice-box {
	position: relative;
	clear: none;
	height: 45px
}

.notice .notice-box .noticeBox {
	max-width: 1030px;
	margin: 0 auto
}

.notice .notice-box ul.notice-ul {
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	list-style: none;
	padding-left: 100px
}

.notice .notice-box ul.notice-ul li {
	height: 45px;
	line-height: 45px
}

.notice .notice-box ul.notice-ul li a {
	color: #fff;
	padding: 0px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.notice .notice-box ul.notice-ul li a:hover {
	text-decoration: none
}

.notice .col-md-6, .notice .col-md-4 {
	padding: 0px
}


/*---搜索----*/

.notice .search {
	float: right;
	display: inline;
	margin-top: 6px;
	height: 33px
}

.notice .search .navbar-form {
	padding: 0px;
	float: right;
	margin: 0px;
	width: 300px
}

.notice .search .navbar-form .form-control {
	border-radius: 0;
	box-shadow: none;
	font-size: 12px;
	height: 33px;
	line-height: 33px;
	padding: 0px 10px !important;
	background-color: #fff;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border: none
}

.notice .search .dropdown-menu {
	border-radius: 0;
	padding: 0;
	min-width: 70px;
	left: 0px
}

.notice .search .dropdown-menu>li {
	padding: 0
}

.notice .search .dropdown-menu>li>a {
	text-align: center;
	font-size: 12px;
	color: #666;
	display: block;
	line-height: 26px;
	padding: 0px
}

.notice .search .btn-danger {
	background-color: #bcbcbc;
	border: 1px solid #bcbcbc;
	background-image: none;
	padding: 8px 4px;
	font-size: 12px
}

.notice .search .form-group {
	margin-bottom: 0;
	vertical-align: middle;
	display: inline-block;
	float: left;
	width: 300px
}

.notice .btn-search-group {
	color: #fff;
	font-size: 12px;
	font-family: "SimSun";
	cursor: pointer;
	right: 14px;
	margin: 0px;
	vertical-align: top;
	border-left: 1px solid
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important
}

.notice .alertinfo li {
	line-height: 40px;
	white-space: nowrap
}


/* 小屏幕 一*/

@media screen and (max-width:1180px) {
	.notice .notice-box {
		max-width: 100%
	}
	.notice .notice-box .noticeBox {
		margin: 0px 15px 0px
	}
}


/* 平板电脑和小屏电脑之间的分辨率 二*/

@media screen and (max-width:870px) {
	.notice .notice-box .col-md-4 {
		width: 48%
	}
	.notice .searchBox {
		display: none
	}
}

.notice .btn-search-group {
	color: #fff;
	font-size: 14px;
	font-family: "SimSun";
	cursor: pointer;
	position: absolute;
	right: 0
}

.notice .btn-search-group .btn {
	background: none !important;
	border: none !important
}

.notice .alertinfo li {
	white-space: nowrap
}


/*-----------<关于我们>---------------*/

.about .about_box {
	font-size: 14px;
	color: #333;
	margin: 20px 0px;
	line-height: 24px;
	height: 120px;
	overflow: hidden
}

.about .about_pc {
	margin: 0px auto;
	width: 574px;
	height: 343px;
	background: url(../Images/Theme212/pc.png) no-repeat center center;
	padding: 15px 90px 33px;
	box-sizing: border-box
}

.about .about_pc img {
	width: 100%
}

@media screen and (max-width: 480px) {
	.about .about_pc {
		background-size: 90%;
		height: 276px;
		width: 450px;
		padding: 28px 86px
	}
}

@media screen and (max-width: 414px) {
	.about .about_pc {
		margin-left: 0px;
		background-size: 100%;
		height: 240px;
		width: 380px;
		padding: 17px 60px
	}
}

@media screen and (max-width: 375px) {
	.about .about_pc {
		height: 220px;
		width: 350px;
		padding: 15px 55px
	}
}

@media screen and (max-width: 320px) {
	.about .about_pc {
		height: 190px;
		width: 290px;
		padding: 16px 46px
	}
}


/*-----------<最新资讯>---------------*/

.article ul {
	padding: 0px;
	margin-top: 20px
}

.article ul li {
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	margin-bottom: 15px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.article ul li.item0 {
	animation-delay: 0.2s
}

.article ul li.item1 {
	animation-delay: 0.4s
}

.article ul li.item2 {
	animation-delay: 0.6s
}

.article ul li.item3 {
	animation-delay: 0.8s
}

.article ul li.item4 {
	animation-delay: 1s
}

.article ul li.item5 {
	animation-delay: 1.2s
}

.article ul li:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -5px, 0);
	-moz-transform: translate3d(0, -5px, 0);
	-ms-transform: translate3d(0, -5px, 0);
	transform: translate3d(0, -5px, 0)
}

.article ul li a {
	display: block;
	height: auto;
	overflow: hidden
}

.article ul li a:hover {
	text-decoration: none
}

.article ul li .top {
	padding: 10px 10px 15px;
	color: #fff
}

.article ul li .top h3 {
	margin: 0px;
	padding: 0px;
	font-size: 14px
}

.article ul li .top span {
	border-bottom: 2px solid #fff;
	padding: 5px 0px;
	font-size: 12px;
	font-family: "Arial";
	display: inline-block
}

.article .news_box {
	margin: 20px;
	height: 96px;
	line-height: 24px;
	overflow: hidden;
	color: #333
}

.article ul li:nth-child(3n+1) {
	margin-left: 0px
}


/* 平板电脑和小屏电脑之间的分辨率 二*/

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


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

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

.articleLabel ul {
	padding: 0px;
	height: auto;
	overflow: hidden;
	margin-top: 20px
}

.articleLabel ul li a {
	display: block;
	position: relative
}

.articleLabel ul li.item0 {
	animation-delay: 1.2s
}

.articleLabel ul li.item1 {
	animation-delay: 0.7s
}

.articleLabel ul li.item2 {
	animation-delay: 1.3s
}

.articleLabel ul li a img {
	width: 100%
}

.articleLabel ul li a .case {
	bottom: 0px;
	background: url(../Images/black.png) repeat;
	width: 100%;
	color: #fff;
	height: 35px;
	position: absolute
}

.articleLabel ul li a .case h3 {
	padding: 0px 5px;
	margin: 0px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 14px
}

.articleLabel ul li a .case p {
	margin: 0px 15px 10px;
	padding: 0px;
	line-height: 24px;
	height: 48px;
	overflow: hidden
}

.articleLabel ul li a:hover .case {
	height: 93px
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
	.articleLabel ul li {
		width: 32.4% !important;
		margin-left: 1.4% !important
	}
	.articleLabel ul li:first-child {
		margin-left: 0px !important
	}
}

@media screen and (max-width: 600px) {
	.articleLabel ul li {
		width: 100% !important;
		margin-left: 0% !important;
		margin-bottom: 10px
	}
}


/*产品列表*/

.product .pro {
	height: auto;
	overflow: hidden;
	margin-top: 20px
}

.product .pro_list {
	float: left;
	width: 25%;
	height: 369px;
	padding: 5px 0px;
	overflow: hidden
}

.product .pro_list li {
	border-bottom: 1px solid #fff;
	line-height: 40px
}

.product .pro_list li:last-child {
	border-bottom: none
}

.product .pro_list li a {
	font-size: 14px;
	color: #fff;
	padding-left: 10px
}

.product .pro_list li a:hover {
	padding-left: 20px;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s
}

.product .product-box {
	padding: 0;
	height: auto;
	overflow: hidden;
	width: 73%;
	float: right
}

.product .product-box .thumbnail {
	border: 0;
	padding: 0 0 2px;
	background: none;
	border-radius: 0;
	position: relative;
	margin: 0 0 10px
}

.product .product-box li.col-md-4:nth-child(3n+1) {
	margin-left: 0
}

.product .div-img img {
	width: 100%
}

.product .product-box .thumbnail a.ImgBox {
	position: relative;
	z-index: 2;
	display: block;
	overflow: hidden
}

.product .product-box .thumbnail h5 {
	margin: 0;
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 12px;
	bottom: 0px;
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: url(../Images/black.png) repeat
}

.product .product-box li.col-md-4 a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}


/*-----------</END 最新产品>---------------*/


/*弹跳*/


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.product .pro_list {
		padding: 0px
	}
}

@media screen and (max-width:980px) {
	.product .pro_list {
		height: 350px
	}
	.product .pro_list li {
		line-height: 38px
	}
}

@media screen and (max-width:870px) {
	.product .pro_list {
		height: 312px
	}
}

@media screen and (max-width:768px) {
	.product .pro_list {
		height: 274px
	}
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/

@media screen and (max-width: 600px) {
	.product .pro_list, .product .product-box {
		float: none;
		width: 100%
	}
	.product .product-box {
		margin-top: 10px
	}
	.product .product-box li {
		width: 32.4%;
		margin-left: 1.4%
	}
	.product .pro_list {
		max-height: 312px;
		overflow: hidden;
		height: auto
	}
}


/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/

@media screen and (max-width: 414px) {
	.product .product-box li {
		width: 49%;
		margin-left: 2%
	}
	.product .product-box li:nth-child(2n+1) {
		margin-left: 0px
	}
	.product .product-box li:nth-child(3n+1) {
		margin-left: 2% !important
	}
	.product .product-box li:first-child {
		margin-left: 0px !important
	}
}


/*---友情链接----*/

.friendLink {
	border-bottom: 1px solid #fff
}

.friendBox {
	margin: 0px auto;
	max-width: 1030px;
	box-sizing: border-box
}

.friendLink .link-box {
	height: auto;
	padding: 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.friendLink .link-box h4 {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	display: inline-block
}

.friendLink .link-box ul {
	overflow: hidden;
	display: inline;
	color: #fff;
	line-height: 30px
}

.friendLink .link-box ul li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-style: normal;
	padding: 0 3px
}

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

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

.friendLink .link-box ul a {
	word-break: break-all;
	word-wrap: break-word;
	font-style: normal;
	color: #fff
}

.friendLink .link-box ul a:hover {
	color: #ddd
}


/* 小屏幕 一*/

@media screen and (max-width:1030px) {
	.friendBox {
		padding: 5px 15px !important
	}
}


/*---footer----*/

.footers {
	width: 100%;
	color: #fff
}

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

.footers .footers-box {
	padding: 15px 0
}

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

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


/*-----------</END>---------------*/