* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: 'odc';
        scroll-behavior: smooth;
    }
    
    @font-face {
        font-family: 'odc';
        src: url(../fonts/ado.OTF);
    }
    
    ul li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        vertical-align: top;
        outline-width: 0ch;
    }
    
    .head {
        width: 100%;
        height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        transition: all ease 0.5s;
    }
    
    .header {
        width: 1200px;
        height: 70px;
        display: flex;
        align-items: center;
        margin: 0 auto;
        justify-content: space-between;
    }
    
    .logo img {
        width: 90px;
    }
    
    .nav {
        display: flex;
        align-items: center;
    }
    
    .nav li a {
        width: 95px;
        height: 70px;
        color: #676767;
        text-align: center;
        display: block;
        line-height: 70px;
        background-image: url(../images/italic.png);
        background-repeat: no-repeat;
        background-position: left 16px;
        padding: 0 10px;
        font-size: 15px;
    }
    
    .about {
        width: 100%;
        height: 770px;
        background-image: url(../images/about.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin-top: 50px;
        padding: 150px 0;
    }
    
    .abouttxt {
        width: 800px;
        margin: 0 auto;
    }
    
    .txtcentent {
        width: 375px;
    }
    
    .txtcentent h1 {
        color: white;
        font-size: 42px;
        letter-spacing: 2px;
    }
    
    .txtcentent .p {
        font-size: 20px;
        color: white;
        margin-bottom: 52px;
    }
    
    .txtcentent span p {
        margin-bottom: 12px;
        color: white;
    }
    
    .txtcentent span span {
        color: white;
    }
    
    .service {
        width: 700px;
        margin: 0 auto;
        text-align: center;
        margin-top: 100px;
    }
    
    .s-top {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .service h1 {
        font-size: 42px;
        color: #3c3c3c;
        letter-spacing: 6px;
    }
    
    .s-span {
        display: block;
        padding-top: 14px;
        font-size: 18px;
        background-image: url(../images/italic.png);
        background-repeat: no-repeat;
        padding-left: 26px;
        background-position: 10px 15px;
    }
    
    .s-center {
        display: flex;
        width: 405px;
        justify-content: space-between;
        margin: 0 auto;
        margin-top: 40px;
    }
    
    .s-center li {
        width: 33.33%;
    }
    
    .s-center li img {
        display: block;
    }
    
    .s-center li span {
        font-size: 30px;
        color: #3c3c3c;
        font-weight: normal;
    }
    
    .s-center li p {
        margin-top: -12px;
    }
    
    .word {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 30px;
    }
    
    .word P {
        color: #7f7f7f;
    }
    
    .more {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #7f7f7f;
    }
    
    .swiper-container-se {
        width: 960px;
        margin: 0 auto;
    }
    
    .swiper-container-se img {
        width: 100%;
    }
    
    .swiper-father {
        position: relative;
        width: 1100px;
        margin: 0 auto;
        margin-top: 100px;
    }
    
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        background-image: url(../images/left.png) !important;
        left: 10px;
        right: auto;
        background-size: 100% 100% !important;
        width: 35px !important;
        height: 35px !important;
    }
    
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        background-image: url(../images/right.png) !important;
        left: 10px;
        right: auto;
        background-size: 100% 100% !important;
        width: 35px !important;
        height: 35px !important;
    }
    
    .teamuldiv {
        width: 960px;
        margin: 0 auto;
        margin-top: 75px;
    }
    
    .team {
        width: 980px;
        margin: 0 auto;
    }
    
    .teamuldiv ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
    }
    
    .teamuldiv ul li {
        display: flex;
        width: 24.5%;
        justify-content: space-between;
    }
    
    .teamuldiv ul li img {
        width: 48%;
        height: 115px;
    }
    
    .r-box {
        width: 48%;
        background-color: #cacaca;
    }
    
    .ul1 .r-box {
        text-align: left;
        padding: 10px;
        color: white;
        width: 115px;
        height: 115px;
    }
    
    .ul2 .r-box {
        text-align: left;
        padding: 10px;
        color: white;
        width: 115px;
        height: 115px;
    }
    
    .r-box span {
        display: block;
        margin-top: -10px;
    }
    
    .arrow {
        width: 20px !important;
        height: 20px !important;
    }
    
    .job {
        margin-top: -18px;
    }
    
    .info {
        width: 100%;
        margin: 50px auto;
    }
    
    .contact {
        width: 950px;
        margin: 0 auto;
    }
    
    .contactul {
        display: flex;
        justify-content: space-between;
        margin-top: 70px;
        margin-bottom: 35px;
    }
    
    .contactul li {
        width: 33%;
        display: flex;
        align-items: center;
    }
    
    .contactul li img {
        width: 28px;
    }
    
    .rr {
        padding-left: 20px;
        color: #676767;
        font-size: 18px;
    }
    
    .form {
        display: flex;
        width: 100%;
        margin-top: 50px;
        justify-content: space-between;
        margin-bottom: 30px;
    }
    
    .formleft {
        width: 47%;
    }
    
    .formleft input {
        width: 100%;
        height: 35px;
        padding-left: 20px;
        margin-bottom: 20px;
        outline: none;
        border: 1px solid #e6e6e6;
    }
    
    .formright {
        width: 47%;
    }
    
    .formright textarea {
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
        outline: none;
        border: 1px solid #e6e6e6;
        margin-bottom: 20px;
    }
    
    .mes {
        display: block;
        width: 110px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: white;
        font-size: 15px;
        background-color: #302e2f;
    }
    
    .map {
        width: 100%;
        height: 340px;
        background-image: url(../images/map.png);
        position: relative;
        background-position: -52px 0px;
    }
    
    .loca {
        position: absolute;
        left: 50%;
        top: 25%;
        transform: translateX(-50%);
    }
    
    .fixp {
        position: absolute;
        bottom: 65px;
        left: 0;
        width: 100%;
        text-align: center;
        color: #e0e0e0;
    }
    
    .totop {
        position: fixed;
        right: 100px;
        bottom: 200px;
        z-index: 999999;
        display: none;
    }