/* 
内页通用文件 

*/


/* 内页banner */
.top-banner{ width: 100%; height: 6.22rem; display: block; position: relative; top: 0; z-index: -1;}
.top-banner .text{ position: absolute; margin: 0 0 0 -6.4rem; top: 50%; left: 50%;  z-index: 10; opacity: 0; transition: all 0.5s ease-in-out .1s;}
.top-banner .text h2{ display: block; color: #fff; text-transform: uppercase; font-size: .72rem; font-weight: bold; margin-bottom: .26rem; line-height: .6rem; }
.top-banner .text p{ display: inline-block; font-size: .14rem; color: #fff; line-height: .3rem;  margin: 0;}

.banner-news{ background: url(../images/banner-news.jpg) no-repeat center center/ cover; }
.banner-download{ background: url(../images/banner-download.jpg) no-repeat center center / cover;}
.banner-support{ background: url(../images/banner-support.jpg) no-repeat center center / cover;}
.banner-about{ background: url(../images/banner-about.jpg) no-repeat center center / cover;}
.banner-product{ background: url(../images/banner-product.jpg) no-repeat center center / cover;}
/* 内页banner END */

/* 内页主体 */

.wrapper {
	position: relative;
	/* top: 6.22rem; left: 0; */
	background-color: #fff;
	width: 100%;
}

/* 内页 - 导航 通用配置 */
.nav-list{ display: block; width: 100%; border-bottom: 2px solid #eee;}
.nav-list ul{ display: flex; flex-wrap: wrap; font-size: 0}
.nav-list ul > li{ width: 2.1rem; height: .8rem; border-left: 2px solid #eee; margin: 0; position: relative;}

.nav-list ul > li:last-of-type{ border-right: 2px solid #eee;}
.nav-list ul > li > a{ display: inline-block;  text-align: center; width: 100%; color: #ababab; font-size: .24rem; line-height: .8rem; position: relative;}
.nav-list ul > li.cur > a,
.nav-list ul > li > a:hover{ background: #1d2088; color: #fff;}
/* 内页 - 导航 通用配置 END */

.container .tit{ margin-bottom: .1rem; display: block;}
.container .tit h2{ font-size: .32rem; line-height: .62rem; text-transform: uppercase; text-align: center; display: block;}
.container .tit h2 .t-l{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-right: .2rem;}
.container .tit h2 .t-l::after{ content: ""; width: .1rem; height: .1rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}
.container .tit h2 .t-r{ display: inline-block; vertical-align: middle; width: 1.3rem; background: #e2e4e3; height: 1px; position: relative; margin-left: .2rem;}
.container .tit h2 .t-r::after{ content: ""; width: .1rem; height: .1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #0061ae; display: inline-block;}


/* 内页 - 位置 */
.location{ display: block; font-size: 0; line-height: .58rem; height: .58rem;}
.location a.n_h{ font-family: "iconfont";}
.location a{ font-size: .14rem; color: #666; display: inline-block;}
.location i{ font-size: .12rem; display: inline-block; margin: 0 .1rem;}
.location span{ font-size: .14rem; color: #666; display: inline-block;}
/* 页码样式 */
.page_zt { width: 100%; display: block; padding: .2rem 0 .5rem; text-align: center;}
.page_zt .page_r { width: auto; display: inline-block; height: 42px;}
.page_zt .page_r a,
.page_zt .page_r .ym2 { height: 42px; margin: 0 3px; width: 42px; border: 1px solid #e0e0e0; border-radius: 2px; box-sizing: border-box; color: #000; text-align: center; display: inline-block; line-height: 42px; font-size: 12px;}
.page_zt .page_r a.page_prev,.page_zt .page_r a.page_next { line-height: 42px; font-family: iconfont; position: relative; display: inline-block; vertical-align: top}
.page_zt .page_r a.page_next::after{ content: "\e65d";}
.page_zt .page_r a.page_prev::after{ content: "\e602";}

.page_zt .page_r .ym { font-family: arial;}
.page_zt .page_r a:hover {  border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2 { border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2:hover { opacity: .7; cursor: pointer;}

/* 内页通用配置 */
center {font-size: 20px; margin: 20px auto;}
.none{ display: none;}

/* 内页通用配置 END */
.i-news{ width: 100%; display: block; font-size: 0; padding: .6rem 0; box-sizing: border-box;background: url(/images/index-news.jpg) no-repeat; background-position: center .73rem;}
.i-news .tit p span{ display: block;}
.i-news .main{ width: 13.73rem;}
.i-news ul { margin: .6rem 0 0; display: flex; justify-content: space-evenly; flex-wrap: wrap; width: 100%; }
.i-news ul li {position: relative; width: 3.8rem; height: 5.7rem; margin-bottom: .6rem; display: inline-block; box-sizing: border-box;}
.i-news ul li .img { width: 100%;}
.i-news ul li .img img {width: 100%; height: 2.53rem; object-fit: cover;object-position: center;}
.i-news ul li .text {padding: 0 .3rem; box-sizing: border-box;position: relative; width: 100%;height: 2.72rem;background-color: #f7f7f8;}
.i-news ul li .text .time {line-height: .8rem;font-size: .14rem;border-bottom: 1px solid #dfdfe2;}
.i-news ul li .text .time .iconfont { font-size: .2rem;margin-right: .14rem; color: #1d2088; }
.i-news ul li .text .title {margin-top: .24rem; font-size: .24rem;line-height: .33rem;color: #01133c;}
.i-news ul li .text .button {position: absolute;left: .3rem; bottom: .2rem; width: 1.25rem; height: .35rem; background-color: #ef0f3a; text-align: center;line-height: .35rem;color: #fff; font-size: .14rem;font-weight: bold; transform: skewX(-10deg);display: block;}
.i-news ul li .text p {font-size: .16rem; line-height: .19rem;color: #fff;margin-top: .22rem;}
@media screen and ( max-width:768px){

	.top-banner{ top: 0; margin-top: .8rem; height: 30vh;}
	.top-banner .text{ left: 0; margin-left: 0; box-sizing: border-box; padding: 0 .12rem; transform: translateY(-50%); width: 100%;}
	
	.top-banner .text h2{ font-size: .36rem; text-align: center; display: block; margin: 0;}
	.top-banner .text p{ line-height: 1.5; text-align: center;}


	.wrapper{ margin-top: 0;}
	.nav-list{ border: none;}
	.nav-list .main{ padding: 0;}

	.nav-list ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
	.nav-list ul li{ width: 50%; box-sizing: border-box; border-bottom: 2px solid #eee;}
	.nav-list ul > li > a{ font-size: .2rem;}

	.container .tit h2 {font-size: .24rem;}
	.container .tit h2 .t-l,
	.container .tit h2 .t-r { width: 1rem; }
	.i-news{padding: 0;}
	.i-news ul {margin: 0;}
	.i-news ul li {margin-bottom: .3rem;height: auto;}

}