@charset "gb2312";
<style type="text/css">/*????????*/.Themebg,.Themebghover:hover,.friendLink,.ThemeBbg,.menu .navbar-nav > li > a:hover,.menu .nav > li ul li a:hover,.product .pro_list li a:hover,.title_x,.p_pro_d .title_d,#ProClass li.ac .Classtriangle,.pro_class_x .product-class li a:hover, .pro_class_x .product-class li a.Themebg,.p_info_d .title_d {
	background-color: @Themebg !important
}

.Themefont,.Themetxthover:hover {
	color: @Themebg !important
}

.ThemeFborder,.Themebdhover:hover,.form .header {
	border-color: @Themebg !important
}

.NavBoxPublic .TriangleBtn:before {
	border-color: @Themebg !important
}

.ThemeFbg {
	background-color: @ThemeFbg !important
}/*????*/.in-more .morep2, .product-con ul li:hover .font_box, .product-con .texticon:before,.article .article-list ul li:hover .article-t p,.information-b-list ul li:hover .font-con:before,.information-b-list ul li:hover .font-con:after {
	background-color: @Themebg !important
}

.in-title-icon i,.information-b-list ul li:hover .font-con-title,.aboutrbg i,.aboutrbg2 i {
	color: @Themebg !important
}

.in-more .morep2,.contact .contact-tel,.information-b-list ul li:hover .font-con {
	border-color: @Themebg !important
}

.in-more a:hover .morep2,.product-nav a:hover, .product-con .font_box, .product-con ul li:hover .texticon:before,.article .article-t p,.tpl_eight,.contact .contact-tel span,.tpl_footers,.friendLink {
	background-color: @ThemeFbg !important
}

.in-title-icon,.in-more .morep1,.in-more a:hover .morep2 {
	border-color: @ThemeFbg !important
}

.topwaveline {
	position: absolute;
	top: -3px;
	width: 100%;
	height: 8px;
	transform-origin: center left;
	transform: rotate(0);
	background: radial-gradient(circle, @ThemeFbg 4px, @ThemeFbg, transparent 4px, transparent 4px, transparent 4px, transparent);
	background-size: 12px 8px
}

.product-con ul li:hover .topwaveline {
	position: absolute;
	top: -3px;
	width: 100%;
	height: 8px;
	transform-origin: center left;
	transform: rotate(0);
	background: radial-gradient(circle, @Themebg 4px, @Themebg, transparent 4px, transparent 4px, transparent 4px, transparent);
	background-size: 12px 8px
}

.contact .contact-title:after {
	border-top: 40px solid @Themebg !important
}

.information-b .hongtriangle {
	border-bottom: 358px solid @Themebg !important
}

@media screen and (max-width:768px) {
	.information-b .hongtriangle {
		border-bottom: 190px solid @Themebg !important
	}
}

.contact-box .contact-tel {
	border-color: @Themebg !important
}/*????????*/.tpl_six {
	background-image: @tpl_six_image;
	background-repeat: @Pagebg_repeat;
	background-size: cover;
	background-position: center;
	background-color: @ThemeFbg;
	position: relative
}/*????????*/.tpl_four {
	background-image: @tpl_four_image;
	background-repeat: @Pagebg_repeat;
	background-size: cover;
	background-position: center;
	background-color: @ThemeFbg
}

.tpl_six:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 358px solid @Themebg;
	border-left: 180px solid transparent
}/*????*/@font-face {
	font-family: 'iconfont';/* project id 1098353 */    src: url('img/font_1098353_iz0l56ozjc.eot');src: url('img/font_1098353_iz0l56ozjc.eot?#iefix') format('embedded-opentype'),    url('img/font_1098353_iz0l56ozjc.woff2') format('woff2'),    url('img/font_1098353_iz0l56ozjc.woff') format('woff'),    url('img/font_1098353_iz0l56ozjc.ttf') format('truetype'),    url('//at.alicdn.com/t/font_1098353_iz0l56ozjc.svg#iconfont') format('svg')
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-star:before {
	content: "\e61b"
}

.icon-59:before {
	content: "\e63a"
}

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

.icon-gengduo:before {
	content: "\e648"
}

.icon-jiantou3:before {
	content: "\e659"
}

.icon-icon:before {
	content: "\e652"
}

.icon-arrow-left-copy:before {
	content: "\e614"
}

.icon-zhuanjifenxinzhuce:before {
	content: "\e690"
}

.icon-ai206:before {
	content: "\e6c2"
}

.icon-unie61d-copy:before {
	content: "\e605"
}

.icon-dizhi1:before {
	content: "\e61a"
}

.icon-shijian:before {
	content: "\e607"
}

.icon-liebiao:before {
	content: "\e623"
}

.icon-ziyuan:before {
	content: "\e63b"
}

.icon-xiaoxi:before {
	content: "\e63e"
}

.icon-ren:before {
	content: "\e68d"
}

.icon-dkw_youxiang:before {
	content: "\e60f"
}

.icon-tel1:before {
	content: "\e670"
}

.icon-rou:before {
	content: "\e725"
}

.icon-zhuye:before {
	content: "\e615"
}

.icon-jia:before {
	content: "\e79c"
}

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

.icon-jiantou1:before {
	content: "\e61f"
}

.icon-gongsijianjie:before {
	content: "\e61d"
}

.icon-youjian:before {
	content: "\e75d"
}

.icon-yu:before {
	content: "\e61e"
}

.icon-jian:before {
	content: "\e6f6"
}

.icon-shucai:before {
	content: "\e608"
}

.icon-shuiguo:before {
	content: "\e609"
}

.icon-yuandian:before {
	content: "\e7c2"
}

.icon-page-jtright:before {
	content: "\e658"
}

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

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

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

.icon-yanjing:before {
	content: "\e68c"
}

.icon-jiang:before {
	content: "\e637"
}

.icon-liebiao1:before {
	content: "\e739"
}

.icon-gengduo1:before {
	content: "\e7a5"
}

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

.icon-dizhi:before {
	content: "\e666"
}

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

.icon-hongse:before {
	content: "\e6a0"
}

.icon-hongse1:before {
	content: "\e6a1"
}

.icon-hongse2:before {
	content: "\e6a2"
}/*????*/.list_j4 {
	margin-left: -2%
}

.list_j4 li {
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	width: 23%;
	margin: 15px 0 15px 2%;
	transition: all 0.5s
}

.list_j4 li img {
	width: 100%;
	transition: all 0.5s
}

@media screen and (max-width:768px) {
	.list_j4 li {
		width: 31.3%;
		margin: 10px 0 10px 2%
	}

	.tpl_six:before {
		display: none
	}
}

@media screen and (max-width: 414px) {
	.list_j4 li {
		width: 48%;
		margin: 5px 0 5px 2%
	}
}

a:hover {
	color: @Themebg
}

.tc {
	text-align: center
}

.tl {
	text-align: left
}

.tr {
	text-align: right
}

.fl {
	float: left !important
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clear_overflow {
	clear: both;
	overflow: hidden
}

.fb {
	font-weight: bold
}

.hidden {
	display: none
}

.w1220 {
	width: 1220px;
	margin: 0 auto;
	font-size: 14px
}

.min1220 {
	min-width: 1220px;
	font-size: 14px
}

.w1440 {
	width: 1440px;
	margin: 0 auto;
	font-size: 14px
}

.min1440 {
	min-width: 1440px;
	font-size: 14px
}

.w100 {
	width: 100%;
	margin: 0 auto !important
}

.w95 {
	width: 95%;
	margin: 0 auto !important
}

.position_r {
	position: relative
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt60 {
	margin-top: 60px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.pt10 {
	padding-top: 10px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pt40 {
	padding-top: 40px
}

.pt50 {
	padding-top: 50px
}

.pt60 {
	padding-top: 60px
}

.pb10 {
	padding-bottom: 10px
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pb40 {
	padding-bottom: 40px
}

.pb50 {
	padding-bottom: 50px
}

.pb60 {
	padding-bottom: 60px
}

.pl10 {
	padding-left: 10px
}

.pl20 {
	padding-left: 20px
}

.pr10 {
	padding-right: 10px
}

.pr20 {
	padding-right: 20px
}

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

.text2 {
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.text3 {
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}

.text4 {
	line-height: 20px;
	max-height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4
}

@media screen and (max-width: 1220px) {
	.w100 {
		width: 95%;
		margin: 0 auto !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
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	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
	}
}

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

.body-left.ClassLeftBox .product-class li a:hover {
	color: @Themebg !important
}

#ProClassLeft li.ac .Themebg, #md_detailProductClass li.ac .Themebg {
	color: @Themebg !important;
	background: none !important
}

.in-title {
	position: relative;
	text-align: center
}

.in-title-icon {
	width: 80px;
	height: 190px;
	border: 4px solid #000;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	position: relative
}

.in-title-icon i {
	color: #F00;
	font-size: 46px;
	position: absolute;
	top: 130px;
	left: 0;
	width: 100%
}

.in-title-con {
	position: absolute;
	top: 56px;
	text-align: center;
	width: 100%;
	background: #fff
}

.in-title-con b {
	font-size: 38px;
	font-weight: normal
}

.in-title-con p {
	font-size: 18px;
	color: #999
}

.in-more {
	line-height: 30px;
	overflow: hidden;
	text-align: center
}

.in-more .morep1 {
	color: #000;
	display: block;
	border: 1px solid #000;
	border-right: none;
	float: left;
	width: 30px;
	height: 30px;
}

.in-more .morep2 {
	display: block;
	background-color: #F00;
	color: #FFF;
	float: left;
	border: 1px solid #F00;
	width: 60px
}

.in-more em {
	padding-left: 5px
}

@media screen and (max-width: 768px) {
	.in-title-icon {
		width: 50px;
		height: 110px
	}

	.in-title-icon i {
		font-size: 46px;
		top: 55px
	}

	.in-title-con {
		top: 25px
	}

	.in-title-con b {
		font-size: 26px
	}

	.in-title-con p {
		font-size: 16px
	}
}

.menu .nav > li ul li dd {
	line-height: inherit;
	font-size: inherit
}

body .news-nr-box .DownloadBtn {
	display: inline-block;
	width: auto;
	padding: 0 10px 0 0;
	background-position: 9px;
	height: 40px;
	line-height: 40px
}

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

.menu .header-box .logo {
	float: none;
	position: relative;
	z-index: 2;
	padding: 0px;
	text-align: center;
	display: block;
	padding: 15px 0
}

.menu .header-box .logo img {
	max-height: 100px !important;
	max-width: 100%
}

.logo_name span {
	text-indent: -99em;
	position: absolute;
	display: block
}

.tpl_two,.tpl_six,.tpl_seven,.tpl_ten,.tpl_elevn,.tpl_footers {
	overflow: hidden
}

.tpl_three,.tpl_five,.tpl_four {
	position: relative
}

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

.content-box {
	max-width: 1180px;
	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
}

.m-box01 {
	max-width: 1180px !important
}

.column {
	margin: 0px
}/* .tpl_six,.tpl_elevn{background: url(img/six_bj.jpg) repeat;height: auto;overflow: hidden}*/.tpl_ten .title_name2 {
	color: #fff !important
}

.content-box .page .col-lg-9 {
	height: auto
}/*-------</END ???? LOGO >------------*/.headFixed {
	margin: 0px auto
}

.menu .nav-box {
	max-width: 1180px;
	margin: 0 auto
}

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

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

.menu .nav li:last-child {
	background: none
}

.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: 56px;
	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: #fff;
	height: auto;
	padding: 0px;
	line-height: 56px;
	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:1180px) {
	.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: 768px) {
	.menu .header-box .logo img {
		max-height: 45px!important
	}

	.album video {
		display: none
	}

	.album .title_name2 {
		color: #444!important
	}
}

@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) {
	#pp {
		margin-left: 0
	}
}

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

.carousel {
	margin: 0
}

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

.banner .carousel-control {
	background: none
}/*-----------<????????>---------------*/.about .about-box {
	padding: 40px 0
}

.about .about-con {
	overflow: hidden;
	margin: 70px 0 40px 0;
	position: relative;
	z-index: 10
}

.about .about-img {
	float: left;
	width: 40%;
	height: 370px
}

.about .about-img img {
	width: 100%;
	height: 370px
}

.about .about-text {
	float: right;
	width: 60%;
	height: 300px;
	margin-top: 25px;
	padding: 20px 0;
	background-color: #f2f2f3
}

.about .about-name {
	padding: 0px 20px;
	font-size: 18px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 40px
}

.about .about-name:before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	bottom: -20px;
	width: 36px;
	height: 4px;
	background-color: #333
}

.about .about-font {
	padding: 0px 20px;
	height: 160px;
	overflow: hidden;
	line-height: 30px
}

.about .in-more {
	padding: 40px 0 0 20px
}

@media screen and (max-width: 768px) {
	.about .about-box {
		padding: 40px 0 0 0
	}

	.about .about-con {
		overflow: hidden;
		margin: 20px 0
	}

	.about .about-img {
		display: none
	}

	.about .about-text {
		float: none;
		width: 100%;
		margin: 0 auto;
		background-color: #fff
	}

	.about .in-more {
		padding: 20px 0 0 20px
	}
}

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

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

@media screen and (max-width: 320px) {
}/*-----------<????????>---------------*/.contact .contact-box {
	text-align: center;
	color: #FFF
}

.contact .contact-title {
	width: 120px;
	height: 35px;
	margin: 0 auto;
	font-size: 26px;
	padding-top: 15px;
	position: relative
}

.contact .contact-title:after {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 50px;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 40px solid #0066cc
}

.contact .contact-title p {
	position: relative
}

.contact .contact-title p:before {
	content: "";
	position: absolute;
	top: -7px;
	left: 49%;
	;width: 4px;
	height: 10px;
	background-color: rgba(255,255,255,0.5)
}

.contact .contact-title p:after {
	content: "";
	position: absolute;
	top: 38px;
	left: 49%;
	;width: 4px;
	height: 10px;
	background-color: rgba(255,255,255,0.5);
	z-index: 2
}

.contact .gsname {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.contact .contact-tel {
	margin: 60px auto 0 auto;
	width: 300px;
	border: 2px solid #F00;
	border-radius: 5px;
	height: 60px;
	line-height: 40px;
	position: relative
}

.contact .contact-tel .Themefont {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -20px;
	left: 0;
	font-size: 36px
}

.contact .contact-tel span {
	padding: 0 10px
}

.contact .contact-add {
	padding: 25px 0 50px 0
}/* ?????????????????????????????????????????? ??*/@media screen and (max-width: 1030px) {
}

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

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

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

@media screen and (max-width: 600px) {
}/*-----------<**??????>---------------*/.article {
	padding: 40px 0
}

.article .article-left {
	float: left;
	width: 64%
}

.article .in-title {
	margin-bottom: 50px
}

.article .in-more {
	display: none
}

.article .article-t {
	position: relative;
	height: 32px;
	margin: 20px 0
}

.article .article-t p {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	max-width: 100px;
	min-width: 80px;
	color: #FFF;
	background-color: #009;
	border-radius: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article .article-t i {
	position: absolute;
	display: block;
	height: 2px;
	background-color: #000;
	left: 0;
	width: 100%;
	top: 50%
}

.article .article-list ul li:nth-child(3) .article-t i {
	display: none;
	height: 0
}

.article .article-list {
}

.article .article-list ul li {
	float: left;
	width: 33.3%
}

.article .article-list .article-itme {
	width: 80%
}

.article .article-list .article-itme dd {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.article .article-list .article-itme span {
	display: block;
	color: #999;
	padding: 10px 0
}

.article .article-list .article-itme p {
	color: #666;
	line-height: 30px;
	overflow: hidden;
	height: 90px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-indent: 24px
}

.article .article-right {
	float: right;
	width: 30%
}

.articleimg-list img {
	width: 100%
}

.article .swiper-button-next,.article .swiper-button-prev {
	width: 30px;
	height: 48px;
	opacity: .5
}

.article .swiper-button-next {
	background: @Themebg url( img/256_jright.png) no-repeat center center;
	right: 0
}

.article .swiper-button-prev {
	background: @Themebg url( img/256_jleft.png) no-repeat center center;
	left: 0
}/* ?????????????????????????????????????????? ??*/@media screen and (max-width: 768px) {
	.article .article-left {
		float: none;
		width: 100%
	}

	.article .article-list ul li {
		width: 50%
	}

	.article .article-list ul li:nth-child(3) {
		display: none
	}

	.article .article-list ul li:nth-child(2) .article-t i {
		display: none;
		height: 0
	}

	.article .article-right {
		display: none
	}

	.article .in-more {
		display: block;
		float: right;
		margin: 20px 0
	}
}/*????????*/.product {
	padding: 40px 0
}

.product .product-nav {
	text-align: center;
	margin: 40px 0;
	position: relative;
	z-index: 10
}

.product .product-nav a {
	display: inline-block;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	overflow: hidden
}

.product .product-nav a:hover {
	color: #FFF
}

.product .product-con ul {
	margin-left: -5.3%
}

.product .product-con ul li {
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	width: 28%;
	margin: 10px 0 10px 5.3%;
	transition: all 0.5s;
	box-shadow: 0px 0px 12px 0px 		rgba(181, 181, 182, 0.75)
}

.product .product-con ul li img {
	width: 100%;
	transition: all 0.5s
}

.product .product-con ul li:nth-child(4) {
	display: none
}

.product .product-con .texticon {
	padding: 20px
}

.product .product-con .texticon:before {
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background-color: @Themebg;
	margin-bottom: 15px
}

.product .product-con h3 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.product .product-con .font_box {
	width: 100%;
	position: relative
}

.product .in-more {
	display: none
}/*-----------</END **??????>---------------*/@media screen and (max-width:768px) {
	.product .product-nav {
		display: none
	}

	.product .product-con {
		padding-top: 20px
	}

	.product .product-con ul {
		margin-left: -5%
	}

	.product .product-con ul li {
		width: 45%;
		margin: 10px 0 10px 5%
	}

	.product .product-con ul li:nth-child(4) {
		display: block
	}

	.product .in-more {
		display: block;
		float: right;
		margin: 20px 0
	}
}/*---????????----*/.friendLink {
}

.friendBox {
	margin: 0px auto;
	max-width: 1180px;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,.2)
}

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

.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:1180px) {
	.friendBox {
		padding: 5px 15px !important
	}
}

@media screen and (max-width:768px) {
	.friendLink {
		display: none
	}
}/*---footer----*/.footers {
	width: 100%;
	color: #fff
}

.footerBox {
	margin: 0 auto;
	max-width: 1180px;
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 20px 0
}

.footers .footers-box {
}

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

.footers .footers-box p {
	padding: 0;
	font-size: 12px;
	line-height: 20px
}/*-----------</END>---------------*/.information-b {
	padding: 80px 0;
	position: relative;
	margin: 20px 0;
	overflow: hidden
}/* .information-b .hongtriangle{position:absolute;right:0;bottom:0;width: 0;height: 0;border-bottom: 358px solid red;border-left: 180px solid transparent}*/.information-b-list {
	color: #fff
}

.information-b-list ul {
	margin-left: -4%
}

.information-b-list ul li {
	float: left;
	width: 29.3%;
	margin: 15px 0 15px 4%
}

.information-b-list .font-con {
	border: 1px solid #FFF;
	padding: 20px;
	position: relative
}

.information-b-list .font-con:before {
	content: "";
	width: 50%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: -2px;
	top: -2px
}

.information-b-list .font-con:after {
	content: "";
	width: 3px;
	height: 50%;
	background-color: #fff;
	position: absolute;
	left: -2px;
	top: -2px
}

.information-b-list .font-con-title {
	overflow: hidden
}

.information-b-list .font-con-title b {
	float: left;
	font-size: 36px;
	font-weight: bold;
	height: 34px;
	overflow: hidden
}

.information-b-list .font-con-title p {
	font-size: 20px;
	float: left;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 70%;
	line-height: 44px
}

.information-b-list .font-con-iltm {
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media screen and (max-width:768px) {
	.information-b {
		padding: 50px 0
	}

	.information-b-list ul {
		margin-left: 0
	}

	.information-b-list ul li {
		float: none;
		width: 90%;
		margin: 15px auto
	}

	.information-b .hongtriangle {
		border-bottom: 190px solid red;
		border-left: 130px solid transparent
	}
}

.information-a {
	padding: 150px 0;
	position: relative
}

.information-a-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.information-a-list {
	background-color: rgba(255,255,255,.1);
	padding: 40px 0;
	position: relative;
	z-index: 10
}

.information-a-list ul li {
	float: left;
	width: 24.4%;
	border-right: 1px solid  rgba(255,255,255,.4);
	text-align: center;
	color: #fff
}

.information-a-list ul li:nth-child(4) {
	border: none
}

.information-a-list .font-con {
	width: 90%;
	margin: 0 auto;
	overflow: hidden
}

.information-a-list .font-con b,.information-a-list .font-con p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.information-a-list .font-con b {
	font-size: 50px;
	font-weight: bold
}

.aboutrbg {
}

.aboutrbg i:before {
	font-size: 600px;
	;position: absolute;
	right: 0;
	bottom: 270px;
	z-index: 2
}

.aboutrbg2 {
}

.aboutrbg2 i {
	font-size: 600px;
	position: absolute;
	left: 0px;
	bottom: -600px;
	z-index: 2
}/*.aboutrbg2:before{content:"";display:block;transform:rotate(125deg);-ms-transform:rotate(125deg);-moz-transform:rotate(125deg);-webkit-transform:rotate(125deg);-o-transform:rotate(125deg);width: 250px;height: 4px;background: #666666;position: absolute;left: 238px;bottom: -21px;z-index: 2}*/@media screen and (max-width: 1440px) {
	.aboutrbg,.aboutrbg2 {
		display: none
	}
}/* ?????? ??*/@media screen and (max-width:768px) {
	.information-a {
		padding: 50px 15px
	}

	.information-a-list .font-con b {
		font-size: 22px;
		font-weight: bold
	}
}</style>
  <!-- ??????????css --> 
  <style type="text/css">.p_contact .contact-box {
	color: #000 !important
}

.newlist {
	padding: 20px
}

.newlist ul li {
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.newlist ul li:last-child {
	border: none
}

.newlist .newl-time {
	float: left;
	width: 80px;
	text-align: center
}

.newlist .newl-time p {
	width: 100%;
	height: 26px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	margin-bottom: 14px;
	background-color: @Themebg
}

.newlist .newl-time .icon-gengduo:before {
	font-size: 9px;
	color: #999
}

.newlist .nwel-item {
	float: right;
	width: calc(100% - 100px)
}

.newlist .nwel-item h3 {
	font-size: 16px;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.newlist .nwel-item p {
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #666
}

.newlnav {
	background-color: #fff
}

.newlnav ul li {
	border-bottom: 1px solid #f2f2f2;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	padding: 0 20px
}

.newlnav ul li a {
	width: 100%;
	display: inline-block
}

.newlnav ul li:hover a {
	color: @Themebg
}

.newlnav .active {
	background-color: #f6e0e2;
	color: #333 !important;
	position: relative
}

.newlnav .active:before {
	content: "";
	width: 8px;
	height: 40px;
	background-color: #e31917;
	position: absolute;
	top: 0;
	left: 0
}

.newtimeicon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #999;
	border-radius: 100px
}

.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;
	color: #333
}

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

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

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

.breadCrumb em, .breadCrumb b, .breadCrumb span {
	margin: 0px;
	line-height: 40px
}/*----????????----*/.page {
	margin-top: 25px;
	padding: 0px 20px;
}

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

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

.body-left.ClassLeftBox .product-class li dd {
	line-height: inherit;
	font-size: inherit
}

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

.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 {
	max-width: 1180px !important
}

.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(img/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;
	background-color: #999
}

.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: visible;
	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: 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
}

.tab-box h2 {
	font-size: inherit;
	line-height: inherit
}

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

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

#pp {
	height: 33px
}/*????-------------------------------------------------------*/.pager .Themebg,.pager .Themebghover:hover {
	background: none !important
}

.pager .previous > a, .pager .next > a {
	color: #333 !important;
	padding: 3px 12px 0 12px !important;
	line-height: normal !important
}

.pager .next {
	width: auto
}

.pager .previous span, .pager .next span {
	padding-top: 2px !important
}

.pager a:hover {
	color: @Themebg !important;
	opacity: 1
}

.pro_page a {
	font-size: 14px
}

.pro_page .Themefont {
	color: inherit !important
}

.navigation {
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	padding: 20px 0 10px 0;
	margin-bottom: 10px
}

.navigation .dgleft {
	float: left;
	position: relative;
	padding-left: 15px
}

.navigation .dgleft:before {
	content: "";
	width: 4px;
	height: 40px;
	background-color: @Themebg;
	position: absolute;
	left: 0;
	top: 0
}

.navigation .dgleft b {
	font-size: 24px
}

.navigation .breadCrumb {
	float: right
}

.navigation .breadCrumb .Themefont {
	color: #333 !important
}

.navigation .breadCrumb .Themefont:hover {
	color: @Themebg !important
}/*????????*/.contact-box {
	text-align: center;
	color: #FFF
}

.contact-title {
	width: 120px;
	height: 35px;
	margin: 0 auto;
	font-size: 26px;
	padding-top: 15px;
	position: relative
}

.contact-title:after {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 50px;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 40px solid @Themebg
}

.contact-tel {
	margin: 60px auto 0 auto;
	width: 300px;
	border: 2px solid #F00;
	border-radius: 5px;
	height: 60px;
	line-height: 40px;
	position: relative
}

.contact-tel .Themefont {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -20px;
	left: 0;
	font-size: 36px
}

.contact-tel span {
	padding: 0 10px
}

.contact-add {
	padding: 25px 0 50px 0
}

.gsname {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}/*????*/.body-left h4 {
	height: 40px;
	line-height: 40px;
	text-align: left;
	position: relative;
	color: #333;
	background-color: #f6e0e2
}

.body-left h4:before {
	content: "";
	width: 8px;
	height: 40px;
	background-color: @Themebg;
	position: absolute;
	top: 0;
	left: 0
}

.body-left h4 span {
	font-size: 16px;
	padding-left: 24px
}

.ClassLeftBox .product-class,.body-left .LeftBox .list-box {
	border: none
}/* .ClassLeftBox .product-class li a:hover{background-color: #f6e0e2;color:#333 !important;position: relative}.ClassLeftBox .product-class li a:hover dd{color: #333 !important}.ClassLeftBox .product-class li a:hover:before{content: "";width: 8px;height: 40px;background-color: #e31917;position: absolute;top: 0;left: 0}*/.product-class .ppnav {
	background-color: #f6e0e2;
	color: #333 !important;
	position: relative
}

.product-class .ppnav:before {
	content: "";
	width: 8px;
	height: 40px;
	background-color: #e31917;
	position: absolute;
	top: 0;
	left: 0
}

#ProClassLeft li.ac .Classtriangle:after, #md_detailProductClass li.ac .Classtriangle:after {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	content: "\e648";
	right: 15px;
	top: 0
}

#ProClassLeft li.ac .Classtriangle.acc:after, #md_detailProductClass li.ac .Classtriangle.acc:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-0-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 10px;
	right: 0
}

#ProClassLeft li.ac .Classtriangle:after, #md_detailProductClass li.ac .Classtriangle:after {
	right: 26px
}

.product-con ul {
	margin-left: -2%
}

.product-con ul li {
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	width: 31.3%;
	margin: 10px 0 10px 2%;
	transition: all 0.5s;
	box-shadow: 0px 0px 12px 0px 		rgba(181, 181, 182, 0.75)
}

.product-con ul li img {
	width: 100%;
	transition: all 0.5s
}

.product-con .texticon {
	padding: 20px
}

.product-con .texticon:before {
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background-color: @Themebg;
	margin-bottom: 15px
}

.product-con h3 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.product-con .font_box {
	width: 100%;
	position: relative
}

.proshow-xq {
	background-color: #fff;
	padding: 10px 20px
}

.productBox h4.title01 {
}

.fieldset-style {
	margin: 0 0 15px 0
}

.productBox h4.title01 {
	overflow: hidden;
	height: 40px;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	font-weight: bolder;
	line-height: 40px;
	border: none;
	border-top: 1px solid @Themebg !important
}

.productBox h4.title01 span {
	color: #333;
	font-size: 16px;
	font-weight: bold
}

.proren-p .product-con ul li:nth-child(4) {
	display: none
}

.proren-p .title {
	height: 44px;
	line-height: 44px;
	position: relative;
	margin-bottom: 10px
}

.proren-p .title p {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	opacity: .1;
	background-color: @Themebg
}

.proren-p .title b {
	position: absolute;
	z-index: 2;
	padding-left: 20px;
	font-size: 16px
}

.proren-p .title:before {
	content: "";
	position: absolute;
	height: 44px;
	width: 8px;
	background-color: @Themebg
}

.product-con4 ul li {
	width: 23%
}

.proren-p .product-con4 ul li:nth-child(4) {
	display: block
}

@media screen and (max-width:768px) {
	.product-con ul li {
		width: 48%;
		margin: 5px 0 5px 2%
	}

	.proren-p .product-con ul li:nth-child(4) {
		display: block
	}
}

@media screen and (max-width:600px) {
	.navigation {
		display: none
	}

	.pager {
		margin: 0
	}
}/*????end*/.in-title {
	position: relative;
	text-align: center
}

.in-title-icon {
	width: 80px;
	height: 190px;
	border: 4px solid #000;
	border-radius: 3px;
	margin: 0 auto;
	text-align: center;
	position: relative
}

.in-title-icon i {
	color: #F00;
	font-size: 46px;
	position: absolute;
	top: 130px;
	left: 0;
	width: 100%
}

.in-title-con {
	position: absolute;
	top: 56px;
	text-align: center;
	width: 100%;
	background: #fff
}

.in-title-con b {
	font-size: 38px;
	font-weight: normal
}

.in-title-con p {
	font-size: 18px;
	color: #999
}

.in-more {
	line-height: 30px;
	overflow: hidden;
	text-align: center
}

.in-more .morep1 {
	color: #000;
	display: block;
	border: 1px solid #000;
	border-right: none;
	float: left;
	width: 30px;
	height: 30px;
}

.in-more .morep2 {
	display: block;
	background-color: #F00;
	color: #FFF;
	float: left;
	border: 1px solid #F00;
	width: 60px
}

.in-more em {
	padding-left: 5px
}

@media screen and (max-width: 768px) {
	.in-title-icon {
		width: 50px;
		height: 110px
	}

	.in-title-icon i {
		font-size: 46px;
		top: 55px
	}

	.in-title-con {
		top: 25px
	}

	.in-title-con b {
		font-size: 26px
	}

	.in-title-con p {
		font-size: 16px
	}
}

.menu .nav > li ul li h2 {
	line-height: inherit;
	font-size: inherit
}

body .news-nr-box .DownloadBtn {
	display: inline-block;
	width: auto;
	padding: 0 10px 0 0;
	background-position: 9px;
	height: 40px;
	line-height: 40px
}

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

.menu .header-box .logo {
	float: none;
	position: relative;
	z-index: 2;
	padding: 0px;
	text-align: center;
	display: block;
	padding: 15px 0
}

.menu .header-box .logo img {
	max-height: 100px !important;
	max-width: 100%
}

.logo_name span {
	text-indent: -99em;
	position: absolute;
	display: block
}

.tpl_two,.tpl_six,.tpl_seven,.tpl_ten,.tpl_elevn,.tpl_footers {
	overflow: hidden
}

.tpl_three,.tpl_five,.tpl_four {
	position: relative
}

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

.content-box {
	max-width: 1180px;
	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
}

.m-box01 {
	max-width: 1180px !important
}

.column {
	margin: 0px
}/* .tpl_six,.tpl_elevn{background: url(img/six_bj.jpg) repeat;height: auto;overflow: hidden}*/.tpl_ten .title_name2 {
	color: #fff !important
}

.content-box .page .col-lg-9 {
	height: auto
}/*-------</END ???? LOGO >------------*/.headFixed {
	margin: 0px auto
}

.menu .nav-box {
	max-width: 1180px;
	margin: 0 auto
}

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

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

.menu .nav li:last-child {
	background: none
}

.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: 56px;
	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: #fff;
	height: auto;
	padding: 0px;
	line-height: 56px;
	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:1180px) {
	.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: 768px) {
	.menu .header-box .logo img {
		max-height: 45px!important
	}

	.album video {
		display: none
	}

	.album .title_name2 {
		color: #444!important
	}
}

@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) {
	#pp {
		margin-left: 0
	}
}

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

.carousel {
	margin: 0
}

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

.banner .carousel-control {
	background: none
}/*-----------<????????>---------------*/.about .about-box {
	padding: 40px 0
}

.about .about-con {
	overflow: hidden;
	margin: 70px 0 40px 0;
	position: relative;
	z-index: 10
}

.about .about-img {
	float: left;
	width: 40%;
	height: 370px
}

.about .about-img img {
	width: 100%;
	height: 370px
}

.about .about-text {
	float: right;
	width: 60%;
	height: 300px;
	margin-top: 25px;
	padding: 20px 0;
	background-color: #f2f2f3
}

.about .about-name {
	padding: 0px 20px;
	font-size: 18px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 40px
}

.about .about-name:before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	bottom: -20px;
	width: 36px;
	height: 4px;
	background-color: #333
}

.about .about-font {
	padding: 0px 20px;
	height: 160px;
	overflow: hidden;
	line-height: 30px
}

.about .in-more {
	padding: 40px 0 0 20px
}

@media screen and (max-width: 768px) {
	.about .about-box {
		padding: 40px 0 0 0
	}

	.about .about-con {
		overflow: hidden;
		margin: 20px 0
	}

	.about .about-img {
		display: none
	}

	.about .about-text {
		float: none;
		width: 100%;
		margin: 0 auto;
		background-color: #fff
	}

	.about .in-more {
		padding: 20px 0 0 20px
	}
}

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

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

@media screen and (max-width: 320px) {
}/*-----------<????????>---------------*/.contact .contact-box {
	text-align: center;
	color: #FFF
}

.contact .contact-title {
	width: 120px;
	height: 35px;
	margin: 0 auto;
	font-size: 26px;
	padding-top: 15px;
	position: relative
}

.contact .contact-title:after {
	content: "";
	width: 0;
	position: absolute;
	left: 0;
	top: 50px;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 40px solid #0066cc
}

.contact .contact-title p {
	position: relative
}

.contact .contact-title p:before {
	content: "";
	position: absolute;
	top: -7px;
	left: 49%;
	;width: 4px;
	height: 10px;
	background-color: rgba(255,255,255,0.5)
}

.contact .contact-title p:after {
	content: "";
	position: absolute;
	top: 38px;
	left: 49%;
	;width: 4px;
	height: 10px;
	background-color: rgba(255,255,255,0.5);
	z-index: 2
}

.contact .gsname {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.contact .contact-tel {
	margin: 60px auto 0 auto;
	width: 300px;
	border: 2px solid #F00;
	border-radius: 5px;
	height: 60px;
	line-height: 40px;
	position: relative
}

.contact .contact-tel .Themefont {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -20px;
	left: 0;
	font-size: 36px
}

.contact .contact-tel span {
	padding: 0 10px
}

.contact .contact-add {
	padding: 25px 0 50px 0
}/* ?????????????????????????????????????????? ??*/@media screen and (max-width: 1030px) {
}

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

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

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

@media screen and (max-width: 600px) {
}/*-----------<**??????>---------------*/.article {
	padding: 40px 0
}

.article .article-left {
	float: left;
	width: 64%
}

.article .in-title {
	margin-bottom: 50px
}

.article .in-more {
	display: none
}

.article .article-t {
	position: relative;
	height: 32px;
	margin: 20px 0
}

.article .article-t p {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	max-width: 100px;
	min-width: 80px;
	color: #FFF;
	background-color: #009;
	border-radius: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.article .article-t i {
	position: absolute;
	display: block;
	height: 2px;
	background-color: #000;
	left: 0;
	width: 100%;
	top: 50%
}

.article .article-list ul li:nth-child(3) .article-t i {
	display: none;
	height: 0
}

.article .article-list {
}

.article .article-list ul li {
	float: left;
	width: 33.3%
}

.article .article-list .article-itme {
	width: 80%
}

.article .article-list .article-itme dd {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.article .article-list .article-itme span {
	display: block;
	color: #999;
	padding: 10px 0
}

.article .article-list .article-itme p {
	color: #666;
	line-height: 30px;
	overflow: hidden;
	height: 90px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-indent: 24px
}

.article .article-right {
	float: right;
	width: 30%
}

.articleimg-list img {
	width: 100%
}

.article .swiper-button-next,.article .swiper-button-prev {
	width: 30px;
	height: 48px;
	opacity: .5
}

.article .swiper-button-next {
	background: @Themebg url( img/256_jright.png) no-repeat center center;
	right: 0
}

.article .swiper-button-prev {
	background: @Themebg url( img/256_jleft.png) no-repeat center center;
	left: 0
}/* ?????????????????????????????????????????? ??*/@media screen and (max-width: 768px) {
	.article .article-left {
		float: none;
		width: 100%
	}

	.article .article-list ul li {
		width: 50%
	}

	.article .article-list ul li:nth-child(3) {
		display: none
	}

	.article .article-list ul li:nth-child(2) .article-t i {
		display: none;
		height: 0
	}

	.article .article-right {
		display: none
	}

	.article .in-more {
		display: block;
		float: right;
		margin: 20px 0
	}
}/*????????*/.product {
	padding: 40px 0
}

.product .product-nav {
	text-align: center;
	margin: 40px 0;
	position: relative;
	z-index: 10
}

.product .product-nav a {
	display: inline-block;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	overflow: hidden
}

.product .product-nav a:hover {
	color: #FFF
}

.product .product-con ul {
	margin-left: -5.3%
}

.product .product-con ul li {
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	width: 28%;
	margin: 10px 0 10px 5.3%;
	transition: all 0.5s;
	box-shadow: 0px 0px 12px 0px 		rgba(181, 181, 182, 0.75)
}

.product .product-con ul li img {
	width: 100%;
	transition: all 0.5s
}

.product .product-con ul li:nth-child(4) {
	display: none
}

.product .product-con .texticon {
	padding: 20px
}

.product .product-con .texticon:before {
	content: "";
	display: block;
	width: 70px;
	height: 2px;
	background-color: @Themebg;
	margin-bottom: 15px
}

.product .product-con h3 {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.product .product-con .font_box {
	width: 100%;
	position: relative
}

.product .in-more {
	display: none
}/*-----------</END **??????>---------------*/@media screen and (max-width:768px) {
	.product .product-nav {
		display: none
	}

	.product .product-con {
		padding-top: 20px
	}

	.product .product-con ul {
		margin-left: -5%
	}

	.product .product-con ul li {
		width: 45%;
		margin: 10px 0 10px 5%
	}

	.product .product-con ul li:nth-child(4) {
		display: block
	}

	.product .in-more {
		display: block;
		float: right;
		margin: 20px 0
	}
}/*---????????----*/.friendLink {
}

.friendBox {
	margin: 0px auto;
	max-width: 1180px;
	box-sizing: border-box;
	border-top: 1px solid rgba(255,255,255,.2)
}

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

.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:1180px) {
	.friendBox {
		padding: 5px 15px !important
	}
}

@media screen and (max-width:768px) {
	.friendLink {
		display: none
	}
}/*---footer----*/.footers {
	width: 100%;
	color: #fff
}

.footerBox {
	margin: 0 auto;
	max-width: 1180px;
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 20px 0
}

.footers .footers-box {
}

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

.footers .footers-box p {
	padding: 0;
	font-size: 12px;
	line-height: 20px
}/*-----------</END>---------------*/.information-b {
	padding: 80px 0;
	position: relative;
	margin: 20px 0;
	overflow: hidden
}/* .information-b .hongtriangle{position:absolute;right:0;bottom:0;width: 0;height: 0;border-bottom: 358px solid red;border-left: 180px solid transparent}*/.information-b-list {
	color: #fff
}

.information-b-list ul {
	margin-left: -4%
}

.information-b-list ul li {
	float: left;
	width: 29.3%;
	margin: 15px 0 15px 4%
}

.information-b-list .font-con {
	border: 1px solid #FFF;
	padding: 20px;
	position: relative
}

.information-b-list .font-con:before {
	content: "";
	width: 50%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: -2px;
	top: -2px
}

.information-b-list .font-con:after {
	content: "";
	width: 3px;
	height: 50%;
	background-color: #fff;
	position: absolute;
	left: -2px;
	top: -2px
}

.information-b-list .font-con-title {
	overflow: hidden
}

.information-b-list .font-con-title b {
	float: left;
	font-size: 36px;
	font-weight: bold;
	height: 34px;
	overflow: hidden
}

.information-b-list .font-con-title p {
	font-size: 20px;
	float: left;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 70%;
	line-height: 44px
}

.information-b-list .font-con-iltm {
	line-height: 20px;
	overflow: hidden;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

@media screen and (max-width:768px) {
	.information-b {
		padding: 50px 0
	}

	.information-b-list ul {
		margin-left: 0
	}

	.information-b-list ul li {
		float: none;
		width: 90%;
		margin: 15px auto
	}

	.information-b .hongtriangle {
		border-bottom: 190px solid red;
		border-left: 130px solid transparent
	}
}

.information-a {
	padding: 150px 0;
	position: relative
}

.information-a-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%
}

.information-a-list {
	background-color: rgba(255,255,255,.1);
	padding: 40px 0;
	position: relative;
	z-index: 10
}

.information-a-list ul li {
	float: left;
	width: 24.4%;
	border-right: 1px solid  rgba(255,255,255,.4);
	text-align: center;
	color: #fff
}

.information-a-list ul li:nth-child(4) {
	border: none
}

.information-a-list .font-con {
	width: 90%;
	margin: 0 auto;
	overflow: hidden
}

.information-a-list .font-con b,.information-a-list .font-con p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.information-a-list .font-con b {
	font-size: 50px;
	font-weight: bold
}

.aboutrbg {
}

.aboutrbg i:before {
	font-size: 600px;
	;position: absolute;
	right: 0;
	bottom: 270px;
	z-index: 2
}

.aboutrbg2 {
}

.aboutrbg2 i {
	font-size: 600px;
	position: absolute;
	left: 0px;
	bottom: -600px;
	z-index: 2
}/*.aboutrbg2:before{content:"";display:block;transform:rotate(125deg);-ms-transform:rotate(125deg);-moz-transform:rotate(125deg);-webkit-transform:rotate(125deg);-o-transform:rotate(125deg);width: 250px;height: 4px;background: #666666;position: absolute;left: 238px;bottom: -21px;z-index: 2}*/@media screen and (max-width: 1440px) {
	.aboutrbg,.aboutrbg2 {
		display: none
	}
}/* ?????? ??*/@media screen and (max-width:768px) {
	.information-a {
		padding: 50px 15px
	}

	.information-a-list .font-con b {
		font-size: 22px;
		font-weight: bold
	}
}</style>