:root{
    --mainColor: #3078DE;
    --subColor: #ffffff;
    --bgColor: #000000;
    --bodyWidth: 90vw;
}
*{box-sizing:border-box;scroll-behavior:smooth;font-family:Arial;text-rendering:geometricPrecision;outline: none;;}
a{text-decoration: none; transition: all 0.3s ease;}
ul{list-style: none; padding: 0; margin: 0;}
html,body{margin: 0; padding: 0;}

.more a{display:inline-block;background-color:var(--mainColor);color:white;padding:5px 25px;font-size:12px;}
.more a:hover{padding:5px 40px;background-color:var(--mainColor);}


.topmeu{background-color:#ffff;padding:0px calc(50% - var(--bodyWidth)/2);display:flex;justify-content:space-between;height: 125px;}
.toplap{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.toplogo{width: 220px;}
.search{ border: 1px solid #ccc; margin-right: auto; margin-left: 40px; margin-top:20px;}
.search form{display: flex; align-items: center;}
.search input[type="text"]{ border: none; margin:0;}
.search input[type="submit"] {
	width:30px;
	height:30px;
	border:none;
	background-color:#3078DE;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	background-image:url('ss.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.toptel{width:280px;height: 125px;background-image:url('tel.jpg');background-repeat:no-repeat;background-position:left bottom;color:#1E2C7B;font-size:28px;font-weight: bold;text-align: right;padding-top: 70px;}


.header{width:100%;background-color:#3078DE;height:45px;padding:0px calc(50% - var(--bodyWidth)/2); display:flex;justify-content:space-between;}
.header .mainNav {width:900px; }
.header .mainNav ul{display:flex;justify-content:space-between;}
.header .mainNav ul>li>a{display:block;color:var(--subColor);font-size:16px;line-height: 45px;width:180px;text-align: center;}
.header .mainNav ul>li>a:hover{color:white;background-color: #5E97E6;}
.header .mainNav ul>li>ul{visibility: hidden; display: block; position: absolute;z-index:100; background-color:#16235C;opacity: 0;transition:all 0.3s ease;}
.header .mainNav ul>li:hover>ul{visibility: visible;opacity: 1;}
.header .mainNav ul>li>ul>li>a{display: block;text-align: center;color: #fff; font-size:13px;line-height: 40px;}
.header .mainNav ul>li>ul>li>a:hover{background-color:#3078DE;}
.header .mainNav ul>li>ul>li:hover:nth-child(8)>ul{display:block;}

.header .laNav {float: right;padding-left: 50px;}
.header .laNav ul{display:flex;justify-content:space-between;}
.header .laNav ul a{display:block;color:var(--subColor);font-size:21px;line-height: 45px;text-align: center;font-weight: bold;width:90px;}
.header .laNav ul a:hover{color:white;background-color: #5E97E6;}

.indexbanner{
	aspect-ratio: 5/1;
}
.nybanner{
	aspect-ratio: 5/1;
}



.indexProd{background-image:url('probg.jpg');background-repeat:no-repeat;background-position:center top;}
.indexProd ul{display:flex;justify-content:space-between;flex-wrap:wrap;position: relative;width:var(--bodyWidth);margin:auto;}
.indexProd ul li{text-align:center; width:30%;}
.indexProd ul li:hover{background-image:radial-gradient(#ffffff,#C1D7EC);}
.indexProd ul li .desc{color: #1D2C79;text-align: center;margin:50px;}
.indexProd ul li .desc .title{font-size:20px;font-weight:bold;border-bottom:1px solid #1D2C79;margin-top:30px;line-height: 1; padding-bottom:20px;}
.indexProd ul li .desc .Cont{font-size: 14px;line-height: 1.3;margin-top: 10px;}



.indexEquipment{background-image:url('equipmentbg.jpg');background-repeat:no-repeat;background-position:center top;background-size: cover;color:white;padding:100px 0;}
.indexEquipment .title{margin:auto;width:var(--bodyWidth);font-size:40px;font-weight:bold; color:#1E2C7B;}
.indexEquipment .cont{margin:auto;width:var(--bodyWidth);font-size:14px;line-height:1.5;padding:30px 0;padding-right:40%; color:#666666;}
.indexEquipment .more{margin:auto;width:var(--bodyWidth);font-size:12px;}
.indexEquipment ul{margin:auto;width:var(--bodyWidth);padding-top:50px;display:flex;justify-content:center;}
.indexEquipment ul li{width:33.3%;overflow:hidden;}
.indexEquipment ul li img{width:100%;transition:all 0.3s ease; display:block;border:5px solid #E4E4E4;}
.indexEquipment ul li:hover img{transform:scale(1.1);}

.indexForm{width:var(--bodyWidth);display:flex;justify-content:space-between;padding-bottom:80px;margin:auto;}
.indexForm .left{width:50%;flex-shrink:0;background-color:#F5F5F5;background-image:url('df.jpg');background-repeat:no-repeat;background-position:bottom center;position:relative;color:var(--mainColor);padding:100px 70px;}
.indexForm .left .title{font-size:40px;font-weight:bold;transition:all 0.3s ease;color: #1E2C7B;}
.indexForm .left .cont{font-size:14px;line-height:1.5;padding:50px 0;transition:all 0.3s ease; color: #1E2C7B;}
.indexForm .left .rightArrow{width:35px;height:35px;border-radius:50%;background-color:var(--mainColor);position:absolute;right:-18px;top:50%;transition:all 0.3s ease;}
.indexForm .left .rightArrow svg{width:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.indexForm .left .rightArrow svg path{fill:#ffffff;}
.indexForm .left:hover{color:var(--subColor);}
.indexForm .left:hover .rightArrow{background-color:#1E2C7A;transform:scale(1.5);}
.indexForm .right{width:45%;flex-shrink:0;}

.indexForm .order_online form > div{position:relative;height:70px;}
.indexForm .order_online form :is(input,textarea){position:absolute;left:0;top:0;width:100%;padding:10px;font-size:14px;border:1px solid #CCCCCC;}
.indexForm .order_online form label{position:absolute;left:10px;top:10px;background-color:white;color:#666666;transition:all 0.3s ease;padding:0 10px;font-size:14px;}
.indexForm .order_online form :is(input:focus, textarea:focus)~label,
.indexForm .order_online form :is(input:valid, textarea:valid)~label{ top:-12px;color:var(--mainColor);}
.indexForm .order_online form :is(input:focus, textarea:focus)~label svg path,
.indexForm .order_online form :is(input:valid, textarea:valid)~label svg path{fill:var(--mainColor);}
.indexForm .order_online form .msg{height:180px;}
.indexForm .order_online form .codeSend{display:flex;justify-content:space-between;position:relative;}
.indexForm .order_online form .verifycode{position:relative;width:55%;}
.indexForm .order_online form .verifycode img{position:absolute;right:2px;top:2px;height:34px;}
.indexForm .order_online form .send{position:relative;width:40%;}
.indexForm .order_online form .send input[type="submit"]{background-color:var(--mainColor);color:white;font-weight:bold;font-size:18px;}
.indexForm .order_online form svg{width:20px;vertical-align:middle;margin-right:10px;transform:translateY(-2px);}
.indexForm .order_online form svg path{fill:#666666;}


.nyForm .order_online form > div{position:relative;height:70px;}
.nyForm .order_online form :is(input,textarea){position:absolute;left:0;top:0;width:100%;padding:10px;font-size:14px;border:1px solid #CCCCCC;}
.nyForm .order_online form label{position:absolute;left:10px;top:4px;background-color:white;color:#666666;transition:all 0.3s ease;padding:0 10px;font-size:14px;}
.nyForm .order_online form :is(input:focus, textarea:focus)~label,
.nyForm .order_online form :is(input:valid, textarea:valid)~label{ top:-20px;color:var(--mainColor);}
.nyForm .order_online form :is(input:focus, textarea:focus)~label svg path,
.nyForm .order_online form :is(input:valid, textarea:valid)~label svg path{fill:var(--mainColor);}
.nyForm .order_online form .msg{height:180px;}
.nyForm .order_online form .codeSend{display:flex;justify-content:space-between;position:relative;}
.nyForm .order_online form .verifycode{position:relative;width:55%;}
.nyForm .order_online form .verifycode img{position:absolute;right:2px;top:2px;height:34px;}
.nyForm .order_online form .send{position:relative;width:40%;}
.nyForm .order_online form .send input[type="submit"]{background-color:var(--mainColor);color:white;font-weight:bold;font-size:18px;}
.nyForm .order_online form svg{width:20px;vertical-align:middle;margin-right:10px;transform:translateY(-2px);}
.nyForm .order_online form svg path{fill:#666666;}

.footer{background-image:url('botbg.jpg');background-repeat:no-repeat;background-position:bottom center;padding:40px calc(50% - var(--bodyWidth)/2);color:var(--subColor);font-size:12px;line-height:2;clear: both;height: 216px;}
.footernav{border-bottom:1px solid #0153B8;}
.footernav ul{display:flex;justify-content:space-between;width: 800px;text-align: left;}
.footernav ul a{display:block;color:var(--subColor);font-size:16px;line-height:55px;text-align: center;}
.footernav ul ul{display:none;}
.footercont{margin-top: 30px;font-size: 12px;line-height: 200%;color: #ffffff;float: left;}
.footerbe{margin-top: 30px;font-size: 12px;line-height: 200%;color: #ffffff;float:right;}


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

.Maintny{width: var(--bodyWidth);margin:auto;background-color: #ffffff;background-image:url('back.jpg');background-repeat:no-repeat;background-position:bottom right;display:flex;justify-content:space-between;}

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

.Nyleft{width:15%;padding-top:30px;min-height:500px;overflow:visible;float: left;}
.Nyleft .title{background-color:#16235C;color:white;text-align:center;padding:25px 0px;}
.Nyleft .title .cn{font-size:25px;}
.Nyleft .ProdMenu {background-color: #EEEEEE;}
.Nyleft .ProdMenu a{white-space:nowrap;color:#3078DE;}
.Nyleft .ProdMenu ul li a{padding:15px 12px; font-size:16px;border-bottom:1px solid #ffffff;color:#3078DE;}
.Nyleft .ProdMenu ul li a:before{display:inline-block;content:"";width:6px;height:1px;background-color:#3078DE;transform:translateY(-5px);margin-right:10px;}
.Nyleft .ProdMenu ul li a:hover{background-color: #3078DE;color:white;}
.Nyleft .ProdMenu ul li a:hover:before{background-color:white;}
.Nyleft .ProdMenu ul li ul a{padding:5px 0px;padding-left:36px;font-size:14px;}
.Nyleft .ProdMenu ul li ul a:before{display:none;}


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


.Prodimg {text-align: center;}
.Prodimg img{width: 600px;height: 450px;padding: 8px;background-color: #E2E2E2;border: #fff solid 1px;}


div[class^="Honor"] ul{display: flex; flex-wrap:wrap; justify-content: space-between;}
div[class^="Honor"] ul li{text-align: center; padding:10px 0;}
div[class^="Honor"] ul:after{
	width:50vw;
	content:"";
	display:block;
}
.Honor1 ul li img{height:8vw;}
.Honor2 ul li img{height:200px;}
.Honor3 ul li img{height:15vw;}


.BaiduMap{
	margin-top:30px;
	width:100%;
	height:400px;
}