@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'SourceHanSansCN'; /* 你可以自定义这个名称 */
    src: url('fonts/SourceHanSansCN-Medium.otf') format('opentype'); /* 确保路径正确 */
	src: url('fonts/SourceHanSansCN-Regular.otf') format('opentype'); 
    font-style: normal;
}
* {
	border: 0px;
	margin: 0 auto;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	font-family: "SourceHanSansCN-Regular";
}
i {font-style: normal;}
a{border: none;color: #4D4D4D; cursor: pointer;}
ol, ul {list-style: none;}
img {display: block;}
body{min-width: 1200px;}

/*顶部*/
.Header_Topx{width: 100%; background-color: #262626; height: 25px; }
.Header_Topx_1,.Header_Top_Navx_one{display: block; width: 91.92%;}
.Header_Topx_1 ul{float: right;}
.Header_Topx_1 ul li{ float: left; margin-left: 25px;}
.Header_Topx_1 ul li:last-child{color: #CCCCCC; font-size: 12px; line-height: 25px;}
.Header_Topx_1 ul li a{ color: #CCCCCC; font-size: 12px; line-height: 25px;}
.Header_Topx_img{width: 14px; float: left; margin-top: 5.5px; margin-right: 2px;}
/*主导航*/
.Header_Top_Navx{width: 100%; border-bottom: 1px solid #bfbfbf; overflow: hidden;}
.Header_Top_Navx_one{height: 80px;}
.Header_Top_Navx_1,.Header_Top_Navx_2,.Header_Top_Navx_3{float: left;}
.Header_Top_Navx_1{width: 15%;}
.Header_Top_Navx_3{width: 15%;}
.Header_Top_Navx_1 img{width: 74px; height: 54px; margin-top: 13px; float: left;}
.Header_Top_Navx_2{width: 70%; height: 78px; line-height: 80px;}
.nav_list{width: 80%;}
.nav_list li{font-size: 16px;  line-height: 80px; float: left; width: 20%; text-align: center;}
.nav_list li a{font-family: "SourceHanSansCN-Medium"; height: 78px; display: inline-block;line-height: 80px;}
.Header_Top_Navx_3_r{float: right;}
.Header_Top_Navx_3_1,.Header_Top_Navx_3_2{float: left; line-height: 80px; height: 80px;}
.Header_Top_Navx_3_1{ display: flex; align-items: center;}
.Header_Top_Navx_3_2{ margin-left: 15px;}
.shade1 {
	position: fixed; /* 或者 fixed，取决于你想要的内容布局 */
    top: 107px;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image:url(../images/xcommon/mask.png);
	background-repeat: repeat;
    z-index: 100;
	opacity: 1;
	filter: alpha(opacity=100);
	display: none; 	
}
.nav_list:hover +.shade1{display: block !important;}
.nav_list li:hover>ul{display: block;}
.nav_list>li:hover>a{ border-bottom: 2px solid #d1b43d;}
.nav_head{position: relative;}
/*.shade{
    position: absolute;
    width: 100%;
    height: 310px;
    top: 107px;
    left: 0;
    z-index: 2;
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
    display: none;
    border-bottom: #f7f7f7 solid 1px;
}
.nav_list li:hover +.shade{display: block;}*/
.Header_Top_Navx_2_N{position: absolute;width: 80%; height: 310px; left: 0%; padding-left: 10%; padding-right: 10%; top: 107px;z-index: 110;list-style: none;overflow: hidden; display: none;background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);border-bottom: #f7f7f7 solid 1px;}
.nav_list li:hover>.Header_Top_Navx_2_N{display: block;}
.Header_Top_Navx_2_N>li{ float: left;width: 16.66%; margin-top: 70px;}
.xmain_li_2 li{width: 14.28% !important;}
.Header_Top_Navx_2_N>li>a:hover>.Header_Top_Navx_2_N_t{border-bottom: 1px solid #4D4D4D;}
.Header_Top_Navx_2_N_i{width: 100%;}
.Header_Top_Navx_2_N_t{width: 100%; text-align: center; font-size: 16px; display: initial;}


/*导航*/
.Header_Navx{width: 100%;position: fixed; background: #FFFFFF;border-bottom:1px solid #e5e5e5; z-index: 99;}
.Header_Navx.xon{top: 0;transition:all 0.5s;-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;}
.Header_Navx_1{width: 60%;}
.Header_Navx_1 ul{width: 100%;}
.Header_Navx_1 ul li{position: relative; float: left; width: 14.2%; font-size: 16px; text-align: center; line-height: 50px;}
.Header_Navx_1 ul li a{font-family: "SourceHanSansCN-Regular"; display: inline-flex;}
.dropdown>a::after{content: ''; background-image: url(../images/xcommon/xicon52.jpg); background-repeat: no-repeat; background-position: right center; padding-right: 15px;}
.dropdown_menu{
	display: none;
	position: absolute;
	width: 140%;
	background: #fff;
	padding-bottom: 10px;z-index:10;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:24px 40px;
}
.dropdown_menu_t{width: 100%;  font-size: 18px; font-weight: 700; line-height: 16px; text-align: left; padding-bottom:12px;border-bottom:1px solid #eee;}
.dropdown_menu_a{width: 100%;}
.dropdown_menu a{
	font-size: 16px;font-family: "SourceHanSansCN-Regular"; 
	line-height: 20px;margin-top:16px;
	text-align: left;
	background: #fff;
	display: block; width: 100%; float: left;
}
.dropdown>a:hover{color: #d1b43d;}
.dropdown>a:hover::after{background-image: url(../images/xcommon/xicon5.jpg);-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.dropdown:hover .dropdown_menu{
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.dropdown:hover .dropdown_menu a:hover{
	color: #d1b43d;
}

/*底部*/
.Xfooter{width: 100%; overflow: hidden; background-color: #ededed; margin-top: 5%;}
.Xfooter_main{width: 62.5%;}
.xfooter_one{width: 100%; padding-top: 20px;border-bottom:1px solid #e2e2e2;padding-bottom:20px; overflow: hidden;}
.xfooter_one_l{float: left; width: 48%;}
.xfooter_one_l a{font-size: 16px; line-height: 48px;}
.xfooter_one_l a:first-child{padding-right: 15px;}
.xfooter_one_l a:last-child{padding-left: 15px;}
.xfooter_one_r{ float: right;border:1px solid #d4d4d4; margin-right: 0; width: 40%;}
.xfooter_one_r .xfooter_one_r_s{width: 80%;height:35px;line-height:35px;padding-left:3%; background-color: #FFFFFF; font-size: 16px;outline:none; float: left;}
.xfooter_one_r_s::placeholder { font-size: 16px;letter-spacing: 2px;}
.xfooter_one_r_sum{background-image: url(../images/xcommon/xicon7.jpg); background-repeat: no-repeat; background-position: center; float: left;background-color: #FFFFFF; width: 17%; height: 35px; border-left: 1px solid #d4d4d4;}
.xfooter_two{width: 100%; padding:48px 0 34px 0;overflow: hidden;}
.xfooter_two_d{width: 20%; float: left;}
.xfooter_two_d_t{width: 100%; font-size: 18px; font-weight: bold;line-height:24px;margin-bottom:18px; text-align: left;}
.xfooter_two_d ul{width: 100%;}
.xfooter_two_d ul li{float: left; width: 100%; text-align: left;}
.xfooter_two_d ul li a{font-size: 15px; line-height: 30px;}
.xfooter_three{width: 100%; overflow: hidden; margin-bottom: 28px;}
.xfooter_three_m{float: right;}
.xfooter_three img{float: left;width: 43px; height: 43px;}
.xfooter_three span{font-size: 32px; float: left; font-weight: bold; line-height: 40px; color: #000000; margin-left: 10px;}
.Xfooter_f{width: 100%; overflow: hidden; height: 50px; background-color:#e6e6e6; text-align: center;}
.Xfooter_f_m{width: 62.5%;text-align: center; overflow: hidden;}
.Xfooter_f_c{width: 100%; display: block; float: left; font-size: 16px; line-height: 50px;}
.Xfooter_f_c_1{margin-left: 15px;}

@media (max-width: 1440px){
	.Header_Top_Navx_2 ul li{font-size: 14px;}
	.Header_Navx_1 ul li{font-size: 14px;}
	.Header_Top_Navx_2_N_t{font-size: 14px;}
	.dropdown_menu_t{font-size: 16px;}
	.dropdown_menu a{font-size: 14px;}
	.xfooter_one_l a{font-size: 14px;}
	.xfooter_one_r_s::placeholder { font-size: 14px;}
	.xfooter_two_d_t{font-size: 16px;}
	.xfooter_two_d ul li a{font-size: 13px;}
	.xfooter_three img{width: 38px; height: 38px;}
	.xfooter_three span{font-size: 28px;}
	.Xfooter_f_c{font-size: 14px;}
}