/*配置颜色*/

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


/*字体*/






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

	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(http://newhangyuan.com/Public/Home/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(../image/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(../image/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>---------------*/