/* 
内页通用文件 
修改时间：2020-04-10
*/


/* 内页banner */
.top-banner{ width: 100%; height: 4.8rem; display: block; position: fixed; top: 1.2rem; z-index: -1; background-color: #ddd;}
.top-banner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
.top-banner .text h2{ display: block; color: #fff; text-align: center; text-transform: uppercase; font-size: .6rem; margin-bottom: .26rem; line-height: .6rem; transition: all 0.5s ease-in-out .1s;}
.top-banner .text h3{ display: block; font-size: .3rem; text-align: center; color: #fff; line-height: .3rem; margin: 0; transition: all 0.5s ease-in-out .1s;}

.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 */

/* 内页主体 */
.head-fixed {
	position: fixed;
	width: 100%;
	z-index: 1;
	box-shadow: 0 0 4px #ccc;
}
.foot-fixed {
	position: fixed;
	bottom: 0;
}
.nav {
	font-size: 0;
}
.wrapper {
	position: absolute;
	top: 6rem; left: 0;
	background-color: #fff;
	width: 100%;
}

/* 内页 - 导航 通用配置 */
.nav-list{ display: block; }
.nav-list ul{ display: flex; flex-wrap: wrap; font-size: 0}
.nav-list ul > li{ width: 2.4rem; height: .6rem; margin: 0 .16rem .16rem 0; position: relative;background-color: #f8f8f8;text-align: center;transition: all 0.3s ease-in-out;}
.nav-list ul > li:last-of-type{ margin-right: 0;}
.nav-list ul > li > a{ display: inline-block; background: transparent; text-transform: uppercase; text-align: center; width: 90%; color: #666; font-size: .18rem; line-height: .6rem; position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav-list ul > li.cur {
    background-color: #0061ae;
}
.nav-list ul > li.cur > a{
    color: #fff;
}
.nav-list ul > li:hover { background: #0061ae;}
.nav-list ul > li:hover a {  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 */

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

	.top-banner{ top: .8rem; height: 30vh;}
	.top-banner .text{ left: 0; transform: translateY(-50%); width: 100%;}
	.top-banner .text h2{ font-size: .36rem; text-align: center; display: block; margin: 0;}
	.top-banner .text h3{ font-size: .18rem; display: block; text-align: center;}
	.wrapper{ top: 30vh; margin-top: .8rem;}
	.nav-list ul{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
	.nav-list ul li{ width: 32%; margin: 0 2% 2% 0;}
	.nav-list ul li:nth-of-type(3n){ margin-right: 0;}
	.nav-list ul > li > a{ font-size: .16rem;}
	.container .tit h2 .t-l,
	.container .tit h2 .t-r{ width: .7rem;}

}