/* banner */
.banner{width: 100%;height:100vh;overflow: hidden;position: relative;}
.banner .swiper{width: 100%;height: 100%;}
/* .banner .swiper img{width: 100%;height:100%;} */
.banner .list{width:100%;height: 100%;}
.banner .pcpt{display: block;}
.banner .mbpt{display: none;}
.banner #banner_prev,.banner #banner_next{position: absolute;top: 48.5%;transform: translateY(-50%);width: 27px;height: 47px;z-index: 3;cursor: pointer;}
.banner #banner_prev{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.banner #banner_next{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.banner #banner_prev.fade{opacity: 0;}
.banner #banner_next.fade{opacity: 0;}
.banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.banner .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.banner .swiper-pagination span{width: 7px;height: 7px;background: transparent;padding: 0;border: solid 1px #fff;opacity: 1;vertical-align: middle;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.banner .swiper-pagination-bullet{border-radius: 16px;}
.banner .swiper-pagination{left:50%;width:90%;max-width:1736px;height: auto;bottom: 7%;text-align: right;box-sizing: border-box;transform: translateX(-50%);}
.banner #banner_mb{display: none;}

.banner .num_page{position: absolute;right:5%;bottom:30px;width:auto;z-index: 2;color: #fff;font-size: 40px;font-family: mont;white-space: nowrap;display: none;}
.banner .num_page span{display: inline-block;}


.banner .list_wrap{position: relative;width:100%;height:100%;z-index: 1;overflow: hidden;}
.banner .list_wrap .img{position: relative;width: 100%;height:100%;}
.banner .list_wrap .img .img_pc{width: 100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center bottom 10%;}
.banner .list_wrap .img img.img_block{display: none;visibility: hidden;width:100%;height:auto}

@media only screen and (max-width:1680px){
	.banner{height:auto;}
	.banner .list_wrap .img .img_pc{display: none;}
	.banner .list_wrap .img img.img_block{display: block;visibility: visible;}
}

@media only screen and (max-width:1260px){
	.banner #banner_prev, .banner #banner_next{width: 20px;height: 30px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
	.banner .num_page{font-size: 48px;}
}
@media only screen and (max-width:980px){
	.banner .num_page{font-size: 40px;}
}
@media only screen and (max-width:851px){
	.banner #banner_pic{display: none;}
	.banner #banner_mb{display: block;}
}
@media only screen and (max-width:768px){
	.banner .num_page{font-size:30px;}
}
@media only screen and (max-width:520px){
	.banner #banner_prev, .banner #banner_next{height: 22px;background-size: 12px;}
	.banner #banner_prev{left: 3%;}
	.banner #banner_next{right: 3%;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.banner .swiper-pagination{bottom: 13px;}
	.banner .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;}
	.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
	.banner .num_page{font-size:20px;bottom:13px}
}



.banner .list01 {/* position: relative;z-index: 1;overflow: hidden; */}
.banner .list01 .text{position: absolute;left: 0;bottom:110px;width:100%;height: auto;z-index: 2;}
.banner .list01 .text .wrap{margin: 0 0 0 auto;transition: all 0.6s 0.9s ease-out;}
.banner .list01 .text .top_title .p1{font-size: 18px;letter-spacing: 0px;}
.banner .list01 .text .top_title .p2{margin:3% 0 3.5%;font-size:33px;color:#1ececa;font-family: jiangcheng500;}
.banner .list01 .text .des{font-size: 19px;line-height: 1.6;}

@media only screen and (max-width:851px){
	.banner .list01 .text{bottom:5%}
	.banner .list01 .text .top_title .p1{font-size: 16px;}
	.banner .list01 .text .top_title .p2{font-size: 26px;}
	.banner .list01 .text .des{font-size: 16px;}
}
@media only screen and (max-width:520px){
	.banner .list01 .text{bottom:5%}
	.banner .list01 .text .top_title .p1{font-size: 12px;}
	.banner .list01 .text .top_title .p2{margin:6px 0;font-size: 14px;}
	.banner .list01 .text .des{font-size: 12px;}
}




/* common_css */
section{width: 100%;overflow: hidden;}
.green{background-image:-webkit-linear-gradient(left,#1f512a,#429070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.common_section{width:100%;height:100vh;max-height: 1080px;}

/* common_css */
.idx_more i{display: inline-block;margin-right:8px;width: 19px;height: 19px;border-radius: 50%;overflow: hidden;border: 3px solid #27cfc9;vertical-align: middle;box-sizing: border-box;}
.idx_more span{display: inline-block;vertical-align: middle;font-size: 18px;letter-spacing: 0px;}

.idx_wrap{margin:0 auto;width:90%;max-width: 1548px;}

.idx_title .title{font-size:33px;font-family: jiangcheng500;font-weight: normal;}

.slogan2{position: absolute;right:0;bottom: 0;font-size:18px;color:#27cfc9;}
.slogan2 span{color:#808080;} 
.slogan2 span.m{display: none;}
@media only screen and (min-width:521px){
	.idx_more span:hover{color:#1ececa;}
}
@media only screen and (max-width:1440px){
	
	
}
@media only screen and (max-width:1260px){
	
}
@media only screen and (max-width:1080px){
}
@media only screen and (max-width:900px){
	.common_section{height:auto;}
}
@media only screen and (max-width:850px){
	.idx_title .title{font-size:26px}
	
	.idx_more span{font-size:16px;/* letter-spacing: 2px; */}
	
	.slogan2{font-size:16px;}
}
@media only screen and (max-width:520px){
	.idx_title .title{font-size:20px;}
	
	.idx_more span{font-size:14px;/* letter-spacing: 1px; */}
	.slogan2{position:initial;font-size:14px;}
	.slogan2 span.m{display: inline;}
	.slogan2 span.pc{display: none}
	.slogan2 span.t{float:right;}
	
	.idx_more i{margin-right:6px;width: 11px;height: 11px;border-width:2px;}
	
	.common_section{height:100vh;}
}

/* idx_more */
.idx_more_button{position:relative;display:inline-block;width:200px;border:1px solid #b08f60;overflow: hidden;}
.idx_more_button a{display: block;padding:0 20px;}
.idx_more_button .button_fl{color: #b08f60;font-size: 16px;line-height: 55px;position: relative;z-index: 10;transition: all .36s ease;}
.idx_more_button .button_fr{width: 16px;line-height: 52px;position: relative;z-index: 10;}
.idx_more_button .button_mc{position: absolute;width: 400px;height: 500px;background: #b08f60;right: -380px;top: -135px;z-index: 1;transition: all .5s ease;transform: rotateZ(-65deg);}
@media only screen and (min-width:521px){
	.idx_more_button:hover .button_mc{right:0;}
	.idx_more_button:hover .button_fl{color: #fff;}
}
@media only screen and (max-width:1260px){
	.idx_more_button{width: 170px;}
	.idx_more_button .button_fl{line-height: 40px;}
	.idx_more_button .button_fr{line-height:40px;}
}
@media only screen and (max-width:850px){
	.idx_more_button{width: 150px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 14px;}
	.idx_more_button .button_fr{line-height:36px;}
}
@media only screen and (max-width:520px){
	.idx_more_button{width: 145px;}
	.idx_more_button .button_fl{line-height: 36px;font-size: 13px;}
	.idx_more_button .button_fr{line-height:36px;}
}




/* home_profile */
.home_part1{width:100%;height:100%;background:#f7f7f7;}
.home_profile{position: absolute;left:0;bottom:11.5%;width:100%;z-index: 2;}
.home_profile .content{margin-top:2.6%;width: 840px;max-width:100%;font-size:18px;color: #808080;}
.home_profile .content p{margin-bottom: 4%;}
.home_profile .content p:last-child{margin-bottom: 0;}
.home_profile .idx_more{margin-top:11%;}

@media only screen and (max-width:1680px){
	.home_profile{bottom:50%;transform: translateY(50%);}
}
@media only screen and (max-width:900px){
	.home_profile{padding:16% 0 16%;position: initial;transform: inherit;}
}
@media only screen and (max-width:850px){
	.home_profile .content{font-size:16px;/* line-height: 2.1; */}
	.home_profile .content p{margin-bottom: 6%;}
	.home_profile .content p span{display: block;}
}
@media only screen and (max-width:521px){
	.home_profile .idx_more{margin-top:118px;}
	.home_profile .content{margin-top:24px;margin-bottom:43px;font-size:14px;line-height:22px;}
	/* add */
	.home_profile{position:absolute;padding: 0;bottom:50%;transform:translateY(50%);}
	.home_profile .content p{margin-bottom: 6%;}
	.home_profile .content p span{display: block;}
	.home_profile .slogan2{display: inline-block;}
}


/* banner2 */
.home_part2{width: 100%;height:100vh;overflow: hidden;position: relative;}
.home_part2 .swiper{width: 100%;height: 100%;}
/* .home_part2 .swiper img{width: 100%;height:100%;} */
.home_part2 .list{width:100%;height: 100%;}
.home_part2 .list .list_wrap{width:100%;height:100%;}
.home_part2 .list .list_wrap .img{width:100%;height:100%;}
.home_part2 .list .list_wrap .img .img_pc{width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.home_part2 .list .list_wrap .img img.img_block{display: none;visibility: hidden;width:100%;height:auto}
.home_part2 .pcpt{display: block;}
.home_part2 .mbpt{display: none;}
.home_part2 #banner_prev2,.home_part2 #banner_next2{position: absolute;top: 48.5%;transform: translateY(-50%);width: 27px;height: 47px;z-index: 3;cursor: pointer;}
.home_part2 #banner_prev2{left:5%;background: url(../images/banner_prev.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.home_part2 #banner_next2{right: 5%;background: url(../images/banner_next.png)no-repeat center;opacity: 1;transition: opacity 0.3s linear;visibility: hidden;}
.home_part2 #banner_prev2.fade{opacity: 0;}
.home_part2 #banner_next2.fade{opacity: 0;}
.home_part2 .swiper-pagination{position: absolute;width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;}
.home_part2 .swiper-pagination-bullet{margin: 0 8px;}
.home_part2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.home_part2 .swiper-pagination span{width: 7px;height: 7px;background: transparent;padding: 0;border: solid 1px #fff;opacity: 1;vertical-align: middle;}
.home_part2 .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.home_part2 .swiper-pagination-bullet{border-radius: 16px;}
.home_part2 .swiper-pagination{position: absolute;left:50%;width:90%;max-width:1736px;height: auto;bottom: 7%;text-align: right;box-sizing: border-box;transform: translateX(-50%);}
.home_part2 #banner_mb{display: none;}


@media only screen and (max-width:1260px){
	.home_part2 #banner_prev, .home_part2 #banner_next2{width: 20px;height: 30px;}
	/* .home_part2 #banner_prev,.home_part2 #banner_next2{background-size: 20px;} */
	.home_part2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 13px;}
	
}
@media only screen and (max-width:900px){
	.home_part2{height:auto;}
	.home_part2 .list .list_wrap .img .img_pc{display: none;}
	.home_part2 .list .list_wrap .img img.img_block{display: block;visibility: visible;}
}
@media only screen and (max-width:850px){
	
}
@media only screen and (max-width:750px){
	/* .home_part2 #banner_pic{display: none;}
	.home_part2 #banner_mb{display: block;} */
}
@media only screen and (max-width:520px){
	.home_part2 #banner_prev2, .home_part2 #banner_next2{height: 22px;background-size: 12px;}
	.home_part2 #banner_prev2{left: 3%;}
	.home_part2 #banner_next2{right: 3%;}
	.home_part2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.home_part2 .swiper-pagination{bottom: 13px;}
	.home_part2 .swiper-pagination span{width: 6px;height: 6px;margin: 0 5px;}
	.home_part2 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets 	.swiper-pagination-bullet{margin: 0 5px;}
}

/* home_part3 */	
.home_part3{padding:12.5% 0 5%;background: #ededed;box-sizing: border-box;position: relative;z-index: 1;height: 100vh;min-height:900px;max-height: 1080px;overflow: hidden;}
.home_product{position: absolute;left:0;top:52%;width:100%;transform: translateY(-50%);}
.home_product .content{margin-top: 2.8%;font-size: 18px;width:100%;max-width:710px;}
.home_product .pro_layout{margin-top: 4.5%;}
.home_product .pro_nav_list{width:16.13%}
.home_product .pro_nav_list ul li {margin-bottom: 40%;font-size:18px;cursor: pointer;}
.home_product .pro_nav_list ul li:last-child{margin-bottom: 0;}
.home_product .pro_nav_list ul li > .por{display: inline-block;}
.home_product .pro_nav_list ul li .hd{/* margin-bottom: 8px; */font-size: 33px;line-height: 1em;display: inline-block;}
.home_product .pro_nav_list ul li .des{position: absolute;white-space: nowrap;left: calc(100% + 10px);left:-webkit-calc(100% + 10px);top: 50%;transform: translateY(-50%);display: none;}
.home_product .pro_nav_list ul li.on .hd{font-family: jiangcheng500;}

.home_product .content_show{width:83.18%;box-sizing: border-box;transform: translateY(9px);}
.home_product .content_show .part .wrap:after{content:"";width:32%;/* border-radius: 20px;background-color: #fff; */}
.home_product .content_show .part .wrap .w{width: 32%;border-radius: 20px;overflow: hidden;background-size: auto 100%;}
.home_product .content_show .part .wrap .w:first-child{background-position: left center;}
.home_product .content_show .part .wrap .w:nth-child(2n){background-position: center;}
.home_product .content_show .part .wrap .w:nth-child(3n){background-position: right center;}
.home_product .content_show .part .wrap .img{position: relative;padding-bottom:108.79%;width:100%;height:0;overflow: hidden;}
.home_product .content_show .part .wrap .img img{position: absolute;left:50%;top:50%;width:100%;overflow: hidden;transform: translate(-50%,-50%);}
.home_product .content_show .part .wrap .img img.hover{visibility: hidden;}
.home_part3 .bg_color{position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: #ededed;z-index: -1;}
.home_part3 .bg_color:nth-child(2){background-color: #e0e3e4;}
.home_part3 .bg_color:nth-child(3){background-color: #eeeae4;}
.home_product .idx_more{margin-top: 4.4%;}

	.home_product .pro_nav_list ul li.on .des{display: block;}
@media only screen and (min-width:521px){
	.home_product .content_show .part .wrap .w:hover .img img{visibility: hidden;opacity: 0;}
	.home_product .content_show .part .wrap .w:hover .img img.hover{visibility: visible;opacity: 1;}
	/* add */
}

@media screen and (min-height:900px) and (max-height:990px){
	.home_product .pro_layout{margin-top:2.5%}
	.home_product .pro_nav_list ul li{margin-bottom: 40%;}
}

@media only screen and (max-width:1680px){
	.home_product{position: absolute;left:0;top:50%;width:100%;transform: translateY(-50%);}
}
@media only screen and (max-width:900px){
	.home_part3{height: auto;min-height: initial;}
	.home_product{position: initial;transform: initial;}
}
@media only screen and (max-width:850px){
	.home_part3{padding:16% 0;}
	.home_product .content{font-size:16px;}
	.home_product .pro_nav_list{width: 100%;}
	.home_product .pro_nav_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.home_product .pro_nav_list ul li .hd{font-size: 26px;}
	.home_product .pro_nav_list ul li{margin-bottom: 5%;width: 50%;font-size: 16px;}
	.home_product .content_show{width: 100%;transform: initial;}
	
	.home_product .idx_more{margin-top: 13.4%;}
}
@media only screen and (max-width:520px){
	.home_part3{padding:28% 0 25px;height:100vh}
	.home_product{top: auto;position: absolute;transform: initial;/* transform: translateY(-50%); */bottom: 25px;}
	.home_product .pro_layout{margin-top:64px;}
	.home_product .content{margin-top:24px;font-size:14px;}
	.home_product .content p span{display: block;}
	.home_product .pro_nav_list{width: 100%;}
	.home_product .pro_nav_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.home_product .pro_nav_list ul li{margin-bottom: 5%;width: 50%;font-size: 14px;}
	.home_product .pro_nav_list ul li .hd{font-size:20px;}
	.home_product .content_show{padding:0;margin-top:10%;width: 100%;transform: initial;}
	.home_product .content_show .part .wrap .w{width: 31%;border-radius: 4px;}
	/* .home_product .content_show .part .wrap .w:nth-child(3n){display: none;} */
	.home_product .idx_more{margin-top: 60px;}
	
	.home_product .content_show{margin-top: 5.8%;}
	.home_case .idx_more{margin-top: 11.4%;}
	
	.home_product .pro_nav_list ul li .des{left: calc(100% + 4px);left: -webkit-calc(100% + 4px);}
}

/* home_part4 */
.home_part4{padding:12.5% 0 5%;background:#ededed;box-sizing: border-box;height: 100vh;min-height:900px;max-height: 1080px;overflow: hidden;position: relative;}
.home_case{position: absolute;left:0;bottom:10%;width:100%;height: auto;}
.home_case .content{margin-top: 2.8%;font-size: 18px;}
.home_case .layout{margin-top: 3.8%;}
.home_case .layout ul li{position: relative;width:30.46%;border-radius: 18px;overflow: hidden;}
.home_case .layout ul li .item{}
.home_case .layout ul li .item .box{position: absolute;left:0;top:0;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(171,158,151,0.75);z-index: 2;color: #fff;transition: opacity 0.3s linear;opacity: 0;}
.home_case .layout ul li .item .box .wrap{width:90%;text-align: center;}
.home_case .layout ul li .item .box .tit{font-size: 33px;font-family: jiangcheng500;}
.home_case .layout ul li .item .box .more{margin-top: 5%;display:inline-block;font-size: 19px;position: relative;}
.home_case .layout ul li .item .box .more:after{content:"";position: absolute;left:0;bottom:0;width:0;height:1px;background:#fff;transition: all .3s 0.3s linear;}
.home_case .idx_more{margin-top: 4.4%;}
@media only screen and (min-width:851px){
	.home_case .layout ul li:hover .item .box{opacity: 1;}
	.home_case .layout ul li:hover .item .box .more:after{width:100%;}
}
@media only screen and (max-width:1260px){
	.home_case{bottom:50%;transform: translateY(50%);}
}
@media only screen and (max-width:900px){
	.home_part4{height:auto;min-height: initial;max-height: initial;}
	.home_case{position: initial;transform: initial;}
}
@media only screen and (max-width:850px){
	.home_part4{padding:16% 0 16%;}
	.home_case .content{font-size:16px;}
	.home_case .layout ul li{border-radius: 8px;}
	.home_case .layout ul li .item .box{opacity: 1;}
	.home_case .layout ul li .item .box .tit{font-size: 20px;}
	.home_case .layout ul li .item .box .more{font-size: 14px;}
}
@media only screen and (max-width:520px){
	.home_part4{padding:28% 0 25px;height: 100vh;}
	.home_case{position: absolute;bottom:25px;}
	.home_case .content{font-size:14px;margin-top:24px;}
	.home_case .layout{margin-top: 4.5%;margin-top:28px;width: 49%;}
	.home_case .layout ul li{margin-bottom: 4%;width: 100%;border-radius: 4px;}
	.home_case .layout ul li:last-child{margin-bottom: 0;}
	.home_case .idx_more{margin-top: 34px;}
	
	/* add */
	.home_case .layout ul li .item .box{background:transparent;align-items: flex-end;}
	.home_case .layout ul li .item .box .wrap{padding:2px 5% 0;width: 100%;box-sizing: border-box;background-color: rgba(171,158,151,0.75);}
	.home_case .layout ul li .item .box .tit{font-size: 12px;float: left;}
	.home_case .layout ul li .item .box .more{margin-top: 0;float: right;font-size: 12px;}
}

/* home_buy */
.home_part5{width:100%;height:100%;}
.home_buy{position: absolute;left:0;bottom:11.5%;width:100%;z-index: 2;}
.home_buy .content{margin-top:3.6%;width: 100%;max-width:100%;font-size:18px;color: #707272;}
.home_buy .content .row{margin-bottom: 0.5%;}
.home_buy .content .row:last-child{margin-bottom: 0;}
.home_buy .content .row span{vertical-align: middle;}
.home_buy .content .row span:nth-child(1){display: inline-block;margin-right: 2%;}
.home_buy .content .row a{display: inline-block;vertical-align: middle;margin-right: 1.4%;}
.home_buy .content .row a img{filter: grayscale(1) opacity(0.7);}
.home_buy .idx_more{margin-top:11%;}
@media only screen and (min-width:521px){
	.home_buy .content .row a:hover img{filter: initial;}
}
@media only screen and (max-width:1260px){
	.home_buy{bottom:50%;transform: translateY(50%);}
}
@media only screen and (max-width:900px){
	.home_buy{padding:21% 0;position:initial;transform: initial;}
}
@media only screen and (max-width:850px){
	.home_buy .content{font-size: 16px;}
	.home_buy .content .row{margin-bottom: 4.5%;}
}
@media only screen and (max-width:520px){
	.home_part5{background:#f7f7f7;}
	.home_buy{padding:0;position: absolute;bottom:50%;transform: translateY(50%);}
	.home_buy .content{margin-top:20px;font-size:14px;}
	.home_buy .content .row{margin-bottom: 32px;}
	.home_buy .content .row span{line-height: 25px;}
	.home_buy .content .row span:nth-child(1){width: 100%;}
	.home_buy .content .row a{display: block;margin: 6px 0;margin:4px 0;transform-origin: left center;transform: scale(0.8);}
	.home_buy .content .row a:last-child{transform: scale(0.6);}
	.home_buy .content .row a img{transform-origin: left center;}
	.home_buy .content .row:last-child span:last-child{display: inline-block;margin-top: 10px;}
	.home_buy .idx_more{margin-top: 116px;}
}



.video-player{width: 100%;position: fixed;left: 50%;top: 50%;width: 90%;height: 80%;background-color: #000;transform: translate(-50%,-50%);z-index: 99;visibility: hidden;}
.video-player video{display: block;width: 100%;height: 100%;}
.video-player .v_close{position: absolute;right:0;top: 0;width: auto;z-index: 2;cursor: pointer;}
.video-player .center-control{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;display: flex;align-items: center;justify-content: center;transition: opacity 0.1s linear;}
.video-player .center-control .center-wrapper{position: relative;width: 23%;max-width: 120px;text-align: center;}
.video-player .center-control .center-wrapper:after{content: "";display: block;padding-bottom: 100%;}
.video-player .center-control .center-button{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;}
.video-player .center-control .center-wrapper .icon_play,.video-player .center-control .center-wrapper .circle{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-player .center-control .center-wrapper .icon_play{display: inline-block;width: 48px;height: 48px;background: url(../../../index.html)no-repeat center/100% auto;filter: brightness(100);}
.video-player .center-control .center-wrapper .circle{width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: 3px solid #fff;background: rgba(0,0,0,0.15);}
.video-player .control-bar{position: absolute;padding: 14px;left: 0;bottom: 0px;width: 100%;background: rgba(0,0,0,0.35);z-index: 2;box-sizing: border-box;display: flex;flex-wrap: nowrap;justify-content:flex-start;color: #fff;transition: opacity 0.3s linear;align-items: center;}
.video-player .control-bar .bar-item{display: inline-block;vertical-align: text-bottom;}
.video-player .control-bar .lf-panel{width: 50px;height: 25px;}
.video-player .control-bar .lf-panel .bf-icon{display: inline-block;margin-top: 3px;width: 35px;height: 25px;filter: brightness(10);}
.video-player .control-bar .lf-panel .bf-icon.play{background: url(../../../index.html)no-repeat center/65% auto;}
.video-player .control-bar .lf-panel .bf-icon.pause{background: url(../../../index.html)no-repeat center/65% auto;}
.video-player .control-bar .center-panel{width: calc(100% - 61px);width: -webkit-calc(100% - 61px);}
.video-player .control-bar .center-panel .progress-wrapper{padding-right: 6px;width: calc(100% - 80px);width: -webkit-calc(100% - 80px);box-sizing: border-box;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar{width: calc(100% - 86px);width:-webkit-calc(100% - 86px)}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress{-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 13px;padding: 5px 0;cursor: pointer;margin-bottom: 2px;white-space: nowrap;box-sizing: border-box;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .progress-inner{position: relative;display: inline-block;vertical-align: top;width: calc(100% - 13px);height: 3px;background: hsla(0,0%,100%,.4);}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .reached {position: absolute;z-index: 1;top: 0;left: 0;width: 1%;background: #429070;height: 100%;}
.video-player .control-bar .center-panel .progress-wrapper .progress-bar .control-progress .indicator {position: absolute;z-index: 2;display: inline-block;width: 14px;height: 14px;border-radius: 100%;background: #fff;top: -6px;}
.video-player .control-bar .center-panel .progress-wrapper .current-time, .video-player .control-bar .center-panel .progress-wrapper .total-time {width: 34px;color: #fff;}
.video-player .control-bar .center-panel .volume{width: 74px;margin-top: 5px;}
.video-player .control-bar .center-panel .volume #volume{display: inline-block;vertical-align: middle;width: 20px;height: 18px;filter: brightness(100);}
.video-player .control-bar .center-panel .volume .icon-volume{background: url(../../../index.html)no-repeat center;}
.video-player .control-bar .center-panel .volume .icon-volume-mute{background: url(../../../index.html)no-repeat center;}
.video-player .control-bar .center-panel .volume .controlBar{position: relative;display: inline-block;vertical-align: middle;width: calc(100% - 26px);height: 3px;background: hsla(0,0%,100%,.4);cursor: pointer;}
.video-player .control-bar .center-panel .volume .controlInner{position: absolute;z-index: 1;top: 0;left: 0;width: 1%;background: #429070;height: 100%;}
.video-player .control-bar .rt-panel{width: 26px;height: auto;}
.video-player .control-bar .fullscreen_btn .bf-icon{display: block;margin-top: 3px;width: 100%;height: 22px;filter: brightness(100);cursor: pointer;}
.video-player .control-bar .fullscreen_btn .bf-icon.fullscreen{background: url(../../../index.html)no-repeat center;}
.video-player .control-bar .fullscreen_btn .bf-icon.exit-fullscreen{background: url(../../../index.html)no-repeat center;}
@media only screen and (max-width:768px){
	.video-player{top: 50%;height: 40%;width: 100%;}
	.video-player .center-control .center-wrapper{width: 14%;}
}
@media only screen and (max-width:480px){
	.video-player .center-control .center-wrapper{}
	.video-player .center-control .center-wrapper .icon_play{width: 30px;height: 30px;}
	.video-player .control-bar{padding: 5px;}
	.video-player .v_close{width: 30px;height: 30px;}
}