:root{
    --mainColor: #002393;
    --subColor: #146EC4;
    --bodyWidth: 1200px;
    --paddingWidth: calc( (100vw - var(--bodyWidth)) / 2 );
}
*{box-sizing:border-box;padding:0;margin:0;}
a{text-decoration:none;color:inherit;font-size:inherit;transition:all 0.3s ease;}
ul{list-style:none;margin:0;padding:0;}

.header{min-width:var(--bodyWidth);padding:20px var(--paddingWidth);display:flex;justify-content:space-between;align-items:center;}
.header .compName{font-size:30px;font-weight:bold;color:#353430;}
.header .compSlogan{border-left:1px solid #e0e0e0;padding-left:20px;}
.header .compSlogan .text1{font-size:19px;font-weight:bold;color:var(--mainColor);}
.header .compSlogan .text2{font-size:13px;color:#767779;}
.header .compTel{background-image:url('tel.webp');background-position:left center;background-repeat:no-repeat;background-size:16%;padding:10px 0px 10px 50px;font-size:24px;font-weight:bold;color:#444444;}

.mainNav{background-color:var(--mainColor);}
.mainNav ul{width:var(--bodyWidth);margin:auto;display:flex;justify-content:space-between;align-items:center;}
.mainNav ul li{flex-grow:1;}
.mainNav ul li a{display:block;padding:15px 0;color:white;font-weight:20px;text-align:center;}
.mainNav ul li a:hover{background-color:var(--subColor);}
.mainNav ul li a.act{background-color:var(--subColor);}
.mainNav ul ul{display:none;}

.searchSection{width:var(--bodyWidth);padding:20px 0;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.searchSection .keywords{font-size:14px;color:#717880;}
.searchSection .keywords span{color:#44424D;}
.searchSection .keywords a:hover{color:var(--mainColor);}
.searchSection .search form{display:flex;align-items:center;}
.searchSection .search input{height:40px;width:300px;padding:10px;border:1px solid #ccc;}
.searchSection .search button{height:40px;width:60px;background-color:var(--mainColor);border:none;}
.searchSection .search button svg{fill:white;width:20px;height:20px;}

.indexTitle{text-align:center;}
.indexTitle .title{font-size:26px;color:#555555;padding:10px 0;}
.indexTitle .desc{font-size:16px;color:#666666;}

.indexProd{background-color:#F2F2F2;padding:30px 0;}
.indexProd ul{width:var(--bodyWidth);margin:auto;margin-top:30px;display:flex;justify-content:space-between;}
.indexProd ul li{width:23%;overflow:hidden;background-color:var(--mainColor);}
.indexProd ul li .Image{width:100%;aspect-ratio:3/4; overflow: hidden;}
.indexProd ul li .Image img{width:100%;height:100%;object-fit:cover; transition:all 0.3s ease;}
.indexProd ul li .Image img:hover{transform: scale(1.1);}
.indexProd ul li .Name{text-align:center;color:white;padding:10px;}
.indexProd ul li .Name .ColName{display:none;}
.indexProd ul li .Desc{display:none;}
.indexProd ul li .Time{display:none;}
.indexProd .more{padding-top:30px;text-align:center;}
.indexProd .more a{display:inline-block;padding:10px 30px;color:white;background-color:var(--mainColor);}
.indexProd .more a:hover{padding:10px 50px;}

.indexAdv{padding:30px 0;background-image:url('bg2.webp');background-repeat:no-repeat;background-position:center center;}
.indexAdv .indexCont{width:var(--bodyWidth);margin:auto;margin-top:50px;position:relative;height:750px;}
.indexAdv .indexCont > div{position:absolute;}
.indexAdv .indexCont div[class^="content"]{width:450px;}
.indexAdv .indexCont div[class^="content"] .title{border-bottom:2px solid #ccc;overflow:hidden;}
.indexAdv .indexCont div[class^="content"] .title .num{float:left;font-size:50px;font-style:italic;font-weight:bold;color:var(--mainColor);padding-right:20px;}
.indexAdv .indexCont div[class^="content"] .title .cn{padding-top:10px;font-size:20px;color:#4B423D;}
.indexAdv .indexCont div[class^="content"] .title .en{font-size:14px;color:#7A7673;}
.indexAdv .indexCont div[class^="content"] .cont{color:#838B98;font-size:14px;padding-top:30px;line-height:1.8;}
.indexAdv .image1{left:600px;}
.indexAdv .image2{left:50px;top:400px;}
.indexAdv .content1{left:0;top:50px;}
.indexAdv .content2{left:600px;top:350px;}
.indexAdv .content3{left:600px;top:550px;}

.indexCoop{padding:50px 0;background-image:url('bg.webp');background-repeat:no-repeat;background-position:center center;}
.indexCoop .indexCont{padding-top:40px;}
.indexCoop .indexCont ul{display:flex;justify-content:space-between;width:var(--bodyWidth);margin:auto;}
.indexCoop .indexCont ul li{text-align:center;}
.indexCoop .indexCont ul li img{width:100px;height:100px;margin-bottom:40px;}

.indexAbout{padding:50px 0;background-color:#F2F2F2;}
.indexAbout .indexCont{width:var(--bodyWidth);margin:auto;margin-top:30px;display:flex;justify-content:space-between;}
.indexAbout .indexCont .right{width:600px;}
.indexAbout .indexCont .right .title{font-size:20px;font-weight:bold;color:#666666;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #bbb;padding-bottom:5px;}
.indexAbout .indexCont .right .title span svg{width:18px;height:18px;margin-right:10px;vertical-align:middle;fill:#666666;}
.indexAbout .indexCont .right .title span{font-size:13px;color:#666666;font-weight:normal;}
.indexAbout .indexCont .right .cont{padding:30px 0;font-size:14px;color:#666;line-height:1.8;}
.indexAbout .more{padding-top:40px;text-align:right;}
.indexAbout .more a{display:inline-block;padding:10px 30px;color:white;background-color:var(--mainColor);}
.indexAbout .more a:hover{padding:10px 50px;}

.indexApp{padding:50px 0;background-image:url('bg3.webp');background-repeat:no-repeat;background-position:center center;}
.indexApp .indexCont{width:var(--bodyWidth);margin:auto;padding-top:40px;}
.indexApp .indexCont ul{display:flex;justify-content:space-between;align-items:center;}
.indexApp .indexCont ul li{width:23%;aspect-ratio:3/5;background-position:center center;background-repeat:no-repeat;}
.indexApp .indexCont ul li:nth-child(1){background-image:url('1a.webp');}
.indexApp .indexCont ul li:nth-child(1):hover{background-image:url('1.webp');}
.indexApp .indexCont ul li:nth-child(2){background-image:url('2a.webp');}
.indexApp .indexCont ul li:nth-child(2):hover{background-image:url('2.webp');}
.indexApp .indexCont ul li:nth-child(3){background-image:url('3a.webp');}
.indexApp .indexCont ul li:nth-child(3):hover{background-image:url('3.webp');}
.indexApp .indexCont ul li:nth-child(4){background-image:url('4a.webp');}
.indexApp .indexCont ul li:nth-child(4):hover{background-image:url('4.webp');}

.indexNews{padding:50px 0;background-color:#F7F7F7;}
.indexNews .indexCont{width:var(--bodyWidth);margin:auto;padding-top:40px;}
.indexNews .indexCont ul{display:flex;justify-content:space-between;align-items:center;}
.indexNews .indexCont ul li{width:32%; background-color: white; box-shadow: 0 0 10px #00000022; border-radius: 10px; overflow: hidden; transition:all 0.3s ease;}
.indexNews .indexCont ul li:hover{transform:scale(1.05);}
.indexNews .indexCont ul li .Image{width:100%;aspect-ratio:2/1;}
.indexNews .indexCont ul li .Image img{width:100%;height:100%;object-fit:cover;}
.indexNews .indexCont ul li .Name{padding:10px 20px;}
.indexNews .indexCont ul li .Name .ColName{display:none;}
.indexNews .indexCont ul li .Name .Title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indexNews .indexCont ul li .Desc{padding:0 20px;font-size:14px;color:#666;line-height:1.8;height:70px;overflow:hidden;}
.indexNews .indexCont ul li .Time{padding:20px;font-size:13px;color:#666;}
.indexNews .more{padding-top:30px;text-align:center;}
.indexNews .more a{display:inline-block;padding:10px 30px;color:white;background-color:var(--mainColor);}
.indexNews .more a:hover{padding:10px 50px;}

.footer{background-color:#171717;padding-bottom:10px;}
.footer .bottomNav{width:var(--bodyWidth);margin:auto;color:#ccc;font-size:14px;}
.footer .bottomNav ul{display:flex;justify-content:space-between;border-bottom:1px solid #4C4C4C;}
.footer .bottomNav ul a{display:block;padding:25px 30px;}
.footer .bottomNav ul a:hover{background-color:var(--mainColor);}
.footer .bottomNav ul ul{display:none;}
.footer .contact{width:var(--bodyWidth);margin:30px auto;display:flex;justify-content:space-between;align-items:center;}
.footer .contact .left{color:#ccc;font-size:14px;line-height:2;width:550px;text-align:center;}
.footer .contact .right{width:550px;height:200px;}

.copyright{background-color:#111;padding:20px;color:#666;text-align:center;font-size:14px;}


/* 内页 */
.nyBanner img{width:100%;height:400px;object-fit:cover;}
.nyMainCont{padding:20px 0;width:var(--bodyWidth);margin:auto;display:flex;justify-content:space-between;}
.nyMainCont .left{width:280px;}
.nyMainCont .left .nyTitle{font-size:18px;background-color:var(--mainColor);color:white;padding:20px;background-position:95% center;background-repeat:no-repeat;}
.nyMainCont .left .nyTitle.title1{background-image:url("ico1.webp");}
.nyMainCont .left .nyTitle.title2{background-image:url("ico2.webp");}
.nyMainCont .left .nyCont{border:1px solid var(--mainColor);padding:20px;}
.nyMainCont .left .nyCont.cont1{margin-bottom:20px;}
.nyMainCont .left .nyCont.cont2{font-size:13px;color:#4e4e4e;line-height:200%;}
.nyMainCont .left .ProdMenu > li > a{display:none;}
.nyMainCont .left .ProdMenu > li ul li{border-bottom:1px solid #CCC;transition:all 0.3s ease;}
.nyMainCont .left .ProdMenu > li ul li a{display:block;font-size:14px;color:#333;font-weight:bold;line-height:40px;}
.nyMainCont .left .ProdMenu > li ul li a::before{content:"　◆　";}
.nyMainCont .left .ProdMenu > li ul li:hover{background-color:var(--mainColor);}
.nyMainCont .left .ProdMenu > li ul li:hover a{color:white;transform:translateX(10px);}
.nyMainCont .left .ProdMenu > li ul ul{display: none;}
.nyMainCont .right{width:900px;}
.nyMainCont .right .nyTitle{font-size:18px;font-weight:bold;border:1px solid var(--mainColor);color:var(--mainColor);padding:10px 20px;}
.nyMainCont .right .nyCont{padding:30px 10px;font-size:16px;color:#333;line-height:180%; font-size:15px;}
.nyMainCont .right .nyCont h3{padding:3px 10px;border-left:4px solid var(--mainColor);background-color:#f0f0f0;color:var(--mainColor);}

/* 公司简介 */
ul.gsjjPhotoList{display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.gsjjPhotoList li{width:31%;height:200px;margin:15px 0;}
ul.gsjjPhotoList li img{width:100%;height:100%;object-fit:cover;}

/* 新闻列表 */
.NoColumn.Article .List li{overflow:hidden;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #999;}
.NoColumn.Article .List li .Image{overflow:hidden;float:left;width:150px;height:120px;}
.NoColumn.Article .List li .Image img{width:100%;height:100%;object-fit:cover;}
.NoColumn.Article .List li .Name{float:right;width:700px;}
.NoColumn.Article .List li .Name .ColName{display:none;}
.NoColumn.Article .List li .Name .Title{font-size:18px;color:#0075c2;}
.NoColumn.Article .List li .Name a:hover{color:#a50000;}
.NoColumn.Article .List li .Desc{float:right;width:700px;height:80px;line-height:150%;overflow:hidden;font-size:14px;color:#666666;}
.NoColumn.Article .List li .Time{float:right;width:700px;font-size:12px;}

/* 产品列表 */
.NoColumn.Product ul.List{display:flex;flex-wrap:wrap;}
.NoColumn.Product ul.List li{width:33%;height:270px;padding:10px;box-sizing:border-box;}
.NoColumn.Product ul.List li .Image{width:100%;height:220px;border:1px solid #999;overflow:hidden;}
.NoColumn.Product ul.List li .Image img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.NoColumn.Product ul.List li .Image img:hover{transform:scale(1.1);}
.NoColumn.Product ul.List li .Name{text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NoColumn.Product ul.List li .Name .ColName{display:none;}
.NoColumn.Product ul.List li .Name .Title{width:100%;color:black;line-height:150%;font-size:13px;}
.NoColumn.Product ul.List li .Name .Title:hover{color:#0075c2;}

/* 产品搜索 */
.Search.Product ul.List{display:flex;flex-wrap:wrap;}
.Search.Product ul.List li{width:33%;height:270px;padding:10px;box-sizing:border-box;}
.Search.Product ul.List li .Image{width:100%;height:220px;border:1px solid #999;overflow:hidden;}
.Search.Product ul.List li .Image img{width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;}
.Search.Product ul.List li .Image img:hover{transform:scale(1.1);}
.Search.Product ul.List li .Name{text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Search.Product ul.List li .Name .ColName{display:none;}
.Search.Product ul.List li .Name .Title{width:100%;color:black;line-height:150%;font-size:13px;}
.Search.Product ul.List li .Name .Title:hover{color:#0075c2;}

/* 新闻详情页 */
.Detail.Article .Name{text-align:center;font-size:20px;font-weight:bold;padding-bottom:20px;}
.Detail.Article .From{display:none;}

/* 产品详情页 */
.Detail.Product .Images{display:none;}
.Detail.Product .Name{text-align:center;font-size:20px;font-weight:bold;padding:20px 0;color:#0075c2;}
.Detail img{max-width:100%;}

/* 产品图片列表 */
ul.newProduct{display:flex;flex-wrap:wrap;justify-content:space-between;}
ul.newProduct li{width:31%;height:200px;margin:15px 0;border:1px solid #ccc;}
ul.newProduct li img{width:100%;height:100%;object-fit:cover;}

/* 返回目录 */
.Back{text-align:center;padding:30px 0;}
.Back a{display:inline-block;padding:3px 30px;background-color:var(--mainColor);color:white;}
.Back a:hover{background-color:#0091f1;}

/* 分页信息 */
.Pagination{padding:50px 0;text-align:center;}
.Pagination a{display:inline-block;font-size:13px;color:#666;border:1px solid #999;padding:2px 8px;margin:0px 2px;}
.Pagination a:hover,.Pagination a.now{border:1px solid var(--mainColor);background-color:var(--mainColor);color:white;}
.Pagination .now{display:inline-block;font-size:13px;padding:2px 8px;margin:0px 2px;border:1px solid var(--mainColor);background-color:var(--mainColor);color:white;}
.PageInfo{text-align:center;font-size:13px;color:#999;padding-bottom:20px;}