@charset "gb2312";
/*????????*/.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: #e31917 !important
}

.Themefont,.Themetxthover:hover {
	color: #e31917 !important
}

.ThemeFborder,.Themebdhover:hover,.form .header {
	border-color: #e31917 !important
}

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

.ThemeFbg {
	background-color: #153F8F !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: #e31917 !important
}

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

.in-more .morep2,.contact .contact-tel,.information-b-list ul li:hover .font-con {
	border-color: #e31917 !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: #153F8F !important
}

.in-title-icon,.in-more .morep1,.in-more a:hover .morep2 {
	border-color: #153F8F !important
}

.topwaveline {
	position: absolute;
	top: -3px;
	width: 100%;
	height: 8px;
	transform-origin: center left;
	transform: rotate(0);
	background: radial-gradient(circle, #153F8F 4px, #153F8F, 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, #e31917 4px, #e31917, transparent 4px, transparent 4px, transparent 4px, transparent);
	background-size: 12px 8px
}

.contact .contact-title:after {
	border-top: 40px solid #e31917 !important
}

.information-b .hongtriangle {
	border-bottom: 358px solid #e31917 !important
}

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

.contact-box .contact-tel {
	border-color: #e31917 !important
}/*????????*/.tpl_six {
	background-image: url(img/256-02.jpg);
	background-repeat: @Pagebg_repeat;
	background-size: cover;
	background-position: center;
	background-color: #153F8F;
	position: relative
}/*????????*/.tpl_four {
	background-image: url(img/256-01.jpg);
	background-repeat: @Pagebg_repeat;
	background-size: cover;
	background-position: center;
	background-color: #153F8F
}

.tpl_six:before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 358px solid #e31917;
	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: #e31917
}

.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: #e31917 !important
}

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

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

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

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

.in-title-con {
	top: 0px;
	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: 16px;
	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: 100%
}

.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: 90%
}

.article .article-list .article-itme dd {
	font-size: 16px;
	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: 60px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-indent: 0px
}

.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: #e31917 url( img/256_jright.png) no-repeat center center;
	right: 0
}

.article .swiper-button-prev {
	background: #e31917 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;
	background-color: #153F8F;
	color:#FFF;

}

.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 ;height:240px;
}

.product .product-con ul li:nth-child(6) {
	
}

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

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

.product .product-con dd {
	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 dd {
	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: 100px;
	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
	}
}