.re{ position: relative;}
.ab{ position: absolute;}
.block{ display: block;}
.img100{ width: 100%;}
.shou{ cursor: pointer;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

.dh3{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.dh13{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out;transition: all 1.3s ease-in-out;}

.looding_xia{ position: fixed; background: #fff; width: 100%; height: 100%; z-index: 10000;}
.looding_xia img{ position: fixed; top: 50%; left: 50%; width: 50px; margin: -25px 0 0 -25px;}


.xia_index .toptite{ width: 100%; position: fixed; top: 0; left: 0;background-color:#0247ec;}
.shi_2,.shi_3{ width:100%; }
.shi_2{ top: 0; left: 0; z-index: 1000;}



.shi_3{ top: 0; left: 0; z-index: 999;}
.shou_1{ bottom: -50px; left: 0; z-index: 10001;}

.toptite .logo.cur{ width: 9%; top: 19px;}
.dong_body{ background: #1f1f1f url(../images/gifbj2020.gif) repeat;}

.dong_con1{ width: 100%; overflow: hidden; position: fixed; bottom: 0; left: 0; width: 100%; height: 100%;}
.dong_con1 .im1{ left: 0; width: 100%; top: 27%; z-index: 2;}
.dong_con1 .im2{ left: 48%; bottom: 12.66%; width: 4%;
-webkit-animation: se1_xia 1.5s linear infinite;
	 animation: se1_xia 1.5s linear infinite;
}
@-webkit-keyframes se1_xia {
	0%{  bottom: 13%; }
	50%{  bottom: 10%; }
	100%{ bottom: 13%; }
}
@keyframes se1_xia {
	0%{  bottom: 13%; }
	50%{  bottom: 10%; }
	100%{ bottom: 13%; }
}


.img_logo{ width: 100%; height: 100%; background: #000; z-index: 500;}
.img_logo img{top: 50%; left: 30.5%; width: 39%; position: fixed; z-index: 1000;-webkit-transform: translateY(-48%);transform: translateY(-48%);}
.dong_con1 .yin{ opacity: 0;}
.v1_dong{/* background: url(../images/2019dong/in_2.jpg) no-repeat; background-size: cover;*/ width: 100%; height: 100%;background-attachment: fixed; position: fixed; top: 0; left: 0; background: #1f1f1f;}
.v1_dong.cur{
	-webkit-animation: v1_dong 1.5s both ease-in-out;
	 animation: v1_dong 1.5s both ease-in-out;
}
@-webkit-keyframes v1_dong {
	0%{  opacity: 1;}
	30%{ opacity: 1; z-index: -1;}
	100%{  opacity: 0;}
}
@keyframes v1_dong {
	0%{  opacity: 1;}
	30%{ opacity: 1; z-index: -1;}
	100%{  opacity: 0;}
}

.dong_con1.cur{
-webkit-animation: dong_con1 2s both ease-in-out;
	 animation: dong_con1 2s both ease-in-out;
}
@-webkit-keyframes dong_con1 {
	0%{  opacity: 1; bottom: 0;}
	40%{ opacity: 1;}
	100%{  opacity: 0; bottom: 1000px; }
}
@keyframes dong_con1 {
	0%{  opacity: 1; bottom: 0;}
	40%{ opacity: 1;}
	100%{  opacity: 0; bottom: 1000px; }
}

.dong_con2.cur{
	-webkit-animation: dong_con2 .8s 2s both ease-in-out;
	 animation: dong_con2 .8s 2s both ease-in-out;
}
@-webkit-keyframes dong_con2 {
	0%{  opacity: 0;}
	100%{  opacity: 1; }
}
@keyframes dong_con2 {
	0%{  opacity: 0;}
	100%{  opacity: 1; }
}

.wen1{ top: 35.55%; left: 40%; width: 330px;}
.wen1 img{ margin-right: 20px; opacity: 0; }

.wen1.cur .im_1{
	-webkit-animation: im_1 .4s .3s both ease-in-out;
	 animation: im_1 .4s .3s both ease-in-out;
}
@-webkit-keyframes im_1 {
	0%{  opacity: 0; position: relative; top: 50px;}
	100%{  opacity: 1; position: relative; top: 0;}
}
@keyframes im_1 {
	0%{  opacity: 0; position: relative; top: 50px;}
	100%{  opacity: 1; position: relative; top: 0;}
}


.wen1.cur .im_2{
	-webkit-animation: im_2 .4s .4s both ease-in-out;
	 animation: im_2 .4s .4s both ease-in-out;
}
@-webkit-keyframes im_2 {
	0%{  opacity: 0; position: relative; bottom: 50px;}
	100%{  opacity: 1; position: relative; bottom: 0;}
}
@keyframes im_2 {
	0%{  opacity: 0; position: relative; bottom: 50px;}
	100%{  opacity: 1; position: relative; bottom: 0;}
}

.wen1.cur .im_3{
	-webkit-animation: im_3 .4s .5s both ease-in-out;
	 animation: im_3 .4s .5s both ease-in-out;
}
@-webkit-keyframes im_3 {
	0%{  opacity: 0; position: relative; top: 50px;}
	100%{  opacity: 1; position: relative; top: 0;}
}
@keyframes im_3 {
	0%{  opacity: 0; position: relative; top: 50px;}
	100%{  opacity: 1; position: relative; top: 0;}
}


.wen1.cur .im_4{
	-webkit-animation: im_4 .4s .6s both ease-in-out;
	 animation: im_4 .4s .6s both ease-in-out;
}

@-webkit-keyframes im_4 {
	0%{  opacity: 0; position: relative; bottom: 50px;}
	100%{  opacity: 1; position: relative; bottom: 0;}
}
@keyframes im_4 {
	0%{  opacity: 0; position: relative; bottom: 50px;}
	100%{  opacity: 1; position: relative; bottom: 0;}
}


.wen2{ text-align: center; width: 100%; top: 46%; left: 0; z-index: 1;}
.wen2 img{ display: inline-block; width: 8.8%; margin:0 3.35%;}

.wen2.cur .im_1{
	-webkit-animation: im_1_1 .5s .8s both ease-in-out;
	 animation: im_1_1 .5s .8s both ease-in-out;
}
@-webkit-keyframes im_1_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_1_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}

.wen2.cur .im_2{
	-webkit-animation: im_2_1 .5s 1s both ease-in-out;
	 animation: im_2_1 .5s 1s both ease-in-out;
}
@-webkit-keyframes im_2_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_2_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}

.wen2.cur .im_3{
	-webkit-animation: im_3_1 .5s 1.2s both ease-in-out;
	 animation: im_3_1 .5s 1.2s both ease-in-out;
}
@-webkit-keyframes im_3_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_3_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}

.wen2.cur .im_4{
	-webkit-animation: im_4_1 .5s 1.4s both ease-in-out;
	 animation: im_4_1 .5s 1.4s both ease-in-out;
}
@-webkit-keyframes im_4_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_4_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}

.wen2.cur .im_5{
	-webkit-animation: im_5_1 .5s 1.6s both ease-in-out;
	 animation: im_5_1 .5s 1.6s both ease-in-out;
}
@-webkit-keyframes im_5_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_5_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}

.wen2.cur .im_6{
	-webkit-animation: im_6_1 .5s 1.8s both ease-in-out;
	 animation: im_6_1 .5s 1.8s both ease-in-out;
}
@-webkit-keyframes im_6_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}
@keyframes im_6_1 {
	0%{  opacity: 0; position: relative; left: 8%;}
	100%{  opacity: 1; position: relative; left: 0;}
}






.dh{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.yand3{ transition-delay: .3s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-o-transition-delay: .3s;}



.dong_con2 { width: 93%; margin: 150px auto 80px; opacity: 0;}
.dong_con2 .dong_shi .im1{ top: 50%; left: 50%; margin: -176px 0 0 -176px;transform:scale(.8);-webkit-transform:scale(.8);}
.dong_con2 .dong_shi .im1:hover{transform:scale(1);-webkit-transform:scale(1);}

.dong_con2 .v2 {padding-top: 2%;}
/*.dong_con2 .v2 span { line-height: 0; overflow: hidden; height: auto;}*/
.dong_con2 .v2 span img{ width: 100%;}
.dong_con2 .v2 span:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}

.dong_con2 .v2 .im{ margin-top: 38px;}
.dong_con2 .v2 .im1{ width: 50.3%;top:0;margin-top: 38px;}
.dong_con2 .v2 .im2{width: 45.8%;top:0%;margin-top: 38px; right: 0; z-index: 1;}

.dong_con2 .v2 .im3{width: 50.3%;margin-top:6%; }
.dong_con2 .v2 .im4{width: 45.8%; margin-top:-43%; right:0;}
.dong_con2 .v2 .im5{ width: 45.8%;margin-top: 15px;top:68%;right:0;}

.dong_con2 .v2 .im6{ width:50.3%; margin-top:-107px; right:0;}
.dong_con2 .v2 .im7{ width:45.8%;top:26%; right:0;}
/*
.dong_con2 .v2 .im8{width:32%; bottom:0;left:0;}
.dong_con2 .v2 .im9{  width: 32%; top:17%; left:0;left:35.03%;}
.dong_con2 .v2 .im10{ width:30%;top: 29%; right:0;margin-top: 50px;}


.dong_con2 .v2 .im11{width:32%;top:51%;left: 33.03%;left: 33.03%;}
.dong_con2 .v2 .im12{ width: 30%; bottom: -8%; left:0%;}
.dong_con2 .v2 .im13{  width: 32%; bottom: -8%; left:33.03%; z-index: 1;}
.dong_con2 .v2 .im14{width: 32%;bottom: 0;right: 0;    margin-top: 50px;}

.dong_con2 .v2 .im15{ width:30%;bottom: -32%;left:0;}
.dong_con2 .v2 .im16{ width:32%;top:38%;left: 33.03%;left: 33.03%;z-index: 1;}
.dong_con2 .v2 .im17{ width:30%; bottom: 0; right:0;margin-right: 24px;}

.dong_con2 .v2 .im18{width: 37%;margin-top: 38px;right: 0;top: 100%}
.dong_con2 .v2 .im19{ width:60%;margin-top: -30%;}
.dong_con2 .v2 .im20{ width: 37%;bottom:-20%}

.dong_con2 .v2 .im21{ width: 52.32%; bottom: -1%; left:0%;}
.dong_con2 .v2 .im22{ width: 39.24%; bottom: 28.26%; right:31.04%;}
.dong_con2 .v2 .im23{ width: 34.4%; bottom: 0; left:0;}
*/

.dong_tan1,.dong_tan3{ width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; background: url(../images/bai_14.png) repeat; display: none;}
.dong_tan1 .guan,.dong_tan2 .guan,.dong_tan3 .guan{position: fixed; top: 30px; right: 30px; z-index: 888888; width: 35px;}
.dong_tan1 .guan:hover,.dong_tan2 .guan:hover,.dong_tan3 .guan:hover{transform:rotate(180deg); -o-transform:rotate(180deg); }

.dong_tan1 .slick1{ width: 1050px; top: 50%; left: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); margin-left: -525px;}
.dong_tan1 .slick1 img,.dong_tan3 .slick2 img{ height: 700px;max-width: 100%;}

.dong_tan3 .slick2{ width: 600px; top: 50%; left: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); margin-left: -300px;}



.dong_tan2{ width: 100%; top: 0;left: 0;   z-index: 130; transform: scale(0); -webkit-transform: scale(0); }
.dong_tan2.cur{ transform:scale(1);-webkit-transform:scale(1);}


.brand-list{overflow: visible; clear: both;position: relative;min-height: 800px}
.brand-list .item{position:absolute;width:24%;top:0;left:40%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s; padding-bottom: 20px;}
.brand-list .item img{ width: 96%; margin-left: 2%;/* border-radius: 10px;*/}
.brand-list .item2{padding-top: calc(309 / 844 * 100%);}
.brand-list .item4{ padding-top: 95px;padding-top: calc(309 / 842 * 100%);}

/*.brand-list .item img:hover{ border-radius: 0px;}*/

#wrapper{ width: 93%; margin: 50px auto 100px; position: relative;}
.pp_conaout{ background: none;}



/*newlook 2020 10*/
.wraper20{padding:5.5% 0 1%;}
.swiper-container { width: 86%;margin:5% auto 3%; padding-bottom: 5%;}
.swiper-slide {background: #f1f1f1;color:#000;text-align: center;
            transform:scale(.7);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.swiper-slide-active{background: #000;transform:scale(1);}
.nelokItem .active1{cursor: pointer;}
.nelokItem{background-color: #1b1b1b;border:solid #0247ec 3px;width: 78%;margin:0 auto 2.5%;position: relative; padding-left:2%;box-sizing: border-box;}
.nelokItem .title_fl{position: absolute;left:4%;top: 8%;}

.swiper-container-horizontal>.swiper-scrollbar{height:18px;}
.swiper-scrollbar{background: #fff;}
.swiper-scrollbar-drag{background:#0247ec}

@media screen and (max-width:1690px ){
	.brand-list .item2 ,.brand-list .item4{padding-top: calc(309 / 836 * 100%);}
}
@media screen and (max-width:1610px ){
	.brand-list .item2 ,.brand-list .item4{padding-top: calc(309 / 832 * 100%);}
}
@media screen and (max-width:1370px ){
	.brand-list .item2 ,.brand-list .item4{padding-top: calc(309 / 823 * 100%);}
}




@media screen and (max-width:1500px ){
	.toptite .logo.cur{ top: 12px;}
	/*.toptite .logo.cur img{ width: 125px;}*/

	.dong_tan1 .slick1 img,.dong_tan3 .slick2 img{ height: 480px;}
	.dong_tan1 .slick1{ width: 820px; margin-left: -410px;}

	.dong_tan3 .slick2{ width:500px;  margin-left: -250px;}
	.dong_con2 { width: 93%; margin: 100px auto 80px;}

	@-webkit-keyframes v1_dong {
		0%{  opacity: 1; z-index: -1;}
		10%{ opacity: 1;}
		100%{  opacity: 0;}
	}
	@keyframes v1_dong {
		0%{  opacity: 1; z-index: -1;}
		10%{ opacity: 1;}
		100%{  opacity: 0;}
	}



}