html {
          font-size: 100px; /*根元素默认的大小是16px*/
		      overflow-x: hidden;
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
	
@media screen and (max-width: 1680px){
	html{ 
		font-size:86px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:78px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:60px;
	}
	
}

@font-face {
	font-family: 'DIN';
	src: local('DIN'), url(../fonts/DIN.woff) format('woff');
}

@font-face {
	font-family: 'DINM';
	src: local('DINM'), url(../fonts/DINM.woff) format('woff');
}

ul {
	margin-bottom: 0;
}

.diyiping {
	position: relative;
}

.navwk {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}

.nav {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1526px;
	height: 95px;
	border-bottom: 1px solid rgba(255, 255, 255, .22);

	line-height: 95px;
}

.logo {
	float: left;
	margin-left: 23px;
}

.daohang {
	float: right;
	height: 100%;
}

.yjdhwk {
	float: right;
	height: calc(100% + 1px);
}

.sswk {
	float: right;
	margin-left: 40px;
	margin-right: 20px;
}

.yjdh {
	float: left;
	height: 100%;
	width: 74px;
	margin-left: 34px;
	height: 100%;
}

.yjdh:first-child {
	margin-left: 0;
}

.yjdh>a {
	display: block;
	height: 100%;
	color: #ffffff;
	font-size: 14px;
	padding-left: 9px;
	padding-right: 9px;
}

.yjdhxz {
	border-bottom: 2px solid #ff8d28;
}

.diyiplbwk .swiper-slide img {
	width: 100%;
	/* height: 100vh; */
}

.dypzjt {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .33);
	top: 50%;
	/* width: calc(var(--swiper-navigation-size)/ 46 * 27); */
	left: 20px;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));

}

.dypzjt>img:nth-child(2) {
	display: none;
}

.dypzjt:hover {
	background: #ffffff;
}

.dypzjt:hover>img:nth-child(2) {
	display: block;
}

.dypzjt:hover>img:first-child {
	display: none;
}

.dypzjt:hover img {
	-webkit-filter: grayscale(100%);
	/* Chrome, Safari, Opera */
	filter: grayscale(100%);
}

.dypyjt {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .33);
	top: 50%;
	/* width: calc(var(--swiper-navigation-size)/ 46 * 27); */
	right: 20px;
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.dypyjt>img:nth-child(2) {
	display: none;
}

.dypyjt:hover {
	background: #ffffff;
}

.dypyjt:hover>img:nth-child(2) {
	display: block;
}

.dypyjt:hover>img:first-child {
	display: none;
}

.diyiplbwk .swiper-pagination-bullet {
	width: 5px;
	height: 5px;
	background: #ffffff;
	opacity: 1;
	border-radius: 9px;
}

.diyiplbwk .swiper-pagination-bullet-active {
	width: 15px;
	background: #ff8d28;
}

.diyiplbwk .swiper-horizontal>.swiper-pagination-bullets {
	width: auto;
	top: 63.157%;
	left: 11.4583%;
}

@media screen and (max-width : 1500px) {
	.yjdh {
		margin-left: 14px;
	}
}

.mpdhx {
	position: absolute;
	z-index: 999;
	/* left: 11.1979%; */
	/* bottom: 8.7368%; */
}

.mphx {
	width: 3.4rem;
	height: 1px;
	background: #fff;
	position: relative;
	float: left;
}

.diyiphx:after {
	width: 20%;
	left: 0;
	top: 0;
	z-index: 999;
	background: #c3c3c3;
	position: absolute;
	content: "";
	height: 1px;
}

.mpsz {
	float: left;
	margin-left: 25px;
}

.mpszzc {
	color: #ff8d28;
	font-size: 36px;
	line-height: 1;
	font-family: "DINM";
	margin-top: -20px;
	float: left;
}

.mpszyc {
	color: #ffffff;
	font-size: 26px;
	line-height: 1;
	font-family: "DINM";
	float: left;
	margin-left: 7px;
	margin-top: -10px;
}

.mpszzj {
	color: #ffffff;
	font-size: 16px;
	line-height: 1;
	float: left;
	margin-left: 10px;
	margin-top: -5px;
}

.arrow {
	opacity: 1;
	animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	-webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	z-index: 999;
}



.arrow:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}



@keyframes arrow {

	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}

	50% {
		bottom: 50px;
		opacity: .5
	}
}



@-webkit-keyframes arrow {

	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}

	50% {
		bottom: 50px;
		opacity: .5
	}
}

.tit img {

	height: 100vh;

	width: 100vw;

}



/* 第二屏开始 */
.dep {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	/* padding-bottom: 50px; */
	background: url(../img/depbj.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.dierphx:after {
	width: 40%;
	left: 0;
	top: 0;
	z-index: 999;
	background: #c3c3c3;
	position: absolute;
	content: "";
	height: 1px;
}

.diwuphx:after {
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
	background: #c3c3c3;
	position: absolute;
	content: "";
	height: 1px;
}

.disiphx:after {
	width: 80%;
	left: 0;
	top: 0;
	z-index: 999;
	background: #c3c3c3;
	position: absolute;
	content: "";
	height: 1px;
}

.disanphx:after {
	width: 60%;
	left: 0;
	top: 0;
	z-index: 999;
	background: #c3c3c3;
	position: absolute;
	content: "";
	height: 1px;
}

.sympywbt {
	color: #ff8d28;
	font-size: .68rem;
	line-height: 1;
	font-family: "DIN";
}

.sympzwbt {
	color: #ffffff;
	font-size: .22rem;
	line-height: 1;
	margin-top: 11px;
}

.sympbtxhx {
	width: .26rem;
	height: 2px;
	background: #fff;
	margin-top: 20px;
}

.mpzywwk {
	/* position: absolute;
	z-index: 999;
	top: 0%; */
	/* left: 11.8229%; */
}

.depyxjwz {
	position: absolute;
	width: 555px;
	height: 45px;
	color: #ffffff;
	font-size: 14px;
	line-height: 26px;
	padding-right: 17px;
	border-right: 3px solid #ff8d29;
	right: 0%;
	bottom: 8%;
	display: none;
}

.depysjwz {
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	text-align: right;
}

.xzcplbwk {
	width: 253px;
	height: 46px;
	border: 1px solid #dfdfdf;
	position: relative;
	background: #fff;
	margin-top: 17px;
	margin-left: auto;
}

.xzcplbwk:after {
	position: absolute;
	left: -1px;
	top: 0px;
	height: 44px;
	width: 5px;
	background: #ff8d28;
	content: "";
}

.xzcplbwz {
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	line-height: 46px;
	padding-left: 20px;
	width: 100%;
}

.depysjxz {
	/* top: 20%; */
	right: 0%;
	position: absolute;
	z-index: 999;
}

.xzcpflxmfl {
	width: 253px;
	height: 46px;
	border: 1px solid #dfdfdf;
	position: relative;
	background: #fff;
	margin-left: auto;
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	line-height: 46px;
	padding-left: 20px;
	width: 100%;
}

.xzcpflxmflwk {
	margin-top: -1px;
	border: 1px solid #dfdfdf;
	width: 253px;
	margin-left: -1px;
	border-top: none;
	display: none;
}

.xzcplbwk:hover .xzcpflxmflwk {
	display: block;
}

.xzsjx {
	position: absolute;
	right: 4px;
	top: 24px;
}

.cpzxmydwk {
	/* position: absolute; */
	/* width: 100%; */
	/* top: 18.736842%; */
	overflow: hidden;
	padding-top: 20px;
	padding-left: 20px;
}

.xmhxwk {
	top: auto;
	bottom: 8.7368%;
}

.cpzxmywk {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1485px;
}

.depysjwk {
	top: 20%;
}

.cpzxmynwk {
	position: relative;
}

.depyxwk {
	top: auto;
	bottom: 8%;
}

.cpzxmynfwk {
	position: relative;
}

.deplb .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(0.73);
	border: 20px solid #fff;
	border-radius: 50%;
	height: 370px;
	overflow: hidden;
}

.deplb .swiper-slide img {
	max-width: 100%;
}

.deplb .swiper-slide-active,
.swiper-slide-duplicate-active {
	height: 370px;
	border-radius: 50%;
	/* width: 566px!important; */
}

.deplb .swiper-slide-active img,
.swiper-slide-duplicate-active {
}

.deplb {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* padding-bottom: 97.3px; */
	
}

.deplb .swiper-container {
	/* padding-top: 98px; */
}

.deplb .swiper-wrapper {
	align-items: center;
}

.deplb .swiper-slide-prev {
	margin-left: -50px;
	margin-right: 130px !important;
}

.deplb .swiper-slide-next {
	margin-left: 50px;
}

.sycpzjt {
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	position: absolute;
	top: 50%;
	/* width: calc(var(--swiper-navigation-size)/ 46 * 27); */
	left: 0;
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	z-index: 999;
}

.sycpyjt {
	z-index: 999;
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	position: absolute;
	top: 50%;
	/* width: calc(var(--swiper-navigation-size)/ 46 * 27); */
	right: 0;
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.deplbjtwk {
	top: 0;
}

.deplbjtnk {
	height: 100vh;
	position: relative;
}

.depcpxhx {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px dashed rgba(255, 255, 255, .33);
	top: calc(50% - .5px);
}

.sycpzjt img {
	filter: grayscale(100%) brightness(300%);
}

.sycpyjt img {
	filter: grayscale(100%) brightness(300%);
}

.sycpzjt:hover img {
	filter: grayscale(0%) brightness(100%);
}

.sycpyjt:hover img {
	filter: grayscale(0%) brightness(100%);
}

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

	.deplb .swiper-slide-active,
	.swiper-slide-duplicate-active {
	}

	.deplb .swiper-slide-prev {
		margin-right: 80px !important;
	}

	.deplb .swiper-slide-next {
		margin-left: 0;
	}

	.deplb .swiper-slide-prev {
		margin-left: 0;
	}

	.deplb {
		width: 100%;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		/* padding-bottom: 97.3px; */
	
	}

	.deplb .swiper-slide {
		/* height: 313.34px; */
	}
}

/* 第三屏 */

.dsp {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	padding-bottom: 50px;
	background: url(../img/dspbj.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.sydspms {
	color: #ffffff;
	font-size: 14px;
	line-height: 34px;
	width: 100%;
	margin-top: 47px;
}

.dspckgd {
	width: 200px;
	height: 47px;
	border: 1px solid #acbcdd;
	line-height: 47px;
	border-radius: 47px;
	margin-top: .7rem;
}

.dspckgd a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 47px;
	padding-left: 24px;
	color: #ffffff;
	font-size: 16px;
}

@media screen and (max-width : 1500px) {
	.mpzywwk {
		left: 4%;
	}
}

.dspcknr {
	float: left;
}

.dspckyjt {
	float: left;
	margin-left: 32px;
}

.dspyctwk {
	right: 0;
	position: absolute;
	width: 100%;
}

.dspyctdwk {
	top: 23.894737%;
	position: relative;
}

.dspyctxwk {
	position: relative;
}

.dspybj {
	position: absolute;
	right: 54px;
	top: 55px;
	z-index: 1;
	background: #1748b9;
	width: 43.3%;
	height: 4.31rem;
	opacity: .5;
	border-bottom-left-radius: 128px;
	border-top-right-radius: 110px;
}

.dspycsmt {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 44.647%;
}

.dspycsmt img {
	width: 100%;
}

@media screen and (max-width : 1500px) {
	.dspyctxwk {
		left: 0;
	}
}

/* 第四屏 */
.dsip {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	padding-bottom: 50px;
	background: url(../img/syyxwl.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.syyxwlbt {
	width: 100%;
	text-align: center;
	padding-top: 1.95rem;
}

.syyxwlzwbt {
	margin-top: 16px;
}

.syyxwlms {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	font-size: 14px;
	line-height: 28px;
	margin-top: 31px;
	text-align: justify;
	position: relative;
}

.syyxyh {
	position: absolute;
	top: -20px;
	left: -132px;
}

.yxwlxmsg {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: .93rem;
	overflow: hidden;
}

.yxwlxmsg>div {
	padding-left: 42px;
	padding-right: 42px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	/* float: left; */
	/* border-right: 1px dashed rgba(255, 255, 255, .27); */
}

.yxwlxmsg>div:last-child {
	border: none;
}

.syyxwlyw {
	color: #ffffff;
	font-size: 14px;
	line-height: 34px;
	margin-top: 4px;
}

.syyxwlzw {
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
}

.syyxwltp {
	width: 56px;
	height: 56px;
	background: #ffffff;
	text-align: center;
	line-height: 51px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 6px 6px 8.55px 0.45px rgba(0, 0, 0, 0.08);
}

.syxzlyzx {
	width: 189px;
	height: 53px;
	line-height: 53px;
	background: #0072d7;
	border-radius: 53px;
	color: #ffffff;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: .82rem;
}

.syxzlyzx a {
	padding-left: 38px;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

.syxzlyzx a div {
	float: left;
}

.syxzlyzx a div:first-child {
	margin-right: 20px;
}

@media screen and (max-width : 1500px) {
	.syyxwlbt {
		padding-top: 1.55rem;
	}

	.yxwlxmsg {
		margin-top: 0.53rem;
	}

	.syxzlyzx {
		margin-top: 0.52rem;
	}
}


/* 第五屏 */
.dwp {
	position: relative;
	width: 100%;
	/* height: 100vh; */
	padding-bottom: 50px;
	background: url(../img/dwpbj.jpg) no-repeat center center;
	background-size: 100% 100%;
}

.dwpxwwk {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1470px;
	padding-top: 1.6rem;
}

.dwpywbt {
	color: #ff8d28;
	font-size: .68rem;
	line-height: 1;
	font-family: "DIN";
	float: left;
}

.dwpbtwk {
	overflow: hidden;
	margin-bottom: .3rem;
}

.dwpzwbt {
	color: #ffffff;
	font-size: .22rem;
	line-height: 1;
	margin-top: .36rem;
	margin-left: 0.17rem;
	float: left;
}

.dwpzctpwk {
	width: 7.33rem;
}

.dwpzctpwk img {
	width: 100%;
}

.dwpzcdwk {
	position: relative;
	width: 7.33rem;
	float: left;
}

.dwpxwzsrq {
	    width: 83px;
	    height: 67px;
	position: absolute;
	background: rgba(145, 145, 145, .79);
	left: 0;
	top: 0;
}

.zssmrq {
	    width: 100%;
	    text-align: center;
	    color: #ffffff;
	    font-size: 14px;
	    font-family: "DINM";
	    line-height: 1;
	    padding-top: 10px;
}

.zssmrqnf {
width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: "DINM";
    line-height: 1;
    padding-top: 12px;
}

.xwzxxm {
	/* margin-top: .3rem; */
	overflow: hidden;
}

.dwptjxwxm {
	width: 100%;
	height:80px;
	background: rgba(0, 0, 0, .72);
	padding-left: 15px;
	padding-right: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.dwptjxwbt {
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	font-size: 16px;
	padding-top: 5px;
}

.dwptjxwms {
color: #cbcbcb;
    font-size: 12px;
    line-height: 20px;
    margin-top: 9px;
}

.dwpxmsbtmswk {
	width: 100%;
	float: left;
}

.dwpzcxwjt {
	float: left;
	margin-left: .85rem;
	line-height: 122px;
	display: none;
}

.dwpycxw {
	width: 7.32rem;
	background: #fff;
	float: left;
}

.xwzxycrqr {
	color: #dfdfdf;
	font-size: .62rem;
	line-height: 1;
	font-family: "DINM";
	margin-top: -5px;
	transition: .5s all;
}

.xwzxycrqny {
	color: #a6a6a6;
	font-size: 16px;
	line-height: 1;
	font-family: "DINM";
	transition: .5s all;
}

.dwpxwycbt {
	color: #3e3e3e;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dwpxwycms {
	color: #868686;height: 52px;
	font-size: 14px;
	line-height: 26px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 100%;
	margin-top: 12px;
}

.dwpycrqwk {
	float: left;
	width: 62px;
	text-align: center;
	display: none;
}

.dwpycbtmswk {
	/* float: left; */
	width: 4.45rem;
	margin-left: 0;
}

.dwpycxwk {
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
}

.dwpycxwk a {
	display: block;
	width: 100%;
	height: 100%;
	/* padding-top: 45px; */
	/* padding-bottom: 45px; */
	padding: .44rem 0;
	overflow: hidden;
	border-bottom: 1px dashed #dbdbdb;
	padding-left: .45rem;
	padding-right: .28rem;
}

.dwpycxwk:last-child a {
	border: none;
}

.dwpycxwk:hover .xwzxycrqr {
	color: #ff8d28;
}

.dwpycxwk:hover .xwzxycrqny {
	color: #ff8d28;
}

@media screen and (max-width : 1560px) {
	.dwpzctpwk {
		width: 100%;
	}

	.dwpxmsbtmswk {
		width: 100%;
	}

	.dwptjxwms {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.dwpzcdwk {
		width: 100%;
	}

	.dwpycxw {
		width: 100%;
	}

	.dwpycxwk {
		padding-right: 15px;
		padding-left: 15px;
	}

	.dwpycxwk a {
		padding: 27.5px 0;
	}

	.dwpycbtmswk {
		width: 100%;
	}

	.xwzxxm {
		margin-left: auto;
		margin-right: auto;
		/* display: table; */
	}
}


/* 底部 */
.dibu {
	width: 100%;
	/* height: 525px; */
	padding-bottom: 20px;
	background: #282c32;

}

.dibunk {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dibuywbt {
	color: #fff;
	font-size: 40px;
	line-height: 1;
	font-family: "DIN";
	padding-top: 20px;
}

.dibuxbtwz {
	color: #ffffff;
	font-size: 22px;
	line-height: 1;
	margin-top: 13px;
}

.dibubtxhx {
	width: 26px;
	height: 2px;
	background: rgba(255, 255, 255, .12);
	margin-top: 25px;
}

.dibulixdhczwk {
	margin-top: 45px;
}

.dblxzc {
	float: left;
	margin-left: 8px;
}

.dblxyc {
	float: left;
	margin-left: 25px;
	color: #ffffff;
	font-size: 14px;
}

.xmdzwk {
	margin-top: 20px;
}

.dibuzcfq {
	float: left;
}

.dibuzjfq {
	float: left;
	margin-left: 196px;
	color: #d8d8d8;
	font-size: 14px;
	line-height: 32px;
	margin-top: 115px;
}

.dibuzjfq a {
	color: #d8d8d8;
}

.dibuzjfq>div {
	padding-left: 19px;
	border-left: 1px solid rgba(255, 255, 255, .11);
	float: left;
}

.dibuzjfq>div:first-child {
	margin-right: 130px;
}

.dibyc {
	float: left;
	margin-left: 175px;
}

.dibyc {
	text-align: center;
	color: #d8d8d8;
	font-size: 14px;
	line-height: 46px;
	margin-top: 30px;
	    display: flex;
	    justify-content: space-between;
	    width: 100%;
}

.dibyc div {
	width: 132px;
}

.dibyc div img {
	width: 100%;
}

.dibyc>div {
	float: left;
}

.dibyc>div:first-child {
	margin-right: 0px;
}

.dibubq {
	color: #838992;
	font-size: 14px;
	/* height: 72px; */
	line-height: 36px;
	width: 100%;
	background: #22252a;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.dibubq a {
	color: #838992;
}

@media screen and (max-width : 1400px) {
	.dibunk {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.dibuzjfq {
		margin-left: 100px;
		display: none;
	}

	.dibyc {
		margin-left: 0px;
	}
}


/* 案例内页开始 */
.nybn {
	height: 130px;
	width: 100%;
	background-size: auto 100%!important;
}

.nybnsyw {
	color: #ff8d28;
	font-size: 26px;
	line-height: 1;
	font-family: "DIN";
}

.nybnszw {
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	margin-top: 5px;
}

.nybnsdh {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}

.nybnwzwk {
	width: 1280px;
	margin-left: -640px;
	left: 50%;
	position: absolute;
	top: 60px;
}

.nybnsdh div {
	float: left;
	margin-right: 10px;
}

.nybnsdh img {
	margin-top: -3px;
}


.casewk {
	width: 100%;
}

.casenk {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.casendh {
	width: 343px;
	height: 46px;
	border-radius: 46px;
	border: 1px solid #006fd8;
	text-align: center;
	line-height: 46px;
	color: #006fd8;
	font-size: 16px;
	margin-left: 14px;
	margin-right: 14px;
	float: left;
}

.casendh a {
	color: #006fd8;
}

.casedh {
	padding-top: 74px;
	overflow: hidden;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 74px;
}

.caseanli {
	width: 100%;
	float: left;

	margin-top: 30px;
	transition: 1s all;
}

.caseanli a {
	display: block;
	width: 100%;
	height: 100%;
}

.casenetp {
	width: 100%;
}

.casenetp img {
	width: 100%;
}

.casenalwzk {
	width: 100%;
	height: 100px;
	padding-left: 21px;
	padding-right: 75px;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #e8e8e8;
}

.casenbt {
	color: #555555;
	font-size: 16px;
	line-height: 28px;
	margin-top: 22px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.casensj {
	color: #9c9c9c;
	font-family: "DINM";
	line-height: 1;
	font-size: 18px;
	position: absolute;
	bottom: 30px;
	left: 21px;
}

.casexnr {
	overflow: hidden;
	/* padding-bottom: 150px; */
}

.casexnr>.caseanli {
	margin-left: 0;
}

.casexnr>.caseanli:nth-child(1) {
	margin-left: 0;
}

.casexnr>.caseanli:nth-child(4) {
	margin-left: 0;
}

.caseanli:hover {
	box-shadow: 0px 0px 20px 14px rgb(87 87 87 / 8%);
}


.anlidhsn {
	border-bottom: 1px solid #e5e5e5;
}

.neyewk {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

.caseanli:hover .casensj {
	color: #ff8d28;
}

.casenalwzk:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
	width: 0%;
	transition: 1s all;
}

.caseanli:hover .casenalwzk:after {
	width: 100%;
	background: #133b89;

}

/* 案例内页结束 */
/* 产品内页开始 */
.cpnywk {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	overflow: hidden;
}

.cpnyejbt {
	color: #ff8d28;
	font-size: 16px;
	line-height: 1;
	float: left;
	width: 80px;
	padding-left: 7px;
	padding-top: 10px;
}

.cpnyycsj {
	    float: right;
	    width: calc(100% - 90px);
}

.cpnyycsj div {
	padding-left: 12px;
	padding-right: 12px;
	height: 34px;
	line-height: 34px;
	float: left;
	/* margin-right: 32px; */
	border-radius: 5px;
	width: 50%;
}

.cpnyycsj div:first-child {
	margin-left: 0;
}

.cpnyycsj div a {
	color: #5f5f5f;
	font-size: 14px;
	display: block;
	width: 100%;
	height: 100%;
}

.procpflmh {
	min-height: 84px;
	line-height: 84px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #e5e5e5;
	    justify-content: space-between;
		padding-bottom: 20px;
		margin-top: 20px;
}

.sjxz {
	background: #ff8d28;
}

.sjxz a {
	color: #fff !important;
}

.porcpny {
	width: 100%;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}

.cpnymg {
	width: 100%;
	/* height: 357px; */
	padding-bottom: 20px;
	margin-top: 30px;
	float: left;
	margin-left: 0;
}

.porcpny .cpnymg:first-child {
	margin-top: 30px;
}

.porcpny .cpnymg:nth-child(2) {
	margin-top: 30px;
}

.porcpny .cpnymg:nth-child(3) {
	margin-top: 30px;
}

.cpnymg a {
	display: block;
	width: 100%;
	height: 100%;
}

.cpnytpwk {
	width: 100%;
	height: 256px;
	border-radius: 8px;
	background: #f3f3f3;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;

}

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

.cpnytpxwz {
	width: 100%;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	color: #4f4f4f;
	font-size: 14px;
	line-height: 24px;
	margin-top: 25px;
}

.cpnydiyihx {
	width: 100%;
	height: 1px;
	position: absolute;
	background: #efefef;
	top: 439px;
	left: 0;
	display: none;
}

.cpnydierhx {
	width: 100%;
	height: 1px;
	position: absolute;
	background: #efefef;
	top: 894px;
	left: 0;
	display: none;
}

.cpnydisanhx {
	width: 100%;
	height: 1px;
	position: absolute;
	background: #efefef;
	top: 1349px;
	left: 0;
	display: none;
}


.pagination a {
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-left: 22px;
}

.pagination p {
	margin-left: 22px;
	font-size: 16px;
	color: #777777;
	float: left;
	min-width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
}

.cur {
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff !important;
	text-align: center;
	border-radius: 50%;
	background: #1264ef;
}

.pagination {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.cpyfy {
	margin-top: 75px;
	margin-bottom: 80px;
}

/* 产品内页结束 */

/* 视频中心开始 */
.shipinnywk {
	margin-top: 53px;
}

.shipinan {
	position: absolute;
	border-radius: 50%;
	box-shadow: 9px 9px 54.87px 4.13px rgba(0, 0, 0, 0.26);
}

/* 视频中心结束 */
/* 联系我们开始 */
.lianxink {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
}

.ditu {
	border-radius: 10px;
	overflow: hidden;
}

.lianxiwmhx {
	width: 100%;
	height: 1px;
	background: #eeeeee;
	margin-top: 30px;
}

.wyly {
	color: #3e3e3e;
	font-size: 28px;
	line-height: 1;
	padding-top: 20px;
	margin-bottom: 20px;
}

input {
	outline: none;
}

textarea {
	outline: none;
}

.name {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #b0b0b0;
	font-size: 14px;
	padding-left: 28px;
	border-radius: 8px;
	border: none;
	background: #f5f5f5;
}

.name::placeholder {
	color: #b0b0b0;
	font-size: 14px;
}

.lxdh {
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #b0b0b0;
	font-size: 14px;
	padding-left: 28px;
	border-radius: 8px;
	border: none;
	background: #f5f5f5;
	margin-left: 0;
	margin-top: 20px;
}

.lxdh::placeholder {
	color: #b0b0b0;
	font-size: 14px;
}

.liuyanzuoce {
	width: 100%;
	/* float: left; */
	padding-left: 15px;
	padding-right: 15px;
}

.lynr {
	width: 100%;
	margin-top: 20px;
	height: 160px;
	color: #b0b0b0;
	font-size: 14px;
	padding-left: 28px;
	border-radius: 8px;
	border: none;
	background: #f5f5f5;
	padding-top: 20px;
	line-height: 24px;
}

.lynr::placeholder {
	color: #b0b0b0;
	font-size: 14px;
}

.lytj {
	width: 211px;
	height: 57px;
	background: #0046d1;
	border-radius: 15px;
	text-align: center;
	line-height: 57px;
	color: #ffffff;
	font-size: 16px;
	border: none;
	margin-top: 40px;
}

.qsrzcyzm {
	width: 50%;
	height: 60px;
	padding-left: 30px;
	line-height: 60px;
	color: #b0b0b0;
	font-size: 14px;
	line-height: 60px;
	border-radius: 8px;
	border: none;
	background: #f5f5f5;
	float: right;
	margin-top: 40px;
}

.qsrzcyzm::placeholder {
	color: #b0b0b0;
	font-size: 14px;
}

.yzm {
	float: right;
	margin-top: 40px;
	width: 40%;
}

.lxwmxtbwk {
	width: 36px;
	height: 36px;
	border: 1px solid #d0d0d0;
	border-radius: 50%;
	text-align: center;
	line-height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.lxwmlyyc {
	/* float: right; */
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	color: #777777;
	font-size: 16px;
	margin-top: 30px;
}

.dituxnr {
	overflow: hidden;
	margin-bottom: 30px;
}

.lxwmlyyc>div>div:first-child {
	float: left;
	margin-right: 15px;
}

.lxwmlyyc>div {
	overflow: hidden;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
}
@media screen and (max-width : 1300px) {
	.lianxink{
		width: 100%;
	}
}
/* 联系我们结束 */
/* 关于我们开始 */
.nyjjzcwz {
	color: #464646;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	/* padding-top: 82px; */
}

.nyjjzcfbt {
	color: #444444;
	font-size: 16px;
	line-height: 1;
	margin-top: 25px;
}

.gywmzcbtxhx {
	margin-top: 34px;
	overflow: hidden;
}

.gywmzcbtxhx>div {
	float: left;
}

.gywmzcbtxyhx {
	width: 91px;
	height: 1px;
	background: #2356ff;
}

.gywmzcbtxehx {
	width: 183px;
	height: 1px;
	background: #e2e2e2;
	margin-left: 6px;
}

.nyjjzcms {
	width: 570px;
	margin-top: 29px;
	color: #6d6d6d;
	font-size: 14px;
	line-height: 30px;
}

.gywmsjbt {
	color: #226ecd;
	font-size: 40px;
	font-family: "DIN";
	line-height: 1;
}

.gywmsjbtyc {
	color: #226ecd;
	font-size: 16px;
	line-height: 1;
}

.gywmsjbtxms {
	color: #9f9f9f;
	font-size: 14px;
	line-height: 1;
	margin-top: 4px;
}

.guwmzcsjxz {
	display: flex;
	align-items: center;
	float: left;
	margin-right: 10px;
}

.guwmzcsjxzwk {
	overflow: hidden;
	margin-top: 15px;
}

.gywmsjtpwk {
	margin-right: 18px;
}

.gywmzc {
	/* float: left; */
}

.gywmyc {
	/* float: right; */
	margin-top: 30px;
	position: relative;
}

.gywmyctpwk {
	width: 100%;
	/* height: 401px; */
	border-bottom-left-radius: 60px;
	overflow: hidden;
	border-top-right-radius: 60px;
	box-shadow: -5px 8px 13px 4px rgb(138 138 138 / 30%);


}

.gywmyctpwk img {
	max-width: 100%;
}

.gywmyctpwk .swiper-pagination-bullet {
	background: #ffffff;
	opacity: 1;
}

.gywmyctpwk .swiper-pagination-bullet-active {
	background: #ffb44a;
}

.gywmyctpwk .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.gywmyctpwk .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 8px);
}

.gywmyctpwk .swiper-horizontal>.swiper-pagination-bullets,
.gywmyctpwk .swiper-pagination-bullets.swiper-pagination-horizontal,
.gywmyctpwk .swiper-pagination-custom,
.gywmyctpwk .swiper-pagination-fraction {
	bottom: 25px;
	left: 0;
	width: 100%;
}

.gywmycxmbj {
	width: 590px;
	height: 401px;
	border-bottom-left-radius: 96px;
	overflow: hidden;
	border-top-right-radius: 96px;
	position:absolute;
	background: #ededed;
	left: -34px;
	top: 36px;
	z-index: -1;
	display: none;
}
.hxfgssbtyw {
	color: #1f5eac;
	font-size: 34px;
	font-family: "DIN";
	line-height: 1;
	padding-top: 35px;
	text-align: center;
}
.hxfgssbtyw span {
	color: #ff8d28;
}
.hxfgxzw {
	color: #1f5eac;
	font-size: 18px;
	line-height: 1;
	margin-top: 20px;
	text-align: center;
}
.nyssdwk {
	width: 100%;
	/* height: 515px; */
	padding-bottom: 30px;
	background: url(../img/ssbj.jpg) no-repeat center center;
}
.nyssxnk {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.nyssk {
	width: 80%;
	height: 59px;
	line-height: 59px;
	
	color: #808080;
	font-size: 15px;
	border: none;
	float: left;
}

.nyhxfgssdj {
	width: 323px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: #1f5eac;
	color: #ffffff;
	font-size: 14px;
	border: none;
	float: right;
}
.nyssxxnk {
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
	height: 59px;
	padding-left: 30px;
	border: 1px solid #dcdcdc;
	background: #fff;
	border-radius: 59px;
}
.ssxzycp {
	color: #888888;
	font-size: 14px;
	line-height: 32px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 38px;
	
}
.ssxzycp span {
	color: #1f5eac;
}
.ssxzycp a {
	color: #888888;
}
.nyssan {
	float: right;
	padding-right: 28px;
	line-height: 50px;
}
.gywmhxxx {
	width: 100%;
	height: 1px;
	    background: #e2e2e2;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
}
.ryzz {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.ryzz img {
	max-width: 100%;
}
@media screen and (max-width : 1300px) {
	.gywmzc {
		margin-left: 0px;
	}
}
/* 关于我们结束 */
/* 新闻资讯开始 */

.feiliaolistbk {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
div.xinwenliste{width:100%;border-bottom:1px dashed #d6d6d6;margin-left: auto;margin-right: auto;}
div.xinwenliste div.xinwenlisten{width:100%;}
div.xinwenliste div.xinwenlisten div.xinwenlistenl{width:50px;line-height:50px;font-size:20px;color:#535353;font-family:"Arial";writing-mode: vertical-rl;transition: all 0.5s ease-in-out, color 0.5s ease-in-out;transform: rotateZ(180deg);display: none;}
div.xinwenliste div.xinwenlisten div.xinwenlistenm{width:100%;overflow:hidden;}
div.xinwenliste div.xinwenlisten div.xinwenlistenm img{width:100%;transition: all 0.5s ease-in-out, color 0.5s ease-in-out;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr{width:100%;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr1{width:100%;height:28px;overflow:hidden;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr1 a.xinwenlistenr1{line-height:28px;font-size:20px;color:#202020;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr2{width:265px;height:25px;border-bottom:1px solid #e1e1e1;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr3{width:100%;height:76px;overflow:hidden;line-height:38px;font-size:14px;color:#6e6e6e;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr3 p{line-height:38px;font-size:14px;color:#6e6e6e;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr4{width:100%;height:37px;}
div.xinwenliste div.xinwenlisten div.xinwenlistenr div.xinwenlistenr4 a.xinwenlistenr4{width:131px;height:37px;display:block;background:url(../img/xinwenlistenr4.png) center center no-repeat;}
div.xinwenliste div.xinwenlisten:hover div.xinwenlistenl{margin-top:30px;}

/* 新闻资讯结束 */

/* 营销网络开始 */
.nyyxwl {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	/* height: 790px; */
	margin-bottom: 30px;
	background: url(../img/nyyxwlbj.png) no-repeat center center;
	background-size: auto 100%;
	padding-bottom: 30px;
}
.nyyxwlbt{
	color: #ffffff;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	padding-top: 30px;
	text-align: center;
	margin-top: 30px;
}
.nyyxwlbt span {
	font-size: 14px;
	    position: relative;
	    top: -6px;
}
.nyyxwlhx {
	width: 44px;
	height: 1px;
	background: rgba(255,255,255,.5);
	margin-left: auto;
	margin-right: auto;
	margin-top: 37px;
}
.nyxzlyzx {
	background: #ff9a41;
	margin-top: 45px;
}
.nyxzlyzx a {
	color: #fff;
}
/* 营销网络结束 */


div.publicheadnav:hover div.publicheadnavbghover{ height:3rem;}
div.publicheadnav:hover div.publicheadnavxialaback{ height:3rem;}

div.publicheadsousuoback{ width:22px; height:80px; background:url(../img/sousuo.png) center no-repeat;position:relative; cursor:pointer; z-index:9999;}

div.publicheadss{ width:291px; height:0; background:url(../img/top_down.png) center no-repeat; overflow:hidden; transition:all 0.5s ease-in-out; position:absolute;    left: -222px;
    top: 80px;}

div.publicsousuoleftback{ width:225px; height:30px; margin-left:9px; margin-top:19px; float:left; border-bottom:#868585 1px solid;line-height: 30px;}

div.publicsousuoleftback input{ width:100%; height:100%; line-height:30px; background:none; border:none; outline:none; color:#868585;}

div.publicsousuoright{ width:22px; height:22px; float:right; margin-right:21px; margin-top:22px; background:url(../img/nyssan.png) center no-repeat;background-size: 100% 100%;}

div.publicsousuoright input{ width:100%; height:100%;  display:block; cursor:pointer; background:none; border:none; outline:none;}



div.publicheadsousuoback:hover div.publicheadss{ height:65px;transition:all 0.5s ease-in-out;} 




/* 内容详情开始 */
.nrxqbt {
	color: #464646;
	    font-size: 24px;
	    font-weight: bold;
	    line-height: 1.4;
		text-align: center;
		width: 100%;
		    padding-top: 10px;
		    padding-bottom: 30px;
		    border-bottom: 1px solid #efefef;
}
.nrxqnr {
	color: #8c8c8c;
	    font-size: 16px;
	    line-height: 30px;
	    padding-top: 29px;
	    padding-bottom: 66px;
}
.nrxqnr img {
	max-width: 100%;
}
.nrxqnr video {
	max-width: 100%;
}
.xxnrfy {
	height: 0.25rem;
	    overflow: hidden;
	    line-height: 0.25rem;
	    font-size: 0.14rem;
	    color: #a9a9a9;
	    transition: .5s all;
		    display: flex;
		    justify-content: space-between;
			margin-bottom: 50px;
}
.xxnrfy a {
	 color: #a9a9a9;
	 
}
@media screen and (max-width: 1440px) {
	.nybnwzwk {
		margin-left: -570px;
		width: 95%;
		    margin-left: -47.5%;
			padding-left: 23px;
	}
	.liuyanzuoce {
		margin-left: 0;
	}
	.depysjwk {
		top: 17%;
	}
	.dwpxwwk {
		padding-top: 1.15rem;
	}
	.dspckgd {
		margin-top: .1rem;
	}
	.dwpycxwk a {
		padding: 20px 0;
	}
	/* .dwpzctpwk img {
		height: 368px;
	} */
}
/* 内容详情结束 */

@media screen and (max-width : 1200px) {
	.yjdh {
		margin-left: 0;
	}
	.sydspms {
		margin-top: 10px;
	}
	.cpnywk {
		width: 100%;
	}
	.cpnymg {
	    width: 100%;
	    /* height: 357px; */
	    margin-top: 30px;
	    /* float: left; */
	    margin-left: 0px;
	}
}
@media screen and (max-width: 1440px) {
	.neyewk {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		
	}
}






.menuph{       width: 0.8rem;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0.4rem;
    right: 0;
    z-index: 99;
	}
.menuph .point {
    width: .44rem;
    right: .25rem;
    position: relative;
    margin-left: .24rem;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {   width:.37rem;  }
.menuph .navbtn {  position: absolute;   right: 0;  display: inline-block;  width:.37rem;  height: .06rem;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff; border-radius: 25px;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width:.37rem;  height: .06rem;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;border-radius: 25px;   }
.menuph .navbtn::after {  top:.14rem;  }
.menuph .navbtn::before {  top:.27rem;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: .11rem;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: .11rem;  }


.xialaph{      left: 0;
    top:1rem;
    float: left;
    width: 100%;
    height: 116%;
    overflow-y: scroll;
	
    display: none;
    z-index: 1000;
    position: absolute;
    background: #313131;
    overflow-x: hidden;
	}
.xialaph .ul1{ float: left;width:100%;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{        float: left;
    width: 100%;
    color: #bebebe;
    font-size: .26rem;
    line-height:.6rem;
    font-weight: normal;
	text-align:center;}
.xialaph h4 a span{ padding-left:.06rem; color:#ccc; font-size:.18rem;}
.xialaph h4{     float: left;
    width: 100%;
    position: relative;
    }
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0.01rem;  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #fff; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 0.01rem; /*opacity: 0.1;*/  }


.xialaph h5{ display:inline-block; width:100%;position: relative;  border:none;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 0.01rem; /*opacity: 0.05;*/  }
.xialaph .ul2
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{     width: 0.15rem;
    height: 0.08rem;
    float: right;
    margin-top: 0.29rem;
    cursor: pointer;
    margin-right: 7%;
	position:absolute; left:50%; margin-left:-0.07rem; }
.xialaph h5 img{     width: 0.15rem;
    height: 0.08rem;
    float: right;
    margin-top: 0.29rem;
    cursor: pointer;
    margin-right: 3%; }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 0.4rem; text-align:center;}
.xialaph .ul3{    float: left;
    width: 100%;
    padding: 0.12rem 0 0.16rem 0.02rem;
    position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{      color: #333;
    font-size: 0.18rem;
    line-height: 0.43rem;
    display: block;  }
.xialaph .ul3 li{  padding-top: 0.05rem; margin: auto; width: 90%;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 0.4533333rem;}
.xialaph .phsou input{  width: 100%;  height: 0.56rem;  background-color: #fff; color: #aaa;  font-size: 0.14rem;  padding-left: 0.2rem;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 0.21rem;  height: 0.22rem;  position: absolute;  top: 0.17rem; right: 0.29rem;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  } 
.img_d, .disno{  display: none;  }


.xialaph h4.active a{color: #fff;}


.xialaph h5 a{     float: left;
    width: 100%;
    color: #9a9a9a;
    font-size: 0.2rem;
    line-height: 0.47rem;
    text-transform: uppercase;
    font-weight: normal; }
.xialaph h5.active a{color: #fff;}

.xialaph .ul2{ padding:0.15rem 0; background:#434343;}

.xialaph .ul2 li{ width:100%; display:inline-block;}
.ul1 li{ margin-top:0.15rem;}

div.indexnavback{ width:100%; height: auto; padding: 0.15rem 0;background: rgb(1,52,157);}

div.indexnavlogo{ margin-left: 0.1rem; margin-top: 0.23rem;}

div.indexnavlogo img{  height: 0.3rem;}

div.indexoneback{ width: 100%; height: auto; margin-top: 0.6rem;}

div.indexonetitle{ width: 100%; height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: 0.6rem; font-weight: 700;}

div.indexonepic{ width: 50.4%; height: auto; margin: auto; margin-bottom: 0.5rem;}

div.indexonepic img{ width: 100%;}

div.indexonedesc{ width: 100%; height: auto; padding: 0 15px; line-height: 0.6rem; color: #fff; font-size: 0.3rem;}
div.indexonedesc img{ max-width:100%; }

div.indexonemore{ width: 3rem; height: .7rem; line-height: 0.7rem; text-align: center; border: 1px solid #33a457; color: #33a457; font-size: .24rem; border-radius:30px; margin:0.8rem auto;}

div.indexonemore a{ display: block; width: 100%; height: 100%;color: #33a457;}

div.indextwoback{ width: 100%; height: auto; background-image: linear-gradient(#3b9a62, #185833); padding-top: 0.4rem;}

div.indextwotitlecn{ width: 100%; height: .92rem; line-height: .92rem; text-align: center; color: #ffffff; font-size: 0.6rem; font-weight: 700;}

div.indextwotitleen{ width: 100%; height: .5rem; line-height: .5rem; text-align: center; color: #e8e218; font-size: 0.38rem; font-style: italic; text-transform: uppercase;font-family:'BEBAS';}

div.indextwoqiehuanbk{ width: 100%; height:auto; }

div.indextwopic{ width: 100%; height: auto; text-align: center;}

div.indextwopic img{ max-width: 100%;}

div.indexthreeback{ width: 100%; height: 2rem; text-align: center; line-height: 2rem; color: #262626; font-size: 0.6rem; font-weight: 700;}

div.indexthreelist{ width: 90%; height:auto;  padding: 0.25rem 0; margin: auto; border-radius: 15px; background: #f3f3f3; margin-bottom: 0.3rem;  }

div.indexthreelistleft{ width: 19.8%; height: auto; float: left; margin-left: 4.2%;   }

div.indexthreelistleft img{ width: 100%; height: auto;}

div.indexthreelistright{ width: 66.8%; float: right; margin-right: 4%;}

div.indexthreelistrighttitle{ width: 100%; height: .5rem;font-family:'NEXABOLD'; line-height: .5rem; overflow: hidden; color: #333333; font-size: .26rem; }

div.indexthreelistright_2{ width: 100%; height: .4rem;font-family:'NEXABOLD'; line-height: .4rem; color: #112316; font-size: .2rem;}

div.indexthreelistright_3{ width: 100%; height: .4rem; line-height: .4rem; color: #38a459; font-size: .22rem;}

div.indexfourback{ width: 100%; height: auto; padding: 0 4.8%;}

div.indexfournav{ width: 48.4%; float: left; margin-right: 3%; margin-bottom: .26rem;}

div.indexfournav:nth-child(2n){ margin-right: 0;}

div.indexfournav img{ width: 100%; height: auto;}

div.indexfiveback{ width: 100%; height: auto;  padding: 0 4.8%;}

div.indexfivenav{ width: 46%; padding: 0.15rem 0; text-align: center; border-radius: 10px; margin-right: 8%; height: auto; border: 1px solid #e6e6e6; float: left; margin-bottom: 0.3rem;}

div.indexfivenav:nth-child(2n){ margin-right: 0;}

div.indexfivenav img{ height: 90%; width: 90%; }

div.publicfooterback{ width: 100%; height: auto; background: #fff; padding-bottom: 1.2rem;}

div.publicfootertoppic{ width: 100%; height: auto;}

div.publicfootertoppic img{ width: 100%;}

div.publicfooterbottomzhubantitle{ width: 100%; height: 0.8rem; line-height: 0.8rem; margin-top: 0.4rem; color: #ffffff; font-size: 0.48rem; font-weight: 700; text-align: center;}

div.publicfooterbottomzhubanlist{ width: 100%;padding: 0 4.8%; height: auto; line-height: 0.6rem; font-size: 0.22rem;  color: #ffffff;word-break:keep-all; text-align: center;}

div.publicfooterbottomzhubanlist a{ color: #fff; font-size: 0.3rem; margin: 0 0.1rem;}

div.publicfooterbottomzhubanewm{ width:20.8%; height: auto; margin: auto; margin-top: 0.4rem;}

div.publicfooterbottomzhubanewm img{ width: 100%;}




div.nyxxback{ width:100%;  padding: 0 15px; height:auto; margin:auto; margin-bottom:15px;}

div.xinwenxxback{ width:100%; height:auto; margin:auto;}

div.xinwenxxtopdata{  width:100%; height:.38rem; border-bottom:#d0d0d0 1px solid; line-height:.38rem; text-align:left; color:#a2a2a2; font-size:12px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:30px; text-align:left; color:#323232; font-size:18px;}

div.xinwenxxtopcontent{   width:100%; height:auto; line-height:30px; color:#7e7d7d; font-size:16px; }

div.xinwenxxtopcontent img{  max-width:100%; }

div.xinwenxxtopsyy{ width:100%; float:left; transition:all 0.5s ease-in-out;}

div.xinwenxxtopsyytitle{ width:100%; margin:auto; line-height:29px; color:#7e7d7d; font-size:14px; }

div.xinwenxxtopsyytitle a{ color:#7e7d7d; transition:all 0.5s ease-in-out;}

div.cd_peixunbk{ width: 100%; height: 100vh; background: url(../img/footerballbg.jpg) center bottom no-repeat; background-size:100%;}

div.cd_peixuntitle{ width: 100%; height: auto; line-height: 1.5; text-align: center; color: #2e0400; font-size:0.36rem; font-weight: 700; margin-top: 0.5rem; margin-bottom: 0.5rem;}

div.cd_peixun_nav{ width: 90%; line-height:4; text-align: center; margin: auto; border-radius: 25px; background: #33a457; margin-bottom:0.3rem;}

div.cd_peixun_nav a{ width: 100%; height: 100%; display: block;  color:#fff; font-size: 0.22rem;}