/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 1200px;
		margin: 0 auto;
	}
}

:root{
	--primary-color:#2a62ac;
	--font-color:#666;
	--main-white:#fff;
}





/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}









/* bannerbox */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}

.bannerbox .mySwiper1 .prev_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}
.bannerbox .mySwiper1 .next_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
	font-size: 0px;
	width: 14px;
    height: 14px;
    overflow: hidden;
    -webkit-transition: border-color 350ms ease;
    -moz-transition: border-color 350ms ease;
    -o-transition: border-color 350ms ease;
    -ms-transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    transition: border-color 350ms ease;
    background-color: rgba(0,0,0,0.2);
}
.bannerbox .mySwiper1 .swiper-pagination-bullet-active{
	background: var(--primary-color);
    width: 28px;
    border-radius: 20px;
}

.pd50{padding: 50px 0;}
/* footer */
.footerbox{width: 100%;margin: 0 auto;background-color: var(--primary-color);}
.footer{width: 100%;margin: 0 auto;}




/* 通用内页 */
.inbannerbox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.inbannerbox img{width: 100%;}
.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .inside{
	width: 100%;
	box-sizing: border-box;
}


/* ================首页样式================= */
.mainbox{width: 100%;margin: 0 auto;}

.bannerbox{width: 100%;margin: 0 auto;position: relative;background-repeat: no-repeat;background-size: cover;padding-bottom: 40px;}
.bannerbox h1{font-size: 60px;font-weight: bold;color: rgb(0, 11, 16);padding: 20px 0;text-align: center;}
.banner_swiper{}
.banner_pagination{position: absolute;bottom: 0 !important;background-color: rgba(51,51,51,.3)!important;border-top-left-radius: 12px;border-top-right-radius: 12px;padding: 0px 20px 12px;width: auto !important;left: 50% !important;transform: translateX(-50%) !important;padding-top: 10px;}
.banner_pagination .swiper-pagination-bullet{opacity: 0.5;background-color: #fff;}
.banner_pagination .swiper-pagination-bullet-active{opacity: 1;width: 25px;border-radius: 30px;}


.index1box{width: 100%;margin: 0 auto;background-repeat: no-repeat;background-size: cover;padding: 140px 0;}
.index1{width: 100%;margin: 0 auto;}
.index1 h1{font-size: 48px;font-weight: bold;color: rgb(0, 11, 16);padding: 20px 0;text-align: center;margin-bottom: 20px;}
.index1_content{width: 100%;margin: 0 auto;}
.index1_content ul{display: flex;flex-wrap: wrap;}
.index1_content ul li{width: 16.66%;padding: 0 10px;margin-bottom: 20px;}
.index1_content ul li a{display: block;width: 100%;}
.index1_content ul li a .imgbox{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 0;}
.index1_content ul li a .imgbox img{max-width: 100%;width: auto;}
.index1_content ul li a .download{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 0;}
.index1_content ul li a .download img{max-width: 100%;width: auto;}



.footerbox{width: 100%;margin: 0 auto;background-color: #343434;padding: 10px 0;}
.footer{width: 100%;margin: 0 auto;text-align: center;}
.footer p{font-size: 14px;color: #8b919d;}
.footer p a{color: #8b919d;}
.footer p a:hover{color: #fff;}


.update_detail_top h1{position: relative;display: inline-block;padding-right: 100px;}
.update_detail_top h1 .home{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-size: 20px;color: #2a62ac;}




