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


/* 内页banner */
.banner-content{ width: 100%; height: 4rem; display: block; position: relative;}
.banner-content .text{ position: absolute; top: 1rem; right: .46rem; z-index: 10; text-align: right;}
.banner-content .text h2{ display: block; color: #fff; text-transform: uppercase; font-size: .6rem; margin-bottom: .26rem; line-height: .6rem; font-family: "Bell-Gothic-Std-Black",Microsoft YaHei,Arial, Helvetica, sans-serif; transition: all 0.5s ease-in-out .1s; text-shadow: 0 0 1px #ccc;}
.banner-content .text h3{ display: block; font-size: .16rem; color: #fff; line-height: .3rem; margin: 0; transition: all 0.5s ease-in-out .1s; text-shadow: 0 0 1px #ccc;}
.banner-content .text h3 span{ display: inline-block; margin: 0 .15rem;}

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

/* 内页主体 */
.common{ width: 100%; display: block;}
.box-con{ width: 100%; display: block; margin-bottom: .5rem;}

/* 内页 - 导航 通用配置 */
.nav-list{ display: block; padding: .32rem 0; }
.nav-list > ul{ display: block; font-size: 0; text-align: center;}
.nav-list > ul > li{ display: inline-block; height: .42rem; position: relative;}
.nav-list > ul > li > a{ display: inline-block; text-transform: uppercase; padding: 0 .4rem; color: #939393; font-size: .18rem; line-height: .42rem; position: relative;}
.nav-list > ul > li.cur > a,
.nav-list > ul > li > a:hover{ color: #40b1c1;}
.nav-list > ul > li::after{ content: "/"; position: absolute; right: 0; line-height: .42rem; color: #939393; font-size: .18rem;}
.nav-list > ul > li:nth-last-of-type(1)::after{ display: none;}

/* 内页 - 导航 通用配置 END */





/* 页码样式 */
.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: iconfont2; position: relative; display: inline-block; vertical-align: top}
.page_zt .page_r a.page_next::after{ content: "\e601";}
.page_zt .page_r a.page_prev::after{ content: "\e65a";}

.page_zt .page_r .ym { font-family: arial;}
.page_zt .page_r a:hover {  border-color: #40b1c1; cursor: pointer; }
.page_zt .page_r .ym2 { border-color: #40b1c1; 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){
    .banner-content{ height: 30vh;}

    .nav-list{ display: block; padding: .2rem 0 .4rem; }
    .nav-list > ul{ display: block; font-size: 0; text-align: left;}
    .nav-list > ul > li{ display: inline-block; width: 49%; background: #eee; margin: 0.5%; text-align: center; height: .6rem; position: relative;}
    .nav-list > ul > li > a{ display: inline-block; text-transform: uppercase; width: 100%; padding: 0; color: #939393; font-size: .18rem; line-height: .6rem; position: relative;}
    .nav-list > ul > li.cur > a,
    .nav-list > ul > li > a:hover{ color: #fff;}
    .nav-list > ul > li.cur > a{ background: #40b1c1;}
    .nav-list > ul > li::after{ content: "/"; position: absolute; right: 0; line-height: .6rem; color: #939393; font-size: .18rem; display: none;}
    .nav-list > ul > li:nth-last-of-type(1)::after{ display: none;}
}