.ny_contact{background: #f8f8f8;}
.ny_contact .ny_lxwmone{padding: 75px 0;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ny_contact .ny_lxwmone .left{ width:48.2%; float:left; border-radius:8px; padding:60px; background:#18cfcf url(../images/webp/nylx_bg1.webp) no-repeat; background-size:cover; border:1px solid #ddd; position:relative;}
.ny_contact .ny_lxwmone .left p{ font-size:48px; color:#fff;font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:20px; margin-bottom:30px; max-width:70%;}
.ny_contact .ny_lxwmone .left p:after{ content:''; display:block; width:80px; height:3px; background:#fff; position:absolute; left:0; bottom:0;}
.ny_contact .ny_lxwmone .left .mscont{ color:#fff; font-size:22px; line-height:36px;}
.ny_contact .ny_lxwmone .left em{ display:block; width:88px; height:82px; background:url(../images/webp/chat.webp) center no-repeat; position:absolute; top:70px; right:80px;}

.ny_contact .ny_lxwmone ul{ width:48.2%; float:right; overflow:hidden;}
.ny_contact .ny_lxwmone ul li{ width:100%; background:#fff; border:1px solid #ddd; padding:20px 100px 20px 35px; border-radius:8px; position:relative; margin-bottom:8px;}
.ny_contact .ny_lxwmone ul li:after{ content:''; display:block; width:50px; height:50px;background:url(../images/webp/nylx_ico.webp) no-repeat; background-position:0 0; position:absolute; right:35px; top:50%; transform:translateY(-50%);}
.ny_contact .ny_lxwmone ul li p{ font-size:20px;font-weight:bold; text-transform:uppercase;}
.ny_contact .ny_lxwmone ul li span{ color:#777; font-size:18px;word-break: break-word}
.ny_contact .ny_lxwmone ul li:nth-of-type(2):after { background:url(../images/webp/nylx_ico.webp) no-repeat; background-position:0 -50px;}
.ny_contact .ny_lxwmone ul li:nth-of-type(3):after { background:url(../images/webp/nylx_ico.webp) no-repeat; background-position:0 -100px;}
.ny_contact .ny_lxwmone ul li:nth-of-type(4):after { background:url(../images/webp/nylx_ico.webp) no-repeat; background-position:0 -150px;}
.ny_contact .ny_lxwmone ul li:last-child{ margin-bottom:0;}

.ny_contact .ny_lxwmone ul li:hover{ background:#18cfcf;border:1px solid #02484d;}
.ny_contact .ny_lxwmone ul li:hover p{ color:#fff;}
.ny_contact .ny_lxwmone ul li:hover span{ color:rgba(255,255,255,.7);}
.ny_contact .ny_lxwmone ul li:hover:after{background-position:-50px 0;}
.ny_contact .ny_lxwmone ul li:nth-of-type(2):hover:after {background-position:-50px -50px;}
.ny_contact .ny_lxwmone ul li:nth-of-type(3):hover:after {background-position:-50px -100px;}
.ny_contact .ny_lxwmone ul li:nth-of-type(4):hover:after {background-position:-50px -150px;}
@media screen and (max-width:1440px){
	.ny_contact .ny_lxwmone{padding: 60px 0;}
	.ny_contact .ny_lxwmone .left{ padding:50px;}
	.ny_contact .ny_lxwmone .left p{ font-size:38px;}
	.ny_contact .ny_lxwmone .left em{ width:70px; height:65px; background-size:100%;top:60px; right:60px;}
	
	.ny_contact .ny_lxwmone ul li:after{transform: translateY(-50%) scale(.9);}
}
@media screen and (max-width:1080px){
	.ny_contact .ny_lxwmone{padding: 50px 0;}
	.ny_contact .ny_lxwmone .left{ padding:40px;}
	.ny_contact .ny_lxwmone .left p{ font-size:34px;}
	.ny_contact .ny_lxwmone .left .mscont{ font-size:18px;}
	.ny_contact .ny_lxwmone .left em{ width:60px; height:56px; top:50px; right:40px;}
	
	.ny_contact .ny_lxwmone ul li{padding: 20px 90px 20px 25px;}
	.ny_contact .ny_lxwmone ul li:after{transform: translateY(-50%) scale(.8); right:25px;}
	.ny_contact .ny_lxwmone ul li p{ font-size:18px;}
	.ny_contact .ny_lxwmone ul li span{ font-size:16px;}
}
@media screen and (max-width:767px){
	.ny_contact .ny_lxwmone{padding: 40px 0;display:block !important;}
	.ny_contact .ny_lxwmone .left{ width:100%; float:none; margin-bottom:12px;}
	
	.ny_contact .ny_lxwmone ul{ width:100%; float:none;}
	.ny_contact .ny_lxwmone ul li p{ font-size:16px;}
}
@media screen and (max-width:500px){
	.ny_contact .ny_lxwmone{padding: 30px 0;}
	.ny_contact .ny_lxwmone .left{ padding:30px;}
	.ny_contact .ny_lxwmone .left p{ font-size:28px;padding-bottom:15px; margin-bottom: 20px;}
	.ny_contact .ny_lxwmone .left .mscont{ font-size:16px; line-height:28px;}
	.ny_contact .ny_lxwmone .left em{ width:50px; height:47px; top:40px; right:30px;}
	
	.ny_contact .ny_lxwmone ul li span{ font-size:15px;}
}


.ny_contact .ny_lxwmtwo{ background:#fff;padding: 75px 0;}
.ny_contact .ny_lxwmtwo .ny_title span{ font-size:16px; line-height:20px; color:#777;text-transform: none;}
.ny_contact .nyContactOrder_form { margin-top:35px;}
.nyContactOrder_form dl { margin: 0 -20px; }
.nyContactOrder_form dl dt { width: 100%; margin-bottom:24px; padding: 0 20px; clear: both; }
.nyContactOrder_form dl dd { width: 50%; margin-bottom: 24px; padding: 0 20px; float: left; }
.nyContactOrder_form .nyContactOrder_ipt { width: 100%; padding: 8px 14px; border:1px solid #ddd; border-radius:4px; position: relative; }
.nyContactOrder_form .nyContactOrder_area { width: 100%; padding: 8px 14px; border:1px solid #ddd;border-radius:4px; position: relative;}
.nyContactOrder_ipt span, .nyContactOrder_area span { display: inline-block; color: #f00; font-size: 18px; position: absolute; left:14px; top:18px; }
.nyContactOrder_ipt input { display: block; width: calc(100% - 13px); height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 16px; padding: 0; background: rgba(0, 0, 0, 0) !important; border:0; outline: none; float:right; }
.nyContactOrder_ipt input::placeholder,.nyContactOrder_form .nyContactOrder_area textarea::placeholder{ color:#bbb; font-size:16px;}
.nyContactOrder_area textarea { display: block; width:100%; height:180px; line-height:32px; color: #222; font-size:16px; background: rgba(0, 0, 0, 0) !important; border:0; outline: none; resize: none;}
.nyContactOrder_ipt input:focus, .nyContactOrder_area textarea:focus { border: 0px solid #009ccf; }
.nyContactOrder_form dl .yzmli{ width:100%;}
.nyContactOrder_form dl .yzmli .nyContactOrder_ipt{ width:220px;float:left; padding: 5px 14px;}
.nyContactOrder_form dl .yzmli a{ display:block;width:146px; height:52px; border: 1px solid #ddd; border-radius:4px; float:left; margin-left:12px;}
.nyContactOrder_form dl .yzmli a.yzm img { display: block; width: 100%; height: 100%; border:0 !important;}
.nyContactOrder_form dl .tjbtn{ width:200px; height:52px;margin-bottom:0;}
.nyContactOrder_btn .submitBtn { display: block; width: 100%;overflow: hidden; line-height: 52px; color: #fff; font-size: 16px; text-align: center; border: 0; border-radius:4px;outline: none; float: left;}
.nyContactOrder_btn .submitBtn { background:#02484d;}
.nyContactOrder_btn .submitBtn:hover { background:#18cfcf; }
@media screen and (max-width:1440px){
	.ny_contact .ny_lxwmtwo{padding: 60px 0;}
	.ny_contact .nyContactOrder_form { margin-top: 25px;}
	.nyContactOrder_form dl{margin: 0 -10px;}
	.nyContactOrder_form dl dd{padding: 0 10px;}
	.nyContactOrder_form dl dt{padding: 0 10px;}
}
@media screen and (max-width:1080px){
	.ny_contact .ny_lxwmtwo{padding: 50px 0;}
	.ny_contact .nyContactOrder_form { margin-top: 15px;}
	.nyContactOrder_form .nyContactOrder_ipt{padding:4px 14px;}
	.nyContactOrder_form dl dd{ margin-bottom:15px;}
	.nyContactOrder_ipt span, .nyContactOrder_area span{top: 15px;}
	.nyContactOrder_area textarea{ height:150px;}
	.nyContactOrder_form dl .yzmli .nyContactOrder_ipt{ width:200px;padding: 2px 14px;}
	.nyContactOrder_form dl .yzmli a{height:46px;}
	.nyContactOrder_form dl .tjbtn{height:46px;}
	.nyContactOrder_btn .submitBtn{ line-height:46px;}
}
@media screen and (max-width:767px){
	.ny_contact .ny_lxwmtwo{padding: 40px 0;}
	.ny_contact .ny_lxwmtwo .ny_title span{ display:none;}
	.ny_contact .nyContactOrder_form{ margin-top:20px;}
	.nyContactOrder_form dl dd{ width:100%; margin-bottom:10px;}
	.nyContactOrder_form dl dt{ margin-bottom:10px;}
	.nyContactOrder_form .nyContactOrder_ipt{padding:2px 14px;}
	.nyContactOrder_ipt span, .nyContactOrder_area span{top: 13px;}
}
@media screen and (max-width:500px){
	.ny_contact .ny_lxwmtwo{padding: 30px 0;}
	.nyContactOrder_ipt input{ font-size:15px;}
	.nyContactOrder_ipt input::placeholder,.nyContactOrder_form .nyContactOrder_area textarea::placeholder{font-size:15px;}
	.nyContactOrder_form dl .yzmli a{width:130px;margin-left:10px;}
	
}