*{
	padding: 0px;
	margin: 0px;
	font-family: 'Verdana';
}
html{
	overflow-x: hidden;
}
@font-face {
	font-family: SourceHanSansCN-Bold;
	src: url("../css/fonts/SourceHanSansCN-Bold.woff2") format("woff2");
}

@font-face {
	font-family: SourceHanSansCN-Normal;
	src: url("../css/fonts/SourceHanSansCN-Normal.woff2") format("woff2");
}

@font-face {
	font-family: SourceHanSansCN-Medium;
	src: url("../css/fonts/SourceHanSansCN-Medium.woff2") format("woff2");
}

@font-face {
	font-family: SourceHanSansCN-Regular;
	src: url("../css/fonts/SourceHanSansCN-Regular.woff2") format("woff2");
}

@font-face {
	font-family: SourceHanSansCN-Light;
	src: url("../css/fonts/SourceHanSansCN-Light.woff2") format("woff2");
}
ul,li{
	/* list-style: none; */
}
/* change by follwdown */
@media (min-width: 1280px) {
	.mySwiper{
		display: none;
	}
	.scrolled{
		transition: all 0.57s;
		background-color: #ffffff !important;
	}
	.scrolltexted{
		color: #343434 !important;
	}
	.scrollsearched{
		background-color: #f5f7f8 !important;
	}
	.scrollsearchtexted{
		color: #999999 !important;
	}
	.scrollogo{
		display: none;
	}

	.header{
		height: 80px;
		width: 100%;
		display: block;
		justify-content: center;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.navbox{
		margin: 0 auto;
		width: 1360px;
		height: 80px;
		position: relative;
	}
	.navbox div.logo{
		font-size: 27px;
		color: white;
		display: block;
		height: 24px;
		width: 168px;
		position: absolute;
		top: 20px;
		left: 6px;
	}
	.scrollshow{
		display: block;
	}
	.sctarget{
		transition: all 0.8s;
	}
	.navbox ul.menulist{
		font-size: 27px;
		color: white;
		display: block;
		height: 24px;
		position: absolute;
		top: 29px;
		left: 392px;
		cursor: pointer;
		transition: all 0.57s;
	}
	.navbox li.menuitem:first{
		display: inline-block;
		float: left;
		margin-left: 0px;
		position: relative;
		font-size: 18px;
		letter-spacing: 1.1px;
		font-family:  SourceHanSansCN-Regular;
	}
	.navbox li.menuitem{
		display: inline-block;
		float: left;
		margin-left: 67px;
		position: relative;
		font-size: 18px;
		letter-spacing: 1.1px;
		font-family:  SourceHanSansCN-Regular;
	}
	.navbox li.menuitem a{
	        color :#343434;
	        font-size: 18px;
		letter-spacing: 1.1px;
		font-family:  SourceHanSansCN-Regular;
	}

	.menusearch{
		float: right;
		margin-left: 56px;
		font-size: 18px;
		width: 163px;
		position: absolute;
		right: -222px;
		top: -6px;
		background-position-x: -11px;
		background: rgba(255,255,255,0.11);
		height: 40px;
		border-radius: 20px;

	}
	.menusearch .glass{
		position: absolute;
		top: 11px;
		left: 18px;
		display: none;
	}
	.menusearch .glass_sc{
		position: absolute;
		top: 11px;
		left: 18px;
	}
	.menusearch .search{
		outline:medium;
		width: 100px;
		padding-right: 10px;
		position: absolute;
		top: 8px;
		right: 11px;
		font-size: 16px;
		border: 0;
		background: rgba(255,255,255,0);
		color: #FFFFFF;
	}
	input.search::-webkit-input-placeholder {
	  font-size: 15px;
	}
	.menubuttom{
		float: right;
		margin-left: 56px;
		font-size: 18px;
		width: 40px;
		position: fixed;
		top: 23px;
		right: 270px;
		background-position-x: -11px;
		background: rgba(255,255,255,0.11);
		height: 40px;
		border-radius: 20px;
		z-index: 901 !important;
		cursor: pointer;
	}

	.nv{
		background-color: #f5f7f8 !important;
	}

	.menubuttom img.thr{
		position: absolute;
		top: 14px;
		left: 13px;
		display: none;
	}
	.menubuttom img.thr_sc{
		position: absolute;
		top: 14px;
		left: 13px;
	}
	/* extension */
	.extop{
		height: 60px;
		position: fixed;
		top: 20vh;
		right: 0;
		background-color: #FFFFFF;
		z-index: 1000;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
	    box-shadow: 0px 0px 20px #9393931c;
	}
	.ex{
		width: 55px;
		height: 280px;
		position: fixed;
		top: 30vh;
		right: 0;
		background-color: #FFFFFF;
		z-index: 1000;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
	    box-shadow: 0px 0px 20px #9393931c;
	}
	.exposition{
		width: 55px;
		height: 280px;
		position: fixed;
		top: 30vh;
		right: 165px;
		z-index: 1000;
	}
	.exposition .phone{
		display: none;
	}
	.exposition .douyin{
		display: none;
		position: absolute;
		top: 70px;
		
	}
	.exposition .weiChat{
		display: none;
		position: absolute;
		top: 180px;
		
	}
	.ex img{
		cursor: pointer;
	}



	/* popup */
	.popup{
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh !important;
		background: #ffffff;
		z-index: 500;
	}
	.popup .popup_l{
		flex: 0.3;
		height: 100%;
		background-color: #f0f3f8;
	}
	.popup .popup_l img{
		padding: 25px 0px 0px 40px;
	}
	.popup .popup_l .menu{
		margin-right: 95px;
		float: right;
		
	}
	.popup .popup_l .menu ul{
		list-style: octal !important;
		list-style-image: url(../img/3.0/index/sy_cddian.png) !important;
	}
	.popup .popup_l .menu ul li.sp{
		font-size: 38px;
	}
	.popup .popup_l .menu ul li{
		font-family: 'SourceHanSansCN-Bold';
		font-size: 26px;
		margin-bottom: 95px;
		color: #3e4042;
		padding-left: 18px;
		letter-spacing: 2px;
	}
	.popup .popup_r{
		flex: 0.7;
		height: 100%;
	}
	.popup .popup_r .tool{
		padding: 23px 57px 0px 0px;
		display: flex;
		justify-content: flex-end;
	}
	.popup .popup_r .tool .menu_b{
		margin-right: 12px;
		font-size: 18px;
		width: 40px;
		background-position-x: -11px;
		background: #f0f3f8;
		height: 40px;
		border-radius: 20px;
		cursor: pointer;
		
		display: none;
	}
	.popup .popup_r .tool .menu_b img{
		padding-top: 14px;
		padding-left: 13px;
	}
	.popup .popup_r .tool .menu_s{
		margin-left: 16px;
		font-size: 18px;
		width: 204px;
		background-position-x: -11px;
		background: #f0f3f8;
		height: 40px;
		border-radius: 20px;
		display: flex;
		align-items: center;	
	}
	.popup .popup_r .tool .menu_s img{
		padding-left: 27px;
		padding-right: 15px;
	}
	.popup .popup_r .tool .menu_s p{
		font-size: 14px;
		font-family: 'SourceHanSansCN-Normal';
		color: #777e89;
		letter-spacing: 2px;
	}
	.popup .popup_r .menu_c{
		width: 1000px;
		height: 288px;
		margin-top: 65px;
		margin-left: 90px;
		display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
	    align-content: space-between;
	    justify-content: space-between;
	}
	.popup .popup_r .menu_c .m_pro{
		width: 300px;
		height: 130px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		position: relative;
	}
	.popup .popup_r .menu_c .m_pro img{
		z-index: 10;
		padding-right: 40px;
	}
	.popup .popup_r .menu_c .m_pro p{
		font-size: 24px;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 4px;
		z-index: 10;
	}
	.popup .popup_r .menu_c .m_mask{
		position: absolute;
		top: 0;
		left: 0;
		background-color: #00000045;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.popup .popup_r .menu_d{
		width: 1000px;
		height: 288px;
		margin-top: 30px;
		margin-left: 90px;
		display: flex;
	    flex-wrap: wrap;
	    flex-direction: row;
	    align-content: space-between;
	    justify-content: space-between;
	}
	.popup .popup_r .menu_d .m_pro{
		width: 300px;
		height: 130px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #3b3b3b;
		position: relative;
		box-shadow: 1px 5px 33px #e1e1e1;
	        border-radius: 20px;
	}
	.popup .popup_r .menu_d .m_pro img{
		z-index: 10;
		padding-right: 23px;
	}
	.popup .popup_r .menu_d .m_pro p{
		font-size: 24px;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 4px;
		z-index: 10;
	}
	.popup .popup_r .menu_d .m_mask{
		position: absolute;
		top: 0;
		left: 0;
		background-color: #00000045;
		z-index: 1;
		width: 100%;
		height: 100%;
	}
	.popup .popup_r .menu_e{
		width: 1000px;
		height: 288px;
		margin-top: 40px;
		margin-left: 90px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: space-between;
		justify-content: space-between;
	}
	.popup .popup_r .menu_e .m_pro{
		width: 997px;
		height: 82px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #204578;
		position: relative;
	}
	.popup .popup_r .menu_e .m_pro p{
		font-size: 24px;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 4px;
		z-index: 10;
	}


	input::-webkit-input-placeholder { /* WebKit browsers */
	  color: #FFFFFF;
	  font-size: 14px;
	  text-align: right;
	}
	input.sc::-webkit-input-placeholder { /* WebKit browsers */
	  color: #999999 !important;
	}

	input::-moz-placeholder { /* Mozilla Firefox 19+ */
	  color: #FFFFFF;
	  font-size: 14px;
	  text-align: right;
	}

	input:-ms-input-placeholder { /* Internet Explorer 10+ */
	  color: #FFFFFF;
	  font-size: 14px;
	  text-align: right;
	}   

	.contentbox{
		background-color: grey;
		position: relative;
		z-index: 1;
	}

	.swiper {
	    width: 100%;
	    height: 760px;
	}
	.swiper-slide{
		color: white;
	}
	.slide-inner {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-size: 1920px 760px;

	}

	.swiper-slide .text{
		position: absolute;
		top: 215px;
		left: 280px;
		
	}
	.swiper-slide .text .pf1{
		font-size: 55px;
		margin-bottom: 5px;
		font-family: SourceHanSansCN-Medium;
	}
	.swiper-slide .text .pf2{
		font-size: 40px;
		margin-bottom: 64px;
		font-family: SourceHanSansCN-Light;
	}
	.swiper-slide .text .pf3{
		font-size: 20px;
		font-family: SourceHanSansCN-Light;
	}
	/* 定制banner */
	.swiper-slide .b1 .pf1{
		font-size: 50px;
		margin-bottom: 15px;
		font-family: SourceHanSansCN-Regular;
		letter-spacing: 2px;
	}
	.swiper-slide .b1 .pf2{
		font-size: 36px;
		margin-bottom: 56px;
		font-family: SourceHanSansCN-Light;
		letter-spacing: 4px;
	}
	.swiper-slide .b1 .pf3{
		width: 163px;
		height: 51px;
		background-color: #1275fe;
		font-size: 20px;
		font-family: SourceHanSansCN-Light;
		border-radius: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 2px;
	}
	.swiper-slide .b2 .pf1{
		font-size: 50px;
		margin-bottom: 35px;
		font-family: SourceHanSansCN-Regular;
		letter-spacing: 2px;
		line-height: 70px;
	}
	.swiper-slide .b2 .pf2{
		font-size: 36px;
		margin-bottom: 0px;
		font-family: SourceHanSansCN-Light;
		letter-spacing: 4px;
	}
	.swiper-slide .b2 .pf3{
		height: 51px;
		font-size: 25px;
		font-family: SourceHanSansCN-Light;
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 2px;
		color: #e4ff04;
	}

	.bannerbox{
		display: block;
		width: 100%;
		height: 760px;
		position: relative;	
		overflow: hidden;
	}
	.bannerbox-list{
		width: 7680px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0;
		margin: 0;
		list-style: none;
		animation: banner-swipe 10s ease-in infinite;
	}
	/* 内容 */
	.cmsbox{
		margin-top: 80px;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #ffffff;
	}
	.cmsbox .bread{
		width: 100%;
		background-color: #eff3f8;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}	
	.cmsbox .bread .nov{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		width: 1360px;
		height: 55px;
	        color: #3e4145;
	}
	.cmsbox .bread .nov a{
		font-family: 'SourceHanSansCN-normal';
		font-size: 16px;
		color: #3e4145;
		letter-spacing: 1px;
	}
	.cmsbox .bread .nov p{
		color: #a5a9aa;
		display: inline-block;
		margin: 0px 13px 0 13px;
	}
	.cmsbox .news_box{
		width: 1360px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: flex-start;
		position: relative;
	}
	.cmsbox .news_box .news_title{
		display: flex;
		flex-wrap: wrap;
	        flex-direction: column;
		width: 1036px;
		min-height: 215px;
		margin-left: 62px;
		align-content: flex-start;
		justify-content: flex-start;
		letter-spacing: 3px;
		border-bottom: 1px solid #ededed;
	}
	/* 文本内容样式删除 */
	.cmsbox  .news_box  .news_title p{
		color: #1d242d;
		font-size: 40px;
		font-family: 'SourceHanSansCN-regular';
		margin-top: 70px;
		margin-bottom: 15px;
	}
	.cmsbox  .news_box  .news_title .tag{
		width: 219px;
		min-height: 35px;
		background-color: #f5f5f5;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #74787f;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 17.5px;
		letter-spacing: 0.5px;
	        margin-bottom: 15px;
	}
	.cmsbox  .news_box  .news_title .tag img{
		margin-right: 5px;
	}
	.cmsbox .news_box .news_content{
		line-height: 35px;
		width: 1036px;
		min-height: 450px;
		margin-left: 62px;
		border-bottom: 1px solid #ededed;
		color: #1d242d;
		font-family: 'SourceHanSansCN-Normal';
	}


	/* ↑ */
	.cmsbox .news_box .news_jump{
		display: flex;
		flex-wrap: wrap;
		width: 1036px;
		margin-left: 62px;
		height: 50px;
		color: #72777e;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 48px;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_jump .pre a{
		color: #72777e;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_jump .next a{
		color: #72777e;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_share{
		width: 60px;
		height: 400px;
		color: #000000;
		position: absolute;
		top: 250px;
		right: 90px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
	}
	.cmsbox .news_box .news_share p{
		color: #585e65;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 16px;
	        width: 35px;
	}
	.cmsbox .news_box .news_share img{
		margin-top: 22px;
	}

	.footer{
		display: block;
		background: #343740;
		display: flex;
		justify-content: center;
	}
	.footer .footbox{
		width: 1388px;
	}
	.footer .footbox .topbox{
		width: 1388px;
		border-bottom: 1px solid #4b4e5a;
		display: flex;
		justify-content: space-between;
	}
	.footer .footbox .topbox .tabbox{
		width: 240px;
		height: 305px;
		position: relative;
	}
	.footer .footbox .topbox .tabbox p{
		display: block;
		width: 240px;
		height: 62px;
		border-bottom: 2px solid #6d7080;
		font-size: 16px;
		line-height: 72px;
		color: #ffffff;
		
	}
	.footer .footbox .topbox .tabbox p.shade{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 73px;
		height: 62px;
		border-bottom: 2px solid #4e73c8;
		font-size: 16px;
		line-height: 72px;
		color: #ffffff;
	}

	.footer .footbox .topbox .tabbox tel{
		margin-top: 28px;
		display: flex;
		width: 240px;
		height: 48px;
		font-size: 23px;
		color: #a5a8bb;
		line-height: 48px;
		font-family: arial;
		font-weight: bold;
		
	}
	.footer .footbox .topbox .tabbox mail{
		margin-top: 17px;
		display: flex;
		width: 240px;
		height: 48px;
		font-size: 17px;
		color: #a5a8bb;
		line-height: 48px;
		font-family: arial;
		font-weight: bold;
		
	}
	.footer .footbox .topbox .tabbox logo{
		margin-top: 17px;
		display: block;
		width: 240px;
		height: 48px;
		font-size: 16px;
		color: #a5a8bb;
		
	}
	.footer .footbox .topbox .tabbox logo img{
		padding-top: 8px;
	}
	.footer .footbox .topbox .tabbox tit.t1{
		margin-top: 28px;
	}
	.footer .footbox .topbox .tabbox tit{
		margin-top: 15px;
		display: block;
		width: 240px;
		font-size: 14px;
		font-family: SourceHanSansCN-Regular;
		color: #a5a8bb;
		
	}

	.footer .footbox .topbox .tabbox .tbl{
		width: 110px;
		display: inline-block;
	}
	.footer .footbox .topbox .tabbox .tbl tit{
		width: 110px;
		display: inline-block;
	}
	.footer .footbox .topbox .tabbox .tbl tit.t2{
		margin-top: 28px;
	}

	.tabbox .tel{
		font-family: Arial;
		font-size: 23px;
		font-weight: bold;
	}


	.bottombox{
		width: 1388px;
	}
	.bottombox p{
		line-height: 48px;
		width: 1388px;
		height: 48;
		display: block;
		font-size: 14px;
		font-family: "lucida Grande",Verdana,sans-serif;
		color: #a5a8bb;
	}
	.bottombox .friendli{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.bottombox .friendlink{
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
		margin-bottom: 23px;
	}
	.bottombox .friendli .fri_c{
		display: block;
	        margin-right: 20px;
	}
	.bottombox .friendlink .fri_block{
		display: flex;
		justify-content: space-around;
		align-content: space-around;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100px;
		height: 35px;
		font-size: 14px;
		font-family: SourceHanSansCN-Regular;
		background-color: #2e3139;
		color: #a5a8bb;
		margin-right: 11px;
		text-decoration: none;
	}



	.bq{
		display: flex;
		justify-content: center;
		width: 100%;
		height: 52px;
		background: #3a3d46;
	}
	.bq .bqtext{
		display: flex;
		align-items: center;
		width: 1388px;
		height: 52px;
		font-size: 14px;
		color: #a5a8bb;
	}
	.bq .bqtext a{
		color: #a5a8bb;
		text-decoration: none;
	}
}

/* =================================res======================================= */
@media (max-width: 1279px) {
	.scrolled {
		/* transition: all 0.57s;
		background-color: #ffffff !important; */
	}
	
	.scrolltexted {
		/* color: #343434 !important; */
	}
	
	.scrollsearched {
		/* background-color: #f5f7f8 !important; */
	}
	
	.scrollsearchtexted {
		/* color: #999999 !important; */
	}
	
	.scrollogo {
		/* display: none; */
	}
	
	.contentbox{
		display: none;
	}

	.cmsbox_p2 .cmsbox_pb2 .box_c p a{
		font-family: 'SourceHanSansCN-Regular';
		font-size: 16px;
		color: #585858;
	}

	.cmsbox_p3 .cmsbox_pb2 .box_c p a{
		font-family: 'SourceHanSansCN-Regular';
		font-size: 16px;
		color: #ffffff;
	}

	.cmsbox .introbox1 .pn_bto p a{
		font-family: 'SourceHanSansCN-Regular';
		font-size: 16px;
		color: #585858;
	}
	
	.header {
		height: 80px;
		width: 100%;
		display: block;
		justify-content: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.navbox {
		margin: 0 auto;
		max-width: 1360px;
		height: 80px;
		position: relative;
	}

	.navbox div.logo {
		font-size: 27px;
		color: white;
		display: block;
		height: 24px;
		width: 168px;
		position: absolute;
		top: 20px;
		transform: translate(-50%);
		left: 50%;
	}

	.scrollshow {
		display: none !important;
	}

	.sctarget {
		transition: all 0.8s;
		height: auto;
		width: auto\9;
		width: 100%;

	}

	.navbox ul.menulist {
		font-size: 27px;
		color: white;
		display: block;
		height: 24px;
		position: absolute;
		top: 110px;
		transform: translate(-50%);
		left: 50%;
		cursor: pointer;
	}

	.navbox li.menuitem:first {
		display: none;
		height: 80px;
		float: left;
		margin-left: 0px;
		position: relative;
		font-size: 18px;
		letter-spacing: 1.1px;
		font-family: SourceHanSansCN-Regular;
	}

	.navbox li.menuitem {
		display: none;
		height: 80px;
		float: left;
		margin-left: 67px;
		position: relative;
		font-size: 18px;
		letter-spacing: 1.1px;
		font-family: SourceHanSansCN-Regular;
	}

	.menusearch {
		float: right;
		font-size: 18px;
		width: 72vw;
		max-width: 400px;
		background-position-x: -11px;
		background: rgba(255, 255, 255, 0.11);
		height: 40px;
		border-radius: 20px;

	}

	.menusearch .glass {
		position: absolute;
		top: 11px;
		left: 18px;
	}

	.menusearch .glass_sc {
		position: absolute;
		top: 11px;
		left: 18px;
		display: none !important;
	}

	.menusearch .search {
		outline: medium;
		width: 55vw;
		max-width: 326px;
		padding-right: 10px;
		position: absolute;
		top: 10px;
		right: 11px;
		font-size: 16px;
		border: 0;
		background: rgba(255, 255, 255, 0);
		color: #FFFFFF;
		text-align: right;
	}

	input.search::-webkit-input-placeholder {
		font-size: 15px;
		color:#ffffff;
	}

	.menubuttom {
		float: right;
		margin-left: 4%;
		font-size: 18px;
		width: 40px;
		position: fixed;
		top: 23px;
		left: 0;
		background-position-x: -11px;
		background: rgba(255, 255, 255, 0.11);
		height: 40px;
		border-radius: 20px;
		z-index: 901 !important;
		cursor: pointer;
	}

	.cd-overlay-nav,
	.cd-overlay-content {
		position: fixed !important;
		left: 0 !important;
		margin-left: 10% !important;
	}

	.cd-primary-nav {}


	.nv {
		background-color: #f5f7f8 !important;
	}

	.menubuttom img.thr {
		position: absolute;
		top: 14px;
		left: 13px;
	}

	.menubuttom img.thr_sc {
		position: absolute;
		top: 14px;
		left: 13px;
		display: none;
	}

	/* extension */
	.extop {
		height: 60px;
		position: fixed;
		top: 20vh;
		right: 0;
		background-color: #FFFFFF;
		z-index: 1000;
		display: none;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
		box-shadow: 0px 0px 20px #9393931c;
	}

	.ex {
		display: none;
		width: 55px;
		height: 280px;
		position: fixed;
		top: 30vh;
		right: 0;
		background-color: #FFFFFF;
		z-index: 1000;
		display: none;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
		box-shadow: 0px 0px 20px #9393931c;
	}

	.exposition {
		display: none;
		width: 55px;
		height: 280px;
		position: none;
		top: 30vh;
		right: 25vh;
		z-index: 1000;
	}

	.exposition .phone {
		display: none;
	}

	.exposition .douyin {
		display: none;
		position: fixed;
		top: 41vh;
		right: 9vh;
	}

	.exposition .weiChat {
		display: none;
		position: fixed;
		top: 57vh;
		right: 9vh;
	}

	.ex img {
		cursor: pointer;
	}

	/* popup */
	.popup {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh !important;
		background: #ffffff;
		z-index: 500;
	}

	.popup .popup_l {
		flex: 0.34;
		height: 100%;
		background-color: #f0f3f8;
	}

	.popup .popup_l .logo{
		display: flex;
		justify-content: center;
		position: unset;
		top: 0;
		left: 0;
		transform: none;
		width: unset;
		height: unset;

	}

	.popup .popup_l img {
		width: 28vw;
		margin-top: 90px;
	}

	.popup .popup_l .menu {
		margin-top: 20px;
	}

	.popup .popup_l .menu ul {
		list-style: none;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.popup .popup_l .menu ul li.sp {
		font-size: 3.5vw;
	}

	.popup .popup_l .menu ul li {
		font-family: 'SourceHanSansCN-Bold';
		font-size: 3.5vw;
		color: #3e4042;
		letter-spacing: 2px;
		font-weight: bold;
		margin: 6vw 0;
	}

	.popup .popup_r {
		flex: 0.66;
		height: 100%;
	}

	.popup .popup_r .tool {
		display: flex;
		justify-content: flex-end;
		margin-right: 3vw;
		margin-top: 23px;
	}

	.popup .popup_r .tool .menu_b {
		margin-right: 12px;
		font-size: 18px;
		width: 40px;
		background-position-x: -11px;
		background: #f0f3f8;
		height: 40px;
		border-radius: 20px;
		cursor: pointer;

		display: none;
	}

	.popup .popup_r .tool .menu_b img {
		padding-top: 14px;
		padding-left: 13px;
	}

	.popup .popup_r .tool .menu_s {
		margin-left: 16px;
		font-size: 18px;
		width: 27vw;
		min-width: 120px;
		background-position-x: -11px;
		background: #f0f3f8;
		height: 5.4vw;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.popup .popup_r .tool .menu_s img {
		padding-left: 3.5vw;
		padding-right: 2.5vw;
		width: 2.5vw;
	}

	.popup .popup_r .tool .menu_s p {
		font-size: 1.8vw;
		font-family: 'SourceHanSansCN-Normal';
		color: #777e89;
		letter-spacing: 2px;
	}

	.popup .popup_r .menu_c {
		width: 100%;
		height: auto;
		margin-top: 7.7vw;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: space-between;
		justify-content: space-evenly;
	}

	.popup .popup_r .menu_c .m_pro {
		width: 28vw;
		height: 13vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #ffffff;
		margin-bottom: 1.4vw;
		position: relative;
		border-radius: 6px;
		background-size: cover;
	}

	.popup .popup_r .menu_c .m_pro img {
		z-index: 10;
		padding-right: 2vw;
		width: 6vw;
	}

	.popup .popup_r .menu_c .m_pro p {
		font-size: 3vw;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 4px;
		z-index: 10;
	}

	.popup .popup_r .menu_c .m_mask {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #00000045;
		z-index: 1;
		width: 100%;
		height: 100%;
		border-radius: 6px;
	}

	.popup .popup_r .menu_d {
		width: 100%;
		height: auto;
		margin-top: 3.7vw;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: space-between;
		justify-content: space-evenly;
	}

	.popup .popup_r .menu_d .m_pro {
		width: 28vw;
		height: 13.4vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #3b3b3b;
		position: relative;
		box-shadow: 1px 2px 8px #e7e8e9;
		margin-bottom: 1.4vw;
		border-radius: 6px;
	}

	.popup .popup_r .menu_d .m_pro img {
		z-index: 10;
		padding-right: 1vw;
		width: 8vw;
	}

	.popup .popup_r .menu_d .m_pro p {
		font-size: 3vw;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 0.5vw;
		z-index: 10;
	}

	.popup .popup_r .menu_d .m_mask {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #00000045;
		z-index: 1;
		width: 100%;
		height: 100%;
	}

	.popup .popup_r .menu_e {
		width: 100%;
		height: auto;
		margin-top: 3.7vw;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: space-between;
		justify-content: space-evenly;
	}

	.popup .popup_r .menu_e .m_pro {
		width: 57vw;
		height: 11vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #204578;
		position: relative;
		border-radius: 6px;
		background-size: 95vw 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	.popup .popup_r .menu_e .m_pro p {
		font-size: 3vw;
		font-family: 'SourceHanSansCN-Normal';
		letter-spacing: 4px;
		z-index: 10;
	}
	
	
	
	/* 内容css */
	/* 内容 */
	.cmsbox{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #ffffff;
	}
	.cmsbox .bread{
		width: 100%;
		background-color: #eff3f8;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}	
	.cmsbox .bread .nov{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		height: 55px;
	    color: #3e4145;
	}
	.cmsbox .bread .nov a{
		font-family: 'SourceHanSansCN-normal';
		font-size: 16px;
		color: #3e4145;
		letter-spacing: 1px;
	}
	.cmsbox .bread .nov p{
		color: #a5a9aa;
		display: inline-block;
		margin: 0px 13px 0 13px;
	}
	.cmsbox .news_box{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		position: relative;
		flex-wrap: nowrap;
	}
	.cmsbox .news_box .news_title{
		display: flex;
		flex-wrap: nowrap;
	    flex-direction: column;
		width: 95%;
		align-content: flex-start;
		justify-content: flex-start;
		letter-spacing: 3px;
		border-bottom: 1px solid #ededed;
	}
	/* 文本内容样式删除 */
	.cmsbox  .news_box  .news_title p{
		color: #1d242d;
		font-size: 5.2vw;
		font-family: 'SourceHanSansCN-regular';
		margin-top: 9.4vw;
		margin-bottom: 2vw;
	}
	.cmsbox  .news_box  .news_title .tag{
		width: 219px;
		min-height: 35px;
		background-color: #f5f5f5;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #74787f;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 17.5px;
		letter-spacing: 0.5px;
	        margin-bottom: 15px;
	}
	.cmsbox  .news_box  .news_title .tag img{
		margin-right: 5px;
	}
	.cmsbox .news_box .news_content{
		line-height: 35px;
		width: 95%;
		min-height: 450px;
		border-bottom: 1px solid #ededed;
		color: #1d242d;
		font-family: 'SourceHanSansCN-Normal';
	}

	.cmsbox .news_box .news_content img{
		width: 100% !important;
		height: auto !important;
	}


	/* ↑ */
	.cmsbox .news_box .news_jump{
		display: flex;
		flex-wrap: wrap;
		width: 95%;
		height: 50px;
		color: #72777e;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 48px;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_jump .pre a{
		color: #72777e;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_jump .next a{
		color: #72777e;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 14px;
	}
	.cmsbox .news_box .news_share{
		width: 60px;
		height: 400px;
		color: #000000;
		position: absolute;
		top: 250px;
		right: 90px;
		display: none;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		align-content: center;
	}
	.cmsbox .news_box .news_share p{
		color: #585e65;
		font-family: 'SourceHanSansCN-Normal';
		font-size: 16px;
	        width: 35px;
	}
	.cmsbox .news_box .news_share img{
		margin-top: 22px;
	}
	 

	 
	 .footer{
	 	background: #343740;
	 	display: flex;
	 	justify-content: center;
	 }
	 .footer .footbox{
	 	width: 100%;
		margin: 0px 40px;
	 }
	 .footer .footbox .topbox{
	 	width: 100%;
		border-bottom: 1px solid #4b4e5a;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: flex-start;
	 }
	 .footer .footbox .topbox .tabbox{
	 	width: 100%;
	 	position: relative;
	 }
	 .footer .footbox .topbox .tabbox p{
	 	display: block;
	 	width: 100%;
	 	height: 62px;
	 	border-bottom: 2px solid #6d7080;
	 	font-size: 16px;
	 	line-height: 72px;
	 	color: #ffffff;
	 	
	 }
	 .footer .footbox .topbox .tabbox p.shade{
	 	display: block;
	 	position: absolute;
	 	top: 0;
	 	left: 0;
	 	width: 73px;
	 	height: 62px;
	 	border-bottom: 2px solid #4e73c8;
	 	font-size: 16px;
	 	line-height: 72px;
	 	color: #ffffff;
	 }
	 
	 .footer .footbox .topbox .tabbox tel{
	 	margin-top: 28px;
	 	display: flex;
	 	width: 240px;
	 	height: 48px;
	 	font-size: 23px;
	 	color: #a5a8bb;
	 	line-height: 48px;
	 	font-family: arial;
	 	font-weight: bold;
	 	
	 }
	 .footer .footbox .topbox .tabbox mail{
	 	margin-top: 17px;
	 	display: flex;
	 	width: 240px;
	 	height: 48px;
	 	font-size: 17px;
	 	color: #a5a8bb;
	 	line-height: 48px;
	 	font-family: arial;
	 	font-weight: bold;
	 	
	 }
	 .footer .footbox .topbox .tabbox logo{
	 	margin-top: 17px;
	 	display: block;
	 	width: 240px;
	 	height: 48px;
	 	font-size: 16px;
	 	color: #a5a8bb;
	 	
	 }
	 .footer .footbox .topbox .tabbox logo img{
	 	padding-top: 8px;
	 }
	 .footer .footbox .topbox .tabbox tit.t1{
	 	margin-top: 28px;
	 }
	 .footer .footbox .topbox .tabbox tit{
	 	margin-top: 15px;
	 	display: block;
	 	width: 240px;
	 	font-size: 14px;
	 	font-family: SourceHanSansCN-Regular;
	 	color: #a5a8bb;
	 	
	 }
	 
	 .footer .footbox .topbox .tabbox .tbl{
	 	width: 110px;
	 	display: inline-block;
	 }
	 .footer .footbox .topbox .tabbox .tbl tit{
	 	width: 110px;
	 	display: inline-block;
	 }
	 .footer .footbox .topbox .tabbox .tbl tit.t2{
	 	margin-top: 28px;
	 }
	 
	 .tabbox .tel{
	 	font-family: Arial;
	 	font-size: 23px;
	 	font-weight: bold;
	 }
	 
	 
	 .bottombox{
	 	width: 100%;
	 }
	 .bottombox p{
		line-height: 48px;
		height: 48;
		display: block;
		font-size: 14px;
		font-family: "lucida Grande",Verdana,sans-serif;
		color: #a5a8bb;
	 }
	 .bottombox .friendli{
	 	display: flex;
	 	justify-content: flex_start;
	 	flex-direction: row;
	 	flex-wrap: wrap;
	 }
	 .bottombox .friendlink{
	 	display: flex;
	 	justify-content: flex-start;
	 	flex-direction: row;
	 	flex-wrap: wrap;
	 	margin-bottom: 23px;
	 }
	 .bottombox .friendli .fri_c{
	 	display: block;
	         margin-right:20px;
	 }
	 .bottombox .friendlink .fri_block{
	 	display: flex;
	 	justify-content: space-around;
	 	align-content: space-around;
	 	flex-direction: row;
	 	flex-wrap: wrap;
	 	width: 100px;
	 	height: 35px;
	 	font-size: 14px;
	 	font-family: SourceHanSansCN-Regular;
	 	background-color: #2e3139;
	 	color: #a5a8bb;
	 	margin-right: 11px;
		margin-bottom: 5px;
	 	text-decoration: none;
	 }
	 
	 
	 
	 .bq{
	 	display: flex;
	 	justify-content: center;
	 	width: 100%;
	 	height: 52px;
	 	background: #3a3d46;
	 }
	 .bq .bqtext{
	 	display: flex;
		align-items: center;
		height: 52px;
		font-size: 2vw;
		color: #a5a8bb;
		margin: 0px 40px;
	 }
	 .bq .bqtext a{
	 	color: #a5a8bb;
	 	text-decoration: none;
	 }

}