:root{
    --main-color:#0D3083;
    --secondary-color:#2EAADE;
    --font-color:#0D3083;
    --font-color2:#000000;
    --bodyWidth: 1300px;
    --paddingWidth: calc((100vw - var(--bodyWidth)) / 2);
}
body,ul,li,h1,h2,h3,h4,h5,h6,p{
    font-family: "Microsoft YaHei", Arial, sans-serif;
    margin:0;
    padding:0;
}
ul{
    list-style: none;
}
*, *::before, *::after {
    box-sizing: border-box;
}
a {
    color: inherit;
    text-decoration: none;
    transition:all 0.3s ease;
}

/****************************************************** 通用样式 ******************************************************/

/* 页眉 */
header{
    min-width: var(--bodyWidth);
    display:flex;
    align-items:center;
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1000;
    backdrop-filter: blur(5px) brightness(1);
    /* background-color: #887f0340; */
    padding:10px var(--paddingWidth);
    transition:all 0.3s ease;
}
header.unTop{
    background-color: #0D308390;
}
header .logo{
    background-image: url("logo.webp") ;
    background-position: left center;
    background-repeat: no-repeat;
    height:82px;
    padding-left:130px;
}
header .cnCompanyName{
    font-size: 32px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-top:10px;
}
header .enCompanyName{
    font-size: 15px;
    color: white;
    text-align: center;
    margin-top:3px;
}
header nav{
    margin-left:auto;
    width:50%;
    margin-top:30px;
    color:white;
}
header nav ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header nav ul li a{
    font-size: 16px;
}
header nav ul li ul{display: none;}

/* 首页产品系列 */
.indexProduct{
    padding:100px 0;
    background-color: #F3F3F3;
    min-width: var(--bodyWidth);
}
.indexProduct .title{
    font-family: "幼圆", "微软雅黑";
    font-size: 50px;
    color: var(--font-color);
    text-align: center;
}
.indexProduct ul{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top:50px;
}
.indexProduct ul li{
    padding:0 80px;
    text-align: center;
}
.indexProduct ul li .icon{
    width:250px;
    height:250px;
    background-image:  linear-gradient(45deg, #0D3083, #2EA9DD, #2EA9DD);
    background-size: 200%;
    background-position: 100% 100%;
    border-radius: 50px;
    transition:all 0.3s ease;
}
.indexProduct ul li .icon img{
    width: 100%;
    height: 100%;
}
.indexProduct ul li .icon:hover{
    width:300px;
    height:300px;
    background-position: 0% 0%;
}
.indexProduct ul li .name{
    font-size:20px;
    margin-top:30px;
}


/* 首页简介 */
.indexIntroduction{
    padding: 100px 0px 100px var(--paddingWidth);
    display: flex;
    align-items: center;
    min-width: var(--bodyWidth);
}

.indexIntroduction .left{
    width: 710px;
    margin-right: 50px;
}
.indexIntroduction .left .title{
    font-family: "幼圆", "微软雅黑";
    font-size: 50px;
    color: var(--font-color);
    margin-bottom: 50px;
}
.indexIntroduction .left .desc{
    font-size: 18px;
    line-height: 2;
}
.indexIntroduction .left .more{
    text-align: right;
}
.indexIntroduction .left .more a{
    display: inline-block;
    background-color: var(--main-color);
    color: white;
    padding:0px 40px 2px 40px;
    border-radius: 50px;
    font-size: 30px;
    font-weight: lighter;
}
.indexIntroduction .left .more a:hover{
    padding:0px 50px 2px 50px;
    background-color: var(--secondary-color);
}
.indexIntroduction .right{
    flex-grow: 1;
    overflow: hidden;
}
.indexIntroduction .right img{
    width: 100%;
    min-width: 800px;
}


/* 荣誉 */
.indexHonor{
    background-color: #F3F3F3;
    padding:100px 0;
    overflow: hidden;
    position: relative;
    height: 700px;
}
.indexHonor .cont{
    width: 1600px;
    position: absolute;
    right: var(--paddingWidth); 
}
.indexHonor .cont .left{
    width: 950px;
    position: absolute;
    left:0px;
    top:0px;
}

.indexHonor .left.prodMove ul{
    position: relative;
    height: 510px;
}
.indexHonor .left.prodMove ul li{
    position: absolute;
}
.indexHonor .left ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexHonor .left ul li{
    margin-right: 40px;
}
.indexHonor .left ul li img{
    width:100%;
    height:100%;
}

.indexHonor .cont .right{
    width:580px;
    position: absolute;
    left: 1000px;
}
.indexHonor .right .title{
    font-family: "幼圆", "微软雅黑";
    font-size: 50px;
    color: var(--font-color);
    margin-bottom: 100px;
    text-align: right;
}
.indexHonor .right .text1{
    font-size:25px;
    color: var(--font-color);
    font-weight: bold;
}
.indexHonor .right .text2{
    font-size:25px;
    color: var(--font-color);
    font-weight: bold;
    position: relative;
    top:-60px;
}
.indexHonor .right .text2 span{
    font-size: 90px;
    font-weight: bold;
    color: var(--secondary-color);
}
.indexHonor .right .text3{
    font-size:13px;
    color: var(--font-color);
    position: relative;
    top:-50px;
    line-height: 1.8;
}


.indexHonor .btn{
    position: absolute;
    top:400px;
    width:100%;
    text-align: right;
}
.indexHonor .btn:before{
    content: "";
    display: block;
    height:0;
    width: 90%;
    border-bottom: 2px solid #DDDDDD;
}
.indexHonor .btn a{
    position: relative;
    top:-20px;
    display: inline-block;
    background-color: var(--main-color);
    color: white;
    padding:0px 40px 2px 40px;
    border-radius: 50px;
    font-size: 30px;
    font-weight: lighter;
    cursor: pointer;
    margin-left:30px;
}
.indexHonor .btn a:hover{
    background-color: var(--secondary-color);
}


/* 合作伙伴 */
.indexCooperation{
    min-width: var(--bodyWidth);
    padding: 50px var(--paddingWidth);
    background-image: url("logobg.webp");
    background-position: bottom -100px left 0px;
    background-repeat: no-repeat;
    position: relative;
}
.indexCooperation .title{
    font-family: "幼圆", "微软雅黑";
    font-size: 50px;
    color: var(--font-color);
    position: relative;
    top:50px;
}
.indexCooperation .logo{
    text-align: right;
}
.indexCooperation .desc{
    margin-top:50px;
    margin-bottom:50px;
    font-size:14px; 
    color: var(--secondary-color);
    text-align: right;
    position: relative;
}
.indexCooperation .desc::before{
    content: "";
    display: block;
    width:92%;
    position: absolute;
    top:10px;
    border-bottom:1px solid #EAEAEA;
}


/* 联系 */
.indexContact{
    min-width: var(--bodyWidth);
    padding: 50px var(--paddingWidth);
    background-color: var(--main-color);
    color: white;
    display: flex;
    align-items: center;
}
.indexContact .cont{
    margin-right: auto;
}
.indexContact .cont ul li{
    padding:10px 0;
}
.indexContact .cont ul li svg{
    fill: white;
    width: 25px;
    height: 25px;
    object-fit: contain;
    vertical-align: middle;
    margin-right:10px;
}
.indexContact .qrcode1{
    margin-right:30px;
}

/* 页尾 */
footer{
    min-width: var(--bodyWidth);
    padding: 15px var(--paddingWidth);
    background-color: #0A2565;
    color: white;
    font-size:12px;
    text-align: right;
}


/**********内页*/

div.Maintny{width: var(--bodyWidth);margin:auto;background-color: #ffffff;display:flex;justify-content:space-between;}

div.Maintcont{width:var(--bodyWidth);}

div.Nyleft{width:18%;padding-top:30px;min-height:500px;overflow:visible;float: left;}
div.Nyleft .title{background-color:#061C4D;color:white;text-align:center;padding:25px 0px;}
div.Nyleft .title .cn{font-size:25px;}
div.Nyleft .ProdMenu {line-height:200%;background-color: #E0F2F4;overflow: hidden;}
div.Nyleft .ProdMenu a{white-space:nowrap;color:#0D308390;font-weight: bold;}
div.Nyleft .ProdMenu ul.ProdMenu > li > a{display: none;}
div.Nyleft .ProdMenu ul li{width: 100%;}
div.Nyleft .ProdMenu ul li a{padding:15px 0px; font-size:16px;border-bottom:1px solid #ffffff;color:#0A2565;display: block;}
div.Nyleft .ProdMenu ul li a:before{display:inline-block;content:"";width:16px;height:1px;background-color:#0D308390;transform:translateY(-5px);}
div.Nyleft .ProdMenu ul li a:hover{background-color: #0A2565;color:white;width: 100%;}
div.Nyleft .ProdMenu ul li a:hover:before{background-color:#DAF0F9}
div.Nyleft .ProdMenu ul li ul a{padding:5px;padding-left:60px;font-size:14px;}
div.Nyleft .ProdMenu ul li ul a:before{display:none;}
div.Nyleft .ProdMenu ul li ul li ul{display: none;}


.Nyright{width:77%;padding: 30px 20px 30px 0;float:right;}
.Nytit{font-size: 25px;color: #0A2565;line-height:200%;letter-spacing: 1px;border-bottom:1px #0D308390 solid;margin-bottom: 10px;}
.Nycont{font-size: 16px;color:#092362;line-height:200%;padding: 20px 0 50px 0;}


.Prodimg{width: 100%;clear: both;text-align: center;display: block;float: right;}
.Prodimg ul li{float:left;text-align: center;width:100%;height:450px;}
.Prodimg ul li img{width: 400px;height:400px;padding:10px;background-color:#DAF0F9;text-align: center;}



.Prldtext{width:100%;clear: both;text-align: left;}