@media (min-width:1400px) {
	.contact3 {
		padding-bottom: 85px;
		background: url(../images/contact3_bg.png) no-repeat center bottom;
	}

	.liuyan .liuyan_1 {
		display: flex;
		margin-bottom: 15px;
	}
.liuyan .liuyan_1 .layui-btn{    display: inline-block;    height: 48px;    line-height: 48px;    padding: 0 18px;    background-color: #39c94c;    color: #fff;    white-space: nowrap;    text-align: center;    font-size: 14px;    border: none;    border-radius: 2px;    cursor: pointer;}
	.liuyan .liuyan_1 label {
		flex: 33%;
		position: relative;
		display: block;
	}

	.liuyan .liuyan_1 label span {
		position: absolute;
		left: 10px;
		top: 18px;
		color: red;
	}

	.liuyan .liuyan_1 label:nth-of-type(2) {
		margin-left: 2%;
	}

	.liuyan .liuyan_1 label input[type="text"] {
		height: 48px;
		border: 1px solid #dddddd;
		width: 100%;
		padding-left: 24px;
		box-sizing: border-box;
	}

	.liuyan .liuyan_2 label {
		position: relative;
		display: block;
	}

	.liuyan .liuyan_2 label textarea {
		height: 120px;
		padding-top: 15px;
		box-sizing: border-box;
		border: 1px solid #dddddd;
		width: 100%;
		padding-left: 24px;
		box-sizing: border-box;
	}

	.liuyan .liuyan_2 label span {
		position: absolute;
		left: 10px;
		top: 18px;
		color: red;
	}

	.liuyan .liuyan_3 {
		margin-top: 15px;
	}

	.liuyan .liuyan_3 label.yzm {
		flex: inherit;
		position: relative;
		display: block;
	}

	.liuyan .liuyan_3 img {
		width: 90px;
	}

	.liuyan .liuyan_4 label.submit {
		display: flex;
		flex: inherit;
		margin-left: auto;
		margin-right: 0;
		align-items: center;
		justify-content: center;

	}

	.liuyan .liuyan_4 label.submit input {
		border: none;
		background: #2a75e7;
		color: #FFFFFF;
		border-radius: 5px;
		width: 200px;
		height: 50px;
		cursor: pointer;
	}

	.liuyan label.submit input[type="reset"] {
		margin-left: 15px;
		background: #a4a4a4;
	}


	.join1 {

		padding-top: 65px;
		padding-bottom: 53px;
	}

	.join1 .left {
		width: 608px;
	}

	.join1 .left img {
		display: block;
		margin: 0 auto;
	}

	.join1 .right {
		width: 660px;
	}

	.join1 strong {
		font-size: 28px;
		color: #2c2c2c;
		position: relative;
		display: block;
		padding-bottom: 20px
	}
	.join1 strong::after {
		content: "";
		width: 55px;
		height: 3px;
		background: #0181d7;
		position: absolute;
		left: 0;
		margin-left:30px;
		bottom:0;
	}

	.join1 p {
		margin-top:20px;
		font-size: 15px;
		color: #3a3a3a;
		line-height: 15px;
		padding-left: 25px;
		background: url(../imge/join_s.png) no-repeat left center;
	}

	.join2 {
		background: #fff;
	}

	.join2 .right {
		width: 608px;
	}

	.join2 .left {
		padding-left: 18px;
		box-sizing: border-box;
	}
	.join2 .right img {
		display: block;
		margin: 0 auto;
	}

	.join3 {
		
		background: #f5faff;
		padding-bottom: 55px;
		padding-top: 48px;
	}

	.join3 table {
		width: 100%;

	}

	.join3 table thead {
		background: #e6eefb;
	}

	.join3 table thead th {
		height: 52px;
		line-height: 52px;
		text-align: left;
		padding-left: 50px;
		font-size: 15px;
		color: #595959;
	}

	.join3 table tbody td {
		height: 52px;
		line-height: 52px;
		text-align: left;
		padding-left: 50px;
		font-size: 15px;
		color: #333333;
		border-bottom: 1px solid #e7e8ea;
	}

	.join3 table tbody td a {
		-webkit-transition: all 0s ease-in-out 0s;
		transition: all 0s ease-in-out 0s;
		color: #0181d7;
     cursor: pointer;
	}

	.join3 table tbody tr:hover {
		background: #1679d3;
	}

	.join3 table tbody tr:hover td {
		color: #FFFFFF;
	}

	.join3 table tbody tr:hover td a {
		color: #FFFFFF;
	}

	.join3_more {
		margin-top: 40px;
	}

	.join3_more a {
		display: block;
		width: 178px;
		height: 52px;
		line-height: 52px;
		text-align: center;
		color: #FFFFFF;
		margin: 0 auto;
		background: #1679d3;
		box-shadow: 0px 0px 20px rgba(22, 121, 211, .5);
		border-radius: 5px;
		font-size: 15px;
		position: relative;
		overflow: hidden;
	}

	.join3_more a span {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 3;
	}

	.join3_more a::after {
		content: "";
		width: 0%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #1679d3;
		z-index: 1;
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}

	.join3_more a:hover::after {
		width: 100%;
	}

	.join3_more a i {
		display: inline-block;
		margin-left: 5px;
		font-size: 18px;
	}

	.join4 .liuyan_1 label:nth-of-type(2),
	.join4 .liuyan_1 label:nth-of-type(3) {
		margin-right: 2%;
	}
    .join4 {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.join4 b {
		display: inline-block;
		height: 50px;
		line-height: 50px;
		padding-left: 24px;
		font-size: 14px;
		color: #666;
		margin-right: 15px;
	}

	.join4 .liuyan_1 {
		margin-bottom: 10px;
	}

	.join4 .liuyan_2 {
		margin-bottom: 25px;
	}}
	
	

 @media (max-width:1400px) {
.contact3 {
		padding-bottom: 85px;
		background: url(../images/contact3_bg_m.png) no-repeat center bottom;
		background-size: 100%;
	}
.liuyan .liuyan_1 {
		margin-bottom: 10px;
	}

	.liuyan .liuyan_1 label {
		width: 100%;
		position: relative;
		display: block;
		margin-bottom: 10px;
	}

	.liuyan .liuyan_1 label span {
		position: absolute;
		left: 10px;
		top: 12px;
		color: red;
	}

	.liuyan .liuyan_1 label input[type="text"] {
		height: 40px;
		border: 1px solid #dddddd;
		width: 100%;
		padding-left: 24px;
		box-sizing: border-box;
	}

	.liuyan .liuyan_2 label {
		position: relative;
		display: block;
	}
.liuyan .liuyan_1 .layui-btn{    display: inline-block;    height: 40px;    line-height: 40px;    padding: 0 18px;    background-color: #39c94c;    color: #fff;    white-space: nowrap;    text-align: center;    font-size: 14px;    border: none;    border-radius: 2px;    cursor: pointer;}
	.liuyan .liuyan_2 label textarea {
		height: 120px;
		padding-top: 15px;
		box-sizing: border-box;
		border: 1px solid #dddddd;
		width: 100%;
		padding-left: 24px;
		box-sizing: border-box;
	}

	.liuyan .liuyan_2 label span {
		position: absolute;
		left: 10px;
		top: 18px;
		color: red;
	}

	.liuyan .liuyan_3 {
		margin-top: 15px;
		display: flex;
	}

	.liuyan .liuyan_3 label.yzm {
		flex: 1;
		position: relative;
		display: block;
	}

	.liuyan .liuyan_3 img {
		width: 80px;
		height: 40px;
	}

	.liuyan .liuyan_4 label.submit {
		display: flex;
		flex: inherit;
		margin-left: auto;
		margin-right: 0;
		align-items: center;
		justify-content: center;

	}

	.liuyan .liuyan_4 label.submit input {
		border: none;
		background: #2a75e7;
		color: #FFFFFF;
		border-radius: 5px;
		width: 160px;
		height: 40px;
		cursor: pointer;
	}

	.liuyan .liuyan_4 label.submit input[type="reset"] {
		margin-left: 15px;
		background: #a4a4a4;
	}
.join1 {
		padding-top: 45px;
		padding-bottom: 33px;
	}

	.join1 .left {
		width: 100%;
	}

	.join1 img {
		display: block;
		margin: 0 auto;
		max-width: 70%;
		margin-bottom: 20px;
	}

	.join1 .right {
		width: 100%;
	}

    .join1 strong {
	text-align:center;
		font-size: 20px;
		color: #2c2c2c;
		position: relative;
		display: block;
		margin-bottom:20px;
		padding-bottom: 20px
	}
	.join1 strong::after {
		content: "";
		width: 29px;
		height: 3px;
		background: #0181d7;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 0;
	}

	.join1 p {
		font-size: 14px;
		color: #3a3a3a;
		line-height: 24px;
		margin-bottom: 15px;
		padding-left: 25px;
		background: url(../imge/join_s.png) no-repeat left center;
	}

	.join2 {
	background: #fff;
	}

	.join2 .right {
		width: 100%;
	}

	.join2 .left {
		box-sizing: border-box;
	}

	.join3 {
		padding-bottom: 35px;
		padding-top: 30px;
		background: #f5faff;
	}


	.join3 p {
		margin-top:10px;
		font-size: 14px;
		color: #3a3a3a;
		line-height: 25px;
	}
	
	
	.join3 table {
		width: 100%;
	}

	.join3 table thead {
		background: #e6eefb;
	}

	.join3 table thead th {
		height: 40px;
		line-height: 40px;
		text-align: left;
		padding-left: 10px;
		font-size: 14px;
		color: #595959;
	}

	.join3 table tbody td {
		height: 40px;
		line-height: 40px;
		text-align: left;
		padding-left: 10px;
		font-size: 14px;
		color: #333333;
		border-bottom: 1px solid #e7e8ea;
	}

	.join3 table tbody td a {
		-webkit-transition: all 0s ease-in-out 0s;
		transition: all 0s ease-in-out 0s;
		color: #0181d7;
	}

	.join3 table tbody tr:hover {
		background: #1679d3;
	}

	.join3 table tbody tr:hover td {
		color: #FFFFFF;
	}

	.join3 table tbody tr:hover td a {
		color: #FFFFFF;
	}

	.join3_more {
		margin-top: 40px;
	}

	.join3_more a {
		display: block;
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #FFFFFF;
		margin: 0 auto;
		background: #1679d3
		box-shadow: 0px 0px 20px rgba(22, 121, 211, .5);
		border-radius: 5px;
		font-size: 14px;
		position: relative;
		overflow: hidden;
	}

	.join3_more a span {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 3;
	}

	.join3_more a::after {
		content: "";
		width: 0%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #1679d3;
		z-index: 1;
		-webkit-transition: all .3s ease-in-out 0s;
		transition: all .3s ease-in-out 0s;
	}

	.join3_more a:hover::after {
		width: 100%;
	}

	.join3_more a i {
		display: inline-block;
		margin-left: 5px;
		font-size: 18px;
	}

.join4 .liuyan_1 label:nth-of-type(2),
	.join4 .liuyan_1 label:nth-of-type(3) {
		margin-right: 2%;
	}
    .join4 {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.join4 p {
		margin-top:10px;
		font-size: 14px;
		color: #3a3a3a;
		line-height: 25px;
	}
	.join4 b {
		display: inline-block;
		height: 50px;
		line-height: 50px;
		padding-left: 24px;
		font-size: 14px;
		color: #666;
		margin-right: 15px;
	}

	.join4 .liuyan_1 {
		margin-bottom: 10px;
	}

	.join4 .liuyan_2 {
		margin-bottom: 25px;
	}
}
 @media (max-width:850px) {
	 .pc_block {
    display: none !important;
}}
 @media (max-width:690px) {
	 .join1 {
		padding-top: 35px;
		padding-bottom: 10px;
	}
    .join1 p {
		padding-left:10px;
		padding-right:10px;
		background: none !important;
	}}
 @media (max-width:550px) {
	 .pc_block1 {
    display: none !important;
}}
 @media (max-width:400px) {
	 .pc_block2 {
    display: none !important;
}}