:root{
    --mainColor:#216A6E;
    --subColor:#6F9EA0;
    --hoverColor: #AEE425;
    --bodyWidth:1200px;
    --bodyPadding: calc((100% - var(--bodyWidth)) / 2);
}

html,body{margin:0;padding:0;box-sizing:border-box;font-family:'microsoft yahei',sans-serif;}
ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;color:inherit;transition:all 0.3s ease;}

/* 页眉 */
.header{position:absolute;top:0;left:0;right:0;z-index:9999;background-color:#226A6F66;padding:20px var(--bodyPadding);overflow:hidden;}
.header .logo{width:300px;float:left;}
.header .lang{margin-top:20px;width:900px;float:right;text-align:right;}
.header .lang a{display:inline-block;padding:3px;width:60px;background-color:var(--mainColor);text-align:center;color:white;margin-left:20px;border-radius:5px;}
.header .lang a:hover{background-color:var(--hoverColor);color:black;}
.header .mainNav{margin-top:30px;width:900px;float:right;}
.header .mainNav ul{display:flex; justify-content: space-between;}
.header .mainNav ul li a{color:white; }
.header .mainNav ul li a:hover{color:var(--mainColor);}
.header .mainNav ul li ul{display: none;}

/* 产品服务 */
.indexProd{width:100%;padding:100px 0 50px 0;background-image:linear-gradient(#D7EAEBFF,#D7EAEB00);}
.indexProd .colTitle{width:var(--bodyWidth);font-size:45px;font-weight:bold;color:var(--mainColor);margin:auto;}
.indexProd .prevNext{width:var(--bodyWidth);text-align:right;margin:auto;}
.indexProd .prevNext span{font-family:'宋体';font-weight:bold;display:inline-block;padding:5px;width:50px;background-color:var(--hoverColor);text-align:center;color:white;margin-left:20px;border-radius:5px;cursor:pointer;color:var(--mainColor);}
.indexProd .prodList{width:var(--bodyWidth);margin:30px auto;overflow:hidden;height:600px;}
.indexProd .prodList ul{display:flex;flex-wrap:nowrap;}
.indexProd .prodList ul li{margin-right:40px;}
.indexProd .prodList ul li .Image{width:320px;height:430px;border-radius:30px;background-color:white;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.indexProd .prodList ul li .Name{
    margin-top:40px;
}
.indexProd .prodList ul li .Name .Title{
    font-size: 18px;
}
.indexProd .prodList ul li .Desc{
    margin-top:20px;
    font-size: 12px;
    color:#999999;
    line-height: 1.8;
}

.indexProd .prodList ul li .Time{
    display: none;
}

/* 公司简介 */
.indexAbout{width:var(--bodyWidth);margin:auto;padding:150px 0 50px 0;display:flex;justify-content:space-between;align-items:center;}
.indexAbout .content{width:610px;}
.indexAbout .content span.style1{font-size:42px;font-weight:bold;color:var(--mainColor);display:inline-block;margin-left:auto;}
.indexAbout .content span.style2{font-size:26px;font-weight:bold;color:var(--subColor);letter-spacing:0px;}
.indexAbout .content .cont{padding:30px 0;}
.indexAbout .content p{font-size:14px;font-weight:lighter;line-height:1.8;}
.indexAbout .image{width:500px;}
.indexAbout .more a{display:inline-block;padding:5px 20px;background-color:var(--hoverColor);text-align:center;color:white;border-radius:5px;cursor:pointer;color:var(--mainColor);font-size:12px;}
.indexAbout .more a:hover{background-color:var(--mainColor);color:white;}

/* 页尾 */
.footer{background-image:url('bottomBg.webp');background-position:top center;background-repeat:repeat-x;display:flex;padding:150px var(--bodyPadding) 30px var(--bodyPadding);align-items:last baseline;color:white;}
.footer .logo{margin-right:100px;}
.footer .contact{font-size:14px;line-height:1.8;margin-right:auto;font-weight:lighter;}
.footer .copyright{font-size:12px;font-weight:lighter;}

/* 在线订单 */
div.order_online { margin:auto; font-size:14px; }
div.order_online p { line-height: 150%; text-align: center;}
div.order_online table { color: #707070; margin: auto; border-collapse: collapse; }
div.order_online table tr:nth-child(odd) { background-color: #DAEDF5; }
div.order_online table tr:nth-child(even) { background-color: #EBF5FA; }
div.order_online table tr td { padding: 10px 10px; border: 1px solid #CCCCCC; }
div.order_online table tr td:nth-child(odd) { text-align: right; }
div.order_online table tr:last-child td { text-align: center; }
div.order_online table td img { height: 20px; vertical-align: middle; }
div.order_online table td input[type="text"], div.order_online textarea, div.order_online select { border: 1px solid #CCCCCC; background-color: #F9F9F9; }




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

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:#226A6F;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:#133E3F;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:#133E3F;display: block;}
div.Nyleft .ProdMenu ul li a:before{display:inline-block;content:"";width:16px;height:1px;background-color:#AEE425;transform:translateY(-5px);}
div.Nyleft .ProdMenu ul li a:hover{background-color: #AEE425;color:white;width: 100%;}
div.Nyleft .ProdMenu ul li a:hover:before{background-color:#E0F2F4;}
div.Nyleft .ProdMenu ul li ul a{padding:5px;padding-left:10px;font-size:14px;}
div.Nyleft .ProdMenu ul li ul a:before{display:none;}
div.Nyleft .ProdMenu ul li ul li ul{display: none;}


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



.yyly ul li{float:left;text-align:center;width:450px;height:330px;}
.yyly ul li img{width:400px;height:280px;padding:10px;background-color:#E0F2F4;}

.yyly2 ul li{float:left;text-align:center;width:300px;height:410px;}
.yyly2 ul li img{width:260px;height:380px;padding:10px;background-color:#E0F2F4;}


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

div.Prodimg1k{width: 100%;clear: both;text-align: center;display: block;float: right;}
div.Prodimg1k ul li{float:left;text-align: center;width:100%;height:350px;}
div.Prodimg1k ul li img{width: 400px;height:300px;padding:10px;background-color:#E0F2F4;}

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

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

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

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

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






.protable {
	border-collapse:collapse;
	width:100%;
}
.protable th {
	background-color:#F3F3F3;
	font-weight:bold;
	border:1px #999 solid;
}
.protable td {
	border:1px #999 solid;
	text-align:left;
	line-height:32px;
	padding:0 10px 0 20px;
}