/*閰嶇疆棰滆壊*/

.Themebg,
.Themebghover:hover,
.message-list dl dt,
.pro_title .pro_wid a:after,
.about .about_right a:after {
	background-color: #0067b4  !important
}

.Themefont,
.Themetxthover:hover,
.menu .tel:before,
.message-list dl dd p i {
	color: #0067b4  !important
}

.Themeborder {
	border-color: #0067b4  !important
}

.NavBoxPublic .TriangleBtn:before {
	border-color: #0067b4  !important
}

.ThemeFbg,
.contact {
	background-color: rgb(32, 114, 203) !important
}


/*瀛椾綋*/

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

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

.icon-youxiang:before {
	content: "\e624"
}

.icon-address:before {
	content: "\e60a"
}

.icon-phone-alt:before {
	content: "\e616"
}

.icon-dianhua:before {
	content: "\e65e"
}

.tpl_one .col-md-12 {
	float: none;
	padding: 0px !important
}

.tpl_four {
	height: auto;
	overflow: hidden;
	background: url(/Public/Images/Theme225/hui.jpg) repeat
}

.tpl_six {
	height: auto;
	overflow: hidden;
	background: url(/Public/Images/Theme225/hei.jpg) repeat
}

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

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

.menu .header-box .logo {
	float: left;
	position: relative;
	z-index: 1
}

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

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

.cl {
	clear: both
}

.overflow {
	display: block
}

.content-box {
	max-width: 1200px;
	margin: 30px auto;
	height: auto;
	overflow: hidden
}

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


/*--鎻掍欢鐣欒█杈撳叆妗嗗瓧浣撻鑹�--*/

.skin1 input,
.skin1 textarea,
.xskin1 input,
.xskin1 textarea {
	color: #333
}


/*--banner/鍘熺偣--*/

.bannerEffect .tp-bullets.simplebullets.round .bullet {
	width: 10px;
	height: 10px;
	border-radius: 30px;
	margin: 0 5px
}


/*-------</END 澶撮儴 LOGO >------------*/

.headFixed {
	position: relative
}

.header-nav {
	width: 100%
}

.menu .nav-box {
	height: 54px;
	line-height: 54px;
	max-width: 1200px;
	margin: 0 auto
}

.menu .NavBox {
	height: 54px;
	text-align: center
}

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

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

.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 #fff;
	position: absolute;
	top: 25px;
	right: 2px
}

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

.menu .nav>li ul li {
	line-height: 42px;
	padding: 0px;
	background: none;
	float: none;
	text-align: center;
	margin-top: 1px;
	width: 100%
}

.menu .nav>li ul li:hover {
	opacity: 0.9;
	filter: alpha(opacity=90)
}

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

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

.menu .navbar-nav {
	width: 100%
}

.menu .navbar-nav>li {
	width: 12.5%
}

.menu .navbar-nav>li>a {
	background-color: transparent
}

.menu .navbar-nav>li>a {
	display: block;
	position: relative;
	font-size: 14px;
	color: #fff;
	height: auto;
	margin: 0px;
	padding: 0px 20px;
	line-height: 54px
}

.menu .navbar-nav>li>a.active,
.menu .navbar-nav>li>a:hover,
.menu .navbar-nav>li>a:focus {
	background: none
}

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

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

.menu .tel {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 55px
}

.menu .tel:before {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 50px;
	height: 40px;
	line-height: 34px
}

.menu .tel p {
	font-size: 16px;
	line-height: 20px
}

.menu .tel b {
	display: block
}

.pro_title {
	background: url(/Public/Images/Theme225/border.jpg) repeat-x center 20px
}

.pro_title .pro_wid {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center
}

.pro_title .pro_wid .center {
	background: #fff;
	padding: 0px 30px;
	position: relative;
	display: inline-block
}

.pro_title .pro_wid .center:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #252525;
	left: 0px;
	top: 19px
}

.pro_title .pro_wid .center:after {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #252525;
	right: 0px;
	top: 19px
}

.pro_title .pro_wid p {
	font-size: 24px;
	display: inline-block;
	max-width: 200px;
	margin: 0px
}

.pro_title .pro_wid a {
	clear: both;
	display: block;
	color: #666;
	font-size: 14px;
	font-family: "Arial";
	position: relative;
	width: 55px;
	margin: 0 auto
}

.pro_title .pro_wid a:after {
	content: "";
	position: absolute;
	right: -5px;
	top: 5px;
	width: 10px;
	height: 10px
}

.pro_title .pro_wid a:before {
	content: "+";
	position: absolute;
	right: -4px;
	top: 1px;
	color: #fff;
	font-size: 12px;
	z-index: 2
}

.tpl_six .pro_title {
	background: url(/Public/Images/Theme225/border_white.jpg) repeat-x center 20px;
	height: 58px
}

.tpl_six .pro_title .pro_wid .center {
	background: url(/Public/Images/Theme225/hei.jpg)
}

.tpl_six .pro_title .pro_wid .center:before,
.tpl_six .pro_title .pro_wid .center:after {
	background-color: #fff
}

.tpl_six .pro_title .pro_wid p {
	color: #fff !important;
	margin: 0px
}

.tpl_six .pro_title .pro_wid a {
	color: #fff
}

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

#huilan-aikf-container {
	min-width: 125px!important;
	bottom: 60px!important;
	right: 11px!important
}


/*-------</END 瀵艰埅>------------*/


/*-------</END 鍒囨崲瀵艰埅鎸夐挳>------------*/


/* 灏忓睆骞� 涓€*/

@media screen and (max-width:1200px) {
	.content-box {
		margin: 30px 15px
	}
}


/* 灏忓睆骞� 涓�*/

@media screen and (max-width:870px) {
	.header-nav {
		border-bottom: none;
		margin-top: 0px
	}
	.menu {
		height: auto
	}
	.menu .tel {
		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;
		z-index: 99
	}
	.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
	}
	/*-----------</鑿滃崟>---------------*/
}

@media screen and (max-width:600px) {
	.row .col-md-7,
	.row .col-md-5 {
		padding: 0px
	}
}

@media screen and (max-width:320px) {
	.pro_title .pro_wid .center {
		padding: 0px 10px
	}
}

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

.carousel {
	margin: 0
}

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

.banner .carousel-control {
	background: none
}


/*---浜у搧鍒楄〃----*/

.product {
	margin: 30px 0px;
	height: auto;
	overflow: hidden
}

.product .pro_classify {
	text-align: center;
	max-width: 1200px;
	margin: 0px auto
}

.product .pro_classify ul {
	display: inline-block;
	margin: 10px auto;
	padding: 0px
}

.product .pro_classify ul li {
	float: left
}

.product .pro_classify ul li a {
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	padding: 10px 15px;
	margin: 5px;
	max-width: 250px
}

.product .pro_classify ul li a:hover {
	color: #fff
}

.product .pro-list {
	padding: 0px;
	clear: both;
	height: auto;
	max-width: 1200px;
	margin: 0 auto
}

.product .pro-list li {
	margin-bottom: 10px
}

.product .pro-list li:nth-child(3n+1) {
	margin-left: 0px
}

.product .pro-list li a {
	display: block;
	padding: 0px;
	text-align: center;
	position: relative
}

.product .pro-list li .div_img {
	overflow: hidden
}

.product .pro-list li a img {
	width: 100%
}

.product .pro-list li 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)
}

.product .pro-list li a h5 {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: url(/Public/Images/Theme216/black.png) repeat;
	height: 30px;
	line-height: 30px
}


/*-----------</END 浜у搧鍒楄〃>---------------*/

@media screen and (max-width: 1200px) {
	.product .pro_classify,
	.product .pro-list {
		margin: 0px 15px
	}
}


/* 妯悜鏀剧疆鐨勬墜鏈哄拰绔栧悜鏀剧疆鐨勫钩鏉夸箣闂寸殑鍒嗚鲸鐜� 涓�*/

@media screen and (max-width: 600px) {
	.product .pro-list li.col-md-4 {
		width: 32.4%;
		margin-left: 1.4%;
		padding: 0px
	}
	.product .pro-list li:nth-child(3n+1) {
		margin-left: 0px
	}
	.product .pro-list li a:hover img {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none
	}
}

@media screen and (max-width: 480px) {
	.product .pro-list li.col-md-4 {
		width: 49%;
		margin-left: 2%
	}
	.product .pro-list li:nth-child(2n+1) {
		margin-left: 0px
	}
}

@media screen and (max-width: 414px) {
	.product .pro_classify ul {
		display: block
	}
	.product .pro_classify ul li {
		float: none
	}
	.product .pro_classify ul li a {
		display: block;
		max-width: 100%
	}
}


/*-----------<鍏充簬鎴戜滑>---------------*/

.about {
	max-width: 1200px
}

.about .about_left {
	float: left;
	width: 38%;
	position: relative;
	padding: 1%
}

.about .about_left:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: "";
	border: 1px solid #fff;
	width: 94%;
	height: 92%
}

.about .about_left:after {
	position: absolute;
	right: 0px;
	top: 0px;
	content: "";
	border: 1px solid #fff;
	width: 94%;
	height: 92%
}

.about .about_left img {
	width: 100%;
	box-sizing: border-box;
	border: 5px solid #fff;
	z-index: 1;
	position: relative
}

.about .about_right {
	width: 58%;
	float: right;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	height: auto;
	overflow: hidden
}

.about .about_right .about_title {
	border-bottom: 1px solid #cbcbcb;
	height: 40px
}

.about .about_right .about_title b {
	font-size: 24px;
	float: left;
	max-width: 80%
}

.about .about_right .company-box {
	line-height: 24px;
	height: 261px;
	overflow: hidden;
	margin: 13px 0px;
	font-size: 14px
}

.about .about_right .company-box * {
	font-size: 14px!important;
	line-height: 1.6!important
}

.about .about_right a.more {
	display: block;
	color: #666;
	font-size: 14px;
	font-family: "Arial";
	position: relative;
	width: 55px;
	margin: 0 auto;
	float: right
}

.about .about_right a.more:after {
	content: "";
	position: absolute;
	right: 0px;
	top: 5px;
	width: 10px;
	height: 10px
}

.about .about_right a.more:before {
	content: "+";
	position: absolute;
	right: 1px;
	top: 1px;
	color: #fff;
	font-size: 12px;
	z-index: 2
}

@media screen and (max-width: 980px) {
	.about .about_right .company-box {
		height: 192px
	}
}

@media screen and (max-width: 870px) {
	.about .about_right .company-box {
		height: 144px
	}
}

@media screen and (max-width: 768px) {
	.about .about_right .company-box {
		height: 120px
	}
}

@media screen and (max-width: 640px) {
	.about .about_right .company-box {
		height: 96px
	}
}

@media screen and (max-width: 480px) {
	.about .about_left {
		width: 98%;
		float: none
	}
	.about .about_right {
		width: 100%;
		float: none;
		margin-top: 10px
	}
	.about .about_right .company-box {
		height: 128px
	}
}


/*-----------<鑱旂郴鎴戜滑>---------------*/

.contact {
	padding: 30px 0px
}

.contact .content-box {
	height: auto;
	overflow: hidden;
	margin: 0px auto
}

.contact .address {
	float: left;
	width: 44%;
	position: relative;
	height: auto;
	overflow: hidden
}

.contact .tel,
.contact .email {
	width: 28%;
	margin-right: 0px
}

.contact .address i {
	display: block;
	color: #fff;
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 10px
}

.contact .address i:before {
	font-size: 45px
}

.contact .address span {
	display: block;
	color: #fff;
	font-size: 14px
}

.contact .address span b {
	display: block
}

.contact .address span p {
	margin: 0px;
	padding: 0px
}

@media screen and (max-width: 1200px) {
	.contact .content-box {
		margin: 0px 15px
	}
}

@media screen and (max-width: 640px) {
	.contact .address {
		width: 100%;
		float: none;
		margin-bottom: 10px
	}
}


/*-----------<鏈€鏂拌祫璁�>---------------*/

.article {
	margin: 30px 0px;
	height: auto;
	overflow: hidden
}

.article .news_box {
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 20px auto 0px
}

.article .news_box a {
	display: block;
	height: auto;
	overflow: hidden;
	margin-bottom: 25px
}

.article .news_box a:nth-child(2n+1) {
	margin-left: 0px
}

.article .time {
	float: left;
	width: 15%;
	text-align: center;
	padding: 15px 0px;
	font-family: "Arial";
	color: #999;
	background: #f2f2f2
}

.article .time span {
	display: block;
	font-size: 18px
}

.article .time b {
	display: block;
	font-size: 14px;
	margin-top: 0px
}

.article .news_det {
	float: right;
	width: 83%
}

.article .news_det h3 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	color: #333
}

.article .news_det p {
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #666;
	padding: 0px;
	margin-top: 10px
}

@media screen and (max-width: 1200px) {
	.article .news_box {
		margin: 20px 15px
	}
}

@media screen and (max-width: 768px) {
	.article .news_det {
		width: 78%
	}
	.article .time {
		width: 20%
	}
}

@media screen and (max-width:480px) {
	.article .news_box a {
		padding: 0px
	}
	.article .news_box a:last-child {
		margin-bottom: 0px
	}
}

.articleLabel {
	margin: 30px 0px
}

.articleLabel .case_list {
	padding: 0px;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 20px auto;
	position: relative
}

.articleLabel .case_list li {
	width: 35%;
	position: relative
}

.articleLabel .case_list li:first-child {
	width: 64%;
	margin-left: 0px;
	float: left
}

.articleLabel .case_list li.item1 {
	float: right;
	height: 50%;
	position: absolute;
	right: 0;
	top: 0
}

.articleLabel .case_list li.item2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 50%
}

.articleLabel .case_list li a {
	display: block;
	overflow: hidden
}

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

.articleLabel .case_list li 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)
}

.articleLabel .case_list li .pro_box {
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 14px;
	background: url(/Public/Images/Theme216/black.png) repeat;
	text-align: center
}

.articleLabel .case_list li.item0 .pro_box {
	position: relative;
	background: #cfceca;
	height: 65px;
	line-height: 65px;
	color: #333;
	font-size: 18px
}

@media screen and (max-width: 1200px) {
	.articleLabel .case_list {
		margin: 20px 15px
	}
}

@media screen and (max-width: 768px) {
	.articleLabel .case_list li:first-child {
		width: 62%
	}
	.articleLabel .case_list li {
		width: 35%
	}
}

@media screen and (max-width: 480px) {
	.articleLabel .case_list li:first-child {
		width: 60%
	}
	.articleLabel .case_list li.item0 .pro_box {
		height: 60px;
		line-height: 60px
	}
}

@media screen and (max-width: 414px) {
	.articleLabel .case_list li:first-child {
		width: 58%
	}
	.articleLabel .case_list li {
		width: 38%
	}
}

@media screen and (max-width: 375px) {
	.articleLabel .case_list li:first-child,
	.articleLabel .case_list li {
		width: 100%;
		float: none !important;
		margin-bottom: 10px
	}
	.articleLabel .case_list li {
		position: inherit!important
	}
}


/*---鍙嬫儏閾炬帴----*/

.friendBox {
	margin: 15px auto 0;
	max-width: 1200px;
	text-align: center
}

.friendLink .link-box {
	height: auto;
	padding: 0px;
	-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
}


/* 灏忓睆骞� 涓€*/

@media screen and (max-width:1200px) {
	.friendBox {
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}


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

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

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

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

.footers .footers-box a {
	margin-right: 10px;
	word-break: break-all;
	word-wrap: break-word
}

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


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

.footers .Attention,
.tpl_footers .footers .footersInformation p {
	text-align: center !important
}

.footersInformation {
	width: 100% !important;
	float: none !important;
	text-align: center !important
}

.footers .qr {
	width: 150px !important;
	float: none !important;
	text-align: center !important;
	margin: 10px auto 0px !important
}

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

.title_name {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px
}

.body-right .page {
	height: auto;
	overflow: hidden;
	margin: 10px 0px
}


/*----闈㈠寘灞戞ā鍧�----*/

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

body .news-nr-box .DownloadBtn {
	width: 150px;
	text-align: center;
	text-indent: 25px
}


/*----缈婚〉妯″潡----*/

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

.footers {
	border-top: 1px solid #ddd
}

#verify_img {
	max-width: 80%
}


/*----宸︿晶鏍囬妯″潡----*/


/*----浜у搧鍒嗙被----*/

.classifi {
	padding: 10px 0
}

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

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

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

#ProClassLeft li.ac .Classtriangle::after,
#md_detailProductClass li.ac .Classtriangle:after {
	top: 20px
}

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

.ClassLeftBox .product-class,
.body-left .LeftBox .list-box {
	padding: 0px;
	background-color: #ddd;
	height: auto;
	overflow: hidden
}

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

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

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

.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;
	top: 20px
}

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

.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: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #666;
	position: relative;
	border-bottom: 1px solid #ccc
}

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

.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(/Public/Images/Theme212/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)
}


/*-----------浜у搧璇︽儏椤�---------------*/

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

.pro_page b {
	float: left;
	line-height: 20px
}

.pro_page a {
	line-height: 20px
}

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

.W_message dl dd p.Padd70 {
	position: relative;
	padding: 22px 0 0 78px
}

.W_message dl dd p.Padd70 span {
	display: block
}

.W_message dl dd p.Padd70 span em,
.W_message dl dd p.Padd70 .em_tit {
	position: absolute;
	display: block;
	left: 0;
	width: 70px;
	padding-right: 8px;
	text-align: right
}

.W_message dl dd p.Padd70 .em_tit {
	top: 0;
	font-size: 14px;
	line-height: 18px;
	color: #333
}

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
}


/*---鍙嬫儏閾炬帴----*/

.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: 12px 28px
}

.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 a {
	color: #333;
	display: block
}

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

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

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

.nlist-box2 li .det_box {
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #666;
	margin-top: 10px;
	font-size: 12px
}

.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;
	display: inline-block
}

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

@media screen and (max-width:1360px) {
	.content-box {
		margin: 20px 15px 0px !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
	}
}


/* 妯悜鏀剧疆鐨勬墜鏈哄拰绔栧悜鏀剧疆鐨勫钩鏉夸箣闂寸殑鍒嗚鲸鐜� 鍥�*/

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

@media screen and (max-width: 414px) {
	.page .col-lg-3 {
		width: 100%;
		text-align: center
	}
	.page .col-lg-9 {
		width: 100%;
		text-align: center;
		padding: 3px 0 12px
	}
}

@media screen and (max-width: 375px) {
	.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
	}
}

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

.tpl_one .col-md-12 {
	float: none;
	padding: 0px !important
}

.tpl_four {
	height: auto;
	overflow: hidden;
	background: url(/Public/Images/Theme225/hui.jpg) repeat
}

.tpl_six {
	height: auto;
	overflow: hidden;
	background: url(/Public/Images/Theme225/hei.jpg) repeat
}

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

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

.menu .header-box .logo {
	float: left;
	position: relative;
	z-index: 1
}

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

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

.cl {
	clear: both
}

.overflow {
	display: block
}

.content-box {
	max-width: 1200px;
	margin: 30px auto;
	height: auto;
	overflow: hidden
}

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


/*--鎻掍欢鐣欒█杈撳叆妗嗗瓧浣撻鑹�--*/

.skin1 input,
.skin1 textarea,
.xskin1 input,
.xskin1 textarea {
	color: #333
}


/*--banner/鍘熺偣--*/

.bannerEffect .tp-bullets.simplebullets.round .bullet {
	width: 10px;
	height: 10px;
	border-radius: 30px;
	margin: 0 5px
}


/*-------</END 澶撮儴 LOGO >------------*/

.headFixed {
	position: relative
}

.header-nav {
	width: 100%
}

.menu .nav-box {
	height: 54px;
	line-height: 54px;
	max-width: 1200px;
	margin: 0 auto
}

.menu .NavBox {
	height: 54px;
	text-align: center
}

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

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

.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 #fff;
	position: absolute;
	top: 25px;
	right: 2px
}

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

.menu .nav>li ul li {
	line-height: 42px;
	padding: 0px;
	background: none;
	float: none;
	text-align: center;
	margin-top: 1px;
	width: 100%
}

.menu .nav>li ul li:hover {
	opacity: 0.9;
	filter: alpha(opacity=90)
}

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

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

.menu .navbar-nav {
	width: 100%
}

.menu .navbar-nav>li {
	width: 12.5%
}

.menu .navbar-nav>li>a {
	background-color: transparent
}

.menu .navbar-nav>li>a {
	display: block;
	position: relative;
	font-size: 14px;
	color: #fff;
	height: auto;
	margin: 0px;
	padding: 0px 20px;
	line-height: 54px
}

.menu .navbar-nav>li>a.active,
.menu .navbar-nav>li>a:hover,
.menu .navbar-nav>li>a:focus {
	background: none
}

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

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

.menu .tel {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 55px
}

.menu .tel:before {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 50px;
	height: 40px;
	line-height: 34px
}

.menu .tel p {
	font-size: 16px;
	line-height: 20px
}

.menu .tel b {
	display: block
}

.pro_title {
	background: url(/Public/Images/Theme225/border.jpg) repeat-x center 20px
}

.pro_title .pro_wid {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center
}

.pro_title .pro_wid .center {
	background: #fff;
	padding: 0px 30px;
	position: relative;
	display: inline-block
}

.pro_title .pro_wid .center:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #252525;
	left: 0px;
	top: 19px
}

.pro_title .pro_wid .center:after {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #252525;
	right: 0px;
	top: 19px
}

.pro_title .pro_wid p {
	font-size: 24px;
	display: inline-block;
	max-width: 200px;
	margin: 0px
}

.pro_title .pro_wid a {
	clear: both;
	display: block;
	color: #666;
	font-size: 14px;
	font-family: "Arial";
	position: relative;
	width: 55px;
	margin: 0 auto
}

.pro_title .pro_wid a:after {
	content: "";
	position: absolute;
	right: -5px;
	top: 5px;
	width: 10px;
	height: 10px
}

.pro_title .pro_wid a:before {
	content: "+";
	position: absolute;
	right: -4px;
	top: 1px;
	color: #fff;
	font-size: 12px;
	z-index: 2
}

.tpl_six .pro_title {
	background: url(/Public/Images/Theme225/border_white.jpg) repeat-x center 20px;
	height: 58px
}

.tpl_six .pro_title .pro_wid .center {
	background: url(/Public/Images/Theme225/hei.jpg)
}

.tpl_six .pro_title .pro_wid .center:before,
.tpl_six .pro_title .pro_wid .center:after {
	background-color: #fff
}

.tpl_six .pro_title .pro_wid p {
	color: #fff !important;
	margin: 0px
}

.tpl_six .pro_title .pro_wid a {
	color: #fff
}

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

#huilan-aikf-container {
	min-width: 125px!important;
	bottom: 60px!important;
	right: 11px!important
}


/*-------</END 瀵艰埅>------------*/


/*-------</END 鍒囨崲瀵艰埅鎸夐挳>------------*/


/* 灏忓睆骞� 涓€*/

@media screen and (max-width:1200px) {
	.content-box {
		margin: 30px 15px
	}
}


/* 灏忓睆骞� 涓�*/

@media screen and (max-width:870px) {
	.header-nav {
		border-bottom: none;
		margin-top: 0px
	}
	.menu {
		height: auto
	}
	.menu .tel {
		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;
		z-index: 99
	}
	.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
	}
	/*-----------</鑿滃崟>---------------*/
}

@media screen and (max-width:600px) {
	.row .col-md-7,
	.row .col-md-5 {
		padding: 0px
	}
}

@media screen and (max-width:320px) {
	.pro_title .pro_wid .center {
		padding: 0px 10px
	}
}

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

.carousel {
	margin: 0
}

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

.banner .carousel-control {
	background: none
}


/*---浜у搧鍒楄〃----*/

.product {
	margin: 30px 0px;
	height: auto;
	overflow: hidden
}

.product .pro_classify {
	text-align: center;
	max-width: 1200px;
	margin: 0px auto
}

.product .pro_classify ul {
	display: inline-block;
	margin: 10px auto;
	padding: 0px
}

.product .pro_classify ul li {
	float: left
}

.product .pro_classify ul li a {
	display: inline-block;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	color: #333;
	padding: 10px 15px;
	margin: 5px;
	max-width: 250px
}

.product .pro_classify ul li a:hover {
	color: #fff
}

.product .pro-list {
	padding: 0px;
	clear: both;
	height: auto;
	max-width: 1200px;
	margin: 0 auto
}

.product .pro-list li {
	margin-bottom: 10px
}

.product .pro-list li:nth-child(3n+1) {
	margin-left: 0px
}

.product .pro-list li a {
	display: block;
	padding: 0px;
	text-align: center;
	position: relative
}

.product .pro-list li .div_img {
	overflow: hidden
}

.product .pro-list li a img {
	width: 100%
}

.product .pro-list li 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)
}

.product .pro-list li a h5 {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: url(/Public/Images/Theme216/black.png) repeat;
	height: 30px;
	line-height: 30px
}


/*-----------</END 浜у搧鍒楄〃>---------------*/

@media screen and (max-width: 1200px) {
	.product .pro_classify,
	.product .pro-list {
		margin: 0px 15px
	}
}


/* 妯悜鏀剧疆鐨勬墜鏈哄拰绔栧悜鏀剧疆鐨勫钩鏉夸箣闂寸殑鍒嗚鲸鐜� 涓�*/

@media screen and (max-width: 600px) {
	.product .pro-list li.col-md-4 {
		width: 32.4%;
		margin-left: 1.4%;
		padding: 0px
	}
	.product .pro-list li:nth-child(3n+1) {
		margin-left: 0px
	}
	.product .pro-list li a:hover img {
		-webkit-animation: none;
		-moz-animation: none;
		-ms-animation: none;
		-o-animation: none;
		animation: none
	}
}

@media screen and (max-width: 480px) {
	.product .pro-list li.col-md-4 {
		width: 49%;
		margin-left: 2%
	}
	.product .pro-list li:nth-child(2n+1) {
		margin-left: 0px
	}
}

@media screen and (max-width: 414px) {
	.product .pro_classify ul {
		display: block
	}
	.product .pro_classify ul li {
		float: none
	}
	.product .pro_classify ul li a {
		display: block;
		max-width: 100%
	}
}


/*-----------<鍏充簬鎴戜滑>---------------*/

.about {
	max-width: 1200px
}

.about .about_left {
	float: left;
	width: 38%;
	position: relative;
	padding: 1%
}

.about .about_left:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: "";
	border: 1px solid #fff;
	width: 94%;
	height: 92%
}

.about .about_left:after {
	position: absolute;
	right: 0px;
	top: 0px;
	content: "";
	border: 1px solid #fff;
	width: 94%;
	height: 92%
}

.about .about_left img {
	width: 100%;
	box-sizing: border-box;
	border: 5px solid #fff;
	z-index: 1;
	position: relative
}

.about .about_right {
	width: 58%;
	float: right;
	background-color: #fff;
	box-sizing: border-box;
	padding: 10px;
	height: auto;
	overflow: hidden
}

.about .about_right .about_title {
	border-bottom: 1px solid #cbcbcb;
	height: 40px
}

.about .about_right .about_title b {
	font-size: 24px;
	float: left;
	max-width: 80%
}

.about .about_right .company-box {
	line-height: 24px;
	height: 261px;
	overflow: hidden;
	margin: 13px 0px;
	font-size: 14px
}

.about .about_right .company-box * {
	font-size: 14px!important;
	line-height: 1.6!important
}

.about .about_right a.more {
	display: block;
	color: #666;
	font-size: 14px;
	font-family: "Arial";
	position: relative;
	width: 55px;
	margin: 0 auto;
	float: right
}

.about .about_right a.more:after {
	content: "";
	position: absolute;
	right: 0px;
	top: 5px;
	width: 10px;
	height: 10px
}

.about .about_right a.more:before {
	content: "+";
	position: absolute;
	right: 1px;
	top: 1px;
	color: #fff;
	font-size: 12px;
	z-index: 2
}

@media screen and (max-width: 980px) {
	.about .about_right .company-box {
		height: 192px
	}
}

@media screen and (max-width: 870px) {
	.about .about_right .company-box {
		height: 144px
	}
}

@media screen and (max-width: 768px) {
	.about .about_right .company-box {
		height: 120px
	}
}

@media screen and (max-width: 640px) {
	.about .about_right .company-box {
		height: 96px
	}
}

@media screen and (max-width: 480px) {
	.about .about_left {
		width: 98%;
		float: none
	}
	.about .about_right {
		width: 100%;
		float: none;
		margin-top: 10px
	}
	.about .about_right .company-box {
		height: 128px
	}
}


/*-----------<鑱旂郴鎴戜滑>---------------*/

.contact {
	padding: 30px 0px
}

.contact .content-box {
	height: auto;
	overflow: hidden;
	margin: 0px auto
}

.contact .address {
	float: left;
	width: 44%;
	position: relative;
	height: auto;
	overflow: hidden
}

.contact .tel,
.contact .email {
	width: 28%;
	margin-right: 0px
}

.contact .address i {
	display: block;
	color: #fff;
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 10px
}

.contact .address i:before {
	font-size: 45px
}

.contact .address span {
	display: block;
	color: #fff;
	font-size: 14px
}

.contact .address span b {
	display: block
}

.contact .address span p {
	margin: 0px;
	padding: 0px
}

@media screen and (max-width: 1200px) {
	.contact .content-box {
		margin: 0px 15px
	}
}

@media screen and (max-width: 640px) {
	.contact .address {
		width: 100%;
		float: none;
		margin-bottom: 10px
	}
}


/*-----------<鏈€鏂拌祫璁�>---------------*/

.article {
	margin: 30px 0px;
	height: auto;
	overflow: hidden
}

.article .news_box {
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 20px auto 0px
}

.article .news_box a {
	display: block;
	height: auto;
	overflow: hidden;
	margin-bottom: 25px
}

.article .news_box a:nth-child(2n+1) {
	margin-left: 0px
}

.article .time {
	float: left;
	width: 15%;
	text-align: center;
	padding: 15px 0px;
	font-family: "Arial";
	color: #999;
	background: #f2f2f2
}

.article .time span {
	display: block;
	font-size: 18px
}

.article .time b {
	display: block;
	font-size: 14px;
	margin-top: 0px
}

.article .news_det {
	float: right;
	width: 83%
}

.article .news_det h3 {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	color: #333
}

.article .news_det p {
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #666;
	padding: 0px;
	margin-top: 10px
}

@media screen and (max-width: 1200px) {
	.article .news_box {
		margin: 20px 15px
	}
}

@media screen and (max-width: 768px) {
	.article .news_det {
		width: 78%
	}
	.article .time {
		width: 20%
	}
}

@media screen and (max-width:480px) {
	.article .news_box a {
		padding: 0px
	}
	.article .news_box a:last-child {
		margin-bottom: 0px
	}
}

.articleLabel {
	margin: 30px 0px
}

.articleLabel .case_list {
	padding: 0px;
	height: auto;
	overflow: hidden;
	max-width: 1200px;
	margin: 20px auto;
	position: relative
}

.articleLabel .case_list li {
	width: 35%;
	position: relative
}

.articleLabel .case_list li:first-child {
	width: 64%;
	margin-left: 0px;
	float: left
}

.articleLabel .case_list li.item1 {
	float: right;
	height: 50%;
	position: absolute;
	right: 0;
	top: 0
}

.articleLabel .case_list li.item2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 50%
}

.articleLabel .case_list li a {
	display: block;
	overflow: hidden
}

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

.articleLabel .case_list li 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)
}

.articleLabel .case_list li .pro_box {
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 100%;
	color: #fff;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 14px;
	background: url(/Public/Images/Theme216/black.png) repeat;
	text-align: center
}

.articleLabel .case_list li.item0 .pro_box {
	position: relative;
	background: #cfceca;
	height: 65px;
	line-height: 65px;
	color: #333;
	font-size: 18px
}

@media screen and (max-width: 1200px) {
	.articleLabel .case_list {
		margin: 20px 15px
	}
}

@media screen and (max-width: 768px) {
	.articleLabel .case_list li:first-child {
		width: 62%
	}
	.articleLabel .case_list li {
		width: 35%
	}
}

@media screen and (max-width: 480px) {
	.articleLabel .case_list li:first-child {
		width: 60%
	}
	.articleLabel .case_list li.item0 .pro_box {
		height: 60px;
		line-height: 60px
	}
}

@media screen and (max-width: 414px) {
	.articleLabel .case_list li:first-child {
		width: 58%
	}
	.articleLabel .case_list li {
		width: 38%
	}
}

@media screen and (max-width: 375px) {
	.articleLabel .case_list li:first-child,
	.articleLabel .case_list li {
		width: 100%;
		float: none !important;
		margin-bottom: 10px
	}
	.articleLabel .case_list li {
		position: inherit!important
	}
}


/*---鍙嬫儏閾炬帴----*/

.friendBox {
	margin: 15px auto 0;
	max-width: 1200px;
	text-align: center
}

.friendLink .link-box {
	height: auto;
	padding: 0px;
	-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
}


/* 灏忓睆骞� 涓€*/

@media screen and (max-width:1200px) {
	.friendBox {
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}


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

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

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

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

.footers .footers-box a {
	margin-right: 10px;
	word-break: break-all;
	word-wrap: break-word
}

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


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

.footers .Attention,
.tpl_footers .footers .footersInformation p {
	text-align: center !important
}

.footersInformation {
	width: 100% !important;
	float: none !important;
	text-align: center !important
}

.footers .qr {
	width: 150px !important;
	float: none !important;
	text-align: center !important;
	margin: 10px auto 0px !important
}