@charset "utf-8";

/************************************************************************/
/**基础属性设置************************************************************/
/************************************************************************/
* { font-size:16px; font-family: "Noto Sans SC"; font-weight: 300; }
body{ padding:0px; margin:0px auto; background: none; overflow-x:hidden; overflow-y:auto; font-size:16px; font-family: "Noto Sans SC"; font-weight: 300; }

ul { margin:0px; padding:0px; }
li { list-style:none; }
a { text-decoration:none; font-family: "Noto Sans SC"; font-weight: 300; }
img { border:none; }

/**公共样式*****************************************************/
/**间距**/
.div_clear { clear:both; text-align:center; }
.div_1 { clear:both; height:1px; }
.div_5 { clear:both; height:5px; }
.div_10 { clear:both; height:10px; }
.div_15 { clear:both; height:15px; }
.div_20 { clear:both; height:20px; }
.div_25 { clear:both; height:25px; }
.div_30 { clear:both; height:30px; }
.div_35 { clear:both; height:35px; }
.div_40 { clear:both; height:40px; }
.div_45 { clear:both; height:45px; }
.div_50 { clear:both; height:50px; }
.div_55 { clear:both; height:55px; }
.div_60 { clear:both; height:60px; }
.div_65 { clear:both; height:65px; }
.div_70 { clear:both; height:70px; }
.div_75 { clear:both; height:75px; }
.div_80 { clear:both; height:80px; }
.div_85 { clear:both; height:85px; }
.div_90 { clear:both; height:90px; }
.div_95 { clear:both; height:95px; }
.div_100 { clear:both; height:100px; }
.div_110 { clear:both; height:110px; }
.div_120 { clear:both; height:120px; }
.div_130 { clear:both; height:130px; }
.div_140 { clear:both; height:140px; }
.div_150 { clear:both; height:150px; }
.div_200 { clear:both; height:200px; }
.div_230 { clear:both; height:230px; }
.div_250 { clear:both; height:250px; }


/**系统主色调********/
:root {
	--theme-color: #9F1D1F;
	--theme-family: Arial;
}


/**********************************/
/**页面加载动作**********************/
/**********************************/
.loading { width: 100%; height: 100%; background: var(--theme-color); position: fixed; top: 0; left: 0px; z-index: 99999; display: flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; font-size: 0.9em; color: #ddd; }
.loading_img { width: 75px; height: 75px; text-align: center; margin-bottom: 20px; -webkit-animation:1.2s loading infinite; animation: loading 1s infinite; }
.loading_img img { max-width: 100%; width: auto; height: auto; }

@keyframes loading{
	0% {transform: translateY(0px);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(0px);}
}

@keyframes JumpMouse {
	0% { transform: translate(0px, 0px); }
	50% { transform: translate(0px, -10px); }
	100% { transform: translate(0px, 0px); }
}

.bg_color_index { background: #9F1D1F; }
.bg_color_red { background: #41111d; }
.bg_color_black { background: #252525; }

.gotop { position: fixed; width: 32px; height: 32px; display: flex; justify-content:center; align-items:center; align-content:center; cursor: pointer; z-index: 2; right: 1vw; bottom: 20px; background: #c00000; border-radius: 5px; }
.gotop img { height: 20px; width: 20px; }


/**********************************/
/**兼容性定义，min：大于，max小于******/
/**********************************/

/**常规PC，屏幕大于1366**/
@media screen and (min-width:1025px){
	.pc_dom { width: 100%; height: auto; }
		
	/**首页样式**/
	.pc_index_dom { width: 100%; height: 100%; position: relative; overflow: hidden; }
	
	.pc_index_opera { width: auto; height: 100%; position: fixed; right: -100%; top: 0; z-index: 1; opacity:0; }
	.pc_index_opera img { height: 100%; width: auto; }
	
	.pc_index_slogan { width: 80%; height: 15%; position: absolute; top: 5%; left: 6%; z-index: 2; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; align-content:center; opacity:0; }
	.pc_index_slogan img { height: 72px; width: auto; }
	
	.pc_index_logo { width: 84%; height: 50%; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; align-content:center; position: absolute; top: 20%; left: 6%; z-index: 2; opacity:0; }
	.pc_index_logo img { max-width: 100%; height: auto; width: auto; }
	
	.pc_index_nav { width: 70vw; height: 80px; position: absolute; top: 75%; left: 6%; z-index: 3; display: flex; justify-content:space-between; opacity:0; }
	.pc_index_nav div { max-width: 20%; width: 98%; height: 100%; padding-left: 2%; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; align-content:center; line-height: 32px; font-size: 18px; font-weight: 300; color: #fff; }
	.pc_index_nav div:hover { background: rgba(0,0,0,0.2); border-radius: 5px; cursor: pointer; }
	.pc_index_nav div font { font-size: 11px; color: #ccc; font-weight: 300; }
	
	.pc_index_en { width: auto; height: auto; padding-bottom: 20px; position: absolute; right: 30px; bottom: 30px; z-index: 4; font-size: 12px; color: #fff; writing-mode: vertical-rl; writing-mode: tb-rl; border-bottom: 10px solid #fff; opacity:0; }
	
	.pc_index_footer { width: 100%; height: 5%; position: absolute; bottom: 0; z-index: 5; display: flex; justify-content:center; align-items:center; align-content:center; color: #ccc; font-size: 13px; opacity:0; }
	.pc_index_footer font { color: #ccc; font-size: 13px; margin: 0 20px; }
	.pc_index_footer a { color: #ccc; font-size: 13px; margin-right: 10px; }
	.pc_index_footer a:hover { color: #fff; font-weight: bold; }
	
	
	/**********************/
	/**公共样式*************/
	/*********************/
	/*返回顶部*/
	.pc_gotop { width: 50px; height: 50px; background: rgba(0,0,0,0.5); border-radius: 5px; display: flex; flex-direction:column; justify-content:center; align-items:center; position: fixed; bottom: 20px; right: 20px; z-index: 90; cursor: pointer; }
	.pc_gotop img { width: 22px; height: 22px; opacity: 0.7; margin-top: 3px; }
	
	/*子页面框架*/
	.pc_page_frame { width: 100%; height: 100vh; display: flex; flex-direction:column; }
	.pc_page_frame_top { width: 100%; height: 8vh; display: flex; justify-content:space-between; align-items:center; }
	.pc_page_frame_top_bar { height: 30px; flex: 1; margin: 5px 25px 0px; display: flex; justify-content:flex-end; position: relative; }
	.pc_page_frame_top_bar i { font-size: 26px; color: #fff; margin-left: 40px; cursor: pointer; }
	#open_pc_search { font-size: 21px; margin-top: 1px; }
	#open_pc_qrcode { font-size: 24px; margin-top: 1px; }
	.pc_page_frame_top_bar i:hover { color: #c00000; }
	.pc_page_frame_top_bar div { width: auto; height: 25px; line-height: 23px; background:#fff ; color: var(--theme-color); padding: 0px 10px; border-radius: 5px; margin-left: 20px; font-weight: bold; font-size: 14px; }
	.pc_page_frame_top_bar img { height: 25px; width: auto; margin-left: 30px; margin-bottom: 10px; }
	.pc_page_frame_top_logo { width: auto; height: 45px; margin-left: 30px; margin-top: 5px; cursor: pointer; }
	#pc_page_frame_top_bar_qrcode { position: absolute; bottom: -240px; right: 13px; z-index: 2; width: 180px; height: 230px; background: url(../images/qrcode_bg.png) center top no-repeat; background-size: 100% 100%; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 14px; color: #c00000; font-weight: 400; overflow: hidden; }
	#pc_qrcode { width: 150px; height: 150px; margin: 10px 0px; }
	#pc_qrcode canvas { width: 150px; height: 150px; }
	.pc_page_frame_con { width: 100%; height: 92vh; display: flex; }
	.pc_page_frame_con_left { width: 16vw; height: 100%; margin-right: 1vw; position: relative; }
	.pc_page_frame_con_left_copyright { position: absolute; bottom: 20px; left: 4vw; width: 12vw; height: auto; font-size: 13px; line-height: 22px; color: #999; white-space: nowrap; }
	.pc_page_frame_con_left_copyright a { color: #999; font-size: 13px; }
	.pc_page_frame_con_right { flex: 1; margin-right: 0.5vw; overflow: hidden; margin-bottom: 10px; }
	
	/*左侧目录*/
	.pc_menu_left { width: 12vw; height: 300px; margin-left: 4vw; }
	.pc_menu_left_title { width: 100%; height: auto; font-size: 18px; color: #c00000; font-weight: 400; margin: 20px 0px; cursor: pointer; }
	.pc_menu_left_title font { color: #fff; font-weight: 400; font-size: 1.05em; line-height: 1.8em; }
	.pc_menu_left_list { width: 11vw; height: 6vh; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.5); display: flex; flex-direction:column; justify-content:center; font-size: 14px; color: #999; cursor: pointer; font-weight: 400; }
	.pc_menu_left_list font { font-size: 0.6vw; color: #999; font-weight: 400; margin-bottom: 5px; white-space: nowrap; }
	.pc_menu_left_list:hover { color: #fff; }
	.pc_menu_left_list:hover font { color: #c00000; }
	.pc_menu_hover { color: #fff; }
	.pc_menu_hover font { color: #c00000; }
	
	/*搜索标题*/
	.pc_search_keyword { width: 100%; height: 70px; margin: 0 auto; line-height: 70px; font-size: 30px; font-weight: 400; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); }
	
	/*功能层*/
	.pc_page_tool_layer { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.9); z-index: 99; top: 0; display: none; }
	.pc_page_tool_dom { width: 100%; height: 0px; background: url(../images/search_bg.png) center center no-repeat rgba(255,255,255,0.9); border-radius: 0px 0px 10px 10px; overflow: hidden; position: relative; }
	.pc_page_tool_layer_close { width: 36px; height: 36px; position: absolute; top: 40px; right: 40px; cursor: pointer; }
	.pc_page_tool_layer_close img { width: 36px; height: 36px; }
	.pc_page_tool_dom form { width: 100%; height: 100%; display: flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; }
	.pc_page_tool_title { width: 80%; height: 70px; text-align: center; font-size: 30px; color: #c00000; font-weight: 400; margin-bottom: 30px; }
	.pc_page_tool_search_dom { width: 80%; height: 60px; margin-bottom: 50px; display: flex; }
	.pc_page_tool_input { width: 100%; height: 50px; border-radius: 5px 0px 0px 5px; border: 1px solid #ccc; border-right: none; color: #666; font-size: 16px; text-indent: 10px; }
	.pc_page_tool_submit { width: 140px; height: 50px; background: #c00000; border-radius: 0px 5px 5px 0px;  border: 1px solid #c00000; border-left: none; color: #fff; font-size: 16px; cursor: pointer; }
	.pc_page_tool_nav_dom { width: 80%; height: 60px; display: flex; justify-content:space-between; align-items:center; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 40px; }
	.pc_page_tool_nav_dom div { min-width: 12%; width: auto; height: 60px; line-height: 60px; background: #c00000; border-radius: 5px; text-align: center; color: #fff; font-size: 18px; cursor: pointer; }
	
	/*列表容器*/
	.pc_list_dom { width: 100%; height: auto; margin-bottom: 0.8vw; display: flex; flex-wrap: wrap; }
	/*1行4列*/
	.pc_list_1_4 { width: 23%; height: auto; margin: 10px 1%; overflow: hidden; position: relative; cursor: pointer; padding-bottom: 15px; border-bottom: 1px solid #999; }
	/*1行5列*/
	.pc_list_1_5 { width: 18.4%; height: auto; margin: 10px 0.8%; overflow: hidden; position: relative; cursor: pointer; padding-bottom: 15px; border-bottom: 1px solid #999; }
	/*1行7列*/
	.pc_list_1_7_dom { width: 100%; height: auto; margin-bottom: 0.8vw; display: flex; justify-content:space-between; }
	.pc_list_1_7 { width: 12%; height: 65vh; margin: 12vh 1% 0px; overflow: hidden; position: relative; cursor: pointer; background: rgba(255,255,255,0.1); transition: transform 0.2s ; }
	.pc_list_1_7:hover { transform: translate(0px,-10px); }
	.pc_list_1_7_top { width: 80%; height: 35%; padding: 0 10%; background: #fff; display: flex; flex-direction:column; justify-content:center; align-items:center; color: #000; font-family: 'Arial'; font-size: 18px; font-weight: bold; line-height: 22px; text-align: center; }
	.pc_list_1_7_top img { width: 50%; height: auto; margin-bottom: 20px; }
	.pc_list_1_7_bttom { width: 100%; height: 65%; background: url(../images/type_bg.jpg) center top no-repeat; background-size: auto 100%; display: flex; flex-direction:column; justify-content:space-between; align-items:center; }
	.pc_list_1_7_title { width: 60%; height: 40%; padding: 0 20%; font-size: 2.2vw; line-height: 2.4vw; font-weight: bold; color: #fff; display: flex; justify-content:center; align-items:center; text-align: center; }
	.pc_list_1_7_intro { width: 80%; height: 30%; max-height: 50px; padding: 0 10%; font-size: 0.6vw; color: #fff; text-align: center; line-height: 1.2vw; font-weight: 300; }
	.pc_list_1_7_nums { width: 100%; height: 20%; color: #fff; font-size: 0.7vw; text-align: center; display: flex; justify-content:center; align-items:center; }
	.pc_list_1_7_nums font { font-size: 2vw; font-weight: bold; font-family: 'Arial'; margin: 0 5px; }
	.pc_list_1_7_icon { width: 16%; height: 8px; margin: 10% auto; background: #bbb; border-radius: 3px; }
	.pc_list_1_7:hover .pc_list_1_7_top { color: #c00000; }
	.pc_list_1_7:hover .pc_list_1_7_title { color: #c00000; }
	
	/*列表内样式*/
	.pc_list_pic { width: 100%; height: auto; }
	.pc_list_pic img { max-width: 100%; width: auto; height: auto; }
	.pc_list_title { width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
	.pc_list_title:hover { color: #c00000; }
	.pc_list_info { width: 100%; height: 22px; display: flex; justify-content:space-between; align-items:center; }
	.pc_list_info a { color: #ccc; font-size: 13px; padding: 0px 10px 1px; border-radius: 5px; border: 1px solid #ccc; }
	.pc_list_info a:hover { color: #c00000; border: 1px solid #c00000; }
	.pc_list_info font { color: #999; font-size: 13px; }
	
	/*内容标题*/
	.pc_con_title { width: 96%; height: 70px; margin: 0 auto; line-height: 70px; font-size: 30px; font-weight: 400; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.2); }
	.pc_con_info { width: 96%; height: 40px; margin: 0 auto 30px; line-height: 40px; font-size: 14px; color: #bbb; font-weight: 300; }
	.pc_con_text { width: 96%; height: auto; margin: 0 auto; font-size: 16px; color: #eee; line-height: 36px; }
	.pc_con_text audio { width: 100%; height: 50px; margin: 10px auto; }
	.pc_con_text video { width: 640px; height: auto; margin: 10px auto; }
	.pc_con_text p { line-height: 36px; margin-top: -10px; }
	.pc_con_text a { color: #fff; font-weight: bold; }
	.pc_con_text img { display: block; margin: 0px auto; max-width: 100%; width: auto; height: auto; }

	/*分页样式*/
	.pages_list { width: 100%; height: 80px; display: flex; justify-content:center; align-items:center; align-content:center; font-size: 14px; color: #aaa; }
	.pages_list a { font-size: 14px; color: #aaa; padding: 3px 15px; border-radius: 5px; margin: 0 10px; border: 1px solid #aaa; }
	.pages_list a:hover { color: #fff; cursor: pointer; }
	.pages_list span { font-size: 14px; color: #aaa; padding: 3px 15px; border-radius: 5px; margin: 0 10px; border: 1px solid #aaa; }
	.pages_list font { font-size: 14px; color: #aaa; margin: 0 5px; }

	/*信息列表页*/
	.pc_page_list1 { width: 99%; height: auto; margin: 0 auto 15px; padding: 10px 0 15px; border-bottom: 1px solid rgba(255,255,255,0.3); cursor: pointer; }
	.pc_page_list1_title { width: 100%; min-height: 40px; font-size: 22px; color: #fff; }
	.pc_page_list1_title span { background: var(--theme-color); font-size: 15px; padding: 0px 15px 2px; color: #fff; margin-right: 10px; border-radius: 5px; margin-top: 5px; }
	.pc_page_list1_intro { width: 100%; min-height: 30px; line-height: 24px; max-height: 65px; color: #aaa; font-size: 14px; overflow: hidden; margin-bottom: 8px; }
	.pc_page_list1_info { width: 100%; height: 30px; font-size: 14px; color: #aaa; }
	.pc_page_list1_info font { font-size: 12px; color: #aaa; border: 1px solid #aaa; padding: 1px 10px 2px; margin-right: 20px; border-radius: 5px; margin-top: 3px; }
	.pc_page_list1:hover .pc_page_list1_title { color: var(--theme-color); }
	
	.pc_page_list2 { width: 99%; height: auto; margin: 0 auto 15px; padding: 10px 0 15px; border-bottom: 1px solid rgba(255,255,255,0.3); display: flex; align-items:flex-start; cursor: pointer; overflow: hidden; }
	.pc_page_list2_pic { width: 213px; height: 120px; margin-right: 20px; }
	.pc_page_list2_pic img { width: 213px; height: 120px; border-radius: 5px; }
	.pc_page_list2_con { flex: 1; height: 120px; display: flex; flex-direction:column; justify-content:space-between; }
	.pc_page_list2:hover .pc_page_list1_title { color: var(--theme-color); }
	
	.pc_page_list3 { width: 99%; height: auto; margin: 0 auto 15px; padding: 10px 0 15px; border-bottom: 1px solid rgba(255,255,255,0.3); cursor: pointer; }
	.pc_page_list3_picarr { width: 100%; height: 120px; margin-bottom: 20px; }
	.pc_page_list3_picarr img { height: 120px; width: auto; margin-right: 20px; border-radius: 5px; }
	.pc_page_list3:hover .pc_page_list1_title { color: var(--theme-color); }

	
	/**********************/
	/**联系我们*************/
	/*********************/
	.contact_box { width: 90%; height: auto; margin: 0 5%; display: flex; flex-direction:column; justify-content:center; }
	.contect_title { width: auto; height: auto; padding: 20px; font-size: 14px; color: #ccc; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.contect_title span { font-size: 30px; color: #fff; border-bottom: 2px solid var(--theme-color); padding-bottom: 5px; font-weight: 400; margin-bottom: 5px; }
	.contact_dom { width: 100%; height: auto; margin: 30px auto; text-align: center; }
	.contact_dom img { max-width: 100%; width: auto; height: auto; margin: 30px 0; }
	.contact_info_list { width: 100%; height: auto; margin: 30px auto; display: flex; justify-content:space-between; align-items:center; }
	.contact_info_dom { max-width: 48%; margin: 0 1%; width: 100%; height: 120px; background: rgb(255,255,255,0.2); border-radius: 8px; display: flex; justify-content:space-between; align-items:center; position: relative; overflow: hidden; }
	.contact_info_dom img { height: 60px; width: auto; margin: 0 5%; }
	.contact_info_dom div { flex: 1; margin-right: 5%; display: flex; flex-direction:column; justify-content:flex-start; }
	.contact_info_dom div span { font-size: 20px; color: #fff; font-weight: 400; }
	.contact_info_dom:hover { background: var(--theme-color); }
	.contact_info_dom:hover .contact_info_qrcode { width: 100px; height: 100px; right: 0px; }
	.contact_info_qrcode { border-radius: 8px; position: absolute; z-index: 1; top: 10px; right: -150px; transition: right 0.3s; margin: 0; }
	
	/*服务板块*/
	.service_box { width: 90%; height: auto; margin: 0 auto; }
	
	/*服务品牌*/
	.customer_box { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
	.customer_box div { width: 18%; height: auto; margin: 15px 1%; overflow: hidden; border-radius: 5px; }
	.customer_box div img { max-width: 100%; width: auto; height: auto; }
	
	/*关于我们*/
	
	/*会员页面*/
	.member_dom { width: 80%; height: auto; margin: 20px auto; background: #fff; border-radius: 7px; overflow: hidden; }
	.member_title { width: 100%; height: 80px; background: #eee; font-size: 16px; color: #444; line-height: 25px; display: flex; justify-content:center; align-items:center; }
	.member_title a { font-size: 20px; border-bottom: 2px solid #eee; padding: 0 20px 6px 20px; margin: 6px 30px 0; cursor: pointer; color: #555; }
	#mhover { color: var(--theme-color); border-bottom: 2px solid var(--theme-color); font-weight: bold; }
	.member_price { font-size: 15px; color: #333; margin-right: 20px; cursor: pointer; }
	.member_price input { margin-right: 10px; }
	.member_mode { font-size: 15px; color: #333; margin-right: 20px; cursor: pointer; }
	.member_mode input { margin-right: 10px; }
	.member_pay { color: var(--theme-color); font-size: 21px; margin-right: 10px; font-weight: bold; }
	.member_paymode { color: #666; margin-left: 10px; }
	.member_btn { width: 240px; height: 50px; display: flex; justify-content:center; align-items:center; background: var(--theme-color); color: #fff; font-weight: bold; font-size: 16px; border-radius: 6px; cursor: pointer; border: none; }
	.member_reg_input { width: 100%; height: 45px; border: 1px solid #ccc; text-indent: 10px; border-radius: 5px; }
	.member_reg_vcode { width: 120px; height: 45px; border: 1px solid #ccc; text-indent: 10px; border-radius: 5px; margin-right: 15px; }
	
	/**隐藏的部分**/
	.mob_dom{ display: none; }
}


/**手机，屏幕小于450**/
@media screen and (max-width: 1024px){
	.mob_dom { width: 100%; min-height: 100vh; height: auto; overflow-x: hidden; }
	.mob_index_dom { width: 100%; height: 100%; background: url(../images/opera_mobile_bg.jpg) right top no-repeat; background-size: 100% 100%; display: flex; flex-direction:column; justify-content:space-between; align-items:center; align-content:center; }
	.mob_index_top { width: 100%; height: 60px; display: flex; justify-content:space-between; align-items:center; align-content:center; }
	.mob_index_top img { height: 55%; width: auto; margin-left: 20px; opacity: 0.7; }
	.mob_index_top i { font-size: 1.6em; color: #eee; margin-right: 20px; }
	.mob_index_middle { width: 100%; height: 50%; display: flex; justify-content:center; align-items:center; align-content:center; }
	.mob_index_middle img { width: 60%; height: auto; margin-top: 35%; }
	.mob_index_bottom { width: 100%; height: 30%; display: flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; }
	.mob_index_bottom img { height: 64px; width: 64px; animation: JumpMouse 1.5s infinite; }
	
	/**********************/
	/**公共样式*************/
	/*********************/
	/*导航*/
	.mob_nav_bar { width: 11.5vw; height: 11.5vw; background: rgba(255,255,255,0.3); position: fixed; top: 30px; right: 15px; z-index: 1; border-radius: 5px; display: flex; justify-content:center; align-items:center; }
	.mob_nav_bar i { font-size: 30px; color: #FFF; margin-bottom: 1px; }
	.mob_nav_bar img { width: 6vw; height: 6vw; margin-bottom: 1px; }
	.mob_nav_box { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 99; }
	.mob_nav_box_close { width: 11.5vw; height: 11.5vw; position: fixed; top: 30px; right: 10px; z-index: 100;  }
	.mob_nav_box_close img { width: 8.5vw; height: 8.5vw; }
	.mob_nav_box_close i { font-size: 40px; color: #fff;  }
	.mob_nav_dom { width: 0vw; height: 100%; background: url(../images/mob_search_bg.png) left center no-repeat rgba(255,255,255,0.9); background-size: 80% auto; overflow: hidden; }
	.mob_nav_dom_top { width: 20vh; height: 20vh; margin: 6vh auto; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.mob_nav_dom_top img { height: 16vh; width: auto; }
	.mob_nav_dom_bottom { width: 60vw; height: auto; position: absolute; bottom: 20px; z-index: 1; text-align: center; }
	.mob_nav_dom_bottom img { width: 45vw; height: auto; }
	.mob_nav_dom_list { width: 80%; height: 7.2vh; margin: 0 auto; line-height: 7.2vh; border-bottom: 1px solid rgba(0,0,0,0.1); color: #444; font-size: 2.2vh; font-weight: 400; }
	.mob_nav_dom_list i { margin: 0px 10px; }
	
	/*返回顶部*/
	.mob_gotop { width: 11.5vw; height: 11.5vw; background: rgba(255,255,255,0.3); position: fixed; bottom: 20px; right: 15px; z-index: 1; border-radius: 5px; display: flex; justify-content:center; align-items:center; }
	.mob_gotop img { width: 6vw; height: 6vw; margin-bottom: 1px; }
	
	/*顶部标题*/
	.mob_page_title { width: 100%; height: auto; margin: 8vw 0px; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 3.8vw; color: #999; }
	.mob_page_title span { font-size: 6vw; font-weight: 400; color: #fff; padding-bottom: 5px; border-bottom: 2px solid #c00000; margin-bottom: 3px; }
	
	/*中间内容*/
	.mob_page_con { width: 92%; height: auto; margin: 0px 4% 100px; color: #fff; }
	
	/*列表容器*/
	.mob_list_dom { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content:space-between; }
	/*1行1列*/
	.mob_list_1_1 { width: 98%; height: auto; margin: 0 auto 20px; padding-bottom: 10px; display: flex; justify-content:space-between; align-items:center; border-bottom: 1px solid rgba(255,255,255,0.4); }
	.mob_list_1_1_pic { width: auto; height: 20vw; margin-right: 3vw; display: flex; justify-content:center; align-items:center; }
	.mob_list_1_1_pic img { max-height: 100%; width: auto; height: auto; }
	.mob_list_1_1_right { flex: 1; height: 21vw; overflow: hidden; display: flex; flex-direction:column; justify-content:space-between; }
	.mob_list_1_1_right_title { width: 100%; height: auto; margin-bottom: 5px; font-size: 4.1vw; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
	.mob_list_1_1_right_intro { width: 100%; height: auto; font-size: 3.5vw; color: #aaa; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	
	/*1行2列*/
	.mob_list_1_2 { width: 47.5%; height: auto; margin-bottom: 4vw; }
	.mob_list_1_2_pic { width: 100%; height: auto; }
	.mob_list_1_2_pic img { max-width: 100%; width: auto; height: auto; border-radius: 5px; }
	.mob_list_1_2_title { width: 100%; height: 25px; margin-top: 5px; line-height: 30px; color: #fff; font-size: .95em; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.mob_list_1_2_intro { width: 100%; height: 20px; margin-top: 5px; color: #ccc; font-size: .8em; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	
	/*底部样式*/
	.mob_page_footer { width: 100%; height: auto; margin-top: 30px; padding: 20px 0px; background: #c00000; color: #fff; text-align: center; line-height: 5.5vw; font-size: 3.8vw; position: fixed; z-index: 1; bottom: 0; }
	
	/*类别选择*/
	.mob_con_type { width: 100%; height: 40px; margin: 0 auto; line-height: 40px; position: relative; font-size: 1em; color: #fff; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.4); border-radius: 5px; }
	.mob_con_type_btn { width: 100%; height: 40px; display: flex; justify-content:space-between; align-items:center; text-indent: 10px; }
	.mob_con_type_btn i { color: #fff; margin-right: 10px; }
	.mob_con_type_box { background: rgba(255,255,255,0.9); width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction:column; position: absolute; top: 40px; z-index: 1; overflow: hidden; }
	.mob_con_type_box div { width: 100%; height: 45px; line-height: 45px; font-size: 1em; color: #333; border-bottom: 1px solid rgba(0,0,0,0.1); text-indent: 10px; }
	
	/*内容标题*/
	.mob_con_title { width: 96%; height: auto; margin: 0 auto 10px; line-height: 45px; font-size: 26px; font-weight: 400; color: #fff; }
	.mob_con_cate { width: 96%; height: 35px; margin: 0 auto; line-height: 35px; font-size: 14px; color: #bbb; font-weight: 300; }
	.mob_con_info { width: 96%; height: 30px; margin: 0 auto 10px; line-height: 30px; font-size: 14px; color: #bbb; font-weight: 300; }
	.mob_con_text { width: 96%; height: auto; margin: 0 auto; font-size: 15px; color: #eee; line-height: 36px; }
	.mob_con_text a { color: #fff; font-weight: bold; }
	.mob_con_text p { line-height: 36px; margin-top: -10px; }
	.mob_con_text img { display: block; margin: 0px auto; max-width: 100%; width: auto; height: auto; }
	.mob_con_text audio { width: 100%; height: 50px; margin: 10px auto 20px; }
	.mob_con_text video { width: 100%; height: auto; margin: 10px auto 30px; }

	
	/*联系我们*/
	.mob_contact_info_dom { width: 92vw; margin: 0 auto 25px; height: 100px; background: rgb(255,255,255,0.2); border-radius: 8px; display: flex; justify-content:space-between; align-items:center; position: relative; overflow: hidden; }
	.mob_contact_info_dom img { height: 50px; width: auto; margin: 0 5%; }
	#icon_white { filter: grayscale(100%) brightness(100); }
	.mob_contact_info_dom div { flex: 1; margin-right: 5%; display: flex; flex-direction:column; justify-content:flex-start; }	
	.mob_contact_info_dom div span { font-size: 20px; color: #fff; font-weight: 400; }
	
	/*服务模块*/
	.mob_service_list_dom { flex: 1; margin-right: 5%; }
	.mob_service_list_dom div { display: inherit; }
	#mob_service_list_title { width: 100%; height: 30px; font-size: 1.1em; font-weight: 400; color: #fff; }
	#mob_service_list_intro { width: 100%; height: 50px; line-height: 23px; font-size: 0.9em; font-weight: 400; color: #ddd; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

	
	/**隐藏的部分**/
	.pc_dom { display: none; }
}




















