:root{
    --mainColor:  #0A2463;
    --subColor1: #3A86FF;
    --subColor2: #FFA200;
    --bgColor: #F5F7FA;
    --ColorBlack: #000;
    --ColorDark: #333;
    --ColorSoft: #666;
    --ColorMedium: #999;
    --ColorLight : #CCC;
    --ColorWhite: #FFF;
    --bodyWidth:1400px;
    --paddingWidth: calc((100% - var(--bodyWidth)) / 2);
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}
ul{
    list-style:none;
}
a{
    text-decoration:none;
    transition:all 0.3s ease;
    outline: none;
    color:inherit
}

/* 顶部 */
.top{min-width:var(--bodyWidth);padding:15px var(--paddingWidth);background-color:var(--mainColor);color:var(--ColorWhite);font-size:14px;display:flex;justify-content:space-between;}
.top svg{width:16px;height:16px;fill:var(--ColorWhite);vertical-align:middle;margin-right:6px;}
.top .phone{font-weight:bold;}

/* 页眉 */
.header{min-width:var(--bodyWidth);padding:25px var(--paddingWidth);background-color:var(--bgColor);display:flex;justify-content:space-between;align-items:center;}

/* logo */
.header .logo{width:480px;}
.header .logo img{width:100%;}

/* 导航 */
.header ul.MainNav{display:flex;gap:5px;}
.header ul.MainNav a{display:block;padding:10px 20px;font-size:16px;border-radius:10px;color:var(--ColorSoft);}
.header ul.MainNav a:hover{background-color:var(--subColor2);color:var(--ColorWhite);font-weight:bold;}
.header ul.MainNav a.act{background-color:var(--subColor2);color:var(--ColorWhite);font-weight:bold;}
.header ul.MainNav ul{
    display: none;
}

/* 首页标题 */
.indexTitle{text-align:center;text-transform:uppercase;}
.indexTitle:after{content:"";display:block;width:200px;height:1px;background-color:#EEE;margin:auto;margin-top:10px;}
.indexTitle .en{font-size:32px;color:var(--subColor2);}
.indexTitle .cn{font-size:18px;color:var(--ColorSoft);}

/*============================================== 首页简介 ==============================================*/
.indexAbout{min-width:var(--bodyWidth);padding:80px var(--paddingWidth);margin:auto;background-color:var(--bgColor);}
.indexAbout .indexCont{margin-top:40px;display:flex;justify-content:space-between;align-items:center;}
.indexAbout .indexCont .left{width:610px;}
.indexAbout .indexCont .left .companyName .cn{font-size:30px;color:var(--subColor1);}
.indexAbout .indexCont .left .companyName .en{font-size:14px;color:var(--ColorMedium);text-transform:uppercase;}
.indexAbout .indexCont .left .companyDesc{margin:30px 0;font-size:14px;color:var(--ColorDark);line-height:1.8;}
.indexAbout .indexCont .left .more a{display:inline-block;padding:15px 40px;background-color:var(--ColorWhite);color:var(--ColorSoft);font-size:16px;border:1px solid var(--ColorLight);}
.indexAbout .indexCont .left .more a:hover{background-color:var(--subColor1);color:var(--ColorWhite);border-color:var(--subColor1);padding:15px 50px;}
.indexAbout .indexCont .right{width:740px;}
.indexAbout .indexCont .right img{width:100%;}

/*============================================== 首页产品 ==============================================*/
.indexProduct{background-image:url("indexProdBg.webp");background-attachment:fixed;padding:80px var(--paddingWidth);min-width:var(--bodyWidth);}
.indexProduct .indexTitle:after{background-color:var(--ColorMedium);}
.indexProduct .indexCont{margin:50px 0;}

.indexProduct ul.List{display:flex;flex-wrap:wrap;justify-content:space-between; }
.indexProduct ul.List li{width:23%;margin: 1% 0;background-color:var(--ColorWhite);cursor:pointer;transition:all 0.3s ease; border:1px solid var(--ColorLight);}
.indexProduct ul.List li:hover{box-shadow:0 0 20px var(--ColorSoft);}
.indexProduct ul.List li .Image{width:100%;aspect-ratio:4/3;overflow:hidden; background-color: var(--bgColor); padding:10px;transition:all 0.3s ease;}
.indexProduct ul.List li:hover .Image{ background-color: #ebf3ff;}
.indexProduct ul.List li .Image a{display:block;width:100%;height:100%;}
.indexProduct ul.List li .Image img{width:100%;height:100%;object-fit:contain;transition:all 0.3s ease;}
.indexProduct ul.List li .Image img:hover{transform:scale(1.1);}
.indexProduct ul.List li .Name{padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align: center;}
.indexProduct ul.List li .Name a.ColName{display:none;}
.indexProduct ul.List li .Name a.Title{font-size:13px; color:var(--ColorDark);}
.indexProduct ul.List li .Time{display: none;}
.indexProduct ul.List li .Desc{display: none;}

.indexProduct .more{text-align:center;}
.indexProduct .more a{display:inline-block;padding:10px 50px;border-radius:30px;background-color:var(--subColor1);color:var(--ColorWhite);font-size:16px;}
.indexProduct .more a:hover{padding:10px 70px;background-color:var(--subColor2);}

/*============================================== 首页产品 ==============================================*/
.indexCert{background-image:url("indexCertBg.webp");background-position:bottom center;background-repeat:no-repeat;background-size:100% auto;padding:80px 0;}
.indexCert .indexCont{width:var(--bodyWidth);margin:60px auto;}
.indexCert ul{display:flex;flex-wrap:nowrap;}
.indexCert ul li{margin:0 1%;text-align:center;cursor:pointer;background-color:#F5F7FA;padding:10px;border:1px solid var(--ColorLight)}
.indexCert ul li span{font-size:14px;}
.indexCert ul li img{width:310px;height:440px;}
.indexCert .more{text-align:center;}
.indexCert .more a{display:inline-block;padding:10px 50px;border-radius:30px;background-color:var(--subColor1);color:var(--ColorWhite);font-size:16px;}
.indexCert .more a:hover{padding:10px 70px;background-color:var(--subColor2);}

/*============================================== 首页新闻 ==============================================*/
.indexNews{padding:80px 0;background-color:var(--bgColor);}
.indexNews .indexCont{width:var(--bodyWidth);margin:50px auto;}
.indexNews .indexCont ul{display:flex;flex-wrap:nowrap;justify-content:space-between;}
.indexNews .indexCont ul li{width:23%;}
.indexNews .indexCont ul li .Image{width:100%;aspect-ratio:4/3;overflow:hidden;}
.indexNews .indexCont ul li .Image img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.indexNews .indexCont ul li .Image img:hover{transform:scale(1.1);}
.indexNews .indexCont ul li .Name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--subColor1);padding:10px 0;}
.indexNews .indexCont ul li .Name a.ColName{display:none;}
.indexNews .indexCont ul li .Name a.Title{font-size:16px;}
.indexNews .indexCont ul li .Name a.Title:hover{color:var(--subColor2);}
.indexNews .indexCont ul li .Desc{font-size:13px;color:var(--ColorDark);line-height:1.8;height:90px;overflow:hidden;}
.indexNews .indexCont ul li .Time{display:none;}

/*============================================== 页尾 ==============================================*/
.footer{background-color:var(--mainColor);color:var(--ColorWhite);padding:40px var(--paddingWidth);min-width:var(--bodyWidth);display:flex;justify-content:space-between;}
.footer .indexTitle{text-align:left;}
.footer .indexTitle:after{display:none;}
.footer .indexTitle div{display:inline-block;}
.footer .indexTitle .en{color:var(--ColorWhite);margin-right:30px;}
.footer .indexTitle .cn{color:var(--ColorWhite);}
.footer .indexContact{width:45%;}
.footer .indexContact .indexCont{margin-top:20px;}
.footer .indexContact ul li{margin-bottom:20px;font-size:14px;}
.footer .indexContact ul li svg{width:30px;height:30px;fill:var(--mainColor);vertical-align:middle;margin-right:6px;background-color:var(--ColorWhite);border-radius:50%;padding:7px;}
.footer .indexMsgform{width:50%;}
.footer .indexMsgform form{margin-top:20px;}
.footer .indexMsgform form > div{display:flex;justify-content:space-between;padding-bottom:10px;}
.footer .indexMsgform form > div input[type="text"]{width:49%;padding:10px;border:none;}
.footer .indexMsgform form > div input[name="VerifyCode"]{width:38%}
.footer .indexMsgform form > div input[type="submit"]{width:49%;padding:10px;border:none;background-color:var(--subColor1);color:var(--ColorWhite);cursor:pointer;transition:all 0.3s ease;}
.footer .indexMsgform form > div input[type="submit"]:hover{background-color:var(--subColor2);}
.footer .indexMsgform form > div textarea{width:100%;padding:10px;height:80px;}
.footer .indexMsgform form > div img{margin-right:auto;height:37px;}

/* 版权 */
.copyright{text-align:center;padding:15px 0;background-color:#061b4d;color:var(--ColorLight);font-size:12px;}


/*============================================== 内页样式 ==============================================*/

/* 内页横幅 */
.nybanner{width:100%;height:400px;position:relative;}
.nybanner ul li{width:100%;height:400px;}
.nybanner img{width:100%; height:100%; object-fit:cover;}
.nybanner .columnName{position:absolute;bottom:20%;left:calc(var(--paddingWidth) + 300px);margin:auto;font-size:50px;color:var(--ColorWhite);font-weight:bold;text-shadow:1px 1px 1px var(--mainColor);}

/* 内页内容 */
.nyContent{display:flex;justify-content:space-between;min-width:var(--bodyWidth);padding:30px var(--paddingWidth);background-color:var(--bgColor);}

/* 左边栏 */
.nyContent .left{width:240px;}
.nyContent .left .title{background-color:var(--mainColor);color:var(--ColorWhite);font-size:22px;padding:20px;}
.nyContent .left .ProdMenu{background-color:var(--ColorWhite);margin-bottom:0px;}
.nyContent .left .ProdMenu > li > a{display: none;}
.nyContent .left .ProdMenu ul li{border-bottom:2px solid var(--bgColor);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nyContent .left .ProdMenu ul li a{display:block;padding:8px 20px;color:var(--ColorDark); font-size:14px; color:var(--mainColor); text-indent: 0px;}
.nyContent .left .ProdMenu ul li a:hover{background-color:var(--subColor2);color:var(--ColorWhite); text-indent: 10px;}
.nyContent .left .ProdMenu ul li a.act{background-color:var(--subColor2);color:var(--ColorWhite);font-weight:bold; text-indent: 10px;}
.nyContent .left .ProdMenu ul.Products{display: none;}
.nyContent .left .more{margin-bottom:30px;}
.nyContent .left .more a{ display: block;background-color:var(--subColor1);color:var(--ColorWhite);font-size:14px;padding:10px; text-align: center;}
.nyContent .left .more a:hover{background-color:var(--subColor2);}

.nyContent .left ul.List.Article li{padding:10px;margin-bottom:2px;background-color:var(--ColorWhite);display:flex;justify-content:space-between;}
.nyContent .left ul.List.Article li .Image{width:40%;aspect-ratio:4/3;overflow:hidden;}
.nyContent .left ul.List.Article li .Image img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;display:block;}
.nyContent .left ul.List.Article li .Image img:hover{transform:scale(1.1);}
.nyContent .left ul.List.Article li .Name{font-size:12px;color:var(--ColorSoft);width:55%;line-height:2;}
.nyContent .left ul.List.Article li .Name:hover{color:var(--subColor2);}
.nyContent .left ul.List.Article li .Name a.ColName{display:none;}
.nyContent .left ul.List.Article li .Desc{display:none;}
.nyContent .left ul.List.Article li .Time{display:none;}

/* 右边内容 */
.nyContent .right{width:1100px;}
.nyContent .right .nyTitle{font-size:20px;color:var(--ColorDark);font-weight:bold;border-bottom:1px solid var(--ColorLight);padding-bottom:10px;}
.nyContent .right .nyCont{padding:20px 0;font-size:14px;color:var(--ColorDark);line-height:2;}

/* 公司简介详情页 */
.NoColumn.SinglePage .Content.gsjj div.cmImg{float:right;margin-left:20px;}
.NoColumn.SinglePage .Content.gsjj div.cmImg img{width:500px;height:380px;object-fit:cover;}
.NoColumn.SinglePage .Content.gsjj h3{font-size:20px;color:var(--ColorDark);font-weight:bold;border-bottom:1px solid var(--ColorLight);padding-bottom:10px;margin-bottom:20px;}
.NoColumn.SinglePage .Content.gsjj p span{font-weight:bold; color:var(--mainColor); display: inline-block; width: 100px; text-align: right;}

/* 资质证书列表 */
ul.zzzsList{display:flex;flex-wrap:wrap;gap:2.5%;}
ul.zzzsList li{width:23%;background-color:var(--ColorWhite);padding:10px;margin-bottom:20px;text-align:center;position:relative;padding-bottom:40px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;}
ul.zzzsList li:hover{box-shadow:0 0 20px var(--ColorSoft);}
ul.zzzsList li img{width:100%;}
ul.zzzsList li span{font-size:14px;position:absolute;bottom:10px;left:0;right:0;}

/* 公司一览列表 */
ul.qyylList{display:flex;flex-wrap:wrap;gap:2.5%;}
ul.qyylList li{width:23%;background-color:var(--ColorWhite);padding:10px;margin-bottom:20px;text-align:center;position:relative;padding-bottom:40px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;}
ul.qyylList li:hover{box-shadow:0 0 20px var(--ColorSoft);}
ul.qyylList li img{width:100%;aspect-ratio:1/1;object-fit:cover;}
ul.qyylList li span{font-size:14px;position:absolute;bottom:10px;left:0;right:0; }

/* 联系我们详情页 */
.NoColumn.SinglePage .Content.lxwm ul.lxfs{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li{width:23%;text-align:center;padding:20px;background-color:var(--ColorWhite);border-radius:10px;box-shadow:0 0 5px var(--ColorLight);transition:all 0.3s ease;font-size:14px;height:330px;}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li:hover{box-shadow:0 0 20px var(--ColorSoft);}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li div{width:100%;height:200px;display:flex;justify-content:center;align-items:center;}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li div+span{font-weight:bold;color:var(--mainColor)}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li svg{width:80px;height:80px;fill:var(--subColor1);}
.NoColumn.SinglePage .Content.lxwm ul.lxfs li span{display:block;font-size:16px;color:var(--ColorDark);}

.NoColumn.SinglePage .Content.lxwm div.kpzl{
    background-color: var(--ColorWhite);
    border-radius:10px;
    background-image: url("/Upload/single/lxbg.jpg");
    background-size: 100%;
    background-position: right center;
    margin-bottom: 40px;
    padding:30px;
}
.NoColumn.SinglePage .Content.lxwm div.kpzl .text1{
    font-weight:bold;color:var(--mainColor)
}
.NoColumn.SinglePage .Content.lxwm .BaiduMap{
    border-radius:10px;
}

/* 列表页-文章 */
.NoColumn.Article ul.List li{padding:15px 0;border-bottom:1px solid var(--ColorLight);overflow:hidden;}
.NoColumn.Article ul.List li .Image{float:left;width:250px;height:150px;margin-right:20px;overflow:hidden;}
.NoColumn.Article ul.List li .Image img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;display:block;}
.NoColumn.Article ul.List li .Image img:hover{transform:scale(1.2);}
.NoColumn.Article ul.List li .Name{float:right;width:830px;overflow:hidden;}
.NoColumn.Article ul.List li .Name a.ColName{display:none;}
.NoColumn.Article ul.List li .Name a.Title{font-size:18px;color:var(--mainColor);font-weight:bold;}
.NoColumn.Article ul.List li .Name a.Title:hover{color:var(--subColor2);}
.NoColumn.Article ul.List li .Time{float:right;width:830px;font-size:12px;color:var(--ColorSoft);text-align:right;}
.NoColumn.Article ul.List li .Desc{float:right;width:830px;font-size:14px;color:var(--ColorSoft);}

/* 详情页-文章 */
.Detail.Article .Name{display:none;}
.Detail.Article .From{text-align:right;font-size:14px;color:var(--ColorSoft);margin-bottom:30px;}
.Detail.Article .Content{min-height:600px;margin-bottom:30px;}
.Detail.Article .Back{text-align:center;}
.Detail.Article .Back a{display:inline-block;padding:5px 50px;border-radius:10px;background-color:var(--subColor1);color:var(--ColorWhite);font-size:13px;}
.Detail.Article .Back a:hover{background-color:var(--subColor2);}

/* 列表页-产品 */
.NoColumn.Product ul.List{display:flex;flex-wrap:wrap;}
.NoColumn.Product ul.List li{width:23%;margin:1%;background-color:var(--ColorWhite);cursor:pointer;transition:all 0.3s ease; border:1px solid var(--ColorLight);}
.NoColumn.Product ul.List li:hover{box-shadow:0 0 20px var(--ColorSoft);}
.NoColumn.Product ul.List li .Image{width:100%;aspect-ratio:4/3;overflow:hidden; background-color: var(--bgColor); padding:10px;transition:all 0.3s ease;}
.NoColumn.Product ul.List li:hover .Image{ background-color: #ebf3ff;}
.NoColumn.Product ul.List li .Image a{display:block;width:100%;height:100%;}
.NoColumn.Product ul.List li .Image img{width:100%;height:100%;object-fit:contain;transition:all 0.3s ease;}
.NoColumn.Product ul.List li .Image img:hover{transform:scale(1.1);}
.NoColumn.Product ul.List li .Name{padding:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; text-align: center;}
.NoColumn.Product ul.List li .Name a.ColName{display:none;}
.NoColumn.Product ul.List li .Name a.Title{font-size:13px; color:var(--ColorDark);}
.NoColumn.Product ul.List li .Time{display: none;}
.NoColumn.Product ul.List li .Desc{display: none;}

.NoColumn.Product .PageInfo{text-align:center;color:var(--ColorSoft);font-size:13px;padding:20px 0;}
.NoColumn.Product .Pagination{text-align:center;margin-top:30px;}

.NoColumn.Product .Pagination a{display:inline-block;padding:5px 15px;border-radius:5px;background-color:var(--ColorWhite);color:var(--ColorSoft);font-size:13px; border:1px solid var(--ColorLight)}
.NoColumn.Product .Pagination a:hover{background-color:var(--subColor2);color:var(--ColorWhite);}
.NoColumn.Product .Pagination a.now{background-color:var(--subColor1);color:var(--ColorWhite);}

/* 详情页-产品 */
.Detail.Product .Name{display: none;}

/*********************** 样式1 *************************/
.Detail.Product .Images{width:100%;height:600px;position:relative; border:1px solid #d9e3f3; margin:auto; margin-bottom: 150px;}

/* 动画区域 */
.Detail.Product .Images .PicList{width:70%;height:90%;margin:auto;position:relative;overflow:hidden;transform-style:preserve-3d; perspective:1000px; top:50%;transform: translateY(-50%);}
.Detail.Product .Images .PicList div{position:absolute; display: none; width:100%;height:100%;background-size:contain; background-position:center; background-color: var(--bgColor); background-repeat: no-repeat;}
.Detail.Product .Images .PicList div a{display: block; width:100%;height:100%;}

/* 列表按钮区域 */
.Detail.Product .Images .BtnList{bottom:-100px; width:100%; position: absolute; z-index:1;  text-align: center; padding:0; list-style: none;}
.Detail.Product .Images .BtnList li{width:80px; height:60px; padding:5px; opacity: 0.5; border:3px var(--subColor1) solid; margin:0px 5px; display: inline-block;  background-size:contain; background-position:center; background-repeat: no-repeat; transition: all .3s ease-in-out;}
.Detail.Product .Images .BtnList li:hover{position: relative; transform: scale(1.1); z-index:2; cursor: pointer;}
.Detail.Product .Images .BtnList li.act{opacity: 1; transform: scale(1.2);margin:0px 20px; border: 3px solid var(--subColor2); background-color: var(--ColorWhite);}

/* 箭头按钮区域 */
.Detail.Product .Images .BtnArrow{width:100%; position: absolute; top:50%; margin-top:-40px; z-index:1;}
.Detail.Product .Images .BtnArrow span{display:block; position: absolute; width:50px; height:80px; text-shadow: 0px 0px 2px black; opacity: 0.5; cursor: pointer; color:white; font-family: "宋体"; font-weight: bold; font-size: 70px; text-align: center; transition: all .3s ease-in-out;}
.Detail.Product .Images:hover .BtnArrow span{opacity: 0.8;}
.Detail.Product .Images .BtnArrow span:hover{opacity: 0.7;}
.Detail.Product .Images .BtnArrow span.BtnLeft{ left:10px; }
.Detail.Product .Images .BtnArrow span.BtnRight{ right:10px; }

.Detail.Product .ViewPdf{text-align:center;margin-bottom:30px;}
.Detail.Product .ViewPdf a{display:inline-block;background-image:url("/Upload/pdf/file-pdf-regular.svg");background-position:left center;background-repeat:no-repeat;background-size:25px 25px;padding-left:30px;font-size:20px;}
.Detail.Product .ViewPdf a:hover{text-decoration:underline;color:var(--subColor1);}

.Detail.Product .Back{text-align:center;}
.Detail.Product .Back a{display:inline-block;padding:5px 50px;border-radius:10px;background-color:var(--subColor1);color:var(--ColorWhite);font-size:13px;}
.Detail.Product .Back a:hover{background-color:var(--subColor2);}