@charset "utf-8";



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

------------------------------------------------------------------------------------------------------ */



/* 全局样式

-------------------------------------------------------------- */

html, body, a, p, span, ul, img {

	padding: 0;

	margin: 0;

	list-style: none;

	border: none;

	font-size: 14px;

	line-height: 25px;

	font-family: "Microsoft Yahei", "Arial";

	color: #666;

}



p {

	line-height: 25px;

}



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:visited {

	text-decoration: none;

	outline: none;

}



a:hover {

	text-decoration: none;

	outline: none;

}



h1, h2, h3, h4 {

	margin: 0;

}



/* 常用元素 */

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

}



/* 主体内容开始

-------------------------------------------------------------- */

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

}



/*--地图--*/

.wzdt_xt {

	float: left;

	width: 75%;

}



.wzdt_xt ul li {

	float: left;

	padding-left: 20px;

	line-height: 40px;

}



.wzdt_xt ul li a {

	font-size: 14px;

}



.sitemapz {

	line-height: 40px;

	overflow: hidden;

	border: 1px #ddd solid;

	width: 98%;

	margin: 0 auto;

	margin-bottom: 15px;

}



.sitemapy {

	width: 25%;

	float: left;

	line-height: 40px;

	border: 1px solid #A57230;

	color: #fff;

	background: #A57230;

	font-size: 16px;

	text-align: center;

}



.sitemapy h3 {

	margin: 0;

	line-height: 40px;

	height: 40px;

}



.sitemapy h3 a {

	font-size: 16px;

	color: #fff;

	line-height: 40px;

}



/* ***** 头部导航栏 ***** */

header .header {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	transition: all .3s;

	z-index: 9999;

	padding-top: 25px;

	padding-bottom: 10px;

}



header .logo {

	float: left;

}



header .nav-item {

	position: relative;

	margin-top: -1px;

	color: #fff;

	z-index: 1;

}



.fixedSubNav01 {

	background: rgba(0, 0, 0, 0.5);

}



header .fixedSubNav01 {

	padding-top: 15px;

	padding-bottom: 15px;

}



header .header {

	transition: none;

}



header .header-nav {

	position: relative;

	top: 11px;

	left: 0;

	right: 0;

	background: #fff;

	overflow: visible;

	transition: all .3s;

	z-index: 1;

}



header .nav-list {

	float: right;

	padding: 0;

}



header .nav-item {

	float: left;

	margin-top: 0;

	color: #666;

	transition: all .3s;

	z-index: 1;

}



@media screen and (min-width:1260px) {

	header .nav-item:before {

		content: '';

		position: absolute;

		top: 25px;

		left: 0;

		width: 100%;

		height: 9px;

		background: url(../images/juh.png) no-repeat center bottom;

		visibility: hidden;

		transform: scale(0, 1);

		transition: all .5s;

		z-index: -1;

	}



	header .nav-item > a {

		position: relative;

		padding: 0 20px;

		font-size: 20px;

		color: #fff;

		transition: color .5s, padding .3s;

	}



	header .nav-item:hover:before {

		visibility: visible;

		transform: none;

	}



	header .nav-item:hover > a {

		color: #fff;

	}



	header .nav-item:hover .sub-nav {

		left: 0;

		width: 100%;

	}



	header .nav-item.current:before {

		visibility: visible;

		transform: none;

	}



	header .sub-nav {

		position: absolute;

		top: 35px;

		left: 50%;

		width: 0;

		padding: 0;

		display: block;

		background: #fff;

		white-space: nowrap;

		overflow: hidden;

		transition: all .5s;

	}



	header .sub-item {

		position: relative;

		text-align: center;

		z-index: 1;

	}



	header .sub-item:before {

		content: '';

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: #D80412;

		visibility: hidden;

		transform: scale(0, 1);

		transition: all .3s;

		z-index: -1;

	}



	header .sub-item a {

		padding: 8px 0;

		transition: all .3s;

		display: block;

	}



	header .sub-item:hover:before {

		visibility: visible;

		transform: none;

	}



	header .sub-item:hover a {

		color: #fff;

	}



	header .header-tools {

		display: none;

	}



	header .nav-item:hover .sub-nav {

		left: 0;

		width: 100%;

		display: block;

	}



}



.langue {

	float: right;

	font-size: 20px;

	color: #fff;

	padding-top: 10px;

	padding-left: 18px;

}



.langue a {

	font-size: 20px;

	color: #fff;

}



.search {

	float: right;

	padding-top: 13px;

	padding-left: 36px;

	position: relative;

}



header .logo img {

	max-width: 100%;

}



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

	header .logo {

		max-width: 30%;

		padding-top: 8px;

	}



}



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

	header .header-nav {

		top: 8px;

	}



	header .nav-item > a {

		padding: 0 20px;

		font-size: 18px;

	}



	.langue {

		font-size: 18px;

		padding-top: 10px;

		padding-left: 18px;

	}



	.langue a {

		font-size: 18px;

	}



	.search {

		padding-left: 30px;

	}



}



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

	header .logo {

		padding-top: 0;

	}



	header .header {

		padding-bottom: 15px;

	}



	header .header-nav {

		top: 4px;

	}



	header .nav-item > a {

		padding: 0 15px;

		font-size: 18px;

	}



	.langue {

		font-size: 18px;

		padding-top: 5px;

		padding-left: 18px;

	}



	.search {

		padding-top: 8px;

		padding-left: 20px;

	}



}



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

	header .logo {

		max-width: 56%;

	}



	header .nav-item > .a {

		position: absolute;

		top: 15px;

		right: 30px;

		width: 12px;

		height: 20px;

		margin-top: -10px;

		background: url("../images/more1.png") no-repeat center center;

		transition: all .5s;

		z-index: 1;

	}



	header .nav-item.current > a {

		color: #008cd7;

	}



	header .nav-item.active i {

		transform: rotate(90deg);

		background-image: url(../images/more1.png);

	}



	header .header-nav {

		position: fixed;

		top: 62px;

		left: 100%;

		right: -100%;

		bottom: 0;

		background: #fff;

		overflow-x: hidden;

		overflow-y: auto;

		transition: all .5s;

		z-index: -1;

	}



	header .header-tools {

		display: block;

		position: relative;

		width: 60px;

		height: 50px;

		margin-right: -15px;

		background: #0052a5;

		overflow: hidden;

		cursor: pointer;

		z-index: 1;

	}



	header .header-nav.show {

		left: 0;

		right: 0;

	}



	header .nav-item > a {

		position: relative;

		padding: 0 20px;

		font-size: 16px;

		color: #333;

	}



	header .sub-nav {

		display: none;

		padding: 0;

	}



	header .nav-list {

		padding: 20px 0 50px;

		width: 100%;

		float: left;

	}



	header .nav-item {

		position: relative;

		width: 100%;

		margin-top: -1px;

		padding: 10px 0;

		font-family: "Microsoft YaHei", sans-serif;

		color: #fff;

		z-index: 1;

	}



	header .sub-item a {

		padding: 10px 25px;

		color: #333;

		line-height: 20px;

		display: block;

	}



	header .sub-item a:hover {

		color: #D80412;

	}



	header .hotline {

		display: none;

	}



	header .header-tools {

		position: relative;

		width: 40px;

		height: 35px;

		margin-right: -15px;

		background: #0052a5;

		overflow: hidden;

		cursor: pointer;

		z-index: 1;

	}



	header .nav-menu {

		position: absolute;

		top: 50%;

		left: 50%;

		width: 20px;

		height: 16px;

		margin-top: -8px;

		margin-left: -10px;

		transition: all .5s;

		z-index: 1;

	}



	header .nav-menu .nm {

		position: absolute;

		width: 100%;

		height: 3px;

		background: #fff;

		transition: all .5s;

	}



	header .nav-menu .nm:before, header .nav-menu .nm:after {

		content: '';

		position: absolute;

		width: 60%;

		height: 100%;

		background: #fff;

		opacity: 0;

		visibility: hidden;

		transform-origin: 50% 50%;

		transition: all .5s;

		z-index: 1;

	}



	header .nav-menu .nm:before {

		left: 0;

	}



	header .nav-menu .nm:after {

		right: 0;

	}



	header .nav-menu .nm1 {

		top: 0;

	}



	header .nav-menu .nm2 {

		bottom: 6px;

	}



	header .nav-menu .nm3 {

		bottom: 0;

	}



	header .nav-menu.active {

		transform: rotate(-180deg);

	}



	header .nav-menu.active .nm {

		background: transparent;

	}



	header .nav-menu.active .nm:before, header .nav-menu.active .nm:after {

		opacity: 1;

		visibility: visible;

	}



	header .nav-menu.active .nm1 {

		top: 3px;

	}



	header .nav-menu.active .nm1:before {

		transform: rotate(45deg);

	}



	header .nav-menu.active .nm1:after {

		transform: rotate(-45deg);

	}



	header .nav-menu.active .nm2 {

		bottom: 2px;

	}



	header .nav-menu.active .nm2:before {

		transform: rotate(-45deg);

	}



	header .nav-menu.active .nm2:after {

		transform: rotate(45deg);

	}



	header .nav-menu.active .nm3 {

		display: none;

	}



}



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

	header .header {

		padding-top: 15px;

	}



	.search {

		display: none;

	}



	.langue a {

		font-size: 14px;

		color: #fff;

	}



}



.open-search {

	display: block;

}



.open-search i {

	background: url(../images/search.png) no-repeat;

	width: 20px;

	height: 18px;

	display: block;

}



.form-search {

	position: absolute;

	top: 50px;

	right: 0;

	width: 400px;

	background: #f5f5f5;

	padding: 4px;

	visibility: hidden;

	opacity: 0;

	-webkit-transform: rotateX(-90deg);

	-moz-transform: rotateX(-90deg);

	-ms-transform: rotateX(-90deg);

	-o-transform: rotateX(-90deg);

	transform: rotateX(-90deg);

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.form-search input.search-input {

	color: #777777;

	font-family: 'Montserrat', "Microsoft Yahei", sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	margin: 0;

	color: #333333;

	padding: 8px 10px;

	border: none;

	width: 100%;

	outline: none;

	background: transparent;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.form-search button {

	background: transparent;

	border: none;

	float: right;

	margin-top: -30px;

	margin-right: 10px;

	position: relative;

	z-index: 2;

}



.form-search button i {

	background: url(../images/serach_bg.png) no-repeat;

	width: 20px;

	height: 20px;

	display: inline-block;

	outline: 0;

}



.form-search.active {

	visibility: visible;

	opacity: 1;

	-webkit-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-ms-transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	transform: rotateX(0deg);

}



/*banner*/

.banner-box {

	position: relative;

}



.banner {

	width: 100%;

	margin: 0px auto;

	overflow: hidden;

	color: #fff;

	position: relative;

}



.banner .slides {

	position: relative;

	z-index: 20;

}



ol, ul, li {

	list-style: none;

}



.banner .slides li {

	height: 100%;

	line-height: 0;

	opacity: 0;

	transition: opacity 2000ms linear;

	-webkit-transition: opacity 2000ms linear;

	overflow: hidden;

}



.banner .slides .bimg {

	line-height: 0;

	width: 100%;

	position: relative;

	transition: transform 4s ease;

	-webkit-transition: transform 4s ease;

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

}



.banner .slides li.imgIn {

	opacity: 1;

}



.banner .slides li.imgIn a > img {

	transform: matrix(1, 0, 0, 1, 0, 0);

	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);

}



.banner .flex-control-nav {

	position: absolute;

	right: 5%;

	bottom: 5%;

	z-index: 20;

	overflow: hidden;

	display: none;

}



.banner .flex-control-nav li {

	float: left;

	margin-right: 8px;

	width: 6px;

	height: 20px;

}



.banner .flex-control-nav li:last-child {

	margin-right: 0;

}



.banner .flex-control-nav li a {

	display: block;

	width: 100%;

	height: 100%;

	position: relative;

}



.banner .flex-control-nav li a span {

	display: block;

	width: 6px;

	height: 14px;

	background: #fff;

	position: absolute;

	top: 50%;

	margin-top: -7px;

	left: 0;

	font-size: 0;

	transition: 400ms;

	-webkit-transition: 400ms;

}



.banner .flex-control-nav li a.flex-active span {

	height: 26px;

	margin-top: -13px;

}



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

	.banner .flex-control-nav {

		display: block;

	}



	.banmeng {

		background: rgba(0, 0, 0, 0.3);

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

	}



}



/*banner 上切换效果*/

.wedge {

	position: relative;

}



.homekj {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 99;

}



.homekj ul {

	overflow: hidden;

	height: 100%;

}



.homekj ul li {

	width: 25%;

	float: left;

	height: 100%;

	padding-right: 1px;

}



.homekj ul li:last-child {

	padding-right: 0;

}



.homekj ul li a {

	background: rgba(0, 0, 0, 0.3);

	display: block;

	overflow: hidden;

	width: 100%;

	height: 100%;

	position: relative;

}



.da-thumbs div {

	display: none;

	position: absolute;

	background: rgba(0, 0, 0, 0.49);

	width: 100%;

	height: 100%;

	padding-left: 60px;

	padding-right: 60px;

	padding-top: 70%;

	overflow: hidden;

}



.da-thumbs div strong {

	font-size: 48px;

	color: #fff;

	display: block;

	background: url(../images/whitex.jpg) no-repeat bottom left;

	height: 74px;

	margin-bottom: 25px;

}



.da-thumbs div p {

	font-size: 24px;

	color: #fff;

	line-height: 45px;

	text-align: justify;

}



.da-thumbs div.da-animate {

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.da-slideFromTop {

	left: 0;

	top: -100%

}



.da-slideFromBottom {

	left: 0;

	top: 100%

}



.da-slideFromLeft {

	top: 0;

	left: -100%

}



.da-slideFromRight {

	top: 0;

	left: 100%

}



.da-slideTop {

	top: 0

}



.da-slideLeft {

	left: 0

}



.da-thumbs li a div span {

	display: block;

	position: relative

}



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

	.da-thumbs div {

		padding-left: 40px;

		padding-right: 40px;

		padding-top: 70%;

	}



	.da-thumbs div strong {

		font-size: 40px;

		height: 68px;

		margin-bottom: 25px;

	}



	.da-thumbs div p {

		font-size: 20px;

		line-height: 40px;

	}



}



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

	.da-thumbs div {

		padding-left: 40px;

		padding-right: 40px;

		padding-top: 70%;

	}



	.da-thumbs div strong {

		font-size: 35px;

		height: 60px;

		margin-bottom: 25px;

		background: url(../images/whitex2.jpg) no-repeat bottom left;

	}



	.da-thumbs div p {

		font-size: 18px;

		line-height: 35px;

	}



}



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

	.da-thumbs div {

		padding-left: 20px;

		padding-right: 20px;

	}



	.da-thumbs div strong {

		font-size: 30px;

		height: 50px;

		margin-bottom: 25px;

	}



	.da-thumbs div p {

		font-size: 16px;

		line-height: 28px;

	}



}



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

	.da-thumbs div {

		padding-left: 15px;

		padding-right: 15px;

		padding-top: 60%;

	}



	.da-thumbs div strong {

		font-size: 25px;

		height: 40px;

		margin-bottom: 25px;

		background: url(../images/whitex3.jpg) no-repeat bottom left;

	}



	.da-thumbs div p {

		font-size: 16px;

		line-height: 28px;

		height: 168px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 6;

		overflow: hidden;

	}



}



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

	.homekj {

		position: relative;

	}



	.homekj ul li {

		width: 50%;

	}



	.homekj ul li a {

		background: #fff;

		display: block;

		padding: 15px;

		overflow: hidden;

		width: 100%;

		height: 100%;

		position: relative;

	}



	.homekj ul li a strong {

		font-size: 18px;

		height: auto;

		display: block;

		padding-bottom: 10px;

		margin-bottom: 15px;

		background: url(../images/homexian.jpg) no-repeat left bottom;

	}



	.homekj ul li a p {

		line-height: 25px;

		height: 100px;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 4;

		overflow: hidden;

	}



}



/*footer*/

footer {

	background: #C50009;

	border-top: 1px solid #A4A9AA;

	padding-top: 35px;

}



.back-top {

	background: url(../images/top.png) no-repeat;

	width: 54px;

	height: 54px;

	position: fixed;

	bottom: 5%;

	display: none;

	right: 0;

	cursor: pointer;

	z-index: 99;

}



.footup {

	padding-bottom: 30px;

}



.foot_left {

	box-sizing: border-box;

}



.foot_left ul {

	display: flex;

}



.foot_left ul li {

	width: 16.66%;

	float: left;

}



.foot_left ul li a {

	display: block;

	font-size: 15px;

	color: #fff;

	line-height: 25px;

	padding-bottom: 2px;

	overflow: hidden;

}



.foot_left ul li a:hover {

	color: #fff;

}



.foot_left ul li a b {

	display: block;

	font-size: 20px;

	color: #fff;

	line-height: 20px;

	font-weight: normal;

	margin-bottom: 17px;

}



.footbottom {

	color: #fff;

	line-height: 25px;

	padding-bottom: 10px;

	overflow: hidden;

	border-top: 1px solid rgba(255, 255, 255, 0.7);

	padding-top: 10px;

}



.footbottom a {

	color: #fff;

}



.ftlan {

	color: #fff;

	font-size: 20px;

	margin: 0;

	padding-bottom: 10px;

}



.ftstrong {

	font-size: 30px;

	color: #333333;

	font-weight: bold;

	padding-top: 12px;

}



.website {

	text-align: right;

}



.soulte {

	text-align: center;

	color: #fff;

	border-left: 1px solid rgba(255, 255, 255, 0.8);

}



.soulte img {

	max-width: 100%;

}



.soulte p {

	color: #fff;

	line-height: 30px;

}



.contleft {

	padding-right: 60px;

}



.contleft p {

	color: #fff;

	font-size: 15px;

	line-height: 28px;

}



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

	.foot_left ul li a b {

		font-size: 18px;

	}



	.foot_left ul li a {

		font-size: 14px;

	}



	.contleft {

		padding-right: 15px;

	}



	.contleft p {

		font-size: 14px;

	}



}



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

	.lian {

		padding-top: 15px;

	}



}



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

	footer {

		padding-top: 15px;

	}



	.footup {

		padding-bottom: 20px;

	}



	.back-top {

		display: none !important;

	}



	.footbottom .pull-right {

		width: 100%;

	}



	.soulte {

		text-align: left;

		padding-top: 15px;

		background: none;

		display: inline-block;

		text-align: center;

		border: none;

	}



}



/*智能终端*/

.particle-network-animation {

	height: 594px;

	background-color: #1441A2;

}



.particle-network-animation::before {

	z-index: -2;

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-size: cover;

	opacity: 0.2;

}



.glow {

	z-index: -1;

	position: fixed;

	top: 50%;

	left: 50%;

	background-image: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.025), transparent);

}



.glow-1 {

	width: 150vw;

	height: 150vh;

	margin-top: -75vh;

	margin-left: -75vw;

	animation: glow-1-move 25s linear infinite both;

}



@keyframes glow-1-move {

	from {

		transform: translate(-100%, 100%);

	}



	to {

		transform: translate(100%, -100%);

	}



}



.glow-2 {

	width: 100vw;

	height: 100vh;

	margin-top: -50vh;

	margin-left: -50vw;

	animation: glow-2-move 25s linear 8.3333333333s infinite both;

}



@keyframes glow-2-move {

	from {

		transform: translate(-100%, 0%);

	}



	to {

		transform: translate(100%, 100%);

	}



}



.glow-3 {

	width: 120vw;

	height: 120vh;

	margin-top: -60vh;

	margin-left: -60vw;

	animation: glow-3-move 25s linear 16.6666666667s infinite both;

}



@keyframes glow-3-move {

	from {

		transform: translate(100%, 100%);

	}



	to {

		transform: translate(0%, -100%);

	}



}



/*首页 走进乾程*/

.homesub {

	padding-top: 40px;

	padding-bottom: 30px;

	overflow: hidden;

}



.subleft {

	float: left;

	background: url(../images/homeico1.png) no-repeat left 8px;

	padding-left: 38px;

	margin-top: 5px;

}



.subleft h3 {

	color: #000000;

	font-size: 30px;

	background: url(../images/homexian.jpg) no-repeat left bottom;

	padding-bottom: 14px;

}



.submore {

	float: right;

}



.submore a {

	display: inline-block;

	border: 1px solid #C7C7C7;

	width: 137px;

	height: 45px;

	text-align: center;

	line-height: 45px;

	border-radius: 5px;

	color: #d70c19;

	font-size: 16px;

}



.submore a:hover {

	background: #d70c19;

	color: #fff;

	border: 1px solid #d70c19;

}



.gsone {

	width: 50%;

	float: left;

	padding: 0 13px;

	padding-bottom: 26px;

}



.gspic {

	overflow: hidden;

	position: relative;

}



.gspic img {

	width: 100%;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}



.gspic:hover img {

	transform: scale(1.1, 1.1)

}



.gscont {

	margin-left: -13px;

	margin-right: -13px;

}



.gsmeng {

	background: url(../images/homemb1.png) repeat;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding: 40px;

}



.gsmeng h4 {

	font-size: 30px;

	color: #fff;

	padding-bottom: 30px;

}



.gsmeng p {

	width: 88%;

	font-size: 18px;

	color: #fff;

	line-height: 38px;

	overflow: hidden;

	height: 114px;

	margin-bottom: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}



.gsmeng a.more {

	font-size: 16px;

	color: #fff;

	width: 165px;

	height: 46px;

	border: 1px solid #fff;

	display: inline-block;

	text-align: center;

	line-height: 46px;

}



.gstwo {

	width: 25%;

	float: left;

	padding: 0 13px;

}



.gsmengt {

	background: url(../images/homemb1.png) repeat;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding: 40px;

}



.gsmengt h4 {

	font-size: 36px;

	color: #fff;

	padding-bottom: 30px;

}



.gsmengt p {

	font-size: 18px;

	color: #fff;

	line-height: 38px;

	margin-top: 10px;

	height: 76px;

	opacity: 0;

	transition: .3s;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.gsmengt a.more {

	opacity: 0;

	font-size: 16px;

	color: #fff;

	width: 165px;

	height: 46px;

	border: 1px solid #fff;

	display: inline-block;

	text-align: center;

	line-height: 46px;

	margin-top: 15px;

	transition: .3s;

}



.gsmengt:hover p {

	opacity: 1;

	margin-top: 0;

}



.gsmengt:hover a.more {

	opacity: 1;

}



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

	.gsmeng h4 {

		font-size: 30px;

		padding-bottom: 20px;

	}



	.gsmeng p {

		width: 100%;

		font-size: 16px;

		line-height: 34px;

		height: 102px;

		margin-bottom: 15px;

	}



	.gsmengt h4 {

		font-size: 30px;

		color: #fff;

		padding-bottom: 20px;

	}



	.gsmengt p {

		width: 100%;

		font-size: 16px;

		line-height: 34px;

		height: 68px;

		margin-bottom: 15px;

	}



}



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

	.gsmeng p {

		font-size: 16px;

		line-height: 30px;

		height: 90px;

	}



	.gsmeng a.more {

		font-size: 16px;

		width: 155px;

		height: 40px;

		line-height: 40px;

	}



	.gsmengt p {

		line-height: 30px;

		height: 60px;

	}



	.gsmengt a.more {

		font-size: 16px;

		width: 155px;

		height: 40px;

		line-height: 40px;

		margin-top: 15px;

	}



}



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

	.gsmeng {

		padding: 30px;

	}



	.gsmeng h4 {

		font-size: 25px;

		padding-bottom: 10px;

	}



	.gsmeng p {

		font-size: 14px;

		line-height: 26px;

		height: 78px;

	}



	.gsmeng a.more {

		font-size: 14px;

		width: 135px;

		height: 30px;

		line-height: 30px;

	}



	.gsmengt {

		padding: 30px;

	}



	.gsmengt h4 {

		font-size: 25px;

		padding-bottom: 10px;

	}



	.gsmengt a.more {

		font-size: 14px;

		width: 135px;

		height: 30px;

		line-height: 30px;

		margin-top: 5px;

	}



	.gsmengt p {

		font-size: 14px;

		line-height: 26px;

		height: 52px;

	}



}



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

	.gsmeng {

		padding: 30px 20px;

	}



	.gsmeng p {

		height: 52px;

	}



	.gsmengt {

		padding: 30px 20px;

	}



}



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

	.gsone {

		width: 100%;

		padding: 0 7px;

		padding-bottom: 15px;

	}



	.gstwo {

		width: 50%;

		padding: 0 7px;

		padding-bottom: 15px;

	}



}



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

	.gscont {

		margin-left: -7px;

		margin-right: -7px;

	}



	.gsone {

		padding-bottom: 15px;

	}



	.gstwo {

		padding-bottom: 15px;

	}



	.gsmeng {

		padding: 20px 15px;

	}



	.gsmeng h4 {

		font-size: 18px;

		padding-bottom: 5px;

	}



	.gsmeng p {

		margin-bottom: 10px;

		line-height: 25px;

		height: 50px;

		-webkit-line-clamp: 2;

	}



	.gsmeng a.more {

		font-size: 14px;

		width: 110px;

		height: 30px;

		line-height: 28px;

	}



	.gsmengt {

		padding: 20px 15px;

	}



	.gsmengt h4 {

		font-size: 18px;

		padding-bottom: 5px;

	}



	.gsmengt a.more {

		width: 100px;

		height: 30px;

		line-height: 28px;

		margin-top: 5px;

	}



	.subleft {

		background: url(../images/homeico12.png) no-repeat left 4px;

		padding-left: 28px;

	}



	.subleft h3 {

		font-size: 20px;

		padding-bottom: 10px;

	}



	.submore {

		padding-top: 2px;

	}



	.submore a {

		width: 90px;

		height: 30px;

		line-height: 28px;

		font-size: 14px;

	}



	.homesub {

		padding-top: 20px;

		padding-bottom: 20px;

	}



}



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

	.gsmeng p {

		height: 26px;

	}



	.gsmengt p {

		height: 26px;

	}



}



/*智能终端*/

.znpo {

	position: relative;

	width: 100%;

	margin: 0 auto;

	height: 100%;

}



.znpodo {

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/earthz.png) no-repeat center;

}



.znsub {

	padding-top: 77px;

}



.znsub h4 {

	font-size: 48px;

	text-align: center;

	color: #0FF4F7;

	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);

}



.znsub p {

	text-align: center;

	font-size: 24px;

	color: rgba(255, 255, 255, 0.55);

	padding-top: 22px;

}



.znzdqiu {

	padding-top: 30px;

}



.znone {

	width: 33%;

	float: left;

	padding-top: 110px;

	padding-left: 107px;

}



.zntwo {

	width: 47%;

	float: left;

	text-align: right;

}



.znthree {

	width: 20%;

	float: left;

	text-align: right;

	padding-top: 144px;

	padding-right: 10px;

}



.znzdwen a {

	font-size: 22px;

	color: rgba(255, 255, 255, 0.22)

}



.znzdwen a:hover {

	color: rgba(255, 255, 255, 0.7);

	font-weight: bold;

	font-size: 30px;

}



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

	.znzdqiu {

		padding-top: 68px;

	}



	.znpodo {

		background: url(../images/earth.png) no-repeat center;

	}



	.znone {

		width: 30%;

		padding-left: 70px;

	}



	.zntwo {

		width: 38%;

	}



	.znthree {

		width: 30%;

		padding-top: 154px;

		padding-right: 0px;

	}



}



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

	.znone {

		padding-top: 136px;

	}



	.zntwo {

		padding-top: 36px;

	}



	.znthree {

		padding-top: 174px;

	}



	.znpodo {

		position: absolute;

		width: 100%;

		height: 100%;

		background: url(../images/earth_03.png) no-repeat center bottom;

	}



}



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

	.znone {

		padding-top: 100px;

		width: 30%;

	}



	.zntwo {

		padding-top: 26px;

		width: 40%;

	}



	.znthree {

		padding-top: 134px;

		width: 28%;

	}



	.znzdwen a:hover {

		font-size: 25px;

	}



	.particle-network-animation {

		height: 504px;

	}



	.znpodo {

		background: url(../images/earth_04.png) no-repeat center bottom;

	}



}



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

	.particle-network-animation {

		height: 420px;

	}



	.znsub h4 {

		font-size: 40px;

	}



	.znone {

		padding-left: 10px;

		padding-top: 70px;

	}



	.zntwo {

		padding-top: 14px;

	}



	.znthree {

		padding-top: 88px;

	}



	.znpodo {

		background: url(../images/earth_05.png) no-repeat center bottom;

	}



}



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

	.znsub h4 {

		font-size: 30px;

	}



	.znsub p {

		font-size: 16px;

		padding-top: 10px;

	}



	.znsub {

		padding-top: 35px;

	}



	.znzdqiu {

		padding-top: 50px;

	}



	.particle-network-animation {

		height: 380px;

	}



	.znone {

		padding-top: 50px;

		width: 33.33%;

	}



	.zntwo {

		padding-top: 0px;

		width: 33.33%;

	}



	.znthree {

		padding-top: 50px;

		width: 33.33%;

	}



	.znzdwen a {

		font-size: 18px;

	}



	.znzdwen a:hover {

		font-size: 18px;

	}



}



/*智能微网*/

.solve .nav-tabs {

	border-bottom: none;

	margin-bottom: 30px;

}



.solve .nav-tabs > li {

	float: left;

	padding: 0 54px;

	text-align: center;

	border: none;

	margin-bottom: 2px;

	background: url(../images/huixian.jpg) 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: #d70c19;

	line-height: 30px;

	border: none;

	border-bottom: 2px solid #d70c19;

}



.solve .nav-tabs > li > a {

	display: inline-block;

	margin-right: 0px;

	line-height: 30px;

	border: none;

	border-bottom: 2px solid #fff;

	border-radius: 0;

	color: #333333;

	font-size: 16px;

}



.solve .tab-content .tab-pane {

	background-size: cover;

	height: 602px;

	padding: 80px 0 0 67px;

	box-sizing: border-box;

}



.solve .tab_inside {

	background-color: #fff;

	width: 408px;

	padding: 56px 45px;

	transition: all 0.3s;

}



.solve .tab_inside h2 {

	color: #d70c19;

	font-size: 24px;

	line-height: 38px;

	font-weight: normal;

	margin-top: 0px;

	padding-bottom: 15px;

}



.solve .tab_inside h4 {

	color: #333;

	font-size: 18px;

	line-height: 28px;

	font-weight: bold;

	margin: 4px 0;

	padding-bottom: 20px;

}



.solve .wwcont {

	overflow: hidden;

	max-height: 168px;

	line-height: 28px;

	margin-bottom: 30px;

}



.solve .wwcont p {

	line-height: 28px;

}



.solve .tab_inside p {

	color: #333333;

	font-size: 16px;

}



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

}



.sovemore {

	display: block;

	background: url(../images/anniu.jpg) no-repeat;

	width: 154px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	text-align: center;

	color: #fff;

	font-family: Arial, Helvetica, sans-serif;

}



a:hover.sovemore {

	color: #fff;

}



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

	.solve .nav-tabs > li {

		width: 20%;

		padding: 0;

	}



}



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

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

	}



}



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

	.solve .nav-tabs {

		margin-bottom: 5px;

	}



	.solve .nav-tabs > li {

		width: 33.33%;

		padding-bottom: 10px;

	}



	.solve .nav-tabs > li > a {

		font-size: 15px;

		padding: 0;

		overflow: hidden;

	}



	.solve .wwcont {

		max-height: 224px;

	}



	.solve .tab_inside p {

		font-size: 14px;

	}



	.solve .tab_inside h2 {

		padding-bottom: 10px;

	}



	.solve .tab_inside h4 {

		padding-bottom: 10px;

	}



}



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

	.solve .nav-tabs > li {

		width: 33.33%;

	}



}



/*智能售电*/

.intellect {

}



.intellect .intelleft {

	width: 50%;

	padding-left: 77px;

	float: left;

	background: url(../images/znsdbg.png) no-repeat left bottom;

	background-size: 101% 86%;

	padding-bottom: 65px;

	padding-top: 6px;

}



.intellect .intelleft .inteln {

	width: 100%;

	height: 414px;

}



.intelty {

	-moz-box-shadow: 0px 1px 8px #B4B5B6;

	-webkit-box-shadow: 0px 1px 8px #B4B5B6;

	box-shadow: 0px 1px 8px #B4B5B6;

}



.intelright {

	float: left;

	width: 50%;

	height: 413px;

	padding: 40px 50px 0 60px;

	margin-top: 7px;

	background: #fff;

	-moz-box-shadow: 2px 1px 12px #E6E6E6;

	-webkit-box-shadow: 2px 1px 12px #E6E6E6;

	box-shadow: 2px 1px 12px #E6E6E6;

}



.intelsub {

	font-size: 24px;

	color: #333333;

}



.intelcont {

	padding-top: 20px;

	margin-bottom: 10px;

	max-height: 290px;

	overflow: hidden;

}



.intelcont p {

	font-size: 16px;

	color: #333333;

	line-height: 30px;

	padding: 15px 0;

	text-align: justify;

}



.sdmore {

	background: url(../images/yjian.png) no-repeat;

	display: inline-block;

	width: 52px;

	height: 52px;

	float: right;

}



a:hover.sdmore {

	margin-right: 3px;

}



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

	.intelcont p {

		font-size: 15px;

		line-height: 30px;

		padding: 5px 0;

	}



}



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

	.intelright {

		width: 50%;

		height: 413px;

		padding: 30px 30px 0 30px;

	}



	.intelcont p {

		line-height: 26px;

		padding: 5px 0;

	}



}



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

	.intellect .intelleft {

		width: 50%;

		padding-left: 40px;

		padding-top: 8px;

		padding-bottom: 45px;

	}



	.intelcont p {

		font-size: 14px;

		line-height: 26px;

		padding: 5px 0;

	}



}



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

	.intellect .intelleft {

		width: 100%;

		padding-left: 20px;

		padding-top: 8px;

		padding-bottom: 25px;

	}



	.intelsub {

		font-size: 18px;

	}



	.intelright {

		width: 100%;

		height: auto;

		padding: 25px 20px;

	}



	.intelcont {

		max-height: inherit;

		padding-top: 10px;

	}



}



/*智能制造*/

.make {

	position: relative;

}



.make .nav-tabs {

	border-bottom: none;

	position: absolute;

	right: 0;

	top: 0;

	width: 71.5%;

	height: 100%;

	z-index: 99;

}



.make .nav-tabs > li {

	float: left;

	border: none;

	width: 100%;

	height: 194px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.11);

	margin: 0;

}



.make .nav-tabs > li:last-child {

	border-bottom: none;

}



.make .nav-tabs > li.active {

	background: rgba(0, 0, 0, 0.4);

}



.make .nav-tabs > li a {

	font-size: 24px;

	color: #fff;

	padding: 149px 0 0 28px;

	border: none;

}



.make .nav-tabs > li a span {

	color: #fff;

	text-transform: uppercase;

	margin-left: 5px;

}



.make .nav-tabs > li.active > a, .make .nav-tabs > li.active > a:hover, .make .nav-tabs > li.active > a:focus {

	background: none;

	border: none;

	font-weight: bold;

	color: #fff;

}



.make .nav-tabs > li.active a span {

	font-weight: 500;

}



.make .nav-tabs > li > a:hover {

	border: none;

}



.makeleft {

	float: left;

	width: 28.5%;

	background: #E5EBF9;

	height: 582px;

}



.makeright {

	float: left;

	width: 71.5%;

	height: 582px;

	border: 1px solid #D1D1D1;

}



.makebg {

	height: 581px;

	position: relative;

}



.makebg em {

	position: absolute;

	background-color: rgba(0, 0, 0, 0.11);

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}



.makeleft {

	text-align: center;

	padding: 116px 30px 30px 30px;

}



.makeleft h3 {

	font-size: 24px;

	color: #000000;

	padding-bottom: 45px;

}



.makeleft p {

	font-size: 16px;

	color: #3f3f3f;

	width: 78%;

	margin: 0 auto;

	line-height: 42px;

	max-height: 300px;

	margin-bottom: 38px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 7;

	overflow: hidden;

}



.makeico img {

	max-width: 100%;

}



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

	.makeleft p {

		font-size: 16px;

		width: 100%

	}



	;



	.makeleft {

		padding: 100px 30px 30px 30px;

	}



	.makeleft h3 {

		padding-bottom: 35px;

	}



}



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

	.makeleft {

		padding: 50px 30px 30px 30px;

	}



	.makeleft p {

		max-height: 342px;

		-webkit-line-clamp: 8;

	}



}



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

	.makeleft {

		padding: 50px 20px 30px 20px;

	}



	.makeleft p {

		font-size: 14px;

		line-height: 30px;

		max-height: 360px;

		-webkit-line-clamp: 12;

	}



}



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

	.make .nav-tabs {

		position: relative;

		width: 100%;

		height: 100%;

	}



	.make .nav-tabs > li {

		width: 33.33%;

		height: 75px;

		border-bottom: none;

	}



	.make .nav-tabs > li a {

		font-size: 18px;

		color: #333;

		padding: 0px 0 0 0;

		text-align: center;

	}



	.make .nav-tabs > li a span {

		display: block;

		color: #666;

		font-size: 12px;

		line-height: 18px;

	}



	.make .nav-tabs > li.active > a, .make .nav-tabs > li.active > a:hover, .make .nav-tabs > li.active > a:focus {

		color: #D70C19;

	}



	.make .nav-tabs > li.active {

		background: none;

	}



	.makeleft {

		width: 100%;

		height: auto;

		padding: 35px 20px 20px 20px;

	}



	.makeright {

		width: 100%;

		height: auto;

	}



	.makeleft p {

		text-align: left;

		max-height: inherit;

		margin-bottom: 15px;

		text-align: justify;

	}



	.makeleft h3 {

		padding-bottom: 15px;

		font-size: 18px;

	}



}



/*案例分析*/

.casebg {

	background: #EEEEEE;

	margin-top: 68px;

	padding-bottom: 70px;

}



.casecont .owl-theme .owl-nav.disabled+.owl-dots {

	margin-top: 24px;

}



.casecont .owl-nav {

	display: none;

}



.casepic {

	position: relative;

}



.casenei {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: auto;

	padding-top: 25px;

	background: #EEEEEE;

	transition: all 0.3s;

}



.casenei h3 {

	font-size: 18px;

	color: #333333;

	margin-bottom: 20px;

	font-weight: bold;

}



.casenei p {

	font-size: 16px;

	color: #333;

	line-height: 26px;

	height: 52px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	transition: all 0.5s;

}



.case .item a:hover .casenei p {

	height: 0;

	overflow: hidden;

}



.caseico {

	float: right;

	width: 30px;

	margin-top: 5px;

	margin-right: 5px;

}



.caseico i {

	display: inline-block;

	width: 30px;

	height: 30px;

	background: url(../images/caseico.png) no-repeat;

}



.caseico2 {

	position: absolute;

	right: 10px;

	bottom: 15px;

}



.caseico2 i {

	display: inline-block;

	width: 40px;

	height: 40px;

	background: url(../images/caseico2.png) no-repeat;

}



.casecont .owl-theme .owl-dots {

	margin-top: 24px;

	display: none;

}



.casecont .owl-theme .owl-dots .owl-dot {

	margin: 0 3px;

}



.casecont .owl-theme .owl-dots .owl-dot span {

	width: 14px;

	height: 14px;

	border: 2px solid #D70C19;

	border-radius: 50%;

	margin: 0;

}



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

	.casenei h3 {

		margin-bottom: 15px;

	}



	.caseico {

		margin-top: 2px;

	}



}



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

	.casenei {

		padding-top: 15px;

	}



	.casenei h3 {

		margin-bottom: 10px;

	}



}



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

	.casenei {

		padding-top: 15px;

	}



	.casenei h3 {

		margin-bottom: 10px;

		font-size: 16px;

	}



	.casenei p {

		font-size: 14px;

		line-height: 24px;

		height: 24px;

		-webkit-line-clamp: 1;

	}



}



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

	.casenei p {

		height: 48px;

		-webkit-line-clamp: 2;

	}



	.casepic {

		padding-bottom: 20px;

	}



	.casecont .owl-theme .owl-dots {

		display: block;

	}



}



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

	.casebg {

		margin-top: 35px;

		padding-bottom: 25px;

	}



	.casecont .owl-theme .owl-nav.disabled + .owl-dots {

		margin-top: 5px;

	}



	.casepic {

		padding-bottom: 0px;

	}



	.casenei {

		position: inherit;

		height: auto;

		padding-top: 25px;

	}



	.caseico {

		margin-top: 5px;

	}



	.case .item a:hover .casenei {

		opacity: 1;

	}



}



/*新闻中心*/

.newleft {

	float: left;

	width: 46%;

	position: relative;

}



.casem p {

	background: #EBF2FF;

	padding: 0 15px;

	font-size: 18px;

	color: #010101;

	line-height: 50px;

	display: inline-block;

	white-space: nowrap;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

}



.casem .owl-dots {

	display: none;

}



.casem .owl-nav {

	margin: 0;

}



.casem .owl-nav button {

	position: absolute;

	top: 40%;

}



.casem .owl-nav button.owl-next {

	right: 0;

}



.casem .owl-nav button.owl-prev {

	left: 0;

}



.newleft .owl-carousel .owl-nav button {

	border: none;

	outline: 0;

	margin: 0;

	background: rgba(0, 0, 0, 0.4) !important;

	width: 38px;

	height: 65px;

}



.newleft .owl-carousel .owl-nav button span {

	font-size: 48px;

	color: rgba(255, 255, 255, 0.8);

	font-weight: bold;

}



.newleft .owl-theme .owl-nav {

	margin-top: 0;

}



.homenew {

	padding-bottom: 40px;

}



.inew_right {

	width: 54%;

	float: left;

	padding-left: 60px;

}



.inew_right ul li {

	margin-bottom: 60px;

	overflow: hidden;

}



.inew_right ul li:last-child {

	margin-bottom: 0;

}



.inew_right ul li a {

	display: block;

}



.time_left {

	width: 94px;

	text-align: right;

	float: left;

	padding-right: 22px;

}



.time_left h4 {

	margin: 0;

	font-size: 26px;

	color: #a3a2a2;

	padding-top: 13px;

	font-weight: bold;

}



.time_left p {

	line-height: 30px;

	font-size: 17px;

	color: #b4b4b4;

}



.dis_right {

	border-left: 2px solid #C5C5C5;

	width: 86%;

	float: left;

	box-sizing: border-box;

	padding-left: 20px;

}



.dis_right h3 {

	line-height: 24px;

	font-size: 22px;

	color: #000000;

	margin-bottom: 5px;

	margin-top: 5px;

	display: inline-block;

	white-space: nowrap;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

}



.dis_right p {

	line-height: 25px;

	font-size: 16px;

	color: #666;

	height: 50px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}



.inew_right ul li a:hover .dis_right h3 {

	color: #C50009;

}



.inew_right ul li a:hover .dis_right p {

	color: #333;

}



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

	.inew_right ul li {

		margin-bottom: 50px;

	}



}



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

	.inew_right ul li {

		margin-bottom: 40px;

	}



	.dis_right {

		width: 82%;

	}



}



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

	.dis_right h3 {

		line-height: 22px;

		font-size: 20px;

		margin-bottom: 0px;

		margin-top: 3px

	}



	.dis_right p {

		font-size: 15px

	}



}



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

	.newleft {

		width: 50%;

	}



	.time_left h4 {

		padding-top: 13px;

		font-size: 22px;

	}



	.time_left p {

		font-size: 16px;

	}



	.inew_right {

		width: 50%;

		padding-left: 60px;

	}



	.inew_right ul li {

		margin-bottom: 30px;

	}



	.dis_right {

		width: 75%;

	}



	.dis_right h3 {

		line-height: 20px;

		font-size: 18px;

	}



	.dis_right p {

		font-size: 14px;

		line-height: 24px;

		height: 48px;

	}



}



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

	.newleft .owl-carousel .owl-nav button {

		width: 30px;

		height: 50px;

	}



	.newleft .owl-carousel .owl-nav button span {

		font-size: 40px;

	}



	.dis_right {

		width: 72%;

	}



}



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

	.casem p {

		font-size: 16px;

	}



	.inew_right {

		width: 50%;

		padding-left: 40px;

	}



	.inew_right ul li {

		margin-bottom: 20px;

	}



	.dis_right {

		width: 68%;

	}



	.time_left {

		width: 85px;

		padding-right: 20px;

	}



	.dis_right h3 {

		line-height: 20px;

		font-size: 16px;

		margin: 0;

	}



	.dis_right p {

		font-size: 14px;

		line-height: 22px;

		height: 44px;

	}



}



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

	.homenew {

		padding-bottom: 30px;

	}



	.newleft {

		width: 100%;

	}



	.casem .owl-nav button {

		top: 35%;

	}



	.newleft .owl-carousel .owl-nav button {

		width: 25px;

		height: 45px;

	}



	.newleft .owl-carousel .owl-nav button span {

		font-size: 30px;

	}



	.inew_right {

		width: 100%;

		padding-left: 0px;

		padding-top: 15px;

	}



	.time_left {

		width: 80px;

		padding-right: 10px;

	}



	.dis_right {

		width: 72%;

		padding-left: 15px;

	}



}



/*关于我们*/



/* animation */

@keyframes logoShow {

	from, to {

		transform: scale(1, 1);

	}



	25% {

		transform: scale(0.9, 1.1);

	}



	50% {

		transform: scale(1.1, 0.9);

	}



	75% {

		transform: scale(0.95, 1.05);

	}



}



@keyframes b_jump {

	from {

		transform: translateY(0);

		-webkit-transform: translateY(0);

	}



	to {

		transform: translateY(-6px);

		-webkit-transform: translateY(-6px);

	}



}



@keyframes b_right {

	from {

		transform: translateX(0);

		-webkit-transform: translateX(0);

	}



	to {

		transform: translateX(-10px);

		-webkit-transform: translateX(-10px);

	}



}



.trtion {

	transition: 700ms;

	-webkit-transition: 700ms;

	transition-timing-function: ease-out;

	-webkit-transition-timing-function: ease-out;

}



.dly_1 {

	transition-delay: 100ms;

	-webkit-transition-delay: 100ms;

}



.dly_15 {

	transition-delay: 150ms;

	-webkit-transition-delay: 150ms;

}



.dly_2 {

	transition-delay: 200ms;

	-webkit-transition-delay: 200ms;

}



.dly_3 {

	transition-delay: 300ms;

	-webkit-transition-delay: 300ms;

}



.dly_4 {

	transition-delay: 400ms;

	-webkit-transition-delay: 400ms;

}



.dly_45 {

	transition-delay: 450ms;

	-webkit-transition-delay: 450ms;

}



.dly_5 {

	transition-delay: 500ms;

	-webkit-transition-delay: 500ms;

}



.dly_6 {

	transition-delay: 600ms;

	-webkit-transition-delay: 600ms;

}



.dly_7 {

	transition-delay: 700ms;

	-webkit-transition-delay: 700ms;

}



.dly_8 {

	transition-delay: 800ms;

	-webkit-transition-delay: 800ms;

}



.pic2 > img {

	display: block;

	width: 100%;

}



.transY {

	transform: translateY(80px);

	-webkit-transform: translateY(80px);

	opacity: 0;

}



.transY2 {

	transform: translateY(-80px);

	-webkit-transform: translateY(-80px);

	opacity: 0;

}



.transX {

	transform: translateX(100px);

	-webkit-transform: translateX(100px);

	opacity: 0;

}



.transX2 {

	transform: translateX(-100px);

	-webkit-transform: translateX(-100px);

	opacity: 0;

}



.transShow {

	transform: translate(0);

	-webkit-transform: translate(0);

	opacity: 1;

}



.pbanner {

	position: relative;

	overflow: hidden;

}



.pbannermb {

	background: url(../images/neim.png) repeat;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 9;

}



.pbtxts {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 15%;

	text-align: left;

	z-index: 99;

}



.pbtxts .tx1 {

	font-size: 32px;

	color: #fff;

	font-weight: bold;

	line-height: 35px;

	background: url(../images/white.jpg) no-repeat bottom left;

	padding-bottom: 20px;

}



.pbtxts em {

	color: #fff;

	padding-top: 5px;

	font-size: 16px;

	font-style: normal;

	display: block;

	text-transform: uppercase;

}



.pbtxts .cn {

	font-size: 28px;

	font-weight: 500;

	line-height: 38px;

	color: #fff;

	margin-top: 20px;

}



.pbtxts2 .en {

	color: #fff

}



.pbtxts .line {

	width: 30px;

	height: 40px;

	text-align: center;

	padding-top: 8px;

	border-radius: 30%;

	display: block;

	margin: 0 auto;

	margin-top: 5%;

	cursor: pointer;

	border: 2px solid #fff;

}



.pbtxts .line img {

	animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;

	-webkit-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;

}



.pbtxts2 .line {

	background: #fff;

}



.contnav {

	background: #F0F0F0;

	overflow: hidden;

}



.contnav .left {

	font-size: 16px;

	color: #023156;

	line-height: 30px;

	padding: 20px 0;

	background: url(../images/fangzi.png) no-repeat left;

	padding-left: 15px;

}



.contnav .left a {

	font-size: 15px;

	font-weight: bold;

	color: #929292;

	background: url(../images/njt.png) no-repeat left;

	padding-left: 15px;

	margin-left: 17px;

}



.contnav .left a:hover {

	color: #02438E;

}



.contright {

	text-align: right;

	float: right;

	padding-top: 15px;

}



.contright a {

	font-size: 16px;

	font-weight: bold;

	display: inline-block;

	margin: 0 25px;

	line-height: 40px;

	background-position: bottom left;

}



.contright a:last-child {

	margin-right: 0;

}



.contright a:hover {

	background: url(../images/lanbg3.jpg) repeat-x bottom center;

}



.contright a.on {

	background: url(../images/lanbg3.jpg) repeat-x bottom center;

}



.gsnei {

	padding-top: 68px;

}



.gssub {

	font-size: 36px;

	color: #333333;

	font-weight: bold;

	margin: 0;

}



.gssub em {

	display: inline-block;

	height: 6px;

	width: 82px;

	background-color: #D80024;

}



.gsncont {

	padding-top: 40px;

	padding-bottom: 40px;

}



.gsleft {

	float: left;

	border-right: 2px solid #E8E8E8;

	padding-top: 38px;

	width: 40%;

	padding-bottom: 55px;

}



.gsmid {

	float: left;

	border-right: 2px solid #E8E8E8;

	padding-left: 40px;

	padding-right: 40px;

	padding-top: 38px;

	width: 30%;

	padding-bottom: 55px;

}



.gsright {

	float: left;

	padding-top: 38px;

	width: 30%;

	padding-bottom: 55px;

	padding-left: 40px;

	padding-right: 40px;

}



.gsleft img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.gstitle {

	font-size: 30px;

	color: #333333

}



.pt33 {

	padding-top: 33px;

	position: relative;

}



.font95 {

	font-size: 84px;

	color: #565555;

	letter-spacing: -7px;

	height: 80px;

	line-height: 80px;

	position: absolute;

	left: 0;

	bottom: 20px;

}



.font95 span {

	font-size: 24px;

	color: #333333;

	padding-left: 3px;

}



.gsleftbom {

	border-top: 2px solid #E8E8E8;

	margin-top: 66px;

	padding-top: 58px;

}



.gsbomsub {

	font-size: 30px;

	color: #333333;

	margin-top: 25px;

}



.gsbomsub p {

	font-size: 16px;

	color: #333333;

	padding-top: 50px;

}



.gsmidn {

	margin-top: 72px;

	min-height: 180px;

}



.gsmidn p {

	color: #333333;

	font-size: 16px;

	line-height: 40px;

}



.gsmidpic {

	padding-top: 54px;

}



.gsmidpic img {

	max-width: 100%;

}



/* .gsnpic p {font-size: 16px; } */

.gsmidpic p {

	font-size: 16px;

}



img.picte02 {

	opacity: 0;

	display: none;

}



.gsnpic:hover img.picte01 {

	opacity: 0;

	display: none;

}



.gsnpic:hover img.picte02 {

	opacity: 1;

	display: block;

}



.honorbg {

	background: #FDFDFD;

	padding-top: 90px;

	width: 100%;

}



.honorsub {

	width: 80%;

	background: url(../images/ryjb.png) no-repeat left top;

	padding-left: 526px;

	min-height: 448px;

	float: right;

}



.honorsub h3 {

	font-size: 36px;

	font-weight: bold;

	margin-top: 46px;

}



.honorsub em {

	font-style: normal;

	color: #c7c3c3;

	font-size: 12px;

	display: block;

	text-transform: uppercase;

}



.honorsub b {

	display: inline-block;

	height: 6px;

	width: 82px;

	background-color: #D80024;

	margin-top: 16px;

}



.honorsub strong {

	display: block;

	color: #333333;

	font-size: 35px;

	line-height: 40px;

}



.honorbgt {

	background: #F8F8F8;

	padding-top: 84px;

	width: 100%;

}



.honordes {

	padding-top: 30px;

}



.honordes p {

	padding: 10px 0;

}



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

	.honorsub {

		width: 90%;

		padding-left: 426px;

	}



}



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

	.pbtxts {

		position: absolute;

		left: 0;

		right: 0;

		bottom: 15%;

		text-align: left;

		z-index: 99;

	}



	.pbtxts .line {

		margin-top: 30px;

	}



	.honorsub {

		width: 100%;

		padding-left: 426px;

	}



}



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

	.pbtxts {

		bottom: 10%;

	}



	.pbtxts .tx1 {

		font-size: 30px;

		padding-bottom: 15px;

	}



	.pbtxts .cn {

		font-size: 22px;

		margin-top: 15px;

	}



	.pbtxts .line {

		width: 25px;

		height: 35px;

		padding-top: 8px;

		margin-top: 5%;

	}



	.font95 {

		font-size: 64px;

		letter-spacing: -7px;

		height: 80px;

		line-height: 80px;

	}



}



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

	.pbtxts {

		bottom: 20px;

	}



	.pbtxts .tx1 {

		font-size: 26px;

		padding-bottom: 10px;

	}



	.pbtxts .cn {

		font-size: 16px;

		margin-top: 5px;

	}



	.pbtxts em {

		padding-top: 5px;

		font-size: 14px;

	}



	.pbtxts .line {

		width: 20px;

		height: 30px;

		padding-top: 4px;

		margin-top: 15px;

	}



	.font95 {

		font-size: 54px;

		letter-spacing: -5px;

		height: 60px;

		line-height: 60px;

	}



	.gsmidn {

		margin-top: 30px;

		min-height: 180px;

	}



	.gsnei {

		padding-top: 50px;

	}



	.gssub {

		font-size: 30px;

		line-height: 25px;

	}



	.gssub em {

		height: 4px;

		width: 62px;

	}



	.honorbg {

		padding-top: 50px;

	}



	.honorsub {

		width: 100%;

		padding-left: 326px;

		min-height: auto;

		background-size: 30%;

	}



	.honorsub h3 {

		font-size: 30px;

		margin-top: 36px;

	}



	.honorsub b {

		display: inline-block;

		height: 4px;

		width: 62px;

		background-color: #D80024;

		margin-top: 10px;

	}



	.honorsub strong {

		font-size: 26px;

		line-height: 35px;

	}



	.honordes {

		padding-top: 20px;

	}



}



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

	.gsleft {

		float: left;

		border-right: none;

		padding-top: 38px;

		width: 100%;

		padding-bottom: 30px;

	}



	.gsmid {

		float: left;

		border-right: none;

		padding-left: 0;

		padding-right: 0;

		padding-top: 38px;

		width: 100%;

		padding-bottom: 30px;

		border-top: 2px solid #E8E8E8;

	}



	.gsright {

		float: left;

		padding-top: 38px;

		width: 100%;

		padding-bottom: 30px;

		padding-left: 0;

		padding-right: 0;

		border-top: 2px solid #E8E8E8;

	}



	.gsmidn {

		margin-top: 30px;

		min-height: auto;

	}



	.honorsub {

		width: 100%;

		padding-left: 226px;

		min-height: auto;

		background-size: 30%;

	}



	.honordes p {

		padding: 10px 0;

		word-break: break-all;

	}



	.contnav .left {

		font-size: 14px;

		color: #023156;

		line-height: 30px;

		padding: 15px 0;

		background: url(../images/fangzi.png) no-repeat 0 22px;

	}



	.contright {

		width: 100%;

		padding-top: 0;

		padding-bottom: 5px;

	}



}



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

	.contright {

		text-align: left;

	}

	.contright a {



	}

	.pbtxts .tx1 {

		font-size: 20px;

		line-height: 25px;

		padding-bottom: 10px;

	}



	.pbtxts .line {

		display: none;

	}



	.pbtxts em {

		padding-top: 2px;

		font-size: 13px;

	}



	.pbtxts .cn {

		font-size: 15px;

		margin-top: 0px;

	}



}



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

	.gstitle {

		font-size: 20px;

	}



	.gsmidn {

		margin-top: 20px;

	}



	.gsmidn p {

		font-size: 14px;

		line-height: 30px;

	}



	.contright a {

	font-size: 14px;

    margin: 0 10px;

    line-height: 30px;

    display: inline-block;

    white-space: nowrap;

    width: auto;

    margin-bottom: 3px;

    float: left;

    text-align: center;

	}



	.contright a:hover {

		background: url(../images/lanbg3.jpg) no-repeat bottom center;

	}



	.contright a.on {

		background: url(../images/lanbg3.jpg) no-repeat bottom center;

	}



	.gsleft {

		padding-top: 20px;

		padding-bottom: 30px;

	}



	.gsmid {

		padding-top: 20px;

		padding-bottom: 30px;

	}



	.gsright {

		padding-top: 20px;

		padding-bottom: 30px;

	}



	.gsmidn {

		margin-top: 20px;

	}



	.font95 {

		font-size: 34px;

		letter-spacing: 0px;

		height: 60px;

		line-height: 60px;

		left: 15px;

	}



	.gsleftbom {

		margin-top: 30px;

		padding-top: 30px;

	}



	.gsbomsub {

		font-size: 22px;

		margin-top: 5px;

	}



	.gsbomsub p {

		font-size: 16px;

		padding-top: 10px;

	}



	.gssub {

		font-size: 26px;

		line-height: 25px;

	}



	.gssub em {

		height: 4px;

		width: 62px;

	}



	.honorbg {

		padding-top: 30px;

	}



	.honorsub {

		width: 100%;

		padding-left: 0;

		background: none;

		min-height: auto;

	}



	.honorsub h3 {

		font-size: 26px;

		margin-top: 0px;

	}



	.honorsub b {

		display: inline-block;

		height: 4px;

		width: 62px;

		background-color: #D80024;

		margin-top: 10px;

	}



	.honorsub strong {

		font-size: 20px;

		line-height: 30px;

	}



	.honordes {

		padding-top: 20px;

	}



	.honorbgt {

		padding-top: 30px;

	}



}



/* 资质荣誉 */

.about-ry .carouse-item {

	text-align: center;

	padding: 0 24px;

}



.about-ry .carouse-item img {

	display: inline-block;

	max-width: 100%;

}



.about-ry .ry-carousel {

	position: relative;

	z-index: 1;

}



.about-ry .slick-arrow {

	transition: all .3s;

}



.about-ry .slick-prev, .about-ry .slick-next {

	top: 120%;

}



.about-ry .slick-arrow.slick-prev {

	left: 0;

	background: url("../images/left.png") no-repeat center center;

}



.about-ry .slick-arrow.slick-prev:hover {

	background-image: url("../images/left1.png");

}



.about-ry .slick-arrow.slick-next {

	right: 0;

	background: url("../images/right.png") no-repeat center center;

}



.about-ry .slick-arrow.slick-next:hover {

	background-image: url("../images/right1.png");

}



.about-ry .slick-arrow.slick-disabled {

	cursor: default;

}



.about-ry .slick-dots {

	position: relative;

	margin-top: 20px;

	display: none !important;

}



.about-ry .slick-dots li {

	width: 11px;

	height: 11px;

	margin: 0 3px;

	border-radius: 50%;

	background: #999;

}



.about-ry .slick-dots li.slick-active {

	background: #008cd7;

}



.about-ry .slick-arrow {

	width: 54px;

	height: 53px;

}



.about-ry .slick-arrow.slick-prev {

	left: 45%;

}



.about-ry .slick-arrow.slick-next {

	right: 45%;

}



.cy-block {

	padding-bottom: 140px;

}



.hobgtwo {

	background: #FDFDFD;

}



.honorlist {

	padding-top: 23px;

}



.honorlist ul li {

	width: 50%;

	float: left;

	border-bottom: 1px dashed #D7D7D7;

	padding-right: 15px;

}



.honorlist ul li a {

	background: url(../images/jtou3.png) no-repeat left;

	padding-left: 22px;

	display: inline-block;

	font-size: 16px;

	line-height: 50px;

	display: block;

	white-space: nowrap;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

}



.honmore {

	text-align: center;

	padding: 30px 0;

}



.honmore a {

	font-size: 15px;

	width: 134px;

	height: 36px;

	display: inline-block;

	border: 1px solid #EEEEEE;

	text-align: center;

	line-height: 36px;

}



.mhxysbt {

	padding-top: 65px;

	text-align: center;

}



.mhxysbt h3 {

	margin: 0;

	color: #333333;

	font-size: 36px;

	background: url(../images/whbg.jpg) no-repeat center bottom;

	display: block;

	padding-bottom: 18px;

	margin-bottom: 20px;

}



.mhxysbt h3 em {

	display: block;

}



.mhxysbt p {

	font-size: 16px;

	color: #333333;

}



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

	.about-ry .carouse-item {

		padding: 0 15px;

	}



	.about-ry .slick-arrow.slick-prev {

		left: 40%;

	}



	.about-ry .slick-arrow.slick-next {

		right: 40%;

	}



}



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

	.about-ry .carouse-item {

		padding: 0;

	}



	.about-ry .slick-arrow.slick-prev {

		left: 30%;

	}



	.about-ry .slick-arrow.slick-next {

		right: 30%;

	}



	.honorlist ul li {

		width: 100%;

		float: none;

	}



}



/*文化*/

.culturecont {

	padding-top: 70px;

	padding-bottom: 70px;

}



.culturecont .item a {

	border-left: 1px solid #DFDFE0;

	border-right: 1px solid #DFDFE0;

	display: block;

	overflow: hidden;

	height: 507px;

	background: url(../images/mywbg1.jpg) repeat-x;

}



.myspiao {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.mystb {

	background: url(../images/myshui1.png) no-repeat;

	width: 79px;

	height: 79px;

	display: block;

	margin: 0 auto;

	text-align: center;

}



.mysynr strong {

	color: #333333;

	display: block;

	text-align: center;

	font-size: 24px;

	padding-top: 18px;

}



.mys1 {

	background: url(../images/ystb1.png) no-repeat center center;

}



.mys2 {

	background: url(../images/ystb2.png) no-repeat center center;

}



.mys3 {

	background: url(../images/ystb3.png) no-repeat center center;

}



.mys4 {

	background: url(../images/ystb4.png) no-repeat center center;

}



.mys5 {

	background: url(../images/ystb5.png) no-repeat center center;

}



.mysynr i {

	height: 43px;

	width: 100%;

	display: inline-block;

	margin-top: 15px;

}



.mysynr {

	padding-top: 27px;

	height: 100%;

}



.myshang {

	width: 99%;

	margin: 0 auto;

	height: 45%;

}



.mysxia {

	padding-top: 56px;

	width: 85%;

	margin: 0 auto;

	font-size: 15px;

	color: #002649;

	text-align: center;

	line-height: 26px;

}



.mysxia p {

	margin: 0 auto;


	font-size: 16px;

	color: #333333;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 5;

	-webkit-box-orient: vertical;

}



.myschu {

	position: absolute;

	bottom: -100%;

	left: 0;

	width: 100%;

	height: 100%;

}



.mengb {

	background: url(../images/myshei_03.png) repeat;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}



.mengb i {

	height: 43px;

	width: 100%;

	display: inline-block;

	margin-top: 15px;

}



.mengb .mystb {

	background: url(../images/mysbai.png) no-repeat;

	width: 79px;

	height: 79px;

	display: block;

	margin: 0 auto;

	margin-top: 77px;

	text-align: center;

}



.mengb .mys1 {

	background: url(../images/ystbh1.png) no-repeat center center;

}



.mengb .mys2 {

	background: url(../images/ystbh2.png) no-repeat center center;

}



.mengb .mys3 {

	background: url(../images/ystbh3.png) no-repeat center center;

}



.mengb .mys4 {

	background: url(../images/ystbh4.png) no-repeat center center;

}



.mengb .mys5 {

	background: url(../images/ystbh5.png) no-repeat center center;

}



.mengb strong {

	color: #fff;

	display: block;

	text-align: center;

	font-size: 20px;

	padding-top: 35px;

}



.mengb p {

	color: #fff;

	display: block;

	margin: 0 auto;

	text-align: center;

	font-size: 16px;

	padding-top: 38px;

}



.mengb:hover i {

	-moz-transition: all 0.8s ease-in-out;

	-webkit-transition: all 0.8s ease-in-out;

	-o-transition: all 0.8s ease-in-out;

	-ms-transition: all 0.8s ease-in-out;

	transition: all 0.8s ease-in-out;

	-webkit-transform: rotateY(360deg);

	-moz-transform: rotateY(360deg);

	-ms-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	transform: rotateY(360deg);

}



.culturecont .owl-buttons {

	text-align: center;

	padding-top: 10px;

}



.culturecont .owl-prev {

	font-size: 0;

	background: url(../images/leftw.png) no-repeat;

	background-size: 100%;

	width: 18px;

	height: 35px;

	display: inline-block;

}



.culturecont .owl-next {

	font-size: 0;

	background: url(../images/rightw.png) no-repeat;

	background-size: 100%;

	width: 18px;

	height: 35px;

	display: inline-block;

	margin-left: 15px;

}



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

	.mysxia p {

		width: 80%;

	}



	.mengb p {

		width: 80%;

	}



}



/*合作伙伴*/

.hzlist {

	padding-bottom: 30px;

	padding-top: 50px;

}



.hzlist ul li {

	width: 20%;

	float: left;

	border-bottom: 2px solid #EEEEEE;

	border-right: 2px solid #EEEEEE;

}



.hzlist ul li:nth-child(5n+5) {

	border-right: none;

}



.hzlist ul li span {

	display: block;

	padding: 10px;

	overflow: hidden

}



.hzlist ul li span img {

	width: 100%;

	transition: all 0.5s;

}



.hzlist ul li:hover span {

	-moz-box-shadow: 0px 0px 20px #ACACAC;

	-webkit-box-shadow: 0px 0px 20px #ACACAC;

	box-shadow: 0px 0px 20px #ACACAC;

	box-shadow: 0 0 20px #ACACAC;

}



.hzlist ul li:hover {

}



.hzlist ul li:hover img {

	transform: scale(1.1);

}



/*新闻列表*/

.newtj {

	padding-top: 54px;

}



.newtj ul {

	margin-left: -12px;

	margin-right: -12px;

}



.newtj ul li {

	float: left;

	width: 25%;

	padding-left: 12px;

	padding-right: 12px;

}



.newtj ul li a h3 {

	font-size: 16px;

	color: #333333;

	word-break: break-all;

	line-height: 25px;

	height: 50px;

	margin: 0;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

}



.newtj ul li span {

	margin-top: 15px;

	background: url(../images/newjt.png) no-repeat right;

	padding-right: 20px;

	display: inline-block;

	font-size: 14px;

	color: #aaaaaa;

}



.newtj ul li a:hover h3 {

	color: #D61516;

}



.newmend_pic {

	overflow: hidden;

}



.newmend_pic img {

	transition: 600ms;

	-webkit-transition: 600ms;

}



.newtj ul li a:hover .newmend_pic img {

	transform: scale(1.1);

	-webkit-transform: scale(1.1);

}



.newborder {

	padding: 20px 6px;

	transition: 600ms;

	-webkit-transition: 600ms;

}



.newtj ul li:hover .newborder {

	-moz-box-shadow: 0px 3px 10px #DAD9DA;

	-webkit-box-shadow: 0px 3px 10px #DAD9DA;

	box-shadow: 0px 3px 10px #DAD9DA;

}



.newlist {

	margin-top: 40px;

	margin-bottom: 40px;

}



.newlist ul li {

	margin-bottom: 20px;

}



.newlist ul li a {

	display: block;

	padding: 19px 0 19px 13px;

	border: 1px solid #EEEEEE;

}



.newlist ul li a .nleft {

	width: 22%;

	float: left;

}



.newlist ul li a .nright {

	width: 13%;

	float: left;

}



.newlist ul li a .nmiddle {

	width: 65%;

	float: left;

	padding: 28px 98px 0 34px;

}



.nmiddle h3 {

	font-size: 18px;

	color: #333333;

	margin: 0;

	line-height: 40px;

	white-space: nowrap;

	max-width: 100%;

	height: 40px;

	overflow: hidden;

	text-overflow: ellipsis;

}



.nmiddle p {

	font-size: 16px;

	margin-top: 6px;

	color: #666;

	line-height: 28px;

	max-width: 100%;

	height: 84px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



.newlist ul li a:hover .nmiddle h3 {

	font-weight: bold;

}



.newtime {

	padding: 30px 0 0 0;

}



.newtime strong {

	font-size: 26px;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	display: block;

	font-weight: 500;

}



.newtime p {

	font-size: 16px;

	color: #999999;

	background: url(../images/newmore1.png) no-repeat left bottom;

	padding-bottom: 50px;

}



.newlist li a:hover {

	background-color: #F7F7F7;

}



.newlist li a:hover .newtime  p {

	background: url(../images/newmoreh1.png) no-repeat left bottom;

}



.newcontent {

	padding-bottom: 30px;

}



@media (max-width:1359px) {

	.newlist ul li a .nmiddle {

		padding: 10px 98px 0 34px;

	}



	.newtime {

		padding: 15px 0 0 0;

	}



}



@media (max-width:1249px) {

	.newlist ul li a .nmiddle {

		padding: 0px 50px 0 34px;

	}



	.newtime {

		padding: 5px 0 0 0;

	}



	.nmiddle p {

		font-size: 15px;

	}



	.hzlist ul li {

		width: 33.33%;

		border-bottom: 1px solid #EEEEEE;

		border-right: 1px solid #EEEEEE;

	}



	.hzlist ul li:nth-child(5n+5) {

		border-right: 1px solid #EEEEEE;

	}



}



@media (max-width:767px) {

	.newtj ul li {

		width: 50%;

		margin-bottom: 12px;

	}



	.hzlist ul li {

		width: 50%;

	}



	.newlist ul li a .nleft {

		width: 25%;

	}



	.newlist ul li a .nmiddle {

		width: 75%;

		padding: 0 20px 0 20px;

	}



	.nmiddle h3 {

		font-size: 16px;

		line-height: 26px;

		height: 26px;

	}



	.nmiddle p {

		font-size: 14px;

		line-height: 20px;

		height: 20px;

	}



	.newlist ul li a i {

		font-style: normal;

		padding-top: 5px;

	}



}



@media (max-width:375px) {

	.newtj ul li {

		width: 100%;

	}



	.newlist ul li a .nleft {

		width: 100%;

	}



	.newlist ul li a .nmiddle {

		width: 100%;

		padding: 15px 0px 0 0px;

	}



	.newlist ul li a {

		padding: 19px 15px 19px 15px;

	}



}



/*翻页*/

.pages {

	padding-top: 20px;

	padding-bottom: 40px;

	margin: 0 auto;

	text-align: center;

	box-sizing: border-box;

}



.pages:after {

	clear: both;

	content: '';

	width: 0px;

	display: block;

	height: 0px;

	visibility: hidden;

}



.pages a {

	border: 1px solid #DDD;

	display: inline-block;

	line-height: 38px;

	color: #333;

	margin: 5px 2px;

	height: 40px;

	min-width: 42px;

	padding: 0 5px;

	text-decoration: none;

	font-size: 14px;

}



.pages a:hover {

	text-decoration: none;

	border: 1px solid #D70B31;

	background-color: #D70B31;

	color: #fff;

	padding: 0 5px;

	height: 40px;

	line-height: 38px;

	font-size: 14px;

}



.pages span {

	display: inline-block;

	border: 1px solid #D70B31;

	background-color: #D70B31;

	color: #fff;

	line-height: 38px;

	min-width: 42px;

	padding: 0 5px;

	height: 40px;

	font-size: 14px;

	margin: 0 2px;

}



.pages a:first-child, .pages a:last-child {



	/* border:none;*/

}



/*新闻详情*/

.retrospect {

	padding-top: 54px;

	padding-bottom: 20px;

}



.retrospect ul {

	margin-left: -10px;

	margin-right: -10px;

	overflow: hidden;

}



.retrospect ul li {

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 20px;

	float: left;

	width: 50%;

}



.retropic {

	overflow: hidden;

	border: 1px solid #F6FAFC;

}



.retropic img {

	width: 100%;

}



.retrosub {

	padding-left: 15px;

	padding-right: 15px;

	border-bottom: 1px solid #EEEEEE;

	background: url(../images/jiah.png) no-repeat 98% center;

	padding-top: 24px;

	padding-bottom: 22px;

}



.retrosub p {

	font-size: 16px;

	white-space: nowrap;

	width: 90%;

	overflow: hidden;

	text-overflow: ellipsis;

}



.retrospect ul li:hover .retropic {

	border: 1px solid #E5F2FF;

}



.retropic img {

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

}



.retrospect ul li:hover .retropic img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



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

	.retrospect ul li {

		width: 100%;

	}



	.pages {

		padding-top: 15px;

		padding-bottom: 25px;

	}



}



.artile_left {

	width: 24%;

	float: left;

	padding-top: 34px;

	padding-bottom: 44px;

}



.artile_right {

	float: left;

	width: 76%;

	border-left: 1px solid #EEEEEE;

	padding-top: 42px;

	padding-left: 47px;

	padding-bottom: 44px;

}



.retronei {

	padding-right: 35px;

}



.retronei ul li {

	padding-bottom: 25px;

	float: left;

	width: 100%;

}



.retronei ul li:hover .retropic {

	border: 1px solid #E5F2FF;

}



.retronei ul li:hover .retropic img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}



.artilemore {

	text-align: center;

	padding-right: 35px;

}



.artilemore a {

	text-align: right;

	background: #D70B31;

	width: 180px;

	height: 46px;

	display: inline-block;

	font-size: 16px;

	color: #fff;

	line-height: 46px;

	border-radius: 25px;

	padding-right: 55px;

}



.artilemore a i {

	background: url(../images/jt3.png) no-repeat center;

	height: 46px;

	display: inline-block;

	width: 14px;

	float: right;

	margin-left: 10px;

}



.artilemore a:hover {

	padding-right: 50px;

}



.artile_sub {

	font-size: 30px;

	color: #333333;

	padding-bottom: 38px;

}



.artilecont {

	font-size: 16px;

}



.artilecont img {

	max-width: 100% !important;

	height: auto !important;

}



.artilecont p {

	font-size: 16px;

	line-height: 30px;

	padding: 10px 0;

}



.artile_bottom {

	padding-top: 20px;

	margin-left: -31px;

	margin-right: -31px;

}



.artbg {

	background: #EEEEEE;

	height: 40px;

	line-height: 40px;

	text-align: center;

	padding-left: 5px;

	padding-right: 5px;

	border-radius: 25px;

	font-size: 16px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.artone {

	width: 33.33%;

	float: left;

	padding-left: 31px;

	padding-right: 31px;

}



.backbg {

	background: #D70B31;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 25px;

	font-size: 16px;

}



.backbg a {

	color: #fff;

	font-size: 16px;

	background: url(../images/fanhui.png) no-repeat;

	padding-left: 43px;

}



.mnewbt {

	width: 100%;

	padding-top: 24px;

	padding-bottom: 28px;

	color: #999999;

}



.mnewbt span {

	color: #999999;

}



.mnewbt a {

	color: #999999;

}



.mnewbt h4 {

	color: #333333;

	margin: 0;

	font-weight: 500;

	font-size: 30px;

	padding-bottom: 14px;

}



.mfenx {

	display: inline-block;

	float: right;

	line-height: 32px;

	padding-right: 5px;

}



.contents p {

	font-size: inherit;

}



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

	.artile_bottom {

		margin-left: -15px;

		margin-right: -15px;

	}



	.artone {

		width: 33.33%;

		float: left;

		padding-left: 15px;

		padding-right: 15px;

	}



}



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

	.artilemore a {

		width: 120px;

		height: 40px;

		display: inline-block;

		font-size: 16px;

		color: #fff;

		line-height: 40px;

		border-radius: 25px;

		padding-right: 25px;

	}



	.artilemore a i {

		background: url(../images/jt3.png) no-repeat center;

		height: 40px;

		display: inline-block;

		width: 14px;

		float: right;

		margin-left: 10px;

	}



	.artilemore a:hover {

		padding-right: 23px;

	}



	.artone {

		width: 50%;

		float: left;

		padding-left: 15px;

		padding-right: 15px;

		margin-bottom: 10px;

	}



}



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

	.artile_left {

		width: 100%;

		float: left;

		padding-right: 0;

	}



	.artile_right {

		float: left;

		width: 100%;

		border-left: none;

		padding-top: 42px;

		padding-left: 0;

		padding-bottom: 44px;

	}



	.artone {

		width: 100%;

		float: left;

		padding-left: 15px;

		padding-right: 15px;

		margin-bottom: 10px;

	}



	.retronei {

		padding-right: 0;

	}



	.artilemore {

		padding-right: 0;

	}



}



.idwestrong {

	color: #333333;

	font-size: 20px;

	font-family: Arial, Helvetica, sans-serif;

}



.idwestrong strong {

	display: block;

	padding-bottom: 10px;

}



.font20 {

	font-size: 20px;

}



.font24 {

	font-size: 24px;

}



.idwestrong span {

	display: block;

	font-size: 18px;

}



.gyidwepic {

	overflow: hidden;

	padding-top: 0px;

}



.gyidwepic img {

	max-width: 100%;

}



/*研发团队*/

.yfsub {

	padding-top: 45px;

	padding-bottom: 35px;

}



.yfsub em {

	display: block;

	font-size: 18px;

	color: #c50009;

	font-weight: bold;

	font-style: normal;

	padding-top: 24px;

}



.yfleft {

	float: left;

	width: 65%;

}



.yfleft p {

	font-size: 16px;

	color: #333333;

	line-height: 48px;

}



.yfright {

	float: left;

	width: 35%;

	padding-top: 45px;

}



.yfright img {

	max-width: 100%;

}



.yfcont {

	padding-bottom: 60px;

}



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

	.yfleft {

		width: 60%;

		padding-right: 15px;

	}



	.yfleft p {

		line-height: 45px;

	}



	.yfright {

		width: 40%;

	}



}



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

	.yfleft {

		width: 60%;

	}



	.yfleft p {

		line-height: 35px;

		padding: 5px 0px;

	}



	.yfright {

		width: 40%;

	}



}



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

	.yfleft {

		width: 100%;

		padding-right: 0;

	}



	.yfsub {

		padding-top: 45px;

		padding-bottom: 15px;

	}



	.yfright {

		width: 100%;

		padding-top: 15px;

	}



}



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

	.yfsub {

		padding-top: 30px;

	}



	.yfsub em {

		font-size: 16px;

		padding-top: 10px;

	}



	.yfleft p {

		font-size: 14px;

		line-height: 26px;

	}



}



/*智能终端*/

.znlist {

	padding-top: 58px;

}



.znlist ul {

	margin-left: -11px;

	margin-right: -11px;

}



.znlist ul li {

	width: 33.33%;

	float: left;

	padding: 0 11px;

	padding-bottom: 10px;

}



.znlist ul li p {

	font-size: 16px;

	color: #000000;

	text-align: center;

	padding: 20px 5px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.znpic {

	overflow: hidden;

	position: relative;

}



.znpic img {

	width: 100%;

	transition: all 0.5s;

}



.znlist ul li:hover img {

	transform: scale(1.1);

}



.znlist ul li:hover p {

	background: #EFEFEF;

}



.znmeng {

	position: absolute;

	left: 0;

	bottom: 0;

	background: url(../images/lanmeng.png) repeat;

	width: 100%;

	height: 0;

	padding-top: 13%;

	opacity: 0;

	transition: all 0.5s;

}



.znmeng i {

	background: url(../images/znzdico.png) no-repeat;

	width: 86px;

	height: 88px;

	display: block;

	margin: 0 auto;

}



.znmeng span {

	line-height: 25px;

	height: 75px;

	color: #fff;

	width: 80%;

	margin: 0 auto;

	margin-top: 10%;

	display: block;

	text-align: center;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



.znlist ul li:hover .znmeng {

	height: 100%;

	opacity: 1;

}



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

	.znmeng i {

		background-size: cover;

		width: 56px;

		height: 58px;

	}



}



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

	.znmeng span {

		width: 80%;

		margin-top: 5%;

	}



}



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

	.znmeng i {

		width: 46px;

		height: 48px;

	}



	.znmeng {

		padding-top: 10%;

	}



}



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

	.znmeng i {

		width: 36px;

		height: 38px;

		background-size: 100%;

	}



	.znmeng span {

		line-height: 25px;

		height: 50px;

		color: #fff;

		width: 85%;

		-webkit-line-clamp: 2;

	}



}



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

	.znlist ul li {

		width: 100%;

		padding-bottom: 10px;

	}



	.znmeng span {

		line-height: 25px;

		height: 75px;

		color: #fff;

		width: 85%;

		-webkit-line-clamp: 3;

	}



}



/*--产品详情--*/

.pr {

	position: relative;

}



.pb {

	position: absolute;

}



.pro_detail {

	padding-top: 30px;

}



.prored {

	font-size: 30px;

	color: #d51010;

	font-weight: bold;

}



.prodowncont {

	padding-top: 10px;

	padding-bottom: 50px;

}



.prodowncont .col-sm-6:last-child {

	padding-left: 30px;

}



.prolan {

	font-size: 24px;

	color: #004098;

	font-weight: bold;

	padding: 20px 0;

}



.prodowncont p {

	font-size: 16px;

	padding: 6px 0;

}



@media (max-width:639px) {

	.prodowncont .col-sm-6:last-child {

		padding-left: 15px;

	}



}



/*图片切换*/

.pcontainer {

	padding-bottom: 10px;

}



.propaga-main {

	padding-top: 50px;

	position: relative;

	z-index: 1;

}



.propaga-main .tit {

	font-size: .3rem;

	color: #333333;

	margin: 0;

	padding: .3rem 0;

	width: 80%;

}



.video-banner {

	width: 68.6%;

}



.video-banner .box {

	height: 100%;

	/*background: #000000;*/

}



.video-banner .box img {

	width: 100%;

}



.video-banner .video {

	display: none;

}



.video-banner .play {

	position: absolute;

	top: 50%;

	left: 50%;

	width: .82rem;

	height: .82rem;

	margin-top: -.41rem;

	margin-left: -.41rem;

	cursor: pointer;

}



.select-videos {

	top: 0;

	right: 0;

	bottom: 0;

	width: 30%;

}



.select-videos .swiper-slide p {

	font-size: 14px;

	letter-spacing: 1px;

	color: #333333;

	margin-top: .1rem;

	margin-bottom: 0;

}



.select-videos .item {

	margin: 0 10px;

}



.select-videos .box-img {

	position: relative;

	overflow: hidden;

	/*background: #000;*/

	cursor: pointer;

}



.select-videos .box-img img {

	width: 100%;

	/*opacity: .5;*/

}



.select-videos .box-img::after {

	position: absolute;

	display: block;

	content: "";

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	border: .04rem solid #8D0107;

	-webkit-transition: all .3s;

	transition: all .3s;

}



.select-videos .swiper-slide.on .box-img::after {

	opacity: 1;

}



.select-videos .swiper-slide.on .box-img img {

	opacity: 1;

}



.select-videos .swiper-button-next, .select-videos .swiper-button-prev {

	top: auto;

	bottom: 0;

	margin: 0;

	background-color: #E5E5E5;

	width: 50%;

	height: 40px;

	background-size: 6px;

	opacity: 1;

}



.select-videos .swiper-button-next {

	right: 10px;

	background-image: none !important;

}



.select-videos .swiper-button-prev {

	left: 10px;

	background-image: none !important;

}



.select-videos .swiper-button-next:after {

	content: "";

	width: 14px;

	height: 14px;

	border-left: 2px solid #E62817;

	border-top: 2px solid #E62817;

	transform: rotate(45deg);

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -7px;

	margin-top: -5px;

}



.select-videos .swiper-button-prev:after {

	content: "";

	width: 14px;

	height: 14px;

	border-left: 2px solid #E62817;

	border-top: 2px solid #E62817;

	transform: rotate(-135deg);

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -3px;

	margin-top: -12px;

}



@media (max-width:991px) {

	.video-banner .box {

		height: 100%;

		background: #000000;

		padding-top: 0;

	}



	.video-banner .box img {

		height: 100%;

	}



}



@media (max-width:639px) {

	.select-videos .swiper-button-next {

		right: 0px;

		background-image: none;

	}



	.select-videos .swiper-button-prev {

		left: 0px;

		background-image: none;

	}



	.video-banner, .propaga-main .tit {

		width: 100%;

	}



	.select-videos {

		position: static;

		width: 100%;

	}



	.select-videos .swiper-container {

		margin-bottom: 50px;

		height: auto !important;

	}



	.select-videos .item {

		margin: 5px 0;

	}



	.select-videos .swiper-slide p {

		font-size: 16px;

	}



	.select-videos .swiper-button-next, .select-videos .swiper-button-prev {

		top: auto;

		bottom: -40px;

		margin: 0;

		background-color: #E5E5E5;

		width: 50%;

		height: 40px;

		background-size: 6px;

		opacity: 1;

	}



}



/*联系我们*/

.third_title {

	padding-top: 30px;

}



.third_title h3 {

	font-size: 30px;

	color: #333;

	text-align: center;

	margin-bottom: 10px;

	line-height: 40px;

	font-weight: bold;

}



.third_title p {

	font-size: 14px;

	color: #666;

	text-align: center;

	margin-bottom: 60px;

	line-height: 20px;

	padding-bottom: 15px;

	background: url(../images/red.png) no-repeat center bottom;

}



.contact {

	margin-right: -6px;

	margin-left: -6px;

	margin-bottom: 10px;

}



.contact li {

	width: 20%;

	float: left;

	box-sizing: border-box;

	padding: 6px;

}



.contacts {

	border: 1px solid #eee;

	padding: 40px 15px 0;

	text-align: center;

	box-sizing: border-box;

	height: 240px;

}



.contacts h3 {

	font-size: 14px;

	color: #666;

	line-height: 30px;

	margin-top: 10px;

	font-weight: normal;

}



.contacts p {

	font-size: 14px;

	color: #333;

	line-height: 22px;

	padding: 0 10px;

}



.contact li img {

	display: block;

	margin: 0 auto;

	transition: all 0.8s;

}



.contact li:hover img {

	transform: rotateY(360deg);

}



.route .box {

	width: 100%;

	margin: 10px auto 70px;

}



.route .tab_menu {

	overflow: hidden;

	max-width: 1100px;

	margin: 0 auto;

	box-sizing: border-box;

}



.route .tab_menu p {

	color: #333;

	line-height: 30px;

	font-size: 16px;

	padding-bottom: 60px;

}



.route .tab_menu li {

	width: 25%;

	float: left;

	text-align: center;

	cursor: pointer;

	padding: 70px 0 0;

}



.route .tab_menu li:nth-child(1) {

	background: url(../images/way1.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(2) {

	background: url(../images/way2.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(3) {

	background: url(../images/way3.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(4) {

	background: url(../images/way4.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(1).current {

	background: url(../images/wy1.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(2).current {

	background: url(../images/wy2.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(3).current {

	background: url(../images/wy3.png) no-repeat center 0;

}



.route .tab_menu li:nth-child(4).current {

	background: url(../images/wy4.png) no-repeat center 0;

}



.route .tab_menu li p {

	font-size: 16px;

	color: #666;

	line-height: 24px;

	text-align: center;

}



.route .tab_box {

	padding: 0;

	margin-bottom: 60px;

}



.route .tab_box h3 {

	font-size: 18px;

	color: #333;

	line-height: 30px;

	font-weight: bold;

	margin-bottom: 20px;

}



.route .tab_box p {

	font-size: 16px;

	color: #666;

	line-height: 30px;

}



.route .tab_menu li.current p {

	color: #ce2d25;

	background: url(../images/san.png) no-repeat center bottom;

}



.way {

	padding: 20px;

	background-color: #fafafa;

	border: 1px solid #dddddd;

	font-size: 16px;

	color: #999;

	text-align: center;

}



.way p {

	font-size: 16px;

	color: #999;

	text-align: center;

}



.online {

	background-color: #fafafa;

	padding: 10px 0 50px 0;

}



.messages form input {

	width: 32%;

	margin-right: 1.3%;

	margin-bottom: 30px;

	float: left;

	line-height: 36px;

	border: 1px solid #eee;

	background-color: #fff;

	box-sizing: border-box;

	padding: 0 10px;

}



.messages {

	width: 100%;

	max-width: 900px;

	margin: 0 auto;

}



.messages form textarea {

	width: 98.7%;

	margin-bottom: 30px;

	line-height: 36px;

	border: 1px solid #eee;

	background-color: #fff;

	box-sizing: border-box;

	padding: 10px;

}



.messages button {

	line-height: 40px;

	background-color: #ce2d25;

	color: #fff;

	font-size: 16px;

	cursor: pointer;

	padding: 0;

	width: 140px;

	border-radius: 0;

}



.messages button:hover {

	color: #fff;

}



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

	.route .tab_menu p {

		padding-bottom: 30px;

	}



}



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

	.contacts p {

		padding: 0 0px;

	}



}



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

	.contact li {

		width: 50%;

	}



}



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

	.third_title h3 {

		font-size: 26px;

	}



	.messages form input {

		width: 100%;

		margin-right: 0%;

		margin-bottom: 15px;

	}



	.contact li {

		width: 100%;

	}



	.route .tab_menu p {

		padding-bottom: 30px;

	}



	.route .tab_box {

		margin-bottom: 30px;

	}



	.online {

		background-color: #fafafa;

		padding: 30px 0;

	}



}



/*案例*/

.anli {

	padding-top: 50px;

}



.anli ul {

	margin-left: -32px;

	margin-right: -32px;

}



.anli ul li {

	width: 25%;

	padding: 0 32px;

	padding-bottom: 48px;

	float: left;

}



.anpic {

	position: relative;

	overflow: hidden;

}



.ansub {

	font-size: 16px;

	color: #333333;

	text-align: center;

	background: url(../images/anxian.jpg) no-repeat top center;

	margin-top: 44px;

	padding-top: 22px;

}



.ansub a {

	font-size: 16px;

	color: #333333;

	display: block;

	padding: 0 10px;

}



.anpic>img {

	width: 100%;

}



.anli ul li:hover .ansub {

	background: url(../images/anxian2.jpg) no-repeat top center;

}



.almeng {

	background: rgba(0, 0, 0, 0.46);

	position: absolute;

	left: 0;

	bottom: -100%;

	width: 100%;

	padding-top: 30%;

	height: 100%;

	transition: all 0.5s;

}



.anli ul li:hover .almeng {

	bottom: 0;

}



.alwhite {

	color: #fff;

	font-size: 16px;

	display: block;

	text-align: center;

	width: 100%;

	height: 100%;

}



.alwhite:hover, .alwhite:focus {

	color: #fff;

}



.anli .modal-header {

	border: none;

}



.anli .modal-body {

	text-align: center;

}



.anli .modal-body img {

	max-width: 100%;

}



.anli .close span {

	font-size: 36px;

}



.anli .modal-header {

	padding: 10px 15px 0 15px;

}



.protop {

	position: relative;

}



.ptop {

	position: absolute;

	left: 0;

	top: 0;

	background-color: rgba(0, 0, 0, 0.8);

	width: 100%;

	height: 100%;

	box-sizing: border-box;

	text-align: center;

	padding: 4% 15px;

	display: none;

}



.ptop table {

	width: 100px;

	margin: 20px auto;

	background: url(../images/wshu.png) no-repeat center center;

}



.ptop table .sharemore {

	display: block;

	width: 30px;

	height: 30px;

	background: url(../images/share.png) no-repeat center;

	margin-left: 10px;

}



.ptop table tr td {

	height: 32px;

	width: 50%;

}



.ptop a.big {

	font-size: 16px;

	color: #fff;

	display: inline-block;

	margin-top: 30%;

}



.prodis h3 a {

	display: block;

	text-align: center;

	font-size: 16px;

	color: #333;

	line-height: 60px;

	background: url(../images/green.png) no-repeat center top;

	margin: 25px 0;

}



.prodis h3 a:hover {

	background: url(../images/reds.png) no-repeat center top;

}



.products {

	padding: 50px 0;

}



.prodis {

	margin: 0 15px;

}



.prodis:hover .ptop {

	display: block;

	box-shadow: 1px 1px 8px #666;

}



.telephone {

	background: url(../images/abouts.jpg) no-repeat center;

	background-size: cover;

	padding: 40px 0;

	margin-top: 40px;

	color: #fff;

}



.telephone h3 {

	color: #fff;

	line-height: 40px;

	font-weight: bold;

}



.telephone .pull-right {

	text-align: right;

}



@media (max-width:1600px) {

	.prodis {

		margin: 0px;

	}



}



@media (max-width:1400px) {

	.ptop a.big {

		margin-top: 10%;

	}



}



@media (max-width:1100px) {

	.ptop {

		padding: 20px 15px;

		display: none;

	}



	.ptop table {

		margin: 0px auto;

	}



	.anli ul {

		margin-left: -15px;

		margin-right: -15px;

	}



	.anli ul li {

		padding: 0 15px;

		padding-bottom: 30px;

	}



}



@media (max-width:992px) {

	.anli ul li {

		width: 50%;

	}



	.ansub {

		margin-top: 25px;

		padding-top: 15px;

	}



}



@media (max-width:768px) {

	.secbanner {

		height: 260px;

		padding-top: 90px;

	}



	.secbanner h3 {

		font-size: 32px;

		line-height: 40px;

	}



	.secbanner h2 {

		font-size: 20px;

		line-height: 26px;

	}



	.ptop a.big {

		margin-top: 30%;

	}



	.products {

		padding: 30px 0;

	}



	.prodis h3 a {

		margin: 15px 0 0 0px;

	}



	.telephone h3 {

		font-size: 16px;

		line-height: 26px;

	}



	.telephone {

		padding: 30px 0;

		margin-top: 20px;

		color: #fff;

	}



}



@media (max-width:500px) {

	.anli ul li {

		width: 100%;

		float: none;

		padding: 0;

	}



	.anli ul {

		margin-left: 0px;

		margin-right: 0px;

	}



	.ansub {

		margin-top: 20px;

		padding-top: 15px;

		margin-bottom: 20px;

	}



}



.sofa {

	background-color: #f8f8f8;

	margin: 50px 0;

}



.sofa li {

	width: 50%;

	float: left;

}



.sofa li img {

	border: 1px solid #ddd;

}



.discrip {

	text-align: center;

	padding: 10% 20px;

}



.discrip h3 {

	font-size: 33px;

	line-height: 50px;

	color: #333;

	padding-bottom: 15px;

	background: url(../images/greys.png) no-repeat center bottom;

	margin-bottom: 15px;

}



.discrip h4 {

	font-size: 14px;

	line-height: 30px;

	color: #999;

}



.discrip strong {

	font-size: 20px;

	line-height: 40x;

	color: #221815;

	display: block;

	font-weight: normal;

	margin: 4% 0;

}



.discrip p {

	font-size: 16px;

	line-height: 32px;

	color: #666;

	max-width: 410px;

	margin: 0 auto;

}



.delist li {

	width: 31%;

	margin-right: 3%;

	overflow: hidden;

	border: 1px solid #ccc;

	float: left;

}



.delist li img {

	transition: all 0.5s;

	width: 100%;

}



.delist li:nth-child(3) {

	margin-right: 0;

}



.delist {

	margin: 50px auto 60px;

}



.delist li:hover img {

	transform: scale(1.1)

}



.dtitle {

	text-align: center;

}



.dtitle h2 {

	font-size: 33px;

	line-height: 50px;

	color: #333;

	margin-bottom: 10px;

	padding-bottom: 7px;

	background: url(../images/greys.png) no-repeat center bottom;

}



@media (max-width:1500px) {

	.discrip h3 {

		font-size: 26px;

		line-height: 40px;

		padding-bottom: 10px;

		margin-bottom: 10px;

	}



	.discrip strong {

		margin: 2% 0;

	}



	.discrip {

		padding: 6% 15px 20px;

	}



}



@media (max-width:1100px) {

	.sofa li {

		width: 100%;

		float: none;

	}



	.discrip {

		padding: 3% 15px;

	}



}



@media (max-width:600px) {

	.dtitle h2 {

		font-size: 26px;

	}



	.sofa {

		margin: 25px 0;

	}



	.delist li {

		width: 100%;

		margin-right: 0%;

		float: none;

		margin-bottom: 15px;

	}



	.delist {

		margin: 20px auto;

	}



}



.power img {

	width: 100%;

}



.power {

	margin: 50px 0;

}



.power p {

	max-width: 700px;

	line-height: 32px;

	font-size: 16px;

	color: #666;

	padding-left: 20px;

	margin: 20px 0;

	background: url(../images/arrow.png) no-repeat 0 10px;

}



.power h3 {

	margin-bottom: 30px;

}



.grey {

	background-color: #f9f9f9;

}



.fours {

	margin: 30px auto 40px;

	position: relative;

	padding-bottom: 100px;

}



.fpostion li {

	position: absolute;

	padding-left: 60px;

}



.fpostion li h3 {

	font-size: 24px;

	color: #333;

	line-height: 36px;

	margin-bottom: 12px;

}



.fpostion li p {

	font-size: 16px;

	color: #333;

	line-height: 30px;

}



.fpostion li:nth-child(1) {

	left: 50px;

	top: 190px;

	background: url(../images/t1.png) no-repeat 0 6px;

}



.fpostion li:nth-child(2) {

	right: 0px;

	top: 223px;

	background: url(../images/t2.png) no-repeat 0 6px;

}



.fpostion li:nth-child(3) {

	left: 40px;

	top: 600px;

	background: url(../images/t3.png) no-repeat 0 6px;

}



.fpostion li:nth-child(4) {

	right: 28px;

	top: 665px;

	background: url(../images/t4.png) no-repeat 0 6px;

}



.market {

	padding: 80px 0 100px;

	position: relative;

}



.kets {

	position: absolute;

}



.kets h3 {

	color: #fe6071;

	font-size: 30px;

	line-height: 50px;

	margin-bottom: 15px;

}



.kets p {

	color: #333;

	font-size: 16px;

	line-height: 30px;

	font-weight: bold;

}



.mar1 {

	width: 476px;

	height: 220px;

	background: url(../images/one.png) no-repeat right bottom;

	left: 0;

	top: 0;

}



.mar1 p {

	max-width: 365px;

}



.mar1 h3 {

	max-width: 365px;

	text-align: center;

}



.mar2 {

	width: 500px;

	height: 372px;

	background: url(../images/two.png) no-repeat left bottom;

	right: 0px;

	top: 107px;

}



.mar2 p {

	max-width: 305px;

}



.mar2 h3 {

	max-width: 305px;

	text-align: center;

}



.money {

	width: 305px;

	float: right;

}



.mar3 {

	width: 380px;

	height: 190px;

	background: url(../images/three.png) no-repeat left bottom;

	left: 330px;

	top: 552px;

}



.mar3 p {

	max-width: 270px;

}



.mar3 h3 {

	max-width: 270px;

	text-align: center;

	margin-top: 133px;

}



.qy {

	position: absolute;

	right: 0;

	top: 0;

}



@media (max-width:1500px) {

	.fpostion li:nth-child(1) {

		left: 50px;

		top: 144px;

	}



	.fpostion li:nth-child(2) {

		right: 61px;

		top: 197px;

	}



	.fpostion li:nth-child(3) {

		left: 16px;

		top: 543px;

	}



	.fpostion li:nth-child(4) {

		right: 15px;

		top: 624px;

	}



}



@media (max-width:1360px) {

	.fpostion li:nth-child(1) {

		left: 50px;

		top: 120px;

	}



	.fpostion li:nth-child(2) {

		right: 61px;

		top: 176px;

	}



	.fpostion li:nth-child(3) {

		left: 16px;

		top: 473px;

	}



	.fpostion li:nth-child(4) {

		right: 15px;

		top: 547px;

	}



	.mar1 {

		left: 0;

		top: 112px;

	}



	.power h3 {

		margin-bottom: 20px;

	}



}



@media (max-width:1260px) {

	.fpostion li:nth-child(1) {

		left: 28px;

		top: 100px;

	}



	.fpostion li:nth-child(2) {

		right: 10px;

		top: 150px;

	}



	.fpostion li:nth-child(3) {

		left: 8px;

		top: 386px;

	}



	.fpostion li:nth-child(4) {

		right: 0px;

		top: 442px;

	}



	.kets {

		position: static;

		left: auto;

		top: auto;

		right: auto;

		background: none;

		width: auto;

		height: auto;

		text-align: left;

	}



	.fpostion li h3 {

		font-size: 20px;

		line-height: 30px;

		margin-bottom: 6px;

		width: auto;

	}



	.fpostion li p {

		line-height: 26px;

		width: auto;

	}



	.money {

		width: auto;

		float: none;

	}



	.mar3 h3 {

		margin-top: 0px;

	}



	.kets h3 {

		font-size: 20px;

		line-height: 30px;

		margin: 15px 0 5px;

		text-align: left;

	}



	.kets p {

		color: #333;

		font-size: 16px;

		line-height: 30px;

		font-weight: normal;

		max-width: 100%;

	}



}



@media (max-width:1059px) {

	.fours img {

		display: none;

	}



	.fpostion li {

		position: static;

		padding-left: 60px;

		width: 50%;

		float: left;

		margin-bottom: 20px;

	}



}



@media (max-width:700px) {

	.mhxysbt {

		padding-top: 30px;

	}



	.mhxysbt h3 {

		font-size: 24px;

		padding-bottom: 15px;

		margin-bottom: 15px;

	}



	.fpostion li {

		padding-left: 50px;

		width: 50%;

		float: left;

	}



	.fpostion li p {

		font-size: 14px;

	}



	.fours {

		margin: 20px auto 10px;

		padding-bottom: 30px;

	}



	.qy {

		width: 120px;

		top: 10px;

	}



	.market {

		padding: 50px 0 40px;

	}



}



/*ami*/

.amides {

	font-size: 18px;

	color: #333333;

	padding-bottom: 50px;

	line-height: 32px;

}



.power .amipic {

	text-align: center;

	padding-top: 18px;

}



.power .amipic img {

	max-width: 100%;

	width: auto;

}



.tzxtbg {

	background: #EEEEEE;

	padding: 60px 0;

}



.amipict {

	padding: 70px 0;

}



.amipict img {

	max-width: 100%;

}



.tzlist {

}



.tzlist ul li {

	font-size: 20px;

	margin-bottom: 10px;

	color: #221815;

	line-height: 32px;

	font-family: Arial, Helvetica, sans-serif;

}



.tzlist ul li span {

	font-size: 36px;

	color: #E60036;

	display: inline-block;

	float: left;

	margin-right: 10px;

}



.powergate th, .powergate td {

	font-size: 18px;

	line-height: 32px !important;

}



.mapbox {

	margin-bottom: 60px;

	position: relative;

}



.maploction {

	position: absolute;

	right: 321px;

	top: 371px;

	background-color: red;

	border-radius: 50%;

	width: 20px;

	height: 20px;

	animation: linear 1s bigSmall infinite;

}



@media (max-width:1600px) {

	.maploction {

		display: none;

	}



}



@media (max-width:767px) {

	.amipict img {

		margin-bottom: 10px;

	}



	.amides {

		font-size: 16px;

		padding-bottom: 30px;

		line-height: 30px;

	}



	.tzxtbg {

		padding: 30px 0;

	}



	.amipict {

		padding: 30px 0;

	}



	.mapbox {

		margin-bottom: 30px;

	}



}



@keyframes bigSmall {

	0% {

		transform: scale(0.6)

	}



	50% {

		transform: scale(1.1)

	}



}



/*6.12*/

.pro_contm {

	padding-top: 30px;

}



.small_title {

	font-size: 32px;

	color: #333;

	margin-bottom: 10px;

	line-height: 1.2;

	font-weight: 700;

}



.pro_contm .pro_adv {

	padding-top: 12px;

}



.pro_scien {

	padding-bottom: 20px;

	padding-top: 12px;

}



.pro_scien ul {

	margin-left: -12px;

	margin-right: -12px;

	text-align: center;

}



.pro_scien ul li {

	width: 25%;

	padding: 12px;/*float:left;*/

	display: inline-block;

}



.pro_scien .mask {



	/*position: absolute;*/

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;	/*background: rgba(0, 0, 0, 0.5);*/

	display: flex;

	padding: 15px 0;

	align-items: center;

	justify-content: center;

}



.pro_scien .mask p {

	font-weight: 700;

	font-size: 18px;

	line-height: 25px;

	color: #333

}



.thumb {

	position: relative;

	overflow: hidden;

}



.pro_contm .contact {

	display: flex;

	flex-flow: row wrap;

	align-items: stretch;

	justify-content: center;

	margin-left: -12px;

	margin-right: -12px;

}



.pro_contm .contact li {

	width: 25%;

	padding: 12px;

}



.pro_contm .contacts {

	padding: 26px;

	height: 100%;

}



.pro_contm .contacts span {

	height: 40px;

	display: block;

}



.pro_contm .contacts h3 {

	font-size: 18px;

	font-weight: 700;

	color: #333;

}



.pro_contm .contacts p {

	color: #666;

	font-weight: 400;

	font-size: 16px;

	margin-top: 12px;

}



.pro_contm .contact li:hover img {

	transform: rotateY(0);

}



.th_pic img {

	width: 100%;

}



.th_table {

	width: 100%;

	overflow-y: auto;

}



.th_table table {

	background: #F0F0F0;
	margin: 0 auto;
	width: auto;
}



.th_table table th:first-child, .th_table table td:first-child {

	background-color: #DDDDDD;

	padding-left: 20px;

	text-align: left;

}



.th_table table th:first-child p, .th_table table td:first-child p {

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #333333;

}



.th_table table th, .th_table table td {

	padding:3px 10px;
	/*padding: 10px;*/
	text-align: center;

	border: 1px solid #fff;

}



.th_table table th p, .th_table table td p {

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

}



.infor {

	padding: 20px 0 40px 0;

}



.infor .left p {

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

	padding-bottom: 15px;

}



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

	.pro_contm .contacts {

		padding: 30px 20px;

	}



}



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

	.small_title {

		font-size: 28px;

	}



	.pro_scien ul li {

		width: 33.33%;

	}



	.pro_contm .contact li {

		width: 33.33%;

	}



}



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

	.small_title {

		font-size: 26px;

	}



	.pro_scien ul li {

		width: 50%;

	}



	.pro_contm .contact li {

		width: 50%;

	}



}



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

	.pro_scien ul li {

		width: 100%;

	}



	.pro_contm .contact li {

		width: 100%;

	}



	.pro_contm .contacts span {

		height: 36px;

	}



	.pro_contm .contact li img {

		height: 100%;

		max-width: 100%;

	}



}