/* 首页 */
.header {
	width: 100%;
	height: 0.64rem;
	/* background:#003572; */
	background: #003572;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
}

.header .header-top {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* FirefoZ */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
	-o-transform: scale(1);
	transition: all 0.5s;
}

.header .header-top.on {
	transform: scale(0);
	-ms-transform: scale(0);
	/* IE 9 */
	-moz-transform: scale(0);
	/* FirefoZ */
	-webkit-transform: scale(0);
	/* Safari 和 Chrome */
	-o-transform: scale(0);
	transition: all 0.5s;
}

.header .header-top a.logo {
	width: 1.22rem;
	height: auto;
	display: block;
}

.header .header-top a.logo img {
	width: 100%;
	height: auto;
	display: block;
}

.header .header-top .cd-ss {
	margin-right: 0.15rem;
	height: 100%;
	display: flex;
	align-items: center;
}

/*.header .header-top .cd-ss .nav{margin-right:0.52rem;}*/
.header .header-top .cd-ss .nav .inav .nav-box {
	float: left;
	margin-right: 0.45rem;
	position: relative;
	z-index: 99;
	height: 0.64rem;
	line-height: 0.64rem;
}

.header .header-top .cd-ss .nav .inav .nav-box.on h5 a {
	color: #EF7E00;
}

.header .header-top .cd-ss .nav .inav .nav-box.last {
	margin-right: 0;
}

.header .header-top .cd-ss .nav .inav .nav-box h5 {
	font-size: 0.14rem;
	font-weight: normal;
}

.header .header-top .cd-ss .nav .inav .nav-box h5 a {
	color: #fff;
	display: block;
}

.header .header-top .cd-ss .nav .inav .nav-box:hover h5 a {
	color: #EF7E00;
}

.header .header-top .cd-ss .nav .inav .nav-box ul {
	position: absolute;
	left: -20px;
	top: 0.64rem;
	z-index: 9999;
	/* background:url(../images/bg3.png) repeat; */
	background: #003572;
	min-width: calc(100% + 60px);
	display: none;
}

.header .header-top .cd-ss .nav .inav .nav-box ul li {
	height: 0.44rem;
	line-height: 0.44rem;
	border-top: 1px solid #747d97;
}

.header .header-top .cd-ss .nav .inav .nav-box.three ul {
	width: calc(100% + 80px);
}

/* .swiper-container{z-index:-1 !important;} */
.header .header-top .cd-ss .nav .inav .nav-box ul li a {
	display: block;
	font-size: 12px;
	color: #fff;
	padding: 0 10px 0 20px;
	transition: all .3s ease-in 0s;
	box-sizing: content-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .header-top .cd-ss .nav .inav .nav-box ul li a:hover {
	background: #EF7E00;
	transition: all .3s ease-in 0s;
}

.header .header-top .cd-ss a.tgbfz {
	display: block;
	width: 0.92rem;
	height: 0.24rem;
	line-height: 0.24rem;
	text-align: center;
	background: #EF7E00;
	border-radius: 0.12rem;
	overflow: hidden;
	font-size: 0.14rem;
	color: #fff;
}

.header .header-top .cd-ss .search {
	width: 0.19rem;
	height: 0.19rem;
	margin-left: 0.45rem;
}

.header .header-top .cd-ss .search.ll {
	display: none;
}

.header .header-top .cd-ss .search img {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

.header .seek {
	position: absolute;
	height: 100%;
	width: 30%;
	left: 35%;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transform: scale(0);
	-ms-transform: scale(0);
	/* IE 9 */
	-moz-transform: scale(0);
	/* FirefoZ */
	-webkit-transform: scale(0);
	/* Safari 和 Chrome */
	-o-transform: scale(0);
	transition: all 0.5s;
}

.header .seek form {
	width: 90%;
	height: 0.34rem;
	background: #fff;
	display: flex;
}

.header .seek form input {
	display: block;
}

.header .seek form .text {
	width: 92%;
	height: 0.34rem;
	line-height: 0.34rem;
	font-size: 14px;
	color: #666;
	padding-left: 0.1rem;
}

.header .seek form .submit {
	width: 8%;
	height: 100%;
	;
	background: url(../images/ss.png)no-repeat center center;
	;
	background-size: 0.205rem 0.2rem;
	cursor: pointer;
}

.header .seek .close {
	width: 0.3rem;
	height: 0.3rem;
	cursor: pointer;
	transform: rotate(0deg)scale(1);
	transition: all 0.4s;
}

.header .seek .close img {
	width: 100%;
	height: 100%;
	display: block;
}

.header .seek .close:hover {
	transform: rotate(90deg)scale(1);
	transition: all 0.4s;
}

.header .seek.on {
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* FirefoZ */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
	-o-transform: scale(1);
	transition: all 0.5s;
}

.header-position {
	height: 0.64rem;
}

.banner {
	width: 100%;
	height: 7.95rem;
	position: relative;
	z-index: 5;
}

.banner ul li {
	width: 100%;
	height: 100%;
}

.banner ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.banner ul li a img {
	width: 100%;
	height: 100%;
	display: block;
}

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	height: 0.3rem;
	bottom: 0.3rem;
}

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
	width: 0.3rem;
	height: 0.3rem;
	background: url(../images/dian.png) no-repeat center center;
	background-size: 0.06rem 0.06rem;
	opacity: 1;
}

.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #fff;
	border-radius: 100%;
}

.content {
	width: 100%;
}

.content .templet {
	padding: 0.23rem 0 1.2rem 0;
	text-align: center;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.content .templet .title {
	font-size: 0.36rem;
	color: #333;
	line-height: 0.86rem;
	display: inline-block;
	background: url(../images/ybj.png) no-repeat right top;
	padding-right: 0.13rem;
	background-size: 0.6rem 0.6rem;
}

.content .templet .title span {
	color: #EF7E00;
}

.content .templet .prototype {
	width: 100%;
	height: 6.35rem;
	background: url(../images/chanxianbg.jpg) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.16rem;
	position: relative;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	overflow: hidden;
}

.content .templet .prototype:before {
	content: "";
	height: 6.55rem;
	width: 10.98rem;
	display: block;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/bd.png) no-repeat center;
	background-size: 100% !important;
	transition-duration: .8s;
	animation: cir-scale 3s infinite cubic-bezier(0, 0.43, 0.35, 0.85);
}

.content .templet .content .templet {
	transition-duration: .8s;
	opacity: 1;
	transform: translateX(0);
	position: absolute;
	padding: 22px 56px 0 22px;
	width: 270px;
	height: 160px;
	overflow: visible;
	background: url(../img/bg1.png) no-repeat center;
	transition-duration: .5s;
	opacity: 0;
	transform: translateX(-20px);
	background-size: 100% 100% !important;
}

.content .templet .prototype .zngc {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0.42rem 0.86rem;
}

.content .templet .prototype .zngc .hd {
	width: 100%;
	padding-top: 50px;
}

.content .templet .prototype .zngc .hd ul li {
	line-height: 24px;
	/* margin: 0 70px; */
	display: inline-block;
	position: absolute;
}

.content .templet .prototype .zngc .hd ul li>div {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.content .templet .prototype .zngc .hd ul li>div span {
	font-size: 0.18rem;
	color: #EF7E00;
	font-weight: 600;
	width: auto;
	display: block;
	transition: all 0.4s;
}

.content .templet .prototype .zngc .hd ul li.on>div span.in {
	transform: scale(1.42);
	transition: all 0.4s;
}

.content .templet .prototype .zngc .hd ul li>div:after {
	content: "";
	display: block;
	position: absolute;
	width: 0.26rem;
	height: 0.26rem;
	background-size: 100% !important;
	background: url(../images/dian1.png) no-repeat center;
	top: calc(100% + 8px);
	left: 50%;
	margin-left: -13px;
}

.content .templet .prototype .zngc .hd ul li.list1 {
	/* text-align: center; */
	/* display: block; */
	top: 19%;
	left: 42%;

}

.content .templet .prototype .zngc .hd ul li.list2 {
	/* margin-top: 0.5rem; */
	margin-right: 3.14rem;
	top: 8%;
	left: 59%;
}

.content .templet .prototype .zngc .hd ul li.list3 {
	/* margin-top: 0.5rem; */
	top: 5%;
	left: 51%;
}

.content .templet .prototype .zngc .hd ul li.list4 {
	/* margin-top: 0.74rem; */
	top: 43%;
    left: 57%;
}

.content .templet .prototype .zngc .hd ul li.list5 {
	/* margin-top: 0.74rem; */
	top: 30%;
	left: 47%;
}

.content .templet .prototype .zngc .hd ul li.list6 {
	/* margin-top: 0.84rem */
	top: 32%;
    left: 39.7%;
}


.content .templet .prototype .zngc .hd ul li.list7 {
	/* margin-top: 0.84rem */
	top: 23%;
    left: 67%;
}

.content .templet .prototype .zngc .hd ul li.list8 {
	/* margin-top: 0.84rem */
	top: 66%;
    left: 36%;
}

.content .templet .prototype .zngc .hd ul li.list9 {
	/* margin-top: 0.84rem */
    top: 8%;
    left: 39%;
}

.content .templet .prototype .zngc .hd ul li.list10 {
	/* margin-top: 0.84rem */
	top: 64%;
    left: 65%;
}

.content .templet .prototype .zngc .hd ul li.list11 {
	/* margin-top: 0.74rem */
	top: 18%;
	left: 90%;
}

.content .templet .prototype .zngc .hd ul li.list12 {
	/* margin-top: 0.74rem */
	top: 51%;
	left: 89%;
}



.content .templet .prototype .zngc .bd {
	position: absolute;
	top: 0.42rem;
	left: 0;
	;
	padding: 0 0.3rem 0.42rem 0.86rem;
}

.content .templet .prototype .zngc .bd .qczn {
	padding: 0.12rem 0.22rem 0.22rem 0.22rem;
	min-height: 1.6rem;
	text-align: left;
	width: 2.7rem;
	background: #fff;
	position: absolute;
	opacity: 0;
	transform: translateX(-20px);
	background-size: 100% 100% !important;
}

.content .templet .prototype .zngc .bd .qczn.show {
	transition-duration: .8s;
	opacity: 1;
	transform: translateX(0);
	z-index: 9999;
}

.content .templet .prototype .zngc .bd .qczn:after {
	content: "";
	display: block;
	background: url(../images/zx.png) no-repeat;
	width: 0.3rem;
	height: 0.32rem;
	background-size: 100% 100%;
	position: absolute;
	left: 100%;
	top: 0.32rem;
}

.content .templet .prototype .zngc .bd .qczn .name {
	font-size: 0.2rem;
	color: #333;
	line-height: 0.42rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist1 .name {
	background: url(../images/zn1.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist2 .name {
	background: url(../images/zn2.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist3 .name {
	background: url(../images/zn3.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist4 .name {
	background: url(../images/zn4.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist5 .name {
	background: url(../images/zn5.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist6 .name {
	background: url(../images/zn6.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist7 .name {
	background: url(../images/zn12.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist8 .name {
	background: url(../images/zn8.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist9 .name {
	background: url(../images/zn9.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist10 .name {
	background: url(../images/zn10.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist11 .name {
	background: url(../images/zn11.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn.ilist12 .name {
	background: url(../images/zn7.png) no-repeat right center;
	background-size: 0.41rem 0.41rem;
}

.content .templet .prototype .zngc .bd .qczn .name em {
	background: url(../images/db1.jpg) no-repeat left bottom;
	display: inline-block;
}

.content .templet .prototype .zngc .bd .qczn p {
	font-size: 0.14rem;
	color: #696a6b;
	line-height: 0.21rem;
	margin-top: 0.14rem;
}

.content .templet .prototype .zngc .bd .qczn p.images {
	width: 100%;
}

.content .templet .prototype .zngc .bd .qczn p img {
	width: 100%;
	height: auto;
	display: block;
}

.content .gdjc {
	width: 100%;
	padding: 0.6rem 0 0.5rem 0;
	background: #efefef;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.content .templet .oslogan {
	position: absolute;
	left: 4%;
	bottom: 16%;
	z-index: 99;
	text-align: left;
}

.content .templet .oslogan .list1-titles .tit-en {
	font-size: 0.16rem;
	color: rgba(255, 255, 255, 0.6);
	font-family: "Arial";
	position: relative;
	line-height: 26px;
}

.content .templet .oslogan .list1-titles .tit-en:before {
	position: absolute;
	right: 100%;
	top: 50%;
	margin-right: 10px;
	content: "";
	display: block;
	width: 110px;
	height: 1px;
	background: #EF7E00;
}

.content .templet .oslogan .list1-titles .tit-cn {
	font-size: 0.14rem;
	line-height: 0.24rem;
	color: rgba(255, 255, 255, 0.4);
}

.content .gdjc .caption {
	text-align: center;
	font-size: 0.36rem;
	color: #4d4948;
	background: url(../images/db2.jpg) no-repeat center bottom;
	padding-bottom: 0.12rem;
}

.content .gdjc .video {
	width: 100%;
	margin-top: 0.51rem;
}

.content .gdjc .video .content_5 {
	display: flex;
}

.content .gdjc .video .content_5 .jcgx {
	width: 5.12rem;
	margin-right: 0.32rem;
}

.content .gdjc .video .content_5 .jcgx.last {
	margin-right: 0;
}

.content .gdjc .video .content_5 .jcgx .frequency {
	width: 100%;
	height: 3.06rem;
	border-bottom: 0.05rem solid #EF7E00;
	position: relative;
	overflow: hidden;
}

.content .gdjc .video .content_5 .jcgx .frequency img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .gdjc .video .content_5 .jcgx .frequency .play {
	display: block;
	position: absolute;
	width: 0.52rem;
	height: 0.52rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition-duration: .5s;
	background: url(../images/bf.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}

.content .gdjc .video .content_5 .jcgx .frequency .play:hover {
	transform: translate(-50%, -50%) scale(0.9);
}

.content .gdjc .video .content_5 .jcgx p {
	font-size: 0.2rem;
	color: #4d4948;
	margin-top: 0.1rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 2%;
}

.content .gdjc .video .content_5 .jcgx .ewm {
	display: block;
	width: 0.27rem;
	height: 0.27rem;
	margin: 0 auto;
	margin-top: 0.1rem;
	cursor: pointer;
}

.content .gdjc .video .content_5 .jcgx .ewm img {
	width: 100%;
	height: 100%;
	display: block;
}

.mCustomScrollBox>.mCSB_scrollTools {
	opacity: 1 !important;
}

.mCSB_scrollTools {
	width: 100%;
	height: 16px;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 0 !important;
}

.mCSB_buttonLeft {
	display: none !important;
}

.mCSB_buttonRight {
	display: none !important;
}

.mCSB_horizontal>.mCSB_container {
	margin-bottom: 0.86rem !important;
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
	background: #3b496e !important;
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	height: 6px !important;
	background: #003572 !important;
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	margin: 5px auto !important;
}

.mCustomScrollBox.mCS-dark-thin.mCSB_horizontal {
	height: 4.64rem !important;
}

.mCSB_container {
	display: flex;
}

.content .jjfa {
	width: 100%;
	padding: 0.42rem 0 1.2rem 0;
	text-align: center;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.content .jjfa h4 {
	font-size: 0.24rem;
	color: #4d4948;
	font-weight: normal;
}

.content .jjfa .title {
	font-size: 0.36rem;
	color: #333;
	line-height: 0.86rem;
	display: inline-block;
	background: url(../images/ybj.png) no-repeat right top;
	padding-right: 0.13rem;
	background-size: 0.6rem 0.6rem;
}

.content .jjfa .title span {
	color: #EF7E00;
}

.content .jjfa .solve {
	width: 100%;
	margin-top: 0.1rem;
}

.content .jjfa .solve ul li {
	width: 33.333333%;
	float: left;
	height: 5.99rem;
	position: relative;
	visibility: visible;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.content .jjfa .solve ul li:before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	top: 20px;
	left: 20px;
	z-index: 1;
}

.content .jjfa .solve ul li .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.content .jjfa .solve ul li .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.content .jjfa .solve ul li:hover .img img {
	transition: all 0.5s;
	transform: scale(1.1);
}

.content .jjfa .solve ul li .precept {
	height: auto;
	position: absolute;
	transform: translate(-50%, -50%);
	transition-duration: .5s;
	text-align: center;
	left: 50%;
	top: 50%;
	width: 100%;
	color: #fff;
	z-index: 99;
}

.content .jjfa .solve ul li .precept .bgy {
	width: 0.44rem;
	height: 0.49rem;
	position: relative;
	margin: 0 auto;
}

.content .jjfa .solve ul li .precept .bgy img {
	width: 100%;
	display: block;
}

.content .jjfa .solve ul li .precept .bgy .ibgy {
	opacity: 1;
	transition-duration: .5s;
}

.content .jjfa .solve ul li .precept .bgy .ibgy span {
	position: absolute;
	display: block;
	border-radius: 50%;
	animation: cir-scale2 3s linear infinite;
}

.content .jjfa .solve ul li .precept .bgy .ibgy .list3-cir.list3-cir1 {
	border: 1px solid #fff;
	width: 100px;
	height: 100px;
	left: -26px;
	top: -26px;
}

.content .jjfa .solve ul li .precept .bgy .ibgy .list3-cir.list3-cir2 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 120px;
	height: 120px;
	left: -40px;
	top: -46px;
}

.content .jjfa .solve ul li .precept .bgy .ibgy .list3-cir.list3-cir3 {
	border: 1px solid rgba(255, 255, 255, 0.2);
	width: 200px;
	height: 200px;
	left: -76px;
	top: -76px;
}

/*.content .jjfa .solve ul li .precept .matter{opacity: 0;transition-duration: .5s;}*/
.content .jjfa .solve ul li .precept .matter h5 {
	font-size: 0.24rem;
	line-height: 0.4rem;
	padding: 0.36rem 0 0.24rem;
	position: relative;
	font-weight: normal;
}

.content .jjfa .solve ul li .precept .matter h5:after {
	position: absolute;
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	box-sizing: border-box;
	border: 1px solid #fff;
	top: 18px;
	left: 50%;
	margin-left: -12px;
}

.content .jjfa .solve ul li .precept .matter .access {
	width: 100%;
}

.content .jjfa .solve ul li .precept .matter .access .falj {
	color: #fff;
	display: block;
	font-size: 0.14rem;
	line-height: 0.3rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	transition-duration: .3s;
}

.content .jjfa .solve ul li .precept .matter .access .falj:hover {
	color: #EF7E00;
	border-bottom: 1px solid #EF7E00;
	transform: translate(-6px, 0);
}

.content .jjfa .solve ul li .precept .matter .access .to-detail {
	width: 1rem;
	margin: 0 auto 0.14rem;
}

.content .jjfa .solve ul li .precept .matter .access .to-more {
	width: 1.32rem;
	margin: 0 auto 0.14rem;
}

.content .jjfa .solve ul li .precept .matter .access .idjck {
	width: 0.7rem;
	margin: 0 auto;
}

.content .jjfa .solve ul li:hover .precept .bgy .ibgy {
	opacity: 0;
}

/*.content .jjfa .solve ul li:hover .precept{height:2.04rem;}*/
.content .jjfa .solve ul li:hover .matter {
	opacity: 1;
}

.content .txfw {
	width: 100%;
	background: #efefef;
	padding: 0.6rem 0 1.1rem 0;
}

.content .txfw h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	text-align: center;
	background: url(../images/db4.jpg) no-repeat center bottom;
	padding-bottom: 0.14rem;
}

.content .txfw .experience {
	width: 100%;
	margin-top: 0.48rem;
}

.content .txfw .experience ul li {
	width: 25%;
	float: left;
	background: url(../images/zb.jpg) no-repeat left center;
	visibility: visible;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.content .txfw .experience ul li.first {
	background: none;
}

.content .txfw .experience ul li a {
	display: block;
	width: 100%;
}

.content .txfw .experience ul li a .images {
	width: 0.78rem;
	height: 0.5rem;
	margin: 0 auto 0.22rem;
}

.content .txfw .experience ul li a .images img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .txfw .experience ul li a .tynr {
	text-align: center;
	width: 2rem;
	margin: 0 auto;
}

.content .txfw .experience ul li a .tynr h5 {
	font-size: 0.2rem;
	color: #343434;
	font-weight: normal;
	margin-bottom: 0.12rem;
}

.content .txfw .experience ul li a .tynr .capacity {
	font-size: 0.14rem;
	color: #676767;
	line-height: 0.21rem;
	margin-bottom: 0.2rem;
}

.content .txfw .experience ul li a .tynr .thing {
	font-size: 0.14rem;
	color: #676767;
	background: url(../images/xy.jpg) no-repeat right center;
	display: inline-block;
	padding-right: 0.12rem;
	transition: all .3s ease-in 0s;
}

.content .txfw .experience ul li a .tynr .thing:hover {
	color: #EF7E00;
	background: url(../images/ixy.jpg) no-repeat right center;
	transition: all .3s ease-in 0s;
}

.content .content-bottom {
	padding: 0.4rem 0 0.36rem 0;
}

.content .content-bottom .tyt {
	width: 100%;
}

.content .content-bottom .tyt .head {
	text-align: center;
	margin-bottom: 0.56rem;
}

.content .content-bottom .tyt .head h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
}

.content .content-bottom .tyt .head p {
	font-size: 0.16rem;
	color: #343434;
	margin-top: 0.14rem;
	overflow: hidden;
}

.content .content-bottom .tyt .flow {
	width: 100%;
}

.content .content-bottom .tyt .flow ul li {
	width: 15.625%;
	height: 0.94rem;
	border: 1px solid #e9e9e9;
	line-height: 0.94rem;
	float: left;
	margin-right: 1.25%;
	visibility: visible;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
	cursor: pointer;
}

.content .content-bottom .tyt .flow ul li.last {
	margin-right: 0;
}

.content .content-bottom .tyt .flow ul li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content .content-bottom .tyt .flow ul li a .flow-nr {
	display: inline-block;
	background: url(../images/lcxy.png) no-repeat right center;
	padding-right: 0.37rem;
	display: flex;
	align-items: center;
}

.content .content-bottom .tyt .flow ul li a .flow-nr p {
	font-size: 0.2rem;
	color: #4e4a49;
	transition: all .4s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.on {
	background: #EF7E00;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li a .flow-nr img {
	width: 0.4rem;
	height: 0.36rem;
	display: block;
	margin-right: 0.19rem;
}

.content .content-bottom .tyt .flow ul li a .flow-nr .ilc {
	display: none;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.on a .flow-nr .lc {
	display: none;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.on a .flow-nr .ilc {
	display: block;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.on a .flow-nr p {
	color: #fff;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.on a .flow-nr {
	background: url(../images/ilcxy.png) no-repeat right center;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.in {
	background: #EF7E00;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.in a .flow-nr .lc {
	display: none;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.in a .flow-nr .ilc {
	display: block;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.in a .flow-nr p {
	color: #fff;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .flow ul li.in a .flow-nr {
	background: url(../images/ilcxy.png) no-repeat right center;
	transition: all .2s ease-in 0s;
}

.content .content-bottom .tyt .pattern {
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.56rem;
	text-align: center;
	transform: scale(0);
	-ms-transform: scale(0);
	/* IE 9 */
	-moz-transform: scale(0);
	/* FirefoZ */
	-webkit-transform: scale(0);
	/* Safari 和 Chrome */
	-o-transform: scale(0);
	transition: all 0.5s;
}

.content .content-bottom .tyt .pattern.show {
	position: static;
	opacity: 1;
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* FirefoZ */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
	-o-transform: scale(1);
	transition: all 0.5s;
}

.content .content-bottom .tyt .pattern h5 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
}

.content .content-bottom .tyt .pattern ul {
	display: inline-block;
	margin-top: 0.52rem;
}

.content .content-bottom .tyt .pattern ul li {
	float: left;
	font-size: 0.16rem;
	color: #676767;
	padding: 0 0.2rem;
	background: url(../images/zb.jpg) no-repeat right center;
	cursor: pointer;
}

.content .content-bottom .tyt .pattern ul li.on {
	color: #EF7E00;
}

.content .content-bottom .tyt .pattern ul li:last-child {
	background: none;
}

.pavilion-container {
	position: relative;
}

.pavilion-container .tab-content-wrap {
	margin-top: 0.44rem;
}

.content .content-bottom .tyt .pattern .iproduct {
	width: 100%;
	height: 94%;
}

.content .content-bottom .tyt .pattern .iproduct .cpnr {
	width: 100%;
	height: auto;
	position: relative;
}

.content .content-bottom .tyt .pattern .iproduct img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .content-bottom .tyt .pattern .iproduct p {
	font-size: 0.14rem;
	color: #fff;
	background: #3b3b3b;
	position: absolute;
	display: none;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.95rem;
	line-height: 0.95rem;
	padding: 0 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}

.content .content-bottom .scan {
	width: 83.75%;
	margin: 0 auto;
	margin-top: 0.54rem;
}

.content .content-bottom .scan>div {
	width: 20%;
	float: left;
	display: flex;
	flex-direction: column;
	background: url(../images/zb2.jpg) no-repeat left center;
	align-items: center;
	position: relative;
	visibility: visible;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-fill-mode: both;
}

.content .content-bottom .scan>div.first {
	background: none;
}

.content .content-bottom .scan>div .name {
	font-size: 0.18rem;
	color: #333;
	cursor: pointer;
}

.content .content-bottom .scan>div p {
	font-size: 0.14rem;
	color: #808080;
}

.content .content-bottom .scan>div .code {
	position: absolute;
	width: 1.3rem;
	height: 1.3rem;
	left: 50%;
	margin-left: -0.65rem;
	box-shadow: 0 0 6px #999;
	top: -1.5rem;
	z-index: 999;
	display: none;
}

.content .content-bottom .scan>div .code img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .content-bottom .scan .gfwx .name {
	background: url(../images/gfwx.png) no-repeat left 0.05rem;
	padding-left: 0.38rem;
	background-size: 0.32rem 0.28rem;
}

.content .content-bottom .scan>div .ljtz {
	display: none;
}

.content .content-bottom .scan>div .ljtz img {
	width: 100%;
	display: block;
}

.content .content-bottom .scan .gfwb .name {
	background: url(../images/gfwb.png) no-repeat left 0.05rem;
	padding-left: 39px;
	background-size: 0.32rem 0.28rem;
}

.content .content-bottom .scan .dysp .name {
	background: url(../images/dysp.png) no-repeat left 0.05rem;
	padding-left: 39px;
	background-size: 0.32rem 0.28rem;
}

.content .content-bottom .scan .gwkf .name {
	background: url(../images/gwkf.png) no-repeat left 0.05rem;
	padding-left: 39px;
	background-size: 0.32rem 0.28rem;
}

.content .content-bottom .scan .zxzx .name {
	background: url(../images/zxzx.png) no-repeat left 0.05rem;
	padding-left: 39px;
	background-size: 0.32rem 0.28rem;
}

.content .content-bottom .scan>div .name:hover {
	color: #EF7E00;
	transition: all .4s ease-in 0s;
}

.footer {
	width: 100%;
}

.footer .footer-nav {
	width: 100%;
	height: 6.26rem;
	background: url(../images/bg2.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 1.04rem;
	padding-bottom: 1rem;
}

.footer .footer-nav .ifooter-nav {
	padding: 0 1.7rem;
}

.footer .footer-nav .ifooter-nav .footer-nav-left {
	width: 7.5rem;
	float: left;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation h5 {
	font-size: 0.18rem;
	font-weight: normal;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation h5 a {
	color: #fff;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation ul {
	margin-top: 0.38rem;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation ul li {
	margin-bottom: 0.1rem;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation ul li a {
	font-size: 0.14rem;
	color: #b2b0b0;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .navigation .inavigation ul li a:hover {
	color: #EF7E00;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .footer-logo {
	width: 5.96rem;
	height: auto;
	margin-top: 1rem;
}

.footer .footer-nav .ifooter-nav .footer-nav-left .footer-logo img {
	width: 100%;
	height: auto;
	display: block;
}

.footer .footer-nav .ifooter-nav .gsxx {
	width: 2.4rem;
	float: right;
}

.footer .footer-nav .ifooter-nav .gsxx h4 {
	font-size: 0.18rem;
	color: #fff;
	font-weight: normal;
}

.footer .footer-nav .ifooter-nav .gsxx .gsmz {
	font-size: 0.14rem;
	color: #fff;
	margin-top: 0.34rem;
}

.footer .footer-nav .ifooter-nav .gsxx .gzsj {
	width: 100%;
	margin-top: 0.36rem;
}

.footer .footer-nav .ifooter-nav .gsxx .gzsj h5 {
	font-size: 0.14rem;
	color: #fff;
	font-weight: normal;
}

.footer .footer-nav .ifooter-nav .gsxx .gzsj p {
	font-size: 0.14rem;
	color: #b2b0b0;
}

.footer .footer-nav .ifooter-nav .gsxx .gsdz {
	margin-top: 0.18rem;
}

.footer .footer-nav .ifooter-nav .gsxx .gsdz h5 {
	font-size: 0.14rem;
	color: #EF7E00;
	font-weight: normal;
}

.footer .footer-nav .ifooter-nav .gsxx .gsdz p {
	font-size: 0.14rem;
	color: #b2b0b0;
	line-height: 0.27rem;
}

.footer .footer-nav .ifooter-nav .gsxx .fwrx {
	width: 100%;
	margin-top: 0.34rem;
	font-size: 0.14rem;
	color: #fff;
}

.footer .footer-bottom {
	width: 100%;
	background: #003572;
	height: 0.7rem;
	line-height: 0.7rem;
	font-size: 0.14rem;
	color: #969595;
}

.footer .footer-bottom .ifooter-bottom {
	padding: 0 1.7rem;
}

.footer .footer-bottom span {
	margin-right: 0.28rem;
}

.sq {
	width: 56px;
	position: fixed;
	right: 10px;
	z-index: 999;
	top: 50%;
	margin-top: -136px;
	display: none;
}

.sq>a {
	width: 56px;
	height: 56px;
	background: #fff;
	box-shadow: 0 0 8px #e4e4e4;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	transition: all .4s ease-in 0s;
}

.sq>div {
	width: 56px;
	height: 56px;
	background: #fff;
	box-shadow: 0 0 8px #ddd;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	transition: all .4s ease-in 0s;
}

.sq>div .img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sq>div .img img {
	width: 24px;
	height: 24px;
	display: block;
	transition: all .4s ease-in 0s;
}

.sq>div .img img.sq2 {
	display: none;
	transition: all .4s ease-in 0s;
}

.sq>div .number {
	width: 170px;
	height: 56px;
	background: #EF7E00;
	position: absolute;
	left: -172px;
	top: 0;
	font-size: 18px;
	color: #fff;
	display: none;
	text-align: center;
	line-height: 56px;
}

.sq>div:hover {
	background: #EF7E00;
	transition: all .4s ease-in 0s;
}

.sq>div:hover .img img.sq1 {
	display: none;
	transition: all .4s ease-in 0s;
}

.sq>div:hover .img img.sq2 {
	display: block;
	transition: all .4s ease-in 0s;
}

.sq>div .zewm {
	width: 110px;
	height: 110px;
	position: absolute;
	left: -112px;
	top: 50%;
	margin-top: -55px;
	display: none;
}

.sq>div .zewm img {
	width: 100%;
	height: 100%;
	display: block;
}

.header .header-top .sjdh {
	width: 20px;
	height: 14px;
	cursor: pointer;
	position: relative;
	display: none;
}

.header .header-top .sjdh .line {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	left: 0;
	transition: all .5s ease;
	margin: 0;
}

.header .header-top .sjdh .line1 {
	top: 0;
	-webkit-transform-origin: left top 0;
	-ms-transform-origin: left top 0;
	transform-origin: left top 0;
}

.header .header-top .sjdh .line2 {
	top: 7px;
}

.header .header-top .sjdh .line3 {
	top: 100%;
	-webkit-transform-origin: left bottom 0;
	-ms-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
}

.header .header-top .sjdh.on .line1 {
	transform: rotate(47deg);
}

.header .header-top .sjdh.on .line2 {
	display: none;
}

.header .header-top .sjdh.on .line3 {
	transform: rotate(-47deg);
}

.header .sj-cd {
	position: absolute;
	width: 100%;
	top: 50px;
	background: #fff;
	left: 0;
	z-index: 999;
	display: none;
}

.header .sj-cd .eight {
	width: 120px;
	height: 28px;
	line-height: 28px;
	background: #EF7E00;
	display: block;
	border-radius: 14px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 20px 0 20px 5%;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav {
	width: 100%;
	d
}

.header .sj-cd .sj-cd-nav .isj-cd-nav h5 {
	height: 42px;
	font-weight: normal;
	border-bottom: 1px solid #e6e6e6;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav h5 a {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 42px;
	padding: 0 5%;
	cursor: pointer;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav.on h5 {
	background: #EF7E00;
	border-bottom: none;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav.on h5 a {
	color: #fff;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav ul {
	width: 100%;
	display: none;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav ul li {
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #e6e6e6;
}

.header .sj-cd .sj-cd-nav .isj-cd-nav ul li a {
	display: block;
	width: 100%;
	padding: 0 7%;
	font-size: 12px;
	color: #333;
}

.content .templet .ybj-sp {
	width: 100%;
	margin-top: 26px;
	display: none;
}

.content .templet .ybj-sp .ybj-sp-tp {
	width: 100%;
	height: auto;
	display: block;
}

.content .templet .ybj-sp .zngc-sp {
	width: 100%;
	margin-top: 18px;
}

.content .templet .ybj-sp .zngc-sp .hd {
	width: 100%;
	padding-bottom: 26px;
}

.content .templet .ybj-sp .zngc-sp .hd ul li {
	position: relative;
}

.content .templet .ybj-sp .zngc-sp .hd ul li img {
	width: 0.61rem;
	height: 0.61rem;
}

.content .templet .ybj-sp .zngc-sp .hd ul li:after {
	width: 10px;
	height: 9px;
	left: 50%;
	bottom: -25px;
	;
	margin-left: -5px;
	content: "";
	display: block;
	position: absolute;
	background: url(../images/dsj.png) no-repeat center;
	background-size: 15px 14px;
	opacity: 0;
	transition-duration: .3s;
	z-index: 99;
}

.content .templet .ybj-sp .zngc-sp .hd ul li.on:after {
	opacity: 1;
}

.content .templet .ybj-sp .zngc-sp .hd .swiper-button-prev {
	background-size: 20px 20px;
	left: 0;
	width: 20px;
	height: 20px;
}

.content .templet .ybj-sp .zngc-sp .hd .swiper-button-next {
	background-size: 20px 20px;
	right: 0;
	width: 20px;
	height: 20px;
}

.content .templet .ybj-sp .zngc-sp .hd .hx {
	width: 100%;
	border: 1px solid #999;
	position: relative;
	left: 0;
	top: 19px;
}

.content .templet .ybj-sp .zngc-sp .bd {
	width: 100%;
	margin-top: 30px;
	text-align: left;
}

.content .templet .ybj-sp .zngc-sp .bd .ybj-sp-nr {
	width: 100%;
}

.content .templet .ybj-sp .zngc-sp .bd .ybj-sp-nr h6 {
	font-size: 15px;
	color: #333;
	font-weight: normal;
	margin-bottom: 7px;
}

.content .templet .ybj-sp .zngc-sp .bd .ybj-sp-nr p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.content .templet .ybj-sp .zngc-sp .bd .ybj-sp-nr p.images {
	display: none;
}

.ewm-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.7);
}

.ewm-bg .ewm-mains {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 300px;
	margin-left: -150px;
	margin-top: -150px;
	border-radius: 3px;
	z-index: 10;
	background: #fff;
	opacity: 0;
	-webkit-transform: translateX(20%);
	-moz-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	color: #000;
	text-align: center;
	line-height: 1.5;
	padding: 30px;
}

.ewm-bg .ewm-show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.ewm-bg .ewm-close {
	position: absolute;
	right: 4px;
	top: 4px;
	display: block;
	width: 28px;
	height: 28px;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	cursor: pointer;
}

.ewm-bg .ewm-show-img {
	width: 100%;
	display: block;
}

.ewm-bg .ewm-close:hover {
	transform: rotate(90deg);
}

.video-bg {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.video-bg .video-bg-sp {
	width: 650px;
	height: 368px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -325px;
	margin-top: -184px;
}

.video-bg .video-bg-sp iframe {
	width: 650px;
	height: 368px;
	display: block;
}

.video-bg .igb {
	position: absolute;
	right: -40px;
	top: -40px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	transition-duration: .3s;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	cursor: pointer;
}

.video-bg .igb:hover {
	transform: rotate(90deg);
}

.isearch {
	width: 1.8rem;
	height: 0.36rem;
	background: #003572;
	border-radius: 0.17rem;
	display: flex;
	overflow: hidden;
	margin-left: 0.31rem;
	padding-right: 0.8%;
}

.isearch input {
	display: block;
	background: #003572;
}

.isearch input.itext {
	width: 82%;
	height: 0.36rem;
	line-height: 0.36rem;
	padding-left: 14px;
	font-size: 0.14rem;
	color: #fff;
}

.isearch input.isubmit {
	width: 15%;
	background: url(../images/isousuo.png) no-repeat center center #003572;
	background-size: 0.19rem;
	height: 0.19rem;
	height: 100%;
	cursor: pointer;
}


/* 产品中心 */
.content.ny {
	background: #efefef;
}

.banner .cpzx {
	position: absolute;
	z-index: 3;
	width: 66.66% !important;
	bottom: 1.6rem !important;
	left: 50% !important;
	transform: translate(-50%, 0);
	text-align: left;
}

.banner ul li a .banner-titles {
	position: absolute;
	z-index: 2;
	width: 66%;
	left: 50%;
	top: 0;
	padding-top: 1.45rem;
	height: auto;
	color: #fff;
	transform: translate(-50%, 0);
}

.banner ul li.swiper-slide-active a .banner-titles .js-m2 {
	opacity: 1;
	transform: translate(0, 0);
}

.js-m2 {
	opacity: 0;
	transform: translateY(30px);
	transition-property: transform opacity;
	transition-duration: .8s;
	transition-timing-function: ease;
}

.banner ul li a .banner-titles .ban-cn1 {
	font-size: 0.48rem;
	color: #003572;
}

.banner ul li a .banner-titles .ban-cn1:before {
	position: absolute;
	top: 18px;
	right: calc(100% + .3rem);
	content: "";
	display: inline-block;
	height: 2px;
	width: 48px;
	background: #fff;
	transition-duration: .8s;
}

.banner ul li a .banner-titles .ban-cn2 {
	font-size: 14px;
	color: #003572;
	margin: 0.13rem 0 0.32rem;
	transition-delay: .2s;
}

.banner ul li a .banner-titles .ban-en1 {
	margin-bottom: 0.4rem;
	font-size: 0.48rem;
	color:#003572;
	transition-delay: .4s;
}

.banner ul li a .banner-titles .ban-cn3 {
	font-size: 14px;
	color: #003572;
	transition-delay: .6s;
}

.banner ul li a .banner-titles .ban-cn3:before {
	content: "";
	display: inline-block;
	margin-right: 20px;
	height: 1px;
	width: 16px;
	background: #fff;
	vertical-align: super;
}

.banner .dqwz {
	height: 61px;
	border-bottom: 1px solid #626161;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -8rem;
	z-index: 9990;
	line-height: 60px;
	width: 16rem;
}

.banner .dqwz .location {
	float: left;
	max-width: 48%;
	font-size: 12px;
	color: #fff;
}

.banner .dqwz .location a {
	font-size: 12px;
	color: #fff;
}

.banner .dqwz .location a:hover {
	color: #EF7E00;
}

.banner .dqwz .location span {
	margin: 0 12px;
}

.banner .dqwz .ejdh {
	float: right;
}

.banner .dqwz .ejdh ul li {
	float: left;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	width: auto;
}

.banner .dqwz .ejdh ul li a {
	display: block;
	font-size: 12px;
	color: #fff;
}

.banner .dqwz .ejdh ul li a:hover {
	color: #EF7E00;
}

.banner .dqwz .ejdh ul li.on a {
	color: #EF7E00;
}

.content .product {
	width: 100%;
}

.content .product .product-yjdh {
	width: 100%;
	height: 1.14rem;
	background: #003572;
}

.content .product .product-yjdh .iproduct-yjdh {
	width: 67%;
	margin: 0 auto;
	height: 100%;
}

.content .product .product-yjdh .iproduct-yjdh ul {
	display: flex;
	height: 100%;
	align-items: stretch;
}

.content .product .product-yjdh .iproduct-yjdh ul li {
	width: 20%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 2px solid #3e3c3c;
	transition: all .2s ease-in 0s;
}

.content .product .product-yjdh .iproduct-yjdh ul li.last {
	border-right: none;
}

.content .product .product-yjdh .iproduct-yjdh ul li a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.content .product .product-yjdh .iproduct-yjdh ul li a img {
	width: 0.34rem;
	height: 0.34rem;
	display: block;
}

.content .product .product-yjdh .iproduct-yjdh ul li a p {
	font-size: 14px;
	color: #fff;
	margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0.01rem;
	width: 100%;
	text-align: center;
}

.content .product .product-yjdh .iproduct-yjdh ul li.in {
	background: #EF7E00;
}

.content .product .product-yjdh .iproduct-yjdh ul li:hover {
	background: #EF7E00;
	transition: all .2s ease-in 0s;
}

.content .product .genre {
	width: 100%;
	padding: 0.28rem 0 1.2rem 0;
}

.content .product .genre .type {
	width: 67%;
	margin: 0 auto;
	display: flex;
}

.content .product .genre .type span {
	font-size: 0.14rem;
	color: #333;
	white-space: nowrap;
}

.content .product .genre .type ul li {
	height: 24px;
	line-height: 24px;
	min-width: 0.89rem;
	font-size: 14px;
	color: #333;
	text-align: center;
	padding: 0 6px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.content .product .genre .type ul li.on {
	background: #EF7E00;
	color: #fff;
}

.content .product .genre .type ul li:hover {
	background: #EF7E00;
	color: #fff;
}

.content .product .genre .part {
	width: 67%;
	margin: 22px auto 0;
	background: #fff;
	height: 1.02rem;
	position: absolute;
	left: 16.5%;
	top: 0;
}

.content .product .genre .part .ipart {
	position: absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 95.8%;
	transform: translate(-50%, -50%);
	height: 0.72rem;
}

.content .product .genre .part .swiper-button-prev {
	width: 0.14rem;
	height: 0.25rem;
	background: url(../images/ixz.png) no-repeat;
	background-size: 100% 100%;
	left: 5px;
	margin-top: -12.5px;
}

.content .product .genre .part .swiper-button-next {
	width: 0.14rem;
	height: 0.25rem;
	background: url(../images/ixy.png) no-repeat;
	background-size: 100% 100%;
	right: 5px;
	margin-top: -12.5px;
}

.content .product .genre .part ul li {
	background: #f9f9f9;
	height: 100%;
}

.content .product .genre .part ul li a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.content .product .genre .part ul li a .img {
	height: 0.36rem;
	position: relative;
	width: 100%;
}

.content .product .genre .part ul li a .img img {
	max-width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.content .product .genre .part ul li a .name {
	font-size: 14px;
	color: #333;
}

.content .product .genre .part ul li a:hover .name {
	color: #EF7E00;
}




.content .product .genre .cp-list {
	width: 67%;
	margin: 0 auto;
	margin-top: 0.44rem;
	position: relative;
	height: 100%;
}

.content .product .genre .cp-list .table {
	width: 100%;
	transform: scale(0);
	-ms-transform: scale(0);
	/* IE 9 */
	-moz-transform: scale(0);
	/* FirefoZ */
	-webkit-transform: scale(0);
	/* Safari 和 Chrome */
	-o-transform: scale(0);
	transition: all 0.5s;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	text-align: center;
}

.content .product .genre .cp-list .table.show {
	width: 100%;
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* FirefoZ */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
	-o-transform: scale(1);
	transition: all 0.5s;
	opacity: 1;
	position: absolute;
	left: 0;
	top: 0;
}

.content .product .genre .cp-list .table #product {
	margin-bottom: 20px;
}

.content .product .genre .cp-list .table #product li {
	width: 49.21%;
	float: left;
	background: #fff;
	height: 4.2rem;
	margin-bottom: 0.2rem;
}

.content .product .genre .cp-list .table #product li.two {
	float: right;
}

.content .product .genre .cp-list .table #product li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.content .product .genre .cp-list .table #product li a .img {
	position: absolute;
	width: 4.37rem;
	left: 50%;
	top: 55%;
	transform: translate(-50%, -50%);
}

.content .product .genre .cp-list .table #product li a .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.4s;
}

.content .product .genre .cp-list .table #product li a .name {
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	padding: 22px 30px 0;
}

.content .product .genre .cp-list .table #product li a .name .model {
	font-size: 0.18rem;
	line-height: 0.2rem;
	color: #333;
	transition: all 0.2s;
}

.content .product .genre .cp-list .table #product li a .name p {
	font-size: 0.2rem;
	line-height: 32px;
	margin-top: 0.06rem;
	color: #666;
	transition: all 0.2s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .product .genre .cp-list .table #product li a:hover .img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.content .product .genre .cp-list .table #product li a:hover .name .model {
	color: #EF7E00;
	transition: all 0.2s;
}

.content .product .genre .cp-list .table #product li a:hover .name p {
	color: #EF7E00;
	transition: all 0.2s;
}

.content .product .genre .cp-list .table .jzz {
	width: 1.66rem;
	height: 0.5rem;
	line-height: 0.5rem;
	background: #EF7E00;
	margin: 0 auto;
	text-align: center;
	font-size: 0.16rem;
	color: #fff;
	margin-top: 0.3rem;
}

.iproduct-yjdh .swiper-button-next {
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	right: 0px;
	margin-top: -10px;
	display: none;
}

.iproduct-yjdh .swiper-button-prev {
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	left: 0px;
	margin-top: -10px;
	display: none;
}

/* 产品详情页 */
.banner.ecpxq {
	height: auto;
}

.banner .cpxq {
	width: 100%;
	background: #efefef;
	padding: 1.9rem 4.5% 0.93rem;
	display: flex;
	justify-content: space-between;
}

.banner .dqwz.icpxq {
	border-bottom: 1px solid #ccc;
}

.banner .dqwz.icpxq .location {
	color: #333;
	bode
}

.banner .dqwz.icpxq .location a {
	color: #333;
}

.banner .dqwz.icpxq .ejdh ul li a {
	color: #333;
}

.banner .dqwz.icpxq .ejdh ul li.on a {
	color: #EF7E00;
}

.banner .dqwz.icpxq .location a:hover {
	color: #EF7E00;
}

.banner .dqwz.icpxq .ejdh ul li a:hover {
	color: #EF7E00;
}

.banner .cpxq .cpt {
	width: 64%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.banner .cpxq .cpt .cpst {
	width: 0.86rem;
	float: left;
	padding: 0.43rem 0;
	position: relative;
}

.banner .cpxq .cpt .cpst .cpxq-top {
	width: 0.4rem;
	height: 0.22rem;
	background: url(../images/top.png) no-repeat;
	background-size: 100% 100%;
	top: 0;
	margin-left: -0.2rem;
	margin-top: 0;
	left: 50%;
}

.banner .cpxq .cpt .cpst ul {
	width: 100%;
	height: 3.08rem;
}

.banner .cpxq .cpt .cpst ul li {
	width: 100%;
	border: 1px solid #ccc;
	position: relative;
}

.banner .cpxq .cpt .cpst ul li.on {
	border: 2px solid #EF7E00;
}

.banner .cpxq .cpt .cpst .cpxq-bottom {
	width: 0.4rem;
	height: 0.22rem;
	background: url(../images/bottom.png) no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	margin-left: -0.2rem;
	right: auto;
	left: 50%;
	top: auto;
}

.banner .cpxq .cpt .cpst ul li img {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.banner .cpxq .cpt .cpzst {
	width: 9rem;
	height: 4.13rem;
	float: right;
	text-align: center;
	position: relative;
}

.banner .cpxq .cpt .cpzst .bd {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.banner .cpxq .cpt .cpzst .bd .tp {
	width: 100%;
	height: 100%;
}

.banner .cpxq .cpt .cpzst .bd .tp img {
	width: 100%;
	height: 100%;
	display: block;
}

.banner .cpxq .cpt .cpzst .colour {
	display: inline-block;
}

.banner .cpxq .cpt .cpzst .colour .dot {
	width: 0.22rem;
	height: 0.22rem;
	background: #3d3e43;
	border-radius: 100%;
	float: left;
}

.banner .cpxq .cpt .cpzst .colour span {
	display: block;
	float: left;
	font-size: 0.14rem;
	color: #333;
	line-height: 0.22rem;
	margin-left: 0.14rem;
}

.banner .cpxq .cpjj {
	width: 30.89%;
	background: url(../images/bg4.jpg) no-repeat;
	height: 4.13rem;
	background-size: 100% 100%;
	padding: 0.46rem 0.74rem 0.6rem 0.68rem;
}

.banner .cpxq .cpjj .headline {
	width: 100%;
	background: url(../images/db5.jpg) no-repeat left bottom;
	padding-bottom: 0.16rem;
}

.banner .cpxq .cpjj .headline h4 {
	font-size: 0.3rem;
	color: #343131;
	font-weight: normal;
}

.banner .cpxq .cpjj .headline .english {
	font-size: 0.2rem;
	color: #343131;
	text-transform: uppercase;
}

.banner .cpxq .cpjj .abstract {
	font-size: 0.14rem;
	line-height: 0.24rem;
	color: #666;
	margin-top: 0.18rem;
	text-align: justify;
	overflow: hidden;
	max-height: 1.8rem;
	overflow-y: auto;
	padding-right: 6px;
}

.banner .cpxq .cpjj .abstract::-webkit-scrollbar {
	width: 4px;
}

.banner .cpxq .cpjj .abstract::-webkit-scrollbar-track {
	background: #b3b3b3;
}

.banner .cpxq .cpjj .abstract::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 3px;
	overflow: hidden;
}

.content .xlzj {
	width: 100%;
	background: #fff;
}

.content .xlzj .xlzj-bt {
	width: 100%;
	background: #003572;
	padding: 0 8.5%;
	height: 1rem;
	line-height: 1rem;
}

.content .xlzj .xlzj-bt h4 {
	font-size: 0.24rem;
	color: #fff;
	text-transform: uppercase;
}

.content .xlzj .series {
	width: 66.66%;
	margin: 0 auto;
	padding: 0.8rem 0;
}

.content .xlzj .series .yellow {
	width: 49%;
	float: left;
	position: relative;
}

.content .xlzj .series .yellow .icpsp {
	width: 100%;
	height: 3.83rem;
	background: #EF7E00;
	position: relative;
}

.content .xlzj .series .icpsp .cpsp {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.content .xlzj .series .icpsp .cpsp img {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.content .xlzj .series .icpsp .bf {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/bf.png) no-repeat;
	background-size: 100% 100%;
	width: 0.52rem;
	height: 0.52rem;
	cursor: pointer;
	z-index: 99;
}

.content .xlzj .series .icpsp .sp-nr {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.82rem 0 0 0.38rem;
}

.content .xlzj .series .icpsp .sp-nr h5 {
	font-size: 0.16rem;
	;
	color: #fff;
}

.content .xlzj .series .icpsp .sp-nr p {
	font-size: 0.3rem;
	color: #fff;
	font-weight: bold;
	background: url(../images/db6.jpg) no-repeat left bottom;
	padding-bottom: 0.2rem;
	text-transform: capitalize;
}

.content .xlzj .series .name {
	font-size: 0.24rem;
	color: #333;
	margin-top: 0.14rem;
	text-align: center;
}

.content .xlzj .series .lewm {
	width: 24px;
	height: 24px;
	margin: 0 auto;
	background: url(../images/pewm.jpg) no-repeat;
	background-size: 100% 100%;
	margin-top: 0.1rem;
	cursor: pointer;
}

.content .xlzj .series .blue {
	width: 49%;
	float: right;
}

.content .xlzj .series .blue .icpsp {
	width: 100%;
	height: 3.83rem;
	background: #174ba0;
	position: relative;
}

.content .cpxj {
	width: 100%;
	padding: 0.72rem 16.67% 0.6rem;
}

.content .cpxj .cpcs {
	width: 100%;
	margin-bottom: 0.4rem;
}

.content .cpxj .cpcs h5 {
	font-size: 0.24rem;
	color: #4d4948;
	font-weight: normal;
	border-bottom: 2px solid #EF7E00;
	display: inline-block;
	margin-left: 0.5rem;
}

.content .cpxj .cpcs .icpcs {
	width: 100%;
	background: #fff;
}

.content .cpxj .cpcs .icpcs .list-paddingleft-2 {
	width: 100% !important;
}

.content .cpxj .cpcs .icpcs ul li {
	width: 100%;
	font-size: 0.14rem;
	color: #666;
	border-bottom: 1px solid #ddd;
	display: flex;
}

.content .cpxj .cpcs .icpcs ul li>div {
	width: 50%;
	padding: 0.22rem 0.64rem 0.24rem 0.48rem;
}

.content .cpxj .cpcs .icpcs ul li>div {
	word-wrap: break-word;
}

.content .cpxj .cpcs .icpcs ul li .one {
	border-right: 1px solid #ddd;
	word-break: break-all;
	word-wrap: break-word;
}

.content .cpxj .cpcs .icpcs ul li .one span {
	font-size: 16px;
}

.content .cpxj .cpcs .icpcs ul li .two span {
	font-size: 16px;
}

.content .cpxj .cpcs .icpcs ul li.last {
	border-bottom: none;
}

.content .cpxj .lcpxq {
	width: 100%;
	margin-bottom: 0.4rem;
}

.content .cpxj .lcpxq h5 {
	font-size: 0.24rem;
	color: #4d4948;
	font-weight: normal;
	margin-left: 0.5rem;
}

.content .cpxj .lcpxq p {
	width: 100%;
	background: #fff;
	min-height: 40px;
	font-size: 0.16rem;
	color: #666;
	line-height: 0.44rem;
}

.content .cpxj .lcpxq p img {
	width: 100%;
	height: auto;
	display: block;
}

.content .cpxj .lcpxq .cpxq-nr {
	width: 100%;
	background: #fff;
	margin-top: 0.22rem;
	padding: 0.6rem 1.43rem 0.5rem 1.43rem;
}

.content .cpxj .lcpxq .cpxq-nr .img {
	width: 35.62%;
	height: auto;
	float: left;
}

.content .cpxj .lcpxq .cpxq-nr .img img {
	width: 100%;
	display: block;
}

.content .cpxj .lcpxq .cpxq-nr .cpjs {
	width: 51.74%;
	float: right;
}

.content .cpxj .lcpxq .cpxq-nr .cpjs h6 {
	font-size: 0.2rem;
	color: #333;
	line-height: 0.24rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.08rem;
}

.content .cpxj .lcpxq .cpxq-nr .cpjs .cpjs-nr {
	width: 100%;
	margin-top: 0.08rem;
}

.content .cpxj .lcpxq .cpxq-nr .cpjs .cpjs-nr p {
	font-size: 0.14rem;
	color: #666;
	line-height: 0.24rem;
	text-align: justify;
	margin-bottom: 0.1rem;
}

.content .cpxj .qtxh {
	width: 100%;
}

.content .cpxj .qtxh h5 {
	font-size: 0.24rem;
	color: #4d4948;
	font-weight: normal;
	margin-left: 0.5rem;
}

.content .cpxj .qtxh .qtcp {
	width: 100%;
	margin-top: 0.22rem;
	padding-bottom: 0.4rem;
	position: relative;
}

.content .cpxj .qtxh .qtcp .swiper-button-prev,
.content .cpxj .qtxh .qtcp .swiper-button-next {
	background: none;
	width: 0.27rem;
	height: 0.5rem;
	margin-top: 0 !important;
	transform: translate(0, -50%);
}

.content .cpxj .qtxh .qtcp .swiper-button-prev img,
.content .cpxj .qtxh .qtcp .swiper-button-next img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .cpxj .qtxh .qtcp ul li {
	height: 4.2rem;
	background: #fff;
}

.content .cpxj .qtxh .qtcp ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.content .cpxj .qtxh .qtcp ul li a .images {
	width: 4.37rem;
	/*height:1.08rem;*/
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 55%;
}

.content .cpxj .qtxh .qtcp ul li a .images img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.content .cpxj .qtxh .qtcp ul li a .qtcp-nr {
	padding: 0.25rem 0.47rem 0;
}

.content .cpxj .qtxh .qtcp ul li a .qtcp-nr .model {
	font-size: 0.2rem;
	color: #333;
	text-align: center;
}

.content .cpxj .qtxh .qtcp ul li a .qtcp-nr .name {
	font-size: 0.16rem;
	color: #666;
	margin-top: 4px;
}

.content .cpxj .qtxh .qtcp ul li a:hover .images img {
	transition: all 0.5s;
	transform: scale(1.1);
}

.content .cpxj .qtxh .qtcp ul li a:hover .qtcp-nr .model {
	color: #EF7E00;
}

.content .cpxj .qtxh .qtcp ul li a:hover .qtcp-nr .name {
	color: #EF7E00;
}

.content .cpxj .qtxh .qtcp .swiper-pagination {
	bottom: 0;
}

.content .cpxj .qtxh .qtcp .swiper-pagination span.swiper-pagination-bullet-active {
	background: #EF7E00;
}

.content .alzs {
	width: 100%;
	background: #fff;
	padding: 0.4rem 0 1rem 0;
	position: static;
}

.content .alzs h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	background: url(../images/db7.jpg) no-repeat center bottom;
	padding-bottom: 0.18rem;
	text-align: center;
}

.content .alzs ul {
	width: 100%;
	margin-top: 0.27rem;
}

.content .alzs ul li a {
	display: block;
	width: 100%;
	transition-duration: .5s;
}

.content .alzs ul li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content .alzs ul li a .img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.content .alzs ul li a .img img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 0.4s;
}

.content .alzs ul li a .alzs-nr {
	width: 100%;
	padding: 0.18rem 0.18rem 0.18rem 0.38rem;
	border: 1px solid #f2f2f2;
}

.content .alzs ul li a .alzs-nr h5 {
	font-size: 0.24rem;
	color: #666;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .alzs ul li a .alzs-nr p {
	font-size: 0.14rem;
	color: #666;
	margin-top: 0.02rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .alzs .swiper-pagination {
	bottom: 0.2rem;
}

.content .alzs .swiper-pagination span {
	width: 10px;
	height: 10px;
	border: 1px solid #9d9d9d;
	border-radius: 100%;
	opacity: 1;
	background: #fff;
}

.content .alzs .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #EF7E00;
	border: 1px solid #EF7E00;
}

.content .alzs ul li a:hover .img img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.content .alzs ul li a:hover .alzs-nr h5 {
	color: #EF7E00;
}

.content .alzs ul li a:hover .alzs-nr p {
	color: #EF7E00;
}

/* 合作与案例 */
.banner .dqwz {
	border-bottom: 1px solid #ccc;
}

.banner .ibanner {
	width: 100%;
	position: relative;
}

.banner .ibanner img {
	width: 100%;
	height: auto;
	display: block;
}

.content .case {
	width: 100%;
	padding: 0.52rem 0 1.1rem;
	text-align: center;
}

.content .case h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	text-align: center;
	background: url(../images/db7.jpg) no-repeat center bottom;
	padding-bottom: 0.18rem;
}

.content .case ul {
	width: 83.33%;
	margin: 0 auto;
	margin-top: 0.45rem;
	margin-bottom: 0.26rem;
}

.content .case ul li {
	width: 32.18%;
	float: left;
	margin: 0 1.73% 0.44rem 0;
}

.content .case ul li.three {
	margin-right: 0;
}

.content .case ul li a {
	display: block;
	width: 100%;
	transition-duration: .5s;
}

.content .case ul li a .img {
	width: 100%;
	height: 3.04rem;
	overflow: hidden;
	position: relative;
}

.content .case ul li a .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.content ul li a .img .city {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.4rem;
	line-height: 0.4rem;
	padding: 0 0.15rem;
	text-align: right;
	font-size: 0.14rem;
	color: #fff;
}

.content .case ul li a .aljs {
	width: 100%;
	border: 1px solid #f2f2f2;
	border-top: none;
	padding: 0.18rem 0.4rem 0.18rem;
	text-align: left;
}

.content .case ul li a .aljs .alxq {
	width: 100%;
	margin-bottom: 0.32rem;
}

.content .case ul li a .aljs .alxq h5 {
	font-size: 0.2rem;
	color: #666;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.5s;
}

.content .case ul li a .aljs .alxq p {
	font-size: 0.14rem;
	color: #888;
	margin-top: 0.04rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-height: 42px;
}

.content .wylj {
	font-size: 12px;
	color: #EF7E00;
}

.content .case ul li a:hover .img img {
	transition: all 0.5s;
	transform: scale(1.1);
}

.content .case ul li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content .case ul li a:hover .aljs .alxq h5 {
	color: #EF7E00;
	transition: all 0.5s;
}

.content .skip {
	display: inline-block;
}

.content .skip a {
	display: block;
	width: 46px;
	height: 46px;
	border: 1px solid #d1d1d1;
	float: left;
	border-radius: 100%;
	line-height: 46px;
	font-size: 12px;
	color: #666;
	margin: 0 0.1rem;
	margin-bottom: 10px;
}

.content .skip span {
	display: block;
	width: 46px;
	height: 46px;
	border: 1px solid #d1d1d1;
	float: left;
	border-radius: 100%;
	line-height: 46px;
	font-size: 12px;
	margin: 0 0.1rem;
	color: #666;
	margin-bottom: 10px;
}

.content .skip span.current {
	background: #EF7E00;
	border: 1px solid #EF7E00;
	color: #fff;
}

.content .skip span.all {
	display: none;
}

.content .skip span.pageindex {
	display: none;
}

.content .skip a.xyy {
	border: none;
	background: url(../images/xyy.png) no-repeat center center;
	background-size: 0.13rem 0.22rem;
}

.content .skip a:hover {
	background: #EF7E00;
	color: #fff;
	border: 1px solid #EF7E00;
}

.content .skip a.xyy:hover {
	background: url(../images/xyy.png) no-repeat center center;
	color: #666;
	background-size: 0.13rem 0.22rem;
	border: none;
}

/* 新闻动态 */
.content .gytg {
	width: 100%;
}

.content .gytg .gytg-nav {
	width: 100%;
	height: 1.32rem;
	box-shadow: 0 4px 6px #f4f4f4;
}

.content .gytg .gytg-nav>div {
	height: 100%;
	width: 12rem;
	margin: 0 auto;
}

.content .gytg .gytg-nav ul {
	height: 100%;
	border-right: 1px solid #e5e5e5;
}

.content .gytg .gytg-nav ul li {
	width: 20%;
	height: 100%;
	border-left: 1px solid #e5e5e5;
	float: left;
}

.content .gytg .gytg-nav ul li a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	flex-direction: column;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a .img {
	width: 0.5rem;
	height: 0.42rem;
}

.content .gytg .gytg-nav ul li a .img .gytg-lm {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a .img .hover {
	width: 100%;
	height: 100%;
	display: none;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a p {
	font-size: 0.16rem;
	color: #666;
	margin-top: 0.06rem;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a:hover {
	background: #EF7E00;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a:hover .img .gytg-lm {
	display: none;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a:hover .img .hover {
	display: block;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li a:hover p {
	color: #fff;
	transition: all 0.3s;
}

.content .gytg .gytg-nav ul li.on a {
	background: #EF7E00;
}

.content .gytg .gytg-nav ul li.on a .img .gytg-lm {
	display: none;
}

.content .gytg .gytg-nav ul li.on a .img .hover {
	display: block;
}

.content .gytg .gytg-nav ul li.on a p {
	color: #fff;
}

.content .gytg .xwdt {
	width: 100%;
	padding: 0.98rem 0 1.1rem 0;
	text-align: center;
}

.content .gytg .xwdt ul {
	width: 12rem;
	margin: 0 auto;
	margin-bottom: 0.72rem;
}

.content .gytg .xwdt ul li {
	width: 32.1%;
	float: left;
	margin: 0 1.85% 0.42rem 0;
}

.content .gytg .xwdt ul li.three {
	margin-right: 0;
}

.content .gytg .xwdt ul li.two.three {
	margin-right: 0;
}

.content .gytg .xwdt ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.content .gytg .xwdt ul li a .images {
	width: 100%;
	height: 2.52rem;
	overflow: hidden;
}

.content .gytg .xwdt ul li a .images img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.4s;
}

.content .gytg .xwdt ul li a .xwnr {
	width: 100%;
	padding: 0.14rem 0 0.02rem 0;
	text-align: left;
}

.content .gytg .xwdt ul li a .xwnr h5 {
	font-size: 0.18rem;
	color: #666;
	font-weight: normal;
	transition: all 0.4s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 0.52rem;
    text-align: center;
}

.content .gytg .xwdt ul li a .xwnr .date {
	font-size: 0.16rem;
	color: #666;
	margin-top: 0.06rem;
}

.content .gytg .xwdt ul li a:hover .images img {
	transition: all 0.4s;
	transform: scale(1.1);
}

.content .gytg .xwdt ul li a:hover .xwnr h5 {
	color: #EF7E00;
	transition: all 0.4s;
}

.content .gytg .gytg-nav>div .swiper-button-prev {
	display: none;
}

.content .gytg .gytg-nav>div .swiper-button-next {
	display: none;
}

/* 新闻案例 */
.content .gytg .xwxq {
	width: 12rem;
	margin: 0 auto;
	padding: 0.5rem 0 1rem 0;
}

.content .gytg .xwxq .xwxq-tp {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.content .gytg .xwxq .xwxq-tp img {
	width: 5.85rem;
	height: 1.8rem;
	display: block;
}

.content .gytg .xwxq .xwxq-nr {
	width: 100%;
	margin-top: 0.78rem;
}

.content .gytg .xwxq .xwxq-nr h4 {
	font-size: 0.3rem;
	color: #333;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.26rem;
	margin-bottom: 30px;
}

.content .gytg .xwxq .xwxq-nr .source {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.content .gytg .xwxq .xwxq-nr .source>div {
	display: inline-block;
	line-height: 0.38rem;
	vertical-align: middle;
	font-size: 0.16rem;
}

.content .gytg .xwxq .xwxq-nr .source .data {
	color: #666;
}

.content .gytg .xwxq .xwxq-nr .source .antistop {
	color: #666;
	margin-right: 0.8rem;
}

.content .gytg .xwxq .xwxq-nr .source .bdsharebuttonbox {
	margin-left: 0.8rem;
}















.content .gytg .xwxq .xwxq-nr .source .share ul li a:hover {
	background: #EF7E00;
}

.content .gytg .xwxq .xwxq-nr .source .share:hover ul {
	display: block;
}

.content .gytg .xwxq .xwxq-nr .source .share:hover span {
	background: #EF7E00;
	color: #fff;
	border: 0.01rem solid #EF7E00;
}

.content .gytg .xwxq .xwxq-nr .source .share:hover span::after {
	content: "";
	position: absolute;
	width: 0.1rem;
	height: 0.12rem;
	background: url(../images/fx1.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	left: 15%;
	transform: translate(0, -50%);
}

.content .gytg .xwxq .xwxq-nr p {
	font-size: 0.16rem;
	color: #666;
	line-height: 0.35rem;
}

.content .gytg .xwxq .xwxq-nr p img {
	max-width: 100%;
	height: auto !important;
	display: block;
	margin: 0 auto;
	margin-top: 0rem;
}

.content .gytg .xwxq .xwxq-nr p span {
	/* display: block; */
	font-size: 0.16rem;
	line-height: 0.44rem;
}

.content .gytg .xwxq .article {
	width: 100%;
	margin-top: 0.4rem;
	border-top: 1px solid #ccc;
	padding-top: 0.44rem;
}

.content .gytg .xwxq .article .iarticle {
	width: 80%;
	float: left;
}

.content .gytg .xwxq .article .iarticle>div {
	font-size: 0.16rem;
	color: #333;
}

.content .gytg .xwxq .article .iarticle>div span {
	font-size: 0.16rem;
	color: #333;
	display: block;
	float: left;
}

.content .gytg .xwxq .article .iarticle>div a {
	font-size: 0.16rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
	width: 88%;
}

.content .gytg .xwxq .article .iarticle .itop {
	margin-bottom: 0.1rem;
}

.content .gytg .xwxq .article .iarticle>div a:hover {
	color: #EF7E00;
}

.content .gytg .xwxq .article .return {
	width: 1.24rem;
	height: 0.36rem;
	background: #EF7E00;
	border-radius: 0.18rem;
	text-align: center;
	line-height: 0.36rem;
	display: block;
	float: right;
	font-size: 0.14rem;
	cursor: pointer;
	color: #fff;
	position: relative;
	overflow: hidden;
	border: 1px solid #EF7E00;
	margin-top: 10px;
}

.content .gytg .xwxq .article .return:before {
	content: "";
	display: block;
	width: 124%;
	height: 100%;
	position: absolute;
	left: -131%;
	top: 0;
	z-index: 1;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
}

.content .gytg .xwxq .article .return:after {
	content: "";
	position: absolute;
	z-index: 0;
	background: #EF7E00;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.content .gytg .xwxq .article .return em {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 0.14rem;
	line-height: 0.36rem;
	transition: .3s ease-in-out;
}

.content .gytg .xwxq .article .return:hover em {
	color: #EF7E00;
}

.content .gytg .xwxq .article .return:hover:before {
	left: -13%;
}

.content .gytg .xwxq .article .return {
	margin-left: auto;
	margin-right: auto;
}

.content .relevancy {
	width: 100%;
	background: #efefef;
	padding: 0.75rem 0 0.78rem 0;
}

.content .relevancy .irelevancy {
	width: 16rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.content .relevancy .relevance {
	width: 24.375%;
	height: auto;
}

.content .relevancy .relevance img {
	width: 100%;
	display: block;
}

.content .relevancy .relevance .employ {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: none;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #EF7E00;
}

.content .relevancy .glcp {
	width: 73.1875%;
}

.content .relevancy .glcp ul li {
	height: 100%;
	overflow: hidden;
}

.content .relevancy .glcp ul li a {
	display: block;
	height: 100%;
}

.content .relevancy .glcp ul li a .img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	transition: all 0.6s;
	background: #fff;
}

.content .relevancy .glcp ul li a .img .images {
	width: 74%;
	height: auto;
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	transform: translate(-50%, 0);
	overflow: hidden;
}

.content .relevancy .glcp ul li a .img img {
	width: 100%;
	display: block;
	height: auto;
	transition: all 0.6s;
}

.content .relevancy .glcp ul li a .img p {
	font-size: 0.18rem;
	color: #343434;
	line-height: 0.3rem;
	text-align: center;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0.1rem;
	width: 100%;
}

.content .relevancy .glcp ul li a:hover .img .images img {
	transition: all 0.6s;
	transform: scale(1.1);
}

.content .relevancy .glcp .swiper-button-prev {
	background: url(../images/ixz.png) no-repeat;
	background-size: 0.27rem 0.5rem;
	width: 0.27rem;
	height: 0.5rem;
	margin-top: -0.25rem;
}

.content .relevancy .glcp .swiper-button-next {
	background: url(../images/ixy.png) no-repeat;
	background-size: 0.27rem 0.5rem;
	width: 0.27rem;
	height: 0.5rem;
	margin-top: -0.25rem;
}

.content .relevancy .swiper-pagination {
	display: none;
}

.content .content-bottom.ixwal {
	padding: 0.36rem 0 !important;
}

.content .content-bottom .scan {
	margin-top: 0;
}

/* 人才招聘 */
.content .gytg .rczp {
	margin: 0 auto;
	padding: 0.85rem 0 1.3rem;
	width: 100%;
}

.content .gytg .rczp .gsts {
	width: 12rem;
	margin: 0 auto;
	margin-bottom: 0.75rem;
	text-align: center;
}

.content .gytg .rczp .gsts h5 {
	font-size: 0.2rem;
	color: #444;
	font-weight: normal;
}

.content .gytg .rczp .gsts h3 {
	font-size: 0.28rem;
	color: #444;
	font-weight: normal;
	margin-top: 0.14rem;
}

.content .gytg .rczp .gsts .mailbox {
	width: 100%;
	height: auto;
	margin-top: 0.7rem;
	position: relative;
}

.content .gytg .rczp .gsts .mailbox img {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	display: block;
}

.content .gytg .rczp .gsts .mailbox .fsyx {
	position: absolute;
	top: 50%;
	right: 17.5%;
	transform: translate(0, -50%);
	color: #444;
	line-height: 0.25rem;
}

.content .gytg .rczp .gsts .mailbox .fsyx .yyz {
	font-size: 0.14rem;
}

.content .gytg .rczp .gsts .mailbox .fsyx .yxdz {
	font-size: 0.14rem;
	color: #EF7E00;
}

.content .gytg .rczp .gsts .mailbox .fsyx .wxewm {
	width: 1.1rem;
	margin: 0.1rem auto;
	padding: 0.08rem;
	background: #fff;
}

.content .gytg .rczp .gsts .mailbox .fsyx .wxewm img {
	width: 100%;
	display: block;
}

.content .gytg .rczp .gsts .mailbox .fsyx .annotation {
	font-size: 0.12rem;
}

.content .gytg .rczp .gsdy {
	width: 12rem;
	margin: 0 auto;
	margin-bottom: 0.7rem;
}

.content .gytg .rczp .gsdy ul li {
	height: 3.55rem;
	width: 23.75%;
	float: left;
	position: relative;
	margin-right: 1.66%;
}

.content .gytg .rczp .gsdy ul li.last {
	margin-right: 0;
}

.content .gytg .rczp .gsdy ul li.list1 {
	background: url(../images/rczp1.png) no-repeat;
	background-size: 100% 100%;
	;
}

.content .gytg .rczp .gsdy ul li.list2 {
	background: url(../images/rczp2.png) no-repeat;
	background-size: 100% 100%;
	;
}

.content .gytg .rczp .gsdy ul li.list3 {
	background: url(../images/rczp3.png) no-repeat;
	background-size: 100% 100%;
	;
}

.content .gytg .rczp .gsdy ul li.list4 {
	background: url(../images/rczp4.png) no-repeat;
	background-size: 100% 100%;
	;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate(0, -50%);
	padding: 0.3rem;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .dyt {
	width: 0.4rem;
	margin: 0 auto 0.2rem;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .dyt img {
	width: 100%;
	display: block;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment {
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment:after {
	content: "";
	display: block;
	width: 32px;
	height: 1px;
	background: #fff;
	margin: 0.2rem auto;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment-xx {
	height: 0;
	overflow: hidden;
	transition-duration: .3s;
	overflow-y: auto;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment-xx .itreatment {
	font-size: 0.14rem;
	line-height: 0.28rem;
	color: #fff;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment-xx::-webkit-scrollbar {
	width: 4px;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment-xx::-webkit-scrollbar-track {
	background: #fff;
	opacity: 0;
}

.content .gytg .rczp .gsdy ul li .gsdy-nr .treatment-xx::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 0;
}

.content .gytg .rczp .gsdy ul li:hover .gsdy-nr .treatment-xx {
	height: 1.68rem;
}

.content .gytg .rczp .zpgw {
	width: 12rem;
	margin: 0 auto;
}

.content .gytg .rczp .zpgw .station {
	float: left;
	width: 25%;
}

.content .gytg .rczp .zpgw .station h5 {
	width: 100%;
	height: 0.92rem;
	line-height: 0.92rem;
	background: #EF7E00;
	font-size: 0.24rem;
	color: #fff;
	padding-left: 0.31rem;
}

.content .gytg .rczp .zpgw .station ul {
	width: 100%;
	overflow-y: scroll;
	height: 6.29rem;
}

.content .gytg .rczp .zpgw .station ul li {
	width: 100%;
	height: 0.8rem;
	background: #f4f4f4;
	border: 1px solid #fff;
	line-height: 0.8rem;
	font-size: 0.16rem;
	color: #666;
	padding-left: 0.4rem;
	position: relative;
	transition-duration: .5s;
}

.content .gytg .rczp .zpgw .station ul li.on {
	background: #fff;
}

.content .gytg .rczp .zpgw .station ul li:before {
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	display: block;
	width: 6px;
	height: 0;
	transition-duration: .5s;
	background: #EF7E00;
	position: absolute;
}

.content .gytg .rczp .zpgw .station ul li.on:before {
	height: 100%;
}

.content .gytg .rczp .zpgw .station ul li:hover {
	background: #fff;
	transition-duration: .5s;
}

.content .gytg .rczp .zpgw .station ul li:hover:before {
	height: 100%;
}

.content .gytg .rczp .zpgw .station ul::-webkit-scrollbar {
	width: 4px;
}

.content .gytg .rczp .zpgw .station ul::-webkit-scrollbar-track {
	background: #fff;
	opacity: 0;
}

.content .gytg .rczp .zpgw .station ul::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 0;
}

.content .gytg .rczp .zpgw .zpyq {
	width: 73%;
	background: #f4f4f4;
	float: right;
	padding: 0.4rem 0.64rem 1.04rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq {
	width: 100%;
	opacity: 0;
	transform: translateY(20px);
	transition-duration: .5s;
	height: 0;
	overflow: hidden;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 0.28rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx h5 {
	font-size: 0.2rem;
	color: #444;
	font-weight: normal;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx .post {
	width: 100%;
	display: flex;
	margin-top: 0.03rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx .post .recruit:first-child {
	padding-left: 0;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx .post .recruit {
	font-size: 0.14rem;
	color: #444;
	line-height: 0.24rem;
	padding-left: 0.3rem;
	position: relative;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .zexx .post .recruit:before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 0.16rem;
	background: #cfcfcf;
	left: 0.15rem;
	top: 0.04rem;
	;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .bring {
	width: 100%;
	padding-top: 0.34rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .bring .gzzz {
	margin-bottom: 0.98rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .bring>div {
	line-height: 0.34rem;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .bring>div span {
	font-size: 0.14rem;
	color: #444;
	display: block;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .bring>div p {
	font-size: 0.14rem;
	color: #888;
	display: block;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .sqzw {
	width: 1.2rem;
	height: 0.4rem;
	font-size: 0.16rem;
	color: #fff;
	display: block;
	line-height: 0.4rem;
	text-align: center;
	margin-top: 0.48rem;
	transition-duration: .3s;
	background: url(../images/sqzw.png) no-repeat 0.96rem center #EF7E00;
}

.content .gytg .rczp .zpgw .zpyq .izpyq .sqzw:hover {
	background: url(../images/sqzw.png) no-repeat 1rem center #EF7E00;
}

.content .gytg .rczp .zpgw .zpyq .izpyq.show {
	opacity: 1;
	transform: translateY(0);
	height: auto;
}

.content .gytg .rczp .zpgw-sp {
	width: 100%;
	display: none;
}

.content .gytg .rczp .zpgw-sp h3 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #EF7E00;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

.content .gytg .rczp .zpgw-sp ul li {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

.content .gytg .rczp .zpgw-sp ul li .ipost {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	padding: 0 3%;
	background: url(../images/xl.png) no-repeat 97% center;
	background-size: 20px 20px;
	border-bottom: 1px solid #e6e6e6;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp {
	padding: 10px 3% 0;
	display: none;
}

.content .gytg .rczp .zpgw-sp ul li.on .ipost {
	background: url(../images/sq.png) no-repeat 97% center;
	background-size: 20px 20px;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .zptj-sp {
	width: 100%;
	padding-bottom: 16px;
	border-bottom: 1px solid #e6e6e6;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .zptj-sp .condition {
	float: left;
	margin-right: 38px;
	font-size: 14px;
	color: #444;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .quarters {
	width: 100%;
	padding: 14px 3% 12px;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .quarters>div {
	line-height: 30px;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .quarters .rzyq-sp {
	margin-top: 30px;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .quarters>div span {
	font-size: 14px;
	color: #444;
}

.content .gytg .rczp .zpgw-sp ul li .zpyq-sp .quarters>div p {
	font-size: 14px;
	color: #888;
}

/* 联系我们 */
.content .gytg .lxwm {
	width: 12rem;
	margin: 0 auto;
	padding: 0.68rem 0 1.4rem;
}

.content .gytg .lxwm .lxxx {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	padding-bottom: 0.6rem;
}

.content .gytg .lxwm .lxxx>div {
	flex: 0 0 30.8%;
}

.content .gytg .lxwm .lxxx>div img {
	width: 0.32rem;
	margin: 0 auto;
	display: block;
}

.content .gytg .lxwm .lxxx>div h5 {
	font-size: 0.16rem;
	color: #444;
	margin: 15px auto;
	font-weight: bold;
}

.content .gytg .lxwm .lxxx>div .lxwm-xx {
	padding: 0 25;
}

.content .gytg .lxwm .lxxx>div .lxwm-xx p {
	font-size: 0.14rem;
	color: #444;
	line-height: 0.3rem;
}

.content .gytg .lxwm .lxxx>div .lxwm-xx em {
	font-size: 0.12rem;
	color: #888;
}

.content .gytg .lxwm .lxxx .olist2 {
	position: relative;
}

.content .gytg .lxwm .lxxx .olist2::before,
.content .gytg .lxwm .lxxx .olist2::after {
	content: "";
	display: block;
	width: 1px;
	height: 0.3rem;
	top: 50%;
	background: #e5e5e5;
	position: absolute;
	transform: translateY(-50%);
}

.content .gytg .lxwm .lxxx .olist2::before {
	left: 0
}

.content .gytg .lxwm .lxxx .olist2::after {
	right: 0;
}

.content .gytg .lxwm .map {
	width: 100%;
}

.content .gytg .lxwm .map .my-map {
	width: 100%;
}

.content .gytg .lxwm .map img {
	width: 100%;
	display: block;
}

.content .gytg .lxwm .affiliation {
	width: 100%;
	margin-top: 0.92rem;
}

.content .gytg .lxwm .affiliation ul {
	flex-wrap: wrap;
	justify-content: space-between;
	display: flex;
}

.content .gytg .lxwm .affiliation ul li {
	width: 48%;
	padding: 0.5rem 2rem 0.6rem 0.52rem;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	transition-duration: .8s;
	visibility: visible;
	animation-name: fadeInUp;
	margin-bottom: 0.32rem;
}

.content .gytg .lxwm .affiliation ul li .name {
	font-size: 0.2rem;
	color: #444;
	margin-bottom: 0.16rem;
}

.content .gytg .lxwm .affiliation ul li a {
	font-size: 0.14rem;
	color: #4b4948;
	line-height: 0.25rem;
	margin-bottom: 0.1rem;
	display: block;
}

.content .gytg .lxwm .affiliation ul li:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.content .gytg .lxwm .affiliation ul li:hover a {
	color: #EF7E00;
}

.content .gytg .lxwm .affiliation ul li a.phone {
	background: url(../images/dh.jpg) no-repeat left top;
	padding-left: 0.34rem;
	background-size: 0.25rem 0.25rem;
}

.content .gytg .lxwm .affiliation ul li a.yxdz {
	background: url(../images/yx.jpg) no-repeat left top;
	padding-left: 0.34rem;
	background-size: 0.25rem 0.25rem;
}

/* 案例详情 */
.content .gytg .xwxq .xwxq-nr.alxq p span {
	background: none;
	display: inline;
	padding-left: 0;
	font-weight: normal;
}

/* 关于天工 */
.content .gytg .gsjs {
	width: 100%;
}

.content .gytg .gsjs .gsjj {
	width: 12rem;
	padding: 0.58rem 0 0.28rem 0;
	margin: 0 auto;
}

.content .gytg .gsjs .gsjj h4 {
	font-size: 0.36rem;
	color: #4d4948;
	text-align: center;
}

.content .gytg .gsjs .gsjj .gsjj-nr {
	width: 100%;
	margin-top: 0.46rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr>div {
	margin-bottom: 0.28rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr>div .topic {
	font-size: 0.16rem;
	color: #333;
}

.content .gytg .gsjs .gsjj .gsjj-nr>div p {
	font-size: 0.14rem;
	color: #666;
	margin-top: 0.08rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr .tgs .itopic {
	font-size: 0.16rem;
	color: #333;
	margin-top: 0.04rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr .qywh .topic {
	margin-bottom: 0.06rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr .qywh .iqewh {
	font-size: 0.14rem;
	color: #666;
	margin-bottom: 0.04rem;
}

.content .gytg .gsjs .gsjj .gsjj-nr .qywh .iqewh span {
	color: #333;
}

.content .gytg .gsjs .zktg-xy {
	width: 100%;
	height: auto;
	position: relative;
	background-image: url(../images/gsjs.jpg);
	visibility: visible;
	animation-name: fadeInUp;
	padding: 112px 0 126px 0;
	background-size: cover !important;
}

/* .content .gytg .gsjs .zktg-xy img{width:100%;height:auto;display:block;} */
.content .gytg .gsjs .zktg-xy .izktg-xy {
	justify-content: flex-end;
	margin-left: auto;
	margin-right: auto;
	display: flex;
}

.content .gytg .gsjs .zktg-xy .manifesto {
	height: 3.28rem;
	background: #EF7E00;
	padding: 0.44rem 0.48rem 0 1.6rem;
	text-align: right;
	opacity: 0.8;
}

.content .gytg .gsjs .zktg-xy .manifesto .advertising {
	width: 100%;
	margin-bottom: 0.38rem;
	background: url(../images/db8.jpg) no-repeat right bottom;
	padding-bottom: 0.28rem;
	background-size: 0.45rem 0.04rem;
	opacity: 1;
}

.content .gytg .gsjs .zktg-xy .manifesto .advertising .slogan {
	font-size: 0.37rem;
	color: #fff;
}

.content .gytg .gsjs .zktg-xy .manifesto .advertising .islogan {
	font-size: 0.48rem;
	color: #fff;
	margin-top: 0.16rem;
}

.content .gytg .gsjs .zktg-xy .manifesto .name {
	font-size: 0.21rem;
	color: #fff;
	letter-spacing: 0.14rem;
	text-indent: 0.14rem;
}

.content .gytg .gsjs .znjjxt {
	width: 12rem;
	margin: 0 auto;
	padding-top: 0.38rem;
}

.content .gytg .gsjs .znjjxt .scheme {
	width: 100%;
	text-align: left;
}

.content .gytg .gsjs .znjjxt .scheme h5 {
	font-size: 0.3rem;
	color: #666;
}

.content .gytg .gsjs .znjjxt .scheme h3 {
	font-size: 0.36rem;
	color: #444;
	margin-top: 0.04rem;
}

.content .gytg .gsjs .znjjxt .sdtx {
	width: 100%;
	margin-top: 0.62rem;
}

.content .gytg .gsjs .znjjxt .sdtx h4 {
	font-size: 0.24rem;
	color: #444;
	background: url(../images/zb3.jpg) no-repeat left center;
	padding-left: 1rem;
	background-size: 0.84rem 0.04rem;
}

.content .gytg .gsjs .znjjxt .sdtx ul {
	width: 100%;
	margin-top: 0.32rem;
}

.content .gytg .gsjs .znjjxt .sdtx ul li {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .img {
	width: 100%;
	overflow: hidden;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .img img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s ease;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.17rem .25rem;
	background: rgba(0, 0, 0, .5);
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .ititle {
	width: 100%;
	margin-bottom: 0.16rem;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .ititle span {
	font-size: 0.2rem;
	color: #fff;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .system {
	width: 100%;
	min-height: 0.48rem;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .system span.isystem {
	font-size: 0.14rem;
	color: rgba(255, 255, 255, 0.7);
	padding-left: 0.05rem;
	position: relative;
	line-height: 0.24rem;
	display: inline-block;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .system span.isystem::before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 0.16rem;
	background: rgba(255, 255, 255, 0.7);
	left: 1px;
	top: 0.04rem;
	;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .system span.isystem:first-child {
	padding-left: 0;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .explain .system span.isystem:first-child::before {
	display: none;
}

.content .gytg .gsjs .znjjxt .sdtx ul li .serial {
	display: block;
	width: 90px;
	height: 90px;
	margin-left: -32px;
	position: absolute;
	color: rgba(255, 255, 255, 0.1);
	font-size: 100px;
	line-height: 90px;
	transform: rotate(90deg);
	left: 0;
	top: 30px;
	z-index: 2;
	font-family: "Arial";
}

.content .gytg .gsjs .znjjxt .sdtx ul li:hover .img img {
	transform: scale3D(1.1, 1.1, 1.1);
}

.content .gytg .yycj {
	width: 12rem;
	margin: 0 auto;
	padding-top: 0.32rem;
}

.content .gytg .yycj h5 {
	font-size: 0.24rem;
	color: #444;
	background: url(../images/zb3.jpg) no-repeat left center;
	padding-left: 1.2rem;
	background-size: 0.84rem 0.04rem;
}

.content .gytg .yycj .apply {
	width: 100%;
	margin-top: 0.42rem;
	visibility: visible;
	animation-delay: 0.4s;
	animation-name: fadeInUp;
	position: relative;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.content .gytg .yycj .apply .wisdom {
	width: 33%;
	overflow: visible;
	position: relative;
	z-index: 2;
	float: left;
}

.content .gytg .yycj .apply .wisdom ul li {
	width: 100%;
	padding: 0.52rem 0.44rem;
	background: #efefef;
	transition-duration: .3s;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}

.content .gytg .yycj .apply .wisdom ul li .scene {
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.content .gytg .yycj .apply .wisdom ul li .scene .iscene {
	flex: 0 0 200px;
}

.content .gytg .yycj .apply .wisdom ul li .scene .iscene>div {
	font-size: 0.2rem;
}

.content .gytg .yycj .apply .wisdom ul li .scene .iscene .scene-cn {
	color: #444;
	margin-bottom: 0.08rem;
}

.content .gytg .yycj .apply .wisdom ul li .scene .iscene .scene-en {
	opacity: 0.3;
}

.content .gytg .yycj .apply .wisdom ul li .scene .zh-img {
	width: 0.4rem;
	height: 0.41rem;
	position: relative;
	flex: 0 0 0.4rem;
}

.content .gytg .yycj .apply .wisdom ul li .scene .zh-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.content .gytg .yycj .apply .wisdom ul li .scene .zh-img .unhover {
	display: block;
}

.content .gytg .yycj .apply .wisdom ul li .scene .zh-img .hover {
	display: none;
}

.content .gytg .yycj .apply .wisdom ul li.on {
	background: #EF7E00;
	width: calc(100% + 40px);
	border-bottom: 1px solid #EF7E00;
}

.content .gytg .yycj .apply .wisdom ul li.on .scene .iscene .scene-cn {
	color: #fff;
}

.content .gytg .yycj .apply .wisdom ul li.on .scene .zh-img .unhover {
	display: none;
}

.content .gytg .yycj .apply .wisdom ul li.on .scene .zh-img .hover {
	display: block;
}

.content .gytg .yycj .apply .isystem {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 67%;
	transition-duration: .5s;
}

.content .gytg .yycj .apply .isystem .yycj-tp {
	width: 100%;
	height: 100%;
	position: relative;
}

.content .gytg .yycj .apply .isystem .yycj-tp img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .gytg .yycj .apply .isystem .yycj-tp a {
	position: absolute;
	bottom: 0.2rem;
	right: 0;
	transition-duration: .3s;
	font-size: 0.16rem;
	color: #fff;
	padding-right: 0.3rem;
}

.content .gytg .yycj .apply .isystem .yycj-tp a:hover {
	transform: translateX(-6px);
}

.content .gytg .tgdsj {
	width: 100%;
	margin-top: 0.42rem;
}

.content .gytg .tgdsj h4 {
	font-size: 0.36rem;
	color: #333;
	font-weight: normal;
	text-align: center;
}

.content .gytg .tgdsj .catalogue {
	width: 100%;
	margin-top: 0.56rem;
	position: relative;
}

.content .gytg .tgdsj .catalogue:before {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 106px;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #eee;
}

.content .gytg .tgdsj .incident {
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
	width: calc(100% - 100px);
	margin: 0 auto;
	box-sizing: content-box;
}

.content .gytg .tgdsj .incident ul li {
	text-align: center;
	transition-duration: .3s;
	position: relative;
}

.content .gytg .tgdsj .incident ul li .date {
	font-size: 0.24rem;
	color: #666;
	height: 96px;
	padding-top: 30px;
	line-height: 66px;
	transition-duration: .3s;
}

.content .gytg .tgdsj .incident ul li .swiper-line {
	position: relative;
	display: block;
	width: 14px;
	height: 40px;
	background: #fff;
	margin: -0.05rem auto;
	visibility: visible;
	animation-delay: 0.4s;
	animation-name: fadeInUp;
}

.content .gytg .tgdsj .incident ul li .swiper-line::after {
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 20px;
	background: #eee;
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
}

.content .gytg .tgdsj .incident ul li .swiper-line::before {
	left: 50%;
	top: 0;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	background: #bfbfbf;
	border-radius: 50%;
	margin-left: -5px;
	transition-duration: .3s;
	;
	content: "";
	position: absolute;
	display: block;
	box-sizing: border-box;
}

.content .gytg .tgdsj .incident ul li .sjnr {
	padding: 0.18rem 0.28rem;
	font-size: 0.14rem;
	line-height: 0.26rem;
	;
	color: #888;
	transition-duration: .3s;
}

.content .gytg .tgdsj .incident ul li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content .gytg .tgdsj .incident ul li:hover .date {
	padding-top: 0.15rem;
}

.content .gytg .tgdsj .incident ul li:hover .swiper-line::before {
	background: #fff;
	border: 2px solid #EF7E00;
	transition-duration: .3s;
}

.content .gytg .tgdsj .incident ul li .sjnr p {
	font-size: 0.14rem;
	color: #888;
	line-height: 0.26rem;
	min-height: 1.04rem;
}

.content .gytg .tgdsj .catalogue .swiper-btns-wrap3 .swiper-button-prev {
	width: 0.36rem;
	height: 0.36rem;
	background: url(../images/prev2.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0;
	cursor: pointer;
	transform: translate(0, -50%);
}

.content .gytg .tgdsj .catalogue .swiper-btns-wrap3 {
	position: absolute;
	z-index: 3;
	height: 1px;
	overflow: visible;
	width: 100%;
	left: 0;
	top: 106px;
	;
}

.content .gytg .tgdsj .catalogue .swiper-btns-wrap3 .swiper-button-next {
	width: 0.36rem;
	height: 0.36rem;
	background: url(../images/next2.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 0;
	cursor: pointer;
	transform: translate(0, -50%);
}

.content .gytg .cpcx {
	text-align: center;
	width: 100%;
}

.content .gytg .cpcx h4 {
	font-size: 0.36rem;
	color: #545559;
	font-weight: normal;
	background: url(../images/db9.jpg) no-repeat center bottom;
	padding-bottom: 0.18rem;
}

.content .gytg .cpcx .zzcp {
	width: 100%;
	margin-top: 0.49rem;
}

.content .gytg .cpcx .zzcp ul li {
	width: 100%;
	height: auto;
	position: relative;
}

.content .gytg .cpcx .zzcp ul li img {
	width: 100%;
	height: auto;
	display: block;
}

.content .gytg .cpcx .zzcp ul li .cpcx-nr {
	position: absolute;
	top: 39%;
	right: 14%;
	text-align: center;
	width: 6rem;
	flex: 0 0 50%;
}

.content .gytg .cpcx .zzcp ul li .cpcx-nr .cpcx-xq {
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.38rem;
	transition-duration: .8s;
	transform: translateY(30px);
	opacity: 0;
}

.content .gytg .cpcx .zzcp ul li .cpcx-nr .cpcx-inr {
	font-size: 0.16rem;
	line-height: 0.44rem;
	color: rgba(255, 255, 255, 0.38);
	letter-spacing: 0.13rem;
	transition-delay: 0.5s;
	transform: translateY(30px);
	opacity: 0;
	transition-duration: .8s;
}

.content .gytg .cpcx .zzcp ul li.swiper-slide-active .cpcx-nr .cpcx-xq {
	transform: translateY(0);
	opacity: 1;
}

.content .gytg .cpcx .zzcp ul li.swiper-slide-active .cpcx-nr .cpcx-inr {
	transform: translateY(0);
	opacity: 1;
}

.content .gytg .cpcx .zzcp .swiper-button-prev {
	width: 0.27rem;
	height: 0.5rem;
	background: url(../images/prev3.png) no-repeat;
	background-size: 100% 100%;
	transform: translate(0, -50%);
}

.content .gytg .cpcx .zzcp .swiper-button-next {
	width: 0.27rem;
	height: 0.5rem;
	background: url(../images/next3.png) no-repeat;
	background-size: 100% 100%;
	transform: translate(0, -50%);
}

.content .gytg .certificate {
	width: 100%;
	background-image: url(../images/bg5.jpg);
	padding: 0.48rem 0 0.3rem;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.content .gytg .certificate .credential {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.content .gytg .certificate .credential .patent {
	font-size: 0.24rem;
	line-height: 0.48rem;
	color: #444;
	flex: 0 0 39%;
	margin-top: -0.4rem;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: visible;
	animation-delay: 0.4s;
	animation-name: fadeInLeft;
}

.content .gytg .certificate .credential .patent .grand {
	display: inline-block;
	font-size: 0.2rem;
	color: #EF7E00;
}

.content .gytg .certificate .credential .patent .grand span {
	font-size: 0.4rem;
}

.content .gytg .certificate .credential .zstp {
	width: 59%;
}

.content .gytg .certificate .credential .zstp img {
	width: 100%;
	display: block;
}

.content .gytg .bzzd {
	width: 100%;
	padding: 0.58rem 0 0.77rem;
}

.content .gytg .bzzd .ibzzd {
	width: 50.78%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.content .gytg .bzzd .ibzzd>div {
	width: 36.92%;
	height: auto;
	display: block;
}

.content .gytg .bzzd .ibzzd>div img {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	border-radius: 0.14rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 0.24rem;
}

.content .gytg .bzzd .ibzzd>div p {
	font-size: 0.14rem;
	color: #666;
	padding: 0 0.36rem;
	line-height: 0.26rem;
	text-align: center;
}

.content .gytg .affirm {
	width: 100%;
	background: #fafafa;
	padding: 0.54rem 0 0.82rem 0;
}

.content .gytg .affirm h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	text-align: center;
}

.content .gytg .affirm .sure {
	margin-top: 0.42rem;
	display: flex;
	height: 4.55rem;
	justify-content: space-between;
	align-items: center;
}

.content .gytg .affirm .sure .kdtp {
	width: 37.08%;
	display: flex;
	align-items: center;
}

.content .gytg .affirm .sure .kdtp img {
	width: 100%;
	height: auto;
	display: block;
}

.content .gytg .affirm .sure .shgj {
	width: 56.66%;
	height: 100%;
	overflow-y: auto;
}

.content .gytg .affirm .sure .shgj ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-right: 40px !important;
}

.content .gytg .affirm .sure .shgj ul li {
	flex: 0 0 calc(50% - 11px);
	width: calc(50% - 11px);
	height: 0.51rem;
	line-height: 0.5rem;
	border: 1px solid #dbdbdb;
	padding: 0 0.18rem;
	font-size: 0.14rem;
	color: #333;
	transition-duration: .3s;
	margin-bottom: 0.24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .gytg .affirm .sure .shgj ul li:hover {
	background: #EF7E00;
	border: 1px solid #EF7E00;
	color: #fff;
}

.content .gytg .affirm .sure .shgj::-webkit-scrollbar {
	width: 4px;
}

.content .gytg .affirm .sure .shgj::-webkit-scrollbar-track {
	background: #dfdfdf;
	opacity: 0.4;
}

.content .gytg .affirm .sure .shgj::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 0.03rem;
}

.content .gytg .affirm .sure .jzgd {
	width: 120px;
	height: 34px;
	line-height: 34px;
	background: #EF7E00;
	border-radius: 17px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	margin: 24px auto 0;
	display: none;
}

.content .gytg .hyzh {
	width: 100%;
	padding-top: 0.66rem;
}

.content .gytg .hyzh h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	text-align: center;
}

.content .gytg .hyzh .participate {
	margin-top: 0.32rem;
	width: 100%;
	background: linear-gradient(#fff 50%, #e3e3e3 50%, #f2f2f2 100%);
	position: relative;
}

.content .gytg .hyzh .participate .trade {
	overflow: hidden;
	padding: 0.22rem 0;
}

.content .gytg .hyzh .participate .trade .exhibition {
	padding-bottom: 0 !important;
	overflow: visible;
}

.content .gytg .hyzh .participate .trade .exhibition ul li {
	position: relative;
	transition-duration: .8s;
	width: 600px !important;
	background: none !important;
	box-shadow: none !important;
}

.content .gytg .hyzh .participate .trade .exhibition ul li .img {
	width: 100%;
	overflow: hidden;
}

.content .gytg .hyzh .participate .trade .exhibition ul li .img img {
	width: 100%;
	display: block;
	transition: all 1s ease;
}

.content .gytg .hyzh .participate .trade .exhibition ul li:hover .img img {
	transform: scale3D(1.1, 1.1, 1.1);
}

.content .gytg .hyzh .participate .trade .exhibition ul li p {
	text-align: center;
	margin-top: 0.4rem !important;
	font-size: 0.24rem !important;
	line-height: 0.36rem !important;
	color: #444 !important;
	height: 0.36rem !important;
	transition-duration: .8s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	opacity: 0;
}

.content .gytg .hyzh .participate .trade .exhibition ul li.swiper-slide-active {
	z-index: 9;
}

.content .gytg .hyzh .participate .trade .exhibition ul li.swiper-slide-active p {
	opacity: 1;
}

.content .gytg .hyzh .participate .trade .exhibition .oswiper-pagination {
	display: none;
}

.content .gytg .hyzh .participate .swiper-button-prev {
	width: 0.27rem;
	height: 0.5rem;
	background: url(../images/prev4.png) no-repeat;
	background-size: 100% 100%;
	left: 0.68rem;
	margin-top: -0.25rem;
}

.content .gytg .hyzh .participate .swiper-button-next {
	width: 0.27rem;
	height: 0.5rem;
	background: url(../images/next4.png) no-repeat;
	background-size: 100% 100%;
	right: 0.68rem;
	margin-top: -0.25rem;
}

.content .gytg .hzhb {
	width: 100%;
	padding-top: 1rem;
}

.content .gytg .hzhb h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	text-align: center;
}

.content .gytg .hzhb .teamwork {
	margin-top: 0.38rem;
	position: relative;
}

.content .gytg .hzhb .teamwork .iteamwork {
	margin-left: auto;
	margin-right: auto;
}

.content .gytg .hzhb .teamwork ul {
	width: 100%;
}

.content .gytg .hzhb .teamwork ul li {
	border: 1px solid #e1e1e1;
	overflow: hidden;
	transition-duration: .3s;
	width: 24%;
	margin: 0.18rem 1.33% 0 0;
}

.content .gytg .hzhb .teamwork ul li img {
	width: 100%;
	display: block;
	height: auto;
}

.content .gytg .hzhb .teamwork .iswiper-pagination {
	text-align: center;
	position: static;
	margin-top: 0.6rem;
}

.content .gytg .hzhb .teamwork .iswiper-pagination span.swiper-pagination-bullet {
	width: 36px;
	height: 3px;
	background: #9b9b9b;
	border-radius: 0;
	transition-duration: .3s;
	margin: 0 0.07rem;
}

.content .gytg .hzhb .teamwork .iswiper-pagination span.swiper-pagination-bullet-active {
	background: #EF7E00;
	height: 5px;
}

.content .gytg .mission {
	width: 100%;
	padding: 1.32rem 0;
	text-align: center;
}

.content .gytg .mission h2 {
	font-size: 0.48rem;
	color: #4d4948;
	font-weight: normal;
}

.content .gytg .mission h5 {
	font-size: 0.2rem;
	color: #666;
	font-weight: normal;
	margin-top: 0.08rem;
}

/* 产品视频 */
.content .ocpsp {
	width: 83.33%;
	margin: 0 auto;
	padding: 0.348rem 1.1rem 0;
	text-align: center;
}

.content .ocpsp h4 {
	font-size: 0.36rem;
	color: #4d4948;
	font-weight: normal;
	background: url(../images/db7.jpg) no-repeat center bottom;
	padding-bottom: 0.18rem;
}

.content .ocpsp .screen {
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-top: 0.42rem;
}

.content .ocpsp .screen .filtrate {
	float: left;
}

.content .ocpsp .screen .filtrate .cpxl {
	float: left;
	line-height: 40px;
	margin-right: 0.4rem;
}

.content .ocpsp .screen .filtrate .cpmc {
	float: left;
	line-height: 40px;
}

.content .ocpsp .screen .filtrate span {
	font-size: 0.12rem;
	color: #4d4948;
	display: inline-block;
}

.content .ocpsp .screen .filtrate .icpxl {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.content .ocpsp .screen .filtrate .icpxl .cpxl-xx {
	font-size: 0.12rem;
	color: #4d4948;
	background: url(../images/zk.png) no-repeat 1rem center;
	width: 1.3rem;
	text-align: left;
	padding-left: 0.04rem;
}

.content .ocpsp .screen .filtrate .icpxl .cpxl-xx.on {
	background: url(../images/isq.png) no-repeat 1rem center;
}

.content .ocpsp .screen .filtrate .icpxl ul {
	position: absolute;
	background: #fff;
	padding: 0 0.08rem;
	width: 100%;
	z-index: 99;
	top: 100%;
	display: none;
}

.content .ocpsp .screen .filtrate .icpxl ul li {
	border-top: 1px solid #f3f3f3;
	line-height: 0.39rem;
	text-align: left;
	font-size: 0.12rem;
	color: #333;
}

.content .ocpsp .screen .search {
	float: right
}

.content .ocpsp .screen .search form input {
	display: block;
	float: left;
}

.content .ocpsp .screen .search form .text {
	width: 1.4rem;
	height: 40px;
	line-height: 40px;
	padding: 0 0.08rem;
	font-size: 0.14rem;
	color: #999;
}

.content .ocpsp .screen .search form .submit {
	width: 24px;
	height: 40px;
	background: url(../images/iss.png) no-repeat center center;
	background-size: 0.19rem 0.19rem;
	cursor: pointer;
}

.content .ocpsp ul.sp {
	width: 100%;
	padding-top: 0.3rem;
}

.content .ocpsp ul.sp li {
	float: left;
	width: 31.9%;
	margin: 0 2.15% 1rem 0;
	position: relative;
}

.content .ocpsp ul.sp li.three {
	margin-right: 0;
}

.content .ocpsp ul.sp li .ivideo {
	width: 100%;
	position: relative;
	cursor: pointer;
}

.content .ocpsp ul.sp li .ivideo img {
	width: 100%;
	display: block;
	height:200px;
}

.content .ocpsp ul.sp li .ivideo .ivideo-nr {
	position: absolute;
	top: 26.28%;
	left: 7.82%;
	text-align: left;
	display: none;
}

.content .ocpsp ul.sp li .ivideo .ivideo-nr h5 {
	font-size: 0.16rem;
	color: #fff;
	font-weight: normal;
}

.content .ocpsp ul.sp li .ivideo .ivideo-nr .name {
	font-size: 0.3rem;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	background: url(../images/db6.jpg) no-repeat left bottom;
	padding-bottom: 0.16rem;
	background-size: 0.3rem 0.05rem;
}

.content .ocpsp ul.sp li .ivideo .bf {
	width: 0.52rem;
	height: 0.52rem;
	background: url(../images/bf.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 999;
	left: 50%;
	top: 50%;
	transition-duration: .5s;
}

.content .ocpsp ul.sp li .ivideo .bf:hover {
	transform: translate(-50%, -50%) scale(0.9);
}

.content .ocpsp ul.sp li p {
	font-size: 0.24rem;
	color: #333;
	margin-top: 0.12rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0.04rem;
}

.content .ocpsp ul.sp li .iscan {
	width: 0.24rem;
	height: 0.24rem;
	background: url(../images/pewm.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 0.12rem auto 0;
	cursor: pointer;
}

.js-m.animate,
.js-m2.animate,
.js-to-left.animate,
.js-to-right.animate,
.js-opacity.animate {
	opacity: 1;
	transform: translate(0, 0);
}

/* 智能烟包解决方案 */
.banner .ibanner .banner-bt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
}

.banner .ibanner .banner-bt .en-bt {
	font-size: 0.68rem;
	color: #fff;
	text-transform: capitalize;
	transition-delay: .2s;
}

.banner .ibanner .banner-bt .cn-bt {
	font-size: 0.28rem;
	color: #fff;
	padding-bottom: 26px;
	margin-top: 10px;
	transition-delay: .4s;
}

.banner .ibanner .banner-bt .cn-bt:after {
	content: "";
	display: block;
	height: 2px;
	width: 0px;
	margin-top: 30px;
	background: #fff;
	transition-delay: 1s;
	transition-duration: .8s;
}

.banner .ibanner .banner-bt.qt {
	text-align: center;
}

.banner .ibanner .banner-bt.qt .cn-bt:after {
	margin: 30px auto 0;
}

.banner .ibanner .banner-bt .cn-bt.animate:after {
	width: 48px;
}

.content .znyb {
	width: 100%;
}

.content .znyb .imagine {
	width: 16rem;
	margin: 0 auto;
	padding: 0.58rem 0 0.8rem;
}

.content .znyb .imagine h4 {
	font-size: 0.36rem;
	color: #343434;
	line-height: 0.54rem;
	text-align: center;
}

.content .znyb .imagine .satisfy {
	width: 100%;
	margin-top: 0.5rem;
}

.content .znyb .imagine .satisfy ul li {
	position: relative;
	width: 100%;
}

.content .znyb .imagine .satisfy ul li img {
	width: 100%;
	display: block;
}

.content .znyb .imagine .satisfy ul li .lxj-nr {
	background: url(../images/bg11.png) no-repeat center;
	width: 6.4rem;
	height: 2.8rem;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.4rem;
	padding: 0.52rem 0.3rem 0.4rem 2rem;
}

.content .znyb .imagine .satisfy ul li .lxj-nr h5 {
	font-size: 0.2rem;
	color: #343434;
	background: url(../images/db11.jpg) no-repeat left bottom;
	padding-bottom: 0.1rem;
	transition-delay: .6s;
	transition-duration: .8s;
	opacity: 0;
	transform: translateY(30px);
}

.content .znyb .imagine .satisfy ul li .lxj-nr .ilxj-nr {
	width: 100%;
	margin-top: 0.14rem;
	max-height: 144px;
	overflow-y: auto;
	transition-duration: .8s;
	transition-delay: .8s;
	opacity: 0;
	transform: translateY(30px);
}

.content .znyb .imagine .satisfy ul li.swiper-slide-active .lxj-nr h5 {
	opacity: 1;
	transform: translateY(0);
}

.content .znyb .imagine .satisfy ul li.swiper-slide-active .lxj-nr .ilxj-nr {
	opacity: 1;
	transform: translateY(0);
}

.content .znyb .imagine .satisfy ul li .lxj-nr .ilxj-nr::-webkit-scrollbar {
	width: 4px;
}

.content .znyb .imagine .satisfy ul li .lxj-nr .ilxj-nr::-webkit-scrollbar-track {
	background: #b3b3b3;
}

.content .znyb .imagine .satisfy ul li .lxj-nr .ilxj-nr::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 3px;
	overflow: hidden;
}

.content .znyb .imagine .satisfy ul li .lxj-nr .ilxj-nr p {
	font-size: 16px;
	color: #343434;
	line-height: 24px;
}

.content .znyb .imagine .satisfy .quantum {
	width: 9.2rem;
	margin: 0 auto;
	margin-left: -4.6rem;
	left: 50%;
	z-index: 99;
	height: 0.31rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	bottom: 0.31rem;
}

.content .znyb .imagine .satisfy .quantum:after {
	z-index: 1;
	position: absolute;
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	left: 0;
	background: url(../images/db12.png) repeat-x center;
	z-index: 9999;
}

.content .znyb .imagine .satisfy .quantum span {
	width: 0.22rem;
	height: 0.22rem;
	border: 1px solid #f7f7f7;
	border-radius: 100%;
	background: none;
	opacity: 1;
	transition-duration: .3s;
}

.content .znyb .imagine .satisfy .quantum span.swiper-pagination-bullet-active {
	width: 0.31rem;
	height: 0.31rem;
	transition-duration: .3s;
}

.content .znyb .lcgl {
	width: 100%;
}

.content .znyb .lcgl {
	width: 100%;
	background: url(../images/fivebg.jpg) no-repeat;
	padding: 0.76rem 0 1.46rem;
	background-size: 100% 100%;
}

.content .znyb .lcgl h4 {
	font-size: 0.36rem;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.content .znyb .lcgl h4:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 16px auto 0;
	background: #fff;
}

.content .znyb .lcgl .administration {
	width: 16rem;
	margin: 0.96rem auto 0;
}

.content .znyb .lcgl .administration .eswiper-pagination {
	display: none;
}

.content .znyb .lcgl .administration ul li {
	text-align: center;
}

.content .znyb .lcgl .administration ul li .img {
	width: 1rem;
	height: 1rem;
	/* border: 1px solid #fff; */
	/* border-radius: 100%; */
	margin: 0 auto;
}

.content .znyb .lcgl .administration ul li .img img {
	width: 100%;
	display: block;
	height: 100%;
	border-radius: 100%;
}

.content .znyb .lcgl .administration ul li .process {
	width: 100%;
	margin-top: 0.46rem;
}

.content .znyb .lcgl .administration ul li .process h5 {
	font-size: 0.2rem;
	color: #fff;
}

.content .znyb .lcgl .administration ul li .process p {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	margin-top: 0.14rem;
	padding: 0 15%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.content .znyb .syhx {
	width: 100%;
	padding: 0.6rem 0 1.35rem;
}

.content .znyb .syhx h4 {
	font-size: 0.36rem;
	color: #4d4948;
	text-align: center;
}

.content .znyb .syhx h4:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 16px auto 0;
	background: #666;
}

.content .znyb .syhx .box-type {
	width: 16rem;
	margin: 0 auto;
	display: flex;
	visibility: visible;
	animation-delay: 0.4s;
	animation-name: fadeInUp;
	justify-content: space-between;
	margin-top: 0.48rem;
}

.content .znyb .syhx .box-type .area {
	width: 13%;
	overflow-y: auto;
	height: 7.06rem;
	padding-right: 0.02rem;
}

.content .znyb .syhx .box-type .area::-webkit-scrollbar {
	width: 4px;
}

.content .znyb .syhx .box-type .area::-webkit-scrollbar-track {
	background: #b3b3b3;
}

.content .znyb .syhx .box-type .area::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 3px;
	overflow: hidden;
}

.content .znyb .syhx .box-type .area ul li {
	width: 100%;
	border-bottom: 1px solid #efefef;
	padding: 0.29rem 0.4rem 0.29rem 0.28rem;
	cursor: pointer;
	transition-duration: .3s;
	background: url(../images/hover-xy.png) no-repeat top 0.4rem right 0.3rem;
	font-size: 0.18rem;
	color: #4d4948;
	line-height: 0.32rem;
}

.content .znyb .syhx .box-type .production {
	width: 86.5%;
}

.content .znyb .syhx .box-type .production .application {
	width: 100%;
	position: relative;
	height: 100%;
}

/*烟包方案优势*/
.content .znyb .syhx .box-type.yb .production .application.list1 {
	background: url(../images/bg81.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.yb .production .application.list2 {
	background: url(../images/bg82.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.yb .production .application.list3 {
	background: url(../images/bg83.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.yb .production .application.list4 {
	background: url(../images/bg84.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.yb .production .application.list5 {
	background: url(../images/bg85.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.yb .production .application.list6 {
	background: url(../images/bg86.jpg) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.yb .production .application.list7 {
	background: url(../images/bg087.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.yb .production .application.list8 {
	background: url(../images/bg088.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.yb .production .application.list9 {
	background: url(../images/bg089.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.yb .production .application.list10 {
	background: url(../images/bg090.gif) no-repeat;
	background-size: 100% 100%;
}

/*酒包方案优势*/
.content .znyb .syhx .box-type.jb .production .application.list1 {
	background: url(../images/bg89.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.jb .production .application.list2 {
	background: url(../images/bg90.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.jb .production .application.list3 {
	background: url(../images/bg91.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.jb .production .application.list4 {
	background: url(../images/bg92.gif) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.jb .production .application.list5 {
	background: url(../images/bg93.gif) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.jb .production .application.list6 {
	background: url(../images/bg94.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.jb .production .application.list7 {
	background: url(../images/bg95.gif) no-repeat;
	background-size: 100% 100%;
}


/*天地盖方案优势*/
.content .znyb .syhx .box-type.tdg .production .application.list1 {
	background: url(../images/bg860.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.tdg .production .application.list2 {
	background: url(../images/bg87.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.tdg .production .application.list3 {
	background: url(../images/bg88.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.tdg .production .application.list4 {
	background: url(../images/bg84.gif) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.tdg .production .application.list5 {
	background: url(../images/bg85.gif) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.tdg .production .application.list6 {
	background: url(../images/bg86.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.tdg .production .application.list7 {
	background: url(../images/bg87.gif) no-repeat;
	background-size: 100% 100%;
}
.content .znyb .syhx .box-type.tdg .production .application.list8 {
	background: url(../images/bg88.gif) no-repeat;
	background-size: 100% 100%;
}

/*无人工厂方案优势*/
.content .znyb .syhx .box-type.wrgc .production .application.list1 {
	background: url(../images/bg93.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list2 {
	background: url(../images/bg94.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list3 {
	background: url(../images/bg95.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list4 {
	background: url(../images/bg96.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list5 {
	background: url(../images/bg97.jpg) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list6 {
	background: url(../images/bg98.jpg) no-repeat;
	background-size: 100% 100%;
}


/*烟包方案优势坐标调整*/
.content .znyb .syhx .box-type .production .application>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list1 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.yb .production .application.list1 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.yb .production .application.list1 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.yb .production .application.list1 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.yb .production .application.list2>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list2 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.yb .production .application.list2 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.yb .production .application.list2 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.yb .production .application.list2 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.yb .production .application.list3>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list3 .list1 {
	top: 26%;
	left: 32%;
}

.content .znyb .syhx .box-type.yb .production .application.list3 .list2 {
	top: 54%;
	right: 17%;
}

.content .znyb .syhx .box-type.yb .production .application.list3 .list3 {
	top: 53%;
	left: 15%;
}

.content .znyb .syhx .box-type.yb .production .application.list3 .list4 {
	bottom: 42%;
	right: 43%;
}

.content .znyb .syhx .box-type.yb .production .application.list4>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list4 .list1 {
	top: 41%;
	left: 21%;
}

.content .znyb .syhx .box-type.yb .production .application.list4 .list2 {
	top: 32%;
	right: 8%;
}

.content .znyb .syhx .box-type.yb .production .application.list4 .list3 {
	top: 67%;
	left: 12%;
}

.content .znyb .syhx .box-type.yb .production .application.list4 .list4 {
	bottom: 29%;
	right: 35%;
}

.content .znyb .syhx .box-type.yb .production .application.list5>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list5 .list1 {
	top: 25%;
	left: 36%;
}

.content .znyb .syhx .box-type.yb .production .application.list5 .list2 {
	top: 49%;
	right: 10%;
}

.content .znyb .syhx .box-type.yb .production .application.list5 .list3 {
	top: 57%;
	left: 36%;
}

.content .znyb .syhx .box-type.yb .production .application.list5 .list4 {
	bottom: 22%;
	right: 22%;
}

.content .znyb .syhx .box-type.yb .production .application.list6>div {
	position: absolute;
}

.content .znyb .syhx .box-type.yb .production .application.list6 .list1 {
	top: 25%;
	left: 36%;
}

.content .znyb .syhx .box-type.yb .production .application.list6 .list2 {
	top: 49%;
	right: 10%;
}

.content .znyb .syhx .box-type.yb .production .application.list6 .list3 {
	top: 57%;
	left: 36%;
}

.content .znyb .syhx .box-type.yb .production .application.list6 .list4 {
	bottom: 22%;
	right: 22%;
}

/*酒包方案优势坐标调整*/
.content .znyb .syhx .box-type.jb .production .application.list1 .list1 {
	top: 27%;
	left: 31%;
}

.content .znyb .syhx .box-type.jb .production .application.list1 .list2 {
	top: 27%;
	right: 8%;
}

.content .znyb .syhx .box-type.jb .production .application.list1 .list3 {
	top: 50%;
	left: 45%;
}

.content .znyb .syhx .box-type.jb .production .application.list1 .list4 {
	bottom: 21%;
	right: 39%;
}

.content .znyb .syhx .box-type.jb .production .application.list2 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.jb .production .application.list2 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.jb .production .application.list2 .list3 {
	top: 67%;
	left: 25%;
}

.content .znyb .syhx .box-type.jb .production .application.list2 .list4 {
	bottom: 29%;
	right: 40%;
}

.content .znyb .syhx .box-type.jb .production .application.list3 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.jb .production .application.list3 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.jb .production .application.list3 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.jb .production .application.list3 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.jb .production .application.list4 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.jb .production .application.list4 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.jb .production .application.list4 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.jb .production .application.list4 .list4 {
	bottom: 32%;
	right: 40%;
}


/*天地盖方案优势坐标调整*/
.content .znyb .syhx .box-type.tdg .production .application.list1 .list1 {
	top: 35%;
	left: 40%;
}

.content .znyb .syhx .box-type.tdg .production .application.list1 .list2 {
	top: 45%;
	right: 36%;
}

.content .znyb .syhx .box-type.tdg .production .application.list1 .list3 {
	top: 56%;
	left: 15%;
}

.content .znyb .syhx .box-type.tdg .production .application.list1 .list4 {
	bottom: 38%;
	right: 57%;
}

.content .znyb .syhx .box-type.tdg .production .application.list2 .list1 {
	top: 33%;
	left: 42%;
}

.content .znyb .syhx .box-type.tdg .production .application.list2 .list2 {
	top: 32%;
	right: 10%;
}

.content .znyb .syhx .box-type.tdg .production .application.list2 .list3 {
	top: 64%;
	left: 21%;
}

.content .znyb .syhx .box-type.tdg .production .application.list2 .list4 {
	bottom: 46%;
	right: 16%;
}

.content .znyb .syhx .box-type.tdg .production .application.list3 .list1 {
	top: 28%;
	left: 34%;
}

.content .znyb .syhx .box-type.tdg .production .application.list3 .list2 {
	top: 28%;
	right: 10%;
}

.content .znyb .syhx .box-type.tdg .production .application.list3 .list3 {
	top: 60%;
	left: 40%;
}

.content .znyb .syhx .box-type.tdg .production .application.list3 .list4 {
	bottom: 50%;
	right: 21%;
}

/*无人工厂方案优势坐标调整*/
.content .znyb .syhx .box-type.wrgc .production .application.list1 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list1 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list1 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list1 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list2 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list2 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list2 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list2 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list3 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list3 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list3 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list3 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list4 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list4 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list4 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list4 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list5 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list5 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list5 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list5 .list4 {
	bottom: 32%;
	right: 40%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list6 .list1 {
	top: 32%;
	left: 31%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list6 .list2 {
	top: 29%;
	right: 9%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list6 .list3 {
	top: 50%;
	left: 41%;
}

.content .znyb .syhx .box-type.wrgc .production .application.list6 .list4 {
	bottom: 32%;
	right: 40%;
}




.content .znyb .syhx .box-type .production .application>div .sequence {
	width: 0.36rem;
	height: 0.36rem;
	background: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition-duration: .3s;
	font-size: 12px;
}

.content .znyb .syhx .box-type .production .application>div .sequence.on {
	background: #EF7E00;
	color: #fff;
}

.content .znyb .syhx .box-type .production .application>div .lt {
	bottom: 0.45rem;
	right: 0.36rem;
}

.content .znyb .syhx .box-type .production .application>div .lb {
	top: 0.45rem;
	right: 0.36rem;
}

.content .znyb .syhx .box-type .production .application>div .rt {
	bottom: 0.45rem;
	left: 0.36rem;
}

.content .znyb .syhx .box-type .production .application>div .rb {
	top: 0.45rem;
	left: 0.36rem;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx {
	position: absolute;
	z-index: 2;
	width: 2.9rem;
	height: 1.8rem;
	position: absolute;
	background: url(../images/bg7.jpg) no-repeat;
	padding: 38px 20px 16px 24px;
	color: #fff;
	display: none;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx h6 {
	font-size: 0.2rem;
	color: #fff;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .close {
	right: 0.16rem;
	top: 0.16rem;
	display: inline-block;
	position: absolute;
	width: 0.2rem;
	height: 0.2rem;
	cursor: pointer;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .close img {
	width: 100%;
	height: 100%;
	display: block;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx {
	width: 100%;
	max-height: 0.72rem;
	overflow-y: auto;
	margin-top: 8px;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx .content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx p {
	font-size: 0.12rem;
	color: #fff;
	line-height: 0.24rem;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx::-webkit-scrollbar {
	width: 4px;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx::-webkit-scrollbar-track {
	background: #fff;
	opacity: 0.4;
}

.content .znyb .syhx .box-type .production .application>div .sequence-xx .isequence-xx::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 0.03rem;
}

.content .znyb .syhx .box-type .production .application>div .sequence:hover {
	background: #EF7E00;
	color: #fff;
}

.content .znyb .syhx .box-type .area ul li:hover {
	color: #EF7E00;
	background: url(../images/xy.png) no-repeat top 0.4rem right 0.3rem;
}

.content .znyb .syhx .box-type .area ul li.on {
	color: #EF7E00;
	background: url(../images/xy.png) no-repeat top 0.4rem right 0.3rem;
}

.content .znyb .znjjfa {
	width: 100%;
	background: #efefef;
	padding: 0.64rem 0 1rem;
}

.content .znyb .znjjfa h4 {
	font-size: 0.36rem;
	color: #343434;
	font-weight: normal;
	text-align: center;
}

.content .znyb .znjjfa .znjjfa-nr {
	width: 16rem;
	margin: 0 auto;
	position: relative;
	margin-top: 0.52rem;
}

.content .znyb .znjjfa .znjjfa-nr .jgt {
	position: relative;
	padding-right: 37.5vw;
	z-index: 2;
}

.content .znyb .znjjfa .znjjfa-nr .jgt img {
	width: 100%;
	display: block;
}

.content .znyb .znjjfa .znjjfa-nr .jgt p {
	font-size: 0.2rem;
	color: #4b4848;
	line-height: 0.54rem;
	text-align: center;
}

.content .znyb .znjjfa .znjjfa-nr .program {
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 1;
	position: absolute;
	padding: 0.72rem 1.34rem;
	text-align: left;
}

.content .znyb .znjjfa .znjjfa-nr .program>div {
	width: 100%;
	margin-bottom: 0.22rem;
	position: relative;
}

.content .znyb .znjjfa .znjjfa-nr .program>div h4 {
	font-size: 0.2rem;
	color: #4b4848;
	font-weight: normal;
	text-align: left;
}

.content .znyb .znjjfa .znjjfa-nr .program>div p {
	font-size: 0.14rem;
	color: #8d8d8d;
	line-height: 0.22rem;
	margin-top: 0.06rem;
}

.content .znyb .znjjfa .znjjfa-nr .program .znjcc {
	background: url(../images/zn1.jpg) no-repeat left top;
	padding-left: 0.42rem;
	background-size: 0.32rem 0.32rem;
}

.content .znyb .znjjfa .znjjfa-nr .program .sjkz {
	background: url(../images/zn2.jpg) no-repeat left top;
	padding-left: 0.42rem;
	background-size: 0.32rem 0.32rem;
}

.content .znyb .znjjfa .znjjfa-nr .program .jyscc {
	background: url(../images/zn3.jpg) no-repeat left top;
	padding-left: 0.42rem;
	background-size: 0.32rem 0.32rem;
}

.content .znyb .ptcp {
	width: 100%;
	background: #efefef;
	padding: 0 0 0.58rem;
}

.content .znyb .ptcp .ititle {
	width: 100%;
	text-align: center;
}

.content .znyb .ptcp .ititle h4 {
	font-size: 0.36rem;
	color: #343434;
	font-weight: normal;
}

.content .znyb .ptcp .ititle .moudle-detail {
	font-size: 0.16rem;
	color: #343434;
	line-height: 0.28rem;
	width: 40%;
	margin: 0.14rem auto 0;
}

.content .znyb .ptcp .mating {
	width: 16rem;
	margin: 0 auto;
	margin-top: 0.54rem;
}

.content .znyb .ptcp .mating ul li {
	height: 3.89rem;
	background: #fff;
	position: relative;
}

.content .znyb .ptcp .mating ul li .img {
	width: 90%;
	height: 2.31rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.content .znyb .ptcp .mating ul li .img img {
	width: 100%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.content .znyb .ptcp .mating ul li p {
	font-size: 0.18rem;
	color: #343434;
	text-align: center;
	line-height: 0.28rem;
	position: absolute;
	bottom: 0.34rem;
	width: 100%;
	padding: 0 5%;
}

.content .znyb .ptcp .mating .swiper-button-prev,
.content .znyb .ptcp .mating .swiper-button-next {
	transform: translateY(10px);
	opacity: 0;
	transition-duration: .5s;
	width: 0.27rem;
	height: 0.5rem;
	margin-top: -0.25rem
}

.content .znyb .ptcp .mating .swiper-button-prev {
	background: url(../images/prev4.png) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .ptcp .mating .swiper-button-next {
	background: url(../images/next4.png) no-repeat;
	background-size: 100% 100%;
}

.content .znyb .ptcp .mating:hover .swiper-button-prev,
.content .znyb .ptcp .mating:hover .swiper-button-next {
	transform: translateY(0);
	opacity: 1;
}

.content .znyb .ptcp .relevancy .irelevancy.ijjfa {
	width: 16rem;
	display: flex;
	justify-content: space-between;
}

.content .znyb .ptcp .relevancy .irelevancy.ijjfa .glcp {
	width: 73.1875%;
	margin: 0;
}

.content .znyb .ptcp .relevancy .irelevancy.ijjfa .relevance {
	width: 24.375%;
}

.content .alzs ul li a .alzs-nr .ialzs-nr {
	margin-bottom: 0.25rem;
}

.content .alzs ul li a .alzs-nr.in {
	border: 1px solid #f2f2f2;
}

.content .alzs ul li a:hover .alzs-nr.in p {
	color: #666;
}

.content .zyyd {
	display: none;
}

.content .znyb .ptcp .mating .aswiper-pagination {
	display: none;
}

/* 搜索结果 */
.content.grabble {
	background: #efefef;
}

.content .ssjg {
	width: 12.8rem;
	margin: 0 auto;
}

.content .ssjg h4 {
	font-size: 0.36rem;
	color: #4d4948;
	padding: 70px 0 48px;
	font-weight: normal;
	text-align: center;
}

.content .ssjg h4:after {
	content: "";
	display: block;
	width: 48px;
	height: 2px;
	margin: 16px auto 0;
	background: #666;
}

.content .ssjg .result {
	width: 100%;
}

.content .ssjg .result .consequence {
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content .ssjg .result .consequence ul {
	display: flex;
}

.content .ssjg .result .consequence ul li {
	height: 0.84rem;
	line-height: 0.84rem;
	text-align: center;
	font-size: 0.16rem;
	color: #666;
	cursor: pointer;
	border-left: 1px solid #e5e5e5;
}

.content .ssjg .result .consequence ul li.first {
	border-left: none;
}

.content .ssjg .result .consequence ul li.on {
	background: #EF7E00;
	color: #fff;
}

.content .ssjg .result .consequence ul li:hover {
	background: #EF7E00;
	color: #fff;
	transition: all .5s ease;
}

.content .ssjg .result .iresult {
	width: 100%;
	margin-top: 1rem;
}

.content .ssjg .result .iresult>div {
	text-align: center;
	padding-bottom: 60px;
}

.content .ssjg .result .iresult>div .skip {
	margin-top: 28px;
}

.content .ssjg .result .iresult>div #product li {
	width: 100%;
	box-shadow: 0 0 6px #c5c2c2;
	margin-bottom: 24px;
	background: #fff;
	border-radius: 6px;
	padding: 0.24rem;
	text-align: left;
	display: block;
}

.content .ssjg .result .iresult>div #product li .name {
	font-size: 0.2rem;
	color: #333;
	line-height: 0.4rem;
	transition-duration: .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .ssjg .result .iresult>div #product li .jgnr {
	font-size: 0.18rem;
	color: #666;
	max-height: 0.48rem;
	margin: 0.2rem 0;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .ssjg .result .iresult>div #product li .ckgd {
	width: 1.6rem;
	height: 0.4rem;
	background: #EF7E00;
	position: relative;
	border-radius: 0.25rem;
	text-align: center;
	line-height: 0.4rem;
	border: 1px solid #EF7E00;
	overflow: hidden;
}

.content .ssjg .result .iresult>div #product li .ckgd span.load-s0 {
	vertical-align: top;
	transition: .3s ease-in-out;
	font-size: 0.14rem;
	color: #fff;
	position: relative;
	z-index: 2;
}

.content .ssjg .result .iresult>div #product li .ckgd:before {
	content: "";
	display: block;
	width: 124%;
	height: 100%;
	position: absolute;
	left: -131%;
	top: 0;
	z-index: 1;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transform: skewX(45deg);
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
}

.content .ssjg .result .iresult>div #product li .ckgd:after {
	content: "";
	position: absolute;
	z-index: 0;
	background: #EF7E00;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.content .ssjg .result .iresult>div #product li .ckgd:hover span.load-s0 {
	color: #EF7E00;
}

.content .ssjg .result .iresult>div #product li .ckgd:hover:before {
	left: -13%;
}

.content .ssjg .result .iresult>div #product li:hover {
	box-shadow: 0 0 20px #c5c2c2;
}

.content .ssjg .result .iresult>div #product li:hover .name {
	color: #EF7E00;
}


.content .paginationjs .paginationjs-pages ul li {
	float: left;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 100%;
	border: 1px solid #d1d1d1;
	text-align: center;
	display: block !important;
	margin: 0 4px;
	overflow: hidden;
	margin-bottom: 4px;
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-prev.disabled {
	display: none !important;
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-next.disabled {
	display: none !important;
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-next.J-paginationjs-next {
	border: none;
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-prev.J-paginationjs-previous {
	border: none;
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-prev.J-paginationjs-previous a {
	background: url(../images/zuo.png) no-repeat center center;
	background-size: 0.08rem 0.14rem;
	color: rgba(255, 255, 255, 0);
}

.content .paginationjs .paginationjs-pages ul li.paginationjs-next.J-paginationjs-next a {
	background: url(../images/you.png) no-repeat center center;
	background-size: 0.08rem 0.14rem;
	color: rgba(255, 255, 255, 0);
}

.content .paginationjs .paginationjs-pages ul li>a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	font-size: 0.14rem;
	min-width: 100%;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active {
	border: 1px solid #EF7E00;
	background: #EF7E00 !important;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a {
	background: #EF7E00 !important;
}


#wrapper {
	display: block !important;
}


.content .znyb .ctbgkj {
	background: #fff;
	padding-bottom: 1rem;
}

.content .znyb .ctbgkj .ctbgkj-top {
	width: 100%;
	text-align: center;
	padding: 0.64rem 0 0.56rem;
}

.content .znyb .ctbgkj .ctbgkj-top h4 {
	font-size: 0.36rem;
	color: #333;
	font-weight: normal;
}

.content .znyb .ctbgkj .ctbgkj-top .moudle-detail {
	font-size: 0.14rem;
	color: #333;
	margin-top: 0.12rem;
}

.content .znyb .ctbgkj ul {
	width: 100%;
}

.content .znyb .ctbgkj ul li {
	position: relative;
}

.content .znyb .ctbgkj ul li .img {
	width: 100%;
	overflow: hidden;
}

.content .znyb .ctbgkj ul li .img img {
	width: 100%;
	display: block;
	transition: all 1s ease;
}

.content .znyb .ctbgkj ul li p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 10px;
	z-index: 99;
	font-size: 0.18rem;
	color: #fff;
	padding: 0 0.32rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.content .znyb .ctbgkj ul li:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: url(../images/office-list11-bg.png) no-repeat center;
	background-size: cover !important;
}

.content .znyb .ctbgkj ul li:hover .img img {
	transform: scale3D(1.1, 1.1, 1.1);
}

.content .znyb .used {
	background: #fff;
	padding-bottom: 1.5rem;
}

.content .znyb .used .used-top {
	width: 100%;
	text-align: center;
	padding: 64px 0 56px;
}

.content .znyb .used .used-top h2 {
	font-size: 0.36rem;
	color: #333;
	font-weight: normal;
}

.content .znyb .used .used-top h5 {
	font-size: 0.3rem;
	color: #666;
	font-weight: normal;
}

.content .znyb .used .syy {
	width: 100%;
	position: relative;
}

.content .znyb .used .syy .img-bg {
	width: 100%;
	height: 600px;
	display: block;
	background: url(../images/tdg-banner.jpg);
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.content .znyb .used .syy .appropriate {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/family-list1-bg2.png) no-repeat;
	width: 6.4rem;
	height: 2.8rem;
	padding: 0.52rem 0.3rem 0.4rem 2.5rem;
}

.content .znyb .used .syy .appropriate h5 {
	font-size: 0.2rem;
	color: #000;
	font-weight: normal;
	transition-delay: .6s;
	transition-duration: .8s;
	opacity: 0;
	transform: translateY(30px);
}

.content .znyb .used .syy .appropriate h5:after {
	display: block;
	content: "";
	background-color: #000;
	margin: 14px 0;
	width: 32px;
	height: 1px;
}

.content .znyb .used .syy .appropriate .place {
	width: 100%;
	height: 1.4rem;
	padding-right: 10px;
	overflow-y: auto;
	transition-duration: .8s;
	transition-delay: .8s;
	opacity: 0;
	transform: translateY(30px);
}

.content .znyb .used .syy .appropriate .place p {
	font-size: 0.14rem;
	color: #333;
	line-height: 0.24rem;
}

.content .znyb .used .syy .appropriate .place::-webkit-scrollbar {
	width: 4px;
}

.content .znyb .used .syy .appropriate .place::-webkit-scrollbar-track {
	background: #b3b3b3;
}

.content .znyb .used .syy .appropriate .place::-webkit-scrollbar-thumb {
	background: #EF7E00;
	border-radius: 3px;
	overflow: hidden;
}







#newBridge .icon-right-center {
	top: 30% !important;
}

.bd_weixin_popup .bd_weixin_popup_main {
	padding: 13px 10px !important;
}

.bd_weixin_popup .bd_weixin_popup_foot {}

/*.bd_weixin_popup {
    display: none !important;
}*/
.content .cpxj .qtxh .return {
	width: 180px;
	height: 46px;
	background: #EF7E00;
	display: flex;
	align-items: center;
	justify-content: center;
	transition-duration: .3s;
	font-size: 14px;
	color: #fff;
	margin: 40px auto 0;
}

.content .cpxj .qtxh .return:hover {
	transform: translateX(-6px);
}

.component {
	position: relative;
	height: 1.02rem;
}

.component .part {
	transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	transition: all 0.5s;
	position: absolute;
	left: 16.5%;
	top: 0;
}

.component .part.show {
	transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transition: all 0.5s;
	opacity: 1;
}