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

	body {
		margin: 0;

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

	.no-inline {
		display: none;
	}

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

	.top2 {
		height: 12vw;
		background: #12034C;
		transition: ease 0.3s;

	}


	.logo {
		margin-top: 2%;
		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: none;
	}

	.menu {
		padding-top: 10vw;
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
		background-color: #000;
		text-align: center;
		left: 0;
		/* display: none; */
		margin-top: 0;
		transition: ease 0.3s;

	}

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

	.menu div {
		height: 15vw;
		margin-right: 0vw;
		font-size: 14px;
		line-height: 15vw;
		color: #fff;
		font-weight: 100;

		border-bottom: 1px solid#0f0f0f;
	}

	.menu_icon {
		display: block;
		position: absolute;
		right: 2.5vw;
		margin-top: 0;
		width: 20px;
		height: 20px;
		transition: ease 0.3s;
	}

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

	.meun_underline {

		display: none;

	}

	.meun_underline2 {


		display: none;

	}


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

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


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

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

	}

	.banner_bg_m {
		display: block;
	}

	.banner_bg_p {
		display: none;
	}

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

	}

	.banner_product2 {
		top: 40vh;
		left: 0%;

	}

	.banner_btn {
		text-align: center;
		position: absolute;
		z-index: 3;
		right: 28.5vw;
		top: 87vh;
		border-radius: 5px;
		opacity: 1;
		width: 40vw;
		height: 10vw;
		border-radius: 3px;
		opacity: 1;
		background: #EE940E;
		box-sizing: border-box;
		margin-right: 1vw;
		font-size: 14px;
	}


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

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

	.banner_txt2_2 {
		position: absolute;
		z-index: 3;
		right: 15%;
		top: 28vh;
		width: 70vw;
		height: auto;
	}
	.product {
		position: relative;
		padding: 10vw 5vw 8vw 5vw;
		width: 90vw;
		height: auto;
		background-color: #fff;
		overflow-x: hidden;
	}

	.products {

		display: block;
	}

	.product_top {
		position: relative;
		width: 100vw;
		height: 70vw;

	}

	.ndetail_top {
		position: relative;
		width: 100vw;
		height: 30vh;
		overflow: hidden;
	}

	.product_banner {
		position: absolute;
		left: -5vw;
		width: 250vw;
	}

	.product1 {
		margin-top: 5vw;
	}

	.product_title1 {
		font-size: 20px;
	}

	.product_title2 {
		font-size: 20px;
	}

	.product-title {
		display: block;
	}

	.product_btn {

		position: absolute;
		left: 5vw;
		margin-top: 13vw;

	}

	.product_btn1 {
		width: 26vw;
		height: 8vw;
		margin-right: 4vw;
	}

	.product_btn_name {
		font-size: 12px;
		margin-left: 5px;
		line-height: 54px;

	}

	.product_icon {
		margin-left: 12px;
		width: 16px;
		height: 16px;
	}

	.product_item {
		margin-top: 80vw;
		position: relative;
		width: 90vw;
		height: 27.777vw;

	}

	.product_item_img {

		position: absolute;
		top: -60vw;
		left: 15vw;

		width: 55.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_bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 90vw;
		height: 70vw;
		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: 90vw;
		height: 70vw;
		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: 90vw;
		height: 70vw;
		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;
	}

	.product_item_txt {
		position: absolute;
		left: 5vw;
		top: -2vw;
		z-index: 3;
	}

	.product_item_txt1 {
		font-size: 14px;
	}

	.product_item_txt2 {
		font-size: 12px;
	}


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

	.product_item__btn1 {
		text-align: center;

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

	.product_item__btn2 {
		text-align: center;
		border-radius: 5px;
		opacity: 1;
		width: 35vw;
		height: 10vw;
		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: 10vw;
		font-size: 12px;

	}

	.join {

		position: relative;
		padding: 5vw 5vw 2.5vw 5vw;
		width: 90vw;
		height: auto;
		background-color: #fff;
	}

	.join_hand1 {
		display: block;
		width: 58%;
		height: auto;
		position: absolute;
		left: 0;
		top: 71vw;
	}

	.join_hand2 {
		display: block;
		width: 58%;
		height: auto;
		position: absolute;
		right: 0;
		top: 71vw;
	}

	.join_tontact {
		margin-bottom: 40vw;
	}

	.join_down {
		display: block;

	}

	.join_left {
		margin-top: 20vw;
		width: 86vw;
		height: auto;
		color: #666;
		line-height: 20px;
	}

	.join_right {

		margin-top: 5vw;
		margin-left: 0vw;
		width: 100vw;
		height: auto;
	}

	.join_right_detail {

		margin-top: 5vw;
		margin-left: 5vw;
		width: 100vw;
		height: auto;
	}


	.join_right_item {
		float: left;
		padding: 5vw 5vw;
		width: 33.8vw;
		height: 15vh;
		border: 1px solid #E5E5E5;
		border-radius: 5px;
		margin-left: 0vw;
		margin-top: 2vw;

	}

	.join_right_item_detail {
		float: left;
		padding: 5vw 5vw;
		width: 32.8vw;
		height: 15vh;
		border: 1px solid #E5E5E5;
		border-radius: 5px;

		margin-left: 1vw;
		margin-top: 2vw;

	}

	.join_right_items {
		display: block;
		width: 100%;
	}

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

	}

	.join-title {
		display: block;
	}

	.joinp-img {
		margin-top: 5vw;
		width: 100vw;
		overflow: hidden;
	}

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

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


	}

	.about_bg {
		position: absolute;
		top: 20vw;
		left: -120%;
		width: 300vw;
		height: auto;
		z-index: -1;
	}


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

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

	.about_right {
		margin-top: 10vw;
		width: 90vw;
		padding: 0vw;
		color: #000;
		background: rgba(36, 68, 174, 0);
		border-radius: 5px;
	}


	.serve {

		position: relative;
		padding: 10vw 5vw 2.5vw 5vw;
		width: 90vw;
		height: 140vw;
		background-color: #fff;
		/* overflow: hidden; */

	}

	.serve_down {
		display: block;
	}

	.serve_left {
		position: relative;
		margin-top: 10vw;
		width: 81vw;
		height: 42vw;
		padding: 5vw;
		background: #E8EEFB;
		margin-right: 3vw;
		box-shadow: 0px 20px 30px 0px rgba(2, 52, 71, 0.1);
	}

	.serve-item {
		position: relative;
		display: block;
		width: 90vw;
		height: 60vh;
		padding: 5vw 5vw 5vw 5vw;
		background-color: #fff;
	}

	.serve-item img {

		width: 85vw;
		height: auto;
		margin-left: 0vw;
		margin-top: 20vw;

	}

	.serve-item2 {
		position: relative;
		display: block;
		width: 90vw;
		height: 60vh;
		padding: 10vw 5vw 5vw 5vw;
		background: #F2E8DC;
	}

	.serve-item2 img {

		width: 85vw;
		height: auto;
		margin-left: 0vw;
		margin-top: 20vw;

	}

	.serve-item3 {
		position: relative;

		width: 100vw;
		height: auto;
		background-color: #fff;
		padding: 10vw 5vw 5vw 5vw;
		align-items: center;
	}

	.serve-img1-p {
		display: none;
	}

	.serve-img1-m {
		width: 90vw;
		display: block;
	}

	.serve_right {
		position: relative;
		margin-top: 10vw;
		width: 81vw;
		height: 42vw;
		padding: 5vw;
		background: #F2E8DC;
		box-shadow: 0px 20px 30px 0px rgba(238, 148, 14, 0.1);
	}

	.serve_btns {
		position: absolute;
		left: 5vw;
		top: 35vw;

	}

	.service_img1 {
		width: 40vw;
		height: auto;
		position: absolute;
		left: 45vw;
		top: -5vw;
	}

	.service_img2 {
		width: 40vw;
		height: auto;
		position: absolute;
		left: 45vw;
		top: -5vw;
	}

	.news {

		position: relative;
		padding: 5vw 0;
		width: 100vw;
		height: auto;
		background-color: #fff;
		/* overflow: hidden; */
	}

	.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 {


		margin: 2vw 2vw;
		padding: 2vw 4vw;
		width: 82vw;
		height: 20vw;
		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: #fff;
		background-color: #fff;
		background: linear-gradient(312deg, #5D7FDD 18%, #163A82 84%);
		transition: ease 0.3s;
	}

	.new_img {
		width: 120px;
		height: 70px;
		border-radius: 5px;
	}

	.bottom {

		position: relative;
		padding: 4vw 5vw 2.5vw 5vw;
		width: 90vw;
		height: 70vw;
		background-color: #040A20;
		/* overflow: hidden; */

	}

	.bottom_left {

		display: none;
		width: 90vw;
		height: auto;
	}

	.bottom_center {
		width: 90vw;
		height: auto;
	}

	.bottom_right {
		width: 90vw;
		height: auto;
	}

	.bottom_right1 {
		display: block;
	}

	.ewm_m {
		display: none;
	}

	.bottom_right1 {

		display: inline-flex;
		margin-left: 0px;
		margin-top: 20px;
	}

	.bottom_right2 {
		display: block;
		margin-top: 20px;

	}


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

	.bottom_menu {
		display: none;
		font-size: 12px;
		color: #fff;
	}

	.bottom_img {
		margin: 0vw auto;
		width: 12vw;
		height: auto;
		margin-right: 5vw;
	}

	.map {
		position: relative;
		display: block;
		width: 100vw;
		height: auto;
		overflow: hidden;
		background-color: #fff;
	}

	.map_left {

		width: 90vw;
		height: 40vh;
		margin: 5vh 5vw;


	}

	.map_right {
		width: 90vw;
		height: 40vh;
		margin-left: 5vw;
		margin-top: 0vw;
		display: inline-flex;

	}

	.map_right1 {
		font-size: 20px;
		font-weight: bold;
		width: 50vw;
		height: 40vw;
		margin: 0vw;
		margin-right: 2.5vw;
		padding: 5vw;
		border: 1px solid #eee;
	}
.map_right1-phone{
    	font-size: 18px;
    		font-weight: bold;
}

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

	.map_right2 {
		font-size: 10px;
		width: 45.5vw;
		height: 40vw;
		margin: 0vw;
		padding: 5vw;
		border: 1px solid #eee;
	}

	.product_banner_title {
		position: absolute;
		top: 15vh;
		left: 5vw;
		z-index: 10;
		display: block;
	}

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

	}

	.join_product_top {
		height: 50vh;
	}

	.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: 15vh;
		right: 10vw;
		width: 80vw;
		height:auto;
		border-radius: 5px;
		background-color: #fff;
		z-index: 99999;
		overflow: hidden;
		display: block;
	}


	.pop-content-2 {

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


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

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

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

	}

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

	}

	.pop-btn2 {
		width: 25%;
		height: 40px;
		color: #fff;
		line-height: 40px;
		text-align: center;
		background-color: #999;
		border-radius: 5px;
		margin-right: 5%;
	}

	.bottom-pop-content img {
		position: absolute;
		top: 25vh;
		right: 20vw;
		width: 60vw;
		max-height: auto;
		border-radius: 5px;
		background-color: #fff;
		z-index: 99999;
	}
	.bottom_img2 {
		width:40px;
		height: auto;
	}
}