@charset 'utf-8';

/*头部样式*/
.translate {
	width: 100px;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 9999;
}

.tran-in {
	left: 120px;
}

.translate li {
	border: 1px dashed #cccccc;
	line-height: 26px;
	text-align: left;
	background: #fff;
}

.translate li a {
	display: block;
	padding-left: 10px;
	background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
	text-decoration: none;
	color: #275cea;
	cursor: pointer;
}

.translate-en {
	display: none;
	padding: 6px;
	padding-top: 0px;
}

.translate li .translate-en a {
	padding-left: 0px;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
	font-weight: bold;
}

.wh {
	width: 1300px;
	margin: 0 auto;
}

.head_11 {
	background: url(../images/hh.png) no-repeat center top;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.logo_aa {
	line-height: 138px;
}

.logo_aa img {
	line-height: 138px;
}

.logo_wz {
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	background: url(../images/xxa.png) no-repeat left center;
	margin-top: 30px;
}

.logo_wz p:nth-child(1) {
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0px;
	color: #2863a9;
	text-transform: capitalize;
}

.logo_wz p:nth-child(2) {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #333333;
	margin-top: 20px;
}

.tel2 {
	background: url(../images/tel.png) no-repeat center left;
	padding-left: 85px;
	font-size: 30px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 1px;
	color: #265ebf;
	margin-top: 42px;
	text-align: justify;
}

.tel2 p {
	text-align: justify;
}

.tel2 p:nth-child(2) {
	letter-spacing: 2px;
}

.flex_11 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.flex_22 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.head_22 {
	height: 80px;
	background-color: #0262b8;
	padding-left: 0px;
}

/*搜索和热门搜索*/
.searchbtn{
	width: 30px;
	height: 30px;
	background: url("../images/search.png") center no-repeat;
	cursor: pointer;
}

.searchbox{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	display: none;
}

.searchbox .closelayer{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.searchitem{
	width: 400px;
	padding: 30px 0;
	margin: 300px auto 0;
	background: #fff;
	position: relative;
}

.searchitem .closebtn{
	width: 30px;
	height: 30px;
	font-size: 24px;
	color: #000;
	text-align: center;
	line-height: 30px;
	position: absolute;
	right: 5px;
	top: 0;
}

#formsearch input {
	height: 39px;
	line-height: 39px;
	width: 195px;
	outline: none;
	background: none;
	border: none
}

#formsearch input#keyword {
	height: 39px;
	line-height: 39px;
	padding-left: 14px;
	outline: none;
	background: none;
	font-size: 14px;
	float: left;
}

#formsearch input#s_btn {
	width: 48px;
	height: 39px;
	float: right;
	text-align: center;
	background: url(../images/soso.png) no-repeat center;
	color: #fff;
	border: none;
	cursor: pointer;
}

#formsearch {
	border: solid #e5e5e5 1px;
	line-height: 39px;
	outline: none;
	width: 263px;
	height: 39px;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px;
}

/* box1 */
.box1 {
	margin-top: 105px;
	background: url(../images/ab1.jpg) no-repeat left bottom;
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	padding-bottom: 30px;
}

.box1 .ab {
	position: absolute;
	top: 0px;
	right: 207px;
	background: url(../images/ab.png) no-repeat center top;
	width: 643px;
	height: 118px;
}

.ab_11 {
	width: 640px;
	float: left;
	margin-left: 310px;
}

.ab_11 h2 {
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333;
	background: url(../images/gg1.png) no-repeat center left;
	padding-left: 120px;
}

.ab_11 h3 {
	font-size: 22px;
	font-weight: 600;
	color: #333;
	margin-top: 10px;
}

.aacc {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-top: 20px;
}

.ab_ll {
	margin-top: 100px;
}

.ab_ll li{
	width: 50%;
	margin-top: 10px;
}

.ab_ll li a.img {
	display: block;
	width: 72px;
	margin: 0 auto;
	transition: all .9s ease;
}

.ab_ll li a.img img {
	width: 100%;
}

.ab_ll li h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	color: #fff;
	text-align: center;
}

.ab_ll li h4 a {
	color: #fff;
}

.ab_ll li:hover a.img {
	animation: rexiao 0.5s linear;
}

@keyframes rexiao {
	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(90deg);
	}

	100% {
		transform: rotateY(0deg);
	}
}

/* box2 */
.box2 {
	margin-top: 70px;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px
}

.pt1 {
	font-size: 52px;
	font-weight: 600;
	line-height: 40px;
	color: #161616;
	text-align: center;
}

.pt2 {
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	color: #161616;
	text-align: center;
	margin-top: 12px;
}

.ab_22 {
	width: 924px;
	height: 597px;
	position: relative;
	margin-top: 85px;
}

.ab_22 img {
	width: 924px;
	height: 597px;
}

.more11 {
	width: 232px;
	height: 63px;
	background: url(../images/th.png) no-repeat 80% 50% #fff;
	border-radius: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-left: 5px solid #f2aa00;
}

.more11 a {
	font-size: 22px;
	font-weight: 600;
	line-height: 63px;
	letter-spacing: 1px;
	color: #f2aa00;
	padding-left: 30px;
}

/* 产品分类 */
.cp_con {
	margin-top: 50px;
}

.pp_11 {
	width: 414px;
	height: 807px;
}

.pp_11 li {
	width: 100%;
	position: relative;
}

.pp_11 li a.img {
	display: block;
}

.pp_11 li a.img img {
	width: 414px;
	height: 807px;
}

.pp_11 li .ttmm {
	position: absolute;
	background: rgba(13, 25, 45, .71);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	display: none;
}

.pp_11 li .ttmm h4 {
	font-size: 46px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 180px;
}

.pp_11 li .ttmm h5 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0px
}

.pp_11 li .ttmm h6 {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	margin-top: 85px;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 2px;
	color: #ffffff;
	height: 70px;
	overflow: hidden;
}

.pp_11 li:hover .ttmm {
	display: block;
}


.more22 {
	width: 167px;
	height: 43px;
	border: solid 2px #ffffff;
	margin: 0 auto;
	margin-top: 165px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 43px;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
}

.pp_22 {
	width: 860px;
}

.pp_22 li {
	width: 421px;
	position: relative;
	margin-bottom: 23px;
}

.pp_22 li a.img {
	display: block;
}

.pp_22 li a.img img {
	width: 421px;
	height: 391px;
}

.pp_22 li .ttmm {
	position: absolute;
	background: rgba(13, 25, 45, .71);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	display: none;
}

.pp_22 li .ttmm h4 {
	font-size: 29px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 115px;
}

.pp_22 li .ttmm h5 {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0px
}

.pp_22 li:hover .ttmm {
	display: block;
}

.more33 {
	width: 111px;
	height: 29px;
	line-height: 29px;
	background-color: #f2aa00;
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 55px;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

/* box22 */
.box22 {
	width: 98%;
	margin: 0 auto;
	margin-top: 65px
}

.pp_33 {
	width: 100%;
	margin-top: 50px;
}

.pp_33 li {
	width: 32.8%;
	position: relative;
	margin-bottom: 17px;
	border-radius: 20px;
	overflow: hidden;
}

.pp_33 li a.img {
	display: block;
}

.pp_33 li a.img img {
	width: 100%;
	height: 100%;
}

.pp_33 li .ttmm {
	position: absolute;
	background: rgba(13, 25, 45, .71);
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	top: 0px;
	left: 0px;
	text-align: center;
	display: none;
}

.pp_33 li .ttmm h4 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-top: 10%;
}

.pp_33 li .ttmm h5 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0px
}

.pp_33 li:hover .ttmm {
	display: block;
}

.more44 {
	width: 112px;
	background: url(../images/tk.png) no-repeat center;
	margin: 0 auto;
	margin-top: 5%;
	height: 112px;
	background-size: 100% 100%;
}

@media (max-width: 1440px) {
	.more44 {
		width: 82px;
		background: url(../images/tk.png) no-repeat center;
		margin: 0 auto;
		margin-top: 5%;
		height: 82px;
		background-size: 100% 100%;
	}

	.pp_33 li .ttmm h4 {
		font-size: 28px;
	}
}

/* 荣誉证书 */
.box55 {
	margin-top: 65px
}

.htt {
	font-size: 52px;
	font-weight: 600;
	color: #161616;
	background: url(../images/ht1.png) no-repeat left bottom;
	padding-bottom: 10px;
}

.htt span {
	color: #265ebf;
}

.htt2 {
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	color: #666;
	margin-top: 10px;
}

.more55 {
	width: 153px;
	height: 39px;
	background-color: #eef2fb;
	border-radius: 20px;
	text-align: center;
}

.more55 a {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #666666;
	text-align: center;
}

.xxf {
	width: 100%;
	height: 2px;
	background: #666666;
	margin: 25px 0
}

.case_con {
	margin-top: 35px;
	overflow: hidden;
}

.cc_ll li {
	position: relative;
	width: 318px;
	;
	margin-bottom: 35px;
	float: left;
	margin: 0 10px;
}

.cc_ll li a.img {
	display: block;
	overflow: hidden;
}

.cc_ll li a.img img {
	width: 318px;
	height: auto;
	transition: all 0.6s;
}

.cc_ll li:hover a.img img {
	transform: scale(1.1);
}

.cc_ll li h2 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cc_ll li h2 a {
	color: #333333;
}

/* 合作客户 */
.hz {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/hhbg1.png) no-repeat center top;
	overflow: hidden;
	margin-top: 65px;
	padding-top: 60px;
}

.hz_img {
	margin-top: 50px;
	width: 100%;
}

.hz_img img {
	width: 100%;
}

.gzwmbt {
	margin-top: 30px;
}

.gzwmbt h2 {
	text-align: center;
	font-size: 56px;
	font-weight: 600;
	color: #161616;
}

.gzwmbt h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 40px;
	color: #666666;
}

/* 新闻资讯 */
.xw_con {
	margin-top: 60px;
}

.htt {
	width: 750px;
}

.htt_xw {
	font-size: 52px;
	font-weight: 600;
	color: #161616;
	background: url(../images/xw1.png) no-repeat left bottom;
}

.sw_ort li {
	width: 180px;
	height: 36px;
	background-color: #f2f2f2;
	border-radius: 5px;
	margin-right: 11px;
	text-align: center;
}

.sw_ort li a {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	color: #333;
	text-align: center;
}

.sw_ort li:hover {
	background-color: #265ebf;
}

.sw_ort li:hover a {
	color: #fff
}

.xw_ll {
	width: 595px;
}

.xw_img {
	width: 100%;
}

.xw_img img {
	width: 100%;
}

.news_11 {
	background-color: #fbfbfb;
	padding: 24px;
}

.news_11 li h2 {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #333333;
	height: 39px;
	overflow: hidden;
}

.news_11 li h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #999999;
	height: 78px;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 20px;
}

.news_11 li span {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #333333;
	display: block;
	margin-top: 10px;
}

.more66 {
	background: url(../images/more66.png) no-repeat center top;
	width: 34px;
	height: 34px;
	overflow: hidden;
	margin-top: 10px;
}

.xw_22 {
	width: 688px;
}

.news_22 li {
	width: 100%;
	background-color: #fbfbfb;
	padding: 30px 20px;
	margin-bottom: 16px;
}

.news_22 li .time {
	width: 100px;
	background: url(../images/xyy.png) no-repeat center right;
	text-align: center;
}

.news_22 li .time span {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 39px;
	color: #333333;
	text-align: center;
}

.news_22 li .time dt {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #333333;
}

.news_22 li .xw_con2 {
	width: 558px;
}

.news_22 li .xw_con2 h2 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #333333;
	height: 39px;
	overflow: hidden;
}

.news_22 li .xw_con2 h3 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #999999;
	height: 50px;
	overflow: hidden;
}

/* dff1 */
.dff1 {
	background: #222222;
	padding-top: 50px;
	padding-bottom: 20px;
	margin-top: 65px;
}

.dsd1 {
	/* width: 446px; */
	width: 906px;
	background: url(../images/map.png) no-repeat center;
}

.dftt {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 10px;
}

.sortt {
	margin-top: 15px;
}

.sortt li {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #848484;
}

.sortt li a {
	color: #848484;
}

.dsd2 {
	width: 460px;
	margin-top: 45px;
	display: none;
}

.wm1 img {
	width: 32%;
	margin-bottom: 10px;
}

.wm1 p {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.dh33 {
	margin-top: 15px;
	margin-left: 8px;
}

.dh33 p:nth-child(1) {
	font-size: 45px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 2px;
	color: #ffffff;
	margin-bottom: 8px;
}

.dh33 p:nth-child(2) {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 8px;
}

.dh33 p:nth-child(3) {
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 2px;
	color: #ffffff;
}

.dsd3 {
	width: 355px;
	float: left;
}

.logo11 {
	margin-bottom: 10px;
	color: #ffffff;
}

.lxwm {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;
}

.xgg3 {
	background: #393939;
	width: 94%;
	margin: 0 auto;
	margin: 25px 0px;
	height: 1px;
}

.copyright1 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #848484;
	text-align: center;
}

.copyright1 a {
	text-align: center;
	color: #848484;
}

#header {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/head.png) repeat-x top;
}

.top {
	width: 1190px;
	margin: 0 auto;
	height: 147px;
}

.tel {
	float: left;
	color: #ffffff;
	line-height: 37px;
}

.k1 {
	line-height: 37px;
	color: #ffffff;
	float: right;
}

.k1 a {
	color: #fff;
	line-height: 37px;
}

.k1 a:hover {
	color: #fff;
}

.logo {
	float: left;
	width: 140px;
	margin-top: 20px;
}

.topLink {
	width: 400px;
	float: right;
	text-align: right;
	position: relative;
	z-index: 9999;
}

.topLink .f_count {
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
}

.topLink .k2 {
	color: #074b91;
	font-size: 14px;
	font-family: "";
}

/*热门搜索*/
.search {
	text-align: left;
	height: 24px;
	margin-top: 15px;
}

/*热门关键词*/
.words {
	overflow: hidden;
	margin-right: -1.3%;
	padding-top: 5px;
}

.words li {
	width: 46%;
	float: left;
	border: 1px dashed #d0d0d0;
	background: #fcfcfc;
	padding-left: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.new1 li {
	border-bottom: 1px solid #dddddd;
	background: url(../images/list_dot1.gif) no-repeat 0% 50%;
	padding-left: 13px;
}

.right_word {
	margin-left: 5%;
}

/*主体样式*/
.c1 {
	width: 1190px;
	margin: 0 auto;
	margin-top: 40px;
}

.c1_tt {
	color: #333333;
	font-size: 30px;
	text-align: center;
	background: url(../images/bg1.png) no-repeat center;
}

.c1_tt span {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
	font-size: 18px;
}

.about_nr {
	margin-top: 25px;
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}

.c2 {
	width: 1190px;
	margin: 0 auto;
	margin-top: 35px;
}

.cpfl {
	width: 880px;
	margin: 0 auto;
}

.pto_tt {
	float: left;
	width: 120px;
	height: 40px;
	background: #000;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.sorts {
	float: left;
	margin-left: 5px;
}

.sorts li {
	width: 120px;
	float: left;
	height: 40px;
	background: #0994d5;
	text-align: center;
	margin: 0 34px;
}

.sorts li:hover {
	background: #ef7301;
}

.sorts li a {
	color: #fff;
	display: block;
	line-height: 40px;
	font-family: "";
	font-size: 16px;
}

.sorts li a:hover {
	color: #fff;
	text-decoration: none;
}

.picScroll-left {
	width: 1190px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}

.picScroll-left .hd {
	overflow: hidden;
	width: 80px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
}

.picScroll-left .hd .next {
	background-position: 0 -50px;
}

.picScroll-left .hd .prevStop {
	background-position: -60px 0;
}

.picScroll-left .hd .nextStop {
	background-position: -60px -50px;
}

.picScroll-left .hd ul {
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
	margin-left: 13px;
}

.picScroll-left .hd ul li {
	float: left;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url(../images/icoCircle.gif) 0 -15px no-repeat;
}

.picScroll-left .hd ul li.on {
	background-position: 0 0;
}

.picScroll-left .bd {
	padding: 10px;
}

.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}

.picScroll-left .bd ul li {
	margin: 0 20px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picScroll-left .bd ul li .pic {
	text-align: center;
}

.picScroll-left .bd ul li .pic img {
	width: 250px;
	height: 253px;
	display: block;
	border: 3px solid #0994d5;
}

.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picScroll-left .bd ul li .title {
	line-height: 40px;
	color: #ffffff;
	font-size: 16px;
	height: 43px;
	background: #0994d5;
}

.picScroll-left .bd ul li .title a {
	color: #fff;
}

.c3 {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/c3.png) no-repeat center;
	height: 645px;
	overflow: hidden;
	margin-top: 30px;
}

.c3_con {
	width: 1190px;
	margin: 0 auto;
}

.more1 {
	width: 98px;
	margin: 0 auto;
	height: 49px;
	overflow: hidden;
}

.anli {
	width: 1190px;
	margin: 0 auto;
	margin-top: 25px;
}

.an_tt {
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	font-weight: bold
}

.an_tt span {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}

.chan {
	text-align: center;
	padding-top: 30px;
	position: relative;
}

.l_btn,
.r_btn {
	position: absolute;
	cursor: pointer;
	top: 45%;
}

.l_btn {
	left: -70px;
}

.r_btn {
	right: -70px;
}

.product_list1 {}

.product_list1 li {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
	_display: inline;
	position: relative;
}

.product_list1 li a.img {
	border: 3px solid #fff;
}

.product_list1 li a.img img {
	width: 280px;
	height: 354px;
}

.product_list1 li h3 {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0;
	left: 0;
	background: url(../images/h3.png);
}

.product_list1 li h3 a {
	font-weight: normal;
	line-height: 50px;
	font-size: 16px;
	color: #333
}

.product_list1 li a.img {
	display: block;
}

.product_list1 li:hover h3 a {
	color: #e87518;
}

.c4 {
	width: 1190px;
	margin: 0 auto;
	margin-top: 40px;
}

.xinwen {
	width: 564px;
	float: left;
	margin-top: 40px;
}

.video {
	width: 572px;
	overflow: hidden;
	float: right;
	margin-top: 40px;
}

.c5 {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/c3.png) no-repeat center;
	height: 526px;
	overflow: hidden;
	margin-top: 50px;
}

.c5_con {
	width: 1190px;
	margin: 0 auto;
}

/* 本例子css */
.slideGroup {
	width: 1190px;
	margin: 0 auto;
}

.slideGroup .parHd {
	margin-top: 20px;
}

.slideGroup .parHd ul {
	width: 640px;
	text-align: left;
	height: 40px;
	position: relative;
	margin: 0 auto;
}

.slideGroup .parHd ul li {
	display: inline-block;
	cursor: default;
	color: #333333;
	background-color: #fff;
	height: 40px;
	width: 120px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	margin: 0 46px;
}

.slideGroup .parHd ul li.on {
	color: #Fff;
	height: 40px;
	width: 120px;
	background-color: #ef7301;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}

.slideGroup .slideBox {
	width: 1190px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1;
	position: relative;
	margin-top: 20px;
	height: 330px;
}

.slideGroup .parBd {}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.slideGroup .parBd ul li .pic {
	text-align: center;
}

.slideGroup .parBd ul li .pic img {
	width: 314px;
	height: 215px;
	display: block;
	border: 3px solid #fff;
}

.slideGroup .parBd ul li .pic a:hover img {
	border-color: #999;
}

.slideGroup .parBd ul li .title {
	height: 35px;
	line-height: 30px;
	color: #333333;
	font-size: 14px;
	background: #fff;
}

.slideGroup .sPrev {
	position: absolute;
	left: 540px;
	bottom: 10px;
	display: block;
	width: 45px;
	height: 45px;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background: url(../images/le1.png) no-repeat;
}

.slideGroup .sNext {
	position: absolute;
	right: 540px;
	bottom: 10px;
	display: block;
	width: 45px;
	height: 45px;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background: url(../images/re1.png) no-repeat;
}

.slideGroup .sPrev:hover {
	background: url(../images/le2.png) no-repeat;
}

.slideGroup .sNext:hover {
	background: url(../images/re2.png) no-repeat;
}

#container {
	width: 1190px;
	margin: 0 auto;
	margin-top: 10px;
}

.menu_cate {
	width: 220px;
	float: left;
}

.cate_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.about {
	width: 460px;
	float: left;
	margin-left: 12px;
	padding-bottom: 5px;
}

.about_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.about .content {
	padding: 5px;
	padding-bottom: 12px;
	text-indent: 20px;
}

.navigation {
	float: right;
	width: 100px;
}

.index-title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.index-table td {
	border: solid #add9c0;
	border-width: 0px 1px 1px 0px;
	padding: 10px 5px;
}

.index-table {
	border: solid #add9c0;
	border-width: 1px 0px 0px 1px;
	margin-top: 10px;
}

/*----- Common css ------*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.di {
	_display: inline;
}

.fwn {
	font-weight: normal;
}

.dib {
	*display: inline;
	_zoom: 1;
	_display: inline;
	_font-size: 0px;
}

/*首页新闻*/
.news_company {
	width: 280px;
	float: right;
}

.news1_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.news_company .content {
	padding: 5px;
}

/*首页左侧联系我们*/
.contact {
	width: 218px;
	float: left;
	padding-bottom: 5px;
	margin-top: 10px;
}

.contact_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.contact .content {
	padding: 5px;
	padding-left: 8px;
}

/*工程案例*/
.case {
	width: 460px;
	float: left;
	margin-left: 12px;
	padding-bottom: 5px;
	margin-top: 10px;
}

.case_title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.case .content {
	padding: 5px;
	padding-bottom: 12px;
	text-indent: 20px;
}

.news2_company {
	margin-top: 10px;
}

/*产品推荐*/
.recommend_product {
	margin-top: 10px;
	width: 692px;
	float: left;
}

.recommend_product .title {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 14px;
	color: #000;
}

.recommend_product .content {
	padding-top: 15px;
	padding-bottom: 14px;
}

.roll_product li {
	padding-bottom: 0px;
}

/*友情链接*/
.f_link {
	width: 1190px;
	margin: 0 auto;
	line-height: 30px;
	line-height: 30px;
	text-indent: 20px;
	color: #fff;
}

.f_link a {
	color: #fff;
}

/*页面底部*/
.ff {
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
	background: #0782cc;
	padding-bottom: 10px;
}

#footer {
	position: relative;
	width: 1190px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 10px;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #e87518;
	text-decoration: none;
}

.nav_foot {
	text-align: center;
	line-height: 24px;
	color: #fff;
}

.copyright {
	text-align: center;
	line-height: 24px;
	color: #fff;
}

.dibu {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: #0994d5;
	height: 260px;
	overflow: hidden;
}

.dibu_con {
	width: 1190px;
	margin: 0 auto;
}

.weima {
	width: 430px;
	float: left;
}

.nav1 {
	width: 500px;
	float: left;
	margin-top: 30px;
	margin-left: 35px;
}


.lianxi {
	width: 200px;
	float: right;
	margin-top: 30px;
	color: #fff;
}

.lianxi p {}

/*------------内页-------------------*/
.left .box {
	margin-bottom: 10px;
}

.left .box h3 {
	line-height: 31px;
	padding-left: 15px;
	font-weight: bold;
	font-family: "";
	background: url(../images/nav.png) no-repeat 0% 100%;
	font-size: 20px;
	color: #000;
}

.left .box .content {
	padding: 5px 0px;
}

.prodescription {
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	line-height: 24px;
	padding: 10px;
	margin-bottom: 15px;
	text-indent: 2em;

}

.n_banner {
	position: relative;
	width: 100%;
}

.n_banner img {
	position: relative;
	width: 100%;
}

.left {
	width: 225px;
	float: left;
}

.sort_menu {}

.sort_menu h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.sort_product {
	margin-top: 10px;
}

.sort_product h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.n_contact {
	margin-top: 10px;
}

.n_contact h3 {
	background-color: #ececec;
	line-height: 28px;
	padding-left: 15px;
	font-weight: bold;
}

.n_contact .content {
	padding: 5px;
	line-height: 24px;
}

.right {
	width: 1035px;
	float: right;
	padding-bottom: 10px;
}

.sitemp {
	line-height: 31px;
	height: 31px;
	overflow: hidden;
	padding-right: 10px;
	background: url(../images/nav.png) no-repeat 0% 100%;
}

.sitemp h2 {
	width: 340px;
	float: left;
	line-height: 31px;
	text-align: center;
	text-align: left;
	text-indent: 15px;
	color: #000;
	font-size: 20px;
}

.sitemp .site {
	/* width: 380px; */
	float: right;
	text-align: right;
	line-height: 30px;
	font-size: 14px;
}

.sitemp .site a {
	font-size: 14px;
}

.right .content {
	padding: 10px;
	padding-top: 15px;
	overflow: hidden;
	line-height: 24px;
}

.right .content h2{
	font-size: 36px;
	color: rgb(2, 98, 184);
	position: relative;
	padding-bottom: 20px;
}
.right .content h2::after{
	width: 34px;
	height: 3px;
	content: '';
	background: rgb(2, 98, 184);
	position: absolute;
	left: calc(50% - 17px);
	bottom: 0;
}

.right .content p strong {}

.right .content p {
	font-size: 16px;
}

/*公用样式*/
.com-img {
	overflow: hidden;
}

.com-img img {
	transition: all 0.5s ease-in 0s;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
}

.com-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

/* 产品分类 */
.zt1_con {
	margin-top: 50px
}

.zt_pt {
	font-size: 36px;
	font-weight: 600;
	line-height: 69px;
	color: #000000;
	text-align: center;
	background: url(../images/zx1.jpg) no-repeat center bottom;
}

.pp_vv1 {
	width: 100%;
	margin-top: 40px;
}

.pp_vv1 li {
	width: 32%;
	position: relative;
	margin-bottom: 27px;
	border-radius: 20px;
	overflow: hidden;
}

.pp_vv1 li a.img {
	display: block;
}

.pp_vv1 li a.img img {
	width: 100%;
	height: 100%;
}

.pp_vv1 li .ttmm {
	position: absolute;
	background: rgba(35, 35, 35, .75);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	display: none;
}

.pp_vv1 li .ttmm h4 {
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 20%;
}

.pp_vv1 li .ttmm h5 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 0px
}

.pp_vv1 li:hover .ttmm {
	display: block;
}

.more44_a {
	width: 120px;
	height: 30px;
	margin: 0 auto;
	margin-top: 35px;
	color: #ffffff;
	padding-left: 17px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 15px;
	background: url(../images/mr1.png) no-repeat 85% 50% #f2aa00;
	text-align: left;
}

/* 成熟、领先的解决方案 */
.pg1 {
	background: url(../images/pg1.png) no-repeat center top;
	height: 670px;
	overflow: hidden;
	margin-top: 50px;
	padding-top: 67px;
}

.zt_pt2 {
	background: url(../images/zx2.png) no-repeat center bottom;
}

.pp_vv2 {
	margin-top: 60px;
}

.pp_vv2 li {
	width: 25%;
	position: relative;
}

.pp_vv2 li img {
	width: 100%;
}

.pp_vv2 li:nth-child(1) {
	border-bottom: 6px solid #4996f8;
}

.pp_vv2 li:nth-child(2) {
	border-bottom: 6px solid #19e0bf;
}

.pp_vv2 li:nth-child(3) {
	border-bottom: 6px solid #fade89;
}

.pp_vv2 li:nth-child(4) {
	border-bottom: 6px solid #d56658;
}

.pp_vv2 li .ttmm {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	background: rgba(35, 35, 35, .75);
	display: block;
}

.pp_vv2 li .ttmm .img_hh {
	width: 80px;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 35px;
}

.pp_vv2 li .ttmm h4 {
	font-size: 21px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.pp_vv2 li .ttmm h3 {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.pp_vv2 li:hover .ttmm {
	display: none;
}

/* 优势 */
.zhuan_ys {
	margin-top: 70px;
}

.pp_vv33 {
	width: 1098px;
	margin: 0 auto;
}

.pp_vv33 li {
	width: 340px;
	height: 460px;
	background-color: #f5f5f5;
	border-radius: 30px;
}

.pp_vv33 li .img_hh {
	width: 134px;
	margin: 0 auto;
	margin-top: 45px;
	transition: all .9s ease;
}

.pp_vv33 li .img_hh img {
	width: 100%;
}

.pp_vv33 li h3 {
	font-size: 46px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #000000;
	text-align: center;
	margin-top: 20px
}

.pp_vv33 li h4 {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
	text-align: center;
	margin-top: 10px
}

.pp_vv33 li h5 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #666666;
	text-align: center;
	margin-top: 10px
}

.pp_vv33 li:hover .img_hh {
	animation: rexiao 0.5s linear;
}

@keyframes rexiao {
	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(90deg);
	}

	100% {
		transform: rotateY(0deg);
	}
}

/* 智能自动化立体库 */
.zhuan_a {
	margin-top: 50px;
}

.pp_1x {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	color: #666666;
	margin-top: 30px;
	text-align: center;
}

.pp_1x img {
	width: 100%;
	margin-top: 35px;
}

/* 产品详情介绍—立体库 */
.cpqx {
	margin-top: 90px;
	background: url(../images/yt1.png) no-repeat center top;
	height: 747px;
	padding-top: 45px;
}

.zt_pt22 {
	font-size: 36px;
	font-weight: 600;
	line-height: 69px;
	color: #000000;
	background: url(../images/zx1.jpg) no-repeat left bottom;
	position: relative;
}

.zt_pt22 dt {
	font-size: 36px;
	font-weight: 600;
	line-height: 69px;
	letter-spacing: 2px;
	color: #e2e2e2;
	opacity: 0.75;
	position: absolute;
	left: 0px;
	top: 10px;
	text-transform: uppercase;
	z-index: -1;
}

.sw_con22 {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}

.img_rt {
	width: 60.25%;
}

.img_rt img {
	width: 100%;
}

.dfg11 {
	width: 38%;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	color: #ffffff;
}

.dfg11 h3 {
	font-size: 16px;
	line-height: 2;
	text-transform: uppercase;
}

.dfg11 h3 span {
	font-size: 16px;
	line-height: 2;
}

.dfg11 dd {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	background: url(../images/dkk.png) no-repeat left bottom;
	padding-bottom: 15px;
}

.pp_2 h2 {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	line-height: 69px;
	letter-spacing: 2px;
	color: #14468b;
	text-transform: uppercase;
	margin: 30px 0;
}

.pp_2 h2 span {
	color: #fff;
	padding-left: 40px;
}

.sw_con22 .swiper-button-prev {
	height: 22px;
	width: 40px !important;
	background: none !important;
	font-family: MicrosoftYaHei;
	border-radius: 0%;
	letter-spacing: 0px;
	color: #ffffff;
	background: url(../images/ka1.png) no-repeat center !important;
}

.sw_con22 .swiper-button-prev:hover {
	background: url(../images/ka2.png) no-repeat center !important;
	transform: rotate(180deg);
}

.sw_con22 .swiper-button-next {
	height: 22px;
	width: 40px !important;
	background: none !important;
	font-family: MicrosoftYaHei;
	border-radius: 0%;
	letter-spacing: 0px;
	color: #ffffff;
	background: url(../images/ka1.png) no-repeat center !important;
	transform: rotate(180deg);
}

.sw_con22 .swiper-button-next:hover {
	background: url(../images/ka2.png) no-repeat center !important;
	transform: rotate(0deg);
}

.sw_con22 .swiper-button-prev {
	left: 800px;
}

.sw_con22 .swiper-button-next {
	right: 370px;
}

.sw_con22 .swiper-button-next,
.sw_con22 .swiper-button-prev {
	outline: none;
	position: absolute;
	top: 100%;
	z-index: 9999;
	height: 22px;
}

/* 功能 齐全 */
.gnqu {
	width: 1333px;
	margin: 0 auto;
	margin-top: 70px;
}

.gnqu img {
	width: 100%;
}

/* 3个优势 */
.ys_aa {
	background-color: #f5f5f5;
	border-radius: 30px;
	margin-top: 60px;
	padding: 30px;
}

.pp_vv55 li {
	width: 30%;
	position: relative;
	overflow: hidden;
	height: 524px;
	background: url(../images/x89.png) no-repeat center right;
	height: 524px;
	overflow: hidden;
}

.pp_vv55 li .fan1 {
	position: absolute;
	right: 0px;
	top: 0px;
	display: none;
	width: 100%;
}

.pp_vv55 li:hover .fan1 {
	display: block;
}

.pp_vv55 li .fan1 .img_aa {
	width: 100%;
	position: relative;
}

.pp_vv55 li .fan1 .img_aa img {
	height: 100%;
}

.pp_vv55 li .img_hh {
	width: 60px;
	margin: 0 auto;
	margin-top: 75px;
}

.pp_vv55 li .img_hh img {
	width: 100%;
}

.pp_vv55 li h3 {
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #1d1d1f;
}

.pp_vv55 li h4 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
	height: 44px;
	overflow: hidden;
	margin-top: 20px;
}

.dsh {
	width: 75%;
	margin: 0 auto;
	margin-top: 100px;
}

.pp_vv55 li:last-child {
	background: none;
}

.pp_vv55 li .fan1 .img_aa .sf1 {
	position: absolute;
	bottom: 0px;
	left: 0%;
	background: rgba(25, 25, 25, .4);
	width: 100%;
	padding-bottom: 15px;
}

.pp_vv55 li .fan1 .img_aa .sf1 h4 {
	font-size: 22px;
	font-weight: 600;
	line-height: 46px;
	letter-spacing: 0px;
	color: #fdfdfd;
	margin-left: 25px;
}

.pp_vv55 li .fan1 .img_aa .sf1 h5 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #fdfdfd;
	height: 88px;
	overflow: hidden;
	width: 85%;
	margin: 0 auto;
	margin-top: 10px
}

/* 穿梭车的优势 */
.shuttle_advantage{
	padding-top: 60px;
}
.shuttle_advantage h2{
	font-size: 36px;
	text-align: center;
	color: #000;
	margin-bottom: 43px;
}

/* 完善的售后服务 */
.f_le {
	width: 296px;
	height: 400px;
	background: url(../images/k1.png) no-repeat center top;
	padding-top: 42px;
	float: left;
	margin-top: 35px;
}

.qt1 {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;
	margin-left: 30px;
}

.qt2 {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 2px;
	color: #ffffff;
	margin-left: 30px;
	margin-top: 25px;
}

.more44_a2 {
	width: 120px;
	height: 30px;
	margin-top: 35px;
	color: #ffffff;
	padding-left: 17px;
	line-height: 30px;
	font-size: 14px;
	border-radius: 15px;
	background: url(../images/mr1.png) no-repeat 85% 50% #f2aa00;
	text-align: left;
	margin-left: 30px;
}

.more44_a2 a {
	color: #ffffff;
}

.pp_vv44 {
	width: 1000px;
	float: right;
	margin-top: 35px;
}

.pp_vv44 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pp_vv44 li {
	width: 246px;
	position: relative;
	margin-bottom: 4px;
}

.pp_vv44 li img {
	width: 246px;
	height: 219px
}

.pp_vv44 li .img_hh {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.pp_vv44 li .img_hh h2 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #090909;
}

.pp_vv44 li .img_hh h3 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #090909;
}

.pp_vv44 li .img_hh h4 {
	font-family: MicrosoftYaHei;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

/* zty_2 */
.zty_2 {
	margin-top: 70px;
}

.more_21 {
	width: 153px;
	height: 40px;
	background-color: #eef2fb;
	border-radius: 20px;
	text-align: center;
}

.more_21 a {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #666666;
	text-align: center;
}

.zty_2tt {
	position: relative;
}

.zty_2tt h2 {
	font-size: 34px;
	font-weight: 600;
	line-height: 40px;
	color: #161616;
}

.zty_2tt h3 {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	color: #666666;
}

.zty_2tt dt {
	font-size: 42px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	color: #161616;
	text-transform: uppercase;
	opacity: 0.06;
	position: absolute;
	left: 0px;
	top: 10px
}

.zty2_x1 {
	width: 100%;
	height: 1px;
	background: #666666;
	margin: 30px 0
}

.b1b_index {
	width: 710px;
	height: 443px;
	float: right;
}

.b1b_index li {
	width: 710px;
	height: 443px;
}

.b1b_index li img {
	width: 710px;
	height: 443px;
}

.promenu {
	width: 435px;
}

.promenu li {
	padding: 50px 0;
	border-bottom: 4px solid #efefef;
	background: url(../images/tk1a.png) no-repeat center right;
}

.promenu li.on {
	background: url(../images/tk2a.png) no-repeat center right;
	border-bottom: 4px solid #084eaf
}

.promenu li h3 {
	font-size: 20px;
	line-height: 30px;
	color: #333;
}

.promenu li h4 {
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	color: #999;
}

/* 智能物流软件系统 */
.zty2_bg2 {
	background: url(../images/zyt2_bg2.png) no-repeat center top;
	height: 1000px;
	padding-top: 65px;
	margin-top: 80px;
}

.zty2_img1 {
	width: 647px;
	height: 399px;
}

.zty2_nn1 {
	width: 550px;
	padding: 50px;
}

.zty2_nn1 h2 {
	font-size: 30px;
	font-weight: 600;
	font-style: italic;
	color: #084eaf;
}

.zty2_nna {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	color: #333;
	margin-top: 35px;
}

.zty2_bg3 {
	background: url(../images/zty2_bg3.png) no-repeat;
	height: 324px;
	background-size: 100% 100%;
	padding: 50px;
}

.zty2_bg3 h2 {
	font-size: 26px;
	font-weight: 600;
	color: #ffffff;
}

.zty2_nn3 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	color: #ffffff;
	margin-top: 45px;
}

/* 产品详情介绍—自动物流化系统 */
.zty2_bg4 {
	margin-top: 60px;
}

.chang {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	color: #333;
	margin-top: 35px;
}

.promenu2 {
	margin-top: 40px
}

.xito {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	color: #333333;
	text-align: center;
}

.promenu2 li {
	width: 228px;
	height: 347px;
	background-color: #ffffff;
	box-shadow: -1px -1px 13px 0px rgba(84, 122, 245, 0.18);
	text-align: center;
	border-radius: 10px;
	background: url(../images/x88.png) no-repeat center bottom #fff;
}

.promenu2 li.on {
	width: 227px;
	height: 347px;
	border-radius: 10px;
	border: solid 2px #0c2d9a;
	background: #fafafa;
}

.promenu2 li h3 {
	font-size: 21px;
	font-weight: 600;
	color: #333333;
	text-align: center;
}

.promenu2 li h4 {
	font-weight: normal;
	font-stretch: normal;
	color: #999999;
}

.img_yy2 {
	width: 65px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 50px;
}

.img_yy2 img {
	width: 100%;
}

.b1b_index2 {
	margin-top: 56px;
	padding: 0 45px;
}

.b1b_index2 h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 69px;
	color: #333333;
}

.b1b_index2 p {
	font-size: 18px;
	color: #666666;
}

.img_yy33 {
	width: 1146px;
	margin: 0 auto;
	margin-top: 25px;
}

.img_yy33 img {
	width: 100%;
}

/* zty2_bg5 */
.zty2_bg5 {
	margin-top: 60px;
	background: url(../images/zty2_bg5.png) top center no-repeat;
	background-size: 100% 100%;
	padding-top: 50px;
	margin-top: 80px;
}

.zt_pt3 {
	background: url(../images/zt44.png) no-repeat center bottom;
}

.you_22 {
	margin-top: 40px;
	font-size: 18px;
	line-height: 35px;
	color: #fff;
}

.zty2_11 {
	margin-top: 60px;
}

.zty2_11 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.zty2_11 li {
	background: url(../images/k9.png) top center no-repeat;
	background-size: 100% 100%;
	width: 409px;
	box-sizing: border-box;
	padding: 30px;
	margin-bottom: 45px;
}

.zty2_11 li .img_hh {
	text-align: center;
}

.zty2_11 li h3 {
	margin-top: 20px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	color: #666;
	line-height: 25px;
}

.xxv {
	width: 38px;
	height: 3px;
	background: #084eaf;
	margin: 0 auto;
	margin-top: 10px;
}

/* 专题页面33 */

/* 产品分类 */
.zty3_pp {
	margin-top: 70px;
}

.pp_la1 {
	width: 395px;
	height: 529px;
	float: left;
	background: url(../images/p3a.png) no-repeat center top;
	text-align: center;
	padding-top: 120px;
}

.pp_la1 h2 {
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	margin-top: 25px;
}

.pp_la1 p {
	width: 337px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	color: #fff;
	margin: 0 auto;
	margin-top: 20px;
}

.more36 {
	width: 212px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	line-height: 45px;
	margin-top: 60px;
}

.more36 a {
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.more36:hover {
	background: #fff;
}

.more36:hover a {
	color: #090909;
}

.pp_lb {
	width: 905px;
}

.pp_lb li {
	width: 50%;
	position: relative;
}

.pp_lb li img {
	width: 100%;
}

.pp_lb li .fl_cb {
	position: absolute;
	left: 25px;
	top: 25px
}

.pp_lb li .fl_cb h3 {
	font-size: 22px;
	font-weight: 600;
	color: #333333;
}

.pp_lb li .fl_cb h4 {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	color: #999;
	text-transform: uppercase;
}

.more8 {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url(../images/m8.png) no-repeat center top;
	right: 25px;
	bottom: 25px
}

.pp_lb li:hover .more8 {
	background: url(../images/m9.png) no-repeat center top;
}

.zty3_bg2 {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../images/zty3_bg2.png) no-repeat center top;
	margin-top: 66px;
}

.zty3_aa {
	width: 783px;
	margin-top: 105px;
	margin-left: 456px;
}

.zty3_at1 {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 39px;
	letter-spacing: 0px;
	color: #0c2250;
	text-transform: uppercase;
}

.zty3_at2 {
	font-size: 36px;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 2px;
	color: #000000;
}

.zty3_cc {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #464646;
	margin-top: 25px;
}

.zty3_x3 {
	width: 77px;
	height: 6px;
	background-color: #f2aa00;
	margin-top: 35px;
}

.zty3_44 {
	width: 1538px;
	margin-top: 50px;
	margin-left: 315px;
}

/* AGV产品优势 */
.avg {
	margin-top: 75px;
}

.avg_img {
	width: 1308px;
	margin: 0 auto;
	margin-top: 60px;
}

.avg_img img {
	width: 100%;
}

/* 产品详情介绍—导航方式 */
.dao_bg33 {
	background: url(../images/daobg33.png) no-repeat center top;
	margin-top: 60px;
	height: 900px;
	padding-top: 55px;
}

.navtt33 {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 2px;
	padding-bottom: 10px;
	color: #ffffff;
	background: url(../images/xbtt.png) no-repeat center bottom;
	text-align: center;
}

.hyly3 ul {
	width: 1221px;
	margin: 0 auto;
	margin-top: 88px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


.hyly3 li {
	width: 311px;
	height: 312px;
	background-color: #ffffff;
	border-radius: 20px;
	margin: 0 48px;
	margin-bottom: 48px;
}

.hyly3 li a.img {
	display: block;
	width: 90px;
	margin: 0 auto;
	margin-top: 35px;
}

.hyly3 li a.img img {
	width: 100%;
}

.hyly3 li h2 {
	font-size: 69px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -12px;
	color: #464646;
	height: 60px;
	overflow: hidden;
	text-align: center;
}

.hyly3 li h3 {
	font-size: 25px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #1d88db;
	text-align: center;
	margin-top: 5px;
}

.hyly3 li h4 {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	text-align: center;
	margin-top: 5px;
	text-transform: uppercase;
}

.zty_x5 {
	width: 71px;
	height: 4px;
	background-color: #0542a3;
	margin: 0 auto;
	margin-top: 10px;
}

/* 
导航方式特征描述 */
.hyly2 {
	width: 1156px;
	margin: 0 auto;
	margin-top: 40px;
}

.hyly2 li {
	margin-bottom: 30px;
}

.hyly2 li h2 {
	font-size: 22px;
	color: #1c1c1c;
}


.hyly2 li p {
	font-size: 20px;
	color: #666;
}

/* 应用场景 */
.zty_yy {
	margin-top: 70px;
}

.yytt {
	font-size: 36px;
	font-weight: 600;
	color: #000;
	text-align: center;
}

.yytt2 {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 1px;
	color: #666666;
	text-align: center;
	margin-top: 15px;
}

.hyly {
	width: 1156px;
	margin: 0 auto;
	margin-top: 40px;
}

.hyly li {
	width: 560px;
	height: 377px;
	margin-bottom: 40px;
}


.hyly li a.img {
	display: block;
}

.hyly li a.img img {
	width: 560px;
	height: 377px;
}

.dt {
	width: 1200px;
	margin: 0 auto;
	margin-top: 45px;
}

.dt p:nth-child(1) {
	color: #000;
	font-size: 36px;
}

.dt p {
	color: #7c7c7c;
	font-size: 20px;
	line-height: 30px;
}

.wrapper2 {
	max-width: 1554px;
	margin: 80px auto;
}

.wrapper2 li {
	position: relative;
	width: 180px;
	height: 180px;
	list-style: none;
	margin: 5px;
	display: inline-block;
	perspective: 300px;
}

.picBox {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-style: preserve-3d;
	transform-origin: 50% 50% -90px;
	animation: 200ms ease-out 0ms 1 normal forwards;
}

.show,
.hide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.hide {
	color: #fff;
	text-align: center;
	line-height: 180px;
	transform: translate3d(0, 0, -1px);
}

.in-top .hide,
.out-top .hide {
	transform-origin: 0% 100%;
	transform: translate3d(0, -100%, 0) rotate3d(1, 0, 0, 90deg);
}

.in-top .picBox {
	animation-name: in-top;
	animation-play-state: running;
}

.out-top .picBox {
	animation-name: out-top;
	animation-play-state: running;
}

@keyframes in-top {
	from {
		transform: rotate3d(0, 0, 0, 0deg)
	}

	to {
		transform: rotate3d(-1, 0, 0, 90deg)
	}
}

@keyframes out-top {
	from {
		transform: rotate3d(-1, 0, 0, 90deg)
	}

	to {
		transform: rotate3d(0, 0, 0, 0deg)
	}
}

.in-right .hide,
.out-right .hide {
	transform-origin: 0% 0%;
	transform: translate3d(100%, 0, 0) rotate3d(0, 1, 0, 90deg);
}

.in-right .picBox {
	animation-name: in-right;
	animation-play-state: running;
}

.out-right .picBox {
	animation-name: out-right;
	animation-play-state: running;
}

@keyframes in-right {
	from {
		transform: rotate3d(0, 0, 0, 0deg)
	}

	to {
		transform: rotate3d(0, -1, 0, 90deg)
	}
}

@keyframes out-right {
	from {
		transform: rotate3d(0, -1, 0, 90deg)
	}

	to {
		transform: rotate3d(0, 0, 0, 0deg)
	}
}

.in-bottom .hide,
.out-bottom .hide {
	transform-origin: 0% 0%;
	transform: translate3d(0, 100%, 0) rotate3d(-1, 0, 0, 90deg);
}

.in-bottom .picBox {
	animation-name: in-bottom;
	animation-play-state: running;
}

.out-bottom .picBox {
	animation-name: out-bottom;
	animation-play-state: running;
}

@keyframes in-bottom {
	from {
		transform: rotate3d(0, 0, 0, 0deg)
	}

	to {
		transform: rotate3d(1, 0, 0, 90deg)
	}
}

@keyframes out-bottom {
	from {
		transform: rotate3d(1, 0, 0, 90deg)
	}

	to {
		transform: rotate3d(0, 0, 0, 0deg)
	}
}

.in-left .hide,
.out-left .hide {
	transform-origin: 100% 0;
	transform: translate3d(-100%, 0, 0) rotate3d(0, -1, 0, 90deg);
}

@keyframes in-left {
	from {
		transform: rotate3d(0, 0, 0, 0deg)
	}

	to {
		transform: rotate3d(0, 1, 0, 90deg)
	}
}

@keyframes out-left {
	from {
		transform: rotate3d(0, 1, 0, 90deg)
	}

	to {
		transform: rotate3d(0, 0, 0, 0deg)
	}
}

.in-left .picBox {
	animation-name: in-left;
	animation-play-state: running;
}

.out-left .picBox {
	animation-name: out-left;
	animation-play-state: running;
}