::-webkit-scrollbar {

	width: 0px;
}
::scrollbar {

	width: 0px;
}

a {
	text-decoration: none;
	color: #fff;
}

.a:hover {
	cursor: pointer;
   filter: brightness(0.9);
}

.h36 {
	font-family: 思源黑体;
	font-size: 36px;
}
.h28 {
	font-family: 思源黑体;
	font-size: 28px;
}

.h32 {
	font-family: 思源黑体;
	font-size: 32px;
}

.h24 {
	font-family: 思源黑体;
	font-size: 24px;
}

.h18 {
	font-family: 思源黑体;
	font-size: 18px;
}

.h14 {
	font-family: 思源黑体;
	font-size: 14px;
}

.h12 {
	font-family: 思源黑体;
	font-size: 12px;
}

.font-bold {
	font-weight: bold;
}

.font-w100 {
	font-weight: 100;
}

.font-color-blue {
	color: #001353;
}

.font-color-333 {
	color: #333;
}

.font-color-666 {
	color: #666;
}

.font-color-999 {
	color: #999;
}

.font-color-fff {
	color: #fff;
}


.margin_top5 {
	margin-top: 5px;
}

.margin_top10 {
	margin-top: 10px;
}

.margin_top15 {
	margin-top: 15px;
}


.margin_top20 {
	margin-top: 20px;
}

.margin_top30 {
	margin-top: 30px;
}

.margin-top35 {
	margin-top: 30px;
}


.margin_top40 {
	margin-top: 40px;
}


.margin-top160 {
	margin-top: 176px;
}

.margin_top216 {
	margin-top: 216px;
}


.margin-left10 {
	margin-left: 10px;
}

.margin_left20 {
	margin-left: 20px;
}

.margin_left40 {
	margin-left: 40px;
}

.margin_left60 {
	margin-left: 60px;
}

.margin_left80 {
	margin-left: 80px;
}

.margin_left120 {
	margin-left: 120px;
}



.margin_left5vw {
	margin-left: 5vw;

}

.margin-left2p5vw {
	margin-left: 2.5vw;

}

.align_items {
	align-items: center;
}

.icon12 {
	width: 12px;
	height: 12px;
}

.icon16 {
	width: 16px;
	height: 16px;
}

.icon20 {
	width: 20px;
	height: 20px;
}

.icon24 {
	width: 24px;
	height: 24px;
}

.icon30 {
	width: 30px;
	height: 30px;
}

.icon36 {
	width: 36px;
	height: 36px;
}

.icon40 {
	width: 40px;
	height: 40px;
}

.inline {
	display: inline-flex;
	align-items: center;
}


body {
	margin: 0;

	width: 100%;
	height: 100%;
	background-color: #fff;
}

.top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100vw;
	height: 100px;
	background: rgba(0, 0, 0, 0);
	transition: ease 0.3s;
}

.top2 {
	height: 80px;
	background: #12034C;
	transition: ease 0.3s;

}


.logo {
	margin-top: 1.8vw;
	margin-left: 2.5vw;
	width: 150px;
	height: 25.66px;
	transition: ease 0.3s;
}

.logo2 {
	margin-top: 0;
	width: 100px;
	height: 16px;
	transition: ease 0.3s;
}

.menu-display {
	display: block;
}

.menu {
	text-align: center;
	position: absolute;
	right: 2.5vw;
	display: inline-flex;
	margin-top: 2%;
	transition: ease 0.3s;
}

.menu_icon {
	display: none;
	text-align: center;
	position: absolute;
	right: 2.5vw;

	margin-top: 1%;
	transition: ease 0.3s;
	width: 20px;
	height: 20px;
	transition: ease 0.3s;
}

.menu_icon2 {
	display: none;
	text-align: center;
	position: absolute;
	right: 2.5vw;
	margin-top: 1%;
	transition: ease 0.3s;
	width: 20px;
	height: 20px;
	transition: ease 0.3s;
}

.menu2 {
	transition: ease 0.3s;
	margin-top: 1%;
}

.menu div {
	margin-right: 2vw;
	font-size: 14px;
	color: #fff;
	font-weight: 800;
}

.meun_underline {
	margin-top: 10px;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #ffffff;
}

.meun_underline2 {
	margin-top: 10px;

	width: 0%;
	height: 3px;
	background-color: #ffffff;
	transition: ease 0.3s;
}

.overunline:hover .meun_underline2 {
	width: 100%;
	background-color: #ffaa00;
	transition: ease 0.3s;
}
.top-phone{
	font-weight: bold;
}
.banner {
	overflow: hidden;
	position: relative;
	margin-top: 0;
	width: 100vw;
	height: 100vh;
}

.banner_bg {
	position: absolute;
	top: -5vh;
	left: -5vw;
	width: 110vw;
	height: 110vh;
	z-index: -1;
	transition: ease 0.5s;
}

.banner2-1 {
	position: absolute;
	top: -5vh;
	left: -6vw;
	width: 112vw;
	height: 110vh;
	z-index: 0;
	transition: ease 0.5s;
}
.banner2-2 {
	position: absolute;
	top: -5vh;
	left: -5vw;
	width: 110vw;
	height: 110vh;
	z-index: 0;
	transition: ease 0.5s;
}

.banner2-3 {
	position: absolute;
	top:70vh;
	left: -15vw;
	width: 20vw;
	height: 5px;
	z-index: 10;
	transition: ease 0.5s;
	opacity:0.5;
}
.banner2-4 {
	position: absolute;
	top:75vh;
	left: -25vw;
	width: auto;
	height: 2px;
	z-index: 10;
	transition: ease 0.5s;
	opacity:0.5;
}
.banner2-5 {
	position: absolute;
	top:80vh;
	left: -35vw;
	width: auto;
	height: 2px;
	z-index: 10;
	transition: ease 0.5s;
	opacity:0.5;
}
.banner2-6 {
	position: absolute;
	top:78vh;
	left: -35vw;
	width: auto;
	height: 3px;
	z-index: 10;
	transition: ease 0.5s;
	opacity:0.5;
}
.banner2-7 {
	position: absolute;
	top:65vh;
	left: -35vw;
	width: auto;
	height: 3px;
	z-index: 10;
	transition: ease 0.5s;
	opacity:0.5;
}
/* .banner3{
	position:fixed;
	top: -5vh;
	left: -6vw;
	width: 112vw;
	height: 110vh;
	z-index: 100;
	transition: ease 0.5s;
} */
.banner23{
	position:absolute;
	top: -6vh;
	left: -6vw;
	width: 112vw;
	height: 110vh;
	z-index: 0;
	transition: ease 0.5s;
}
.banner_bg_m {
	display: none;
}

.banner_bg2 {
	position: fixed;
	top: 0vh;
	left: 0vw;
	width: 100vw;
	height: 100vh;
	transition: ease 0.5s;
z-index: -1;

}

.banner_product {
	position: absolute;
	top:16% ;
	left: 10%;
	width: 34vw;
	height: auto;
	z-index: +1;

}

.banner_product2 {
	top: 23%;
	left: 0%;

}

.banner_btn {
	text-align: center;
	position: absolute;
	z-index: 3;
	right: 30.5vw;
	top: 65vh;
	border-radius: 5px;
	opacity: 1;
	width: 9.5vw;
	height: 3vw;
	border-radius: 3px;
	opacity: 1;
	background: #EE940E;
	box-sizing: border-box;
	margin-right: 1vw;
}

.banner_txt1 {
	position: absolute;
	z-index: 3;
	right: 15%;
	top: 40vh;
	width: 40vw;
	height: auto;
}

.banner_txt2 {
	position: absolute;
	z-index: 3;
	right: 15%;
	top: 52vh;
	width: 40vw;
	height: auto;
}
.banner_txt1_2 {
	position: absolute;
	z-index: 3;
	right: 15%;
	top: 40vh;
	width: 40vw;
	height: auto;
}

.banner_txt2_2 {
	position: absolute;
	z-index: 3;
	right: 15%;
	top: 52vh;
	width: 40vw;
	height: auto;
}

.product {
	overflow: hidden;
	position: relative;
	padding: 5vw 5vw 8vw 5vw;
	width: 90vw;
	height: 60vh;
	background-color: #fff;
}

.product_top {
	position: relative;
	width: 100vw;
	height: auto;
	overflow: hidden;
}
.ndetail_top {
	position: relative;
	width: 100vw;
	height:auto;
	overflow: hidden;
}

.about_top{
	height: auto;
}

.product_top22 {
	top: 200px;
	width: 100vw;
	height: 18vw;
	overflow: hidden;
}

.product_top2 {
	position: absolute;
	width: 100vw;
	height: 20vw;
	overflow: hidden;
}

.contact_top {
	position: absolute;
	width: 100vw;
	height: 20vw;
	overflow: hidden;
}

.product_banner_title {
	position: absolute;
	top: 20vh;
	left: 5vw;
	z-index: 10;
	display: inline-flex;
}

.product_banner_title1 {
	font-size: 32px;
	line-height: 42px;
	color: #fff;
	margin-right: 1vw;
	font-weight: bold;

}

.product_banner_title2 {
	line-height: 42px;
	font-size: 32px;
	font-weight: 10;
	color: #fff;
	opacity: 0.5;
}

.product_banner_txt {
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: 28vh;
	left: 5vw;
	width: 40vw;
	z-index: 10;
}

.product_banner {

	width: 100vw;
	height: auto;
}

.products {
  
   height: auto;
margin-top: -2vw;
}

.product-title-left {
	display: inline-flex;
}


.product_title1 {
	font-size: 36px;
	color: #001353;
	font-weight: bold;
}

.product_title2 {
	font-size: 36px;
	color: #001353;
	font-weight: 100;
}

.product_btn {

	position: absolute;
	right: 5vw;

}

.product_btn1 {
	width: 150px;
	height: 54px;
	border-radius: 5px;
	opacity: 1;

	box-sizing: border-box;
	border: 1px solid #DFDFDF;
	margin-right: 1vw;
}

.product_btn_name {
	margin-left: 10px;
	line-height: 54px;

}

.product_icon {
	margin-left: 20px;
	width: 24px;
	height: 24px;
}

.product_item {
	margin-top: 100px;
	position: relative;
	width: 28.7vw;
	height: 27.777vw;

}

.product_item_img {

	position: absolute;
	top: 0vw;
	left: 5.625vw;
	width: 15.625vw;
	height: auto;
	z-index: 2;
}

.product_item_txt {
	position: absolute;
	left: 4vw;
	top: 18vw;
	z-index: 3;
}

.product_item_btns {
	position: absolute;
	left: 4vw;
	top: 22vw;
	z-index: 3;
}

.product_item__btn1 {
	text-align: center;

	border-radius: 5px;
	opacity: 1;
	width: 9.5vw;
	height: 3vw;
	border-radius: 3px;
	opacity: 1;
	background: #EE940E;
	box-sizing: border-box;
	margin-right: 1vw;
}

.product_item__btn2 {
	text-align: center;
	border-radius: 5px;
	opacity: 1;
	width: 9.5vw;
	height: 3vw;
	border-radius: 3px;
	opacity: 1;

	box-sizing: border-box;
	margin-right: 1vw;
	background: #3E5EC9;
}


.product_item_icon {

	width: 20px;
	height: 20px;
}

.product_btnitem_name {
	margin-left: 10px;
	line-height: 2.8vw;

}


.product_item_bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 27.777vw;
	height: 20.777vw;
	border-radius: 5px;
	opacity: 1;
	background: linear-gradient(311deg, #82E6CA 21%, #168282 87%);

	box-shadow: 0px 15px 30px 0px rgba(69, 207, 194, 0.5);

}

.product_item_bg2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 27.777vw;
	height: 20.777vw;
	border-radius: 5px;
	opacity: 1;
	background: linear-gradient(312deg, #5D7FDD 18%, #163A82 84%);
	box-shadow: 0px 15px 30px 0px rgba(69, 207, 194, 0.5);

}

.product_item_bg3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 27.777vw;
	height: 20.777vw;
	border-radius: 5px;
	opacity: 1;
	background: linear-gradient(320deg, #7ADC8A 23%, #5DAD28 106%);
	box-shadow: 0px 15px 30px 0px rgba(69, 207, 194, 0.5);

}

.product_item_marginr {
	margin-right: 2vw;
}



.join {
	margin-top: 0vw;
	position: relative;
	padding: 5vw 5vw 2.5vw 5vw;
	width: 90vw;
	height: 50vh;
	background-color: #fff;
	overflow-x: hidden;
}

.join_hand1 {
	display:none;
}

.join_hand2 {
	display:none;
}

.join_left {
	margin-top: 2vw;
	width: 35vw;
	height: auto;
}

.join_right {
	margin-top: 2vw;
	margin-left: 5vw;
	width: 45vw;
}

.join_right_detail {
	margin-top: 5vw;
	margin-left: 5vw;
	width: 45vw;
}


.join_right_p {
	margin-top: 0vw;
	margin-left: 5vw;
	height: auto;
	width: 100%;

}

.join_right_item {
	padding: 2vw;
	width: 19.62vw;
	border: 1px solid #E5E5E5;
	border-radius: 5px;

}

.join_right_item_detail {
	padding: 2vw;
	width: 17.45vw;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
}

.join_right_item:hover {
	background-color: #E1EAF8;
}

.join_right_item_detail:hover {
	background-color: #E1EAF8;
}


.join_right_items {
	overflow: hidden;
	display: inline-flex;
}


.join_right_item_mr {
	margin-right: 1.5vw;

}

.join_product_top {
	height: 50vh;
}

.joinp-img {
	margin-top: 2vw;
	width: 100vw;
	height: auto;
	overflow: hidden;
}

.joinp-img img {
	float: left;
	width: 10.33vw;
	height: auto;
	border: 1px solid#eee;
	margin-right: 1vw;
	margin-bottom: 1vw;
	border-radius: 5px;
}

.aboutp4-title {
	margin-top: 4vw;

}

.over-img:hover {
	float: left;

	height: auto;
	border: 1px solid#666;
	margin-right: 1vw;
	margin-bottom: 1vw;
}

.about {
	margin-top: 0vw;
	position: relative;
	padding: 5vw 5vw 2.5vw 5vw;
	width: 90vw;
	height: 50vh;
	overflow: hidden;
	overflow-x: hidden;

}

.about_bg {
	position: absolute;
	top: 10vh;
	left: 0;
	width: 100vw;
	height: auto;
	z-index: -1;
}


.about1 {
	position: absolute;
	top: 5vw;
	left: -10vw;
	width: 20vw;
	height: auto;
	z-index: 50;
}

.about_left {
	margin-top: 5vw;
	width: 40vw;
}

.about_right {
	margin-top: 5vw;
	width: 41vw;
	padding: 4vw;
	background: rgba(36, 68, 174, 0.9);
	border-radius: 5px;
}


.serve {
	overflow-x: hidden;
	position: relative;
	padding: 6vw 5vw 2.5vw 5vw;
	width: 90vw;
	height: 48vh;
	background-color: #fff;
	/* overflow: hidden; */

}

.serve_left {
	position: relative;
	margin-top: 2.5vw;
	width: 44vw;
	height: 14vw;
	padding: 2.5vw;
	background: #E8EEFB;
	margin-right: 3vw;
	box-shadow: 0px 20px 30px 0px rgba(2, 52, 71, 0.1);
	transition: ease 0.5s;
	border-radius: 5px;
}

/*.serve_left:hover {*/
/*	background: #c8dafb;*/
/*	transition: ease 0.5s;*/
/*}*/


.serve_right {
	position: relative;
	margin-top: 2.5vw;
	width: 32vw;
	height: 14vw;
	padding: 2.5vw;
	background: #F2E8DC;
	box-shadow: 0px 20px 30px 0px rgba(238, 148, 14, 0.1);
	transition: ease 0.5s;
	border-radius: 5px;
}

/*.serve_right:hover {*/
/*	background: #f2d3b5;*/
/*	transition: ease 0.5s;*/
/*}*/

.serve_btns {
	position: absolute;
	left: 2.5vw;
	top: 13vw;


}

.service_img1 {
	width: 21vw;
	height: auto;
	position: absolute;
	left: 24vw;
	top: -1vw;
}

.serve-img1-m {
	display: none;

}

.service_img2 {
	width: 15vw;
	height: auto;
	position: absolute;
	left: 18vw;
	top: 2vw;
}

.serve-img1 {
	margin-top: 40px;
	margin-bottom: 50px;
	width: 100%;
	height: auto;
}

.serve-item {
	position: relative;
	display: inline-flex;
	width: 90vw;
	height: 50vh;
	background-color: #fff;
	padding: 2.5vw 5vw 5vw 5vw;
	align-items: center;
}

.serve-item img {
	position: relative;
	display: inline-flex;
	width: 30vw;
	height: auto;
	margin-right: 10vw;

}

.serve-item2 {
	position: relative;
	display: inline-flex;
	width: 90vw;
	height: 50vh;
	background: #F2E8DC;
	padding: 2.5vw 5vw 5vw 5vw;
	align-items: center;
}

.serve-item2 img {
	position: relative;
	display: inline-flex;
	width: 30vw;
	height: auto;
	margin-right: 10vw;

}

.serve-item3 {
	position: relative;

	width: 90vw;
	height: auto;
	background-color: #fff;
	padding: 5vw 5vw 5vw 5vw;
	align-items: center;
}
.serve_case{
	width: 100%;
	height: auto;
}
.news {
	position: relative;
	/* overflow-x:hidden; */
	width: 100vw;
	height: auto;
	padding-bottom: 5vh;
	background-color: #fff;
	/* overflow: hidden; */
}

.map {
	position: relative;
	display: inline-flex;
	width: 100vw;
	height: 60vh;
	overflow: hidden;
	background-color: #fff;
}

.map_left {
	border-radius: 5px;
	width: 40vw;
	height: 40vh;
	margin: 10vh 2.5vw 10vh 5vw;


}

.map_right {
	width: 50vw;
	height: 40vh;
	display: inline-flex;
	border-radius: 5px;
}

.map_right1 {
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
	width: 52%;
	height: 30vh;
	margin: 10vh 2%;
	padding: 5vh 5%;
	border: 1px solid #eee;
}
.map_right1-phone{
    	font-size: 32px;
    		font-weight: bold;
}



.map_right :hover {
	color: #fff;
	background-color: #0a3dab;
}

.map_right2 {
	border-radius: 5px;
	width: 32%;
	height: 30vh;
	margin: 10vh 5% 10vh 2%;
	padding: 5vh 5%;
	border: 1px solid #eee;
}


.news_underline {

	width: 62px;
	height: 5px;
	opacity: 1;
	background: #000000;

}

.news_underline2 {

	width: 62px;
	height: 5px;
	opacity: 1;

	background: rgba(0, 0, 0, 0);

}

.news-title {
	margin-left: 5vw;
	margin-top: 2vw;
}

.news_under {
	margin-left: 3vw;
	height: auto;
}

.new_item {

	border: 1px solid #E5E5E5;
	margin: 1vw 2vw;
	padding: 2vw;
	width: 22.75vw;
	height: 5vw;
	font-size: 12px;
	line-height: 20px;
	border-radius: 5px;
	color: #666;
	background-color: #fff;
	/* box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.06); */
	transition: ease 0.3s;
}

.new_item:hover {
	color: #333;

	background: #fafafa;
	transition: ease 0.3s;
}

.new_img {
	width: 146px;
	height: 89px;
	border-radius: 5px;
}

.bottom {
	position: relative;
	padding: 0vw 5vw 0vw 5vw;
	width: 90vw;
	height: 20vw;
	background-color: #040A20;
	/* overflow: hidden; */
}

.bottom_left {
	width: 45vw;
	height: auto;
}

.bottom_right {
	width: 45vw;
	height: auto;
	text-align: left;
	margin-top: 20px;
	
}

.bottom_right1 {
	display: inline-flex;
	margin-left: 20px;
}
.bottom_right2{
	display: inline-flex;
	margin-top: 20px;
}

.bottom_logo {
	width: 10vw;
	height: auto;
}

.bottom_menu {}

.bottom_menu a {
	margin-top: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-right: 24px;
}

.bottom_img {
	width: 3vw;
	height: auto;
}
.bottom_img2 {
	width: auto;
	height: 30px;
}
.top-icon{
	margin-top: -1%;
	margin-left: 5vw;
}
.bottom_img1:hover .bottom_ewm1{
	display: block;
	width:20vw;
}

.pop {
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgb(0, 0, 0, 0.8);
	z-index: 9999;
}


.pop-content {
	position: absolute;
	top: 25vh;
	right: 30vw;
	width: 40vw;
	height:auto;
	border-radius: 5px;
	background-color: #fff;
	z-index: 99999;
	overflow: hidden;
	display: inline-flex;
}


.pop-content-2 {

	width: 100%;
	height: 100%;
	padding: 5%;
}

.pop-content-2 input {
	padding: 0 2%;
	width: 96%;
	height: 30px;
	margin-bottom: 20px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
}

.pop-content-2 select {
	padding: 0 2%;
	width: 101%;
	height: 30px;
	margin-bottom: 20px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
}

.pop-btn {
	display: inline-flex;
	width: 100%;
	height: 40px;

}

.pop-btn1 {
	width: 67.5%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background-color: #3E5EC9;
	border-radius: 5px;

}

.pop-btn2 {
	width: 27.5%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background-color: #999;
	border-radius: 5px;
	margin-right: 5%;
}
.bottom-pop{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgb(0, 0, 0, 0.8);
	z-index: 9999;
}
.bottom-pop-content img{
	position: absolute;
	top: 25vh;
	right: 40vw;
	width: 20vw;
	max-height: auto;
	border-radius: 5px;
	background-color: #fff;
	z-index: 99999;
}

.bottom_ewm1{
	display: block;
	width: 10vw;
	height: auto;
	position: absolute;
	top: -10vh;
	left: 46vw;
}
#wechat{
	display: none;
}
#douyin{
	display: none;
}
#mweb{
	display: none;
}
#gzh{
	display: none;
}