/* body.overflow_hide{overflow: hidden;} */
header{position: absolute;height: auto;width: 100%;z-index: 999;padding-top: 23px;}
header .logo{max-width: 370px;/* transition: 0.1s; */width: 25%;}
header.fix .logo{opacity: 0;}
header .control_dh{max-width: 45px;cursor: pointer;position: fixed;right: 40px;box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.07);border-radius: 50%;}
header .dh_close{display: none;}
header.hide{background: transparent;transition-delay: 0.3s;}
header.hide .logo{opacity: 0;visibility: hidden;transition-delay: 0.3s;}
header.hide .dh_close{display: block;}
header.hide .dh_open{display: none;}

#main_dh{background: url(../img/main_dh.jpg)no-repeat center center;background-size: cover;height: 0vh;width: 100%;position: fixed;visibility: hidden;transition: 0.5s;bottom: 0;overflow: hidden;z-index: 998}
#main_dh *{color: #929292;}
#main_dh .container,#main_dh .box1{height: 100%;}
#main_dh.show{;height: 100vh;visibility: visible;}

#main_dh .box1{padding-top: 6%;}
#main_dh .box1 ul{width: 100%;}
#main_dh .box1 a{/* padding: 24px 0; */position: relative;transition: 0.5s;padding: 2.6vh 0;}
#main_dh .box1 a::after{content: '';width: 40%;height: 1px;background: #929292;position: absolute;bottom: 0;left: 0;transition:width 0.8s;}
#main_dh .box1 .number{font-size: 12px;width: 32px;height: 32px;border: 1px dashed #fff;border-radius: 50%;margin-right: 30px;position: relative;font-family: "fontR";}
#main_dh .box1 .number span{color: #fff;}
#main_dh .box1 .number::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #E90474;border-radius: 50%;opacity: 0;}
#main_dh .box1 .title{font-size: 36px;font-weight: bold;text-transform: uppercase;font-family: "fontB";}
#main_dh .box1 .title span{padding: 0 25px;}
#main_dh .box1 .jt{overflow: hidden;position: relative;width: 13px;}
#main_dh .box1 .jt .img2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transform: translateY(100%);opacity: 0;}
#main_dh .box1 a .jt .img1,#main_dh .box1 .jt .img2{transition: transform .6s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.19,1,.22,1);padding: 8px 0;}

#main_dh a:hover *{color: #E90474;}
#main_dh .box1 a:hover::after{background: #E90474;transition-delay: 0s!important;}
#main_dh .box1 a:hover .number::after{transform: scale(1.2);opacity: 1;transition: transform .6s cubic-bezier(.19,1,.22,1);}
#main_dh .box1 a:hover .number span{z-index: 2;}
#main_dh .box1 a:hover .jt .img1{transform: translateY(-100%);opacity: 0;}
#main_dh .box1 a:hover .jt .img2{transform: translateY(0%);opacity: 1;}

#main_dh .box2{width: 100%;font-size: 12px;color: #929292;margin-top: 6.3%;font-family: "fontL";}

#main_dh .box1 li:nth-child(1) .fade_delay,#main_dh .box1 li:nth-child(1) a::after{transition-delay: 0.3s;}
#main_dh .box1 li:nth-child(2) .fade_delay,#main_dh .box1 li:nth-child(2) a::after{transition-delay: 0.35s;}
#main_dh .box1 li:nth-child(3) .fade_delay,#main_dh .box1 li:nth-child(3) a::after{transition-delay: 0.40s;}
#main_dh .box1 li:nth-child(4) .fade_delay,#main_dh .box1 li:nth-child(4) a::after{transition-delay: 0.45s;}
#main_dh .box1 li:nth-child(5) .fade_delay,#main_dh .box1 li:nth-child(5) a::after{transition-delay: 0.5s;}
#main_dh .box1 li:nth-child(6) .fade_delay,#main_dh .box1 li:nth-child(6) a::after{transition-delay: 0.55s;}

#main_dh .fade_op{transition: 1s cubic-bezier(.19,1,.22,1);opacity: 0;}
#main_dh.show .fade_op{opacity: 1;}

#main_dh .fade_top{transition: 1.5s cubic-bezier(.19,1,.22,1);opacity: 0;transform: translateY(100%);}
#main_dh.show .fade_top{opacity: 1;transform: translateY(0px);}

#main_dh.show .box1 li a::after{width: 100%;}

#main_dh_logo{width: 11%;position: absolute;z-index: 5;pointer-events: none;transition: 0.1s;margin-left: 5%;opacity: 0;}

@media (min-width:1500px){
	header .control_dh{right: 7.8%;}
}
@media (min-width:1700px) and (max-width:1850px){
	header .control_dh{right: 5%;}
}
@media (min-width:1500px) and (max-width:1700px){
	header .control_dh{right: 3%;}
}
@media (min-width:1199px) and (max-width:1500px){
	#main_dh .box1 .title {font-size: 32px;}
}
@media (min-width:767px) and (max-width:1199px){
	header .control_dh {max-width: 35px;}
	
	#main_dh .box1 .number{width: 28px;height: 28px;}
	#main_dh .box1 a{padding: 3vh 0;}
	#main_dh .box1 .title {font-size: 26px;}
	#main_dh .box1 .title span {padding: 0px 20px;}
}
@media (max-width:850px){
	header .logo {max-width: 250px;width: 45%;}
}
@media (max-width:767px){
	header{padding-top: 15px;}
	header .control_dh {max-width: 30px;right: 18px;}
	
	#main_dh{background: url(../img/main_dh_sj.jpg)no-repeat center center;background-size: cover;}
	#main_dh_logo,#main_dh .box1 .number{display: none;}
	#main_dh .box1{padding-top: 0;}
	#main_dh .box1 ul{padding-bottom: 15px;}
	#main_dh .box1 a{padding: 3vh 0;}
	#main_dh .box1 .title {font-size: 17px;}
	#main_dh .box1 .title span {padding: 0 5px;}
	
	#main_dh .box2 {position: absolute;bottom: 40px;width: 100%;left: 0;padding: 0 20px;margin: 0;opacity: 0;}
	#main_dh.show .box2{opacity: 1;transition: 0.5s;transition-delay: 0.3s;}
}