/* CSS代码示例 */
/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Bold'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-BOLD.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/

/*@font-face {*/
/*    font-family: 'SourceHanSansSC-ExtraLight'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Heavy'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-HEAVY.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Light'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-LIGHT.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Medium'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-MEDIUM.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/

/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Normal'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-NORMAL.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSansSC-Regular'; !* 定义一个用于引用该字体的名称 *!*/
/*    src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF') format('truetype'); !* 指定字体文件路径与格式 *!*/
/*    !* 如果有其他格式的备用字体文件，可以添加多个src规则以提高兼容性 *!*/
/*}*/

html,
body {
    position: relative;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    background: transparent;
    color: #fff;
    text-align: left;
    font-family: SourceHanSansSC-Regular, system-ui, -apple-system, "Segoe UI";
}


html::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 4px;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background: #ccc;
}
.swiper{
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-preloader-color: #00ff33;/* 单独设置预加载圆圈的颜色 */
}
#damai .swiper-slide {
    display: block;
    width: 100vw;
    height: 100vh;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    will-change: transform;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-fslexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiper-container2 .swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    line-height: 100px;
    background: #4390EE;
    color: #fff;

}

.hero_img {
    position: absolute;
    width: 100vw;
    height: 100vh;
}

.hero_img picture {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100vh;
}

.hero_img picture img {
    width: 100vw;
    height: 100vh !important;
    object-fit: cover;
    image-rendering: pixelated;
}

.hero_img .hero_child {
    position: relative;
    z-index: 99;
    height: 100vh;
}


#head_nav {
    margin-top: 0px;
    padding-top: 10px;
    background: rgba(55, 55, 55, 0.1);
}

#head_nav a {
    color: #ffffff !important;
}

#head_nav a h1 {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0px;
    margin-left: 20px;
}

#head_nav a h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    margin-left: 20px;
}

.hero_content {
    display: inline-block;
    width: 60%;
    position: absolute;
    top: calc(50vh - 216px);
    left: 0;
}

.hero_content.hero_top {
    top: 278px;
}

.hero_content.hero_top120 {
    top: 120px;
}

.hero_content.hero_top0 {
    top: 0 !important;
}

.hero_content .hero_desc {
    width: 100%;
    margin-top: 108px;
}

#head_content.hero_content .hero_desc {

}

.hero_content .hero_desc {
    padding: 20px 0 0 0;
}

.hero_content .hero_desc p {
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 0px;
}

.hero_content .hero_desc p b {
    font-size: 28px;
}


.hero_content.hero_align_right {
    width: 60%;
    left: auto;
    right: 10px;
    text-align: right;
}

.hero_relative .hero_content.hero_align_right {
    width: calc(100% - 50px);
}

.hero_content.hero_align_right h3,
.hero_content.hero_align_right h4,
.hero_content.hero_align_right.hero_desc,
.hero_content.hero_align_right p {
    text-align: right;
}


.hero_content h2 {
    font-size: 40px;
    margin-bottom: 60px;
}

.hero_content h3 {
    font-size: 38px;
    text-align: left;
    line-height: 56px;
    position: relative;
    font-family: SourceHanSansSC-Medium;
}

.hero_content .hero_sub:after {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 84px;
    height: 4px;
    background-color: #ff0000;
    border-radius: 2px;
}

.hero_content.hero_align_right .hero_sub:after {
    left: calc(100% - 84px);
}

.hero_content .hero_sub.hero_sub_hiden:after {
    display: none;
}


.hero_content.hero_color_black h3, .hero_content.hero_color_black p {
    color: #000000;
}


#head_content.hero_content .hero_desc{
    margin-top: 12px;
}
#head_content.hero_content .hero_desc p{
    font-size: 20px;
}

.hero_jg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 220px;
    background: transparent;
    z-index: 100;
    overflow: hidden;
}

.hero_jg img {
    width: 100vw;
    min-height: 100%;
}

.hero_jg .hero_jg_content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.hero_jg h2 {
    margin-top: 50px;
    font-family: SourceHanSansSC-Bold;
    font-size: 46px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
}

.hero_jg p {
    font-family: SourceHanSansSC-Regular;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-top: 40px;
}

.hero_jg h2 + p {
    margin-top: 10px;
}

.hero_jg p + h2 {
    margin-top: 15px;
}


footer {
    display: block;
    width: 100vw;
    height: 177px;
    /* background: rgba(55, 55, 55, 0.1); */
	background: rgba(24, 28, 35, 0.66);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

footer .footer_title {
    margin-top: 30px;
}

footer .footer_title h2 {
    font-family: SourceHanSansSC-Medium;
    font-size: 32px;
}

footer .footer_title p {
    font-family: SourceHanSansSC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
}

.footer_logo {
    height: 55px;
    line-height: 55px;
}

.footer_logo img {
    vertical-align: middle !important;
}

.footer_logo span {
    line-height: 55px;
    margin-left: 38px;
}

.footer_copyright {
    margin-top: 10px;
    padding-top: 10px;
}

.hero_desc_img {
    position: absolute;
}

.hero_relative .hero_desc_img {
    position: relative;
}

.hero_desc_img img {
    object-fit: contain;
    image-rendering: pixelated;
}

.hero_desc_img.img100 {
    width: 100%;
    height: 100%;
}

.hero_desc_img.img_bottom {
    left: 0;
    bottom: 0;
}

.hero_desc_img.img100 img {
    width: 100%;
}

.hero_desc_img.img_bottom img {
    position: absolute;
    left: 0;
    bottom: 20px;
}

.hero_relative {
    position: relative;
}

.swiper-slide {
    overflow: hidden;
}

.hero_img_fg1 {
    width: 100vw;
    height: 100vh;
    position: relative;
    bottom: 35.2vh;
}

.hero_img_fg2 {
    width: 100vw;
    height: 100vh;
    position: relative;
    top: -38.2vh;
}

.hero_img_fg1 img, .hero_img_fg2 img {
    width: 100%;
    min-height: 100%;
    image-rendering: pixelated;
    object-fit: none;
}

.hero_img_fg1 .hero_child, .hero_img_fg2 .hero_child {
    position: relative;
}

.hero_img_fg1 img {
    vertical-align: bottom;
}

.hero_img_fg2 img {
    vertical-align: top;
}

.hero_img_fg1 .hero_jg {
    top: auto;
    bottom: 0;
    height: 220px;
}

.hero_img_fg1 .hero_jg div.ani {
    height: 100%;
}
#juyuwang{
    top:50px;
    width: 100%;
}
#juyuwang .hero_desc{
    width: 100%;
    margin-top: 28px;
    text-align: center;
}
h4.hero_sub_title{
    text-align: center;
    color: #707070;
    font-size: 22px;
    font-family: SourceHanSansSC-Medium
}
#hero5 .hero_content
{
    width: 50%;
}
#zhengqi{
    width: 100%;
    height: 50%;
    margin-top: 15%;
}
#hero6_text{
    width: 44%;
    margin-left: 56%;
}
#hero6_img{
    display: none;
}

#juyuwang .hero_desc_img{
    display: none;
}
.mobile_jg{
    display: none;
}
.hero_pc{
    display: block;
}
.hero_mobile{
    display: none;
}

.connect_item{
	height: 200px;
	background-color: #ffffff;
		box-shadow: 0px 0px 29px 0px 
			rgba(61, 61, 61, 0.19);
}
.connect_item .connect_img{
	display: inline-block;
	width: 145px;
	height: 100%;
	float: left;
}
.connect_item .connect_img img{
	width: 88px;
	vertical-align: middle;
	margin-top: 56px;
}
.connect_item .connect_body{
	display: inline-block;
	width:calc(100% - 150px);
	height: 100%;
	text-align: left;
}

.connect_item .connect_body .connect_title {
	font-size: 24px;
		font-weight: bold;
		font-stretch: normal;
		line-height: 48px;
		letter-spacing: 2px;
		color: #2d2d2d;
		margin-top: 28px;
}
.connect_item .connect_body .connect_desc {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #2d2d2d;
	margin-bottom: 24px;
	margin-top: -12px;
}

.connect_item .connect_body .connect_link {
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #ce1f1f;
	text-decoration: none;
}