﻿.idx_title{font-weight: 200;color: #ffffff;}
.idx_title p{font-size: 2.5rem;line-height: 0.8;}
.idx_title h2{font-size: 2.5rem;line-height: 0.8;font-weight: normal;position: relative;}
.idx_title p b{display: inline-block;font-weight: normal;}
.idx_title h2 b{display: inline-block;font-weight: normal;}

.idx_title h2:after{content:'';position:absolute;top:10px;width:71px;height:71px;background:url(../image/icon-yuan.svg) no-repeat center}

.idx_title p.cn{font-size: 45px;letter-spacing: 0.16rem;width: 100%;margin-top: 48px;}

.idx_title h2 b{position: absolute;top: 0;right: 0;z-index: -1;opacity: 0.06;}
.idx_title h2 b:nth-child(1){position: relative;z-index: 9;opacity: 1;}
.idx_title h2 b:nth-child(2){z-index: 8;}
.idx_title h2 b:nth-child(3){z-index: 7;}
.idx_title h2 b:nth-child(4){z-index: 6;}
.idx_title h2 b:nth-child(5){z-index: 5;}
.idx_title h2 b:nth-child(6){z-index: 4;}
.idx_title h2 b:nth-child(7){z-index: 3;}
.idx_title h2 b:nth-child(8){z-index: 2;}
.idx_title h2 b:nth-child(9){z-index: 1;}
@media only screen and (max-width:1000px){
	.idx_title p{font-size: 1.6rem;}
	.idx_title h2{font-size: 1.6rem;}
}
@media only screen and (max-width:850px){
	.idx_title p.cn{font-size: 26px;}
}
@media only screen and (max-width:768px){
	.idx_title p{font-size: 1.5rem;line-height: 1.2em;}
	.idx_title h2{font-size: 1.5rem;line-height: 1.2em;}
	.idx_title p.cn{font-size: 22px;}
}
@media only screen and (max-width:480px){
	.idx_title p.cn{font-size: 16px;}
	.idx_title p{font-size: 2rem;}
	.idx_title h2{font-size: 2rem;}
	.idx_title p.cn{font-size: 18px;}
}

#video_mar{width: 100%;height: 100vh;}

#idx_main .video2{position: fixed;top: 0;width: 100%;height: 100vh;
	
}
#idx_main .video2 video{width: 100%;height: 100%;object-fit: cover;}
#idx_main .video2 video.pc_hv{display: block;}
#idx_main .video2 video.mb_hv{display: none;}

.btn-play{
	display: none;
	position: fixed;
	bottom: 20%;
	left: 50%;
	margin-left: -24px;
	width: 48px;
	height: 48px;
	background: url(../image/icon-play.png) no-repeat center;
	-webkit-background-size: 36px auto;
	background-size: 36px auto;
	z-index: 2;
}


@media only screen and (max-width:480px){
	
	#idx_main .video2 video.pc_hv{display: none;}
	#idx_main .video2 video.mb_hv{display: block;}
}




















.home_profile{position: relative;padding: 10% 0 15%;z-index: 1;background: #000;color: #fff;overflow: hidden;}
.home_profile .layout_content{margin-top: 2.5%;}
.home_profile .layout_content .text_part{width: 48%;}
.home_profile .layout_content .text_part .part_title{font-weight: 200;line-height: 1.8;position: relative;z-index:2;}
.home_profile .layout_content .text_part .part_title .en{font-size: 0.6rem;white-space: nowrap;font-weight: 200;}
.home_profile .layout_content .text_part .part_title .cn{font-size: 0.48rem;letter-spacing: 6px;}
.home_profile .layout_content .text_part .con{position: relative;margin-top: 22px;max-width: 524px;font-size: 20px;line-height: 2;letter-spacing: 3px;z-index: 1;}
.home_profile .layout_content .text_part .con .cir1{position: absolute;top: 18%;right: 70px;width: 7.69rem;height: 7.69rem;min-width: 550px;min-height: 550px;background: #2b0506;z-index: -1;border-radius: 50%;}
.home_profile .layout_content .img_part{margin-top: 15%;width: 50%;}
.home_profile .layout_content .img_part .img{position: relative;padding-bottom: 65%;width: 100%;height: 0;overflow: hidden;}
.home_profile .layout_content .img_part .img img{position: absolute;left: 0;top: 0;width: 100%;}
@media only screen and (max-width:1200px){
	.home_profile .layout_content .text_part .con{font-size: 20px;}
	.home_profile .layout_content .text_part .part_title .en{font-size: 0.6rem;}
	.home_profile .layout_content .text_part .part_title .cn{font-size: 0.5rem;}
}
@media only screen and (max-width:1000px){
	.home_profile .layout_content .text_part .con{font-size: 18px;}
	.home_profile .layout_content .text_part .con .cir1{width: 6rem;height: 6rem;min-width: 450px;min-height: 450px;}
}
@media only screen and (max-width:768px){
	.home_profile{padding: 17% 0;}
	.home_profile .layout_content .text_part .con{font-size: 16px;line-height: 2.3;}
	.home_profile .layout_content .img_part{width: 46%;}
}
@media only screen and (max-width:750px){
	.home_profile .layout_content .text_part{width: 100%;}
	.home_profile .layout_content .img_part{position: relative;width: 100%;z-index: 2;}
	.home_profile .layout_content .text_part .con .cir1{right: 250px;}
	.home_profile .layout_content .text_part .part_title .en{font-size: 24px;}
	.home_profile .layout_content .text_part .part_title .cn{font-size: 20px;}
}
@media only screen and (max-width:480px){
	.home_profile{padding: 17% 0;}
	.home_profile .layout_content .text_part .con .cir1{right: 150px;top: 3%;min-width: 330px;min-height: 330px;letter-spacing: 1px;}
	.home_profile .layout_content .text_part .con{font-size: 15px;line-height: 2;letter-spacing: 0;text-align: justify;}
	.home_profile .layout_content .text_part .part_title .en{font-size: 20px;}
	.home_profile .layout_content .text_part .part_title .cn{font-size: 18px;letter-spacing: 3px;}

}


.home_product{position: relative;padding: 1% 0 0;z-index: 1;background: #000;color: #fff;}
.home_product .idx_title{text-align: right;}
.home_product .idx_title p{line-height: 1.2;}
.home_product #idx_pro{margin-top: 12px;}
.home_product #idx_pro .por{width: 100vw;height: 980px;max-width: 100%;}
.home_product #idx_pro picture{width: 100%;height: 100%;}
.home_product #idx_pro picture img{width: 100%;height: 100%;}
.home_product #idx_pro .pro_text{position: absolute;left: 15%;top: 50%;width: 70%;white-space: nowrap;transform: translateY(-35%);font-weight: 200;z-index: 3;}
.home_product #idx_pro .pro_text h3{font-weight: 100;font-size: 0.72rem;letter-spacing: 1px;line-height: 1.2em;}
.home_product #idx_pro .pro_text .en{display: block;font-size: 24px;font-weight: 200;letter-spacing: 5px;}
.home_product #idx_pro .pro_text .more span{display: inline-block;margin-top: 8%;width: 30px;height: 30px;background: url(../image/icon_01.png)no-repeat center;}
.home_product #idx_pro .pro_text .more span:hover {animation: doudong 0.4s 0s infinite;}
@keyframes doudong{
	from{transform: translateX(0);}
	to{transform: translateX(-10px);}
}

#idx_main{
	overflow: hidden;
}


.home_product #idx_pro .show_prev,.home_product #idx_pro .show_next{position: absolute;top: 50%;width: 80px;height: 80px;z-index: 3;
	margin-top: -40px;
	cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 100%;background-image: url(../image/prev.svg);}
.home_product #idx_pro .show_prev{left: 30px;}
.home_product #idx_pro .show_next{right: 30px;
transform: rotate(180deg);
}

@keyframes up{
	from{transform: translate(0,0);}
	to{transform: translate(-5px,15px);}
}
@keyframes down{
	from{transform: translate(0,0);}
	to{transform: translate(5px,-15px);}
}
.home_product .case_btm{overflow: hidden;}
.home_product .case_btm .img{margin-top: -60px;margin-bottom: 15px;white-space: nowrap;}
.home_product .case_btm .img img{padding-left: 60px;transition: transform 0.1s linear;}
.home_product .case_btm .half_circle{display: inline-block;margin-bottom: -8px;width: 451px;height: 451px;background: #210405;vertical-align: middle;border-radius: 100% 0 0 0;}

@media only screen and (max-width:1200px){
	.home_product #idx_pro .por{height: 80vh;}
	.home_product .case_btm .half_circle{width: 350px;height: 350px;}

}
@media only screen and (max-width:1000px){
	.home_product #idx_pro .por{height: 65vh;}
}
@media only screen and (max-width:768px){
	.home_product #idx_pro .por{height: 55vh;}
	.home_product #idx_pro .pro_text h3{font-size: 24px;}
	.home_product #idx_pro .pro_text .en{font-size: 16px;}
	.home_product #idx_pro .pro_text .more span{width: 20px;height: 20px;background-size: 100%;}
	 .home_product #idx_pro .show_next{right: 5%;}
	 .home_product #idx_pro .show_prev{left: 5%;}
	.home_product .case_btm .half_circle{width: 250px;height: 250px;}
}
@media only screen and (max-width:480px){
	.home_product{padding-bottom: 17%;}
	.home_product #idx_pro .por{height: auto;}
	.home_product #idx_pro .pro_text h3{font-size: 18px;}
	.home_product #idx_pro .pro_text .en{display: none;font-size: 12px;letter-spacing: 2px;}
	.home_product #idx_pro .pro_text .more span{width: 16px;height: 16px;}

	.home_product .case_btm .img{margin-top: -20px;}
	.home_product .case_btm .img img{padding-left: 20px;transition: transform 0s linear;}
	.home_product .case_btm .right{display: none;}
}



.home_about{position: relative;z-index: 1;background: #000 url(../image/idx_about_bg.jpg)no-repeat center/cover;color: #fff;}
.home_about .idx_wrap{max-width: 1480px;border-top: 1px solid transparent;}
.home_about .idx_title{margin-top: -6%;}
.home_about .idx_title .wrap{}
.home_about .idx_title > div{display: inline-block;}
.home_about .idx_title p{font-size: 1.705rem;}
.home_about .idx_title p.cn{margin-top: 10px;text-align: right;font-size: 30px;}
.home_about .content{margin-top: 5%;padding: 8.5% 6.5% 26%;font-size: 42px;font-weight: 100;box-sizing: border-box;overflow: hidden;}
.home_about .content2{margin-top: 5%;padding: 14% 0 23.3%;font-size: 42px;font-weight: 100;box-sizing: border-box;}
.home_about .content p:nth-child(1){font-size: 0.72rem;}
.home_about .content p:nth-child(2){margin-top: 2%;font-size: 28px;letter-spacing: 7px;}
.home_about .content p span{display: inline-block;}

.home_about .content2{font-size: 29px;letter-spacing: 6px;}
.home_about .content2 ul{justify-content: space-evenly;}
.home_about .content2 ul li{margin: 0 30px;margin-bottom: 8.1%;}
.home_about .content2 ul li a{display: block;position: relative;z-index: 1;}
.home_about .content2 ul li a:after{content: "";position: absolute;left: 50%;top: 50%;width: calc(100% + 30px);height: calc(100% + 14px);transform: translate(-50%,-50%);z-index: -1;background: rgba(230,0,18,0);transition: all 0.1s linear;}
.home_about .content2 ul li a:hover:after{background: rgba(230,0,18,0.53);}
.home_about .content2 .china_design{text-align: center;position: relative;z-index: 1;}
.home_about .content2 .china_design:after{content: "";position: absolute;left: 50%;top: 50%;width: 100vw;height: calc(100% + 14px);transform: translate(-50%,-50%);background: rgba(230,0,18,0);transition: all 0.1s linear;z-index: -1;}
.home_about .content2 .china_design:hover:after{background: rgba(230,0,18,0.53);}
.home_about .content2 .china_design a{display: block;margin: 0 30px;}

@media only screen and (max-width:1200px){
	.home_about .content2{font-size: 23px;}
}
@media only screen and (max-width:1000px){
	.home_about .content{padding: 8.5% 0 26% 3%;}
	.home_about .content p:nth-child(2){font-size: 22px;}
	.home_about .content2{font-size: 20px;}
}
@media only screen and (max-width:850px){
	.home_about .idx_title p.cn{font-size: 26px;}
}
@media only screen and (max-width:768px){
	
	.home_about .idx_title p{font-size: 1.5rem;line-height: 1.2em;}
	.home_about .idx_title p.cn{font-size: 22px;}
	.home_about .content p:nth-child(2){font-size: 18px;line-height: 2;}
	.home_about .content2{font-size: 18px;}
}
@media only screen and (max-width:750px){
	.home_about .content p:nth-child(1){font-size: 24px;}
	.home_about .idx_title p.cn{font-size: 16px;}
}

@media only screen and (max-width:480px){
	.home_about{padding-bottom: 4%;background: #000;}
	.home_about .idx_title .wrap{margin-top: 0;}
	.home_about .idx_title p.cn{text-align: left;}
	.home_about .content{padding: 40% 9.2% 0 9.2%;margin: 10px -5.5% 0;height: calc(100vh - 65px);background: #000 url(../image/idx_about_bg.jpg)no-repeat center/cover;}
	.home_about .content2{padding: 25% 0 20%;margin: 10px -5.5% 0;min-height: calc(100vh - 65px);background: #000 url(../image/idx_about_bg.jpg)no-repeat center/cover;}
	.home_about .content p:nth-child(1){font-size: 26px;}
	.home_about .content p:nth-child(2){font-size: 15px;}

	.home_about .content2{font-size: 16px;}
	.home_about .content2 ul li{margin: 0;margin-bottom: 3.2%;padding: 0 3% 0 22%;width: 100%;box-sizing: border-box;}
	.home_about .content2 ul li{position: relative;z-index: 1;}
	.home_about .content2 ul li a{position: initial;}
	.home_about .content2 ul li a:after{;width: 100vw;}
	.home_about .content2 .china_design{text-align: left;}
	.home_about .content2 .china_design a{margin: 0;padding: 0 3% 0 22%;box-sizing: border-box;box-sizing: border-box;}
}