.dry4{position: relative;overflow: hidden;}
.dry4::before{width: 100%;height: 100vh;background: rgba(255,255,255,0.44);backdrop-filter: blur(8px);border-radius: 500px;left: -50%;top: 0;position: absolute;content: '';z-index: 2;border: 1px solid rgba(255,255,255,0.7);box-sizing: border-box;}
.dry4container{position: absolute;left: 0;top: 0;height: 100%;width: 50.2%;/* background: url(../images/dr4bg.png) left center no-repeat;background-size: 100%; */z-index: 2;}
.dry4container h1 img{height: 2.93rem;}
.dry4container h1{margin-top: 7.9%;margin-left: 3.3rem;margin-bottom: 7.9%;}
.dry4container .wrap{background: url(../images/dr4bg2.png) right center no-repeat;background-size: cover;width: 75%;box-sizing: border-box;padding-left: 3.3rem;padding-top: 2.6rem;padding-bottom: 1.8rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.dry4container .wrap .btnlink div{float: left;margin-right: 1.6rem;}
.dry4container .wrap .btnlink a{color: #2B73D6;font-weight: bold;display: block;text-align: center;width: 2.4rem;position: relative;}
.dry4container .wrap .btnlink a .ico{background-color: #fff;box-shadow: 8px 8px 25px rgba(0,0,0,0.06);width:2.4rem ;height: 2.4rem;border-radius: 50%;display: block;}
.dry4container .wrap .btnlink a .ico img{height: 1.26rem;}
.dry4container .wrap .btnlink a .ewm{position: absolute;background-color: #fff;width: 120px;left: 50%;transform: translateX(-50%) ;height: 0;overflow: hidden; bottom: 120%;border-radius: 10px;}
.dry4container .wrap .btnlink a .ewm img{display: block;}
.dry4container .wrap .btnlink a .text{margin-top: 0.4rem;line-height: 0.8rem;}
.dry4container .wrap .btnlink a:hover .ico{box-shadow: 8px 10px 25px rgba(0,0,0,0.26);transform: translateY(-10px) rotateY(180deg);}
.dry4container .wrap .btnlink a:hover .ewm{height: 120px;}
.dry4container .wrap .contact{margin-top: 2.2rem;}
.dry4container .wrap .contact .item{line-height: 1rem;padding-left: 1.4rem;}
.dry4container .wrap .contact .item img{position: absolute;left: 0;top: 0.13rem;}
.dry4container .wrap .contact .item .title span{display: inline-block; width: 2.67rem;text-align-last: justify;}
.dry4container .wrap .contact .item .text{width: calc(100% - 3.5rem);}

.dry4container .wrap .btnlink a .ewmtext{position: absolute;background-color: #fff;width: 284px;left: 50%;transform: translateX(-50%) ;height: 0;overflow: hidden; bottom: 120%;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;}
.dry4container .wrap .btnlink a .ewmtext i{padding-right: 5px;text-align: left;padding-left: 20px;}
.dry4container .wrap .btnlink a .ewmtext img{width: 120px;height: 120px;}
.dry4container .wrap .btnlink a:hover .ewmtext{height: 120px;padding: 7px;}
.dry4container .wrap .kjlinkbtn{position: absolute;right: -354px;top: 0;}
.dry4container .wrap .kjlinkbtn div{margin-top: 1.33rem;}
.dry4container .wrap .kjlinkbtn div:first-child{margin-top: 0;}
.dry4container .wrap .kjlinkbtn a{width: 10rem;height: 3rem;border-radius: 45px;padding: 0.66rem 1rem 0 1.4rem;background: linear-gradient(to right,#308BFA,#4CC2FF);box-sizing: border-box;color: #fff;}
.dry4container .wrap .kjlinkbtn a::before{width: 0;height: 100%;background: linear-gradient(90deg,#0CB6B3,#40D9AF);left: 0;top: 0;border-radius: 45px;}
.dry4container .wrap .kjlinkbtn a:hover::before{width: 100%;}
.dry4container .wrap .kjlinkbtn a *{z-index: 2;}
.dry4container .wrap .kjlinkbtn a img{position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);filter: brightness(0) invert(1);}
.dry4container .wrap .kjlinkbtn a .en{opacity: 0.6;text-transform: uppercase;line-height: 0.66rem;}
.dry4container .wrap .kjlinkbtn a .name{line-height: 1rem;position: relative;font-weight: bold;letter-spacing: 1px;}
.dry4container .wrap .kjlinkbtn div:nth-child(2),.dry4container .wrap .kjlinkbtn div:nth-child(3){margin-left: 1.83rem;}


@keyframes move{0%{left:0;}100%{left:-100vw;}}
/* @keyframes movem{0%{left:0;}100%{left:-680vw;}}
@keyframes movem1{0%{left:0;}100%{left:-944vw;}} */
.moveBg .move{background: url(../images/bg.jpg) no-repeat left center;background-size:cover;position: absolute;left: 0;top:0;bottom: 0;width:240vw;animation:move 40s linear infinite}
.moveBg.on .move{}
.moveBg{height: 100vh;}

@media screen and (max-width:1650px){
	.dry4container .wrap .btnlink div{margin-right: 1rem;}
	.dry4container .wrap .contact .item{padding-left: 1rem;}
	.dry4container .wrap{padding-left: 2rem;}
	.dry4container h1{margin-left: 2rem;}
}
@media screen and (max-width:1280px){
	.dry4container .wrap{width: 83%;}
	.dry4container .wrap .kjlinkbtn a{width: 9rem;padding: 0.66rem 1rem 0 1rem;}
	.dry4container .wrap .kjlinkbtn a img{width: 1.5rem;}
	.dry4container .wrap .kjlinkbtn{right: -60%;}
}
@media screen and (max-width:991px){
	.dry4container .wrap{width: 105%;}
	.dry4::before{left: -35%;}
	
}
@media screen and (max-width:760px){
	.dry4::before,.dry4container .wrap .kjlinkbtn a::before{display: none;}
	.dry4container{width: 100%;}
	.dry4container .wrap{width: 90%;border-radius: 10px;padding: 1rem 5%;      background: none; left: 5%;z-index: 3;transform: translateY(-63%);}
	.dry4container .wrap .kjlinkbtn{position: relative;right: auto;top: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1rem;}
	.dry4container .wrap .kjlinkbtn div{margin-left: 0 !important;margin-top: 0.5rem !important;width:48%;border: 1px solid rgba(255,255,255,0.6);border-radius: 10px;background: rgba(255,255,255,0.3);backdrop-filter: blur(8px);}
	.dry4container .wrap .kjlinkbtn a{width: 100%;padding: 2rem 0 0.5rem 0;height: auto;background: none;}
	.dry4container .wrap .kjlinkbtn a span{text-align: center;display: block;}
	.dry4container .wrap .kjlinkbtn a img{left: 50%;transform: translateX(-50%);top: 0.3rem;filter: none;}
	.dry4container .wrap .kjlinkbtn a .name{font-size: 0.6rem;color: #444;}
	.dry4container .wrap .kjlinkbtn a .en{color: #444;}
	.dry4container .wrap .kjlinkbtn a{}
	.dry4container .wrap .contact{margin: 1rem 0 0;}
	.dry4container .wrap .btnlink{display: flex;justify-content: space-between;}
	.dry4container .wrap .btnlink div{margin-right: 0;}
	.dry4container .wrap .btnlink::after{display: none;}
	.dry4container::after{width: 100%;background: linear-gradient(0,rgba(0,0,0,0.3),rgba(0,0,0,0));height: 50%;left: 0;bottom: 0;}
	.dry4container .wrap .contact{position: absolute;left: 20px;bottom: -198px;}
	
	.dry4container .wrap .contact .item .text,.dry4container .wrap .contact .item .title{font-size: 0.63rem;}
	.dry4container .wrap .contact .item img{width: 15px;}
	.dry4container h1{margin-left: 0;}
	.dry4container h1 img{display: block;margin: auto;}
	.dry4container .wrap .btnlink a .ewm{width: 100px;}
	
	.dry4container .wrap .btnlink a:hover .ewm,.dry4container .wrap .btnlink a:hover .ewmtext{height: 100px;}
	.dry4container .wrap .btnlink a:hover .ico{translateY(-5px) rotateY(180deg)}
	.dry4container .wrap .btnlink a .ewmtext img{width: 100px;height: 100px;}
	.dry4container .wrap .btnlink a .ewmtext{width: 245px;}
}