:root {
 	--primary-color: #0abea2
 }

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

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

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


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

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

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



 @media screen and (max-width:1200px) {
 	.head_cont {
 		display: none;
 	}

 	.banner .swiper-pagination .swiper-pagination-bullet {
 		width: 5px;
 		height: 5px;
 	}

 	.banner .swiper-pagination {
 		bottom: 2px;
 	}

 	.banner {
 		height: auto;
 		padding: 10px 0;
 	}

 	.m7 .item a {
 		font-size: 12px;
 		line-height: 15px;

 	}

 	.m7 .item {
 		width: 45px;
 		height: 45px;
 		margin-bottom: 10px;
 	}

 	.cm_tit {
 		font-size: 20px;
 		margin-bottom: 10px;
 	}

 	.m1 {
 		background: #fff;
 		padding: 20px 0;
 	}

 	.m1 .tabbar {
 		background: #fff;
 		padding: 0;
 		overflow-x: scroll;
 		text-align: left;
 	}

 	.m1 .tabbar .tabbar_gp {
 		/* width: 700px; */
 		white-space: nowrap;
 	}


 	.m1 .tabbar .lt {
 		font-size: 14px;
 		color: #333;
 		padding: 0;
 		background: none;
 		width: auto;
 		text-align: left;

 		margin: 0px;
 		border-radius: 0;
 		margin-right: 5px;
 		border: 0px none;
 	}

 	.m1 .tabbar .lt:nth-child(1) {
 		margin-left: 0px;
 	}

 	.m1 .tabbar {
 		border-radius: 0;
 		padding: 10px;
 		background: #f8f8f8;
 	}

 	.m1 .tabbar .on {
 		font-size: 20px;
 		background: none;
 		color: var(--primary-color);
 	}

 	.m1 .listvest {
 		padding: 5px 0;
 		font-size: 14px;
 		line-height: 26px;
 	}

 	.m7 {
 		right: 5%;
 		/*top: 3%;*/
 	}

 	.cm_tit2 {
 		font-size: 16px;
 	}

 	.m2_1 {
 		padding: 30px 0;
 	}

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

 	.cm_tit3 .tt {
 		font-size: 16px;
 		padding: 10px 20px;
 		padding-right: 15px;

 	}

 	.cm_tit3 i {
 		height: 45px;
 		width: 250px;
 	}

 	.m2_1 .box .listvest .list {
 		width: 100%;
 	}

 	.cm_list .dms .t1 {
 		font-size: 18px;
 		text-align: center;
 		padding-bottom: 0px;
 	}

 	.cm_list .dms {
 		padding: 0px 10px;
 	}

 	.cm_action .img {
 		width: 40px;
 		height: 40px;
 	}

 	.cm_action .pm {
 		width: 25px;
 	}

 	.cm_action {
 		margin-top: -18px;
 	}

 	.cm_list .phb .lt_3,
 	.cm_list .phb .lt_2 {
 		margin-top: 20px;
 	}

 	.cm_action .nub {
 		width: 10px;
 	}

 	.cm_action .nub {

 		top: 31px;
 		left: 68px;
 	}

 	.cm_list .phb .lt {
 		height: 95px;
 	}

 	.cm_list .phb .lt .name {
 		font-size: 14px;
 	}

 	.cm_list .dms .list_gp .lt {
 		width: 33.33%;
 	}

 	.cm_list .dms .list_gp .lt .name {
 		font-size: 14px;
 	}

 	.m2_1 .box .listvest .list {
 		margin-bottom: 20px;
 	}

 	.m2_1 .box2 .listvest2 .cm_list2 {
 		width: 49%;
 		margin: 0px auto;
 		margin-bottom: 20px;
 	}

 	.m2_1 .box2 .listvest2 .cm_list2:nth-child(2n) {
 		float: right;
 		margin: 0px auto margin-bottom: 20px;
 	}

 	.m2_1 .box2 .listvest2 .cm_list2:nth-child(4n) {
 		margin: 0px auto margin-right: 0px;
 		margin-bottom: 20px;
 	}

 	.cm_list2 .dms {
 		padding: 0px 5px;
 	}

 	.cm_list2 .dms .t1 {
 		font-size: 16px;
 		padding: 15px 0;
 	}

 	.cm_list2 .dms .gp .item .pic {
 		margin: 0px 5px;
 		margin-left: 0px;
 	}

 	.cm_list2 .dms .gp .item .pic .ac {
 		width: 30px;
 		height: 30px;
 	}

 	.cm_list2 .dms .gp .item .pic {
 		width: 35px;
 		height: 35px;
 	}

 	.cm_list2 .dms .gp .item .nub img {
 		width: 8px;
 	}

 	.cm_list2 .dms .gp .item .name {
 		font-size: 12px;
 	}

 	.m2_1 .box2 {
 		margin-top: 30px;
 	}

 	.m2_1 .box3 {
 		margin-top: 30px;
 	}

 	.m2_1 .box3 .tit {
 		font-size: 16px;
 		margin-bottom: 10px;
 	}

 	.m2_1 .box3 .tit img {
 		width: 30px;
 	}

 	.m2_1 .box3 .tit span {
 		margin: 0px auto;
 		margin-right: 5px;
 	}

 	.m2_1 .box3 .dms {
 		padding: 10px;
 	}

 	.m2_1 .box3 .gp .lt {
 		width: 31%;
 		margin: 0px 1%;
 		margin-bottom: 10px;
 	}

 	.m2_1 .box3 .gp .lt:nth-child(4n) {
 		width: 31%;
 		margin: 0px 1%;
 		margin-bottom: 10px;
 	}

 	.m2_1 .box3 .gp .lt .txt {
 		font-size: 12px;
 	}

 	.m3 {
 		padding: 30px 0;
 	}

 	.cm_tit2 {
 		margin-bottom: 30px;
 	}

 	.m3 .group .item {
 		width: calc(100%/4);
 	}

 	.m4 {
 		padding: 30px 0;
 	}

 	.m5 .box .listvest .list {
 		width: 100%;
 		margin-bottom: 25px;
 	}

 	.m6 {
 		margin-top: 0px;
 		padding-top: 10px;
 	}

 	.m6 .group .item {
 		width: calc(100%/3);
 	}

 	.m6 .group {
 		margin-top: 20px;
 	}

 	.footer .let {
 		width: 100%;
 	}

 	.footer .h_1 {
 		text-align: center;
 		font-size: 12px;
 	}

 	.footer .h_1 a {
 		font-size: 12px;
 		margin: 0px 5px;
 	}

 	.footer .h_2 {
 		margin: 10px 0;
 		text-align: center;
 	}

 	.footer .tel {
 		margin: 0px auto;
 		width: 100%;
 		text-align: center;
 	}

 	.footer {
 		padding: 15px 0;
 	}

 	.footer .tel .t1 {
 		font-size: 16px;
 	}

 	.m4 .box .prev,
 	.m4 .box .next {
 		z-index: 99;
 		width: 30px;

 	}

 	.m4 .box .prev {
 		left: 5%;
 	}

 	.m4 .box .next {
 		right: 5%;
 	}

 	.m8 .let {
 		width: 100%;
 	}

 	.m8 .rit {
 		width: 100%;
 		margin-top: 20px;
 	}

 	.m8 .rit .rit_dm {
 		padding: 3% 5.5%;
 	}

 	.m9 .lt .nt {
 		width: 80px;
 	}

 	.m9 .lt_no_cen {
 		display: block;
 	}

 	.m9 .lt_no_cen .nt {
 		text-align: left;
 		padding-bottom: 10px;
 		width: 100%;
 	}

 	.m10 .boxs .dm {
 		padding: 5%;
 	}

 	.m10 .boxs {
 		width: 95%;
 	}

 	.cm_gx_qy_item .item .gp .it {
 		width: calc(100%/3);
 	}

 	.cm_gx_qy_item .item .gp .it .pic {
 		height: 80px;
 	}

 	.cm_set_more_show {
 		height: 240px;
 		overflow: hidden;
 	}

 	.m1 .listvest .list .const_cn {
 		height: 300px;
 		overflow: hidden;
 	}

 	.m1 .listvest .list .const_cn_on {
 		height: auto;
 	}
	.cm_set_more_show_on{
		height: auto;
	}
	.sex_pop_box{
		width: 80%;
	}


 }




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

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

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

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

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

 @media screen and (max-width:570px) {
 	.cm_list .dms .list_gp .lt {
 		width: 50%;
 	}

 	.m2_1 .box3 .gp .lt {
 		width: 48%;
 		margin: 0px 1%;
 		margin-bottom: 10px;
 	}

 	.m2_1 .box3 .gp .lt:nth-child(4n) {
 		width: 48%;
 		margin: 0px 1%;
 		margin-bottom: 10px;
 	}

 	.el-message-box {
 		width: 50% !important;
 	}

 	.footer .ewm {
 		width: 100%;
 		text-align: center;
 	}
 }

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

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

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

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