*{padding:0px; margin:0px;box-sizing: border-box;}
body{font-size:14px; color:#666;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none;font-weight: normal;}
input,select,button{font-size:14px; border:0; background:none; outline:none; vertical-align:middle;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#009564; text-decoration:none !important;}
div{}
.clear{overflow:hidden; clear:both; height:0px;}

.main{width:100%; overflow:hidden;}
.main ul li{width:19.5%; height:664px; float:left;margin: 0 0.25%; position:relative; overflow:hidden;
transition:all 0.3s;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;}
.main.on ul li{width:9.5%;}
.main.on ul li .b_j{background-color:rgba(0,0,0,1);}
.main.on ul li .dbwz{display: none;}
.main ul li .w_z{width:100%;position: absolute;left: 0;top: 0;height: 100%;padding: 100px 70px;text-align: left;
  justify-content: space-between;
  transition: all .3s;display: flex;
  flex-direction: column;}
.main ul li .w_z h1{font-size: 28px;color: #fff;}
.main.on ul li .w_z h1{color: #999;}
.main.on ul li .w_z h1{writing-mode:vertical-lr;
  display:inline-flex;
  align-items:center;
  color:rgba(255,255,255,.5)}
.main ul li .w_z .dbwz{color: #fff;}
.main ul li .w_z .dbwz h3{font-size: 32px; }
.main ul li .w_z .dbwz p{font-size: 24px;display: none;}
.main.on ul li.dl .w_z h1{writing-mode:horizontal-tb;color: #fff;
  display:block;}
.main.on ul li.dl .w_z .dbwz h3{font-size: 34px;margin-bottom: 45px; }
.main.on ul li.dl .w_z .dbwz{display: block;}
.main.on ul li.dl .w_z .dbwz p{display: block; }
.main.on ul li.dl .b_j{background-color:rgba(0,0,0,.1);}

.main.on ul li.dl{width:59.5%;}
.main .t_p{width:100%; height:100%; position:absolute; top:0; left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);background-position: 75% 0;
  background-size: auto 100%;
  background-repeat: no-repeat;}
.main .t_p img{width:auto; height:100%; display:block;}
.main .b_j{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0;}


.ryzz_ny {padding: 60px 0;}
.ryzz_ny .tit{position: relative;padding-top: 40px;}
.ryzz_ny .tit h3 { font-size:90px; color:#eee;position: absolute;text-transform: uppercase;text-align: center;width: 100%;top: 0;font-weight: bold}

.ryzz_ny .tit h4 {font-size: 40px;color: #333;margin-bottom: 50px;text-align: center;position: relative;z-index: 8;font-weight: bold;}

.pc-slide {
	width: 1200px;
	margin:15px auto 35px;
}
.lcnr { padding:20px;;display: flex;justify-content: space-between;align-items: center;}
.lcnr .t_p{width: 390px;height: 280px;}
.lcnr .t_p img{width: 390px;height: 280px;object-fit: cover}
.lcnr .w_z{width:730px;}
.lcnr h4 { font-size:15px; color:#111; margin-bottom:10px;}
.lcnr h3 { font-size:25px; color:#2381c4; margin-bottom:20px;padding: 0}
.lcnr p { font-size:15px; line-height:29px; color:#222222}
.view .swiper-container {
	width: 1200px;
	height: auto;
}

.view .arrow-left {
	background: url(../images3/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(../images3/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.topx { height:2px; background:#eee;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; position:absolute; top:50%;margin-top: -1px; z-index:1; left:5%; width:90%}
.preview .swiper-container {
	width:1200px;
	height: 82px;
}
.preview p { width:100%; height:82px; display:block;color:#c1c1c1; font-size:20px; line-height:32px; text-align:center; -moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;position: relative;}
.preview p::after{position: absolute;width: 6px;height: 6px;background: #c1c1c1;border: #fff 2px solid;left: 50%;margin-left: -5px;content: "";border-radius: 50%;top: 50%;margin-top: -5px;}
.preview .active-nav p {color:#2381c4; font-weight: bold;font-size: 25px;}
.preview .active-nav p::after{width: 20px;height:20px;background:url(../images3/s1s.png) center no-repeat;margin-left: -10px;margin-top: -10px;box-sizing:inherit}
.preview .swiper-slide {
	width: 14.285%;
	height: 82px;
	cursor:pointer; margin-top:0px; z-index:9999
}


.preview .arrow-left {
	background: url(../images3/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(../images3/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}
.main_sj {display: none;}








@media only screen and (max-width:1380px){
	.main ul li .w_z{padding: 3.5vw 2.5vw;}
	
	.main ul li .w_z h1 {
  font-size: 1.4vw;
}
	.main ul li .w_z .dbwz h3 {
    font-size: 2vw;
  }
	.main.on ul li.dl .w_z .dbwz h3{font-size: 2.2vw;}
	.main ul li .w_z .dbwz p {
  font-size: 1.8vw;
}
	
}



@media only screen and (max-width:1100px){
	.main ul li {
  height: 20rem;
}
	.ryzz_ny .tit h3 {
  font-size: 3rem;
}
	.ryzz_ny .tit {
  padding-top: 1rem;
}
	.preview .swiper-container {
  width: 100%;
  height: 82px;
}
	.pc-slide {
  width: 90%;
  margin: 15px auto 0;
}
	.preview .swiper-slide {
  width: 25%;
}
	.view .swiper-container {
  width: 100%;
}
	.lcnr {
  padding:0 20px;flex-wrap: wrap;
}
	.lcnr .t_p {
  width: 100%;
  height:20rem;
}
	.lcnr .t_p img {
  width: 100%;
  height: 100%;
}
	.lcnr .w_z {
  width: 100%;margin-top: 25px;
}
	
	
}


@media only screen and (max-width:600px){
	.main{display: none}
	.main_sj {display: block;width: 90%;margin: 0 auto;}
	.main_sj ul li {width: 100%;margin-top: 10px;position: relative;}
	.main_sj ul li .w_z{width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;background: rgba(0,0,0,0.2);}
	.main_sj ul li img{width: 100%;display: block;}
	.main_sj ul li .w_z h1 {font-size: 1.8rem;}
	.main_sj ul li .dbwz h3 {font-size: 2.2rem;margin-bottom: 1.2rem;}
	.main_sj ul li .dbwz p {font-size: 1.2rem;color: rgba(255,255,255,.5);}
	
	.preview .swiper-slide {
    width: 50%;
  }
	.preview .active-nav p {
  font-size: 22px;
}
	.preview p {
  font-size:18px;
}
	.lcnr h3 {
  font-size: 20px;font-weight: bold;margin-bottom: 15px;
}
	.ryzz_ny {
  padding: 40px 0;
}
	.ryzz_ny .tit h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}
	.ryzz_ny .tit {
    padding-top: 2rem;padding-bottom: .1rem
  }
	 .lcnr {
    padding: 0;
  }
	
	
	
	
}