@charset "utf-8";

@import url(./reset.css);
@import url(./common.css);

/* 首页 */
.swiper-banner {
	position: relative;
	overflow: hidden;
}

.swiper-banner .swiper-slide {
	position: relative;
	min-height: 350px;
}

.swiper-banner .swiper-slide .ban_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 350px;
	max-height: 100vh;
}

.swiper-banner .swiper-slide .ban_w {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	line-height: 1.6;
}

.swiper-banner .swiper-slide .ban_w2 {
	left: 16%;
	align-items: flex-start;
}

.swiper-banner .swiper-slide .ban_h1 {
	font-size: 100px;
	text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
	line-height: 1.3;
}

.swiper-banner .swiper-slide .ban_h2 {
	font-size: 100px;
	text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	line-height: 1.3;
}

.swiper-banner .swiper-slide .ban_h3 {
	padding-top: 3%;
}

.swiper-banner .swiper-slide .ban_h3 a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 8px 45px;
	border: 1px solid #fff;
	border-radius: 50px;
}

.swiper-banner .swiper-slide .ban_h3 a:hover {
	background: #fff;
	color: #000;
}

.swiper-notification {
	display: none;
}

.ban_dup,
.sban_dup {
	position: absolute;
	bottom: 50px;
	width: 51px;
	height: 51px;
	left: 50%;
	margin-left: -25px;
	text-align: center;
	color: #fff;
	z-index: 20;
	cursor: pointer;
}

.ban_dup span,
.sban_dup span {
	width: 51px;
	height: 51px;
	background: url(../images/down_ico.png) no-repeat center center;
	animation: downup 1s infinite;
	-webkit-animation: downup 1s infinite;
	display: block;
}

@keyframes downup {
	from {
		transform: translate(0, 0);
	}

	60% {
		transform: translate(0, -15px);
	}

	to {
		transform: translate(0, 0);
	}
}

@-webkit-keyframes downup {
	from {
		transform: translate(0, 0);
	}

	60% {
		transform: translate(0, -15px);
	}

	to {
		transform: translate(0, 0);
	}
}


.ind_pad {
	max-width: 1612px;
	margin: 0 auto;
}

/* 产品类别 */
.ind_a {
	background: url(../images/ind_abg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 4.5%;
}

.ind_tt {
	padding: 4% 0;
	line-height: 1.3;
}

.ind_tt span {
	font-size: 24px;
	position: relative;
}

.ind_tt span::after {
	width: 40px;
	height: 1px;
	position: absolute;
	right: -55px;
	top: 50%;
	content: '';
	background: #000;
}

.ind_tt2 span::after {
	background: #fff;
}

.ind_tt p {
	font-size: 36px;
	text-transform: uppercase;
}

.ind_alist {
	overflow: hidden;
	padding: 0 6%;
}

.ind_alist .swiper-slide {
	overflow: hidden;
}

.ind_alist .swiper-slide a {
	display: block;
	text-align: center;
}



.ind_alist .swiper-slide p {
	font-size: 18px;
	padding-top: 20px;
}

.ind_alist .swiper-slide a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.ind_b {
	background: url(../images/ind_bbg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 4.5%;
}

.ind_blist {
	padding: 8% 0;
}

.ind_blist li {
	width: 33.3333%;
	position: relative;
	height: auto;
}

.ind_blist li::after {
	width: 1px;
	height: 70%;
	top: 16%;
	right: 0;
	position: absolute;
	content: '';
	background: rgba(255, 255, 255, 0.5);
}

.ind_blist li:last-child:after {
	display: none;
}

.ind_blist li .padd {
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 8% 10%;
	box-sizing: border-box;
	height: 100%;
}

.ind_blist li .padd .ico {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	background-size: 100%;
}

.ind_blist li .padd .ico1 {
	background-image: url(../images/ind_bico1.png);
}

.ind_blist li .padd .ico2 {
	background-image: url(../images/ind_bico2.png);
}

.ind_blist li .padd .ico3 {
	background-image: url(../images/ind_bico3.png);
}

.ind_blist li .padd:hover {
	background: rgba(255, 255, 255, 0.9);
	color: #000;
}

.ind_blist li .padd:hover .ico {
	transform: rotateY(360deg);
}

.ind_blist li .padd:hover .ico1 {
	background-image: url(../images/ind_bico1_hv.png);
}

.ind_blist li .padd:hover .ico2 {
	background-image: url(../images/ind_bico2_hv.png);
}

.ind_blist li .padd:hover .ico3 {
	background-image: url(../images/ind_bico3_hv.png);
}

.ind_blist li .padd .h3 {
	font-size: 22px;
	font-weight: bold;
	padding: 20px 0 16px;
}

.ind_blist li .padd .p {
	font-size: 15px;
}

.indb-pagination {
	text-align: center;
	display: none;
}

.indb-pagination .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.indb-pagination .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, 1);
}

.ind_c {
	overflow: hidden;
	background: #dedede;
}

.ind_c .ind_cli {
	width: 50%;
	position: relative;
	overflow: hidden;
}

.ind_c .ind_cli .img {
	display: block;
	width: 100%;
	transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-webkit-transition: all 0.8s ease 0s;
	min-height: 250px;
	object-fit: cover;
}

.ind_c .ind_cli .ind_ccm {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	color: #fff;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 4%;
	text-align: center;
}

.ind_c .ind_cli .ind_ccm .h3 {
	font-size: 22px;
}

.ind_c .ind_cli .ind_ccm .p {
	font-size: 16px;
	padding: 8px 0 12px;
}

.ind_c .ind_cli .ind_ccm .m a {
	display: inline-block;
	line-height: 30px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: 10px;
}

.ind_c .ind_cli:hover .ind_ccm .m a {
	border-color: #fff;
	color: #fff;
}

.ind_c .ind_cli:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/* 子页面 */
.sub_ban {
	overflow: hidden;
	position: relative;
}

.sub_ban .sban_img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 350px;
	object-fit: cover;
	max-height: 100vh;
}

.sub_ban .s_bancm {
	position: absolute;
	z-index: 10;
	left: 11.35%;
	right: 11.35%;
	top: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #fff;
}

.sub_ban .s_bancm2 {
	align-items: center;
	left: 3.5% !important;
	right: 3.5% !important;
}

.sub_ban .s_bancm .h3 {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.5;
	padding-bottom: 20px;
}

.sub_ban .s_bancm2 .h3 {
	font-size: 56px;
}

.sub_ban .s_bancm .i {
	display: none;
}

.sub_ban .s_bancm .i i {
	width: 1px;
	height: 40px;
	background: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-left: 22px;
	display: block;
}

.sub_ban .s_bancm2 .i i {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	height: 30px !important;
	margin-left: 0 !important;
}

.sub_ban .s_bancm .p {
	font-size: 18px;
	line-height: 2;
	padding-top: 2.5%;
}

.sub_ban .s_bancm2 .p {
	padding-top: 1%;
	font-size: 26px;
}

.sub_intro {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.sub_intro .s_img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 350px;
	max-height: 100vh;
	object-fit: cover;
}

.sub_intro .s_introcm {
	position: absolute;
	right: 12%;
	left: 12%;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: right;
	align-items: flex-end;
}

.sub_intro .s_introcm .h3 {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 12px;
}

.sub_intro .s_introcm .i {
	display: none;
}

.sub_intro .s_introcm .i i {
	width: 1px;
	height: 40px;
	background: #7f7f7f;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-right: 22px;
	display: block;
}

.sub_intro .s_introcm .p {
	font-size: 18px;
	line-height: 1.8;
	padding-top: 2.5%;
	max-width: 450px;
}

.sub_intro .intro-bot {
	position: absolute;
	bottom: 26px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 15;
}

.sub_intro .intro-botinl {
	display: inline-block;
	padding: 0 80px;
	position: relative;
}

.sub_intro .intro-bot .swiper-pagination-bullet {
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid transparent;
	border-radius: 50%;
	color: #000;
	font-size: 14px;
	background: none;
	margin: 0 10px;
	opacity: 1;
}

.sub_intro .intro-bot .swiper-pagination-bullet-active {
	border-color: #9b9b9b;
	font-weight: bold;
}

.sub_intro .intro-bot .intro-prev,
.sub_intro .intro-bot .intro-next {
	position: absolute;
	top: 0;
	width: 50px;
	height: 36px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.sub_intro .intro-bot .intro-prev {
	left: 0;
	background-image: url(../images/s_ban_l.png);
}

.sub_intro .intro-bot .intro-next {
	right: 0;
	background-image: url(../images/s_ban_r.png);
}

.sub_jqral {
	overflow: hidden;
	width: 100%;
	position: relative;
}

.sub_jqral .al_img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100vh;
	min-height: 350px;
	object-fit: cover;
}

.jqral-bot {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 18;
	display: none;
}

.jqral-botinl {
	width: 93%;
	max-width: 800px;
	position: relative;
	margin: 0 auto;
	background: #fff;
	line-height: 70px;
	text-align: center;
	padding: 0 100px;
	box-sizing: border-box;
}

.jqral-title {
	width: 100%;
	font-size: 20px;
}

.jqral-bot .jqral-prev,
.jqral-bot .jqral-next {
	position: absolute;
	top: 0;
	width: 34px;
	height: 70px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.jqral-bot .jqral-prev {
	left: 5%;
	background-image: url(../images/s_ban_l.png);
	background-position: left center;
}

.jqral-bot .jqral-next {
	right: 5%;
	background-image: url(../images/s_ban_r.png);
	background-position: right center;
}

/* 案例 */
.anli_padd {
	padding: 0 8.333333%;
	padding-bottom: 3%;
}

.al_tit {
	font-size: 22px;
	text-align: center;
	padding: 30px 0;
}

.al_apad {
	background: #fff;
	padding: 24px;
}

.al_apad li {
	padding: 6px;
	width: 12.5%;
	box-sizing: border-box;
}

.al_apad li a {
	display: block;
	border: 1px solid #e3e3e3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-height: 80px;
	box-sizing: border-box;
}

.al_apad li a img {
	max-width: 99%;
	max-height: 99%;
	object-fit: cover;
}

.anli_b {
	padding-top: 10px;
	padding-bottom: 30px;
}

.al_blist {
	overflow: hidden;
}

.al_blist ul {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
}

.al_blist ul li {
	width: 50%;
	padding: 15px;
	box-sizing: border-box;
}

.al_blist ul li .a {
	background: #fff;
	align-items: center;
}

.al_blist ul li .img {
	width: 64%;
}

.al_blist ul li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.al_blist ul li .albr {
	width: 36%;
	padding: 3%;
	box-sizing: border-box;
	height: 100%;
	text-align: center;
}

.al_blist ul li .albr .lg {
	max-width: 60%;
	border: 1px solid #dedede;
	display: inline-block;
	border-radius: 5px;
	overflow: hidden;
}

.al_blist ul li .albr .lg img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: 100%;
	max-height: 140px;
	object-fit: cover;
}

.al_blist ul li .albr .p {
	font-size: 18px;
	padding-top: 15%;
	line-height: 1.4;
}

/* 关于我们 */
.sub_ab_a {
	background: #f6f6f6;
}

.sub_ab_a .ab_aimg {
	width: 50%;
	overflow: hidden;
}

.sub_ab_a .ab_aimg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 100vh;
}

.sub_ab_a .ab_acm {
	width: 50%;
}

.sub_ab_a .ab_acm .ab_padd {
	padding: 5% 7.2%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	justify-content: center;
}

.sub_ab_a .ab_acm .h3 {
	font-size: 30px;
}

.sub_ab_a .ab_acm .h4 {
	font-size: 24px;
}

.sub_ab_a .ab_acm .p {
	font-size: 16px;
	padding-top: 28px;
}

.sub_ab_a .ab_acm ul {
	padding-top: 10%;
}

.sub_ab_a .ab_acm ul li {
	padding: 2.5% 0;
	max-width: 70%;
}

.sub_ab_a .ab_acm ul li h3 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.sub_ab_a .ab_acm ul li p {
	font-size: 15px;
}

/* 发展历程 */
.sub_ab_b {
	padding-top: 20px;
	padding-bottom: 30px;
}

.ab_fzlc {
	padding: 0 8.33333%;
	position: relative;
}

.fzlc_com {
	overflow: hidden;
	width: 100%;
	padding-top: 25px;
}

.fzlc_com .swiper-slide {
	text-align: center;
	cursor: pointer;
}

.fzlc_com .lc_a {
	height: 115px;
	display: flex;
	justify-content: center;
}

.fzlc_com .lc_a .lc_aw {
	width: 90px;
	height: 90px;
	background: #d9d9d9;
	border-radius: 50%;
	position: relative;
	padding: 12px;
	box-sizing: border-box;
	opacity: 0;
	margin-top: -30px;
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

.fzlc_com .lc_a .lc_aw::after {
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #d9d9d9;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -16px;
	content: '';
}

.fzlc_com .lc_a .lc_aw p {
	width: 66px;
	height: 66px;
	background: #666666;
	color: #fff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 20px;
}

.fzlc_com .lc_line {
	width: 100%;
	height: 10px;
	position: relative;
}

.fzlc_com .lc_line::before {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	background: #e7e7e7;
	content: '';
}

.fzlc_com .lc_line::after {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 0;
	background: #e7e7e7;
	content: '';
	border-radius: 50%;
}

.fzlc_com .lc_dw {
	padding: 15px 10% 0;
	min-height: 100px;
}

.fzlc_com .lc_dw .n {
	font-size: 20px;
}

.fzlc_com .lc_dw .lc_wz {
	font-size: 15px;
	line-height: 1.5;
	display: none;
	padding-top: 10px;
}

.fzlc_com .on .lc_a .lc_aw {
	opacity: 1;
	margin-top: 0;
}

.fzlc_com .on .lc_dw .lc_wz {
	display: block;
}

.fzlc_com .on .lc_dw .n {
	display: none;
}

.ab_fzlc .swiper-next,
.ab_fzlc .swiper-prev {
	position: absolute;
	width: 35px;
	height: 35px;
	cursor: pointer;
	top: 50%;
	margin-top: -6px;
	background-position: center center;
	background-repeat: no-repeat;
}

.ab_fzlc .swiper-prev {
	background-image: url(../images/ab_l.png);
	left: 3.5%;
}

.ab_fzlc .swiper-next {
	background-image: url(../images/ab_r.png);
	right: 3.5%;
}

.sub_ab_c {
	padding-top: 10px;
	background: #f6f6f6;
	padding-bottom: 60px;
}

.ab_gcptpad {
	position: relative;
	padding-left: 8.33333%;
	padding-right: 8.33333%;
}

.ab_gcpt {
	overflow: hidden;
}

.ab_gcpt .swiper-slide .imgs {
	padding-bottom: 58.1395%;
}

.ab_gcpt .swiper-slide .gc_pad {
	background: #fff;
	padding: 4% 5%;
	line-height: 1.8;
}

.ab_gcpt .swiper-slide .gc_pad h3 {
	font-size: 18px;
}

.ab_gcpt .swiper-slide .gc_pad p {
	font-size: 15px;
}

.ab_gcpt .swiper-slide:hover .imgs img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/* 联系 */
.sub_cont {
	padding: 50px 8.333333%;
}

.cont_tt {
	font-size: 20px;
}

.cont_p {
	font-size: 16px;
	padding-top: 15px;
}

.cont_p .font {
	padding: 0 15px;
}

.cont_map {
	height: 600px;
	margin-top: 30px;
}

/* 新闻 */
.new_padd {
	padding: 10px 8.33333% 40px;
}

.new_list {
	padding-bottom: 4%;
}

.new_list li {
	padding: 2.5% 0;
	border-bottom: 1px solid #d6d6d6;
	justify-content: space-between;
	align-items: center;
}

.new_list li .new_l {
	width: 17.5%;
}

.new_list li .new_c {
	width: 58.4375%;
	padding-left: 2%;
}

.new_list li .new_r {
	width: 11%;
}

.new_list li .new_c .h3 {
	font-size: 18px;
	line-height: 1.5;
}

.new_list li .new_c .p {
	color: #666666;
	font-size: 14px;
	padding-top: 30px;
	line-height: 1.8;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.new_list li .new_r {
	text-align: center;
	color: #6d6d6d;
	font-size: 16px;
}

.new_list li .new_r p {
	font-size: 50px;
	line-height: 1.4;
	font-weight: bold;
}

.new_list li .new_r span {
	display: block;
	padding: 0px 0 10px;
	border-bottom: 1px solid #d6d6d6;
	text-align: left;
}

.new_list li .new_r a {
	display: inline-block;
	padding-top: 10px;
	color: #6d6d6d;
}

.new_list li .new_r a:hover {
	color: #000;
}

.pages {
	text-align: center;
}

.pages ul {
	font-size: 0;
}

.pages ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}

.pages ul li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #353535;
	line-height: 26px;
	border: 1px solid #d4d4d4;
	padding: 0 8px;
}

.pages ul li a:hover {
	border-color: #000;
	color: #000;
}

.pages ul li a.on {
	background: #000;
	border-color: #000;
	color: #fff;
}

.pages ul li a.pre,
.pages ul li a.next {
	width: 22px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 26px;
}

.pages ul li a.pre {
	background-image: url(../images/pre_ico.png);
}

.pages ul li a.next {
	background-image: url(../images/next_ico.png);
}

.pages ul li a.pre:hover {
	background-image: url(../images/pre_ico_hv.png);
}

.pages ul li a.next:hover {
	background-image: url(../images/next_ico_hv.png);
}

/* 新闻详情 */
.art_ntit {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 40px 0 10px;
	line-height: 1.2;
}

.art_ntm {
	text-align: center;
	color: #8f8f8f;
}

.art_nbody {
	padding: 20px 0 4%;
	border-bottom: 1px solid #D6D6D6;
	overflow: hidden;
	min-height: 200px;
	line-height: 1.9;
}

.art_nbody img {
	max-width: 100% !important;
	height: auto !important;
}

.art_npn {
	padding-top: 25px;
}

.art_npn .p {
	width: 48%;
	box-sizing: border-box;
	padding: 15px 38px 15px 15px;
	line-height: 20px;
	font-weight: bold;
	position: relative;
}

.art_npn .p p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/* for IE */
	-o-text-overflow: ellipsis;
	/* for Opera */
	-icab-text-overflow: ellipsis;
	/* for iCab */
	-khtml-text-overflow: ellipsis;
	/* for Konqueror Safari */
	-moz-text-overflow: ellipsis;
	/* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis;
	/* for Safari,Swift*/
}

.art_npn .p a {
	color: #666;
	font-weight: normal;
	display: inline;
}

.art_npn .p:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.art_npn .p i {
	width: 8px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 30px;
	background: url(../images/art_nico.png) no-repeat center center;
	transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	opacity: 0;
}

.art_npn .p:hover i {
	right: 20px;
	opacity: 1;
}

.art_nfh {
	text-align: center;
	padding-top: 30px;
}

.art_nfh a {
	display: inline-block;
	vertical-align: top;
	background: #666;
	position: relative;
	border-radius: 50%;
}

.art_nfh a img {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
}

.art_nfh a p {
	position: absolute;
	width: 100%;
	top: 60%;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.art_nfh a:hover {
	background: #000;
}

/* 在线留言 */
.sub_ban .ly_ban {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	max-height: initial;
}

.sub_lypos {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 7% 3.5% 5%;
}

.sub_lycom {
	max-width: 1600px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

.sub_lycom .flex {
	flex-wrap: nowrap;
}

.sub_lycom .ly_maxw {
	width: 55%;
	padding-top: 5%;
}

.sub_lycom .ly_h3 {
	font-size: 20px;
}

.sub_lycom .ly_p {
	font-size: 16px;
	padding-bottom: 3%;
}

.sub_lycom .ly_ul li {
	padding: 1% 0;
}

.sub_lycom .ly_ul li .p {
	background: #FFFFFF;
	border-radius: 3px;
	padding: 8px 15px;
	align-items: center;
}

.sub_lycom .ly_ul li .ly_ulnr {
	align-items: flex-start;
}

.sub_lycom .ly_ul li .p span {
	font-size: 15px;
	color: #232323;
	white-space: nowrap;
}

.sub_lycom .ly_ul li .ly_txt,
.sub_lycom .ly_ul li .ly_nr {
	flex: 1;
	border: none;
	background: none;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}

.sub_lycom .ly_ul li .ly_nr {
	line-height: 30px;
	height: 85px;
}

.sub_lycom .ly_ul.ly_w2 {
	justify-content: space-between;
}

.sub_lycom .ly_ul.ly_w2 li {
	width: 49%;
}

.sub_lycom .ly_ul .ly_btn {
	width: 150px;
	text-align: center;
	line-height: 42px;
	border-radius: 3px;
	background: #3aa5ff;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	border: none;
	margin-right: 15px;
}

.sub_lycom .ly_ul .ly_res {
	background: #fff;
	color: #003333;
}

.sub_lycom .ly_ul.ly_last {
	padding-top: 1%;
}

.sub_lycom .form-control {
	height: 30px;
	line-height: 30px;
	flex: 1;
	border: 0;
	font-size: 14px;
	color: #666;
}

select {
	-webkit-appearance: none;
}


@media screen and (max-width:1366px) {
	.sub_ab_a .ab_aimg img {
		max-height: none;
	}

	.new_list li .new_r p {
		font-size: 40px;
	}
}

@media screen and (max-width:1280px) {
	.swiper-banner .swiper-slide .ban_h1 {
		font-size: 80px;
	}

	.swiper-banner .swiper-slide .ban_h2 {
		font-size: 80px;
	}

	.swiper-banner .swiper-slide .ban_h3 a {
		font-size: 16px;
		padding: 6px 40px;
	}

	.ban_dup span,
	.sban_dup span {
		background-size: 45px;
	}

	.ind_tt span {
		font-size: 20px;
	}

	.ind_tt p {
		font-size: 32px;
	}

	.ind_alist {
		padding: 0 6%;
	}

	.ind_blist li .padd {
		padding: 7% 6%;
	}

	.ind_blist li .padd .ico {
		background-size: 50px;
	}

	.ind_blist li .padd .h3 {
		font-size: 20px;
	}

	.ind_blist li .padd .p {
		font-size: 14px;
	}

	.sub_ban .s_bancm .h3,
	.sub_intro .s_introcm .h3 {
		font-size: 35px;
	}

	.sub_ban .s_bancm2 .h3 {
		font-size: 42px;
	}

	.sub_ban .s_bancm .p,
	.sub_intro .s_introcm .p {
		font-size: 16px;
	}

	.sub_ban .s_bancm2 .p {
		font-size: 20px;
	}

	.sub_ban .s_bancm .i i,
	.sub_intro .s_introcm .i i {
		height: 34px;
	}

	.sub_intro .intro-bot {
		bottom: 20px;
	}

	.sub_intro .intro-bot .swiper-pagination-bullet {
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 13px;
		margin: 0 8px;
	}

	.sub_intro .intro-bot .intro-prev,
	.sub_intro .intro-bot .intro-next {
		height: 28px;
	}

	.jqral-botinl {
		line-height: 60px;
	}

	.jqral-title {
		font-size: 18px;
	}

	.jqral-bot .jqral-prev,
	.jqral-bot .jqral-next {
		width: 32px;
		height: 60px;
	}


	.anli_padd {
		padding-left: 5%;
		padding-right: 5%;
	}

	.al_apad li {
		width: 16.6666%;
	}

	.al_blist ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	.al_blist ul li .albr .lg img {
		max-height: 100px;
	}

	.al_blist ul li .albr .p {
		font-size: 16px;
	}

	.al_blist ul li {
		padding: 10px;
	}

	.sub_ab_a .ab_acm .h3 {
		font-size: 26px;
	}

	.sub_ab_a .ab_acm .h4 {
		font-size: 20px;
	}

	.sub_ab_a .ab_acm .p {
		font-size: 15px;
	}

	.sub_ab_a .ab_acm ul {
		padding-top: 8%;
	}

	.sub_ab_a .ab_acm ul li {
		max-width: 100%;
	}

	.sub_ab_a .ab_acm ul li h3 {
		font-size: 16px;
	}

	.sub_ab_a .ab_acm ul li p {
		font-size: 14px;
	}

	.ab_gcpt .swiper-slide .gc_pad h3 {
		font-size: 16px;
	}

	.ab_gcpt .swiper-slide .gc_pad p {
		font-size: 13px;
	}

	.ab_gcptpad .gcpt-next,
	.ab_gcptpad .gcpt-prev {
		position: absolute;
		width: 35px;
		height: 35px;
		cursor: pointer;
		top: 50%;
		margin-top: -6px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.ab_gcptpad .gcpt-prev {
		background-image: url(../images/ab_l.png);
		left: 3.5%;
	}

	.ab_gcptpad .gcpt-next {
		background-image: url(../images/ab_r.png);
		right: 3.5%;
	}

	.cont_map {
		height: 500px;
	}

	.new_list li .new_r p {
		font-size: 35px;
	}

	.new_list li .new_c .h3 {
		font-size: 16px;
	}

	.new_list li .new_c .p {
		font-size: 13px;
		padding-top: 12px;
	}
}

@media screen and (max-width:1024px) {
	.swiper-banner .swiper-slide .ban_h1 {
		font-size: 60px;
	}

	.swiper-banner .swiper-slide .ban_h2 {
		font-size: 60px;
	}

	.swiper-banner .swiper-slide .ban_h3 a {
		font-size: 15px;
		padding: 6px 35px;
	}

	.ban_dup span,
	.sban_dup span {
		background-size: 40px;
	}

	.ind_tt span {
		font-size: 18px;
	}

	.ind_tt p {
		font-size: 28px;
	}

	.ind_alist {
		padding: 0 5%;
	}

	.ind_alist .swiper-slide p {
		font-size: 16px;
	}

	.ind_blist li .padd .ico {
		background-size: 45px;
	}

	.ind_blist li .padd .h3 {
		font-size: 18px;
	}

	.ind_blist li .padd .p {
		font-size: 13px;
	}


	.sub_ban .s_bancm .h3,
	.sub_intro .s_introcm .h3 {
		font-size: 30px;
	}

	.sub_ban .s_bancm2 .h3 {
		font-size: 35px;
	}

	.sub_ban .s_bancm .p,
	.sub_intro .s_introcm .p {
		font-size: 15px;
	}

	.sub_ban .s_bancm2 .p {
		font-size: 18px;
	}

	.sub_ban .s_bancm .i i,
	.sub_intro .s_introcm .i i {
		height: 30px;
	}

	.al_blist ul li .albr .lg img {
		max-height: 80px;
	}

	.al_blist ul li .albr .p {
		font-size: 14px;
	}

	.new_list li .new_r {
		font-size: 14px;
	}

	.new_list li .new_r p {
		font-size: 30px;
	}

	.sub_lycom .ly_maxw {
		width: 60%;
	}

	.sub_lycom .ly_ul li .p {
		padding: 5px 12px;
	}

	.sub_lycom .ly_ul li .p span {
		font-size: 14px;
	}

	.sub_lycom .ly_ul .ly_btn {
		width: 120px;
		line-height: 36px;
	}
}

@media screen and (max-width:960px) {
	.swiper-banner .swiper-slide .ban_h1 {
		font-size: 50px;
	}

	.swiper-banner .swiper-slide .ban_h2 {
		font-size: 50px;
	}

	.swiper-banner .swiper-slide .ban_h3 a {
		font-size: 14px;
	}

	.ban_dup,
	.sban_dup {
		bottom: 28px;
	}

	.ban_dup span,
	.sban_dup span {
		background-size: 40px;
	}

	.ind_tt span {
		font-size: 18px;
	}

	.ind_tt p {
		font-size: 26px;
	}

	.ind_alist {
		padding: 0 4%;
	}

	.ind_alist .swiper-slide p {
		font-size: 15px;
	}

	.ind_blist li .padd .ico {
		background-size: 40px;
	}

	.ind_blist li .padd .h3 {
		font-size: 17px;
		line-height: 1.4;
	}

	.ind_c .ind_cli .ind_ccm .h3 {
		font-size: 20px;
	}

	.ind_c .ind_cli .ind_ccm .p {
		font-size: 15px;
	}

	.sub_ban .s_bancm .h3,
	.sub_intro .s_introcm .h3 {
		font-size: 28px;
	}

	.sub_ban .s_bancm2 .h3 {
		font-size: 32px;
	}

	.sub_ban .s_bancm .p,
	.sub_intro .s_introcm .p {
		font-size: 14px;
	}

	.sub_ban .s_bancm2 .p {
		font-size: 17px;
	}

	.sub_ban .s_bancm .i i,
	.sub_intro .s_introcm .i i {
		height: 28px;
	}

	.sub_ban .s_bancm2 .i i {
		height: 26px !important;
	}

	.cont_map {
		height: 450px;
	}

	.art_nfh a img {
		width: 80px;
	}

	.sub_lycom .ly_maxw {
		width: 70%;
	}
}

@media screen and (max-width:768px) {
	.swiper-banner .swiper-slide .ban_h1 {
		font-size: 40px;
	}

	.swiper-banner .swiper-slide .ban_h2 {
		font-size: 40px;
	}

	.swiper-banner .swiper-slide .ban_h3 a {
		font-size: 14px;
		padding: 5px 30px;
	}

	.ban_dup,
	.sban_dup {
		bottom: 20px;
	}

	.ban_dup span,
	.sban_dup span {
		background-size: 32px;
	}

	.ind_tt {
		padding: 30px 0;
	}

	.ind_tt span {
		font-size: 17px;
	}

	.ind_tt p {
		font-size: 25px;
	}

	.ind_alist {
		padding: 0 3%;
	}

	.ind_alist .swiper-slide p {
		font-size: 15px;
	}

	.pad_08 {
		padding: 0 4%;
	}

	.ind_blist li .padd .ico {
		background-size: 34px;
	}

	.ind_blist li .padd .h3 {
		font-size: 16px;
		line-height: 1.2;
	}

	.ind_blist li .padd .p {
		font-size: 12px;
	}

	.indb-pagination {
		display: block;
	}

	.ind_blist li .padd:hover {
		background: none;
		color: #fff;
	}

	.ind_blist li .padd:hover .ico1 {
		background-image: url(../images/ind_bico1.png);
	}

	.ind_blist li .padd:hover .ico2 {
		background-image: url(../images/ind_bico2.png);
	}

	.ind_blist li .padd:hover .ico3 {
		background-image: url(../images/ind_bico3.png);
	}

	.ind_c .ind_cli .ind_ccm .h3 {
		font-size: 18px;
	}

	.ind_c .ind_cli .ind_ccm .p {
		font-size: 14px;
	}

	.sub_ban .s_bancm .h3,
	.sub_intro .s_introcm .h3 {
		font-size: 24px;
		padding-bottom: 16px;
	}

	.sub_ban .s_bancm2 .h3 {
		font-size: 28px;
	}

	.sub_intro .s_introcm .h3 {
		padding-bottom: 10px;
	}

	.sub_ban .s_bancm .p,
	.sub_intro .s_introcm .p {
		font-size: 13px;
	}

	.sub_ban .s_bancm2 .p {
		font-size: 16px;
	}

	.sub_ban .s_bancm .i i,
	.sub_intro .s_introcm .i i {
		height: 26px;
	}

	.sub_ban .s_bancm2 .i i {
		height: 20px !important;
	}

	.sub_intro .intro-bot {
		bottom: 15px;
	}

	.sub_intro .intro-bot .swiper-pagination-bullet {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		margin: 0 5px;
	}

	.sub_intro .intro-bot .intro-prev,
	.sub_intro .intro-bot .intro-next {
		height: 24px;
		width: 32px;
	}

	.sub_intro .intro-botinl {
		padding: 0 50px;
	}

	.sub_intro .intro-bot .intro-prev {
		background-position: left center;
	}

	.sub_intro .intro-bot .intro-next {
		background-position: right center;
	}

	.jqral-botinl {
		line-height: 50px;
	}

	.jqral-title {
		font-size: 16px;
	}

	.jqral-bot .jqral-prev,
	.jqral-bot .jqral-next {
		width: 30px;
		height: 50px;
	}

	.anli_padd {
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	.al_apad li {
		width: 20%;
	}

	.al_apad li a {
		max-height: 60px;
	}

	.al_blist ul li .albr .lg img {
		max-height: 60px;
	}

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

	.sub_ab_a .ab_acm .h3 {
		font-size: 22px;
	}

	.sub_ab_a .ab_acm .h4 {
		font-size: 18px;
	}

	.sub_ab_a .ab_acm .p {
		font-size: 14px;
	}

	.sub_ab_a .ab_acm ul {
		padding-top: 8%;
	}

	.sub_ab_a .ab_acm ul li {
		max-width: 100%;
	}

	.sub_ab_a .ab_acm ul li h3 {
		font-size: 15px;
	}

	.sub_ab_a .ab_acm ul li p {
		font-size: 13px;
	}

	.ab_fzlc .swiper-prev,
	.ab_gcptpad .gcpt-prev {
		left: 2%;
	}

	.ab_fzlc .swiper-next,
	.ab_gcptpad .gcpt-next {
		right: 2%;
	}

	.sub_cont {
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	.cont_p .span {
		display: block;
		font-size: 15px;
		padding: 3px 0;
	}

	.cont_p .font {
		display: none;
	}

	.cont_map {
		height: 400px;
	}

	.new_padd {
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	.new_list li .new_c .h3 {
		font-size: 14px;
	}

	.new_list li .new_c .p {
		font-size: 12px;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	.new_list li .new_r {
		font-size: 12px;
	}

	.new_list li .new_r p {
		font-size: 24px;
	}

	.pages ul li {
		padding: 0 4px;
	}

	.pages ul li a {
		line-height: 22px;
		padding: 0 8px;
	}

	.pages ul li a.pre,
	.pages ul li a.next {
		height: 22px;
		width: 10px;
		background-size: 6px;
	}

	.art_npn .p {
		width: 100%;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		margin-bottom: 15px;
	}

	.art_npn .p i {
		opacity: 1;
		right: 20px;
	}

	.art_nfh {
		padding-top: 10px;
	}

	.art_ntit {
		font-size: 20px;
		line-height: 1.2;
	}

	.art_nfh a img {
		width: 60px;
	}

	.art_nfh a p {
		top: 52%;
	}
}

@media screen and (max-width:600px) {
	.swiper-banner .swiper-slide .ban_h1 {
		font-size: 34px;
	}

	.swiper-banner .swiper-slide .ban_h2 {
		font-size: 34px;
	}

	.swiper-banner .swiper-slide .ban_h3 a {
		font-size: 12px;
		padding: 4px 22px;
	}

	.ban_dup,
	.sban_dup {
		bottom: 15px;
	}

	.ban_dup span,
	.sban_dup span {
		background-size: 32px;
	}

	.ind_tt span {
		font-size: 15px;
	}

	.ind_tt p {
		font-size: 18px;
	}

	.ind_alist {
		padding: 0;
	}

	.ind_alist .swiper-slide p {
		font-size: 13px;
	}

	.ind_blist {
		padding: 6% 0 5%;
	}

	.ind_blist li::after {
		display: none;
	}

	.ind_c .ind_cli {
		width: 100%;
	}

	.ind_c .ind_cli .img {
		min-height: auto;
	}

	.sub_ban .s_bancm {
		left: 4%;
		right: 35%;
	}

	.sub_ban .s_bancm .h3,
	.sub_intro .s_introcm .h3 {
		font-size: 18px;
		padding-bottom: 14px;
	}

	.sub_intro .s_introcm .h3 {
		padding-bottom: 8px;
	}

	.sub_ban .s_bancm2 .h3 {
		font-size: 22px;
	}

	.sub_ban .s_bancm .p,
	.sub_intro .s_introcm .p {
		font-size: 12px;
	}

	.sub_ban .s_bancm2 .p {
		font-size: 16px;
	}

	.sub_ban .s_bancm .i i,
	.sub_intro .s_introcm .i i {
		height: 22px;
		margin-left: 16px;
	}

	.sub_intro .intro-bot {
		bottom: 10px;
	}

	.sub_intro .intro-bot .swiper-pagination-bullet {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 10px;
		margin: 0 5px;
	}

	.sub_intro .intro-bot .intro-prev,
	.sub_intro .intro-bot .intro-next {
		height: 20px;
		width: 25px;
	}

	.sub_intro .intro-botinl {
		padding: 0 30px;
	}

	.sub_intro .s_introcm {
		right: 5%;
		left: 50%;
	}

	.jqral-botinl {
		line-height: 40px;
		padding: 0 65px;
	}

	.jqral-title {
		font-size: 14px;
	}

	.jqral-bot .jqral-prev,
	.jqral-bot .jqral-next {
		width: 25px;
		height: 40px;
	}

	.al_tit {
		padding: 25px 0 15px;
		font-size: 18px;
	}

	.al_apad {
		padding: 12px;
	}

	.al_apad li {
		width: 33.333%;
	}

	.al_apad li a {
		max-height: 50px;
	}

	.al_blist ul li {
		width: 100%;
	}

	.sub_ab_a {
		flex-direction: column-reverse;
	}

	.sub_ab_a .ab_acm .ab_padd {
		padding: 6% 3.5%;
	}

	.sub_ab_a .ab_aimg,
	.sub_ab_a .ab_acm {
		width: 100%;
	}

	.sub_ab_a .ab_acm .h3 {
		font-size: 20px;
	}

	.sub_ab_a .ab_acm .h4 {
		font-size: 16px;
	}

	.sub_ab_a .ab_acm .p {
		padding-top: 18px;
		font-size: 13px;
	}

	.sub_ab_a .ab_acm ul {
		padding-top: 6%;
	}

	.sub_ab_a .ab_aimg img {
		max-height: 300px;
	}

	.sub_ab_b {
		padding-top: 10px;
	}

	.ab_fzlc .swiper-next,
	.ab_fzlc .swiper-prev,
	.ab_gcptpad .gcpt-next,
	.ab_gcptpad .gcpt-prev {
		background-size: 14px;
		width: 20px;
	}

	.fzlc_com .lc_dw .lc_wz {
		font-size: 14px;
	}

	.fzlc_com .lc_a .lc_aw {
		width: 80px;
		height: 80px;
		padding: 10px;
	}

	.fzlc_com .lc_a .lc_aw p {
		width: 60px;
		height: 60px;
		font-size: 18px;
	}

	.fzlc_com .swiper-slide-active .lc_a .lc_aw {
		opacity: 1;
		margin-top: 0;
	}

	.fzlc_com .swiper-slide-active .lc_dw .lc_wz {
		display: block;
	}

	.fzlc_com .swiper-slide-active .lc_dw .n {
		display: none;
	}

	.sub_ab_b {
		padding-bottom: 10px;
	}

	.sub_ab_c {
		padding-top: 0;
		padding-bottom: 40px;
	}

	.sub_cont {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.cont_p {
		font-size: 14px;
	}

	.cont_map {
		height: 300px;
	}

	.new_list {
		padding-bottom: 20px;
	}

	.new_list li {
		padding: 20px 0;
	}

	.new_list li .new_l {
		display: none;
	}

	.new_list li .new_c {
		width: 75%;
	}

	.new_list li .new_r {
		width: 20%;
	}

	.new_list li .new_r a {
		padding-top: 5px;
	}

	.new_list li .new_r span {
		padding-bottom: 5px;
	}

	.new_list li .new_r p {
		font-size: 20px;
	}

	.sub_lycom .ly_maxw {
		width: 100%;
	}

	.sub_lypos {
		padding: 50px 3.5% 40px;
	}

	.sub_lycom .flex {
		flex-wrap: wrap;
	}

	.sub_lycom .ly_ul.ly_w2 li {
		width: 100%;
	}

	.sub_lycom .ly_p {
		font-size: 14px;
	}
}
.w{
    max-width: 1400px;
    margin:0 auto;
}

@media screen and (max-width:1200px ) {
    .w{
        width: 96%;
        margin: 0 auto;
    }
}
.flex_between {
    justify-content: space-between;
}
.flex {
    display: flex;
    flex-flow: wrap;
}

.com_pad{padding-left: 4%;padding-right:4%;max-width: 1400px;margin: 0 auto;}
.com_pad_3{max-width: 1400px;margin: 0 auto;}

.ind_ban{
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	background: #fff;
	box-sizing: border-box;
	
	
	transform: translateY(-40%);
	position: relative;
	z-index: 9;
}

.ind_ban li .h3{
	padding: 10px 0 5px;
}

.ind_ban li {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3% 1%;
    box-sizing: border-box;
   
    cursor: pointer;
}

.ind_ban li .h3{
    display: flex;
    justify-content: center;
    align-items: center;
}

.ind_ban li .h3 span{ padding-left: 10px;}


.ind_ban li:nth-of-type(1){
    background: #2c7ac4;
}
.ind_ban li:nth-of-type(2){
    background: #e32f3f;
}
.ind_ban li:nth-of-type(3){
    background: #ffb006;
}
.ind_ban li:nth-of-type(4){
    background: #32b527;
}

@media screen and (max-width:800px ) {
    .ind_ban li .h3 img{ width: 22px; height: 22px; margin-bottom: 5px;}
    .ind_ban li .h3{
        flex-direction: column;
    }
    .ind_ban li .h3 span{ padding-left:0px;}
}

@media screen and (max-width:600px ) {
    .ind_ban li {
        text-align: center;
       
    }
    .ind_ban li .h3{
        padding: 5px 0;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.2;
    }
    
   
    .ind_ban li .p{
        display: none;
    }

}





.yewu_fenlei{
    padding-top: 40%;
    background: url("../images/bg1.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.yewu_inner{
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
   
}

.yewu_movetop{
    margin-top:-4.6%;
}

.yewu_item{width: 47.85%;  
    

   
    overflow: hidden;
    background-size: contain;
    padding-top: 26%;
    position: relative;
    margin-bottom:12px;
   
    
}

.yewu_item_pos{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
   
    flex-direction: column;
}
.svg_bg{
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    position: absolute;
    top:0;
    background: url("../images/item_bg.png") no-repeat center center;
    background-size: 100% 100%;
}


.yewu_item .yewu_item_pos{
   
    z-index: 2;
    left: 6%;
    top: 4%;
    
    width:88%;
    height:90%;
    position: absolute;
   overflow: hidden;

   display: flex;
   flex-direction: column;
    
}

.yewu_item:nth-of-type(1) .yewu_item_pos{
    background: url("../images/daimai_icon.png") no-repeat left bottom;
    background-size: cover;
}

.yewu_item:nth-of-type(2) .yewu_item_pos{
    background: url("../images/daisong_icon.png") no-repeat left bottom;
    background-size: cover;
}
.yewu_item:nth-of-type(3) .yewu_item_pos{
    background: url("../images/daiqu.png") no-repeat left bottom;
    background-size: cover;
}
.yewu_item:nth-of-type(4) .yewu_item_pos{
    background: url("../images/daipaidui.png") no-repeat left bottom;
    background-size: cover;
}




.yewu_item_text{
    height: 70%;
    display: flex;
}
.yewu_item_text .gap{
    width: 48%;
}
.yewu_item_text .texts{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;

}
@media screen and (max-width:1400px ) {
    .yewu_fenlei{
        padding-top: 52%;
       
    }
}

@media screen and (max-width:880px ) {
    .yewu_item_text .gap{
        width: 30%;
    }
    .yewu_item:nth-of-type(1) .yewu_item_pos{
        background: url("../images/daimai_icon.png") no-repeat -40px bottom;
        background-size: cover;
    }
    .yewu_item:nth-of-type(2) .yewu_item_pos{
        background: url("../images/daisong_icon.png") no-repeat -40px bottom;
        background-size: cover;
    }    
    .yewu_item:nth-of-type(3) .yewu_item_pos{
        background: url("../images/daiqu.png") no-repeat -40px bottom;
        background-size: cover;
    }
    .yewu_item:nth-of-type(4) .yewu_item_pos{
        background: url("../images/daipaidui.png") no-repeat -40px bottom;
        background-size: cover;
    }
    
    
}
@media screen and (max-width:640px ) {
    .yewu_item_text .gap{
        width: 20%;
    }
    .yewu_item_text .texts{
        display: none;
    }
    .yewu_item:nth-of-type(1) .yewu_item_pos{
        background: url("../images/daimai_icon.png") no-repeat -700% bottom;
        background-size: cover;
    }
    .yewu_item:nth-of-type(2) .yewu_item_pos{
        background: url("../images/daisong_icon.png") no-repeat -700% bottom;
        background-size: cover;
    }
    .yewu_item:nth-of-type(3) .yewu_item_pos{
        background: url("../images/daiqu.png") no-repeat -700% bottom;
        background-size: cover;
    }
    .yewu_item:nth-of-type(4) .yewu_item_pos{
        background: url("../images/daipaidui.png") no-repeat -700% bottom;
        background-size: cover;
    }
    
    
    
}
@media screen and (max-width:500px ) {
    .yewu_item_text .gap{
        width: 0%;
    }

    
    
}



.bg2{
    margin-top: 4%;
    padding-top: 42%;
    background: url("../images/bg2.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.bg2_wrap{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.fuwu_fields{
    
    flex-wrap: nowrap;
    height: 100%;
}

.fuwu_fields_left{
    width: 54.4%;
    padding-left: 2.6%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
 
    flex-wrap: nowrap;
   

}



.fuwu_fields_right{
    width: 42%;
    display: flex;
    position: relative;
    align-items: center;
    
}

@media screen and (max-width:500px ) {
	.fuwu_fields_left{
		width:100%;
		padding-left:0%;
		
	   
	
	}
	
	
	
	.fuwu_fields_right{
		width: 0;
		
	}
    
    
}


.fuwu_fields_left{
    flex-direction: column;

}



.fuwu_item{
    display: flex;
    margin-bottom:14px;
    
    align-items: center;
}

.img_left_wrap{
    max-width: 70px;
    width: 9.6%;
    min-width: 26px;
}
.fuwu_item.on .text_right_wrap .c_fff{
	color: #ffd008;
}

.img_left_wrap img{
    width: 100%;
}



.fuwu_phone{
    width: 64%;
    
    
}
.w100{
    width: 100%;
    display: block;
}
@media screen and (max-width:1400px ) {
    .bg2{
        
        padding-top: 50%;
       
    }
    .fuwu_phone{
        width: 56%;
        
        
    }

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

    .fuwu_phone{
        width: 53%;
        
        
    }

    .text_right_wrap .f_18{
        display: none;
    }
    
    
}
@media screen and (max-width:900px ) {

    .fuwu_phone{
        width: 50%;
       
        
    }
    

    

    .fuwu_item{
       
        margin-bottom:0px;
        
        
    }
    
}
@media screen and (max-width:630px ) {

    .fuwu_phone{
        width: 48%;
       
        
    }
  

    .text_right_wrap .f_18{
        display: none;
    }
    .text_right_wrap .f_32 span{
        display: none;
    }
    .fuwu_item{
        justify-content: center;
    }
   
    
}



.bg3{
    margin-top: 4%;
    padding-top: 38.6%;
    background: url("../images/bg3.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
}

.about_company{
    margin-top:-4%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    height: 100%;
    background: #fff;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    padding: 4%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}

.company_right{
    width: 43.7%;
}

.company_left{
    width: 52%;
}

.company_left_btn{
    width: 24%;
    height: 4%;
    min-width: 90px;
    min-height: 26px;
    background: #ffd008;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:3%;
    

}
.company_left_img{
    width: 20%;
    margin-right:1%;
    max-width: 70px;
}
.company_left_txt{
    width: 79%;
}
.company_left_desc{
    margin-top: 3%;
    line-height: 50px;
  
    overflow: hidden;
}

.company_left_desc2{
    display: none;
   
    line-height: 50px;
  
    overflow: hidden;
}

.company_left_btn2{
     width: 100px;
    height: 30px;
    background: #ffd008;
    border-radius: 30px;
    
    text-align: center;
    line-height: 30px;
    margin-top:3%;
    display: none;
    

}

.company_left_logo{
    align-items: center;
}
@media screen and (max-width:1200px ) {
    .company_left_desc{
        line-height: 36px;
        height: 180px;
    }
}

@media screen and (max-width:900px ) {
    .company_left_desc{
        line-height: 25px;
        height: 125px;
    }
}
@media screen and (max-width:750px ) {
    .company_left_desc{
        line-height: 22px;
        height: 110px;
    }
}



@media screen and (max-width:600px ) {
    .company_left_desc{
        height: 60px;
        line-height: 20px;
        display: none;
    }
    .company_left_desc2{
       display: block;
       line-height: 24px;
       height: 72px;
       
       
    }
    .company_left_btn2{
        display: block;
    }
	.company_left_logo{
		align-items: flex-start;
	}
    .company_left_desc{
        display: none;
        
     }
     .company_left_btn{
         display: none;
     }
    .com_left_t1,.com_left_t2{
        display: none;
    }
    .company_right{
        width: 0;
        display: none;
       
    }
    
    .company_left{
        width: 100%;
    }
}


.bg4{
    
    padding-top: 31.25%;
    background: url("../images/bg4.jpg") no-repeat center center;
    background-size: cover;
    position: relative;
    min-height: 180px;
}


.bg5{
   
    padding-top: 33%;
    background: url("../images/yun.png") no-repeat center bottom #ffd008;
    background-size: contain;
    position: relative;
    min-height: 180px;
}


.soft_wrap{
    justify-content: space-between;
    align-items: center;
    height: 100%;
    
    flex-wrap: nowrap;
}

.soft_left{
    width: 42%;
    display: flex;
    align-items: center;
    position: relative;
    

}

.soft_right{
    width: 54%;
    display: flex;
    flex-direction: column;
   
    justify-content: center;
}

.soft_item_top{
    display: flex;
    align-items: center;
    max-height: 80px;
}

.soft_item_top .f_40{
    margin-right: 2%;
}

.soft_item_bot{
    display: flex;

}

.img_height{
    height: 100%;
    display: block;
}

.soft_item_bot .soft_item_left{
    margin-right:2%
}
.soft_item_top .f_40{
    display: flex;
    flex-wrap: nowrap;
    white-space:nowrap;
}


.soft_item{ display: flex; flex-direction: column; margin-bottom: 3%; flex-wrap: nowrap; }

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

    .soft_item{ flex-direction: row;  justify-content: center; width: 100%; margin-bottom: 1.2%;}

  

    .soft_left{
        display: none;
    }
    .soft_right{
        width: 100%;
    }
    .soft_item_top .f_18{
        display: none;
    }
    .soft_item_top{
		width: 140px;
        margin-right:2% ;
       
    }
	.soft_item_bot img{
		width: 140px;
	}
}

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

    .f_40{
        font-size:20px;
        padding-left: 2%;
        padding-right: 2%;

    }
	.soft_item_bot img{
		width: 100px;
	}
}



.bottom_wrap{
    width: 100%;
    background: #1a1a1a;
   
    
}

.bottom_copy{
    padding-top: 2%;
    padding-bottom: 2%;
    display: flex;
   
    justify-content: center;
    align-items: center;
    border-top:1px solid #dddddd;
}

.bottom_w{
    padding-top:4% ;
    padding-left: 2%;
    padding-right: 2%;
  
    padding-bottom: 4%;
    justify-content: space-between;
}

.bottom_item_title{
    padding-bottom: 4%;
}

.submenu_ul li{
    padding-top: 2%;
    padding-bottom: 2%;
}

.imgs_wrap{ width: 100px;}


@media screen and (max-width:600px ) {
    .bottom_w .bottom_item:nth-of-type(1){ display: none;}
    .bottom_w .bottom_item:nth-of-type(2){ display: none;}
    .bottom_w .bottom_item:nth-of-type(3){ display: none;}
   
    
}

/*  */


/* 代买 */



.banner_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background:url("../images/daimai_banner.jpg") no-repeat center center;
    background-size: cover;

}

.liucheng_wrap{
  
    display: flex;
	overflow: hidden;
	height: 310px;
}




.liucheng_item{
   
    position: relative;
	display: flex;
	
}
.liucheng_item_left{
    width: 72%;
    position: relative;
	height: 100%;

	
}
.liucheng_item_circle{
    width: 120px;
    height: 120px;
    background: #fff;
    border:2px solid #f5f5f5;
    border-radius: 50%;
    position:relative;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
	transform: translateX(-50%);
    z-index: 2;
	position: absolute;
	top:-60px;

}

.liucheng_item_circle img {
	width: 100%;
	display: block;
}




.liucheng_item_bot{
    position: absolute;
    left: 0;
    width: 100%;
   
    bottom: 0;
    background: #f5f5f5;
    border-radius: 4px;
    z-index: 1;
	
	height: 250px;
}

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

		height: 250px;
	}
	.liucheng_item_bot{
		
		
		height: 190px;
	}
   
    
}
@media screen and (max-width:1100px ) {
    .liucheng_wrap{
  

		height: 280px;
	}
	.liucheng_item_bot{
		
		
		height: 220px;
	}
   
    
}


.liucheng_item_right{
    width: 28%;
    height: 100%;
    background: url("../images/arrow.png") no-repeat center 167px;
}

.title_wenzi{
    padding-top: 80px;
	line-height: 2;
	padding-left: 6px;
	padding-right: 6px;
    
}


@media screen and (max-width:1100px ) {
	.liucheng_item_circle{
		width: 100px;
		height: 100px;
		top:-50px;
	}
	.title_wenzi{
		padding-top: 60px;
	
		
	}
	
    
}

@media screen and (max-width:800px ) {
    .liucheng_item_circle{
		width: 80px;
		height: 80px;
		top:-40px;
	}
	.title_wenzi{
		padding-top: 50px;
		
		
	}
    
}
@media screen and (max-width:600px ) {
    .liucheng_item_circle{
		width: 60px;
		height: 60px;
		top:-30px;
	}
	.title_wenzi{
		padding-top: 40px;
		
		
	}
    .liucheng_item_right{display: none;}
	.liucheng_item_left{
		width: 100%;
	}
}


.title_wenzi2{
    padding-top:3%;
   
    line-height:1.7;
	padding-left: 6px;
	padding-right: 6px;
}


.daimai_yewu_bg{
	padding-bottom: 4%;
    background: url("../images/daimai_yewu_bg.jpg") no-repeat center center;
}
.daimai_yewu_title{
    padding-top: 4%;
	padding-bottom: 4%;
}

.daimai_swiper_wrap{
    height: 280px;
	
}

.daimai_swiper_item{
   
    border-radius: 6px;
   
    position: relative;
}

.daimai_swiper_item img{
  width: 100%;
  display: block;
  position: relative;
}

.daimai_swiper_item .titles_bg{
    height:50px;
    left: 0;
    bottom:0;
    width: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    z-index: 2;
}

.daimai_swiper_item .titles{
    height:50px;
    left: 0;
    bottom:0;
    width: 100%;
  
    position: absolute;
    z-index:3;
   display: flex;
   align-items: center;
   justify-content: center;

}

.daimai_swiper_wrap{
    justify-content: center;
	overflow: hidden;
}


.pinzhi_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.pinzhi_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    width: 30%;
}

.pinzhi_item_img{
    display: flex;
    justify-content: center;
    align-items: center;
}

.pinzhi_item_title{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
	text-align: center;
}

.pinzhi_item_desc{
   
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.liucheng_item_circle{
	overflow: hidden;
}
.liucheng_item_circle img{
	width: 100%;
	height: 100%;
}

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

    .pinzhi_item_desc{
        display: none;
    }
   
    
}

.buzhou_wrap{
   
    position: relative;
    width: 100%;
	
	padding:4% 0 ;
    background: url("../images/buzhou_bg.jpg") no-repeat center center;
    background-size: cover;
}


.buzhou_inner_wrap{
  
    height:100%;

    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.buzhou_item{
   
    
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
   
}

.buzhou_desc{
   
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	background: #fff;
	width: 100%;
	padding-top: 10%;
	padding-bottom: 10%;
	max-height: 106px;
	box-sizing: border-box;
}
.buzhou_desc span{
   
	width: 60px;
	height: 60px;
   
    border-radius: 30px;
    background: #1a1a1a;
    top:-30px;
    margin:0 auto;
    display: block;
    content: "1";

    position: absolute;
    font-size: 28px;
    color: #ffd212;
    font-weight: bold;
  
    text-align: center;
    line-height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:1100px ) {
    .buzhou_desc span{
		width: 50px;
	height: 50px;
	top:-25px;
	font-size: 24px;
	}
    
}

@media screen and (max-width:800px ) {
    .buzhou_desc span{
		width: 40px;
	height: 40px;
	top:-20px;
	font-size: 20px;
	}
    
}
@media screen and (max-width:600px ) {
    .buzhou_desc span{
		width: 30px;
	height: 30px;
	top:-15px;
	font-size: 14px;
	}
    
}
.pinzhi_item .pinzhi_item_img{
	width: 80px;
	height: 80px;
}

.pinzhi_item .pinzhi_item_img img{
	width: 100%;
	display: block;
}


@media screen and (max-width:1100px ) {
	.pinzhi_item .pinzhi_item_img{
		width: 70px;
		height: 70px;
	}
    
}

@media screen and (max-width:800px ) {
    .pinzhi_item .pinzhi_item_img{
		width: 60px;
		height: 60px;
	}
    
}
@media screen and (max-width:600px ) {
    .pinzhi_item .pinzhi_item_img{
		width: 50px;
		height: 50px;
	}
    
}







.jiejue_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background:url("../images/jiejue_banner.jpg") no-repeat center center;
    background-size: cover;

}
.jiejue_neirong{
 display: flex;
 flex-direction: column;
 justify-content: center;
 
 height: 100%;
}
.jiejue_neirong .f_16{
    margin-bottom: 20px;
}
.jiejue_btn{
    width: 120px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffd008;
    border-radius: 50px;
    cursor: pointer;

}


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

    .jiejue_neirong .f_16{
        width: 300px;
        margin-bottom: 10px;
    }
    .jiejue_btn{
        width: 100px;
        height: 30px;
       
    }
    
}


.tongdian_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tongdian_item{ width: 23%;
    padding-top:3.78% ;
    
    height: 120px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: linear-gradient( #ffd008 , #fde271);
    overflow: hidden;
    margin-bottom: 20px;
	position: relative;

}

.tongdian_title{
    
    line-height: 30px;
    font-size: 24px;
	text-align: center;
    color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	position: relative;
	z-index: 1;
	padding-bottom: 6px;

}

.tongdian_gap{
    width: 30px;
    height: 16px;
    border-top:4px solid #fff;
    
    overflow: hidden;
	position: relative;
	z-index: 1;
}

.tongdian_img{
    width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;

}

.tongdian_img img{
	width: 51px;
	margin:0 auto;
	height: 43px;

}




@media screen and (max-width:800px ) {
    .tongdian_item{
        width: 47%;
        height: 100px;
    }
    
}

@media screen and (max-width:500px ) {
    .tongdian_title{
        
        line-height: 26px;
    
        font-size: 20px;
    }
    
}


.weinizuo_wrap{
    background: url("../images/line.png") center center no-repeat #f7f7f7;
    background-size:cover;

}

.weinizuo_title{
    padding-top: 3%;
    padding-bottom: 3%;
	min-height: 48px;
	line-height: 24px;
	text-align: center;

}

.weinizuo_item_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 5%;
}

.weinizuo_item{
    width: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #fff;
    flex-direction: column;
    margin-bottom: 20px;
	padding-left: 2%;
	padding-right: 2%;
	box-sizing: border-box;
}

.weinizuo_item img{
    padding: 10% 4% 4%;
  
    display: block;
}
.weinizuo_title{
    
   
    padding-bottom: 3%;

}

.weinizuo_gap{
    width: 48px;
    height: 3px;
    background: #ffd008;
}

.weinizuo_desc{
    padding-top: 3%;
	height: 120px;
    padding-bottom: 15%;
}

@media screen and (max-width:600px ) {
    .weinizuo_item{
        width:47%;
        
    }
    
}


.case_desc{
    padding-top: 2%;
    padding-bottom: 2%;
}

.case_img_wrap{
    display: flex;
    padding-top: 2%;
    padding-bottom: 4%;
    flex-wrap: wrap;
    justify-content: space-between;

}
.case_item{
    width: 21.7%;
    margin-bottom: 16px;
}

@media screen and (max-width:500px ) {
    .case_item{
        width: 48%;
    }
    
}



/* 入驻 */

.ruzhu_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background:url("../images/ruzhu_banner.jpg") no-repeat center center;
    background-size: cover;

}

.kuang{
    width: 80%;
    height: 60%;
    border:2px solid #fff;
    position: absolute;
    left:10%;
    top:20%;
    position: absolute;
    z-index: 1;
}

.ruzhu_neirong{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.ruzhu_neirong .f_40{
    color: #ffd008;
    position: relative;
    width: 46%;
    min-width: 320px;

}

.ruzhu_neirong.wx .f_40::before,.ruzhu_neirong.wx .f_40::after{
    display: none;

}


.ruzhu_neirong .f_40::before{
    width:6%;
    display: block;
    content: "";
    position: absolute;
    left: -20px;
    height: 90%;
    transform: translateY(50%);
    border-top:2px solid #fff;
    border-left:2px solid #fff;
}
.ruzhu_neirong .f_40::after{
    width:6%;
    display: block;
    content: "";
    position: absolute;
    right: -20px;
    height: 90%;
    transform: translateY(-50%);
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}

.ruzhu_neirong .f_16{
    color: #fff;
    margin-bottom: 20px;
    min-width: 320px;
    width: 46%;
    padding-bottom: 6px;
    position: relative;
    border-bottom: 2px solid #fff;
}

.ruzhu_neirong .f_16::before{
    width:20px;
    display: block;
    content: "";
    position: absolute;
    left:-20px;
    height: 100%;
    bottom:0;
    transform: translateY(2px);
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
}
.ruzhu_neirong .f_16::after{
    width:20px;
    display: block;
    content: "";
    position: absolute;
    right: -20px;
    height: 100%;
    bottom:0;
    transform: translateY(2px);
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
}

@media screen and (max-width: 800px){
    .ruzhu_neirong .f_16{
        
        margin-bottom: 4px;
    
    }

}

@media screen and (max-width: 500px){
    .f_16 {
       
        padding-left: 2%;
        padding-right: 2%;
    }
    .ruzhu_neirong .f_40::before{
        display: none;
    }
    .ruzhu_neirong .f_40::after{
        display: none;
    }
    .ruzhu_neirong .f_16::before{
        display: none;
    }
    .ruzhu_neirong .f_16::after{
        display: none;
    }
    .ruzhu_neirong .f_16{
        border: none;
    }
    .ruzhu_neirong .f_16{
       margin-bottom: 0px;
    }

}

.ruzhu_item{
    padding: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
   flex-wrap: wrap;

}

.ruzhu_item_ul li{
    list-style:inside disc;
}

.ruzhu_item_img{
    width: 36.6%;
    margin-right:5%;
}

.ruzhu_item_text{
    width: 42%;
}

@media screen and (max-width: 840px){
    .ruzhu_item_img{
        width: 30%;
        margin-right:4%;
    }
    
    .ruzhu_item_text{
        width: 50%;
    }

}
@media screen and (max-width: 640px){
    .ruzhu_item_img{
        width: 24%;
        margin-right:2%;
    }
    
    .ruzhu_item_text{
        width: 56%;
    }

}
@media screen and (max-width: 620px){
    .ruzhu_item_img{
        width: 90%;
        margin-right:0%;
    }
    
    .ruzhu_item_text{
        margin-top:20px;
        width: 90%;
    }

}



/*新闻列表 */

.news_list_wrap{
    margin-top:-4%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    
    position: relative;
    z-index: 100;
    background: #fff;
    margin-bottom: 4%;
}


.news_inner{
    padding: 2.7%;
    padding-bottom: 6%;
    
}

.news_title_en{
    color: #bdbdbd;
}

.news_list_item{
    padding-top: 2%;
    justify-content: space-between;
    padding-bottom: 2%;
    border-bottom: 1px solid #dddddd;

}

.news_list_item_left{
    padding: 0;
}

.news_view_title{
    padding-top: 2%;
    padding-bottom: 2%;
}

.news_view_pubtime{
    text-align: right;
    padding-bottom:1%;
    border-bottom: 1px solid #dddddd;
}

.news_view_cc{
    padding-top: 2%;
    padding-bottom: 4%;
    line-height: 3.5;
    border-bottom: 1px solid #dddddd;
}

.prev{
    padding-top: 2%;
    padding-bottom: 1%;
}

.next{
    padding-top: 1%;
    padding-bottom: 2%;
}

.feedback_wrap{
    width: 42%;
    margin:0 auto;
    

    

    min-width: 290px;

}

.feedback_title{
    padding-top: 10.5%;
    position: relative;
    
    min-height: 30px;
    background: #f1f1f1;
    border-radius: 6px;
  
    box-sizing: border-box;
    margin-bottom:4%;


}



.feedback_title ul{
    
    position: absolute;
    left: 0%;
    top:0;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    background: #f1f1f1;
    transform: translateY(50%);
    height: 0;
    overflow: hidden;

    transition: height linear .5s;
    
    
}

.feedback_title.active ul{
    height: auto;
}


.feedback_title ul li{
    height: 30px;
    list-style: 30px;
 
    color: #b1b1b1;
    border-bottom: 1px solid #f2f2f2;
    
}




.feed_back_con{
    padding:3%;
    background: #f1f1f1;
    border-radius: 6px;
    min-height: 100px;
    border: none;
    width: 100%;
    box-sizing: border-box;
    margin-bottom:4%;

    color: #b1b1b1;
}


.feedback_title_text{
    display: flex;
    width: 94%;
    left: 3%;
    height: 100%;
    align-items: center;
    position: absolute;
    top:0;
    border: none;
    background: none;
    justify-content: space-between;
}

.feedback_wrap{
    padding-bottom: 3%;
    padding-top: 3%;
}


.feedback_title_text .f_16{
    padding: 0;
    color: #b1b1b1;
}
.feedback_title.active .feedback_title_text b{
    transform: rotate(180deg);
}
.feedback_title_text b{
   
    width: 0;
    height: 0;
    border-top: 7px solid #999999;
    border-right: 7px solid #f1f1f1;
    border-bottom: 7px solid #f1f1f1;
    border-left: 7px solid #f1f1f1;
    display: block;
    transform: translateY(4px);
    transition: transform ease-in-out .5s;
    
}

.feedback_btn{
    box-sizing: border-box;
    padding-top: 5% ;
    padding-bottom: 5% ;
    width: 30%;
    min-width: 80px;
    
    background: #ffd008;
   
    min-height: 30px;
    margin:0 auto;
    border-radius: 10px;
    overflow: hidden;
   
    position: relative;
    transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
}

.feedback_btn_text{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    min-width: 80px;
    position: absolute;
}


.fenleis_wrap{
    
    
    border-bottom:1px solid #dddddd;

    display: flex;
    justify-content: center;

    
}

.fenleis_item{
    padding-top: 1.5%;
    padding-bottom:1.5%;
    border-bottom:3px solid #fff;
    padding-left: 2%;
    padding-right: 2%;
}

.fenleis_item.active{
    border-bottom:3px solid #ffd008;
}

.question_ul li{
    padding-top: 1.2%;
    padding-bottom: 1.2%;
    border-bottom:1px solid #ddd;

    margin-bottom: 1.2%;
    cursor: pointer;

}

.question_ul li .q{
    padding:1.2% 2%;
    position: relative;
}
.question_ul li .q::before{
    content: "";
    width: 0;
    top:50%;
    border-bottom: 4px solid #ffd008;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    display: block;
    transform: translateY(-6px);
    transition: transform ease-in-out .5s;
    position: absolute;
    left: 0;
    
}

.question_ul li.active .q::before{
    transform: rotate(180deg);
}


.question_ul li.active .a{
    display: block;
}

.question_ul li .a{
    padding: 3%;
    background: #f5f5f5;
    border-left:3px solid #ffd008;
    border-radius: 8px;
    overflow: hidden;
    display: none;
}

/* 联系我们 */
.contact_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.contact_wrap_left{
    width: 42%;
    padding-top: 3%;
    padding-bottom: 3%;
}

.contact_wrap_rig{
    width: 47.4%;
}

@media screen and (max-width: 600px){
    .contact_wrap{
        display: flex;
        flex-direction: column-reverse;
    }
    .contact_wrap_left{
        width: 100%;
      
    }
    
    .contact_wrap_rig{
        padding-top: 2%;
    padding-bottom: 2%;
        width: 100%;
    }

}



.contact_info_list li{
    min-height: 30px;
    display: flex;
    align-items: center;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-bottom: 1px solid #ddd;

}

.contact_info_list li img{
    width: 5%;
    min-width: 16px;
    max-width: 22px;
    padding-right: 10px;
    
}

.about_wrapx{
    padding-top: 4%;
    padding-bottom: 6%;
}

.about_wrapx{
    line-height: 2.5;
    text-indent: 40px;
}



.innber_banner{
    width: 100%;
    padding-top: 28.6%;
    position: relative;
    box-sizing: border-box;
    min-height: 500px;
    
}

.ruzhu_bgs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    
    background:url("../images/ruzhu_bgs.jpg") no-repeat center center;
    background-size: cover;

    display: flex;

}
.ruzhu_b_w{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}





.ruzhu_ewm_wrap{
    width: 22%;
    background: #fff;
    height: 115%;
    position: absolute;
    bottom:0;
    left: 6.5%;

    padding: 3%;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    
}
@media screen and (max-width: 1400px){
    .ruzhu_ewm_wrap{
       left: 2%;
        
    }
    .ruzhu_b_w{
        width: 96%;
    }
}

.ruzhu_left_title3{
    padding-top: 1%;
    padding-bottom: 1%;
}


.ruzhu_form{
    width: 65%;
    
   
   

}

.input_wraps{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}

.input_wraps_left{
    width: 47%;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box;
    height: 50px;
    border-radius:6px;
    background: #424242;
	position: relative;

    border:none;
}
.input_wraps .input_wraps_left.quan{
    width: 100%;
}

.text_area{
    padding:2% ;
    box-sizing: border-box;
    width: 100%;
    height: 140px;
    border-radius: 6px;
    background: #424242;
    border:none;
    margin-bottom: 3%;
}



.input_wraps_left ul{
    
    position: absolute;
    left: 0%;
    top:0;
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    background: #f1f1f1;
    transform: translateY(50%);
    height: 0;
    overflow: hidden;

    transition: height linear .5s;
    
    
}

.input_wraps_left.active ul{
    height: auto;
}


.input_wraps_left ul li{
    height: 30px;
    list-style: 30px;
 
    color: #b1b1b1;
    border-bottom: 1px solid #f2f2f2;
    
}


@media screen and (max-width: 900px){
    .ruzhu_form{
        width: 100%;
        
       
       
    
    }
    .input_wraps_left{
        height: 40px;
        
    }
    .text_area{
        height: 80px;
    }
    .ruzhu_ewm_wrap{
        width: 0%;
        display: none;
       
    }
}






.daimai_neirong{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position:relative;
	height: 100%;
	overflow: hidden;
}


.bottom_down{
	position: absolute;
	bottom:25px;
	right:0;
	display: flex;
	width: 100%;
	justify-content: flex-end;

}
@media screen and (max-width: 900px){
    .bottom_down{
		position: absolute;
		bottom:25px;
		right:0;
		display: flex;
		width: 100%;
		justify-content: flex-end;
	
	}
}

.bottom_down a{
	padding: 0.8% 2%;
	border:1px solid #8c9093;
	border-radius: 3px;
	display: flex;
	align-items: center;
	
}

.bottom_down a .bottom_b_right{ display: flex;
flex-direction: column;
}


.bottom_down a .bottom_b_right .bottom_b_right_t{
	white-space:nowrap;
	height: 16px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bottom_down a .bottom_b_right .bottom_b_right_b{
	white-space:nowrap;
	height: 22px;overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 800px){
    .bottom_down{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top:10px;
		position: relative;
		bottom: 0;
	}
	.bottom_down a{
		width: 66%;
		margin-bottom:10px;
		box-sizing: border-box;
		margin-right: 0% !important;
		
	}
}
   
.down_img1{
	width: 24px;
	display: block;
}

.down_img2{
	width: 32px;
	display: block;
}


.bgxx_wrap{
    width: 100%;
    
    position: absolute;
    left: 0;
    bottom: 4%;
}



.about_company2{
    padding:4%; flex-direction: row-reverse; justify-content: space-between; background: #fff;
    box-sizing: border-box;
    align-items: center;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}





.company_right2{
    width: 43.7%;
    margin-bottom: 4%;
}

.company_left2{
    width: 52%;
}

.company_left_txt2{
    display: flex;
    justify-content: center;
    align-items:flex-start;
    flex-direction: column;
}

.company_left_btn{
    width: 24%;
    height: 4%;
    min-width: 90px;
    min-height: 26px;
    background: #ffd008;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:3%;
    

}
.company_left_img2{
    width: 20%;
    margin-right:2%;
    max-width: 70px;
}
.company_left_txt{
    width: 79%;
}
.company_left_desc{
    margin-top: 3%;
    line-height: 50px;
  
    overflow-y: scroll;
}

.company_left_desc2{
    display: none;
   
    line-height: 50px;
  
    overflow-y: scroll;
}

.company_left_btn2{
     width: 100px;
    height: 30px;
    background: #ffd008;
    border-radius: 30px;
    
    text-align: center;
    line-height: 30px;
    margin-top:3%;
    display: none;
    

}

.company_left_logo2{
    justify-content: flex-start;
    margin-bottom: 4%;
}
.company_left_desc3{
    margin-bottom: 20px;
}
.company_left_btn3{

    padding: 2% 5%;
    min-width: 90px;
    min-height: 26px;
    background: #ffd008;
    border-radius: 30px;
  
    
   
    

}


@media screen and (max-width: 600px){
    .about_company2{
        flex-direction: column;
    }
    .company_right2{
        width: 100%;
    }
    
    .company_left2{
        width: 100%;
    }
}