@font-face {
	font-family: fontDin1;
	src: url(http://memberpic.114my.cn/0368681/cssnew/DIN-MEDIUM_otf.txt), url(http://memberpic.114my.cn/0368681/cssnew/DIN-MEDIUM_woff.txt), url(http://memberpic.114my.cn/0368681/cssnew/DIN-MEDIUM_eot.txt), url(http://memberpic.114my.cn/0368681/cssnew/DIN-MEDIUM_woff2.txt), url(http://memberpic.114my.cn/0368681/cssnew/DIN-MEDIUM_ttf.txt)
}

/*通用代码*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 14px;
	color: #222222;
	font-family: "Microsoft YaHei";
	font-family: '微软雅黑';
	min-width: 1400px;
	overflow-x: hidden;
}

img {
	margin: 0px;
	padding: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-weight: normal;
}

dl,
dt,
dd,
ol,
ul,
li,
from,
input,
select,
span,
p,
div {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.clear {
	clear: both;
}

a {
	color: #222222;
	text-decoration: none;
	font-size: 14px;
}

a:hover {
	color: #1f60d0;
	cursor: pointer;
}

em,
i {
	font-style: normal;
}

input,
button,
select,
textarea {
	outline: none;
	font-family: "Microsoft YaHei";
	font-family: '微软雅黑';
}

.w1400 {
	max-width: 1400px;
	margin: 0 auto;
	min-width: 1300px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

*,
:after,
:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.title {
	text-align: center;
	font-size: 40px;
	color: #222222;
}

.title b i {
	color: #1f60d0;
}

.title1:after {
	content: '';
	display: inline-block;
	width: 42px;
	height: 4px;
	background: #1f60d0;
}

.title span {
	display: block;
	font-size: 18px;
	color: #666666;
	font-weight: lighter;
	margin: 5px 0 10px 0;
}

.title em {
	display: inline-block;
	height: 10px;
}

.title em i {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #c9c9c9;
	animation: bounce_fountainG 1.2s linear infinite;
}

.title em i+i {
	margin-left: 10px;
}

.title em i:nth-child(1) {
	animation-delay: .4s;
}

.title em i:nth-child(2) {
	background: #1f60d0;
	animation-delay: .6s;
}

.title em i:nth-child(3) {
	animation-delay: .8s;
}

@keyframes bounce_fountainG {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(.5);
	}
}

.hovermaincolor a:hover {
	color: #1f60d0;
}

/*抬头*/
.header {
	height: 100px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	background: #1f60d0;
	color: #fff;
}

.hleft {
	height: 100px;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}

.hlogo {
	position: relative;
	z-index: 3;
	height: 100px;
}

.hlogo a {
	display: block;
	background: #da251c;
}

.hmean {
	margin-left: 30px;
	font-size: 16px;
	color: #fff;
}

.hmean b {
	display: block;
	font-size: 25px;
	letter-spacing: 2px;
}

.hright,
.nav #menu-menu {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}

.nav>ul>li#a3 .dropmenu {
	width: 300%;
	left: -100%;
}

.nav>ul>li {
	position: relative;
	margin-right: 40px;
}

.nav>ul>li>a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 100px;
	transition: all .3s ease;
}

.dropmenu {
	position: absolute;
	width: 200%;
	left: -50%;
	z-index: 99;
	background: #fff;
	border-radius: 5px;
	text-align: center;
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
	top: 105%;
}

.nav>ul>li:hover .dropmenu {
	top: calc(100% - 10px);
	opacity: 1;
	visibility: visible;
}

.dropmenu:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	bottom: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.nav>ul>li:hover>a,
.nav>ul>li.cur>a {
	color: #ffff00;
}

.nav>ul>li .sedNav {
	width: 310px;
	padding: 30px;
	border: 3px #fff solid;
	position: absolute;
	background: #f5f5f5;
	right: 0;
	top: 100%;
	z-index: 99;
	display: none;
	box-sizing: content-box;
}

.nav ul>li#a3 .sedNav {
	width: 540px;
}

.nav ul>li#a3 .sedNav .sedNav_r,
.nav ul>li#a3 .sedNav .sedNav_r tbody {
	width: 384px;
	display: block
}

.nav ul>li#a3 .sedNav .sedNav_r tr {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.nav li .sedNav p {
	font-size: 18px;
	font-weight: bold;
	color: #222;
	padding-bottom: 8px;
}

.nav li .sedNav span {
	font-size: 12px;
	color: #9ea9a5;
	text-transform: uppercase;
}

.nav li .sedNav span:after {
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background: #1f60d0;
	margin-top: 20px;
}

.nav li .sedNav a {
	display: block;
	border: 1px #e1e1e1 solid;
	width: 180px;
	line-height: 34px;
	color: #888;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sedNav_l {
	text-align: left;
}

.nav li .sedNav td table {
	display: none;
}

.nav li .sedNav a+a,
.nav li .sedNav tr+tr {
	margin-top: 10px;
	display: block;
}

.nav li .sedNav a:hover {
	color: #fff;
	background-color: #1f60d0;
}

.dropmenu a {
	display: block;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	transition: all .3s ease;
}

.dropmenu a:hover {
	background: #1f60d0;
	color: #fff;
}

.dropmenu table,
.dropmenu tbody,
.dropmenu tr,
.dropmenu td {
	display: block;
	width: 100%;
}

.hmap a {
	display: block;
	width: 97px;
	height: 100px;
	text-align: center;
	border-left: 1px solid #3570d5;
	border-right: 1px solid #3570d5;
	font-size: 14px;
	color: #fff;
	line-height: 130px;
	background: url(../image/20201219104719_633770273.png) no-repeat center 17px;
}

.hmap a:hover {
	color: #ffff00;
}

.hsearch {
	position: relative;
}

.iser_box {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 100%;
	right: 0;
	padding: 30px;
	transform-origin: top;
	transform: rotateX(90deg);
	transition: all 0.5s;
	z-index: 9;
}

.search_l {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 630px;
}

.search_l span {
	color: #444;
}

.search_l a {
	color: #666;
	font-size: 14px;
}

.search_r {
	margin-top: 15px;
	position: relative;
}

.hsearchicon {
	width: 96px;
	height: 100px;
	text-align: center;
	border-right: 1px solid #3570d5;
	font-size: 14px;
	line-height: 130px;
	background: url(../image/20201219104718_2003383456.png) no-repeat center 17px;
	cursor: pointer;
}

.hsearch:hover .iser_box {
	transform: rotateX(0deg);
}

#infoname {
	width: 100%;
	height: 38px;
	line-height: 38px;
	border: 1px solid #eee;
	text-indent: 12px;
}

.z_img {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	background: no-repeat;
}

.htel {
	height: 100px;
	padding: 0 10px;
	font-size: 25px;
	font-family: fontDin1;
	line-height: 130px;
	background: url(../image/20201219104719_1183981421.png) no-repeat center 17px;
}

@media screen and (max-width:1850px) {
	.nav>ul>li {
		position: relative;
		margin-right: 20px;
	}
}

@media screen and (max-width:1650px) {
	.nav>ul>li {
		position: relative;
		margin-right: 10px;
	}

	.nav>ul>li>a {
		font-size: 14px;
	}

	.htel {
		font-size: 20px;
	}

	.hmap a,
	.hsearchicon {
		width: 70px;
	}
}

/*幻灯片*/
.banner {
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
	background: #f5f5f5;
}

.banner-box {
	min-width: 1300px;
	height: 800px;
	position: relative;
	margin: 0 auto;
}

.banner-box .bd,
.banner-box .bd ul {
	width: 100% !important;
}

.banner-box .bd li {
	width: 100% !important;
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
}

.banner-box .bd li a {
	display: block;
	background-size: auto;
	width: 100%;
	height: 80%;
	position: relative;
	z-index: 9;
}

.banner-btn {
	width: 100%;
	position: absolute;
	top: 310px;
	left: 0;
	margin-left: 0;
	height: 450px;
	overflow: hidden;
}

.banner-btn a {
	display: block;
	width: 49px;
	height: 104px;
	position: absolute;
	top: 30px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: 0.3s all ease-in-out;
	z-index: 9;
}

.banner-btn a.prev {
	left: -50px;
	background: url(../image/20201219093347_217291098.png) no-repeat 0 0;
}

.banner-btn a.next {
	right: -50px;
	background: url(../image/20201219093347_217291098.png) no-repeat -49px 0;
}

.banner-box .hd {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
}

.banner-box .hd ul {
	text-align: center
}

.banner-box .hd ul li {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-indent: -9999px;
	background: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	transition: 0.3s all ease-in-out;
	opacity: 0.8;
}

.banner-box .hd ul li.on {
	background: #1f60d0;
	border-radius: 8px;
	width: 70px;
}

.banner-box:hover .banner-btn a.prev {
	left: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box:hover .banner-btn a.next {
	right: 20px;
	filter: alpha(opacity=40);
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4;
}

.banner-box .banner-btn a.prev:hover,
.banner-box:hover .banner-btn a.next:hover {
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}

.banner-box .bd li {
	-webkit-animation: kenburns-top1 3.5s ease-out both;
	animation: kenburns-top1 3.5s ease-out both;
}

/*数字和视频*/
.numvideo {
	height: 250px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.videobg {
	width: 300px;
	height: 270px;
	position: relative;
	z-index: 1;
	border: 20px solid #fff;
	border-radius: 10px;
	background: url(../image/20201219113745_1221169668.jpg) no-repeat center;
	position: relative;
	margin-top: -50px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.ripple,
.ripple:before,
.ripple:after {
	position: absolute;
	left: 50%;
	top: 52%;
	height: 66px;
	width: 66px;
	margin-top: -34px;
	margin-left: -33px;
	border-radius: 50%;
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	box-shadow: 0 0 0 0 #fff;
	animation: ripple 3s infinite;
}

.ripple {
	background: rgba(255, 255, 255, 0.5);
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
}

.ripple:before {
	-webkit-animation-delay: .9s;
	animation-delay: 0.9s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

.ripple:after {
	-webkit-animation-delay: .6s;
	animation-delay: 0.6s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

.video_box {
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: 600ms ease;
}

.video_box.cur {
	opacity: 1;
	z-index: 999;
	transition: 600ms ease;
}

.video {
	position: fixed;
	top: -100%;
	left: 71%;
	margin-top: -250px;
	margin-left: -575px;
	transition: 600ms ease;
	z-index: 999;
}

.video_box.cur .video,
.video_box.cur .video_x {
	top: 40%;
	transition: 600ms ease;
}

@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

.jquery-lightbox-move * {
	box-sizing: content-box;
}

.num {
	width: 1100px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-top: 40px;
	text-align: center;
}

.num li {
	position: relative;
	width: 25%;
}

.num li+li:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 71px;
	border-left: 1px dotted #cccccc;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 0;
}

.num_t {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: flex-start;
	margin-bottom: 5px;
}

.num_c {
	font-size: 18px;
	color: #7d7d7d;
	font-weight: lighter;
}

.num_c em {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin: 5px 0 17px 0;
}

.num_c:after {
	content: '';
	display: inline-block;
	height: 1px;
	width: 40px;
	background: #505050;
}

.num_t span {
	font-size: 60px;
	color: #1f60d0;
	font-family: fontDin1;
}

.num_t i {
	display: inline-block;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #1e1e1e;
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
	margin: 15px 0 0 10px;
}

/*中控 · 热销机型*/
.product {
	padding: 60px 0 100px 0;
	background: #f5f5f5 url(../image/20201219140651_2134113210.jpg) no-repeat center;
}

.procon {
	margin-top: 42px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.proleft {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 520px;
	margin-top: 50px;
}

.proleft a {
	display: inline-block;
	position: relative;
	width: 255px;
	line-height: 92px;
	text-align: left;
	background: #505050;
	transition: all .3s ease;
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
	padding: 0 20px;
	white-space: nowrap;
	transition: all .3s ease;
}

.proleft a:nth-last-child(1),
.proleft a:nth-last-child(2) {
	margin-bottom: 0;
}

.proleft i {
	display: block;
	position: absolute;
	line-height: 92px;
	font-size: 50px;
	top: 0;
	right: 17px;
	font-family: fontDin1;
	color: #fff;
	opacity: 0.05;
}

.proleft a.on {
	background-color: #1f60d0;
}

.proright ul>a {
	display: block;
}

.proright ul>a img {
	width: 100%;
	height: 100%;
}

.proright {
	width: 850px;
	height: 500px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	background: #fff;
	position: relative;
}

.protrait {
	position: absolute;
	top: 112px;
	left: 480px;
	z-index: 99;
}

.protrait span {
	display: inline-block;
	width: 71px;
	height: 60px;
	vertical-align: top;
	background: #d9e7ff;
	border-radius: 7px;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #4d525a;
}

.protrait span+span {
	margin-left: 10px;
}

.pro_c {
	position: absolute;
	z-index: 9;
	font-size: 18px;
	color: #4c515a;
	font-weight: bold;
	left: 480px;
	top: 190px;
}

.pro_tel {
	position: absolute;
	width: 320px;
	height: 50px;
	line-height: 50px;
	background: #818790;
	text-align: center;
	font-size: 16px;
	color: #fff;
	bottom: 50px;
	left: 480px;
	z-index: 9;
}

.pro_tel em {
	display: inline-block;
	vertical-align: sub;
	font-size: 26px;
	font-family: fontDin1;
}

.pro_tel span {
	display: inline-block;
	padding-left: 35px;
	background: url(../image/20201219140651_1471158467.png) no-repeat left center;
}

.proshow .divproduct_new_div_item {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row-reverse;
}

.proshow .product_div_item_pic {
	width: 400px;
	height: 400px;
	border: 1px solid #dddddd;
}

.proshow .product_div_item_pic img {
	width: 100%;
	height: 100%;
}

.proshow .divproduct_new_div_item_date {
	display: none;
}

.proshow .divproduct_new_div_item_content {
	width: 320px;
	margin-left: 30px;
}

.proshow .divproduct_new_div_item_title a {
	line-height: 62px;
	font-size: 24px;
	color: #222222;
	font-weight: bold;
}

.proshow .divproduct_new_div_item_body {
	margin-top: 120px;
	font-size: 14px;
	color: #abafb6;
	line-height: 36px;
	height: 144px;
	overflow: hidden;
}

.proshow .divproduct_new_div_item_body p:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 9px;
	background: #abafb6;
}

/*中控 · 工业自动化整体解决方案*/
.solve {
	padding: 70px 0;
}

.soltab {
	margin: 30px 0 40px 0;
	padding: 0 30px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	text-align: center;
}

.soltab li {
	font-size: 16px;
	color: #888888;
	font-weight: lighter;
	cursor: pointer;
}

.soltab li.on {
	color: #1f60d0;
}

.soltab .solicon {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-bottom: 15px;
	background: url(../image/20201219150701_1653829021.png) no-repeat left top;
	transition: all .3s ease;
}

.soltab li.on .solicon {
	background-position-y: -64px;
}

.soltab li:nth-child(2) .solicon {
	background-position-x: -72px;
}

.soltab li:nth-child(3) .solicon {
	background-position-x: -131px;
}

.soltab li:nth-child(4) .solicon {
	background-position-x: -201px;
}

.soltab li:nth-child(5) .solicon {
	background-position-x: -271px;
}

.soltab li:nth-child(6) .solicon {
	background-position-x: -347px;
}

.soltab li:nth-child(7) .solicon {
	background-position-x: -419px;
}

.soltab li:nth-child(8) .solicon {
	background-position-x: -503px;
}

.solcon {
	position: relative;
	height: 710px;
}

.solcon_t {
	position: absolute;
	z-index: 9;
	font-size: 23px;
	color: #333333;
	font-weight: bold;
	top: 545px;
	left: 0;
}

.sol_c {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 592px;
	width: 317px;
	line-height: 33px;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	text-align: center;
	font-size: 16px;
	color: #666666;
}

.sol_btn {
	position: absolute;
	z-index: 9;
	right: 0;
	top: 543px;
}

.sol_btn a {
	width: 234px;
	line-height: 58px;
	text-align: center;
	background: #1f60d0;
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	display: inline-block;
	transition: all .3s ease;
}

.sol_btn a+a {
	background: #333;
	margin-left: 11px;
}

.sol_btn a:hover {
	background: #da251c;
}

.solcon .divdgweb_new_div_item_date {
	display: none;
}

.solcon .divdgweb_new_div_item {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: column-reverse;
}

.solcon .news_div_item_pic {
	width: 1400px;
	height: 500px;
	margin-bottom: 45px;
}

.solcon .news_div_item_pic img {
	width: 100%;
	height: 100%;
}

.solcon .divdgweb_new_div_item_title {
	margin-left: 110px;
}

.solcon .divdgweb_new_div_item_title a {
	font-size: 23px;
	color: #333333;
	font-weight: bold;
}

.solcon .divdgweb_new_div_item_body {
	font-size: 14px;
	color: #aaaaaa;
	line-height: 30px;
	font-weight: lighter;
	margin-top: 70px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 60px;
}

/*中控机械手6大特性*/
.trait {
	height: 897px;
	background: #f3f3f3 url("../images/image/20201219164921_1424280841.jpg");
}

.trait1 {
	height: 897px;
}

.trait .w1400 {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	color: #1f60d0;
}

.traleft {
	width: 350px;
	margin: 90px 0 0 195px;
}

.tra_t {
	font-weight: bold;
	font-size: 40px;
}

.tra_t em {
	font-size: 75px;
	text-transform: uppercase;
}

.tra_c {
	line-height: 37px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #fff;
	font-size: 20px;
	font-weight: lighter;
}

.tra_img {
	margin: 15px 0;
}

.tra_e {
	font-size: 12px;
	opacity: 0.2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-transform: uppercase;
	letter-spacing: -.5px;
	width: 360px;
}

.tra_tel {
	margin-top: 295px;
	white-space: nowrap;
	padding-left: 30px;
	background: url(../image/20201219155224_945957450.png) no-repeat left 24px;
	font-size: 16px;
}

.tra_tel em {
	font-size: 36px;
	font-family: fontDin1;
}

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

.tra_btn a {
	display: inline-block;
	width: 220px;
	line-height: 38px;
	border-radius: 20px;
	background: #2f7cff;
	color: #fff;
	font-size: 18px;
	font-weight: lighter;
	transition: all .3s ease;
}

.tra_btn a:hover {
	background-color: #da251c;
}

.traright {
	margin-top: 100px;
	width: 535px;
}

.traright li {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	text-align: center;
}

.traright dl {
	width: 195px;
}

.traright li+li {
	margin-top: 27px;
}

.traright_t {
	font-size: 16px;
	font-weight: lighter;
	line-height: 30px;
	color: black;
}

.traright_t b {
	display: block;
	font-size: 25px;
	margin: 20px 0 10px 0;
	font-weight: bolder;
}

.traicon {
	width: 80px;
	height: 80px;
	line-height: 110px;
	border: 1px solid #1f60d0;
	border-radius: 50px;
	margin-left: 55px;
}

.traicon svg {
	animation: rotation 3s linear infinite;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/*定制机械手，选择中控，值得拥有*/
/* .adv{ background:#f3f3f3 url(../images/image/about-bg.jpg) no-repeat center; padding:70px 0 80px 0;} */
.advtab {
	margin: 35px 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.advtab li {
	cursor: pointer;
	position: relative;
	width: 342px;
	height: 133px;
	background: #fff;
	border: 1px solid #eaeaea;
	transition: all .3s ease;
	font-size: 30px;
	color: #333333;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
}

.advtab li em {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: lighter;
}

.advicon {
	width: 50px;
	height: 55px;
	margin-right: 20px;
	background: url(../image/20201219164921_1101186757.png) no-repeat left top;
	transition: all .3s ease;
}

.advtab li:nth-child(2) .advicon {
	background-position-x: -79px;
}

.advtab li:nth-child(3) .advicon {
	background-position-x: -163px;
}

.advtab li:nth-child(4) .advicon {
	background-position-x: -255px;
}

.advtab li.on {
	background: #1f60d0;
	color: #fff;
	border-color: #1f60d0;
}

.advtab li.on .advicon {
	background-position-y: -67px;
}

.advtab li:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 15px solid #1f60d0;
	opacity: 0;
	transition: all .3s ease;
}

.advtab li.on:after {
	opacity: 1;
	bottom: -15px;
}

.advcon {
	padding: 50px;
	background: #fff;
}

.advcon ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}

.advleft {
	width: 530px;
}

.adv_t {
	font-size: 36px;
	color: #1f60d0;
	white-space: nowrap;
}

.adv_t em {
	display: block;
	font-size: 16px;
	color: #ccccce;
	text-transform: uppercase;
	margin: 15px 0 25px 0;
}

.adv_t:after {
	content: '';
	display: block;
	width: 37px;
	height: 4px;
	background: #dedede;
}

.adv_wa {
	margin: 30px 0 60px 0;
	font-size: 16px;
	color: #888888;
	font-weight: lighter;
	line-height: 33px;
}

.adv_wa p {
	/* padding-left: 40px; */
	background: url(../image/20201219164921_1570333639.png) no-repeat left top;
}

.adv_wa p+p {
	margin-top: 30px;
}

.adv_tel {
	text-align: center;
	width: 450px;
	height: 90px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	font-size: 16px;
	font-weight: lighter;
	color: #222222;
	line-height: 90px;
}

.adv_tel em {
	display: inline-block;
	vertical-align: sub;
	font-size: 32px;
	font-family: fontDin1;
}

.adv_tel span {
	display: inline-block;
	padding-left: 35px;
	background: url(../image/20201219164921_2057478800.png) no-repeat left center;
}

/*中控 · 机械手案例*/
.case {
	padding: 60px 0;
}

.casecon {
	margin: 30px auto 40px auto;
}

.casecon {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.caseleft li {
	display: inline-block;
	vertical-align: top;
	width: 187px;
	height: 193px;
	cursor: pointer;
	margin: 0 10px 10px 0;
	background: #505050;
	box-sizing: border-box;
	position: relative;
	padding: 30px 25px;
}

.caseleft li:nth-child(3n) {
	margin-right: 0;
}

.caseleft {
	font-size: 0;
	width: 581px;
}

.caseicon {
	width: 54px;
	height: 32px;
	background: url(../image/20210104145649_1122876222.png) no-repeat center;
	margin-bottom: 45px;
}

.caset {
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	white-space: nowrap;
}

.caset em {
	display: block;
	font-size: 12px;
	color: #6e6e6e;
	font-weight: lighter;
	transition: all .3s ease;
	margin-bottom: 3px;
}

.caseleft li p {
	position: relative;
	z-index: 3;
}

.caseleft li:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1f60d0;
	transition: all .3s ease;
	top: 0;
	left: 0;
	transform: scale(0);
}

.caseleft li.on:after {
	transform: scale(1);
}

.caseleft li.on .caset em {
	color: #fff;
}

.caseright {
	width: 800px;
	height: 600px;
}

.casecon .divdgweb_new_div .divdgweb_new_div_item {
	width: 800px;
	height: 600px;
	overflow: hidden;
	position: relative;
}

.casecon .news_div_item_pic img {
	width: 100%;
	height: 100%;
}

.casecon .divdgweb_new_div_item_content {
	box-sizing: border-box;
	height: 120px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	overflow: hidden;
	background: rgba(0, 0, 0, .7);
	bottom: 0;
	padding: 30px 40px;
	transition: all .3s ease;
}

.casecon .divdgweb_new_div_item_a {
	font-size: 20px;
	color: #fff;
	font-weight: lighter;
	display: block;
	margin-bottom: 10px;
}

.casecon .divdgweb_new_div_item .divdgweb_new_div_item_body {
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	width: 650px;
	vertical-align: middle;
}

.casecon .divdgweb_new_div_item .casemore {
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
	line-height: 19px;
	display: inline-block;
	vertical-align: middle;
}

.casecon .divdgweb_new_div_item:hover .casemore {
	color: #1f60d0;
}

.casebtn {
	text-align: center;
	margin-top: 40px;
}

.casebtn {
	text-align: center;
	margin-top: 30px;
}

.casebtn a {
	display: inline-block;
	width: 240px;
	line-height: 48px;
	transition: all .3s ease;
	background: #1f60d0;
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	border-radius: 10px;
}

.casebtn a:hover {
	width: 100%;
	max-width: 1400px;
	background: #da251c;
	border-radius: 0;
}

/*中控机械手定制流程*/
.process {
	height: 606px;
	background: url(../images/image/process-bg.jpg) no-repeat center;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
	color: #fff;
}

.pctitl {
	font-size: 40px;
}

.pctitl i {
	color: #ffcc00;
}

.pctitl span {
	display: block;
	font-size: 18px;
	font-weight: lighter;
	margin-top: 6px;
}

.process ul {
	margin: 60px 0 50px 0;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: flex-start;
	padding: 0 50px;
	/* background: url(../images/image/20201221090033_1357089889.png) no-repeat left bottom; */
}

.process ul li+li {
	margin-left: 90px;
}

.pc_t {
	font-size: 16px;
	font-weight: lighter;
	margin: 10px 0 15px 0;
	white-space: nowrap;
}

.pc_t em {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: lighter;
	display: block;
	margin-top: 4px;
}

.pcyuan {
	width: 24px;
	display: inline-block;
	height: 24px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.pcyuan span {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	margin: 3px;
	border-radius: 50%;
}

.pcicon {
	display: inline-block;
	width: 45px;
	height: 50px;
	background: url(../image/20201221084818_877217086.png) no-repeat left top;
	transition: all .3s ease;
}

.process ul li:nth-child(2) .pcicon {
	background-position-x: -67px;
}

.process ul li:nth-child(3) .pcicon {
	background-position-x: -142px;
	width: 50px;
}

.process ul li:nth-child(4) .pcicon {
	background-position-x: -224px;
}

.process ul li:nth-child(5) .pcicon {
	background-position-x: -300px;
}

.process ul li:nth-child(6) .pcicon {
	background-position-x: -390px;
}

.process ul li:nth-child(7) .pcicon {
	background-position-x: -460px;
}

.process ul li:nth-child(8) .pcicon {
	background-position-x: -534px;
}

.process ul li:nth-child(9) .pcicon {
	background-position-x: -606px;
}

/* .process ul li:hover {
	color: #ffcc00;
}

.process ul li:hover .pcicon {
	background-position-y: -70px;
}

.process ul li:hover .pcyuan {
	border-color: #ffcc00;
}

.process ul li:hover .pcyuan span {
	background: #ffcc00;
} */

.pcbottom {
	font-size: 25px;
	font-weight: lighter;
}

.pcbottom a {
	color: #ffcc00;
	font-size: 25px;
}

.pcbottom a:hover {
	text-decoration: underline;
}

.pcbottom span {
	display: block;
	width: 283px;
	line-height: 38px;
	border-radius: 20px;
	background: #8d9eb0;
	font-size: 25px;
	color: #004a99;
	font-family: fontDin1;
	margin: 27px auto 0 auto;
}

.pcbottom span i {
	display: inline-block;
	padding-left: 30px;
	background: url(../image/20201221084818_2063887881.png) no-repeat left center;
}

/*聚焦中控*/
.news {
	padding: 60px 0 80px 0;
}

.newstop {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 30px;
}

.news_t {
	font-size: 40px;
	color: #222222;
	padding: 0 38px;
	background: url(../image/20201221091829_1432532965.png) no-repeat center 14px;
}

.newstab a {
	font-size: 20px;
	color: #222222;
	padding-bottom: 60px;
	position: relative;
	display: inline-block;
}

.newstab a.on {
	font-weight: bold;
	color: #1f60d0;
}

.newstab a+a {
	margin-left: 90px;
}

.newstab a:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 3px;
	background: #1f60d0;
	transition: all .3s ease;
	left: 0;
	bottom: 0;
}

.newstab a.on:after {
	width: 100%;
}

.newscon ul {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.newsleft {
	margin-top: 8px;
	width: 45%;
	padding: 5px;
	border: 1px solid #e6e6e6;
	position: relative;
	height: 475px;
}

.newbg {
	position: absolute
}

.newsleft:after {
	content: '';
	display: block;
	position: absolute;
	top: -8px;
	left: 18px;
	z-index: 3;
	width: 75px;
	height: 52px;
	background: url(../images/image/20201221091829_121501844.png) no-repeat center;
}

.newbg {
	position: absolute;
	z-index: 9;
	bottom: 22px;
	right: 30px;
	font-size: 0;
	display: none;
}

.newbg li {
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid #fff;
}

.newbg li.on {
	background: #fff;
}

.newbg li+li {
	margin-left: 5px;
}

.newsleft .news_div_item {
	position: relative;
}

.newsleft .news_div_item_pic img {
	width: 100%;
	height: auto;
	transition: all .6s ease;
	max-height: 475px;
}

.newsleft .news_div_item_a {
	display: block;
	position: absolute;
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 0 100px 0 30px;
	overflow: hidden;
	text-overflowz: ellspsis;
	background: rgba(0, 0, 0, .8);
	left: 0;
	bottom: 0;
}

.newsright {
	width: 54.5%;
	margin-top: 8px;
}

.newsright .news_div_item {
	width: 49.5%;
	border: 1px solid #e6e6e6;
	padding: 2.9% 2%;
}

.newsright .news_div {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.newsright .news_div_item:nth-child(1),
.newsright .news_div_item:nth-child(2) {
	margin-bottom: 1%;
}

.newsright .news_div_item_date {
	position: relative;
	padding: 35px 0 5% 0;
	border-bottom: 1px solid #e6e6e6;
	font-size: 0;
	background: url(../image/20201221091829_1644187698.png) no-repeat right 14px;
}

.newsright .news_div_item_date>div {
	font-size: 12px;
	color: #222222;
	font-weight: lighter;
	display: inline-block;
	vertical-align: top;
}

.newsright .news_div_item_date>div.news_div_item_day {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 36px;
	color: #222222;
	font-weight: bold;
	line-height: 36px;
}

.newsright .news_div_item_a {
	display: block;
	font-size: 18px;
	color: #484848;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 4% 0;
}

.newsright .news_div_item_body {
	font-size: 12px;
	color: #bbbbbb;
	font-weight: lighter;
	line-height: 22px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 66px;
}

.newsright .news_div_item:hover .news_div_item_a {
	color: #1f60d0;
}

/*走进中控*/
.about {
	padding: 70px 0 80px 0;
	background: #f5f5f5 url(../image/20201221104841_1319343794.jpg) no-repeat center;
}

.abpic {
	margin: 30px 0 35px 0;
}

.abwa {
	font-size: 15px;
	color: #999999;
	font-weight: lighter;
	line-height: 36px;
}

.abbtn {
	text-align: center;
	margin: 35px 0 40px 0;
}

.abbtn a {
	display: inline-block;
	width: 230px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: lighter;
	border-radius: 10px;
	background: #1f60d0;
	transition: all .3s ease;
}

.abbtn a:hover {
	background: #da251c;
}

.qyxx {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}

.qyjt {
	width: 36px;
	height: 56px;
	background: url(../image/20201221104820_512089643.png) no-repeat left top;
	cursor: pointer;
	margin-bottom: 35px;
}

.qyjt.next {
	background-image: url(../image/20201221104820_1703218727.png);
}

.qyjt:hover {
	background-position-y: bottom;
}

.qyxxcon {
	width: 1285px;
	overflow: hidden;
}

.qyxxcon table,
.qyxxcon tbody,
.qyxxcon tr {
	display: block;
	font-size: 0;
}

.qyxxcon td {
	display: inline-block;
	padding: 0 !important;
	width: 241px;
	margin-right: 20px;
}

.qyxxcon td br {
	display: none;
}

.qyxxcon td a {
	display: block;
	overflow: hidden;
	position: relative;
}

.qyxxcon td>a {
	padding: 2px;
	background: #fff;
	border: 1px solid #d0d0d0;
}

.qyxxcon td>a img {
	width: 100%;
	height: auto;
}

.qyxxcon td div {
	padding: 0 !important;
	margin-top: 15px;
}

.qyxxcon td div a {
	font-size: 15px;
	color: #444;
}

.qyxxcon td:hover a {
	border-color: #1f60d0;
	color: #1f60d0;
}

/*版权*/
.copyright {
	background: #082d4a;
	color: #fff;
}

.links {
	border-bottom: 1px solid #0a395d;
}

.links .w1400 {
	height: 120px;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}

.linksl {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}

.linksl>p {
	font-size: 20px;
	padding-left: 35px;
	background: url(../image/20201221110929_1684338178.png) no-repeat left center;
}

.linksr {
	font-size: 25px;
	font-family: impact;
	text-transform: uppercase;
}

.crcon {
	padding: 60px 0 70px 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.kslj {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.kslj a {
	display: block;
	margin-left: 25px;
	font-size: 14px;
	font-weight: lighter;
	line-height: 32px;
	color: #aabccb;
}

.kslj a:hover {
	color: #fff;
}

.kslj p {
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
}

.kslj p:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 2px;
	background: #fff;
	vertical-align: middle;
	margin-right: 10px;
}

.kslj li+li {
	margin-left: 80px;
}

.crlogo a {
	display: block;
	margin-bottom: 5px;
}

.crlogo {
	font-size: 28px;
	color: #aabccb;
	font-weight: lighter;
}

.crtel {
	font-size: 36px;
	color: #aabccb;
	font-family: fontDin1;
	display: inline-block;
	margin: 30px 0;
	padding-left: 47px;
	background: url(../image/20201221110929_305402205.png) no-repeat left center;
}

.cright {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-items: flex-end;
	flex-direction: column;
}

.crcode {
	font-size: 0;
	text-align: center;
	width: 280px;
	line-height: 58px;
	border-radius: 7px;
	background: #0c4673;
	height: 58px;
}

.crcode p {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-left: 40px;
	background: url(../image/20201221110929_1037954238.png) no-repeat left center;
	font-size: 16px;
	color: #87b2d3;
	font-weight: lighter;
}

.crcode p+p {
	margin-left: 30px;
	background-image: url(../image/20201221110929_674500765.png);
}

.crcode p img {
	width: 120px;
	height: 120px;
	padding: 10px;
	background: rgba(255, 255, 255, .3);
	position: absolute;
	top: 110%;
	right: 0;
	transition: all .3s ease;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}

.crcode p:hover img {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.end {
	background: #1f60d0;
}

.end .w1400 {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	height: 90px;
}

.end,
.end a {
	font-size: 14px;
	color: #fff;
}

.end a:hover {
	color: #ff0;
}