@charset "utf-8";

/************************************************************************/
/**基础属性设置************************************************************/
/************************************************************************/
body{ padding:0px; margin:0px auto; background: none; overflow-x:hidden; overflow-y:auto; font-size:16px; }

ul { margin:0px; padding:0px; }
li { list-style:none; }
a { text-decoration:none; }
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: #fff; 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: #000; }
.loading_img { width: 96px; height: 96px; text-align: center; margin-bottom: 20px; -webkit-animation:1.2s loading infinite; animation: loading 1s infinite; }
.loading_img img { width: 72px; height: 72px; }

@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_more { width: 100vw; height: 100px; display: flex; justify-content:center; align-items:center; clear: both; }
	.pc_more_btn { width: 200px; height: 45px; color: #fff; font-size: 16px; text-align: center; line-height: 45px; background: #0188D1; border-radius: 8px; cursor: pointer; }
	.pc_more_btn:hover { background: #016097; }

	/*返回顶部*/
	.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_nav_box { width: 100%; height: 90px; background: #fff; box-shadow: 0px 1px 8px #ccc; position: fixed; z-index: 10; top: 0; display: flex; justify-content:center; align-items:center; }
	.pc_nav_dom { width: 92%; height: 70px; display: flex; justify-content:space-between; align-items:center; }
	.pc_nav_logo { height: 55px; width: auto; }
	.pc_nav_menu { flex: 1; height: 50px; margin-left: 20px; display: flex; justify-content:flex-end; align-items:center; }
	.pc_nav_menu a { font-size: 15px; color: #333; margin-top: 3px; margin-right: 30px; padding-bottom: 3px; border-bottom: 3px solid #fff; }
	.pc_nav_menu a:hover { border-bottom: 3px solid #0188D1; color: #0188D1; }
	.pc_nav_search_box { width: 200px; height: 30px; padding: 3px 5px; margin-left: 20px; border: 1px solid #ccc; border-radius: 8px; }
	.pc_nav_search_box form { width: 100%; height: 100%; display: flex; justify-content:space-between; align-items:center; overflow: hidden; }
	.pc_nav_search_input { width: 135px; height: 100%; border: none; font-size: 14px; background: #fff; }
	.pc_nav_search_btn { width: 60px; height: 100%; border: none; background: #0188D1; font-size: 14px; border-radius: 5px; color: #fff; cursor: pointer; }
	.pc_nav_search_btn:hover { background: #016097; }
	.pc_page_bg { background: #f7f7f7; }
	
	/**********************/
	/**首页样式*************/
	/*********************/
	/*Banner样式*/
	.pc_banner { width: 100vw; height: 43vw; background: #eee; clear: both; }
	.swiper { width: 100vw; height: 43vw; }
	.swiper-slide { width: 100vw; height: 43vw; text-align: center; display: flex; justify-content:center; align-items:center; align-content:center; }
	.swiper-slide img { display: block; max-width: 100vw; width: 100%; height: auto; object-fit: cover; cursor: pointer; }
	
	/*底部样式*/
	.pc_footer { width: 100%; height: 100px; background: #0188D1; display: flex; justify-content:center; align-items:center; font-size: 14px; color: #fff; }
	.pc_footer img { height: 18px; width: auto; margin-right: 8px; }
	.pc_footer a { color: #fff; }
	
	/*首页标题*/
	.pc_title_box { width: 100%; height: 180px; margin-top: 100px; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pc_title_box_chs { width: 500px; height: 50px; line-height: 40px; color: #000; font-size: 40px; font-weight: bold;  text-align: center; overflow: hidden; }
	.pc_title_box_chs font { color: #0188D1; }
	.pc_title_box_en { width: 500px; height: 30px; line-height: 30px; font-size: 20px; color: #666; font-weight: bold; text-align: center; }
	
	
	/*首页服务*/
	.pc_index_pro { width: 90vw; height: auto; margin: 0 auto; display: flex; justify-content:space-between; align-items:center; }
	.pc_index_pro_list { width: 18vw; height: 22vw; display: flex; flex-direction:column; justify-content:center; align-items:center; cursor: pointer; }
	.pc_index_pro_list_pic { width: 14vw; height: 18vw; display: flex; justify-content:center; align-items:center; overflow: hidden; }
	.pc_index_pro_list_pic img { max-width: 100%; width: 100%; height: auto; }
	.pc_index_pro_list_text { width: 100%; height: 45px; color: #333; font-size: 15px; line-height: 24px; text-align: center; }
	.pc_index_pro_list:hover .pc_index_pro_list_text { color: #0188D1; }
	
	/*首页关于我们*/
	.pc_index_about { max-width: 1200px; width: 100%; height: auto; margin: 0 auto; color: #333; font-size: 16px; line-height: 36px; }
	
	/*首页合作伙伴*/
	.pc_index_partner { width: 75vw; height: 21vw; margin: 0px auto; position: relative; overflow: hidden; display: flex; flex-direction:column; }
	.pc_index_partner_list { height: 15vw; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pc_index_partner_list_pic { width: 15vw; height: 15vw; overflow: hidden; display: flex; justify-content:center; align-items:center; }
	.pc_index_partner_list_pic img { max-width: 90%; width: auto; height: auto; }
	.pc_index_partner_list_text { width: 100%; height: 4vw; line-height: 40px; font-size: 15px; text-align: center; }
	
	/*首页新闻*/
	.pc_index_news { width: 72%; height: 100px; margin: 0 auto 30px; display: flex; justify-content:space-between; align-items:center; cursor: pointer; border-radius: 8px; }
	.pc_index_news_title { flex: 1; height: auto; font-size: 20px; color: #333; line-height: 28px; }
	.pc_index_news_sider { width: 180px; height: 50px; display: flex; justify-content:center; align-items:center; font-size: 21px; color: #666; background: #ddd; border-radius: 5px; font-family: Arial;  margin: 0px 20px; }
	.pc_index_news_img { width: 32px; height: 32px; margin: 0px 10px; }
	.pc_index_news:hover { background: #f6f6f6; }
	.pc_index_news:hover .pc_index_news_title { color: #0188D1; }
	.pc_index_news:hover .pc_index_news_sider { color: #fff; background: #0188D1; }
	
	/*首页留言*/
	.pc_index_notice_box { width: 100vw; height: 31vw; margin-top: 100px; background: url(../images/msn_bg2.jpg) center center no-repeat; background-size: 100% 100%; display: flex; justify-content:center; align-items:center; }
	.pc_index_notice_dom { width: 75vw; height: 27vw; display: flex; }
	.pc_index_notice_contact { width: 50%; height: 100%; }
	.pc_index_notice_title { width: 100%; height: 6vw; line-height: 6vw; font-size: 28px; color: #fff; font-weight: bold; }
	.pc_index_notice_title font { color:  #0188D1; font-size: 25px; font-family: Arial; margin-left: 10px; }
	.pc_index_notice_contact_list { width: 100%; height: auto; margin-bottom: 1.5vw; display: flex; justify-content:flex-start; align-items:center; color: #fff; font-size: 16px; }
	.pc_index_notice_contact_list i { margin-right: 20px; }
	.pc_index_notice_arec { width: 50%; height: 100%; }
	.pc_index_notice_arec from { width: 100%; height: auto; }
	.pc_index_notice_input_div { width: 100%; height: auto; margin-bottom: 1vw; display: flex; justify-content:flex-start; align-items:center; }
	.pc_index_notice_input_div span { display: block; width: 90px; height: 40px; line-height: 40px; text-align: center; margin-left: 15px; cursor: pointer; border-radius: 5px; background: url(../images/verfiy_bg.jpg) center center no-repeat; background-size: 100% 100%; font-family: Arial; color: #777; font-weight: bold; font-size: 20px;}
	.pc_index_notice_input_div input { width: 94%; height: 40px; line-height: 40px; border-radius: 5px; background: #fff; border: none; padding: 0 3%; font-size: 15px; font-family: "黑体"; }
	.pc_index_notice_input_div textarea { width: 94%; height: 100px; line-height: 40px; border-radius: 5px; background: #fff; border: none; padding: 0 3%; font-size: 15px; font-family: "黑体"; }
	.pc_index_notice_btn { width: 160px; height: 40px; border: 1px solid #fff;; background: #0188D1; color: #fff; font-size: 16px; cursor: pointer; border-radius: 5px; }
	.pc_index_notice_btn:hover { background: #016097; }
	
	/*子页面banner*/
	.pc_page_banner { width: 100vw; height: 16vw; overflow: hidden; margin-bottom: 20px; position: relative; display: flex; justify-content:center; }
	.pc_page_banner img { max-width: 100%; width: 100%; height: auto; }
	.pc_page_banner div { max-width: 1270px; width: 100%; height: 100px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.4)); position: absolute; bottom: 0; z-index: 1; display: flex; flex-direction:column; justify-content:center; align-items:flex-end; font-size: 25px; color: #fff; padding-right: 10px; }
	.pc_page_banner div font { font-size: 45px; font-weight: normal; font-family: Arial; }
	
	/*子页面内容元素*/
	.pc_page_dom { max-width: 1280px; width: 100%; display: flex; margin: 0 auto 50px; }
	.pc_page_dom_left { width: 240px; height: auto; }
	.pc_page_dom_left_dom { width: 230px; height: auto; border: 5px solid #0188D1; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pc_page_dom_left_list { width: 220px; height: 55px; border-bottom: 1px solid #ddd; display: flex; justify-content:flex-start; align-items:center; color: #333; font-size: 15px; cursor: pointer; }
	.pc_page_dom_left_list i { margin-left: 15px; margin-right: 10px; }
	.pc_page_dom_left_list:hover { color: #0188D1; }
	.pc_page_dom_right { flex: 1; height: auto; display: flex; flex-direction:column; align-items:center; padding-bottom: 30px; background: #fff; margin-left: 20px; }
	.pc_page_dom_right_title { width: 95%; height: 80px; margin-bottom: 20px; border-bottom: 1px solid #ddd; display: flex; justify-content:flex-start; align-items:center; font-size: 22px; color: #555; font-weight: bold; }
	.pc_page_dom_right_title i { margin-left: 10px; margin-right: 15px; color: #0188D1; margin-top: 2px; }
	.pc_page_dom_right_info { width: 92%; height: 25px; font-size: 14px; color: #999; display: flex; justify-content:flex-end; align-items:center; margin-bottom: 20px; }
	.pc_page_dom_right_content { width: 92%; height: auto; font-size: 16px; line-height: 40px; color: #444; }
	
	/*合作伙伴样式*/
	.pc_partner_dom { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
	.pc_partner_list { width: 33%; height: 16vw; margin-bottom: 20px; display: flex; flex-direction:column; align-items:center; font-size: 15px; color: #555; }
	.pc_partner_list_img { width: 85%; height: 13vw; overflow: hidden; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pc_partner_list_img img { max-width: 100%; width: 100%; height: auto; }
	
	/*新闻中心样式*/
	.pc_news_list { width: 98%; height: 50px; margin: 0 auto; border-bottom: 1px solid #e6e6e6; display: flex; justify-content:space-between; align-items:center; cursor: pointer; }
	.pc_news_list div { flex: 1; height: auto; font-size: 15px; color: #555; }
	.pc_news_list i { margin-left: 3px; margin-right: 15px; }
	.pc_news_list font { font-size: 14px; color: #999; margin-left: 10px; }
	.pc_news_list:hover i { color: #0188D1; }
	.pc_news_list:hover div { color: #0188D1; }
	.pc_news_pages { width: 100%; height: 60px; display: flex; justify-content:center; align-items:center; font-size: 14px; color: #999; }
	.pc_news_pages a { color: #555; }
	.pc_news_pages a:hover { color: #0188D1; }
	
	/*联系我们*/
	.pc_contact_list { width: 92%; height: 35px; font-size: 15px; color: #444; display: flex; justify-content:flex-start; align-items:center; }
	.pc_contact_map { width: 100%; height: auto; margin: 20px auto; }
	.pc_contact_map img  { max-width: 100%; width: 100%; height: auto; }
	
	/**隐藏的部分**/
	.mob_dom{ display: none; }
}


/**手机，屏幕小于450**/
@media screen and (max-width: 1024px){
	.mob_dom { width: 100%; height: auto; overflow-x: hidden; }
	
	/*顶部*/
	.mob_nav_box { width: 100%; height: 65px; box-shadow: 0px 1px 8px #ccc; position: fixed; top: 0; z-index: 10; display: flex; background: #fff; }
	.mob_nav_logo { flex: 1; height: 100%; display: flex; justify-content:flex-start; align-items:center; }
	.mob_nav_logo img { max-height: 35px; width: auto; height: 100%; margin-left: 20px; margin-top: 4px; }
	.mob_nav_btn { width: 65px; height: 65px; background: #0188D1; display: flex; justify-content:center; align-items:center; }
	.mob_nav_btn img { width: 32px; height: 32px; }
	
	/*导航弹出*/
	.mob_menu_layer { width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); backdrop-filter: blur(3px); position: fixed; top: 0px; z-index: 99; overflow: hidden; display: flex; justify-content:space-between; }
	.mob_menu_box { width: 0px; height: 100vh; background: #fff; display: flex; flex-direction:column; justify-content:center; align-items:center; position: relative; overflow: hidden; }
	.mob_menu_logo { width: auto; height: 120px; margin-bottom: 50px; }
	.mob_menu_list { width: 160px; height: 50px; border-bottom: 1px solid #f4f4f4; color: #555; font-size: 1em; display: flex; justify-content:flex-start; align-items:center; }
	.mob_menu_list i { margin-left: 5px; }
	.mob_menu_contact { width: 160px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 1em; background: #0188D1; position: absolute; bottom: 20px; left: 20px; }
	.mob_menu_close { width: 32px; height: 32px; margin: 15px; }
	.mob_menu_close img { width: 32px; height: 32px; }
	
	/*返回顶部*/
	.mob_gotop { width: 45px; height: 45px; 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: 50; cursor: pointer; }
	.mob_gotop img { width: 22px; height: 22px; opacity: 0.7; margin-top: 3px; }
	
	/*模块标题*/
	.mob_page_title { width: 100%; height: auto; margin: 30px 0; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 1em; font-family: Arial; color: #666; }
	.mob_page_title font { font-size: 1.6em; font-weight: bold; color: #0188D1; font-family: "黑体"; margin-bottom: 5px; }
	
	/*了解更多按钮*/
	.mob_more { width: 50%; height: 40px; margin: 30px auto 80px; text-align: center; line-height: 40px; color: #fff; background: #0188D1; border-radius: 5px; }
	
	/*底部*/
	.mob_footer_concate { width: 100vw; height: 31vw; background: url(../images/msn_bg.jpg) center center no-repeat; background-size: 100% 100%; display: flex; justify-content:center; align-items:center; }
	.mob_footer_concate div { width: 40vw; height: 40px; margin: 0 4vw; border-radius: 5px; background: rgba(0,0,0,0.4); border: 1px solid #ddd; text-align: center; line-height: 40px; color: #fff; }
	.mob_footer { width: 100%; height: 100px; background: #0188D1; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 0.8em; color: #ddd; }
	.mob_footer a { color: #ddd; margin-top: 8px; }
	
	/*子页面分类*/
	.mob_page_type_box { width: 90%; height: 45px; margin: 20px auto; background: #eee; position: relative;  }
	.mob_page_type_dom { width: 100%; height: 45px; display: flex; justify-content:space-between; align-items:center; font-size: 1em; color: #777; text-indent: 15px; }
	.mob_page_type_dom i { margin-right: 10px; color: #999; }
	.mob_page_type_list { width: 100%; height: auto; position: absolute; top: 45px; background: #f6f6f6; z-index: 1; overflow: hidden; display: none; }
	.mob_page_type_list div { width: 100%; height: 45px; display: flex; justify-content:space-between; align-items:center; font-size: 1em; color: #777; text-indent: 10px; text-indent: 15px; }
	#mob_close_type { justify-content:center; background: #eee; text-indent: 0px; }
	.mob_page_type_list div i { margin-right: 10px; color: #999; }
	
	/*子页面分页*/
	.mob_pages_box { width: 90%; height: 80px; margin: 0 auto; font-size: 0.85em; color: #999; text-align: center; line-height: 30px; }
	.mob_pages_box a { color: #0188D1; }
	
	/*子页面banner*/
	.mob_page_banner { width: 100%; height: auto; }
	.mob_page_banner img  { max-width: 100%; width: 100%; height: auto; }
	
	/*首页banner*/
	.mob_index_banner { width: 100vw; height: 43vw; overflow: hidden; }
	.mob_index_banner img { width: 100vw; height: 43vw; }
	
	/*首页关于我们*/
	.mob_index_about { width: 90vw; height: auto; margin: 0 auto; font-size: 0.95em; color: #444; line-height: 2em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:10; overflow: hidden; text-overflow: ellipsis; }
	
	/*首页服务*/
	.mob_index_pro { width: 100vw; height: 80vw; margin: 0 auto; display: flex; justify-content:center; position: relative; }
	.mob_index_swiper { width: 70vw; height: 80vw; overflow: hidden; }
	.mob_index_pro_pic { width: 70vw; height: 70vw; display: flex; justify-content:center; align-items:center; }
	.mob_index_pro_pic img { max-width: 90%; width: auto; height: auto; }
	.mob_index_pro_title { width: 100%; height: auto; text-align: center; font-size: 0.9em; color: #555; line-height: 24px; }
	
	/*首页合作伙伴*/
	.mob_index_case { width: 92vw; height: auto; margin: 0px 4vw ; display: flex; justify-content:space-between; flex-wrap: wrap; }
	.mob_index_case_list { width: 44vw; height: auto; margin-bottom: 4vw; }
	.mob_index_case_pic { width: 44vw; height: 44vw; display: flex; justify-content:center; align-items:center; overflow: hidden; }
	.mob_index_case_pic img { max-width: 40vw; width: 100%; height: auto; }
	.mob_index_case_title { width: 100%; height: 32px; line-height: 32px; background: #f7f7f7; text-align: center; }
	
	/*首页新闻*/
	.mob_index_news { width: 90vw; height: auto; margin: 5px auto 15px; border-bottom: 1px solid #eee; }
	.mob_index_news_title { width: 100%; height: auto; font-size: 0.95em; color: #444; line-height: 1.7em; }
	.mob_index_news_title i { color: #0188D1; margin-right: 8px; }
	.mob_index_news_info { width: 100%; height: 28px; display: flex; justify-content:flex-end; font-size: 0.85em; color: #999; align-items:center; }
	.mob_index_news_info font { color: #0188D1; font-size: 1em; margin-right: 10px; }

	/*联系我们*/
	.mob_contact_list { width: 92vw; height: auto; margin: 10px auto 15px; font-size: 0.9em; color: #444; display: flex; justify-content:flex-start; align-items:center; line-height: 1.7em; }
	.mob_contact_map { width: 92vw; height: auto; margin: 4vw; }
	.mob_contact_map img { max-width: 100%; width: 100%; height: auto; }
	
	/*详情页样式*/
	.mob_detail_box { width: 90%; height: auto; margin: 30px auto; }
	.mob_detial_title { width: 100%; height: auto; margin-bottom: 15px; font-size: 1.2em; color: #333; line-height: 1.7em; border-bottom: 1px solid #eee; padding-bottom: 10px; }
	.mob_detial_info { width: 100%; height: auto; margin: 8px 0px 20px; font-size: 0.85em; color: #999; line-height: 1.7em; }
	.mob_detial_info i { color: #999; margin-right: 8px; }
	.mob_detial_content { width: 100%; height: auto; font-size: 1em; color: #555; line-height: 1.8em; }
	.mob_detial_content img { display: block; margin: 0 auto; max-width: 100%; width: 100%; height: auto; }
	
	/**隐藏的部分**/
	.pc_dom { display: none; }
}