*{
	padding:0;
	margin:0;
	/*box-sizing: border-box;*/
}
html,
body,
ul,
ol,
div {
    margin: 0;
    padding: 0;
	transform-origin: 0 0; /* 缩放基准点设为左上角 */
}
body{
	font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

.app-container {
	background-color: #fff;/*#0e0e0e*/;
	display: flex;
	flex-direction: column;
	min-height: 100vh; 
	margin:0 auto;
	width:1920px;
}
	
.row{
	margin:0 auto;
	width:1400px;
}

.header-container{
	background-image: url("../images/bg11.jpg");
	width:1920px;
	height:1210px;
	margin:0 auto;
	position: relative;
}
.header-navigate-container{
	position: absolute;
	width:730px;
	height:70px;
	top:0px;
	right:0px;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap:0px;
}
.header-navigate-menu{
	background-image: url("../images/header_navigate_menu_btn_unselect.png");
	width:158px;
	height:63px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.header-navigate-menu.active{
	background-image: url("../images/header_navigate_menu_btn_selected.png");
	width:158px;
	height:63px;
}
.header-navigate-menu:hover{
	background-image: url("../images/header_navigate_menu_btn_selected.png");
	width:158px;
	height:63px;
	color:#fffeff;
	filter: brightness(1.2);
}

.header-navigate-menu a{
	color:#a8a8aa;
	font-size:26px;
	font-weight:600;
}

.header-navigate-menu.active a{
	color:#fffeff;
}

.ml20{
	margin-left:-15px;
}

.header-download-container{
	width:970px;
	height:370px;
	margin:0 auto;
	margin-top: 990px;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap:10px;
}

.header-download-ifarme{
	background-image: url("../images/header_download_frame_background.png");
	width:343px;
	height:316px;
	position: relative;
	padding:10px;
}
.header-download-ifarme img{
	margin-top:7px;
	width:341px;
	height:94px;
}
.header-download-ifarme a{
	text-decoration: none;
}
.header-download-ifarme a:hover{
	text-decoration: none;
}
.header-download-qrcode{
	background-image: url("../images/header_qrcode_iframe_background.png");
	width:295px;
	height:344px;
}

.header-download-qrcode img{
	margin-top:48px;
	margin-left:36px;
}
.header-download-qrcode-title{
	color:#fff;
	font-size:30px;
	font-weight:500;
	text-align: center;
	margin-top:10px;
}

.main-body-container{
	background-image: url("../images/bg22.jpg");
	width:1920px;
	height:1844px;

}

.main-news-container{
	width:1300px;
	height:410px;
	margin:0 auto;
	margin-top:130px;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap:5px;
}

.main-news-swiper{
	background-image: url("../images/main_news_iframe_background.png");
	width:646px;
	height:401px;
}

.main-news-list{
	background-image: url("../images/main_news_iframe_background.png");
	width:646px;
	height:401px;
}
.main-news-navigate{
	width:625px;
	margin-top:10px;
	margin-left:10px;
	height:62px;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap:0px;
}
.main-news-title-column{
	width:126px;
	height:62px;
	color:#fff;
	font-size:28px;
	line-height: 260%;
	font-weight:400;
	text-align: center;
	margin-top:10px;
	cursor: pointer;
}
.main-news-title-column.active{
	background-image: url("../images/main_news_title_background.png");
	width:126px;
}
.main-news-title-column:hover{
	background-image: url("../images/main_news_title_background.png");
	width:126px;
}
.main-news-title-more{
	flex:1;
	text-align: right;
	color:#fff;
	font-size:24px;
	margin-top:25px;
	cursor: pointer;
	
}
.main-news-title-more a{
	color:#fff;
	padding-right:5px;
}
.main-news-body{
	width:625px;
	height:300px;
	margin-left:10px;
	margin-top:10px;
	padding-top:5px;
}
.main-news-body.hide{
	display: none;
}

.news-row{
	width:585px;
	height:45px;
	background-color: #29282d;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap:10px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}
.news-row:hover{
	background-color: #444c52;
}

.news-row-link{
	flex:1;
	display: flex;
	align-items: center;     /* 垂直居中 */
	width:450px;
}
.news-row-link a{
	font-size:17px;
	font-weight:500;
	color:#fff;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news-row-link a:hover{
	text-decoration: underline;
}
.news-row-date{
	font-size:17px;
	color:#fff;
	text-align: right;
	align-items: center;     /* 垂直居中 */
	width:100px;
}

.main-role-container{
	background-image: url("../images/main_role_iframe_background.png");
	width:1310px;
	height:740px;
	margin:0 auto;
	margin-top:0px;
	position: relative;
}
.role-display{
	position: absolute;
	width:1256px;
	height:676px;
	top:32px;
	left:26px;
	z-index: 1001;
	
}
.role-dislay-normal{
	width:1256px;
	border-radius: 5px;
	display: none;
}
.role-dislay-normal.active{
	display: block;
}
.role-select{
	position: absolute;
	top:30px;
	left:30px;
	width:360px;
	height:660px;
	z-index: 1004;
	padding:10px;
}
.role-title{
	background-image: url("../images/role_title.png");
	width: 231px;
	height: 48px;
	color:#fff;
	margin-top:20px;
	margin-left:10px;
}
.role-btn-1{
	background-image: url("../images/role_btn_1_unselect.png");
	width:339px;
	height:104px;
	margin-top:30px;
	cursor: pointer;
}
.role-btn-1:hover{
	background-image: url("../images/role_btn_1_selected.png");
	width:339px;
	height:104px;
}
.role-btn-1.active{
	background-image: url("../images/role_btn_1_selected.png");
	width:339px;
	height:104px;
}
.role-btn-2{
	background-image: url("../images/role_btn_2_unselect.png");
	width:339px;
	height:104px;
	margin-top:30px;
	cursor: pointer;
}
.role-btn-2:hover{
	background-image: url("../images/role_btn_2_selected.png");
	width:339px;
	height:104px;
}
.role-btn-2.active{
	background-image: url("../images/role_btn_2_selected.png");
	width:339px;
	height:104px;
}
.role-btn-3{
	background-image: url("../images/role_btn_3_unselect.png");
	width:339px;
	height:104px;
	margin-top:30px;
	cursor: pointer;
}
.role-btn-3:hover{
	background-image: url("../images/role_btn_3_selected.png");
	width:339px;
	height:104px;
}
.role-btn-3.active{
	background-image: url("../images/role_btn_3_selected.png");
	width:339px;
	height:104px;
}
.role-btn-4{
	background-image: url("../images/role_btn_4_unselect.png");
	width:339px;
	height:104px;
	margin-top:30px;
	cursor: pointer;
}
.role-btn-4:hover{
	background-image: url("../images/role_btn_4_selected.png");
	width:339px;
	height:104px;
}
.role-btn-4.active{
	background-image: url("../images/role_btn_4_selected.png");
	width:339px;
	height:104px;
}
.role-intro{
	position: absolute;
	z-index:1003;
	width:412px;
	height:701px;
	top:33px;
	right:35px;
}
.role-intro-img{
	width:412px;
	height:701px;
	display: none;
}

.role-intro-img.active{
	display: block;
}

.main-footer-container{
	background-image: url("../images/bg33.jpg");
	width:1920px;
	height:1748px;
	margin:0 auto;
}
.main-intro-container{
	background-image: url("../images/main_role_iframe_background.png");
	width:1310px;
	height:740px;
	margin:0 auto;
	margin-top:-570px;
}
.intro-main{
	margin:0 auto;
	width:1250px;
	height:480px;
	padding-top:20px;
	padding-left:10px;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
.intro-col{
	width:410px;
	height:480px;
	cursor: pointer;
}
.intro-col.active{
	background-image: url("../images/intro_title_background.png");
	background-repeat: no-repeat;
	filter: brightness(1.5);
}
.intro-col:hover{
	background-image: url("../images/intro_title_background.png");
	background-repeat: no-repeat;
	filter: brightness(1.5);
}
.intro-title-col{
	cursor: pointer;
	width:410px;
	height:60px;
	color:#fff;
	font-size:28px;
	line-height: 2.8;
	padding-left:30px;
}
/*
.intro-title-col.active{
	background-image: url("../images/intro_title_background.png");
	background-repeat: no-repeat;
}
.intro-title-col:hover{
	background-image: url("../images/intro_title_background.png");
	background-repeat: no-repeat;
}
*/
.intro-photo img{
	width:402px;
	height:414px;
	border:2px solid #665f4c;
}
.intro-photo img:hover{
	border:3px solid #665f4c;
}
.intro-photo.active img{
	border:3px solid #665f4c;
}

.intro-new{
	margin:0 auto;
	width:1230px;
	height:200px;
	padding:5px;
	display: block;
}
.intro-new.hide{
	display: none;
}
.intro-new-row{
	width:1230px;
	height:50px;
	background-color: #2a292e;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin-top:10px;
}
	
.intro-new-col{
	position: relative;
	cursor: pointer;
	width:400px;
	height:50px;
	color:#d3d5d4;
	font-size:20px;
	display: flex;
	align-items: center;
}
.intro-new-col a{
	color:#d3d5d4;
	text-decoration: none;
	white-space:nowrap;
	overflow: hidden;
	padding:10px;
	text-overflow: ellipsis;
}
.intro-new-col a:hover{
	text-decoration: underline;
}
.intro-new-col.border-left{
	border-left:2px solid #797979;
}

.main-photo-container{
	background-image: url("../images/main_photo_iframe_background.png");
	width:1309px;
	height:776px;
	margin:0 auto;
	margin-top:0px;
	position: relative;
}

.main-contact-container{
	background-image: url("../images/main_contact_iframe_background.png");
	width:1307px;
	height:444px;
	margin:0 auto;
	display: flex;
	flex-direction:row;
	justify-content: flex-start;
	align-items: center;
	gap: 50px;

}
.contact-wechat{
	margin-left:80px;
	width:255px;
	height:255px;
}
.contact-wechat img{
	width:255px;
	height:255px;
}
.contact-detail{
	width:268px;
	height:168px;
	align-items: center;
	text-align: center;
	color:#fff;
	font-size:24px;
	padding-top:50px;
}

.contact-detail-p1{
	font-size:30px;
	border-bottom:2px solid #8a8b8d;
	padding-bottom:15px;
}
.contact-detail-p1 .color-gold{
	color:#e7c073;
}
.contact-detail-p2{
	margin-top:15px;
}
.contact-service{
	width:428px;
	height:205px;
	padding:30px;
	color:#fff;
	border-left:2px solid #8c8d8f;
}
.contact-service-1{
	font-size:30px;
	letter-spacing: 2px; /* 字间距 */
	word-spacing: 2px; /* 词间距 */
	padding:5px;
}

.contact-service-2{
	padding:5px;
	font-size:26px;
	letter-spacing: 2px; /* 字间距 */
	word-spacing: 2px; /* 词间距 */
}
	
.contact-service-2 a{
	color:#fff;
	text-decoration: none;
}
.contact-service-2 a:hover{
	text-decoration:underline;
}

.main-company-container{
	margin:0 auto;
	margin-top:20px;
	width:1280px;
	height:130px;
	display: flex;
	justify-content: space-between;
	gap:5px;
}
.footer-age-tips{
	cursor: pointer;
	width:102px;
	height:132px;
}
.footer-age-tips img{
	width:102px;
	height:132px;
}

.footer-company{
	margin:10px 0;
	width:450px;
	height:120px;
	border-left:2px solid #ffffff;
	display: flex;
	align-items: center;     /* 垂直居中 */
}

.footer-company-link {
	padding:0px 20px;
	font-weight:600;
	font-size:15px;
	color:#ffffff;
}

.footer-company-link a{
	font-weight:600;
	font-size:15px;
	color:#ffffff;
	text-decoration: none;
}
.footer-company-link a:hover{
	text-decoration: underline;
}

.footer-company-link .row-link{
	margin-top:5px;
}
.footer-company-link .row-title{
	margin-top:15px;
}

.footer-copyright{
	flex:1;
	margin:10px 0;
	height:120px;
	border-left:2px solid #ffffff;
}

.footer-copyright-title{
	padding:0px 20px;
	font-size:15px;
	color:#ffffff;
	font-weight:600;
}
.row-title{
	font-size:15px;
}
.footer-copyright-title .row-title{
	
	margin-top:7px;
}
.footer-copyright-title .row-title2{
	font-size:15px;
}
.row-copyright{
	display: flex;
	justify-content: space-between;
	gap:10px;
	margin-top:15px;
}
.row-copyright-left{
	width:140px;
}
.row-copyright-right{
	flex:1;
}

.row-copyright-right a{
    font-size:15px;
    color:#ffffff;
    font-weight:600;
    text-decoration: none;
}
.row-copyright-right a:hover{
    text-decoration: underline;
}