/* CSS Document public*/

a{text-decoration:none;outline-style:none; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur()); outline-style:none;}
ul{list-style:none;}
img{border:0px; vertical-align:middle}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container02,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}

.img{width: 100%;position: relative;padding-bottom: 60%;overflow: hidden;transition: 0.4s;}
.img .img_box{background-position: center center !important;position: absolute;top: 0;left: 0;z-index: 2;    width: 100%;background-size: cover !important;
	height: 100%;transition: 0.4s;}
.img img{    position: absolute;transition: 0.4s;opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;}
a:hover .img .img_box{transform: scale(1.05);}
a:hover .img img{transform: scale(1.05);}

.w1500{width: 15rem;margin: 0 auto;}

.p1_lb_video{width: 100%;height: 100%;}
.p1_lb_video .slick-list{height: 100%;}
.p1_lb_video .slick-track{height: 100%;}
.p1_lb_video .slider{height: 100%;}

.p1_lb_video .slick-arrow{display: none !important;}

.p1_lb_video .item{height: 100%;}
.p1_lb_video .item a{display: block;position: relative;height: 100%;}
.p1_lb_video .item a::after{content: "";display: block;width: 100%;height: 352px;background: url(../image/top_nav_zz.png) repeat-x top left;position: absolute;top: 0;left: 0;z-index: 3;}
.p1_lb_video .item .img{padding-bottom: 0;height: 100%;}
.p1_lb_video .item img{width: 100%;transform: scale(1) !important;}
.p1_lb_video .item .img_box{transform: scale(1) !important;}
.p1_lb_video .item video{width: 100%;height: auto;}

.p1_lb_video .slick-dots{}
.p1_lb_video .slick-dots{display: flex;width: auto;position: relative;margin: 0 .26rem;align-items: center;justify-content: flex-end;
	position: absolute;right: 11%;top: calc(100vh - .6rem) ;width: 100%;
}
.p1_lb_video .slick-dots li{width: auto;height: auto;opacity: 1;margin: 0 .11rem !important;position: relative;background: none;color: #fff;font-family: Arial;}

.p1_lb_video .slick-dots li::after{content: "";display: block;width: .08rem;height: 1px;background: rgba(255,255,255,.8);position: absolute;left: calc(100% + .08rem);top: calc(50%);}
.p1_lb_video .slick-dots li+li::before{display: none;}
.p1_lb_video .slick-dots li.slick-active{background: url(../image/bn_dt_dot_li_on.png) no-repeat;width: .37rem;height: .41rem; background-size: 100%;border-radius: 0;}
.p1_lb_video .slick-dots li button{background: none;border: 0;text-align: center;color: #fff;}
.p1_lb_video .slick-dots li.slick-active button{display: none;}


@media(max-width: 1450px) {
	.firstScreen{height: auto;}
	.p1_lb_video .item img{position: relative;height: auto;}
	.p1_lb_video .slick-dots{top: auto;;bottom: 0.2rem;right: 3%;}
}
@media(max-width: 1024px) {
	.p1_lb_video .item a::after{display: none;}
}


.sy_right_lj{position: fixed;top: calc(50% - 1.2rem);right: 0;width: .6rem;z-index: 99;transition: 0.4s;}
.sy_right_lj .xjt{width: 0.62rem;height: 100%;display: flex;position: absolute;align-items: center;left: 0;top: 0;z-index: 3;transition: 0.4s;transition-delay: 0s;}
.sy_right_lj .xjt img{width: 1rem;cursor: pointer;}
.sy_right_lj ul{transform: translate(1.5rem,0);transition: 0.4s;}
.sy_right_lj ul li{margin-bottom: .1rem;}
.sy_right_lj ul li a{background: #b20c0c;display: block;position: relative;font-size: .16rem;color: #fff;width: 1.9rem;height: .7rem;text-align: center;line-height: .7rem;border-radius: .06rem;transition: 0.4s;}
.sy_right_lj ul li a::after{content: "";display: block;width: .08rem;height: .38rem;background: url(../image/sy_right_xia_ico.png) no-repeat;background-size: 100%;position: absolute;bottom: -0.25rem;left: .13rem;z-index: 3;}
.sy_right_lj ul li a::before{content: "";display: block;width: .08rem;height: .38rem;background: url(../image/sy_right_xia_ico.png) no-repeat;background-size: 100%;position: absolute;bottom: -0.25rem;right: .13rem;z-index: 3;}
.sy_right_lj ul li:last-child a::after{display: none;}
.sy_right_lj ul li:last-child a::before{display: none;}

.sy_right_lj ul li a:hover{color: #fca100;}

.sy_right_lj.on{width: 1.9rem;transition-delay: 0s;}
.sy_right_lj.on .xjt{transform: translate(-0.62rem,0);transition-delay: 0s;opacity: 0;}
.sy_right_lj.on ul{transform: translate(0rem,0);transition-delay: 0s;}

.sy_right_lj .close{width: 0.4rem;height: 0.4rem;display: flex;justify-content: center;align-items: center;border: 1px solid #b20c0c;border-radius: 50%;margin: 0 auto;cursor: pointer;}
.sy_right_lj .close img{width: 80%;}

@media(max-width: 1024px) {
	.sy_right_lj{display: none;}
}