@import url(animations.css);
@import url(msflash.css);
@import url(animats.css);
@import url(time.css);
@import url(style.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Pinyon+Script&family=Shrikhand&display=swap');

/* 基础设置 */
.ws {width:100%}
.w1200 {width:1200px}
.cs {margin-left: auto;margin-right: auto;}
.ds {display: block;overflow: hidden;}
.ls {float: left;}
.rs {float: right;}
.m80 {margin: 80px auto;}

/* total main all style */
* {
    margin: 0;
    padding: 0;
    font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,"微软雅黑",SimSun,sans-serif,SimSun,sans-serif;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    border: none;
    font-style: normal;
}
a:active {star:expression(this.onFocus=this.blur());}
:focus {outline:0; }
p {text-align:justify;text-justify:inter-ideograph}
em {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
}


/* 日常操作需要用到的固定CSS */
.themes_black {
    background: linear-gradient(to right, #000000, #222222, #000000);
    background-size: 1400% 100%;
    animation: rainbow 50s linear infinite;
    margin-top: 20px;
}
.themes_color {
    background: linear-gradient(to right, #0575e6, #021b79, #24243e, #0f0c29, #021b79, #0575e6);
    background-size: 1400% 100%;
    animation: rainbow 150s linear infinite;
    margin-top: 20px;
}

.a_more {
    width:300px;
    height:60px;
    display: block;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    color:#999;
    font-size:16px;
    border:1px solid #999;
    margin: 40px auto;
}
.a_more:hover {
    background: linear-gradient(to left, #0575e6, orange, red, #333, red, orange, #0575e6);
    background-size: 1400% 100%;
    animation: rainbow 100s linear infinite;
    color:white;
    border-color: rgba(0, 0, 0, 0.0);
}
/* 动画模式 */
@keyframes rainbow {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 1400% 0;
    }
}

.page {padding-bottom: 60px;}
.page .next-prew ul {
    margin: 40px auto 0 auto;
    display: block;
    overflow: hidden;
    width:200px;
    color:#333;
    text-align: center;
}
.page .next-prew ul a {
    background-color: white;
    padding: 10px 20px;
    color:#333;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.page .next-prew ul a i {padding-left: 5px;}
.page .next-prew ul a:hover {
    background-color: #4271d6;
    color:white;
}

.noto-sans-sc-<uniquifier> {
  font-family: "Noto Sans SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.container_info {background-color: white;}
.container_info .content em {
    width:675px;
    height:55px;
    display: block;
    margin: 0 auto;
    background-image: url(../images/2026/logolist.png);
}
.container_info .content ul {
    font-size:16px;
    color:#333;
    line-height: 30px;
    display: block;
    margin-top: 40px;
}
.container_banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/2026/ibanner.jpg'); /* 悬停时的背景图片，带透明度 */
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: black;
}
.container_banner .content h1 {
    font-size:30px;
    line-height: 40px;
    color:#74b2fd;
    display: block;
    text-align: center;
    font-weight: 100;
}
.container_banner .content h2 {
    font-size: 60px;
    line-height: 80px;
    color: white;
    display: block;
    text-align: center;
    font-family: "PingFang SC", Helvetica;
    font-weight: 400;
    margin-bottom: 10px;
}
.container_banner .content h3 {
    line-height: 60px;
    color:rgb(255, 255, 255, 0.8);
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    display: block;
}
.container_banner .content p {
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    display: block;
    font-family: "PingFang SC", Helvetica;
    color:rgb(255, 255, 255, 0.5);
}

/* 底部 footer.html 样式表 */
.container_logo {background-color: #fbfbfb;}
.container_logo .content {margin: 50px auto}
.container_logo .content a {
    width:180px;
    height:70px;
    background-size: 80%;
    background-repeat: no-repeat;
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
    opacity: 1;
    background-image: url(../images/2026/brands.png);
}
.container_logo .content a:nth-child(6),.foot .container_logo .content a:nth-child(12) {margin-right: 0;}
.container_logo .content a:nth-child(1) {background-position: center 5px;}
.container_logo .content a:nth-child(2) {background-position: center -50px;}
.container_logo .content a:nth-child(3) {background-position: center -105px;}
.container_logo .content a:nth-child(4) {background-position: center -160px;}
.container_logo .content a:nth-child(5) {background-position: center -215px;}
.container_logo .content a:nth-child(6) {background-position: center -273px;}
.container_logo .content a:nth-child(7) {background-position: center -330px;}
.container_logo .content a:nth-child(8) {background-position: center -385px;}
.container_logo .content a:nth-child(9) {background-position: center -442px;}
.container_logo .content a:nth-child(10) {background-position: center -492px;}
.container_logo .content a:nth-child(11) {background-position: center -545px;}
.container_logo .content a:nth-child(12) {background-position: center -607px;}

.container_logo .content a:hover {
    opacity: 0.5;
}

.container_menu {background-color: #101010;}
.container_menu .content {margin: 0 auto;}
.container_menu .content ul.menulist {
    float: left;
    width:80%;
}
.container_menu .content ul.menulist a {
    line-height: 60px;
    color:white;
    font-family: "PingFang SC", Helvetica;
    font-weight: 400;
    font-size: 16px;
    margin-right: 120px;
}
.container_menu .content ul.menulist a:last-child {margin-right: 0}
.container_menu .content ul.menulist a:hover {font-weight: bold;}
.container_menu .content ul.gotop {
    float: right;
    width:60px;    
}
.container_menu .content ul.gotop a {
    width:100%;
    height:60px;
    background-color: #eee;
    color:black;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    display: block;
}
.container_add {background-color: #101010;}
.container_add .content {
    padding-top: 20px;
    margin-bottom: 20px;
    border-top:#444 1px solid;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15%;
}
.container_add .content p {
    line-height: 30px;
    font-size:14px;
    color:white;
}

.container_bottom {margin: 0}
.container_bottom .content {
    font-size:14px;
    color:white;
    line-height: 40px;
}
.container_bottom .content a {
    color:white;
    text-decoration: underline;
}

/* 内页基础 样式表 */
.banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_banner {background-image: url(../images/2026/img01.jpg);}
.banner .content {margin: 0 auto 120px auto;padding-top: 200px;}
.banner .content p {
    font-size:30px;
    color:white;
    text-align: center;
    text-transform: uppercase;
}

.location {background-color: #f8f8f8;}
.location .content {margin: 10px auto;}
.location .content {
    line-height: 50px;
    font-size:14px;
    font-family: Helvetica;
    color:#333;
}
.location .content a {
    color:#666;
    line-height: 50px;
}
.adnews {background-color: #f8f8f8;}
.adnews .container h1 {
    text-align: center;
    color:#333;
    font-size: 40px;
    line-height: 40px;
    display: block;
    font-weight: 400;
    text-transform:capitalize;
}
.adnews .container .content {margin-top: 50px;}
.adnews .container .content a {
    width:380px;
    float: left;
    opacity: 0.5;
}
.adnews .container .content a em {
    width:100%;
    height:250px;
    display: block;
}
.adnews .container .content a p {
    width:90%;
    margin: 0 auto;
    line-height: 20px;
    color:#666;
    font-size:14px;
    display: block;
}
.adnews .container .content a p:nth-child(2) {
    line-height:  60px;
    font-size: 24px;
    color:black;
}
.adnews .container .content a p:nth-child(4) {color:#CCC;line-height: 50px;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.adnews .container .content a:hover {
    opacity: 1;
}

    
.adnews .container .content a:nth-child(2) {margin: 0 20px 0 20px}

/* 公司简介 about.html 样式表 ::: */

.about .container h1 {
    font-size: 50px;
    line-height: 60px;
    color:#000;
    display: block;
    text-align: center;
}
.about .container h2 {
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #0575e6;
    display: block;
    font-weight: 400;
}
.about .container em.about_t1 {
    width: 675px;
    height:55px;
    margin-bottom: 40px;
    margin-top: 60px;
    background-image: url(../images/2026/logolist.png);
}
.about .container em.about_t2 {
    width: 112px;
    height:30px;
    background-image: url(../images/2026/abline.jpg);
}
.about .container .about_t3 ul {
    float: left;
    width:270px;
    margin-top: 40px;
}
.about .container .about_t3 ul:nth-child(2) {margin-left: 20px;margin-right: 20px;}
.about .container .about_t3 ul:nth-child(3) {margin-right: 20px;}
.about .container .about_t3 ul span {
    width:40px;
    height:40px;
    text-align: center;
    line-height: 40px;
    color:#efefef;
    float: left;
    font-size:30px
}
.about .container .about_t3 ul li {
    float: right;
    width:210px;
    margin-right: 20px;
    line-height: 30px;
}
.about .container .about_t3 ul li h3 {
    line-height: 40px;
    color:#333;
    display: block;
    font-size:22px;
}
.about .container .about_t3 ul li p {
    line-height: 20px;
    color:#999;
    font-size:12px;
}
.about .container .about_t3 ul:hover span {color:#1573e6}
.about .container .about_t3 ul:hover li p {color:#333}
.about .container em.about_t4 {
    margin-top: 40px;
    background-image: url(../images/2026/about_t4.jpg);
    background-attachment: fixed;
    color:white;
    font-size: 50px;
    text-align: center;
    line-height:320px;
}
.about .container .info {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 50px;
}

/* 联系我们 contact.html 样式表 ::: */
.co_banner {background-image: url(../images/2026/img04.jpg)}
.contact .container h1 {
    font-size: 50px;
    line-height: 60px;
    color:#000;
    display: block;
    text-align: center;
}
.contact .container .content em {
    background-image: url(../images/2026/con-bg01.jpg);
    width:100%;
    height:320px;
    display: block;
}
.contact .container .content em big {
    margin-left: 420px;
    margin-top: 100px;
    display: block;
    font-size:22px;
    line-height: 40px;
    font-weight: 200;
    color:#333;
}
.contact .container .content ul li {
    width:580px;
    background-color: #f3f4f9;
    display: block;
}
.contact .container .content ul li {
    background-image: url(../images/2026/c-01.png);
    background-repeat: no-repeat;
    background-size: 18%;
    background-position: 30px;
    margin-top: 40px;
}

.contact .container .content ul li span {
    float: right;
    width:65%;
    height:170px;
    margin-right: 40px;
    margin-top: 40px;
}
.contact .container .content ul li span strong {
    font-size: 18px;
    color:black;
    line-height: 40px;
}
.contact .container .content ul li span p {
    color:#666;
    font-size: 14px;
    line-height: 30px;
}
.contact .container .content ul li:nth-child(2) {background-image: url(../images/2026/c-02.png);}

/* 新闻列表与产品列表共用 list.html 样式表 */
.news_banner {background-image: url(../images/2026/img02.jpg);}
.news_banner {background-image: url(../images/2026/img02.jpg);}

.news .container h1 {
    text-align: center;
    line-height: 60px;
    font-size: 40px;
    color:#555;
    display: block;
    font-weight: 400;
}
.news .container h2 {
    text-align: center;
    font-size: 18px;
    color:#666;
    display: block;
    font-weight: normal;
    line-height: 60px;
}
.news .container h3 {
    font-size: 14px;
    color:#CCCCCC;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
.news .container .content {
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 自动换行 */
    justify-content: space-between; /* 项目之间的间距分布 */
    width: 1200px; /* 容器宽度 */
}
.news .container .content a.sub_unit {
    width: calc(25% - 25px); /* 每个子div的宽度为四分之一并留出间距 */
    margin-bottom: 80px; /* 设置间距 */
}
.news .container .content a.sub_unit em {
    width:100%;
    height:240px;
    display: block;
}
.news .container .content a.sub_unit big {
    font-size: 24px;
    color:#555;
    line-height: 30px;
    display: block;
    font-weight: 400;
    margin: 15px 0;
    width:100%;
    min-height:60px;
    overflow: hidden;
}
.news .container .content a.sub_unit p {
    font-size: 14px;
    line-height: 20px;
    color:#666;
    min-height:60px;
    text-align: left;
    display: block;
}
.news .container .content a.sub_unit small {
    color:#CCC;
    line-height: 40px;
    font-size: 12px;
}

.uptitle {border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
.uptitle .container h1 {
    font-weight: normal;
    font-size: 14px;
    display: block;
    line-height: 40px;
    color:#999;
    margin-top: 10px;
}
.uptitle .container h1 a {color:#999}
.uptitle .container h2 {
    font-size: 40px;
    line-height: 30px;
    color:black;
    font-weight: 500;
    display: block;
    margin-bottom: 30px;
    margin-top: 10px;
}
.uptitle .container h2 u {color:white;}
.view .container h1,.view .container h2 {text-align: center;font-weight: 400}
.view .container h1 {
    line-height: 40px;
    font-size: 30px;
    color:#333;
    display: block;
}
.view .container h2 {
    line-height: 60px;
    font-size: 14px;
    color:#999;
    display: block;
    font-weight: 200;
}

/* 产品封面页 Category */

.category .container h1 {
    text-align: center;
    line-height: 60px;
    font-size: 40px;
    color:#555;
    display: block;
    font-weight: 400;
}
.category .container h2 {
    text-align: center;
    font-size: 18px;
    color:#666;
    display: block;
    font-weight: normal;
    line-height: 60px;
}
.category .container h3 {
    font-size: 14px;
    color:#CCCCCC;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.category .container .navigation {
    margin: 40px auto;
    background-color: #F0F0F2;
}
.category .container .navigation ul {
    margin: 30px auto;
    width:97%;
    display: block;
    overflow: hidden;
}
.category .container .navigation ul span {
    line-height: 40px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-left: 10px;
}
.category .container .navigation ul li {width:90%}
.category .container .navigation ul li a {
    line-height: 30px;
    color:#333;
    border: 1px solid #999;
    margin-bottom: 10px;
    text-align: center;
    float: left;
    margin-right:10px;
    background-color: white;
    padding-left: 30px;
    padding-right: 30px;
    font-size:16px;
}
.category .container .navigation ul li a:hover {background-color: rgb(0, 0, 0, 0.1)}
.category .container .navigation ul li a.active {
    border-color: black;
    color:white;
    background-color: black;
}
.prolist {
    margin: 60px auto;
    display: flex; /* 使用 Flexbox 布局 */
    flex-wrap: wrap; /* 自动换行 */
    justify-content: space-between; /* 项目之间的间距分布 */
    width: 1200px; /* 容器宽度 */
}
.prolist a {
    width: calc(25% - 20px); /* 每个子div的宽度为四分之一并留出间距 */
    margin-bottom: 30px; /* 设置间距 */
    border:1px solid;
    border-color:  rgb(0, 0, 0, 0.1);
}
.prolist a em {
    width:100%;
    height:250px;
    display: block;
    background-size: 40%;
    transition: background-size 1s ease; 
}
.prolist a p {
    width:90%;
    text-align: center;
    margin: 0 auto 10px auto;
    padding: 20px 0;
    line-height: 24px;
    color:black;
    display: block;
    font-size: 14px;
    background-color: white;
    transition: background-color 0.5s ease; 
}
.prolist a:hover {border-color: black;}
.prolist a:hover em {background-size: 60%}
.prolist a:hover p {background-color: black;color:white}

.pro {background-color: #f8f8f8;}
.pro .container .category_right {
    width: 180px;
    background-color: white;
}
.pro .container .proinfos_left {width:1000px;}
.pro .container .proinfos_left .content {background-color: white;border-bottom: 5px solid #333;}
.pro .container .proinfos_left .content h1 {
    width:100%;
    text-indent: 2em;
    color:white;
    line-height: 82px;
    font-size: 20px;
    display: block;
    background-color: #000000;
}
.pro .container .proinfos_left .content ul.imgs {
    margin: 30px auto;
    width:94%;
    padding-bottom: 40px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.pro .container .proinfos_left .content ul.imgs em {background-size: 70%;border:1px solid rgba(0, 0, 0, 0.2)}
.pro .container .proinfos_left .content ul.imgs em:nth-child(1) {
    float: left;
    width:60%;
    height:400px;
}
.pro .container .proinfos_left .content ul.imgs em:nth-child(2),.pro .container .proinfos_left ul.imgs em:nth-child(3) {
    float: right;
    width:38%;
    height:190px;
}
.pro .container .proinfos_left .content ul.imgs em:nth-child(3) {margin-top: 20px;}

.pro .container .proinfos_left ul.content {
    margin: 40px auto;
    width:94%;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;
}
.pro .container .proinfos_left .backup {
    margin: 40px auto;
    width:300px;
    display: block;
}
.pro .container .proinfos_left .backup a {
    width:158px;
    height:50px;
    line-height: 50px;
    background-color: white;
    border:1px solid rgba(0, 0, 0, 0.2);
    color:rgba(0, 0, 0, 0.6);
    font-size:15px;
    float: left;
    text-align: center;
    text-transform: uppercase;
}
.pro .container .proinfos_left .backup a:nth-child(1) {width:118px;margin-right: 20px;}
.pro .container .proinfos_left .backup a:hover {
    background-color: black;
    color:white
}

/* 右边热门产品及菜单showright.html样式表 */
.showright {
    width:180px;
    display: block;
    overflow: hidden;
    border-top:5px solid;
    border-color: rgba(0, 0, 0, 1);
}
.showright .container {
    margin: 20px auto;
    width:80%;
}
.showright .container .hotsale h1 {
    width:100%;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    color:white;
    background-color: black;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}
.showright .container .hotsale a {
    margin: 0 auto 20px auto;
    width:90%;
    display: block;
    text-align: center;
    font-size: 14px;
    color:#333;
    line-height: 30px;
}
.showright .container .hotsale a.active {
    border:1px solid rgba(0, 0, 0, 0.15);
}
.showright .container .hotsale a.active em {
    width:100%;
    height:120px;
    display: block;
    border-radius: 5px;
    background-size: 60%;
}
.showright .container .hotsale a.active:nth-child(5) {background-color: rgba(0, 0, 0, 0.15)}
.showright .container .hotsale a.active:nth-child(5):hover {
    background-color: black;
    color:white;
}
.showright .container .hotsale u {
    margin: 20px auto;
    width:90%;
    height:1px;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
}
.showright .container .hotsale a:nth-child(2):hover,.showright .container .hotsale a:nth-child(3):hover,.showright .container .hotsale a:nth-child(4):hover {
    background-color: white;
}
.showright .container .hotsale a:hover {background-color: rgba(0, 0, 0, 0.8);color:white}

/* 搜索栏目主页 */
.search {background-color: #f8f8f8;}
.search .container .colright {width:180px;background-color: white;}
.search .container .colleft {width:990px;background-color: white;}
.search .container .colleft .infos h1 {
    width:100%;
    line-height: 80px;
    background-color: black;
    color:white;
    font-size: 20px;
    display: block;
    text-indent: 2em;
}
.search .container .colleft .infos ul {
    margin: 30px auto;
    width:94%;
    display: block;
    overflow: hidden;
}
.search .container .colleft .infos ul a {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    width:100%;
    padding: 30px 0;
    display: block;
    overflow: hidden;
    margin-bottom:30px;
}
.search .container .colleft .infos ul a em {
    float: left;
    width:40%;
    height:150px;
}
.search .container .colleft .infos ul a li {float: right;width:58%}
.search .container .colleft .infos ul a li h2 {
    font-size: 24px;
    font-weight: 300;
    color:black;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 10px;
}
.search .container .colleft .infos ul a li p {
    padding: 10px;
    font-size: 14px;
    color:#333;
    line-height: 20px;
}

/* 框架模式 */
.scpro {
    width: 1120px;
    display: block;
    overflow: hidden;
}
.scpro iframe {
    width:100%;
    height:2000px;
}