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


/* 内页banner */
.banner-content{ height: 360px; display: block; position: relative; margin: 0 auto; width: 1280px;}
.banner-content .text{ position: absolute; transform: translateY(-50%); left: 0; top: 50%; box-sizing: border-box; padding: 0 130px; margin-top: 60px; display: none;}
.banner-content .text h2{ display: block; color: #3ea748; font-size: 100px; -webkit-text-stroke:2px #fff; line-height: 73px; font-style:italic; font-family: "BITSUMIS","Microsoft YaHei"; transition: all 0.5s ease-in-out .1s}
.banner-content .text h2 span{ color: #fff;}
.banner-content .text h3{ display: block; font-size: 30px; color: #fff; line-height: 55px; margin: 0 0 20px; font-weight: bold; transition: all 0.5s ease-in-out .1s}

.banner-news{ background: url(../images/banner-about.jpg) no-repeat center center/ cover; }
.banner-download{ background: url(../images/banner-about.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-about.jpg) no-repeat center center / cover;}
/* 内页banner END */
/* 首页 - 切换图 */
.banner { width: 100%; height: auto; display: block; overflow: hidden; position: relative; z-index: 97; width: 1280px; margin: 0 auto 50px;}
.banner li .text{ position: absolute; z-index: 10; text-align: right;}
.banner li .text h2{ display: block; color: #000; font-size: 72px; -webkit-text-stroke:2px #fff; line-height: 73px; font-style:italic; font-family: "BITSUMIS","Microsoft YaHei"; transition: all 0.5s ease-in-out .1s}
.banner li .text h2 span{ color: #fff;}
.banner li .text p{ display: block; font-size: 24px; color: #fff; line-height: 55px; margin: 0 0 20px; font-weight: bold; transition: all 0.5s ease-in-out .1s}
.banner li .text a{ width: 160px; text-align: center; line-height: 40px; height: 40px; background: #000; color: #fff; font-size: 16px; text-transform: uppercase; display: inline-block;}
.banner li img{ max-width: 100%;}
/* banner01 */
.banner li.banner01 .text{ transform: translateY(-50%); top: 50%; right: 10%;}
.banner li.banner01 .text h2,
.banner li.banner01 .text p,
.banner li.banner01 .text a{ opacity: 1; margin-right: 0;}
/* 延时动画 */
/* .banner li.banner01.ani-slide .text h2{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out .1s}
.banner li.banner01.ani-slide .text p{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out .6s}
.banner li.banner01.ani-slide .text a{ opacity: 1; margin-right: 0; transition: all 0.5s ease-in-out 1.1s} */
/* banner01 END */

/* 切换按钮设置 */
.banner-prev,.banner-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 76px; height: 72px; color: #ba141c; background: rgba(0,0,0,.5); font-family: "iconfont"; font-size: 48px; text-align: center; line-height: 72px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; opacity: 0; cursor: pointer; left: 50px;}
.banner-next{ right: 50px; left: auto; line-height: 76px;}
.banner:hover .banner-prev,
.banner:hover .banner-next{ opacity: 1; }
.banner-prev:hover,
.banner-next:hover{ opacity: .6; }
/* 首页 - 切换图 END */
/* 内页主体 */
.about-common{ width: 100%; display: block; margin: 50px 0 0; background-color: #f5f5f5;}
.about-common .back{ display: block; width: 100%; background: url(../images/background.jpg); height: 160px;}
.about-common .back h2{ display: block; font-size: 42px; color: #ff0; line-height: 62px; font-weight: bold; text-transform: uppercase; padding: 40px 0 20px; margin-bottom: 40px; position: relative; text-align: center;}
.about-common .back h2::after{ content: ""; left: 47%; bottom: 0; position: absolute; background: #ff0; width: 80px; height: 3px;}
.about-common .main {
    width: 1280px; margin: 0 auto; padding: 0; 
}

/* 内页 - 导航 通用配置 */
.nav-list{ display: block; }
.nav-list > ul{ display: block; font-size: 0; text-align: center; margin: 44px 0 36px; box-sizing: border-box;}
.nav-list > ul > li{ display: inline-block; height: 60px; margin: 0 25px; position: relative;}
.nav-list > ul > li > a{ display: inline-block; text-transform: uppercase; padding: 0 25px; color: #fff; font-size: 24px; line-height: 60px; position: relative;}
.nav-list > ul > li.cur > a,
/* .nav-list > ul > li > a:hover{ color: #ff0;} */
/* 内页 - 导航 通用配置 END */

/* 页码样式 */
.page_zt { width: 100%; display: block; padding-bottom: 20px; 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-radius: 2px; box-sizing: border-box; color: #999; text-align: center; display: inline-block; line-height: 42px; font-size: 16px;}
.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: #333; cursor: pointer; }
.page_zt .page_r .ym2 { border-color: #333; 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: 1600px){
    header .main{ width: 1200px; margin: 0 auto; padding: 0;}
	.i-quality .pagination span{ margin-right: 66px}
    .banner{ width: 1200px;}
    .i-about .main, .i-quality .main, .i-contact .main, .about-common .main{ width: 1200px;}
    .main{ width: 1200px;}
    .i-pr .main{ width: 1240px;}
    .Content .back h2::after,
    .about-common .back h2::after{
        left: 46%; bottom: 0; position: absolute;
    }
}


@media screen and (max-width: 1440px){
	header .main{ width: 1100px; margin: 0 auto; padding: 0;}
    .banner{ width: 1100px;}
    .i-about .main, .i-quality .main, .i-contact .main, .about-common .main{ width: 1100px;}
    .main{ width: 1100px;}
    .i-pr .main{ width: 1140px;}
}

@media screen and (max-width: 1280px){
	header .main{ width: 960px; margin: 0 auto; padding: 0;}
    .banner{ width: 960px;}
    .i-about .main, .i-quality .main, .i-contact .main, .about-common .main{ width: 960px;}
    .main{ width: 960px;}
    .i-pr .main{ width: 1000px;}
}