@charset "utf-8";
/* ====================公共样式========================= */


/* 头部 */
.Header-wrapper{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	background-color: transparent;
	z-index: 99;
	padding-top: 20px;
	border-bottom: 1px solid rgba(255,255,255,.45);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Header-wrapper.on{
	box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
	background-color: white;
}
.Header-container{}
.Header-container .logo{}
.Header-container .logo h1{
	font-size: 0;
}
.Header-container .logo h1 a{
	font-size: 0;
}
.Header-container .logo h1 a img{
	width: auto;
	height: 43px;
}
.Header-container .logo .logo_w,.Header-wrapper.on .Header-container .logo .logo_b{
	display: block;
}

.Header-container .logo .logo_b,.Header-wrapper.on .Header-container .logo .logo_w{
	display: none;
}

.Header-container .nav_item{}
.Header-container .nav_item>ul{}
.Header-container .nav_item>ul>li{
	float: left;
	position: relative;
	padding: 0 0.2rem;
}

.Header-container .nav_item>ul>li>a{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	padding: 0.3rem 0.06rem;
}
.Header-container .nav_item>ul>li>a::after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 2px;
	left: 0;
	bottom: -1px;
	background-color: white;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Header-wrapper.on .Header-container .nav_item>ul>li>a::after{
	background-color: #000;
}
.Header-container .nav_item>ul>li.active>a::after{
	width: 100%;
}
.Header-wrapper.on .Header-container .nav_item>ul>li>a{
	color: #333;
}
/* .Header-container .nav_item>ul>li>a:hover,.Header-container .nav_item>ul>li.active>a{
	color: #004da1;
} */
/* 二级导航 */
.Header-container .nav_item .sub_nav{
	display: none;
	position: absolute;
	min-width: 100%;
	left: 0;
	top: 100%;
	z-index: 2;
}
.Header-container .nav_item .sub_nav.sub_pro_nav{
	position: fixed;
	top: 75px;
	left: 0;
	width: 100vw;
	background: #fff;
	padding: 0.6rem 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
	border-top: 1px solid #E5E5E5;
}
.Header-wrapper.on .Header-container .nav_item .sub_nav{
	background-color: white;
}
.Header-container.on .nav_item .sub_nav{
	box-shadow: 0 0 8px rgb(0,0,0,.1);
}
.Header-container .nav_item>ul>li:hover .sub_nav{
	display: block;
	animation: HnavDD .5s ease-in-out;
	-webkit-animation: HnavDD .5s ease-in-out;
}
@keyframes HnavDD{
	from{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes HnavDD{
	from{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
	top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}
.Header-container .nav_item .sub_nav li{
	position: relative;
	border-bottom: 1px solid transparent;
}
.Header-container .nav_item .sub_nav li:last-child{
	border: none;
}
.Header-container .nav_item .sub_nav li a{
	position: relative;
	display: block;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	min-width: 100%;
	padding: 0 0.2rem;
	background-color: rgb(255,255,255,.24);
	color: #fff;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.Header-container .nav_item .sub_nav li a{
	color: #333;
}
.Header-container .nav_item .sub_nav li a:before{
	position: absolute;
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	left: calc(0.2rem - 7px);
	top: 50%;
	background-color: white;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Header-wrapper.on .Header-container .nav_item .sub_nav li a:before{
	background-color: #333;
}
.Header-wrapper.on .Header-container .nav_item .sub_nav li:hover a:before{
	background-color: white;
}
.Header-container .nav_item .sub_nav li a:hover{
	background-color: #004da1;
	color: white;
}
/* 电话 */
.Header-container .nav_tel{
	font-size: 16px;
	color: white;
}
.Header-wrapper.on .Header-container .nav_tel{
	color: #333;
}
.Header-container .nav_tel i{
	font-size: 20px;
	margin-right: 0.08rem;
}
.Header-container .nav_tel p{}


.Header-container .nav_item ul li .drop_pro{
	position: fixed;
	top: 97px;
    left: 0;
    width: 100vw;
    background: #fff;
    padding: 0.5rem 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
	border-top: 1px solid #E5E5E5;
}
.Header-container .nav_item ul li:hover .drop_pro{
	opacity: 1;
	visibility: visible;
}
.Header-container .nav_item ul li .drop_pro .w13{
	/* padding: 0 10%; */
}
.Header-container .nav_item ul li .drop_pro .fl{
	width: 75%;
	padding-right: 0.3rem;
}
.Header-container .nav_item ul li .drop_pro .fl dl{
	float: left;
	width: calc(100% / 4);
	margin: 0.15rem 0;
}
.Header-container .nav_item ul li .drop_pro .fl dl a{
	font-size: 16px;
	line-height: 24px;
	text-transform: capitalize;
	color: #242424;
}
.Header-container .nav_item ul li .drop_pro .fl dl a:hover{
	/* color: rgba(255,255,255,0.95); */
	-webkit-transform: translateX(8px);
	-ms-transform: translateX(8px);
	transform: translateX(8px);
	color: #004da1;
}
.Header-container .nav_item ul li .drop_pro .fl dl dt{}
.Header-container .nav_item ul li .drop_pro .fl dl dt a{
	/* height: 44px; */
}
.Header-container .nav_item ul li .drop_pro .fl dl dd{}
.Header-container .nav_item ul li .drop_pro .fl dl dd a{}
.Header-container .nav_item ul li .drop_pro .fr{
	width: 24%;
}
.Header-container .nav_item ul li .drop_pro .fr .pic{
	background-color: #000;
}
.Header-container .nav_item ul li .drop_pro .fr .pic img{}


/* 手机导航 s */

/* 汉堡键 start*/
.navbtn {
	position: absolute;
	right: 4%;
	top: 0;
	float: right;
	height: 60px;
	cursor: pointer;
	display: none;
}

.navbtn span {
	width: 30px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	display: block;
	position: relative;
	margin-top: 30px;
}



.navbtn span:before,
.navbtn span:after {
	content: "";
	position: absolute;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	display: block;
	left: 0;
	width: 100%;
}
.Header-wrapper.on .navbtn span,.Header-wrapper.on .navbtn span:before,.Header-wrapper.on .navbtn span:after{
	background-color: #000;
}

.navbtn span:before {
	top: -10px;
}

.navbtn span:after {
	top: 10px;
}
/* 汉堡键 end*/
.Header-container .show {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .88);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}

.Header-container .show .box {
	width: 84%;
	margin: 0 auto;
}

.Header-container .show .m_logo a {
	display: block;
	margin-top: 35px;
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 0;
	position: relative;
	filter: drop-shadow(100vw 0px 0 #ffffff);
	-webkit-filter: drop-shadow(100vw 0px 0 #ffffff);
	right: 100vw;
}

.Header-container .show .m_logo a img {
	height: 30px;
	width: auto;
}

.Header-container .close {
	width: 32px;
	height: 32px;
	background-image: url(../images/close.png);
	position: absolute;
	right: 4%;
	top: 35px;
}

.Header-container .show .box .mnav>h2,
.Header-container .show .box .mnav_index>h2,
.Header-container .show .box .mnav>h3 a {
	border-bottom: 1px solid #646565;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	font-weight: normal;
	text-align: left;
	display: block;
}

.Header-container .show .box .mnav>h2>a,
.Header-container .show .box .mnav_index>h2>a,
.Header-container .show .box .mnav>h3 a {
	color: #ffffff;
}

/* .Header-container .show .box:nth-child(1) .mnav > h2:after{
	display: none;
} */
.Header-container .show .box .mnav>h2.active:after{
	content: "";
	width: 15px;
	height: 15px;
	background-image: url(../images/jia.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	z-index: 3;
}
.Header-container .show .box .mnav ol li.has-childs i{
	width: 40px;
	height: 40px;
	background: url(../images/jia.png) no-repeat center;
	background-position: right center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 3;
}

.Header-container .show .box .mnav>h2.open:after,.Header-container .show .box .mnav ol li.has-childs.active i{
	background-image: url(../images/jian.png);
}

.Header-container .show .box .mnav ol {
	display: none;
}

.Header-container .show .box .mnav ol li {
	position: relative;
	width: 100%;
	/* background-color: #484848; */
	z-index: 999;
	text-align: left;
	/* height: 40px; */
	/* line-height: 40px; */
	font-size: 14px;
	/* padding-right: 30px;
	padding-left: 20px; */
	
}

.Header-container .show .box .mnav ol li a {
	position: relative;
	color: #ffffff;
	display: block;
	padding: 12px 30px 12px 20px;
}
.Header-container .show .box .mnav ol li ol li a{
	padding-left: 50px;
}

/* 底部 */

.Footer-wrapper{
	background-color: #2a2a2a;
}
.Footer-container{
	padding: 0.9rem 0 0.6rem;
}
.Footer-container .foot_nav{
	width: 92%;
}
.Footer-container .foot_nav dl{}
.Footer-container .foot_nav dl .pro_dl{
	height: 2.9rem;
	overflow: hidden;
}
.Footer-container .foot_nav dl dt{
	font-size: 20px;
	color: white;
	margin-bottom: 0.3rem;
}
.Footer-container .foot_nav dl dd{
	font-size: 	14px;
	color: rgba(255,255,255,.5);
	margin-bottom: 0.15rem;
}
.Footer-container .foot_nav dl dd i{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.Footer-container .foot_nav dl dd .arrow i{
	transform: rotate(180deg);
}
.Footer-container .foot_nav dl dd:last-child{
	/* margin-bottom: 0; */
}
.Footer-container .foot_nav dl a:hover{
	color: #004da1;
}
.Footer-container .wx{
	position: absolute;
	right: 0;
	top: 0.9rem;
	width: 140px;
	z-index: 2;
}
.Footer-container .wx img{
	width: 100%;
}
.Footer-container .wx p{
	margin-top: 10px;
	font-size: 16px;
	color: rgba(255,255,255,.6);
	text-align: center;
}

.Foot_copy{
	padding: 0.18rem 0;
	border-top: 1px solid rgb(255,255,255,.2);
	line-height: 1.5;
	background-color: #2a2a2a;
	color: rgb(255,255,255,.6);
	text-align: center;
}
.Foot_copy a{
	color: rgb(255,255,255,.6);
	margin-left: 0.05rem;
	font-family: 'Alibaba-PuHuiTi-Regular';
}
.Foot_copy a:hover{
	color: #004da1;
}
/* 中间+共用部分 */



/* ind_banner */
.ind_banner .swiper-pagination-bullets.swiper-pagination-horizontal{
	bottom: 0.5rem;
}
.ind_banner .swiper-pagination-bullet{
	background-color: white;
	opacity: 1;
	width: 32px;
	height: 2px;
	border-radius: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ind_banner .swiper-pagination-bullet-active{
	background-color: #004da1;
}
.ind_banner .swiper-button-prev,.ind_banner .swiper-button-next{
	width: 59px;
	height: 59px;
	border-radius: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ind_banner .swiper-button-prev{
	left: 15%;
	background-image: url("../images/banner-prev.png");
}
.ind_banner .swiper-button-next{
	right: 15%;
	background-image: url("../images/banner-next.png");
}
/* .ind_banner .swiper-button-prev:hover{
	background-image: url("../images/banner-prev_on.png");
}
.ind_banner .swiper-button-next:hover{
	background-image: url("../images/banner-next_on.png");
} */
.ind_banner .swiper-button-prev::after,.ind_banner .swiper-button-next::after{
	display: none;
}

/* ind_tit */
.ind_tit{
	position: relative;
	padding-bottom: 15px;
}
.ind_tit::after{
	position: absolute;
	content: "";
	display: block;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 1px;
	background-color: #333333;
}
.ind_tit h3{
	font-size: 24px;
	color: #030303;
	font-weight: 700;
}
.ind_tit p{
	font-size: 12px;
	color: #666666;
	margin-left: 0.08rem;
	text-transform: uppercase;
}

/* com_tit */
.com_tit{
	color: #030303;
	text-align: center;
}
.com_tit h3{
	font-size: 24px;
	font-weight: 700;
}
.com_tit p{
	font-size: 14px;
	margin-top: 0.12rem;
}


/* ind_more */
.ind_more{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 38px;
	font-size: 16px;
	color: #000000;
	text-align: center;
	border: 1px solid #000;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ind_more:hover{
	color: white;
	border-color: #004da1;
	background-color: #004da1;
}

/* 分页条 s */
.com_page{
	text-align: center;
	padding: 0.3rem 0 0.4rem;
}
.com_page .center_page {
	display: inline-block;
}
.com_page .center_page a,.com_page .center_page span{
	color: #000000;
	font-size: 13px;
	display: inline-block;
	/* border: 1px solid #000000; */
	padding: 12px 15px;
	margin: 0 4px;
	letter-spacing: 0.5px;
	background-color: #f0f0f0;
	border-radius: 2px;
}

.com_page .center_page a:hover,
.com_page .center_page .page-num-current {
	background-color: #004da1;
	color: white;
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.com_page .center_page a, .com_page .center_page span{
		padding: 10px 12px;
		margin: 0 2px;
	}
}
/* 分页条 end */

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
	.Header-container .nav_item>ul>li>a,.Header-container .nav_tel{
		font-size: 14px;
	}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
	.Footer-container .foot_nav dl dt{
		font-size: 16px;
	}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
	.Header-container .nav_item>ul>li{
		padding: 0 0.12rem;
	}
	
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.pc{display: none;}
	.mb{display: block;}
	
	.com_ban {
	    height: 3.6rem;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	}
	.com_ban img {
	    display: none;
	}
	
	.Header-container .nav_item,.Header-container .nav_tel{
		display: none;
	}
	.Header-wrapper{
		padding: 15px 0;
	}
	.Header-container .logo h1 a img{
		height: 30px;
	}
	
	.ind_tit{
		padding-bottom: 15px;
	}
	.ind_tit h3{
		font-size: 20px;
	}
	
	.Footer-container .foot_nav dl{
		display: none;
	}
	.Footer-container .foot_nav dl:last-child{
		display: block;
	}
	.Footer-container .wx p{
		font-size: 14px;
	}
	
	.com_tit h3{
		font-size: 22px;
	}
}

@media all and (max-width:768px) {
	
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.ind_more{
		width: 130px;
		height: 36px;
		line-height: 34px;
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	.Footer-container .wx{
		width: 120px;
	}
	.Footer-container .foot_nav dl dd{
		font-size: 13px;
		margin-bottom: 0.24rem;
	}
	.Footer-container .wx p{
		font-size: 12px;
	}
	.Foot_copy{
		padding: 0.25rem 0;
		font-size: 12px;
	}
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}