a,
.seach h6,
.banner_btn h6,
.banner .swiper-pagination-bullet,
.about_tab li h2:before,
.about_tab li,
.about_tab li:before,
.about_tab li:after,
.masterbanner .swiper-slide:before,
.masterbanner .swiper-slide:after,
.cp_item span:after,
.cp_item span:before,
.cptxt h2,
.cptxt font,
.cptxt p,
.cptxt,
.new_right .swiper-slide:after,
.new_right .swiper-slide font,
.ej_nav li a:after,
.cpal li h2,
.cpal li h3:before,
.ppimg:after,
.ppjsright li,
.ppjsright li:after,
.ppjsright li:before,
.pp_left,
.pp_left :after,
.pp_left :before,
.ppjs h2,
.ppjs p,
.pp_left:after,
.ppjsright li:before,
.pp_left:before,
.more h6,
.mastertxt h2,
.sjsbanner .swiper-slide span,
.sjsbanner .swiper-button-prev,
.sjsbanner .swiper-button-next,
.sjsbanner .swiper-slide:hover span img,
.rylist .container,
.rylist li,
.rylist .container:before,
.rylist .container:after,
.ryimg>img,
.zoomPic,
.qj_inner h5 span,
.qj_inner h5,
.qj_inner h5 font,
.xqreturn div a span,
.bzlist li:last-child a span,
.bzlist li:last-child a font,
.bzlist li:last-child a div,
.rdcx li,
.tjimg img,
.sj li,
.qypic_txt,
.qynewlist li,
.mtlist li p:before,
.mtlist li font,
.videobanner .swiper-slide:before,
.zsfx li,
.zsfx li h2,
.aqbanner .swiper-slide span,
.mftab h6,
.jiajian:after,
.jiajian,
.jiajian:before,
.zptit h2,
.zptit,
.zsjm form button,
.allist li img,
.seach input,
.qynewlist p:before,
.allist li span:before,
.gsjjlist>li,
.rdcx li,
.aqhbinner_left,
.aqhbinner_right,
.aqbanner,
.mftab h6,
.mfbanner,
.shsm .container,
.dmcx_left,
.dmcx_right,
.mfbanner>div ,.btn i{
	transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.1s;
	-webkit-transition: all .55s cubic-bezier(.35, .75, .55, 1) .1s;
	-moz-transition: all .55s cubic-bezier(.35, .75, .55, 1) .1s;
}
.bannertxt,
.gsjjimg,
.gss_txt,
.designer .masterinner span {
	transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.4s;
	-webkit-transition: all .55s cubic-bezier(.35, .75, .55, 1) .4s;
	-moz-transition: all .55s cubic-bezier(.35, .75, .55, 1) .4s;
}
.designer .masterinner h4{
	transition: all .55s cubic-bezier(.35, .75, .55, 1) 0.7s;
	-webkit-transition: all .55s cubic-bezier(.35, .75, .55, 1) .7s;
	-moz-transition: all .55s cubic-bezier(.35, .75, .55, 1) .7s;
}

.container {
	width: 81.25%;
	margin: 0 auto;
	position: relative;
	font-size: 14px;
	box-sizing: border-box
}

.swiper-button-prev,
.swiper-button-next {
	opacity: 1 !important;
	margin-top: 0;
	width: auto;
	height: auto;
	background-image: none
}

h6 {
	position: relative;
}

.dataNums {
	display: inline-block;
	text-align: center;
	line-height: 0
}

.dataNums .dataOne {
	width: 46px;
	height: 90px;
	margin: 0px 3px;
	font-size: 80px;
	text-align: center;
	display: inline-block
}

.dataNums .dataBoc {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dataNums .dataBoc .tt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dataNums .tt span {
	width: 100%;
	height: 100%;
	font-size: 80px;
	font-family: 'hnb';
	color: #fff;
}

.pic img {
	width: 100%
}

.pic {
	position: relative;
	overflow: hidden;
}

.pic_tit {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translateX(-50%);

}

.pic_tit h2 {
	font-size: 48px;
	color: rgba(255, 255, 255, .3);
	font-family: 'fzsyjw';
	text-transform: uppercase;
	line-height: 46px
}

.pic_tit h3 {
	line-height: 45px;
	font-family: 'fzsyjw';
	font-size: 30px;
	color: #fff;
}

.ej_nav {
	float: left;
}

.mbx {
	float: right;
}

.ej_tab {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	position: relative;
}

.qttab{
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}
.qttab a{
	font-size: 16px;
	color:rgba(255, 255, 255, .7);
	display: inline-block;
	padding: 0 8px;
	line-height: 50px
}
.qttab a:hover,
.qttab a.ac{
	color:#f1d232
}
.ej_nav li {
	display: inline-block;
	margin-right: 55px;
	position: relative;
}
.ej_nav li ul{
	position: absolute;
	display: none;
	width: 180px;
	left: 50%;
	transform: translateX(-50%)
}
.ej_nav li li{
	padding:0;
	width: 90px;
	text-align: center;
	margin-right: 0
}
.ej_nav li li a{
	display: block;
	font-size: 15px;
}
.ej_nav li li:hover a{
	background: #f1d232;
	color:#fff
}
.ej_nav li a {
	display: block;
	line-height: 70px;
	padding: 0 10px;
	position: relative;
	font-size: 18px;
	color: rgba(255, 255, 255, .7)
}

.ej_nav li a:after {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background: #f1d232;
	position: absolute;
	left: 0;
	bottom: -3px
}

.ej_nav li:hover a:after,
.ej_nav li.ac a:after {
	width: 100%;
}

.ej_nav li:hover a,
.ej_nav li.ac a {
	color: #f1d232
}

.mbx {
	line-height: 70px;
	font-size: 14px;
	color: #b5b5b5
}

.mbx a {
	color: #b5b5b5;
}

.mbx a:hover,
.mbx a.ac {
	color: #fff
}

.pic_box {
	background: rgb(0 0 0 / 56%);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 52%
}

.about_gsjj {
	background-image: url(../images/aboutbac_02.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 104px
}

.gsjjlogo {
	margin-top: 15px
}

.gsjjlist>li {
	box-sizing: border-box;
	padding: 0 128px;
	font-size: 0;
	margin-bottom: 104px
}

.gsjjlist>li:last-child {
	margin-bottom: 0
}

.gsjjlist>li:first-child {
	padding: 100px 128px 125px;
	background-image: url(../images/xxzbac_03.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -185px
}

.gsjjimg {
	display: inline-block;
	width: 42.35%;
	vertical-align: middle;
	box-sizing: border-box;
	border: 4px solid #dee0e0;
	border-width: 6px 4px;
	opacity: 0;
	transform: translateX(-100%)
}

.gsjjimg img {
	width: 100%
}

.gss_txt {
	display: inline-block;
	width: 57.65%;
	box-sizing: border-box;
	vertical-align: top;
	padding-left: 125px;
	padding-right: 85px;
	opacity: 0;
	transform: translateX(100%)
}
.active .gss_txt,
.active .gsjjimg{
	opacity: 1;
	transform: translateX(0)
}
.gss_txt h2 {
	font-family: 'fzsyjw';
	color: #be9a66;
	font-size: 36px;
	line-height: 34px
}

.gss_txt h2:before {
	content: '';
	display: block;
	width: 61px;
	height: 2px;
	background: #f1d232;
	margin-bottom: 38px
}

.gss_txt h3 {
	font-family: 'fzsyjw';
	color: #be9a66;
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 26px
}

.gss_txt p {
	color: #777777
}

.gsjjlogo li {
	display: inline-block;
	margin-right: 35px;
	max-width: calc(25% - 35px);
}
.gsjjlogo li img{
	max-width: 100%;
	height: auto
}
.cpal li {
	display: inline-block;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.cpal li a {
	display: block;
	padding: 75px 0;
	box-sizing: border-box;

}

.cpal li:nth-child(1) a {
	padding-left: 30.75%;
}

.cpal li:nth-child(2) a {
	padding-left: 18.75%
}

.cpal li:nth-child(1) {
	background-image: url(../images/cpal_02.jpeg);
}

.cpal li:nth-child(2) {
	background-image: url(../images/cpal_04.jpeg);
	box-sizing: border-box;
}

.cpal li h2 {
	color: rgba(40, 40, 40, .4);
	font-size: 38px;
	font-family: 'fzsyjw';
	text-transform: uppercase;
	line-height: 36px;
}

.cpal li h3 {
	color: #000;
	font-size: 18px;
}

.cpal li h3:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 1px;
	background: #000;
	margin-right: 0;
	vertical-align: middle
}

.cpal li:hover h3:before {
	width: 15px;
	margin-right: 8px;
}

.cpal li span {
	font-size: 24px;
	color: rgba(40, 40, 40, .4);
	margin-top: 10px;
	display: block
}

.cpal li:hover h2 {
	color: #d61926
}

.ppjs {
	display: table;
	table-layout: fixed;
}

.ppjs>* {
	display: table-cell;
	position: relative;
}

.pp_left {
	width: 49%;
	background: #f7f7f7;
	box-sizing: border-box;
	padding: 80px 85px 75px 115px;
}

.pp_center {
	width: 2%
}

.pp_right {
	width: 49%;
	vertical-align: top;
	display: none;
}

.ppjs h2 {
	color: #282828;
	font-size: 30px;
	font-weight: bold
}

.ppjs p {
	margin-top: 20px;
	color: #777777;
	font-size: 16px;

}

.ppjs a {
	display: block;
	margin-top: 65px;
	color: #282828;
}
.ppjs .ppjsright a {
	margin-top: 5px
}
.ppjs a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.ppjs a:hover,
.ppjs a:hover span {
	color: #d61926
}

.ppjsright {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	
}

.ppjsright li {
	font-size: 0;
	padding: 60px 60px 60px 45px;
	box-sizing: border-box;
	background: #efefef;
	position: relative
}
.ppjsright li>div{
	position: absolute;
	width: calc(100% - 105px);
	top: 50%;
	transform: translateY(-50%);
	left: 45px;
}

.ppimg {
	display: inline-block;
	text-align: center;
	width: 40.45%;
	vertical-align: middle;
	position: relative;
}

.ppimg:after {
	content: '';
	display: block;
	width: 1px;
	height: 146px;
	background: #d3d3d3;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.pptxt {
	display: inline-block;
	width: 59.55%;
	box-sizing: border-box;
	padding-left: 45px;
	vertical-align: middle
}

.ppimg img {
	max-width: 100%;
	height: auto;
}

.pp_left img {
	margin-bottom: 75px
}

.ppjsright li p {
	line-height: 24px;
	color: #777777;
	font-size: 14px
}

.ppjsright li {
	position: absolute;
	width: 100%;
	height: 47.5%;
}

.ppjsright li:before,
.pp_left:before {
	content: '';
	width: 0;
	height: 0;
	border: 9px solid #000;
	border-color: transparent #000 #000 transparent;
	position: absolute;
	right: 0;
	bottom: 2px;
	opacity: 0;
}

.ppjsright li:hover:before,
.pp_left:hover:before {
	opacity: 1;
}

.ppjsright li:after,
.pp_left:after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #d61926;
	position: absolute;
	left: 0;
	bottom: 0;
}

.ppjsright li:hover,
.pp_left:hover {
	background: #f1d232
}

.ppjsright li:hover:after,
.pp_left:hover:after {
	width: 100%
}

.ppjsright li:hover .ppimg:after {
	background: #000
}

.ppjsright li:hover p,
.pp_left:hover p {
	color: #000
}

.ppjsright li:nth-child(2) {
	left: 0;
	bottom: 0
}

.ppjsright li:nth-child(1) {
	left: 0;
	top: 0
}

.ppjstab {
	padding-bottom: 80px;
}

.mbxq {
	background: #f7f7f7;
	padding: 46px 65px 70px;
	box-sizing: border-box
}

.maxqimg {
	display: inline-block;
	width: 29.45%;
	vertical-align: middle;
	margin-right: 95px;
	float: left;
	margin-bottom: 30px
}

.maxqimg img {
	width: 100%
}

.mbxqtxt {
	/* display: inline-block; */
	vertical-align: middle;
	/* width: 69.55%; */
	box-sizing: border-box;
}

.mbxqtxt h2 {
	color: #060606;
	font-size: 30px;
	line-height: 40px;
	font-family: 'fzsyjw';
	font-weight: 600;
	margin-bottom: 55px;
	position: relative;
	padding-top: 30px
}

.mbxqtxt h2:before {
	content: '';
	display: block;
	width: 61px;
	height: 2px;
	background: #f1d232;
	margin-bottom: 30px;
	position: absolute;
	left: calc(29.45% + 95px);
	top: 0
}

.mbxqtxt p {
	margin-bottom: 30px;
	color: #777777;
}
.mbxqtxt p img{max-width: 100%;height: auto;;}
.mbxqtxt p strong{
	font-weight: bold
}
.mbxqlist {
	margin-top: 75px;
	padding-top: 40px;
	position: relative;
}

.mbxqlist:before {
	content: '';
	display: block;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background: #f7f7f7
}

.mbxqlist li {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	font-size: 0;
	margin-bottom: 36px;
	position: relative
}

.mbxqlist li:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f1d232;
	border: 4px solid #f7f7f7;
	position: absolute;
}

.mbxqlist li:nth-child(odd):before {
	right: 0;
	top: 50%;
	transform: translateY(-50%) translateX(50%);
}

.mbxqlist li:nth-child(even):before {
	left: 0;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.mbxqlist li img {
	width: 22.8%;
	margin-left: 40px;
	display: inline-block;
	vertical-align: middle
}

.mbxqlist li:nth-child(even) {
	margin-top: 90px;
}

.mbxqlist li:nth-child(odd) {
	transform: translateY(-90px)
}

.mbxqlist li:first-child {
	transform: translateY(-60px)
}

.mbxqlist li:nth-child(even) img {
	margin-right: 40px;
	margin-left: 0
}

.mbxq_txt {
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	padding: 11px;
	width: 79.5%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.mbxq_txt span {
	line-height: 28px;
	color: #282828;
	font-size: 16px;
	display: inline-block;
	width: calc(77.2% - 40px);
	vertical-align: middle
}

.time {
	display: inline-block;
	box-sizing: border-box;
	width: 20.5%;
	;
	color: #d61926;
	font-size: 26px;
	font-family: 'hnb';
	vertical-align: middle
}

.time span {
	color: #aaaaaa;
	font-size: 14px;
	font-family: '微软雅黑';
	display: inline-block;
	margin-left: 4px;

}

.mbxqlist li:nth-child(odd) .time {
	padding-left: 20px;
}

.mbxqlist li:nth-child(even) .time {
	padding-right: 20px;
	text-align: right;

}

.lineh {
	display: table;
	position: absolute;
	height: 100%
}

.mbxqlist li:hover .mbxq_txt {
	background: #f1d232
}

.more {
	/*width: 115px;*/
	text-align: center;
	margin: 60px auto 45px;
	cursor: pointer;
}

.more h6 {
	display: inline-block;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 3px solid #f0f0f0;
	line-height: 103px;
	font-size: 30px
}

.more:hover h6 {
	background: #2c3238;
	color: #f1d232
}

.more span {
	/*display: block;*/
	color: #777777;
	font-size: 14px;
	padding: 0 10px;
}

.sjslist li a {
	display: block;
	padding: 116px 0 105px;
	text-align: right
}

.sjslist {
	position: relative;
	z-index: 2;
}

.mar {
	margin-top: -182px;
	font-size:14px;
}

.sjslist li {
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-size: cover
}

.sjslist li .masterinner {
	text-align: left;
	margin-top: 0;
	display: inline-block;
	width: 55%
}



.sjslist li .master_img {
	width: 36.5%;

}

.sjslist li:hover h2 {
	color: #f1d232
}

.designerxq {
	padding: 123px 136px 80px;
	background: #f7f7f7;

}
.designer .masterinner{
	transform: translateX(100%);
	opacity: 0;
}
.designer .mastertxt h2,
.designer .mastertxt span,
.designer .mastertxt h4 {
	opacity: 0;
	transform: translateX(100%)
}

.designer .masterinner{
	opacity: 0;
	transform: translateX(100%)
}
.active .masterinner,
.active .mastertxt h2,
.active .mastertxt span,
.active .mastertxt h4 {
	opacity: 1;
	transform: translateX(0)
}
.designerpic {
	display: inline-block;
	box-sizing: border-box;
	border: 4px solid #fff;
	border-radius: 50%;
	width: 25.1%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	vertical-align: middle
}

.designerpic img {
	width: 100%
}

.designerbac {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 18.78%;
	background-repeat: no-repeat;
	background-size: cover;
}

.desginertxt {
	display: inline-block;
	width: 74.9%;
	box-sizing: border-box;
	padding-left: 90px;
	vertical-align: middle
}

.desginertxt h2 {
	font-family: 'b';
	font-size: 44px;
	color: #000;
	margin-bottom: 40px
}

.desginertxt h2 span {
	font-family: '微软雅黑';
	font-size: 16px;
	display: inline-block;
	margin-left: 5px
}

.desginertxt h2:after {
	display: block;
	content: '';
	width: 90px;
	height: 3px;
	background: #f1d232;
	margin-top: 40px
}

.desginertxt p {
	font-size: 16px;
	color: #282828;
	margin-bottom: 30px;
	text-align: justify;
}

.sjlist {
	margin-top: 36px
}

.sjlist li {
	display: inline-block;
	width: 48.58%;
	margin-right: 2.84%;
	margin-bottom: 2.84%;
	position: relative
}

.sjlist li:nth-child(2n) {
	margin-right: 0
}

.sjlist li img {
	width: 100%
}

.sjlist li span {
	height: 230px;
	margin: 0 auto;
	writing-mode: vertical-lr;
	/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	writing-mode: tb-lr;
	background: #f1d232;
	color: #060606;
	font-size: 18px;
	text-align: center;
	width: 47px;
	line-height: 47px;
	display: inline-block;
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-50%)
}

.workstit {
	padding-bottom: 8px;
	border-bottom: 1px solid #d5d5d5
}

.workstit h2 {
	float: left;
	line-height: 36px;
	color: #282828;
	font-weight: bold;
	font-size: 18px;
}

.workstit a {
	float: right;
	line-height: 36px;
	color: #282828;
	font-size: 16px
}
.workstit a:hover{
	color:#d61926
}
.designerworks .product_right {
	display: block;
	margin-top: 50px
}

.designerworks .product_right li {
	height: 580px;
	margin-bottom: 25px
}
.wrap .product_right li{
	opacity: 1;
	transform: translateY(0)
}

.designerworks .product_right li p {
	font-size: 14px
}

.designerworks .product_right li:hover .cptxt {
	transform: translateY(-70px)
}

.designerworks {
	/*margin-bottom: 75px*/
}

.sjsbanner {
	text-align: center;
	padding: 0 76px 0;
	box-sizing: border-box;
	margin: 45px auto 85px;
	position: relative
}
.sjsbanner .swiper-slide a{
	display: block
}
.sjsbanner .swiper-slide span {
	display: inline-block;
	width: 124px;
	height: 124px;
	border-radius: 50%;
	border: 6px solid transparent;
	margin-bottom: 10px
}

.sjsbanner .swiper-slide span img {
	width: 100%;
	-webkit-filter: grayscale(100%);
	/* Chrome, Safari, Opera */
	filter: grayscale(100%);
}

.sjsbanner .swiper-slide p {
	font-family: 'b';
	color: #000;
	font-size: 18px;
	line-height: 22px;
}

.sjsbanner .swiper-slide font {
	color: #777777;
	font-size: 14px;
	display: block;
	line-height: 22px
}

.sjsbanner .swiper-button-prev,
.sjsbanner .swiper-button-next {
	width: 57px;
	height: 100%;
	margin-top: 0;
	background: transparent;
	top: 0
}

.sjsbanner .swiper-button-prev h6,
.sjsbanner .swiper-button-next h6 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	color: #777777
}

.sjsbanner .swiper-button-prev:hover h6,
.sjsbanner .swiper-button-next:hover h6 {
	color: #000
}

.sjsbanner .swiper-button-prev:hover,
.sjsbanner .swiper-button-next:hover {
	background: #f1d232
}

.sjsbanner .swiper-slide:hover span {
	border-color: #f1d232
}

.sjsbanner .swiper-slide:hover span img {
	-webkit-filter: grayscale(0);
	/* Chrome, Safari, Opera */
	filter: grayscale(0);
}

.ryzz {
	background: #f4f4f4;
	padding: 70px 105px 90px
}

.ryzz_left {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-right: 65px
}

.ryzz_left h2 {
	margin-bottom: 20px
}

.ryzz_left p {
	line-height: 34px;
	color: #282828;
	font-size: 18px;
	margin-bottom: 37px
}

.ryzz_left a {
	display: inline-block;
	padding: 0 52px;
	border-radius: 38px;
	line-height: 38px;
	border: 1px solid #d8d8d8;
	color: #777777
}

.ryzz_left a:hover {
	color: #fff;
	background: #d61926
}

.ryzz_right {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 80px;
}

.ryzz_right li {
	font-size: 0;
	line-height: 54px
}

.ryzz_right span {
	color: #777777;
	font-size: 14px;
	width: 95px;
	display: inline-block
}

.ryzz_right p {
	display: inline-block;
	width: calc(100% - 95px);
	line-height: 38px;
	height: 38px;
	vertical-align: middle;
	text-align: right;
	position: relative;
}

.ryzz_right font {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0 18px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/rankbac_03.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 2;
	display: inline-block;
	font-size: 14px;
	color: #fff;
}

.ryzz_right li:nth-child(1) font {
	width: 90%
}

.ryzz_right li:nth-child(2) font {
	width: 95%
}

.rylist {
	position: relative;
	padding: 35px 0 0
}

.rylist .container {
	padding: 8px 65px 8px 148px;
}

.rylist .container:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #ebebeb;
	position: absolute;
	left: 148px;
	top: 0
}

.rylist .container:after {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #f1d232;
	position: absolute;
	left: 148px;
	transform: translateX(-50%);
	top: 19px;
}

.rylist li {
	cursor: pointer;
}

.rylist li:hover {
	background: #f1d232
}

.rylist li:hover .container {
	padding-top: 15px;
	padding-bottom: 15px
}

.rylist .rytime {
	display: inline-block;
	width: 205px;
	box-sizing: border-box;
	position: relative;
	vertical-align: middle;
	text-align: center;
	margin-left: 35px;
	margin-right: 65px
}

.rytxt {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 305px)
}

.rytxt h2 {
	color: #282828;
	font-weight: bold;
	font-size: 24px;
	display: none;

}

.rytxt p {
	line-height: 26px;
	color: #282828;
	font-size: 18px;
}

.rylist .rytime h3 {
	color: #282828;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	padding-left: 66px
}

.ryimg {
	position: relative;
	display: none;
	width: 204px;
}

.ryimg>img {
	width: 100%;
}

.ryimg span {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(214, 25, 38, .4);
	text-align: center;
}

.ryimg span font {
	position: absolute;
	background: #d61926;
	display: block;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	line-height: 35px
}

.zoomPic {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, .5);
	z-index: 5;
	left: 0;
	top: 0;
	transform: scale(0);
	z-index: 10;
}

.zoomPic.ac {
	transform: scale(1)
}

.zoomPic .container {
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	text-align: center;

}

.zoomPic .container img {
	width: 30%
}

.zoomPic .container font {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(-100%) translateX(100%);
	color: #fff;
	font-size: 30px
}

.cpseach {
	background: #eeeeee;
	padding: 40px 179px 35px;
	border-bottom: 1px solid #d61926
}

.cpseach form {
	font-size: 0;
	margin-bottom: 35px;
}

.cpseach input {
	display: inline-block;
	width: calc(100% - 224px);
	vertical-align: top;
	border: none;
	outline: none;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	padding: 0 30px
}

.cpseach button {
	width: 210px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #f1d232;
	color: #fff;
	margin-left: 14px;
	display: inline-block;
	vertical-align: top
}

.cpseach button h6 {
	display: inline-block;
	font-size: 20px;
	margin-right: 12px
}

.cpseach button span {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.cpseach li {
	display: inline-block;
	margin-bottom: 15px;
	vertical-align: middle
}

.cpseach li span {
	color: #282828;
	font-weight: bold;
	font-size: 15px;
}

.cpseach li a {
	display: inline-block;
	position: relative;
	margin: 0 25px;
	border-bottom: 1px solid transparent;
	font-size: 16px;
}
.cpseach li:last-child a:after{
	display: none
}

.cpseach li a:after {
	content: '';
	display: inline-block;
	height: 15px;
	width: 2px;
	background: #e2e2e2;
	position: absolute;
	right: -35px;
	top: 50%;
	transform: translateY(-50%)
}

.cpseach li a:hover,
.cpseach li a.ac {
	color: #d61926;
	border-color: #d61926
}

.product_right.cp li:hover .cptxt {
	transform: translateY(-92px)
}
.product_right.cp ul{ overflow:hidden}
.product_right.cp li {
	height: 570px;
	margin-bottom: 42px;
	transform: translateX(0);
	opacity: 1;
	width: 22%;
	margin-right:4% ; float:left
}
.product_right.cp li:nth-child(4n){
	margin-right: 0
}
.product_right.cp li p {
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

.product_right.cp {
	margin-top: 68px
}

.fl {

}

.fl_left {
	display: inline-block;
	width: 29.7%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative
}

.fl_left:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 182px;
	background-image: url(../images/tiao_03.jpeg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.fl_left h2 {
	font-size: 30px;
	color: #282828;
	padding-left: 22px;
	line-height: 40px;
}

.fl_left h3 {
	color: #c0c0c0;
	font-size: 18px;
	line-height: 25px;
	padding-left: 22px;
}

.fl_left h4 {
	padding: 0 22px;
	line-height: 45px;
	background: #f1d232;
	color: #282828;
	font-size: 18px;
	display: inline-block
}

.fl_right {
	display: inline-block;
	width: 70.3%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 112px
}

.fl_right p {
	line-height: 34px;
	color: #282828;
	font-size: 18px;
}

.fl_right p span {
	display: inline-block;
	vertical-align: bottom;
	color: #f1d232;
	font-size: 44px;
	font-weight: bold;
	line-height: 62px;
	font-style: italic
}

.fllist {
	position: relative;
	padding: 128px 0 106px;
	background-image: url(../images/flbac_02.jpeg);
	background-repeat: no-repeat;
	background-size: cover
}

.fllist li {
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
	width: 32.37%;
	margin-right: 1.445%;
	background: #fff;
	font-size: 0
}

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

.fllist li img {
	display: inline-block;
	width: 55%;
	vertical-align: middle
}

.fl_txt {
	display: inline-block;
	width: 45%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 15px
}

.fl_txt h2 {
	color: #282828;
	font-size: 20px;
	line-height: 28px;
}

.fl_txt span {
	line-height: 28px;
	margin-bottom: 20px;
	display: block;
	font-size: 20px;
	color: #282828;
}

.fl_txt p {
	line-height: 25px;
	color: #777777;
	font-size: 16px;
}

.qjtit {
	padding-left: 120px
}

.qjtit h3 {
	color: #c0c0c0;
	font-size: 18px;
	line-height: 24px;
}

.qjyp {
	margin-top: 60px
}

.qjtit h2 {
	color: #282828;
	font-size: 30px;
	line-height: 40px;
}

.qjlist {
	margin-top: 80px;
}

.qjlist li {
	box-sizing: border-box;
	background: #f5f5f5;
	padding: 30px 20px 40px;
	font-size: 0;
	margin-bottom: 22px
}

.qjimg {
	display: inline-block;
	width: 20.95%;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top
}

.qjimg img {
	max-width: 100%;
	height: auto
}

.qj_inner {
	display: inline-block;
	width: 79.05%;
	box-sizing: border-box;
	padding-left: 70px;
	border-left: 1px solid #e5e5e5;
	vertical-align: top
}

.qj_inner h2 {
	color: #282828;
	font-size: 24px;
	margin-bottom: 25px
}

.qj_inner p {
	color: #777777;
	font-size: 16px;
	text-align: justify;
}

.qj_inner p strong {
	font-weight: bold;
	color: #282828
}

.qj_inner h5 {
	margin-top: 25px;
	display: inline-block;
	padding: 0 40px;
	background: #282828;
	line-height: 36px;
	border-radius: 36px;
	color: #fff;
	cursor: pointer;
}

.qj_inner h5 span {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	color: #fff;
}

.qj_inner h5 font {
	font-size: 14px;
	color: #fff
}

.qj_inner h5 font:nth-child(3) {
	display: none
}

.qj_inner div {
	display: none
}

.qj_inner h5:hover {
	background: #f1d232
}


.qj_inner h5.ac span {
	transform: rotateZ(180deg)
}

.qj_inner h5:hover span,
.qj_inner h5:hover font {
	color: #09142f
}


.qj_inner h5.ac font:nth-child(2) {
	display: none
}


.qj_inner h5.ac font:nth-child(3) {
	display: inline-block
}

.xqreturn>a {
	float: left;
	color: #282828;
	font-size: 18px;
}

.xqreturn>a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	color: #777777;
	font-size: 20px
}

.xqreturn div {
	float: right;
}

.xqreturn div a {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	text-align: center;
	line-height: 40px;
	margin: 0 10px;
}

.xqreturn div a span {
	line-height: 42px
}

.xqreturn div a:hover {
	background: #2c3238
}

.xqreturn div a:hover span {
	color: #fff
}

.xqreturn {
	margin-bottom: 60px
}

.cpxq {
	padding: 50px 5% 87px;
	background: #fff

}

.cpxq h2 {
	font-size: 30px;
	color: #282828;
	font-weight: bold;
	text-align: center;
	line-height: 44px
}

.cpxq h3 {
	font-size: 30px;
	color: #282828;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
	line-height: 44px
}

.cpxq h3:after {
	content: '';
	display: block;
	width: 26px;
	height: 4px;
	background: #f1d232;
	margin: 25px auto 0;
}

.cpxq>p {
	/* width: 90%; */
	/* text-align: center; */
	line-height: 36px;
	color: #555555;
	font-size: 16px;
	text-align: justify;
}

.bzlist {
	margin-top: 50px
}

.bzlist li {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	border: 6px solid #d8d8d8;
	width: 48.7%;
	margin-right: 2.6%;
	margin-bottom: 2.6%
}

.bzlist li:last-child {
	border: none
}

.bzlist li:last-child a {
	display: block;
	text-align: center;
	margin: 34px auto
}

.bzlist li:last-child span {
	display: inline-block;
	width: 81px;
	height: 81px;
	border-radius: 50%;
	border: 1px solid #e4e4e4;
	position: relative;
	vertical-align: middle;
	box-sizing: border-box
}

.bzlist li:last-child span font {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 30px;
	color: #8d8d8d
}

.bzlist li:last-child div {
	display: inline-block;
	width: 320px;
	box-sizing: border-box;
	padding-left: 40px;
	vertical-align: middle;
	opacity: 0;
	text-align: left
}

.bzlist li:last-child a p {
	color: #d61926;
	line-height: 24px;
	font-size: 16px;
}

.bzlist li:nth-child(2n) {
	margin-right: 0
}

.bzlist li img {
	width: 100%;
	height: auto
}

.bzlist li:last-child a:hover span {
	border-width: 4px;
	background: #2c3238
}

.bzlist li:last-child a:hover span font {
	color: #fff;
}

.bzlist li:last-child a:hover div {
	opacity: 1;
}

.rdcx {
	background-size: cover;
	background-image: url(../images/djcxbac_02.jpeg);
	background-repeat: no-repeat
}

.rdcx li img {
	width: 100%
}
.rdcx li:nth-child(1){
	opacity: 1;
	transform: translateY(0)
}
.rdcx li {
	border: 4px solid transparent;
	margin-bottom: 20px;
	transform: translateY(100%);
	opacity: 0;
}
.rdcx li.active{
	opacity: 1;
	transform: translateY(0)
}
.rdcx ul {
	padding-bottom: 160px
}

.rdcx li:last-child {}

.rdcx li:hover {
	border-color: #f1d232
}

.mbtj {
	box-sizing: border-box;
	padding: 68px 85px 85px;
	background: #f5f5f5;
	text-align: center
}

.mbtj h2 {
	color: #be9a66;
	font-size: 36px;
	font-family: 'fzbysk';
	line-height: 56px;
	font-weight: bold
}

.mbtj h3 {
	line-height: 40px;
	color: #282828;
	font-size: 20px
}

.zytjlist {
	margin-top: 34px
}

.zytjlist li {
	display: inline-block;
	width: 23.07%;
	margin-right: 2.573333%;
	margin-bottom: 29px;
	text-align: center;
	vertical-align: top
}

.zytjlist li:nth-child(4n) {
	margin-right: 0
}

.zytjlist li a {
	display: block;
	box-sizing: border-box;
	padding: 18px 18px;
	background: #f5f5f5
}

.zytjlist li p {
	line-height: 26px;
	color: #282828;
	font-size: 18px
}

.zytjlist li span {
	color: #777777;
	line-height: 24px;
	height: 48px;
	display: block
}

.tjimg {
	overflow: hidden;
	margin-bottom: 35px;

}

.tjimg img {
	width: 100%
}

.zytjlist li:hover img {
	transform: scale(1.125)
}

.zytjlist li:hover a {
	background: #f1d232
}

.sj li {
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid #e1e1e1;
	background: #fff;
	width: 48.46%;
	margin-right: 3.08%;
	margin-bottom: 3%;
	display: inline-block
}

.sj li img {
	width: 100%;
}

.sj li:nth-child(2n) {
	margin-right: 0
}

.sj li h2 {
	color: #282828;
	font-size: 20px;
	float: left;
}

.sj li div {
	padding: 25px 20px 8px;
}

.sj li h3 {
	float: right;
	color: #777777
}

.sj li:hover {
	background: #f1d232
}

.qypiclist li {
	display: inline-block;
	width: 31.1%;
	margin-right: 3.35%;
	box-sizing: border-box;
	border: 6px solid #ffffff
}

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

.qypiclist li img {
	width: 100%
}

.qyimg {
	position: relative;

}

.qypic_txt {
	position: absolute;
	width: calc(100% - 30px);
	left: 50%;
	bottom: 11px;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, .4);
	box-sizing: border-box;
	padding: 28px 28px 34px
}

.qypic_txt span {
	color: #fff;
	line-height: 24px;
	font-size: 14px;
	display: inline-block
}

.qypic_txt p {
	line-height: 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold
}

.qypiclist li:hover .qypic_txt {
	background: rgba(0, 0, 0, .7)
}

.qynewlist {
	margin-top: 35px
}

.qynewlist li a {
	display: block
}

.qynewlist .container {
	border-bottom: 1px dashed #e4e4e4;
	padding: 10px 16px
}

.qynewlist p {
	color: #282828;
	font-size: 16px;
	display: inline-block;
	width: calc(100% - 100px);
	box-sizing: border-box;
	padding-right: 60px;
	vertical-align: middle
}
.qynewlist p:before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	margin-right: 0;
	height: 1px;
	background: #000;
}
.qynewlist p:hover:before{
	width: 15px;
	margin-right: 5px
}
.qynewlist span {
	display: inline-block;
	width: 100px;
	color: #282828;
	font-size: 14px;
	vertical-align: middle
}

.qynewlist li:hover {
	background: #f1d232
}

.qynewlist li:last-child .container {
	border-bottom: none
}

.mtlist li {
	display: inline-block;
	width: 23.7%;
	margin-right: 1.7333333%;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 6px 7px;
	background: #f2f2f2
}

.mtlist li:nth-child(4n) {
	margin-right: 0
}

.mtlist li img {
	width: 100%;
	margin-bottom: 30px;
}

.mtlist li p {
	line-height: 24px;
	color: #282828;
	font-size: 16px;
	height: 48px;
	margin-bottom: 15px;
	padding: 0 35px
}

.mtlist li p:before {
	content: '';
	display: inline-block;
	margin-right: 0;
	width: 0;
	vertical-align: middle;
	height: 1px;
	background: #282828
}

.mtlist li span {
	color: #003333;
	font-size: 16px;
	margin-bottom: 15px;
	padding: 0 35px
}

.mtlist li font {
	color: #b3b3b3;
	padding: 0 35px 15px;
	display: block;

}

.mtlist li:hover p:before {
	width: 15px;
	margin-right: 10px
}

.mtlist li:hover font {
	color: #f1d232
}

.video {
	display: table;
	table-layout: fixed;
	padding-bottom: 135px
}

.video_left {
	display: table-cell;
	width: 77.17%;
}

.video_left li {

	display: none;
	position: relative;
}

.video_case {
	box-sizing: border-box;
	border: 1px solid #f9eca9;
}

.video_case img {
	width: 100%
}

.video li.ac {
	display: block
}

.video li p {
	width: 80%;
	text-align: center;
	position: absolute;
	left: 10%;
	bottom: -35px;
	color: #282828;
	font-size: 18px
}

.video li font {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 69px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	background: #fff;
	color: #231f20;
	border-radius: 50%;
	font-size: 22px
}

.video li:hover font {
	color: #d61926
}

.video_right {
	display: table-cell;
	box-sizing: border-box;
	padding-left: 28px;
	position: relative;
	vertical-align:top;
}

.videobanner {
	position: absolute;
	left: 28px;
	height: 668px;
	width: calc(100% - 28px);

}

.videobanner .swiper-slide img {
	width: 100%
}
.videobanner .swiper-slide img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%)
}
.videobanner .swiper-container {
	width: 66%;
	display: inline-block;
	height: 100%
}

.videobanner .swiper-slide {
	overflow: hidden;
	background: #fff
}
.video_case{
	height: 668px
}
.video li .video_case p {
	position: static;
	width: 100%;
	height: 100%
}
.video_left li iframe {
	height: 100%;
	width: 100%
}
.videobanner .swiper-slide:before {
	width: 100%;
	content: '';
	height: 100%;
	display: block;
	box-sizing: border-box;
	border: 4px solid #d61926;
	position: absolute;
	left: 0;
	top: 0;
	transform: scale(1.125);
	z-index: 3;
}

.videobanner .swiper-slide-active:before,
.videobanner .swiper-slide:hover:before {
	transform: scale(1)
}

.video_btn {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.video_btn>div {
	position: relative;
	width: 63px;
	height: 63px;
	border-radius: 50%;
	background: #efefef;
	display: block;
	margin: 7px 0
}

.video_btn>div span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 50%;
	width: 55px;
	height: 55px;
	background: #2c3238;
	text-align: center;
	line-height: 55px
}

.video_btn>div span img:nth-child(2) {
	display: none
}

.video_btn>div:hover span {
	background: #f1d232
}

.video_btn>div:hover img:nth-child(2) {
	display: inline-block
}

.video_btn>div:hover img:nth-child(1) {
	display: none
}

.zsfx {
	padding: 30px 54px;
	background: #fff
}

.zsfx li {
	display: inline-block;
	width: 47%;
	box-sizing: border-box;
	border: 1px solid #c8c8c8;
	padding: 40px 20px 19px;
	background: #f8f8f8;
	margin-right: 6%;
	margin-bottom: 69px;
	position: relative;
	vertical-align: top
}

.zsfx li:nth-child(2n) {
	margin-right: 0
}

.zsfx li img {
	width: 38%;
	position: absolute;
	bottom: -20px
}

.zstxt {
	display: inline-block;
	vertical-align: middle;
	margin-left: 38%;
	width: 62%;
	box-sizing: border-box;
	padding-left: 45px
}

.zstxt h2 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	color: #282828;

}

.zstxt p {
	line-height: 24px;
	color: #777777;
	margin-bottom: 22px;
	height: 48px
}

.zstxt font {
	color: #777
}

.zsfx li:hover {
	border-color: #d61926
}
.zsfx li h2{
font-size: 16px;
}
.zsfx li:hover h2 {
	color: #d61926
}

.aqhbinner {
	padding: 95px 110px 95px 150px;
	background-image: url(../images/aqhbbac_03.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	font-size: 0
}

.aqhbinner_left {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	vertical-align: middle;
	opacity: 0;
	transform: translateX(-100%);
}

.aqhbinner_left .aqtit h2,
.aqhbinner_left .aqtit h3 {
	text-align: left;
}

.aqtit h2 {
	color: #282828;
	font-size: 24px;
	font-family: 'fzbysk';
	/* padding-left: 40px; */
	text-align: center
}

.aqtit h3 {
	color: rgba(40, 40, 40, .3);
	font-size: 24px;
	font-family: 'fzbysk';
	/* padding-left: 40px; */
	text-align: center;
	text-transform: uppercase
}

.aqtit h4 {
	padding: 0 90px 0 40px;
	line-height: 50px;
	margin-top: 20px;
	color: #282828;
	font-size: 24px;
	font-weight: bold;
	background: #f1d232;
	display: inline-block;
}

.aqhbinner_right {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 140px;
	position: relative;
	opacity: 0;
	transform: translateX(100%)
}
.active .aqhbinner_right,
.active .aqhbinner_left{
	opacity: 1;
	transform: translateX(0)
}
.aqhbinner_right:before{
	content: '';
	display: block;
	width: 1px;
	height: 268px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	 background: -webkit-linear-gradient(transparent, #cccccc, transparent);
	 /* Safari 5.1 - 6.0 */
	 background: -o-linear-gradient(transparent, #cccccc, transparent);
	 /* Opera 11.1 - 12.0 */
	 background: -moz-linear-gradient(transparent, #cccccc, transparent);
	 /* Firefox 3.6 - 15 */
	 background: linear-gradient(transparent, #cccccc, transparent);
	 /* 标准的语法 */
}

.aqhbinner_right p {
	color: #282828;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 20px;
}

.aqhbinner_right h3 {
	color: #282828;
	font-weight: bold;
	font-size: 24px;
}

.aqhbinner_right h3 span {
	color: #d61926
}

.aqbanner {
	margin-top: 54px;
	position: relative;
	opacity: 0;
	transform: translateY(100%)
}
.aqbanner.active{
	opacity: 1;
	transform: translateY(0)
}
.aqbanner .swiper-pagination {
	position: static;
	margin-top: 45px;
	padding-bottom: 80px
}

.aqbanner .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	border: 1px solid transparent;
	background: transparent;
	position: relative;
	opacity: 1 !important;
}

.aqbanner .swiper-pagination-bullet:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: #d2d6da
}

.aqbanner .swiper-pagination-bullet-active {
	border-color: #ffd706
}

.aqbanner .swiper-pagination-bullet-active:before {
	background: #d61926
}

.aqbanner .swiper-slide .aqimg {
	border: 3px solid #e9e9e9;
	position: relative;
}

.aqbanner .swiper-slide .aqimg>img {
	width: 100%
}

.aqbanner .swiper-slide span {
	position: absolute;
	bottom: 36px;
	left: 50%;
	transform: translateX(-50%);
	width: 43px;
	height: 43px;
	border-radius: 50%;
	background: rgba(214, 25, 38, .4);
	opacity: 0;
}

.aqbanner .swiper-slide span font {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: rgba(214, 25, 38, 1);
	text-align: center;
	line-height: 35px
}

.aqbanner .swiper-slide p {
	line-height: 24px;
	color: #555555;
	font-size: 16px;
	margin-top: 15px;
	text-align: center;
	padding: 0 10px
}

.swiper-button-prev,
.swiper-button-next {
	opacity: 1 !important;
}

.aqbanner .swiper-button-prev h6,
.aqbanner .swiper-button-next h6 {
	font-size: 38px;
	color: #e9e9e9
}

.aqbanner .swiper-button-prev {
	left: -70px;
	top: 30%
}

.aqbanner .swiper-button-next {
	right: -70px;
	top: 30%
}

.aqbanner .swiper-button-next:hover h6,
.aqbanner .swiper-button-prev:hover h6 {
	color: #d61926
}

.aqbanner .swiper-slide:hover .aqimg {
	border-color: #e87e85
}

.aqbanner .swiper-slide:hover span {
	opacity: 1;
}

.mfty {
	margin-bottom: 400px
}

.mftyinner {
	background-image: url(../images/mftybac_02.jpeg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 85px 0 356px;

}

.mfty .aqtit h2 {
	color: #fff
}

.mfty .aqtit h3 {
	color: rgba(255, 255, 255, .3)
}

.mftab {
	margin-top: 24px;
	text-align: center
}

.mftab h6 {
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
	width: 277px;
	background: #000;
	color: #f1d232;
	cursor: pointer;
	opacity: 0;
}
.mftab h6:nth-child(1){
	transform: translateX(-100%)
}
.mftab h6:nth-child(2){
	transform: translateX(100%)
}
.mftab h6.ac,
.mftab h6:hover {
	color: #000;
	background: #f1d232
}
.active.mftab h6{
	transform: translateX(0) !important;
	opacity: 1;
}
.mfbanner {
	box-sizing: border-box;
	border: 3px solid #f1d232;
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
}

.mfbanner .swiper-button-next,
.mfbanner .swiper-button-prev {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #000;
	cursor: pointer;
	transform: translateY(-50%)
}

.mfbanner .swiper-button-prev img:nth-child(1),
.mfbanner .swiper-button-next img:nth-child(1) {
	display: none
}
.mfbanner .swiper-button-next:hover img:nth-child(1),
.mfbanner .swiper-button-prev:hover img:nth-child(1){
	display: inline-block
}
.mfbanner .swiper-button-next:hover img:nth-child(2),
.mfbanner .swiper-button-prev:hover img:nth-child(2) {
	display: none
}
.mfbanner .swiper-button-next:hover,
.mfbanner .swiper-button-prev:hover{
	background: #ffd706
}
.mfbanner .swiper-slide img {
	width: 100%
}

.mfbanner>div {
	overflow: hidden;
	height: 0;
	opacity: 0;
	transform: translateY(100%)
}
.active.mfbanner>div{
	opacity: 1;
	transform: translateY(0)
}

.mfbanner>div.ac {
	height: auto
}

.shsm .container {
	margin-top: 40px;
	opacity: 0;
	transform: translateY(100%)
}
.shsm .container.active{
	opacity: 1;
	transform: translateY(0)
}

.shsm .container img {
	width: 100%
}

.dmcx {
	margin-top: 90px
}

.dmcx_left {
	display: inline-block;
	width: 25.64%;
	opacity: 0;
	transform: translateX(-100%)
}

.dmcx_left .aqtit h2,
.dmcx_left .aqtit h3 {
	padding-left: 0;
	text-align: left
}

.dmcx_left span {
	display: block;
	width: 117px;
	height: 117px;
	border-radius: 50%;
	background: #d5d4d4;
	position: relative;
	margin-bottom: 25px
}

.dmcx_left span font {
	width: 101px;
	height: 101px;
	border-radius: 50%;
	background: #282828;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	line-height: 101px;
	text-align: center
}

.dmcx_left .aqtit {
	margin-bottom: 40px
}

.dmcx_left h4 {
	color: #282828;
	font-size: 48px;
	/* font-family: 'fzsyjw'; */
	line-height: 46px
}

.dmcx_left h4:before {
	content: '';
	display: block;
	width: 92px;
	height: 2px;
	margin-bottom: 40px;
	background: #f1d232
}

.dmcx_left h5 {
	font-size: 16px;
	color: rgba(40, 40, 40, .5)
}

.dmcx_right {
	display: inline-block;
	width: 74.36%;
	vertical-align: middle;
	font-size: 0;
	opacity: 0;
	transform: translateX(100%)
}
.active .dmcx_right,
.active .dmcx_left {
	opacity: 1;
	transform: translateX(0)
}
.dmcx_right .cmap {
	display: inline-block;
	width: 64.5%;
	position: relative;
}

.md_info {
	display: inline-block;
	vertical-align: top;
	width: 35.5%;
	margin-top: 188px;
	position: relative;
	z-index: 5;
}

.md_info h2 {
	line-height: 34px;
	color: #282828;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-bottom: 35px;
}

.md_info h2:before {
	content: '';
	display: block;
	width: 4px;
	height: 56px;
	background: #282828;
	position: absolute;
	left: -33px;
	top: 50%;
	transform: translateY(-50%)
}

.md_info p {
	line-height: 30px;
	color: #282828;
	font-size: 16px;
	width: 80%
}

.md_info a {
	margin-top: 40px;
	display: inline-block;
	padding: 0 45px;
	border-radius: 40px;
	line-height: 40px;
	border: 1px solid #b5b5b5;
	color: #282828
}

.md_info a:hover {
	color: #fff;
	background: #d61926
}

.cmap img {
	width: 100%
}

.cmap li:nth-child(1) {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: rgba(241, 210, 50, .3);
	position: absolute;
	left: 11%;
	top: 3%
}

.cmap li:nth-child(2) {
	width: 335px;
	height: 335px;
	border-radius: 50%;
	background: rgba(241, 210, 50, .5);
	position: absolute;
	right: -3%;
	top: 10%
}

.cmap li:nth-child(3) {
	width: 214px;
	height: 214px;
	border-radius: 50%;
	background: rgba(241, 210, 50, .8);
	position: absolute;
	right: 5%;
	bottom: 32%
}

.xq_left {
	display: inline-block;
	width: 68.39%;
}

.xqinner {
	background: #fff;
	margin-right: 2.01%;
	box-sizing: border-box;
	padding: 70px 100px 35px;

}

.xqtit {
	text-align: center;
	margin-bottom: 35px
}

.xqtit h2 {
	color: #282828;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 5px
}

.xqtit span {
	display: inline-block;
	margin: 0 20px;
	font-size: 14px;
	color: rgba(40, 40, 40, .5)
}

.xqtit:after {
	content: '';
	display: block;
	width: 80px;
	height: 3px;
	background: #d50110;
	margin: 30px auto 0
}

.xqinner p {
	line-height: 34px;
	color: #555555;
	font-size: 18px;
	margin-bottom: 34px;
	text-align: justify;

}

.xqinner p img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	height: auto
}

.xqinner strong {
	font-weight: bold;
	font-size: 18px
}

.xqnp {
	padding-bottom: 85px;
	margin-top: 30px;
}

.xqnp a {
	display: block;
	background: #fff;
	line-height: 52px;
	text-align: center;
	color: #555555;
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 2.01%
}

.xqnp a:hover {
	color: #fff;
	background: #d61926
}

.xq_right {
	width: 29.6%;
	display: inline-block;
	vertical-align: top
}

.hot {
	box-sizing: border-box;
	padding: 45px 40px;
	background: #fff;
}

.xq_r_tit {
	padding-bottom: 13px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 30px
}

.xq_r_tit h2 {
	line-height: 16px;
	border-left: 2px solid #d50110;
	color: #d50110;
	font-weight: bold;
	font-size: 16px;;
	padding-left:15px; 
}

.hot span {
	color: #282828;
	font-size: 16px;
	line-height: 48px;
}

.hot font {
	display: inline-block;
	margin-right: 10px;
	color: #d2d2d2
}

.hot li:hover span {
	color: #d50110
}

.hot li a {
	display: block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.hot {
	margin-bottom: 10px;
}
.fwlx{
	/*display: none*/
}

.fwlx li {
	margin-bottom: 10px;

	/* text-align: center; */
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/fwlx_03.jpeg);
	font-size: 0
}

.fwlx li:nth-child(2) {
	background-image: url(../images/fwlx_06.jpeg)
}

.fwlx li a {
	display: block;
	padding: 22px 0 22px 23%;
	font-size: 0;
	box-sizing: border-box
}

.fwlx li font {
	display: inline-block;
	vertical-align: middle;
	width: 63px;
	height: 63px;
	border: 1px solid #dbd9db;
	border-radius: 50%;
	line-height: 63px;
	margin-right: 38px;
	font-size: 26px;
	text-align: center
}

.fwlx li h2 {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #282828;
	text-align: left;
}

.fwlx li h2 span {
	display: block;
	color: rgba(50, 48, 47, .47);
	font-size: 14px;
	text-transform: capitalize;
	line-height: 20px
}

.fwlx li:hover font,
.fwlx li:hover h2 {
	color: #d61926
}

.wzdt {
	padding: 180px 0 225px;
	background-image: url(../images/wzdt_01.jpeg);
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0;
	line-height: 0
}

.wzdt h2 {
	padding-left: 80px;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	margin-bottom: 25px
}

.wzdt li {
	box-sizing: border-box;
	border: 1px solid #6b6b6b;
	padding-left: 80px;
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0
}

.wzdt li a {
	padding: 0 38px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top
}

.wzdt li a:first-child {
	font-weight: bold;
	font-size: 18px;
	width: auto
}

.wzdt li:hover {
	background: #282828
}

.wzdt li a:hover {
	background: #ffd706
}

.add {
	padding: 75px 100px;
	background-color: #e9e9e9;
	background-image: url(../images/jiao_03.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: auto 90%
}

.add li {
	display: inline-block;
	width: 33.333333333%;
	font-size: 0;
	box-sizing: border-box;
	padding-right: 30px
}

.add li>span {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	position: relative;
	box-sizing: border-box
}

.add li>span font {
	text-align: center;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	background: transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	line-height: 82px;
}

.add li>span font img:nth-child(2) {
	display: none
}

.add li div {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 90px);
	box-sizing: border-box;
	padding-left: 35px
}

.add li div h2 {
	font-size: 30px;
	font-weight: bold;
	color: #282828
}

.add li div font {
	font-size: 14px;
	color: #d61926
}

.add li div h3 {
	color: #777777
}

.add li div h4 {
	color: #4e4e4e;
	font-size: 18px;
	line-height: 24px
}

.add li div h5 {
	color: #282828;
	font-size: 18px;
}

.add li:hover>span font {
	background: #d61926
}

.add li:hover>span font img:nth-child(2) {
	display: inline-block
}

.add li:hover>span font img:nth-child(1) {
	display: none
}

.add li:hover span {
	border-color: #d61926
}

.add>a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 30px;
	line-height: 16px;
	color: #fff;
	font-size: 14px
}

.add>a:hover {
	color: #f1d232
}

.lxtit h2 {
	font-size: 24px;
	color: #282828;
	line-height: 34px;
	font-family: 'fzbysk';
}

.lxtit h3 {
	line-height: 26px;
	text-transform: uppercase;
	font-size: 24px;
	color: rgba(0, 0, 0, .3);
	font-family: 'fzbysk';
}

.lxtit h3:after {
	content: '';
	display: block;
	width: 19px;
	height: 2px;
	background: #ffd706;
	margin-top: 15px
}

.zpxxs {
	margin-top: 50px;
}

.zpxxs ul {
	margin-top: 57px;
	padding-bottom: 86px
}

.zpxxs ul li {
	margin-bottom: 20px;
}

.zptit {
	padding: 10px 21px;
	box-sizing: border-box;
	background: #ececec;
	font-size: 0;
}

.zptit h2 {
	font-size: 16px;
	color: #313131;
	width: calc(100% - 24px);
	box-sizing: border-box;
	padding-right: 20px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold
}

.zptit .jiajian {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	background: #bbbbbb;
	position: relative;
}

.zptit .jiajian:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 1.5px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-6px) translateY(-.75px);
}

.zptit .jiajian:after {
	content: '';
	display: inline-block;
	height: 12px;
	width: 1.5px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-.75px) translateY(-6px);
}

.zpinner {
	box-sizing: border-box;
	padding: 0 35px 45px;
	display: none
}

.zpinner h2 {
	margin-top: 25px;
	color: #d61926;
	font-weight: bold;
	font-size: 16px;
}

.zpinner p {
	color: #313131;
	line-height: 30px;
}

.zpinner a {
	display: inline-block;
	line-height: 42px;
	padding: 0 30px;
	color: #000;
	background: #f1d232;
	margin-top: 10px;
}

.zpinner a font {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.zpinner a:hover {
	color: #fff;
	background: #d61926
}

.zpxxs li.ac .zptit {
	background: #282828
}

.zpxxs li.ac .zptit h2 {
	color: #fff;
}

.zpxxs li.ac .jiajian {
	background: #fff;
}

.zpxxs li.ac .jiajian:after {
	transform: translate(-6px) translateY(-100%);
	opacity: 0;
}

.zpxxs li.ac .jiajian:before {
	background: #282828
}

.zsjm {
	padding: 66px 0 120px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/zsbac_02.jpeg)
}

.zsjm .lxtit h2 {
	color: #f1d232
}

.zsjm .container {
	padding: 0 75px
}

.zsjm form {
	font-size: 0;
	margin-top: 40px;
	position: relative;
}

.inp {
	display: inline-block;
	vertical-align: top;
	width: 23.55%;
	margin-right: 14.675%;
	border-bottom: 2px solid rgba(255, 255, 255, .1);
	font-size: 0;
	padding-bottom: 20px
}

.inp.ac,
.textarea.ac {
	border-color: #fff
}

.inp:nth-child(3n) {
	margin-right: 0
}

.zsjm span {
	display: inline-block;
	width: 80px;
	color: rgba(255, 255, 255, .5);
	font-size: 16px;
	vertical-align: middle
}

.inp input {
	width: calc(100% - 80px);
	box-sizing: border-box;
	padding: 0 5px;
	border: none;
	outline: none;
	background: transparent;
	color: #fff;
	vertical-align: middle;
	display: inline-block
}

.textarea {
	margin-top: 45px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.textarea span {
	display: block
}

.textarea textarea {
	border: none;
	width: 100%;
	outline: none;
	background: transparent;
	box-sizing: border-box;
	padding-right: 165px;
	color:#fff
}

.zsjm form button {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 154px;
	text-align: center;
	line-height: 45px;
	background: #f1d232;
	color: #282828;
	font-size: 16px;
}

.zsjm form button:hover {
	color: #fff;
	background: #d61926
}

.zczc {
	font-size: 0;
	display: table;
	width: 100%
}

.zczc>* {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box
}

.zczc h2 {
	display: inline-block;
	padding: 0 57px;
	line-height: 40px;
	background: #f1d232;
	color: #282828;
	font-size: 16px;
	font-weight: bold;
}

.zczc h3 {
	margin-top: 30px;
	color: #282828;
	font-size: 16px;
	font-weight: bold;
}

.zczc p {
	color: #777777;
	font-size: 16px;
	text-indent: 1em
}

.zczc span {
	color: #777777;
	font-size: 14px;
	margin-top: 40px;
	display: inline-block
}

.zczc span img {
	vertical-align: middle;
	margin-right: 5px;
}

.jmzc {
	background-image: url(../images/jmzcbac_02.jpeg);
	padding: 70px 0 130px 9.375%
}

.jmzhic {
	background-image: url(../images/jmzhicbac_03.png);
	padding: 70px 9.45% 130px 70px
}

.jmzhic p {
	color: #282828
}

.allist {
	margin-top: 55px;
}

.allist li {
	display: inline-block;
	vertical-align: top;
	width: 31.4%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
	box-sizing: border-box;
	padding: 17px;
	background: #f4f4f4;

}

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

.allist li img {
	width: 100%
}

.alimg {
	overflow: hidden;
}

.allist li p {
	margin-top: 20px;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding: 0 20px
}

.allist li span {
	color: #9f9e9e;
	font-size: 16px;
	display: inline-block;
	padding: 0 20px;
}
.allist li span:before{
	content:'';
	display: inline-block;
	width: 0;
	margin-right: 0;
	height: 1px;
	vertical-align: middle;
	background: #9f9e9e
}
.allist li:hover span:before{
	width: 15px;
	margin-right: 5px;
}
.allist li:hover img {
	transform: scale(1.125)
}

.alinner {
	display: table;
	table-layout: fixed;
	width: 100%;
	position: relative;
	z-index: 5;
}

.al_i_left {
	display: table-cell;
	position: relative;
	width: 42.4%;
	box-sizing: border-box
}

.al_i_left>div {
	position: absolute;
	background: #fff;
	width: 77.4%;
	height: 100%;
	right: 0;
	top: 0;
	box-sizing: border-box;
	padding: 130px 110px 0 120px
}

.al_i_right {
	display: table-cell
}

.al_i_right img {
	width: 100%
}

.al_i_left h2 {
	font-size: 24px;
	font-weight: bold;
	color: #282828;
	margin-bottom: 25px
}

.al_i_left h2:after {
	content: '';
	display: block;
	width: 25px;
	height: 4px;
	background: #f1d232;
	margin-top: 36px
}

.al_i_left p {
	margin-bottom: 30px;
	color: #555555;
	font-size: 16px;
	text-align: justify;
}

.alnp a span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #e4e4e4;
	position: relative;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center
}

.alnp {
	margin-top: 80px
}

.alnp a {
	display: block;
	font-size: 0;
	margin-bottom: 20px;
}

.alnp a span font {
	line-height: 40px;
	display: inline-block;
	vertical-align: middle
}

.alnp a div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 40px);
	box-sizing: border-box;
	padding-left: 20px;
}

.alnp a p {
	color: #777777;
	font-size: 16px;
	margin-bottom: 0
}

.alnp a:hover span {
	border-color: #2c3238;
	background: #2c3238;
	color: #fff
}

.alnp a:hover p {
	color: #d61926
}

.al_i_right .swiper-button-prev,
.al_i_right .swiper-button-next {
	transform: translateY(-50%);
	width: 30px;
	height: 70px;
	background: rgba(0, 0, 0, .3);
	text-align: center
}

.al_i_right .swiper-button-prev:hover,
.al_i_right .swiper-button-next:hover {
	background: #000
}

.al_i_right .swiper-button-prev h6,
.al_i_right .swiper-button-next h6 {
	color: #fff;
	line-height: 70px;
	font-size: 18px
}

.al_i_right .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	border: 1px solid transparent;
	background: transparent;
	position: relative;
	opacity: 1 !important;
}

.al_i_right .swiper-pagination-bullet:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: #d2d6da;
}

.al_i_right .swiper-pagination-bullet-active {
	border-color: #ffd706;
}

.al_i_right .swiper-pagination-bullet-active:before {
	background: #d61926;
}
.altjlist.allist li{
	padding: 0;
	width: 17.43%;
	margin-right: 3.2125%;
	padding-bottom:20px
}
.altjlist.allist li:nth-child(5n){
	margin-right: 0
}
.altj{
	background: #fff;
	margin-top: 80px;
	padding: 60px 0 90px
}
.altjlist.allist li span{
	font-size: 12px;
	color:#9f9e9e;
	line-height: 18px;
	display: inline-block
}
.altjlist.allist li p{font-size: 14px;line-height: 10px;}