/* innberban */
.innberban { height: 840px; position: relative; z-index: 1; margin-bottom: 25px;  }
.innberban .line-bai { width: 100%; height: 101%; }
/* innberban-end */


/* about-box */

.about-box {/* height: 680px ; */}

.about-box img { height: 124px; }

.about-box h1 { margin-bottom: 30px; margin-top: 170px; }

.about-brand .full-with { padding-top: 26%; }

.about-brand h1 { margin-top: 0; }

/* about-box-end */



/* mode-slide */

.mode-slide { 
	width: 1430px; 
	height: 100vh;
	margin: auto;
	min-height: 680px;
	/* border: 50px #fff solid; */	
	position: relative; 
	z-index: 2;
	overflow: visible;
	margin-top: 180px;
	transition: all .35s;
}

.mode-slide .star-1 img {  position: absolute; top: -211px; right: 0;  }

.mode-slide .star-1 .co-tittle { opacity: 1; transform: translateY(0); }

.mode-slide .years { 
	padding: 100px 15px;
	position:absolute; 
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5; 
}

.mode-slide .years h2 img { height: 72px; }

.years h2 span {
	display: block;
	width: 100%;
	height: auto;
	line-height: 1;
	margin-top: 15px;
	font-family:"BalooBhaina2-Medium";
	font-weight: bold;
}

.slide-years {
	position: absolute;
	top: 60px;
	right: 0;
	color: #fff;
	padding: 100px 0;
	z-index: 14;
	display: none;
}

.slide-years ul { list-style: none; padding: 0; }
.slide-years ul li { 
	padding-left: 50px;
	line-height: 1;  
	position: relative; 
	z-index: 1; 
	margin-bottom: 18px; 
	overflow: hidden; 
	opacity: 0.5; 
	cursor: pointer;
	font-family:"BalooBhaina2-Bold";
	transition: all .35s;
}

.slide-years ul li::before {
    content: "";
    width: 33px;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 37%;
    left: 0;
    transform: translate(-100%, -50%);
    z-index: 1;
	transition: all .35s;
}

.actives-line { opacity: 1 !important; transition: all .35s; }
.actives-line::before { transform: translate(0, -50%) !important;	transition: all .35s; } 

.mode-slide-desc big.font_200 { display: block; line-height: 113px; }
.mode-slide-desc h1 { line-height: 1.25; }




#mode-slide { 
	position:absolute; 
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	min-height: 680px;
	overflow: hidden;  
	transition: all 1.35s;
}

.slide_dh {
	position: absolute;
	top: 360px;
	/* top: auto; */
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -5;
	width: 100%;
	margin: auto;
	overflow: hidden;
	height: calc(100vh - 480px);
	/* border: 150px #fff solid; */
	border-radius:80px; 
	transition: all .35s;
}

#mode-slide .swiper-container { position: relative; z-index: 1; }
#mode-slide .swiper-slide {
	display: block;
	text-align: left;		
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

#mode-slide .swiper-slide .black_wamp {  position: absolute; top:0 ; left: 0; z-index: -1; }

#mode-slide .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0 ;
	left: 0;
	z-index: 5;
	overflow: hidden;
	color: #fff;
	text-align: left;
	text-decoration: none;
	padding: 110px 15px 178px;
}


#mode-slide .swiper-slide a .positon_bottom { bottom: 180px; padding: 0 40px; }




#mode-slide .swiper-slide .container { 	height: 100%; position: relative; z-index: 1;}
.positon_bottom { position: absolute;	bottom: 80px;}




.mode-fixed { width: 100%;  margin-bottom: 40px; position: relative; z-index: 1; }
.mode-fixed .container {  }

.box-grey {
	background-color: #f7f7f7;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-flow: column;
}

h1.subtittle { margin-bottom: 40px; font-weight: bold; font-family:"BalooBhaina2-Medium"; }

.fix-bottom {
	/* position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -5; */
}

.about-fixed { 
	width: 100%; 
	/* height: calc(100vh - 96px ); */
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute; 
	bottom: 0; 
	left: 0; 
	/* transform: translateX(-50%); */
	z-index: 15; 
}

.slide-txt {
	width: 680px;
	margin: 0 auto;
	text-align: center;
	
}


.slide-txt .box { min-height: 680px; padding: 80px 0; margin-right: 0; }

.slide-txt .box:last-child { margin-bottom: 0; }

.box-group-320 {
	width: calc(calc( 100% - 760px ) / 2 );
	float: left;
	/* height: calc(100vh - 96px ); */
	position: relative;
	z-index: 1;
}

.box-group-320 .box { width: 100%; max-height: 680px; margin-right: 0; }
.box-group-320 .box:nth-child(1) { height: 320px; }
.box-group-320 .box:nth-child(2) { height: 680px; margin-bottom: 0; }

.box-group-320 .w_680 { width: 680px !important;  }
.box-group-320:nth-child(2) .box:nth-child(2) { float: right; }


.slide-txt::-webkit-scrollbar,
.about-fixed::-webkit-scrollbar { display: none; }

.flex-end { 
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	align-items: end;
	max-width: 680px;
	margin-left: -320px;
	/* transform: translateX(-320px); */
	position: relative;
	z-index: -1;
	float: left;
}

.foot .flex-end { float: right; }

.flex-star { 
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	max-width: 680px;
	position: absolute;
	left: calc(100% - 320px);
	top: 0;
}

.nodisplay { opacity: 0; }



/* mode-slide */





/* mode-news */
.sm_star {
	/* background-image: url(../img/icon/icon.png); */
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: left top;
/* 	padding-top: 186px; */
	/* margin-bottom: 40px; */
}

.star_s50 {  }
.star_s50 img { display: block; height: 50px; }

.sm_star .sub-tittle { background-image: none; }

#news-video {position: relative; z-index: 1; }
#news-video .swiper-slide {
	position: relative; 
	z-index: 1; 
	display: block; 
	text-align: left; 
	background-size: cover;
	background-position: center center;
}
#news-video .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: none;
}

#news-video .swiper-pagination { height: 5px; width: 100%; bottom:40px; }

#news-video .swiper-pagination span.swiper-pagination-bullet {
	width: 24px;
	height: 5px;
	border-radius: 17px;
	margin: 0 5px;
	background-color: #fff;
	opacity: .5;
}

#news-video .swiper-slide .black_line {	position: relative; z-index: 1; }

#news-video .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

#news-video .swiper-slide em.icon-btns  {
	display: block;
	
	position: absolute;
	bottom: 80px;
	right: 40px;
	z-index: 25;
}

label.tags {
    display: inline-block;
    font-size: 13px;
    color: #fff;
	font-weight: bold;
    border: 2px #fff solid;
    border-radius: 17px;
    line-height: 33px;
    padding: 0px 20px;
    height: 33px;
    margin-bottom: 30px;
    font-weight: normal;
}

.mode-news-desc { position: absolute; bottom: 80px; }


.mode-newslist { border-top: 200px #fff solid; margin-bottom: 0; background-color: #f7f7f7; }

.up_100 {
	transform: translateY(-100px);
	text-align: right;
}

.newshot { 
	
	
}



.newshot ul li { 
	float: left; 
	width: calc( calc( 100% - 40px) / 2);
	margin-bottom: 40px; 
	background-color: #fff;
	background-size: cover;
 }
.newshot ul li:nth-child(1) { width: 100%; }
.newshot ul li:nth-child(2) { margin-right: 40px;}

.newshot ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.newshot ul li em.icon-btns,
em.icon-btns {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 25;
}

em.icon-btns img { width: 100%; }

.newshot ul li dl { width: 100%; height: 100%; margin-bottom: 0; }
.newshot ul li dt {
	height: 0;
	padding-top: 56%;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.newshot ul li dt a { position: absolute;	top: 0;	left: 0; }
.newshot ul li dt a img { height: 40px; }

.newshot ul li dd { display: block; height: 44%; transition: all .35s;  }

.newshot ul li dl a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 40px;
	text-decoration: none;
	color: #333;	
}

.newshot ul li label.tags { color: #ffd930; border-color:#ffd930 ; margin-bottom: 35px; }

.newshot ul li h1 { line-height: 1.35; }

.newshot ul li span.news-deta,
span.news-deta {
	font-size: 18px;
	position: absolute;
	bottom: 40px;
	display: block;
	color: #666;
	font-family:"yuanti-light";
}

.newshot ul li:nth-child(1) span.news-deta { position: static; color: #fff; margin-top: 40px; font-weight: normal; }
.newshot ul li:nth-child(1) h1 { padding-right: calc(100% / 4); }
.newshot ul li:nth-child(1) .mode-news-desc { bottom: 40px; left: 40px; right: 40px; }
.newshot ul li:nth-child(1) label.tags { color: #fff; border-color: #fff; background-color: transparent; }




.newshot ul li:hover dl {	background-color: #32d46b; transition: all .35s;   }

.newshot ul li:hover dd * { color: #fff; border-color: #fff;  transition: all .35s;  }


/* mode-news-end */


/* waterfall */
.waterfall,.wall { width: 100%; }

.waterfall ul { 
	padding: 0; 
	/* margin-left: -10px;
	margin-right: -10px; */
	position: relative;
}
.waterfall ul li,
.news-items  { 
	float: left; 
	padding: 0; 
	width: 680px;	
	border-radius: 80px;
	min-height: 320px;
	height: auto;
	position: relative;
	z-index: 1;
	background-color: #32d46b ;
	overflow: hidden;
	margin-bottom: 40px;
	transition: all .35s;
}



.waterfall ul li img.has_bg ,
.news-items img.has_bg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1); */
	transform: scale(1);
	z-index: -1;
	/* display: none; */
	transition: all .35s;
}

.no_posterimg img { display: none !important; }
.no_posterimg a { background-color: transparent !important; }

.waterfall ul li video,
.news-items video {
	display: block;
	width: 100%;
	min-height: 320px;	
	object-fit: cover;
	margin: 0;
	/* position: relative; */
	z-index: -1;
	display: none;
}

.waterfall ul li:nth-child(2n) { margin-right: 0; }
.waterfall ul li:nth-child(1){	height: calc( 320px * 3 + 80px ) ; }

.waterfall ul li:nth-child(1) a {	padding-top: 110%; }

.waterfall ul li a ,
.news-items a {
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	color: #fff ;
	text-decoration: none;
	background-color: rgba(0,0,0,.45);
}

.waterfall ul li em.icon-btns,
.news-items a em.icon-btns  {
	display: block;
	width: 72px;
	height: 72px;
	background-image: url(../img/icon/icon-next.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0 ;
	transition: all .35s;
}

.waterfall ul li:hover em.icon-btns ,
.news-items:hover em.icon-btns {
	opacity: 1;
	transition: all .35s;
}

.news-items:hover a {
	background-color: #32d46b;
	transition: all .35s;
}

.has_video:hover a {background-color: rgba(0,0,0,.45) !important; }

.btn-videos { background-image: url(../img/icon/icon-video.png) !important;   }

.has_bgcolor em.icon-btns { display: block !important; }
.has_bgcolor a { background-color: transparent !important; }

.has_video  { cursor: pointer; }
.has_video .news-bt { position: absolute; bottom: 124px; right: 40px; left: 40px; }
.has_video h1 { padding-right: 0 !important; }
.has_video img.has_bg { display: none; }

.waterfall ul li a span.news-deta,
.news-items span.news-deta { color: #fff !important; }

.waterfall ul li h1 ,
.news-items h1 { 
	line-height: 1.3; 
	padding-right: 30%; 
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical ;
	 
}

.waterfall ul li:hover img.has_bg,
.news-items:hover img.has_bg {
	transform: translate(0,0) scale(1.05);
	transition: all .35s;
}


.news-type {
	width: 190px;
	height: auto;
	background-color: #fff;
	border: 5px #32d46b solid;
	border-radius: 40px;
	overflow: hidden;
	padding: 60px 50px;
	color:  #32d46b;
	position: absolute;
	top: 460px;
	left: calc(100% - 510px);
	padding: 22px;
	text-align:right;
	z-index: 50;
	box-shadow: 10px 7px 0 #32d46b;
	display: none;
}

.news-type ul { list-style: none; }
.news-type ul li { 
	font-size: 24px; 
	font-weight: bold; 
	margin-bottom: 25px; 
	position: relative;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	transition: all .35s;
}

.news-type ul li::before {
	content: "";
	width: 28px ;
	height: 5px;
	background-color: #32d46b;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top:  14px;
	transform: translateX(-100%);
	transition: all .35s;
}

.on_type {	padding-left: 40px; font-size: 24px !important;  }
.on_type::before {
	transform: translateX(0) !important;
	transition: all .35s;
}

.btn_addmore {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	
	font-weight: bold;
	text-align: left;
	color: #fff;
	width: calc(100% - 80px);
	height: 80px;
	line-height: 80px;
	background-size: auto 60px;
	
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}


.btn_addmore:hover {
	background-image: url(../img/icon/icon-next.png);
}


/* waterfall-end */



/* news-detail */
.news-detail { width: 100%; padding-top: 200px; margin-bottom: 100px; }
h1.news-tittle { font-size: 48px; margin-bottom: 30px; color: #32d46b; }

.news-content { width: calc(100% - 360px); float: left; margin-right: 40px; }

.page_next { float: left; }

.news-share { 
	position: relative;
	z-index: 1; 
	font-size: 16px; 
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	align-content: center;
}

.news-share span.news-deta { position: static; }
.share { 
	width: 50%; 
	line-height: 40px;
	display: flex; 
	justify-content: flex-end;
	flex-flow: row nowrap;
	align-content: center;
}

.share a.icon {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 20px; 
	margin-left: 10px;
}

.qq { background-color: #b5b5b5;background-image: url(../img/icon/icon-qq.png); }
.wx { background-color: #b5b5b5;background-image: url(../img/icon/icon-xw.png); }
.sinas {background-color: #b5b5b5; background-image: url(../img/icon/icon-sina.png); }

.qq:hover { background-color: #7276eb;}
.wx:hover { background-color: #32d46b;}
.sina:hover { background-color: #ffad02;}

.p-one { 
	margin-top: 0; 
	margin-bottom: 40px; 
	color: #999;
	font-size: 18px;
}

.p-one a {
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 36px;
	line-height: 1.35;
	margin-top: 35px;
}

a.backfoward {
	display: block;
	font-size: 36px;
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 1;
}

.news-info { font-size: 24px; color: #999; line-height: 2; }
.news-info b,
.news-info strong { color: #333; }

.news-info img {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	border-radius: 15px;	
}

.fixedscroll {
	position: fixed;
	top: 100px;
	z-index: 5;
	transition: all .35s;
}

.fixedbg {
	width: 1040px;
	height: 100vh;
	position: absolute;
	top: 133px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	transition: all .35s;
	opacity: 0.35;
}

/* news-detail-end */


.fixedbg .about-fixed { width: 100%; }
.fixedbg .box-group { width: 100%; }




/* mode-teach */
.mode-teach {}

/* .mode-teach h2.sub-tittle {
    font-size: 36px;
    margin-bottom: 80px;
    font-weight: bold;
    background-image: url(../img/icon/icon.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 65px;
    padding-top: 150px;
    margin-top: -138px;
} */

.group-box { width: 100%; }

.alline { position: relative; z-index: 1; }
.alline a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	padding: 80px 40px;
	text-decoration: none;
}

.alline .desc { margin-top: 23px;}
.alline .desc p { line-height: 1.35;}

.alline a img.positon_bottom {bottom: 80px;	height: 245px;}

.alline img.bg ,
img.bg  {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	z-index: -1;
	transition: all .35s;
}

.group-box .box-group-half { height: auto; }
/* .mode-teach .group-box .box-group-half:nth-child(3), */
.group-box .box-group-half:nth-child(2) { margin-right: 0; }

.box2 { 
	position: relative; 
	z-index: 1; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 40px;
	/* display: table; */
}

.box2 a {
	/* display: table-cell;
	vertical-align: bottom; */
	display: flex;
	justify-content: flex-end;
	flex-flow: column;
	align-content: flex-end;
	width: 100%;
	height: 100% ;
	text-decoration: none;
	padding: 60px 40px;
}

.box2 a

.h_320 .a_display { padding: 40px; }

.box2 a img {
	position: absolute;
	top: 40px;
	right: 40px;
}

.box2 .type-tittle img { position: static; display: block; margin-bottom: 25px; }

.box2 .black_line {	position: absolute;	z-index: -1;}

.box2 img.right_center {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}

/* mode-teach-end */




/* mode-cpTop */
.mode-cpTop { position: relative; height: 680px; margin: auto; border-radius: 80px; overflow: hidden; margin: 180px auto;  }
.mode-cpTop img.bg {
	display: block;
	width: 100% ;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center;
	transform: translate(-50%,-50%);
	z-index: -1;
}

.mode-cpTop .container { height: 100vh; padding: calc( calc( 100vh - 680px) / 2) 0; }


.mode-spaciou { padding-top: 80px; }

.mode-spaciou .group-box .box-group-half:nth-child(2) { margin-right: 0;  }

.mode-spaciou .purple_line {justify-content: flex-start;}


.mode-cp { overflow: hidden; }
.mode-cp .container {  }
#cp {  position: relative;z-index: 1; margin-bottom: 40px; }

#cp .swiper-container { 
	/* width: calc(680px * 3 - 280px); */
	overflow: visible; 
	position: absolute; 
	left: 0;
	top: 0;	
}

#cp .swiper-container .swiper-slide {
	width: 680px;
	border-radius: 80px; 
	overflow: hidden;  
	display: block;
	text-align: left;
	position: relative;
	z-index: 1;
}

#cp .swiper-container .swiper-slide img  {
	width: 100%;
	height: 102%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	z-index: -1;
	transition: all .35s;
}


.mode-fullscreen {
	height: 100vh;
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.mode-fullscreen .black_wamp { background-color: rgba(0,0,0,.1); }

.mode-fullscreen .container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.pro-detail { position: absolute; bottom: 40px; color: #fff; }

.pro-detail big { display: block; line-height: 44px; margin-bottom: 15px;}
.pro-detail h1 { margin-bottom: 15px;}
.pro-detail p { font-size: 24px;font-family:"yuanti-light"; }



/* change */
.cp-change { width: 100%; }
.cp-change ul { list-style: none; }
.cp-change ul li {
	width: calc( calc( 100% - 40px ) / 2 );
	float: left;
	margin-bottom: 40px;
	margin-right: 40px;
}

.cp-change ul li:nth-child(2n),
.cp-change ul li:nth-child(3) { margin-right: 0; }





/* mode-cp-end */


/* mode-zhengshu */

.zs-box {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
	align-items: center;
}

.zs-box img { height: 480px; max-width: 100%; margin-right: 11%; }

/* mode-zhengshu-end */



/* 瀑布流 */
.wall-column {
    display: block;
    position: relative;
    /* width: 33.333333%; */
    width: calc(calc(100% - 40px) / 2);
	margin-right: 40px;
    float: left;
    box-sizing: border-box;
}

.wall-column:nth-child(2) { margin-right: 0; }




/* 瀑布流-end */




/* 产品列表 */

.cp {}
.cp .sm_star {  margin-bottom: 150px; }

.cp-series { width: 100%; margin-bottom: 180px; }
.cp-series ul.list_series {	list-style: none; padding: 0; }

.cp-title { 
	color: #fff; 
	text-align: right;  
	padding-left: 33%; 
	padding-right: 0; 
	position: absolute;
	right: 40px; 
	left: 40px; 
	top: 50%;
	transform: translateY(-50%);  
}
.cp-title big { display: block; margin-bottom: 10px; color: #333; }
.cp-title span { display: block; font-family:"yuanti"; color: #999; }

.cp-series ul li { 
	width: calc( calc( 100% - 40px ) / 2 );
	height: 320px; 
	float: left; 
	margin-right: 40px;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.cp-series ul li img.bg {
	width: auto;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translate(0,-50%) scale(1);
	z-index: -1;
	transition: all .35s;
}

.cp-series ul li:hover img.bg {
	transform: translate(0,-50%) scale(1.1);
	transition: all .35s;
}

.cp-series ul li a { color:#333 ; }

.cp-series ul li:nth-child(1) { width: 100%; height: 680px; margin-right: 0; }
.cp-series ul li:nth-child(1) a { 
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5) 25%, rgba(0,0,0,0) 80%);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.5) 25%, rgba(0,0,0,0) 80%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.5) 25%, rgba(0,0,0,0) 80%);
	background: linear-gradient(bottom, rgba(0,0,0,.5) 25%, rgba(0,0,0,0) 80%);
}

.cp-series ul li:nth-child(2) { height: 680px; float: left;  }

.cp-series ul li em { display: none; }
.cp-series ul li:nth-child(1) em { display: block; }

.cp-series ul li:nth-child(1) .cp-title { padding-left: 0; padding-right:33%; bottom: 60px; top: auto; transform: translateY(0); text-align: left;  }
.cp-series ul li:nth-child(2) .cp-title { bottom: 60px; top: auto; transform: translateY(0); }


.cp-series ul li:nth-child(1) .cp-title big,
.cp-series ul li:nth-child(1) .cp-title span {  color: #fff; }

.cp-series ul li:nth-child(1) img ,
.cp-series ul li:nth-child(2) img { 
	width: 100%; height: 100%; object-fit: cover; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	z-index: -1;
}

.cp-series ul li:nth-child(1):hover img.bg,
.cp-series ul li:nth-child(2):hover img.bg {
	transform: translate(-50%,-50%) scale(1.05);
	transition: all .35s;
}




.two .half_w:nth-child(1) { margin-right: 40px; }

.cp-series ul li:nth-child(3),
.cp-series ul li:nth-child(4){ margin-right: 0; }

.cp-series ul li:nth-child(3n),
.cp-series ul li:last-child { margin-right: 0; } 



.cp-series ul li.half_w { text-align: left; }
.cp-series ul li.half_w .cp-title { padding-left: 0; padding-right: 33%; text-align: left; }
.cp-series ul li.half_w em { display: block; }
.cp-series ul li.half_w a { background: transparent; }
.cp-series ul li.half_w .cp-title big  {  color: #333; }
.cp-series ul li.half_w .cp-title span {  color: #999; }

/* 产品列表-end */










