@font-face {
    font-family: "Regular";
    src: url("../fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Bold";
    src: url("../fonts/Lato-Bold.ttf") format("truetype");
}

body{font-family:'Regular'}
input,textarea{font-family:'Regular'}
input::placeholder,textarea::placeholder{font-family:'Regular'}
.b{font-family:'Bold'}

.inner-banner1 .width{top:45%}
.index-page .banner .info{width:60%}
.index-page .box1 .item{margin-right:40px}
.index-page .box2 .width{max-width:1200px}
.index-page .box2 .item{width:47%}
.index-page .box2 .item1 li{margin-right:15px;width:calc(100% / 3 - 10px)}
.index-page .box2 .item1 li .icon{margin:0 auto 15px}
.index-page .box2 .item1 li>p:nth-of-type(1){margin-bottom:0;margin-top:10px;line-height:20px;font-size:14px}
.index-page .box2 .item1 li:nth-child(4)>p:nth-of-type(1),.index-page .box2 .item1 li:nth-child(6)>p:nth-of-type(1){margin-bottom:10px;margin-top:0}
.index-page .box2 .item1 li>p:nth-of-type(2){font-size:24px}
.index-page .box2 .item1 li>p:nth-of-type(3){font-size:14px}
.index-page .box2 .item2 li{width:calc(50% - 1px)}
.index-page .box2 .item2 li:nth-child(4n){margin-right:2px}
.index-page .box2 .item2 li:nth-child(2n){margin-right:0}
.index-page .box2 .item1 li:nth-child(4)>p:nth-of-type(1),.index-page .box2 .item1 li:nth-child(6)>p:nth-of-type(1){font-size:24px;text-align:center;color:#05bad8}
.index-page .box2 .item1 li:nth-child(4)>p:nth-of-type(2),.index-page .box2 .item1 li:nth-child(6)>p:nth-of-type(2){font-size:14px;margin-bottom:10px;color:#000}
.index-page .box2 .item1 li:nth-child(4)>p:nth-of-type(3),.index-page .box2 .item1 li:nth-child(6)>p:nth-of-type(3){font-size:14px;line-height:20px;color:#000}
.index-page .box4 .info{width:calc(100% - 180px)}
.index-page .box4 .btn{width:100px}

.about-page .box5 p{padding-right:2%}

.technology-page .box1 li{margin-right:10px;padding:0 15px;width:calc(20% - 8px);height:260px}
.technology-page .box1 .name{font-size:16px;line-height:26px}
.technology-page .box1 li.active .name{margin-top:50px}

.contact-page .box2 .input>span{width:80px}
.contact-page .box2 .input-b>span{width:150px}
.contact-page .box2 .textarea>span{width:120px}

@media (max-width:750px){
    .header .logo{width:138px;height:43px}
    .index-page .banner .swiper-slide{padding-bottom:125%}
    .index-page .banner .info{width:100%}
    .index-page .box1 .item{width:100%;margin-right:0;margin-bottom:15px}
    .index-page .box2 .item{width:100%}
    .index-page .box2 .item2 li{width:100%;margin-right:0}
    .index-page .box4 .info{width:100%}
    
    .technology-page .box1 li{width:50%;margin-right:0}
    
    .contact-page .box1 .info li{flex-wrap:wrap}
    .contact-page .box1 .info .name{width:calc(100% - 21px);margin:0;padding:3px 0 0 15px}
    .contact-page .box1 .info .note{width:100%;margin-top:15px;padding-left:36px}
}