:root{
    --mainColor: #2C95E8;
    --subColor: #F3C301;
    --bgColor: #000000;
    --bodyWidth: 1200px;
}
*{box-sizing:border-box;scroll-behavior:smooth;font-family:Arial;text-rendering:geometricPrecision;}
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(--subColor);color:white;padding:5px 25px;}
.more a:hover{padding:5px 40px;background-color:var(--mainColor);}

.header{position:absolute;top:40px;left:calc(50% - var(--bodyWidth)/2);width:var(--bodyWidth);display:flex;justify-content:space-between;}
.header .logo{width:280px;}
.header .mainNav ul{display:flex;justify-content:space-between;}
.header .mainNav ul a{display:block;padding:20px 25px;color:var(--subColor);font-size:18px;}
.header .mainNav ul a:hover{color:white;transform:scale(1.2);}

.indexProd{background-color:#f6f6f6;padding:30px calc(50% - var(--bodyWidth)/2);display:flex;justify-content:space-between;}
.indexProd .desc{width:500px; flex-shrink:0;}
.indexProd .desc .title{font-size:40px;font-weight:bold;border-left:6px solid var( --mainColor);padding-left:20px;margin-top:20px;}
.indexProd .desc ul{list-style:disc;padding:50px;color:#666666;font-family:Verdana;font-size:16px;line-height:2;}
.indexProd .desc .more{padding-left:30px;}
.indexProd .picChange1{flex-shrink:0;}

.indexCompany{background-image:url('aboutbg.jpg');background-size:cover;display:flex;justify-content:space-between;align-items:center;}
.indexCompany .desc{flex-shrink:0;box-sizing:content-box;width:710px;padding-left:min(calc(50vw - var(--bodyWidth)/2));}
.indexCompany .desc .title{font-size:40px;font-weight:bold;}
.indexCompany .desc .cont{font-size:16px;line-height:2;padding:30px 0;}
.indexCompany .data ul:hover li{background-color:transparent;}
.indexCompany .data li{box-sizing:content-box;flex-shrink:0;width:330px;padding:40px 30px;padding-right:min(calc(50vw - var(--bodyWidth)/2));color:white;border-left:1px solid white;border-top:1px solid white;transition:all 0.3s ease;}
.indexCompany .data ul li:hover{background-color:var(--subColor);}
.indexCompany .data li:first-child{border-top:none;background-color:var(--subColor);}
.indexCompany .data .data1 span{font-size:66px;font-weight:bold;}
.indexCompany .data .data1 sup{font-size:20px;position:relative;top:-40px;}
.indexCompany .data .data2{font-size:20px;padding:0px 5px;}

.indexCert{background-image:url('certbg.jpg');padding:70px 0;display:flex;flex-direction:column;align-items:center;}
.indexCert .title{font-size:40px;font-weight:bold;border-bottom:6px solid var(--mainColor);padding-bottom:5px;}
.indexCert ul{width:var(--bodyWidth);display:flex;justify-content:space-between;align-items:end;height:450px;}
.indexCert ul li img{width:210px;transition:all 0.3s ease;}
.indexCert ul li:nth-child(3) img{width:300px;}
.indexCert ul:hover li img{width:210px;}
.indexCert ul:hover li:hover img{width:300px;}

.indexEquipment{background-image:url('equipmentbg.jpg');background-repeat:no-repeat;background-position:center top;color:white;padding:100px 0;}
.indexEquipment .title{margin:auto;width:var(--bodyWidth);font-size:40px;font-weight:bold;}
.indexEquipment .cont{margin:auto;width:var(--bodyWidth);font-size:15px;line-height:1.5;padding:30px 0;padding-right:710px;}
.indexEquipment .more{margin:auto;width:var(--bodyWidth);}
.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;}
.indexEquipment ul li:hover img{transform:scale(1.1);}

.indexForm{padding:0px calc(50% - var(--bodyWidth)/2);display:flex;justify-content:space-between;padding-bottom:80px;}
.indexForm .left{width:360px;flex-shrink:0;background-color:#EEEEEE;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;}
.indexForm .left .cont{font-size:14px;line-height:1.5;padding:50px 0;transition:all 0.3s ease;}
.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:white;}
.indexForm .left:hover{color:var(--subColor);}
.indexForm .left:hover .rightArrow{background-color:var(--subColor);transform:scale(1.5);}
.indexForm .right{width:790px;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:20px;}
.indexForm .order_online form svg{width:20px;vertical-align:middle;margin-right:10px;transform:translateY(-2px);}
.indexForm .order_online form svg path{fill:#666666;}

.footer{background-color:#000000;padding:40px calc(50% - var(--bodyWidth)/2);color:var(--mainColor);font-size:14px;line-height:2;clear: both;}
.footer a{color:var(--mainColor);}
.footer a:hover{color:var(--subColor);}


.Contmore{background-color:#f6f6f6;padding:20px calc(50% - var(--bodyWidth)/2);display:flex;justify-content:space-between;}
.Conttit{font-size:40px;font-weight:bold;border-left:6px solid var( --mainColor);padding-left:20px;margin-top:10px;width: 1100px;line-height: 200%;}
.Contmain{background-color: #ffffff;width:1100px;padding:60px 50px;line-height: 200%;color: #333333;}


.Sbsl {width:1100px;}
.Sbsl ul{float: left;}
.Sbsl ul li{width:500px;background-color: #DDDDDD;height:400px;text-align: center;margin: 0 30px 30px 0;font-size: 16px;float: left;}
.Sbsl ul li img{width: 500px;height: 375px;padding:10px 10px 0px 10px;}

.Qyry {width:1100px;}
.Qyry ul{float: left;}
.Qyry ul li{width:320px;height:430px;text-align: center;margin: 0 30px 30px 0;font-size: 16px;float: left;}
.Qyry ul li img{width: 300px;height: 415px;padding:10px 10px 0px 10px;}