@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,
body,
a,
p,
span,
ul,

img {
	border: none;
	vertical-align: middle;
}

td {
	vertical-align: center;
	font-size: 14px;
}

body {
	background: #fff;
	overflow-x: hidden;
}

/* 链接样式 */
a {
	text-decoration: none;
	outline: none;
}

a:link {
	text-decoration: none;
	outline: none;
}

a:visited {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

/* 常用元素 */
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}

/* 层浮动 */
.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin: 0 auto;
}

/* 文字对齐 */
.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tcenter {
	text-align: center;
}

* html,
* html body

/* 修正IE6振动bug */
	{
	background-image: url(../images/d97320b1f7d24bb69d32d78aad96e987.gif);
	background-attachment: fixed;
}

/* 主体内容开始
-------------------------------------------------------------- */

.page {
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.content {
	width: 100%;
	margin: 0 auto;
}


#pages {
	padding-top: 5px;
	margin: 0 auto;
	padding: 25px 0;
}

#pages a {
	border: 1px solid #DDD;
	color: #333;
	margin: 2px;
	padding: 2px 5px;
	text-decoration: none;
	font-size: 13px;
}

#pages a:hover {
	border: 1px solid #DDD;
	color: #333;
	margin: 2px;
	padding: 2px 5px;
	text-decoration: none;
	background: #195091;
	color: #FFF;
	font-size: 13px;
}

#pages span {
	background: #195091;
	border: 1px solid gainsboro;
	color: white;
	font-weight: bold;
	margin: 2px;
	padding: 2px 5px;
	font-size: 12px;
}

/* always display scrollbars */


/*--footer--*/

.footer {
	background: #212121;
	color: #FFF;
}

.foots {
	padding: 50px 0 12px 0;
}

.footx {
	padding: 10px 0;
	border-top: 1px solid #383838;
}

.mlink {
	text-align: left;
	line-height: 35px;
}

.mlink a {
	color: #FFF;
}

.mfotleft {
	line-height: 35px;
}

.mfotleft a {
	color: #FFF;
}

/*.back-top{
	width: 54px;
	height: 54px;
	overflow: hidden;
	position: fixed;
	right: 1%;
	bottom: 2%;
	z-index: 20;
	display: none;
	background: url(../images/top.png) no-repeat;
	cursor: pointer;
}*/
.mfnav h2 {
	font-size: 17px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: 500;
	margin: 0;
}

.mfnav h2 a {
	font-size: 17px;
	color: #fff;
}

.mfnav ul li {
	line-height: 26px;
}

.mfnav ul li a {
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}

.mfnav ul li a:hover {
	color: #fff;
}

.mfootxian {
	border-left: 1px solid #4D4D4D;
	font-size: 13px;
}

.mjuh {
	color: #0fb918;
	padding-bottom: 8px;
}

.mpt6 {
	padding-top: 15px;
}

.m17 {
	font-size: 17px;
}

.m16 {
	font-size: 16px;
}

.mb15 {
	font-size: 15px;
	color: #fff;
}

.mzixun {
	border: 1px solid #909090;
	text-align: center;
}

.mzixun a {
	display: block;
	padding: 8px 0;
}

.mzixun span {
	background: url(../images/qq.png) no-repeat left;
	padding-left: 18px;
	font-size: 15px;
	color: #fff;
}

.mzixun {
	position: relative;
	z-index: 9;
	text-transform: uppercase;
	-webkit-transition: all 600ms;
	transition: all 600ms;
}

.mzixun:hover {
	color: #fff;
	border: 1px solid #0FB918;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.mzixun:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.mzixun:hover:after {
	background: #0FB918;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}

.mzixun:before,
.mzixun:after {
	content: '';
	position: absolute;
	-webkit-transition: inherit;
	transition: inherit;
	z-index: -1;
}

.mzixun:before,
.mzixun:after {
	top: 0;
	width: 0;
	height: 100%;
}

.mzixun:before {
	left: 0;
}

.mzixun:after {
	left: 0;
}

.mzixun:hover:after {
	width: 100%;
}

.mept20 {
	padding-top: 40px;
}

@media screen and (max-width:1200px) {
	.mlink {
		text-align: left;
	}
}

@media screen and (max-width:991px) {
	.mobiepb10 {
		padding-bottom: 10px;
	}
}

@media screen and (max-width:767px) {
	.mobiepb210 {
		padding-bottom: 15px;
	}
}


/*banner*/

.home {
	position: relative;
	z-index: 9;
}

.banner {
	position: relative;
}

.banner .bannerbox>li {
	height: 100%;
	line-height: 1;
	backface-visibility: hidden;
	overflow: hidden;
	opacity: 1 !important;
	position: relative;
	transform-origin: left 0;
}

.banner .bannerbox li img {
	display: block;
	width: 100%;
	height: auto;
	transform-origin: right 0;
	position: absolute;
	left: 0;
	top: 0;
}

.banner .bannerbox>li.out {
	opacity: 1;
	z-index: 2 !important;
}

.banner .bannerbox>li.in {
	opacity: 1;
	z-index: 3 !important;
}

.banner .bannerbox>li.in figure {
	-webkit-animation: slideIn 1s ease-in-out;
	animation: slideIn 1s ease-in-out;
	-moz-animation: slideIn 1s ease-in-out;
	overflow: hidden;
}

.banner .bannerbox>li.in .btext h3 {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transition: 0.55s 0.36s ease-in-out;
	font-weight: bold;
}

.banner .bannerbox>li.in .btext small {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transition: 0.55s 0.36s ease-in-out;
}

.banner .bannerbox>li.in .btext span {
	visibility: visible;
	transition: 0.97s 0.6s;
}

.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #0097d7;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	color: #fff;
}

.hvr-shutter-in-vertical:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f08239;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
a.hvr-shutter-in-vertical:focus,
a.hvr-shutter-in-vertical:active {
	color: #fff;
}

.hvr-shutter-in-vertical:hover:before,
a.hvr-shutter-in-vertical:focus:before,
a.hvr-shutter-in-vertical:active:before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}





@-webkit-keyframes slideIn {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes slideIn {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.banner .bannerbox li figure {
	position: relative;
	transform-origin: right center;
}

.btext {
	position: absolute;
	left: 50%;
	margin-left: -735px;
	top: 46%;
	margin-top: -135px;
	padding: 88px 0;
}




.btext h3 {
	color: #ffffff;
	font-size: 42px;
	line-height: 1;
	text-align: left;
	margin-bottom: 32px;
	transform: translateY(-70px);
	-webkit-transform: translateY(-70px);
	-moz-transform: translateY(-70px);
	opacity: 0;
	visibility: hidden;
}

.btext small {
	display: block;
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	transform: translateY(70px);
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	opacity: 0;
	visibility: hidden;
}

.btext span.banmore {
	display: inline-block;
	background: #fc6000;
	padding: 17px 44px;
	margin-top: 85px;
	font-size: 18px;
	color: #FFF;
	visibility: hidden;
}

.numble {
	position: absolute;
	right: 12px;
	top: 50%;
	z-index: 10;
	margin-top: -10px;
}

.numble span {
	display: inline-block;
	float: left;
	color: #f3f3f3;
	font-size: 20px;
	line-height: 1;
	font-family: "Conv_Helvetica-Condensed-Light";
}

.numble span.start {
	color: #0FB918;
}

.numble span i {
	display: inline-block;
	font-style: normal;
}

.numble b {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	margin: 0 8px;
	font-weight: normal;
	float: left;
	line-height: 1;
}

.seek {
	position: absolute;
	right: 8px;
	bottom: 18px;
	width: 98px;
	height: 34px;
	border: 1px solid #fff;
	border-radius: 16px;
	cursor: pointer;
	z-index: 10;
	transition: 0.3s;
}

.seek a {
	display: block;
	padding-left: 33px;
	line-height: 34px;
	color: #fff;
	font-size: 12px;
	position: relative;
}

.seek a:before {
	content: "";
	width: 8px;
	height: 12px;
	position: absolute;
	left: 17px;
	top: 50%;
	margin-top: -6px;
	background: url(../images/arrow2.png) center no-repeat;
}

.seek:hover {
	border-color: #d9241d;
	background: #d9241d;
	-webkit-transition: border-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: border-color 0.1s 0.3s, color 0.1s 0.3s;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}

.seek:before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}

.seek:hover:before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}

.vwrap {
	display: none;
	z-index: 1040;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}

.vwrap .videobox {
	z-index: 990;
	width: 860px;
	height: 480px;
	background-color: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -240px;
	margin-left: -430px;
}

.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	height: 100%;
	background: #80abde;
}

#videobox_wrapper {
	height: 100% !important;
}

.vwrap .close {
	z-index: 999;
	width: 24px;
	height: 24px;
	cursor: pointer;
	position: absolute;
	top: -28px;
	right: 0px;
}

.vwrap .close i {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/close1.png) no-repeat 50% 50%;
	-webkit-transition: 400ms;
	transition: 400ms;
}

.vwrap .close:hover i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#videobox_display_button {
	background: none no-repeat !important;
}

.jwplayer .jwicon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
	display: none !important;
}

.banner .flex-direction-nav {
	height: 78px;
	position: absolute;
	right: 62px;
	top: 50%;
	margin-top: -39px;
	z-index: 8;
}

.banner .flex-direction-nav li a {
	display: block;
	width: 7px;
	height: 13px;
	position: absolute;
	left: 0;
	text-indent: 9999px;
	overflow: hidden;
}

.banner .flex-direction-nav li a.flex-prev {
	background: url(../images/arrow.png) center no-repeat;
	top: 0;
}

.banner .flex-direction-nav li a.flex-next {
	background: url(../images/arrow1.png) center no-repeat;
	bottom: 0;
}

.banner .flex-direction-nav li a.flex-prev:hover {
	background: url(../images/arrow5.png) center no-repeat;
	top: -4px;
}

.banner .flex-direction-nav li a.flex-next:hover {
	background: url(../images/arrow6.png) center no-repeat;
	bottom: -4px;
}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes fadedown {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@media screen and (max-width:1510px) {
	.btext {
		margin-left: -600px;
	}
}

@media screen and (max-width:1240px) {
	.btext {
		margin-left: -540px;
	}
}

@media screen and (max-width:1199px) {
	.btext {
		position: absolute;
		left: 5%;
		margin-left: -0;
		top: 46%;
		margin-top: -135px;
		padding: 88px 0;
	}
}

@media screen and (max-width:1024px) {
	.home {
		padding: 0;
	}

	.banner {
		width: 100%;
		margin: auto;
	}

	/*.banner,.banner .bannerbox,.banner .bannerbox li figure,.banner .bannerbox > li{ height:auto !important;}*/
	.banner .bannerbox li img {
		position: relative;
		height: auto !important;
		left: 0 !important;
		top: 0 !important;
	}

	.home .header-center {
		transition: 0s;
	}

	/*.btext{ width:100%; margin-left:0; left:0; position:relative; margin-top:0; padding:50px 0;}*/
	.btext {
		left: 5%;
	}

	.banner .bannerbox>li .btext h3,
	.banner .bannerbox>li .btext small {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transition: 0s;
	}

	.banner .bannerbox>li.in .btext h3,
	.banner .bannerbox>li.in .btext small {
		transition: 0s;
	}

	.btext h3 {
		font-size: 25px;
	}

	.btext small {
		font-size: 18px;
	}

	.banner .bannerbox>li .btext span {}

	.seek {
		display: none;
	}

	.numble,
	.banner .flex-direction-nav {
		display: none;
	}

	.btext span.banmore {
		margin-top: 55px;
	}
}

@media screen and (max-width:641px) {
	.btext h3 {
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.btext small {
		font-size: 13px;
		display: none;
	}

	.numble {
		top: auto;
		bottom: 30px;
		margin-top: 0;
		right: auto;
		left: 5%;
	}

	.banner .flex-direction-nav {
		display: none;
	}

	.btext {
		padding: 34px 0;
	}

	.btext {
		margin-top: 0;
		top: 28%;
	}

	.btext span.banmore {
		background: #0FB918;
		padding: 8px 24px;
		margin-top: 10px;
		font-size: 12px;
		color: #FFF;
		visibility: hidden;
	}

}

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

	.btext {
		margin-top: 0;
		top: 25%;
	}
}

/*--导航--*/
.hmenu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 10px;
	z-index: 999;
}

/*--首页第一部分--*/
.pt38 {
	padding-top: 38px;
}

.mmore {
	float: right;
	font-size: 13px;
	color: #ef5010;
	border: 1px solid #D8D8D8;
	padding: 6px 13px;
	text-outline: none;
	text-decoration: none;
}

.mmore {
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	-webkit-transition: all 600ms;
	transition: all 600ms;
}

.mmore:hover {
	color: #fff;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.mmore:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.mmore:hover:after {
	background: #0FB918;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.mmore:before,
.mmore:after {
	content: '';
	position: absolute;
	-webkit-transition: inherit;
	transition: inherit;
	z-index: -1;
}

.mmore:before,
.mmore:after {
	top: 0;
	width: 0;
	height: 100%;
}

.mmore:before {
	left: 0;
}

.mmore:after {
	left: 0;
}

.mmore:hover:after {
	width: 100%;
}

.mmore:visited {
	text-decoration: none;
}

.mproz {
	line-height: 33px;
}

.mproz i {
	color: #0FB918;
	background: url(../images/jhy.png) no-repeat left center;
	width: 9px;
	height: 33px;
	margin-right: 8px;
	display: inline-block;
	float: left;
}

.mproz strong {
	font-size: 25px;
	color: #333333;
	background: url(../images/mhui.jpg) no-repeat bottom left;
	padding-bottom: 10px;
}

.msypic {
	position: relative;
	overflow: hidden;
}

.msypic img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.msypic:hover img {
	transform: scale(1.1, 1.1)
}

.mprolie {
	/* padding:30px 0; */
	width: 100%;
}

.msmeng {
	position: absolute;
	background: url(../images/meng.png) repeat;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 40px;
}

.msmengt {
	background: url(../images/mengt.png) repeat;
	padding: 0 48px;
}

.msmengs {
	background: url(../images/mengs.png) repeat;
	padding: 0 48px;
}

.msmeng h3 {
	font-size: 24px;
	color: #FFF;
	font-weight: 500;
	padding-top: 15%;
}

.msmeng h4 {
	font-size: 24px;
	color: #FFF;
	font-weight: 500;
	padding-top: 40%;
	padding-bottom: 8%;
}

.msmeng h5 {
	font-size: 24px;
	color: #FFF;
	font-weight: 500;
	padding-top: 41%;
}

.mpt15 {
	padding-top: 15px;
}

.msmeng span {
	font-size: 18px;
	color: #FFF;
	display: block;
	padding: 7% 0;
}

.msmeng p {
	font-size: 14px;
	color: #FFF;
	margin-bottom: 14%;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	height: 75px;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.symore i {
	margin-left: 5px;
}

.symore {
	font-size: 15px;
	padding: 14px 0;
	color: #FFF;
	display: block;
	border: 1px solid #fff;
	text-align: center;
	position: relative;
	z-index: 99;
	text-transform: uppercase;
	-webkit-transition: all 600ms;
	transition: all 600ms;
}

.symore:hover {
	color: #fff;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	border: 1px solid #0FB918;
}

.symore:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.symore:hover:after {
	background: #0FB918;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.symore:before,
.symore:after {
	content: '';
	position: absolute;
	-webkit-transition: inherit;
	transition: inherit;
	z-index: -1;
}

.symore:before,
.symore:after {
	top: 0;
	width: 0;
	height: 100%;
}

.symore:before {
	left: 0;
}

.symore:after {
	left: 0;
}

.symore:hover:after {
	width: 100%;
}

.mrow {
	margin-left: -10px;
	margin-right: -10px;
}

.mrow .mpd10 {
	padding-left: 10px;
	padding-right: 10px;
}

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

	.mpt15 {
		padding-top: 13px;
	}

}

@media screen and (max-width:1250px) {
	.msmeng p {
		font-size: 14px;
		color: #FFF;
		margin-bottom: 14%;
		height: 95px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}

	.msmeng p.mgswen {
		font-size: 14px;
		color: #FFF;
		margin-bottom: 14%;
		height: 50px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
}

@media screen and (max-width:1200px) {
	.mpt15 {
		padding-top: 10px;
	}
}

@media screen and (max-width:1100px) {
	.msmeng h3 {
		padding-top: 2%;
	}
}

@media screen and (max-width:997px) {
	.mpt15 {
		padding-top: 0;
	}

	.mrow .mpd10 {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width:340px) {
	.msmeng h3 {
		font-size: 24px;
		color: #FFF;
		font-weight: 500;
		padding-top: 10%;
	}

	.symore {
		font-size: 15px;
		padding: 10px 0;
		color: #FFF;
		display: block;
		border: 1px solid #fff;
		text-align: center;
		position: relative;
		z-index: 99;
		text-transform: uppercase;
		-webkit-transition: all 600ms;
		transition: all 600ms;
	}

}

/*--首页产品--*/
.sjjfa {
	padding-top: 38px;
}

.mprotab {
	padding-top: 46px;
}

.mprozuo {
	float: left;
	width: 10%;
}

.mproyuo {
	float: right;
	width: 100%;
}

.mprotab .nav-tabs {
	border: none;
	margin-top: 10%;
}

.mprotab .nav-tabs>li {
	padding: 24px 0;
}

.mprotab ul.mprozuo>li a {
	color: #333333;
	font-size: 18px;
	border: none;
	background: none;
	padding: 0;
}

.mprotab ul.mprozuo>li a span {
	width: 100%;
	height: 52px;
	display: block;
	text-align: center;
}

.gstb1 {
	background: url(../images/scp1.png) no-repeat center;
	display: inline-block;
	width: 52px;
	height: 52px;
}

.gstb2 {
	background: url(../images/scp2.png) no-repeat center;
	display: inline-block;
	width: 52px;
	height: 52px;
}

.mprotab .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.mprotab .nav-tabs>li.active>a:hover {
	border: none;
	color: #0FB918;
}

.mprotab .nav-tabs>li.active>a .gstb1 {
	background: url(../images/scph1.png) no-repeat center;
}

.mprotab .nav-tabs>li.active>a .gstb2 {
	background: url(../images/scph2.png) no-repeat center;
}

.soft_left li {
	height: 78px;
	margin-bottom: 10px;
	transition: all linear 0.5s;
}

.soft_left li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(12, 113, 180, 0.9);
	text-align: center;
	box-sizing: border-box;
	padding-top: 2%;
}

.soft_left li a img {
	display: block;
	margin: 10px auto;
	width: 45px;
	transition: all ease-in-out 0.8s;
}

.soft_left li a p {
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}

.soft_left li:nth-child(1) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(2) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(3) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(4) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(5) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(6) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(7) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:nth-child(8) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}
.soft_left li:nth-child(9) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}
.soft_left li:nth-child(10) {
	background: url(../images/mprotu1.jpg) no-repeat center center;
	background-size: cover;
}

.soft_left li:hover {
	background-position: right bottom;
}

.soft_left li:hover a img {
	transform: scale(1.2) rotateY(360deg);
}

.soft_right {
	background-size: cover;
	height: 629px;
}

.pleft {
	padding-left: 0px;
}

.soft_right h2 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 90px;
	margin: 0;
}

.soft_right ul li {
	width: 32.2%;
	float: left;
	color: #fff;
	box-sizing: border-box;
	margin-right: 15px;
}

.soft_right ul img {
	width: 100%;
	float: left;
	margin-right: 15px;
	border:1px #e6e8ee solid;
}
.soft_right ul img:hover{
	border: 1px solid #6F7386;
}

.soft_right ul li.tright {
	padding-top: 0;
}


.soft_right ul li:nth-child(3) {
	position: relative;
	margin-right: 0px;
}

.soft_right ul li:nth-child(6) {
	position: relative;
	margin-right: 0px;
}

.soft_right ul li:nth-child(9) {
	position: relative;
	margin-right: 0px;
}

.soft_right ul li:nth-child(12) {
	position: relative;
	margin-right: 0px;
}

.soft_right ul li:nth-child(15) {
	position: relative;
	margin-right: 0px;
}

.soft_right ul li a {
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}

.soft_right ul li a:hover {
	font-size: 15px;
	color: #196b13;
	font-weight: normal;
	margin-bottom: 30px;
}

.soft_right ul li p {
	font-size: 13px;
	color: #fff;
	line-height: 22px;
	margin-top: 13px;
}

.circle {
	position: absolute;
	top: -48px;
	left: 44%;
	display: block;
	margin-left: -60px;
	transition: all 1s;
	transform-origin: center;
	animation: circle_rotate 10s linear infinite;
}

@keyframes circle_rotate {
	0% {
		transform: rotate(0deg) scale(0.9);
	}

	50% {
		transform: rotate(180deg) scale(1);
	}

	100% {
		transform: rotate(360deg) scale(0.9);
	}
}

.hardware {
	min-height: 575px;
	background: url(../images/softs.jpg) no-repeat center center;
	width: 100%;
	background-size: cover;
	padding: 60px 0 0 70px;
	box-sizing: border-box;
}

.hardware ul {
	width: 100%;
}

.hardware ul li {
	float: left;
	margin: 2%;
	width: 29%;
}

.hardware ul li a {
	display: block;
	border-radius: 8px;
	width: 100%;
	background-color: rgba(21, 205, 251, 0.1);
	color: #FFF;
	padding: 30px;
	border: 1px solid #15cdfb;
	position: relative;
	height: 180px;
	width: 100%;
}

.hardware ul li a:hover {
	background-color: rgba(21, 205, 251, 0.3);
}

.hardware ul li a h3 {
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	line-height: 30px;
	margin-top: 0px;
}

.hardware ul li a p {
	font-size: 15px;
	color: #fff;
	line-height: 24px;
	margin-top: 14px;
}

.hardware ul li a:before,
.hardware ul li a:after {
	content: " ";
	display: block;
	position: absolute;
	width: 101%;
	height: 101%;
	top: -2px;
	left: -2px;
	border: 2px solid #f1f1f1;
	z-index: 10;
	box-sizing: border-box;
	-webkit-animation: clipAni 5s infinite linear;
	border-radius: 10px;
	opacity: 0.7;
}

.secp:before {
	-webkit-animation-delay: -2s;
}

@keyframes clipAni {

	0%,
	100% {
		clip: rect(0px, 340px, 320px, 154px);
	}

	25% {
		clip: rect(0px, 320px, 3px, 0px);
	}

	50% {
		clip: rect(0px, 3px, 220px, 0px);
	}

	75% {
		clip: rect(220px, 340px, 220px, 0px);
	}
}

@media (max-width: 1510px) {
	.hardware ul {
		/* width:93%; */
	}

}

@media (max-width: 1100px) {
	.hardware ul {
		width: 100%;
	}

	.hardware ul li {
		width: 50%;
		margin: 0;
	}

	.hardware ul li a {
		width: 92%;
		margin: 4%;
	}

	.hardware {
		padding: 60px 30px;
	}

	.hardware ul li a:before,
	.hardware ul li a:after {
		display: none;
	}

	.mprotab ul.mprozuo>li a {
		font-size: 15px;
	}
}

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

	.soft_right ul li h3 {
		font-size: 16px;
		margin-top: 35px;
	}

	.soft_right ul li p {
		font-size: 12px;
	}
}

@media screen and (max-width:768px) {
	.soft_right h2 {
		font-size: 24px;
		line-height: 60px;
	}

	.hardware {
		min-height: 720px;
		padding: 20px 0;
		background-position: center bottom;
	}

	.mprozuo,
	.mproyuo {
		float: none;
		width: 100%;
	}

	.pleft {
		padding-left: 15px;
	}

	.soft_right ul li {
		width: 44%;
		margin: 0 2%;
		padding: 0;
	}

	.soft_right ul li h3 {
		margin-top: 20px;
		font-size: 15px;
		font-weight: bold;
	}

	.soft_right {
		height: 500px;
	}

	.soft_right ul li p {}

	.mprotab .nav-tabs>li {
		width: 50%;
		box-sizing: border-box;
	}

	.mprotab .nav-tabs>li a {
		display: block;
		text-align: center;
	}

	.mprotab .nav-tabs {
		margin-top: 0%;
	}

	.mprotab {
		padding-top: 25px;
	}

	.hardware ul {
		width: 94%;
		padding: 0;
		margin-left: 3%;
	}

	.hardware ul li {
		float: none;
		margin: 0 0 4%;
		width: 100%;
		box-sizing: border-box;
	}

	.hardware ul li a {
		display: block;
		border-radius: 8px;
		width: 100%;
		padding: 30px;
		margin: 0;
		height: 154px;
		box-sizing: border-box;
	}

	.msmeng h3 {
		padding-top: 15%;
	}
}

/*解决方案*/
.solve {
	margin-top: 45px;
}

.solve .nav-tabs>li {
	float: left;
	width: 12.5%;
	text-align: center;
	border: none;
	margin-bottom: 15px;
	background: url(../images/huixian.png) no-repeat right center;
}

.solve .nav-tabs>li:last-child {
	background: none;
}

.solve .nav-tabs>li.active>a,
.solve .nav-tabs>li.active>a:hover,
.solve .nav-tabs>li.active>a:focus {
	color: #f75615;
	line-height: 38px;
	border: none;
	border-bottom: 2px solid #f75615;
}

.solve .nav-tabs>li>a {
	display: inline-block;
	margin-right: 0px;
	line-height: 38px;
	border: none;
	border-bottom: 2px solid #fff;
	border-radius: 0;
	color: #333;
	font-size: 16px;
}

.solve .tab-content .tab-pane {
	background-size: cover;
	height: 700px;
	padding: 55px;
	box-sizing: border-box;
}

.solve .tab_inside {
	background-color: #fff;
	width: 455px;
	padding: 30px 40px;
	transition: all 0.3s;
}

.solve .tab_inside a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}

.solve .tab_inside a h2 {
	color: #000;
	font-size: 24px;
	line-height: 38px;
	font-weight: normal;
	margin-top: 0px;
}

.solve .tab_inside a h4 {
	color: #333;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	margin: 4px 0;
}

.solve .tab_inside a p {
	color: #666;
	font-size: 14px;
	line-height: 35px;
}

.solve .tab-content:hover .tab_inside {
	margin-left: 50px;
}

.solve .tab-content .tab_inside:hover {
	box-shadow: 1px 1px 9px #999;
}

.solve .tab-content .tab_inside:hover h2 {
	color: #f75615;
}

#solve1 {
	background: url(../images/way1.jpg) no-repeat center center;
	background-size: cover;
}

#solve2 {
	background: url(../images/way2.jpg) no-repeat center center;
	background-size: cover;
}

#solve3 {
	background: url(../images/way3.jpg) no-repeat center center;
	background-size: cover;
}

#solve4 {
	background: url(../images/way4.jpg) no-repeat center center;
	background-size: cover;
}

#solve5 {
	background: url(../images/way5.jpg) no-repeat center center;
	background-size: cover;
}

#solve6 {
	background: url(../images/way6.jpg) no-repeat center center;
	background-size: cover;
}

#solve7 {
	background: url(../images/way7.jpg) no-repeat center center;
	background-size: cover;
}

#solve8 {
	background: url(../images/way8.jpg) no-repeat center center;
	background-size: cover;
}

@media screen and (max-width:992px) {
	.solve .nav-tabs>li {
		width: 25%;
	}

	.solve .nav-tabs>li>a {
		padding: 10px 0px;
		display: block;
		text-align: center;
	}

}

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

	.solve .nav-tabs>li.active>a,
	.solve .nav-tabs>li.active>a:hover,
	.solve .nav-tabs>li.active>a:focus {
		line-height: 15px;
	}

	.solve .nav-tabs>li>a {
		line-height: 15px;
		font-size: 14px;
		margin-bottom: 8px;
	}

	.solve {
		margin-top: 25px;
	}

	.solve .tab-content .tab-pane {
		padding: 30px 10px 40px;
	}

	.solve .tab_inside {
		background-color: #fff;
		width: 96%;
		padding: 20px;
		transition: all 0.3s;
		margin: 0 2% 40px;
	}

	.solve .tab-content:hover .tab_inside {
		margin-left: 10px;
	}

	.solve .nav-tabs>li {
		margin-bottom: 0px;
		background: none;
	}
}


/*--首页新闻开始--*/
.mnewpic {
	overflow: hidden;
}

.mnewpic img {
	width: 100%;
	
}

.col-mm-5 {
	width: 34%;
	float: left;
	padding: 0 15px;
}

.col-mm-7 {
	width: 66%;
	float: left;
	padding: 0 15px;
}

.snew {
	padding: 40px 0;
}

.mnewbt {
	position: relative;
	left: inherit !important;
	right: inherit !important;
	bottom: 0 !important;
	background: #F2F3F5;
	padding: 20px 10px !important;
	text-shadow: inherit !important;
	font-size: 17px;
	color: #000000;
	text-align: left;
}

.mnewbt p {
	overflow: hidden;
	height: 24px;
	font-size: 17px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.mnewlun .carousel-indicators {
	display: none;
}

.mnewlun .carousel-control.right {
	background: none;
	top: 25%;
	bottom: inherit !important;
	width: 33px;
	height: 65px;
	opacity: 1;
}

.mnewlun .carousel-control.right span {
	width: 33px;
	height: 65px;
	margin-right: 0;
	right: 0;
	color: #eee;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 65px;
	font-size: 19px;
}

.mnewlun .carousel-control.left {
	background: none;
	top: 25%;
	bottom: inherit !important;
	width: 33px;
	height: 65px;
	opacity: 1;
}

.mnewlun .carousel-control.left span {
	width: 33px;
	height: 65px;
	margin-left: 0;
	left: 0;
	color: #eee;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 65px;
	font-size: 19px;
}

.mnewlie ul {
	margin-left: -20px;
	margin-right: -40px;
}

.mnewlie ul li {
	width: 50%;
	float: left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 2%;
}

.menwbt {
	text-align: right;
}

.menwbt span {
	float: left;
	text-align: left;
	font-size: 17px;
	height: 24px;
	width: 70%;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mnewlie p {
	font-size: 14px;
	color: #949494;
	margin-top: 4%;
	height: 50px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mjian {
	padding-top: 3px;
}

.mjian i {
	color: #DE931D;
	font-size: 16px;
}

.mnewlie ul li a:hover .menwbt span {
	color: #0FB918;
}

.mnewlie ul li a .mjian i {
	transition: all 0.3s;
}

.mnewlie ul li:hover .mjian i {
	color: #DE931D;
	font-size: 16px;
	margin-left: 10px;
}

.mnewlie ul li.mrb0 {
	margin-bottom: 0;
}

.msnewpt20 {
	/* padding-top:26px; */
}

#myCarousel .item:hover .mnewbt {
	background: #0FB918;
	color: #fff;
}

#myCarousel .item:hover .mnewbt p {
	color: #fff;
}

@media screen and (max-width:1499px) {
	.mnewlie p {
		font-size: 14px;
		color: #949494;
		margin-top: 2%;
		height: 50px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

}

@media screen and (max-width:1400px) {
	.mnewlie ul li {
		width: 50%;
		float: left;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 1.5%;
	}
}

@media screen and (max-width:1280px) {
	.mnewlie p {
		font-size: 14px;
		color: #949494;
		margin-top: 4%;
		height: 25px;
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.mnewlie ul li {
		width: 50%;
		float: left;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 2%;
	}
}

@media screen and (max-width:768px) {
	.mnewlie ul li {
		width: 100%;
		float: none;
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 10px;
		box-sizing: border-box;
	}

	.mnewlie ul {
		margin: 30px 0 0;
	}

	.foots {
		padding: 25px 0 12px 0;
	}

	.sphone p {
		color: #fff;
		line-height: 30px;
		font-size: 14px;
	}

	.sphone span {
		color: #f75615;
		line-height: 30px;
		font-size: 15px;
	}

	.sphone .ding a {
		display: inline-block;
		padding: 0 10px;
		border: 1px solid #aaa;
		border-radius: 3px;
		color: #fff;
	}

	.swechat {
		margin-top: 25px;
	}

	.swechat img {
		max-width: 100%;
		display: block;
	}

	.swechat p {
		color: #fff;
		line-height: 30px;
		font-size: 14px;
		margin-bottom: 5px;
	}

	.mlink {
		line-height: 26px;
	}

	.mfotleft {
		line-height: 26px;
	}

}

/*--7.31 联系我们--*/
.lxwm {
	padding-bottom: 50px;
	padding-top: 20px;
}

.mw100 {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 17px 0 42px 0;
}

.mguestk h3 {
	font-size: 25px;
	color: #1265ab;
	font-weight: bold;
	background: url(../images/mlan2.png) no-repeat 4px bottom;
	padding-bottom: 26px;
}

#map {
	float: right;
	width: 70%;
}

.contact-adress-map {
	width: 100%;
	height: 633px;
	float: right;
}

.mcoinfo {
	background: url(../images/lxlan.jpg) no-repeat right;
	border-left: 1px solid #64A7E8;
	background-color: #3D91E2;
	height: 633px;
	width: 30%;
	padding-left: 24px;
	padding-top: 15px;
	padding-right: 10px;
	float: left;
}

.mcont1 {
	border-bottom: 1px solid #64A7E8;
	padding: 16px 0;
	overflow: hidden;
}

.mcont1 p {
	font-size: 16px;
	color: #fff;
	float: left;
	padding-left: 18px;
	line-height: 26px;
}

.mcont1 span {
	float: left;
	display: inline-block;
	width: 26px;
	padding-top: 5px;
}

.mcont1 span i {
	font-size: 32px;
	color: #fff;
}

.mlximg {
	font-size: 14px;
	color: #fff;
	padding-top: 25px;
	padding-left: 35px;
}

.mlximg span {
	border: 1px solid #CBCBCB;
	background: #fff;
	padding: 4px;
	display: inline-block;
}

.mcode {
	display: inline-block;
	text-align: center;
	line-height: 28px;
}

@media screen and (max-width:1516px) {
	.mcont1 p {
		font-size: 14px;
		color: #fff;
		float: left;
		padding-left: 18px;
		line-height: 26px;
	}

}


@media screen and (max-width:1280px) {
	.mcoinfo {
		width: 50%;
		padding-left: 20px;
		padding-top: 15px;
	}

	#map {
		float: right;
		width: 50%;
	}

	.mcont1 {
		font-size: 16px;
		color: #fff;
		border-bottom: 1px solid #64A7E8;
		padding: 20px 0;
		overflow: hidden;
	}

	.mcont1 span i {
		font-size: 26px;
		color: #fff;
	}

	.mcont1 p {
		float: left;
		padding-left: 18px;
		line-height: 26px;
		width: 85%;
	}
}

@media screen and (max-width:1000px) {
	#map {
		float: right;
		width: 100%;
	}

	.mcoinfo {
		width: 100%;
		padding-left: 20px;
		padding-top: 15px;
		height: auto;
		background-size: cover;
		padding-bottom: 20px;
	}
}

@media screen and (max-width:640px) {
	#map {
		float: right;
		width: 0%;
		display: none;
	}

	.mcoinfo {
		width: 100%;
		padding-left: 20px;
	}
}

.red {
	color: #F00;
}

.mmessage {
	font-size: 15px;
	font-weight: bold;
	padding-top: 45px;
}

.mmessage .form-control {
	background: #EEEEEE;
	border: none;
	height: 54px;
	line-height: 54px;
	border: none;
	box-shadow: none;
}

.mmessage textarea.form-control {
	height: auto;
	line-height: 25px;
}

.mmessage .btn-default {
	background: #4C4C4C;
	border: 1px solid #4C4C4C;
	padding: 10px 50px;
	margin-right: 10px;
	color: #fff;
	margin-top: 30px;
}

.mmessage .btn-default:hover {
	background-color: #F08300;
	border: 1px solid #F08300;
}

/*新闻列表页*/

@font-face {
	font-family: 'dinCond-Medium';
	src: url('../fonts/dincond-medium-webfont.eot');
	src: url('../fonts/dincond-medium-webfont.eot') format('embedded-opentype'),
		url('../fonts/dincond-medium-webfont.woff') format('woff'),
		url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
		url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
	font-weight: normal;
	font-style: normal;

}

.new {
	padding-top: 38px;
}

.xwpic {
	overflow: hidden;
	float: left;
	width: 20%;
	position: relative;
}

.xwpic span {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.xwpic img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.xwlun a:hover .xwpic img {
	transform: scale(1.1, 1.1)
}

.xwlun .carousel-indicators {
	display: none;
}

.xwlun .carousel-control {
	width: 40px;
	height: 38px;
	text-shadow: none;
	opacity: 1;
	top: inherit;
	left: inherit;
}

.xwlun .carousel-control i {
	font-size: 34px;
}

.xwlun .carousel-control.left {
	background: none;
	text-align: center;
	background: #DADBDD;
	right: 40px;
	float: right;
}

.xwlun .carousel-control.right {
	background: none;
	text-align: center;
	background: #DADBDD;
}

.xwlun .carousel-control.left:hover {
	background: none;
	background: #0B63B8;
	right: 40px;
	float: right;
}

.xwlun .carousel-control.right:hover {
	background: none;
	background: #0B63B8;
}

.xwlun .item {
	overflow: hidden;
	max-height: 229px;
}

.xwyou {
	width: 80%;
	float: left;
	padding: 30px;
	padding-bottom: 10px;
}

.xwyou h3 {
	font-size: 20px;
	height: 28px;
	color: #0FB918;
	font-weight: bold;
	display: -webkit-box;
	margin-top: 4px;
	margin-bottom: 14px;
	white-space: nowrap;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.xwyou p {
	width: 100%;
	font-size: 14px;
	margin-top: 14px;
	line-height: 28px;
	height: 50px;
	color: #666;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.xwsj span {
	font-style: normal;
	font-family: 'dincond-medium', 'Arial';
	font-size: 24px;
	color: #666;
	display: block;
}

@media (max-width: 1500px) {
	.xwyou {
		padding: 10px 30px;
		padding-bottom: 10px;
	}

	.xwyou h3 {
		margin-bottom: 5px;
	}
}

@media (max-width: 1200px) {
	.xwsj span {
		font-size: 20px;
	}

	.xwyou p {
		margin-top: 8px;
		line-height: 25px;
	}

	.xwlun .carousel-control {
		width: 40px;
		height: 36px;
		text-shadow: none;
		opacity: 1;
		top: inherit;
		left: inherit;
	}

	.xwlun .carousel-control i {
		font-size: 30px;
	}
}

@media (max-width: 1100px) {
	.xwyou span {
		font-size: 18px;
	}

	.xwyou h3 {
		font-size: 18px;
		margin-bottom: 4px;
	}

	.xwyou p {
		margin-top: 4px;
	}

	.xwyou {
		padding: 10px 20px;
		padding-right: 80px;
	}

}

@media (max-width: 767px) {
	.xwlun .item {
		max-height: inherit;
	}

	.xwyou p {
		width: 100%;
	}

	.xwpic {
		width: 100%;
	}

	.xwyou {
		width: 100%;
		padding: 20px 15px;
		box-sizing: border-box;
		padding-bottom: 45px;
	}

	.xwyou h3 {
		font-size: 16px;
		height: 25px;
		line-height: 25px;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.xwpic img {
		min-height: 230px;
		width: 100%;
	}
}

.xwlun .carousel-inner {
	box-sizing: border-box;
	background-color: rgba(248, 248, 248, 0.5);
	margin-bottom: 34px;
}

@media (max-width: 768px) {
	.xwlun .carousel-inner {
		margin-bottom: 0px;
	}
}


.mnew {
	height: 247px;
	display: block;
	border: 1px solid #e5e5e5;
	padding: 30px 24px;
	box-sizing: border-box;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}

.mhnew {
	font-size: 13px;
	color: #999;
	line-height: 20px;
}

.mnew h3 {
	font-size: 18px;
	color: #333333;
	line-height: 35px;
	font-weight: bold;
	width: 100%;
	height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mnew .mhdis {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	width: 100%;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mnew .mtime {
	font-size: 20px;
	color: #ACACAC;
	font-family: 'dincond-medium';
	line-height: 24px;
	margin-top: 50px;
	display: block;
}

.bdsharebuttonbox {
	margin-top: 0px;
	overflow: hidden;
	margin-bottom: 33px;
}

#fenxiang4 {
	background: url(../images/fx4.png) no-repeat;
	margin-right: 1px;
}

.mnew a {
	display: block;
}

.minside {
	transform: translateY(-75px);
	transition: all 0.5s;
}

.mnew:hover {
	background-color: #0FB918;
}

.mnew:hover h3,
.mnew:hover .mhdis,
.mnew:hover .mtime,
.mnew:hover .mhnew {
	color: #fff;
}

.mnew:hover .minside {
	transform: translateY(0);
}

.mnewsbt {
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}


/*文章详情*/
.article {
	margin-bottom: 60px;
}

.article p {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-bottom: 20px;
}

.article img {
	display: block;
	margin: 20px auto;
	max-width: 100% !important;
	height: auto !important;
}

.bdsharebuttonbox span {
	float: left;
	line-height: 32px;
	color: #a2a2a2;
	font-size: 13px;
	line-height: 40px;
}

.bdsharebuttonbox a {
	display: inline-block;
	width: 36px;
	height: 36px;
}

#fenxiang1 {
	background: url(../images/fx1.png) no-repeat;
	background-size: 100%;
}

#fenxiang2 {
	background: url(../images/fx2.png) no-repeat;
	background-size: 100%;
}

#fenxiang3 {
	background: url(../images/fx1.png) no-repeat;
	background-size: 100%;
}

.article_title {
	font-size: 34px;
	color: #6BB82D;
	line-height: 40px;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #DFDFDF;
}

.article_time {
	font-size: 20px;
	color: #A2A2A2;
	font-family: 'dincond-medium';
	line-height: 40px;
	margin-right: 40px;
}

.bottom_link {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}

.bottom_link a {
	display: inline-block;
	width: 460px;
	height: 50px;
	line-height: 50px;
	border-radius: 2px;
	background-color: #9c9c9c;
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin: 0 5px;
	transition: all 0.5s;
	padding: 0 20px;
}
.bottom-left{
	float: left;
}
.bottom_link a:hover {
	background-color: #0FB918;
}

.new hr {
	margin: 5px 0 20px 0;
	border-top: 1px solid #DFDFDF;
}

@media (max-width:1000px) {
	.bottom_link a {
		width: 25%;
		margin: 0 5px;
		height: 40px;
		line-height: 40px;
	}

}

@media (max-width:768px) {
	.article_title {
		font-size: 20px;
		line-height: 30px;
		margin-top: 0px;
	}

	.article,
	.bottom_link {
		margin-bottom: 30px;
	}

	.recommend {
		margin-bottom: 30px;
	}
}

/*--解决方案--*/
.msolutk {
	padding-top: 50px;
}

.msolutbt {
	font-size: 24px;
	color: #326fd3;
	font-weight: bold;
	text-align: center;
	background: url(../images/mhuix.jpg) no-repeat bottom center;
	padding-bottom: 16px;
}

.msolution {
	font-size: 16px;
	text-align: left;
	line-height: 26px;
	margin-top: 28px;
}

.msoutleft {
	width: 47%;
	float: left;
}

.msoutright {
	width: 52%;
	float: right;
}

.msoutzbt {
	font-size: 18px;
	color: #333333;
	display: inline-block;
	height: 46px;
	background: url(../images/mjjju.png) no-repeat left top;
	padding-top: 8px;
	padding-left: 70px;
}

.msoutleft hr,
.msoutk hr {
	border-top: 1px dashed #D5E2F6;
	margin-bottom: 0px;
}

.msoutk {
	padding-top: 54px;
}

.msoutleft p {
	font-size: 15px;
	color: #7a7878;
	line-height: 28px;
	padding-top: 5px;
	margin-bottom: 22px;
	width: 80%;
}

.msoulimg {
	padding-bottom: 27px;
	overflow: hidden;
}

.msoulimg img {
	transition: all 0.3s;
}

.msoulimg:hover img {
	transform: scale(1.05);
}

.mvideo {
	position: relative;
}

.mvideo span {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/mlan3.png) repeat;
	text-align: center;
	padding-top: 22%;
}

.mvideo span i {
	background: url(../images/mvideo.png) no-repeat;
	width: 71px;
	height: 71px;
	display: inline-block;
}

@media (max-width:1100px) {
	.mvideo span i {
		background: url(../images/mvideo.png) no-repeat;
		background-size: 100%;
		width: 60px;
		height: 60px;
		display: inline-block;
	}

}

@media (max-width:768px) {
	.msoutleft p {
		font-size: 15px;
		color: #7a7878;
		line-height: 28px;
		padding-top: 5px;
		margin-bottom: 22px;
		width: 85%;
	}
}

@media (max-width:640px) {

	.msoutleft {
		width: 100%;
		float: left;
	}

	.msoutright {
		width: 100%;
		float: right;
	}
}

/*--客户案例--*/
.malwk {
	padding-top: 50px;
}

.malwk hr {
	margin: 0;
	border-top: 1px dashed #CFCFCF;
}

.malbt {
	font-size: 18px;
	color: #0b60c9;
	font-weight: bold;
}

.malkeyword {
	font-size: 16px;
	color: #0b60c9;
	padding-top: 30px;
	line-height: 28px;
}

.malkeyword span {
	font-size: 16px;
	font-weight: bold;
	color: #0FB918;
}

.malbtf strong {
	color: #0b60c9;
	font-size: 15px;
	display: block;
}

.malpic {
	margin-top: 23px;
	overflow: hidden;
}

.malbtf {
	padding-top: 32px;
}

.malbtf p {
	font-size: 15px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mallan {
	font-size: 14px;
	color: #0FB918;
	transition: all 0.3s;
	float: right;
	display: block;
	padding-top: 26px;
}

.mallan:after {
	content: '';
	visibility: hidden;
	clear: both;
	width: 0px;
}

.mallan:hover {
	padding-right: 5px;
	color: #0b60c9;
}

.malpic img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.malpic a:hover img {
	transform: scale(1.1, 1.1)
}

@media (max-width:1510px) {
	.malkeyword {
		font-size: 16px;
		color: #0b60c9;
		padding-top: 15px;
		line-height: 28px;
	}

	.malbtf {
		padding-top: 15px;
	}

}

@media screen and (max-width:1300px) {
	.mallan {
		margin-bottom: 20px;
	}
}

@media screen and (max-width:768px) {
	.mallan {
		padding-top: 10px;
		margin-bottom: 0px;
	}
}

/*右侧漂浮*/


.link-qq a {
	display: inline-block;
	margin-bottom: 10px;
	border: 1px solid #e3e3e3;
	padding-left: 40px;
	line-height: 31px;
	width: 130px;
	background: url(../images/ico_14.png) no-repeat 17px center;
	transition: all 0.3s ease 0s;
}

.link-qq a:hover {
	border: 1px solid #333;
	color: #fff;
	background: url(../images/ico_14_h.png) no-repeat 17px center #333;
}



.float-right-box {
	width: 290px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -127px;
	background-color: #191919;
	z-index: 1000;
	transition: width 0.3s ease 0s;
}

.float-right-box.on {
	width: 50px;
}

.float-right-box .top-list {
	width: 100%;
}

.float-right-box .top-list ul {
	width: 100%;
}

.float-right-box .top-list li {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #3b3b3b;
	transition: background 0.3s ease 0s;
	height: 50px;
}

.float-right-box .top-list a {
	display: block;
	width: 100%;
}

.float-right-box .top-list .ico {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	transition: background 0.3s ease 0s;
	z-index: 2;
}

.float-right-box .top-list .ico1 {
	background: url(../images/ico_58.png) no-repeat center #191919;
}

.float-right-box .top-list .ico2 {
	background: url(../images/ico_59.png) no-repeat center #191919;
}

.float-right-box .top-list .ico3 {
	background: url(../images/ico_60.png) no-repeat center #191919;
}

.float-right-box .top-list .ico4 {
	background: url(../images/ico_61.png) no-repeat center #191919;
}

.float-right-box .top-list .ico5 {
	background: url(../images/ico_62.png) no-repeat center #191919;
}

.float-right-box .top-list .ico6 {
	background: url(../images/ico_68.png) no-repeat center #191919;
}

.float-right-box .top-list .ico7 {
	background: url(../images/ico_69.png) no-repeat center #191919;
}

.float-right-box .top-list .stt {
	display: inline-block;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	transition: color 0.3s ease 0s;
	position: absolute;
	left: 18px;
	top: 0;
	z-index: 1;
	width: 222px;
}

.float-right-box .top-list li:hover .stt {
	color: #15191e;
}

.float-right-box .top-list li:hover .ico1 {
	background: url(../images/ico_58_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico2 {
	background: url(../images/ico_59_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico3 {
	background: url(../images/ico_60_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico4 {
	background: url(../images/ico_61_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico5 {
	background: url(../images/ico_62_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico6 {
	background: url(../images/ico_68_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover .ico7 {
	background: url(../images/ico_69_h.png) no-repeat center #fff;
}

.float-right-box .top-list li:hover {
	background-color: #fff;
}

.float-right-box .top-list .return-webtop .stt {
	font-family: "Arial";
	font-weight: bold;
}

.float-right-box.on .bot-share {
	display: none;
}

.float-right-box .bot-share {
	position: relative;
	height: 50px;
	display: block;
}

.float-right-box .bot-share a {
	display: inline-block;
	width: 50px;
	height: 50px;
	float: left;
	transition: background 0.3s ease 0s;
	margin: 0;
	padding: 0;
}

.float-right-box .bot-share .share {
	width: 200px;
	position: absolute;
	background: none;
	left: 0;
	top: 0;
	z-index: 1;
}

.float-right-box .bot-share .sina {
	background: url(../images/ico_63.png) no-repeat center;
}

.float-right-box .bot-share .wx {
	background: url(../images/ico_64.png) no-repeat center;
}

.float-right-box .bot-share .tx {
	background: url(../images/ico_65.png) no-repeat center;
}

.float-right-box .bot-share .more {
	background: url(../images/ico_66.png) no-repeat center;
}

.float-right-box .bot-share a:hover {
	background-color: #525354;
}

.float-right-box .bot-share .share-ico {
	background: url(../images/ico_67.png) no-repeat center #191919;
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.mfootw20 {
	width: 20%;
	float: left;
}

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

	.mfnav h2 a {
		font-size: 15px;
	}

	.m17 {
		font-size: 15px;
	}

	.m16 {
		font-size: 15px;
	}

	.mb15 {
		font-size: 14px;
	}
}

.pagination-wrapper {
	text-align: center;
}

.pagination li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}

.pagination a {
	float: left;
	display: block;
	height: 32px;
	width: 60px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
	margin-right: 10px;
}

.page-num-current {
	color: #FFFFFF !important;
	background: #43a946;
}

.pagination li a:hover {
	color: #FFFFFF;
	background: #43a946;
}

.page-num {
	display: none;
}

.pagination {
	margin: 0 auto;
}

.page-num-current {
	color: #FFFFFF !important;
	background: #43a946 !important;
}