.overflowHide{overflow: hidden;}
ul,ol {list-style: none;padding: 0;margin: 0;}
.imgD li img,.imgD .zz-loop-item img{transition: 0.5s;}
.imgD li:hover img,.imgD .zz-loop-item:hover img{transform: scale(1.1);}
.tP{transition: 0.5s;}
.tP:hover{transform: scale(1.1);}
.tD img{transition: 0.5s;}
.tD:hover img{transform: scale(1.1);}

.img{font-size:0;-webkit-transform: translate3d(0, 0, 0);}
.img img{width: 100%;object-fit: cover;}
p{margin: 0;}

/*头部*/
.SJheader{display: none;}
.header_logo{max-width: 270px;width: 21%;position: absolute!important;left: 7%;top: 50px;z-index: 9;}
.PCheader{position: fixed;/* z-index: 99; */color: #000;}
.header_ip{z-index: 99;}
.PCheader .container{max-width: 1600px;margin: auto;}
.PCheader .ip_dh_block{position: fixed;right: 7%;top: 40px;z-index: 9999;}
.PCheader .ip_dh{text-align: right;}
.PCheader .ip_dh>div{display: inline-block;}
.PCheader .ip_dh p{font-size: 16px;font-weight: bold;margin-bottom: -1px;text-align: center;animation: tb 2s linear infinite;}
.PCheader .ip_dh .img{max-width: 120px;width: 10vw;cursor: pointer;}

/*导航动画1*/
.PCheader .dh{margin: 20px -1vw 0 2vw;position: relative;display: none;}
.PCheader .ip_dh_block:hover ul{display: block;}
.PCheader .dh li{white-space: nowrap;}
.PCheader .dh li a{font-size: 18px;color: #000;text-decoration: none;display: inline-block;padding: 13px 12px;transition:transform 0.5s;}
.PCheader .dh li.active a,.PCheader .dh li a:hover{font-weight: bold;transform: scale(1.035);background: url(../img/dh_bj.png)no-repeat left center;background-size: contain;}

/*导航动画2*/
/* .PCheader .dh{margin: 30px -1vw 0 2vw;position: relative;display: none;}
.PCheader .ip_dh_block:hover ul{display: block;}
.PCheader .dh li{white-space: nowrap;opacity: 0;}
.PCheader .dh li a{font-size: 18px;color: #000;text-decoration: none;display: inline-block;padding: 17px 12px;transition:transform 0.5s;}
.PCheader .dh li.active a,.PCheader .dh li a:hover{font-weight: bold;transform: scale(1.035);background: url(../img/dh_bj.png)no-repeat left center;background-size: contain;}
.PCheader .ip_dh_block:hover li{animation: dh 0.5s forwards cubic-bezier(.23,1,.32,1);} */

@media (min-width:850px) and (max-width:1500px){
	.header_logo{left: 4%;}
	.PCheader .ip_dh_block{right: 4%;}
	.PCheader .ip_dh .img {max-width: 105px;}
}
@media (min-width:850px) and (max-width:1199px){
	.PCheader .ip_dh p{font-size: 14px;}
	.PCheader .ip_dh .img{max-width: 75px;margin-top: -5px;}
}
#main{transition: 0.5s;}
#main.filter{filter: blur(8px);}

/*手机头部*/
@media (max-width:850px){
	.SJheader{display: block;}
	header{position: fixed;z-index: 999;left: 0px;top: 0px;width: 100%;background: #fff;}
	header .menu .box1{padding: 8px 20px;z-index: 999;position: relative;}
	header .menu .logo{width: 42%;max-width: 170px;}
	header .menu_menu .img_cd{width: 60px;animation: tb2 1.2s linear infinite;}
	header .menu_menu p{font-size: 11px;text-align: center;font-weight: bold;}
	header .menu_block{position: fixed;z-index: -1;top:0;left: 0;width: 100%;text-align: right;height: 100vh;display: flex;align-items: center;opacity: 0;transition: 0.35s;background: #fff;visibility: hidden;}
	header .menu_block.active{opacity: 1;z-index: 998;visibility: visible;}
	header .menu_block .lists{width: 100%;padding: 20px;}
	header .menu_block .lists li{overflow: hidden;pointer-events: all;padding: 13px 0;}
	header .menu_block .lists li a{display: flex;align-items: center;justify-content: flex-end;transform: translateY(130%) skewY(-24deg);transform-origin: right bottom;}
	header .menu_block.active .lists li a{transform: translateZ(0) skewY(0deg);transition: transform 0.5s 0.45s;}
	header .menu_block .lists li a p{font-weight: bold;}
	header .menu_block .lists li .t1{margin-right: 10px;font-size: 13px;color: rgba(62,62,62,0.7);}
	header .menu_block .lists li .t2{font-size: 20px;}
	header .menu_block .lists li.on a p{color: #DA0007;}
	header .menu_block .list_lxfs{position: fixed;width: 100%;bottom: 30px;display: block !important;}
	header .menu_block .list_lxfs ul{width: 65%;margin: auto;border-radius: 20px;border: 1px solid #666;padding: 1.5% 3%;}
	header .menu_block .list_lxfs li{width: 20%;position: relative;}
	header .menu_block .list_lxfs li .img{width: 60%;max-width: 30px;margin: auto;}
	header .menu_block .list_lxfs li .ewm{position: absolute;top: calc(-100% - 80px);width: 90px;max-width: 90px;left: -50%;transition: 0.5s;opacity: 0;visibility: hidden;}
	header .menu_block .list_lxfs li:hover .ewm{opacity: 1;visibility: visible;}
	
}
@media (max-width:767px){
	#logo,header .menu_block .logo{top: 30px;}
	header .menu_menu .img_cd{width: 40px;}
}



/*底部*/
footer{background: #E0041B;padding: 45px 0 40px 0;text-align: center;color: #fff;font-size: 16px;}
footer .title{font-weight: bold;padding-bottom: 15px;}
footer .ftitle *{padding: 0 15px;display: inline-block;}


.pro_footer{position: fixed;z-index: 99;}
.footer_gl{position: fixed;bottom: 50px;left:calc(50% - 90px);font-size: 16px;width: 180px;text-align: center;pointer-events: none;}
.footer_gl .img{animation: lf 2s linear infinite;width: 59px;margin: auto;}
.footer_gl p{font-size: 16px;font-weight: bold;margin-top: 10px;}
.pro_footer .footer_jt{position: fixed;bottom: 50px;right: 7%;pointer-events: none;width: 108px;}
.pro_footer .footer_jt .quan{animation: quan 10s linear infinite;border-radius: 50%;}
.pro_footer .footer_jt .jt{position: absolute;width: 100%;height: 100%;top: 0;transform: scale(0.33);}
.pro_footer .footer_jt .jt img{transition: 0.5s;}
.pro_footer.right0 .footer_jt .jt img{transform: rotate(180deg);}

.footer_lxfs{position: fixed;bottom: 50px;left: 2.8%;border: 1px solid #030303;border-radius: 26px;padding:15px 5px;background: #ffffff5e;/* z-index: 5; */z-index: 99;}
.footer_lxfs img{width: 2.3vw;max-width: 40px;padding: 2px 0;}
.footer_lxfs li{position: relative;}
.footer_lxfs .ewm{width: 8vw;max-width: 150px;top:calc(-100%);position: absolute;left: 100%;transition: 0.5s;opacity: 0;visibility: hidden;}
.footer_lxfs .ewm img{padding-left: 15px;object-fit: cover;max-width: -webkit-fill-available;width: 100%;}
.footer_lxfs li:hover .ewm{opacity: 1;visibility: visible;}

.footer_pub_title{position: fixed;bottom: calc(52% - 60px);left: 7%;font-size: 20px;width: 20px;height: 120px;line-height: 1.2;pointer-events: none;z-index: 5;}

/*置顶*/
#top_top{position: absolute;width: 100px;height: 100px;background: #E0041B;border-radius: 50%;bottom: 60px;right: 7%;cursor: pointer;}
#top_top .img{width: 45%;margin: auto;}
#top_top .img img{animation: tb 1.5s linear infinite}
#top_top p{font-size: 16px;text-align: center;font-weight: bold;color: #fff;margin-top: 2px;}

/*banner*/
body{background: #fff;}
#banner{height: 100vh;position: relative;/* overflow: hidden; */padding: 7vw 0 0 0;}
#banner .container{z-index: 2;position: relative;max-width: 100%;}
#banner .box1{width: 48%;max-width: 790px;animation: banner_logo 4s forwards cubic-bezier(.23,1,.32,1);margin:auto;}
#banner .banner_text{position: absolute;width: 100%;display: flex;top: 33vh;}
#banner .banner_text .img{display: inline-flex;}
#banner .banner_text img{display: block;width: 80%;margin: 0 5vw;}

@keyframes banner_logo{
	0%{filter: blur(10px);transform: scale(1.3);}
	100%{filter: blur(0);transform: scale(1);}
}


@media (min-width: 1199px) and (max-width: 1500px){
	#top_top{transform: scale(0.93);right: 4%;bottom: 50px;}
	
	.footer_lxfs .ewm{top: calc(-75%);}
}

@media (min-width: 768px) and (max-width: 1199px){
	#banner .box1{width: 58%;}
	#banner .banner_text{top: 36vh;}
	
	.footer_lxfs .ewm{width: 9vw;top: calc(-75%);}
}
	
@media (min-width: 850px) and (max-width: 1199px){
	#top_top{transform: scale(0.78);right: 4%;bottom: 40px;}
}

@media (min-width: 768px) and (max-width: 850px){
	#banner{max-height: 720px;padding: 90px 0 0 0;}
	#banner .box1{width: 66%;}
	#banner .banner_text{top: 27vh;}
}

@media (max-width:850px){
	/*.header_logo{z-index: 99;top: 30px;}
	.PCheader .ip_dh_block{top: 20px;}*/
	.PCheader,.pro_footer,.footer_lxfs,.footer_pub_title{display: none;}
	
	footer .ftitle{font-size: 15px;line-height: 1.7;}
	footer .ftitle *{padding: 0 10px;}
	#top_top{display: none;}
}
@media (max-width:767px){
	footer{font-size: 15px;}
	footer .title{padding-bottom: 20px;}
	footer .ftitle{font-size: 14px;line-height: 1.6;}
	footer .ftitle *{padding: 0 5px;}
	
	#banner{height: 65vh;max-height: 450px;padding: 110px 0 0 0;}
	#banner .box1{width: 70%;}
	#banner .banner_text{top: 31vh;}
}

@keyframes dh {
    0% {transform: translateY(-100%) skewY(5deg);opacity: 0;}
    100% {transform: translateY(0%) skewY(0deg);opacity: 1;}
}
@keyframes lf{
	0% {transform: translateX(-10px);}
	50% {transform: translateX(0px);}
	100% {transform: translateX(-10px);}
}
@keyframes tb{
	0% {transform: translateY(-5px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-5px);}
}
@keyframes tb2{
	0% {transform: translateY(-2px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-2px);}
}
@keyframes quan{0% {transform: rotate(0deg);}100% {transform: rotate(1turn);}}