* {

    box-sizing: border-box;

    /* 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决 */

    max-height: 100000px;

    /*background-color: #eee;*/

}



*:before, *:after {

    box-sizing: border-box;

    max-height: 100000px;

}



*, *:before, *:after {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

@font-face {

    font-family: 'Source Han Sans CN';

    src: url('../Fonts/SourceHanSansCN-Regular.woff2') format('woff2'),

         url('../Fonts/SourceHanSansCN-Regular.woff') format('woff'),

         url('../Fonts/SourceHanSansCN-Regular.otf') format('opentype');

         

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,textarea, td {

    border: 0 none;

    font-size: inherit;

    color: inherit;

    margin: 0;

    padding: 0;

    vertical-align: baseline;

    line-height: 2.0;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

}



em, strong {

    font-style: normal;

}



ul, ol, li {

    list-style: none;

}



body {

    font-family: "Source Han Sans CN","Source Han Sans SC","STYuanti SC","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;

    line-height: 1.5;

    color: #333;

    background-color: #ffffff;

}



a {

    text-decoration: none;

}

img{width: 100%;display: block;}



.font-color{

    color: #4d4d4d;

}

.current{

    color: #B18855;

}

.nflex0{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.nflex1{

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.nflex2{

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.nflex3{

    display: flex;

    align-items:flex-start;

    justify-content:space-between;

}

.nflex4{

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

}

.pad0{

    padding:0 5%;

}

.navbar{

    padding: .2rem 0;

}

.logo{

    width: 15%;

    vertical-align: middle;

}

.logo img{

    vertical-align: middle;

}

.nav li a{

    /* margin-left: 3rem; */

    font-size: .32rem;

    padding: 0 .5rem;

    border-right: 1px solid #4d4d4d;

}

.nav li a:hover{

    color: #B18855;

}

.nav li:last-child a{

    padding-right: 0;

    border-right: none;

}

.swiper-slide a{

    width: 100%;

}

.picbox img{

    display: block;

}

.footnav{

    border-bottom: 3px solid #B18855;

}

.footnav li{

    padding: .25rem 0;

    font-size: .25rem;

}

.footnav li a{

    color: #4d4d4d;

    padding: 0 .6rem;

    border-right: 1px solid #4d4d4d;

}

.footnav li a:hover{

    color: #B18855;

}

.footnav li.current a{

    color: #B18855;

}

.footnav li:first-child a{

    padding-left:.4rem;

}

.footnav li:last-child a{

    border-right:none;

}

.foot{

    padding: .15rem 2%;

}

.footlogo{

    width: 15%;

    margin-top: .25rem;

    margin-right: 10%;

}

.footlogo img{

    display: block;

}

.info1{

    margin-top: .25rem;

    font-size: .18rem;

    color: #4d4d4d;

}

.info1 .p1{margin-right: .6rem;}

.info1 p{

    line-height: 1.5;

}

.foot .code{

    width: 11%;

}

.foot .code img{

    width: 100%;

    display: block;

}

.beian{

    margin:.3rem auto;

    font-size: .2rem;

    color: #777777;

    text-align: center;

}

/* 产品案例 */

.content{

    background-color: #F4F5F4;

}

.case_type{

    padding: .15rem 5%;

    font-size: .24rem;

}

.case_type1{

    background-color: #e6e6e6;

    font-weight: 600;

}

.case_type2{

    background-color: #eeeeee;

    font-size: .22rem;

}

.cnav_l{overflow-x:scroll;white-space:nowrap;}

.cnav_l li{display: inline-block;}

.cnav_r{

    overflow-x: auto;

    white-space:nowrap;

}

.cnav_r li{flex: 0 0 auto;}

.cnav_l::-webkit-scrollbar, .cnav_r::-webkit-scrollbar{

    display: none; 

}

.cnav_l::-moz-scrollbar, .cnav_r::-moz-scrollbar{

    display: none; 

}

.cnav_l::-o-scrollbar, .cnav_r::-o-scrollbar{

    display: none; 

}

.case_type li{

    margin-right: .4rem;

}

.case_type li a{

    display: inline-block;

}

.case_type li.current a{

    color: #B18855;

}

.case_type .cnav_l li.current a{

    border-bottom: 1px solid #b18855;

}

/* .cnav_l li:first-child a{

    padding-left:0;

} */

.casebox{

    margin-top: .6rem;

    padding-bottom: 1rem;

}

.casebox .pad0{padding:0 3%;}

.c-items{

    flex-wrap: wrap;

    align-items: flex-start;

}

.case-item{

    width: 25%;

    /* padding: 0 .5%; */

    padding: 0 .1rem;

    margin-bottom: .3rem;

}

/* .case-item:nth-child(-n+3){

    border-top: 0;

    padding-top: 0;

} */

.case-item a{

    display: block;

    background-color: #fff;

    padding: .2rem;

    color: #4d4d4d;

}

.case_bg a{

    padding: 0;

}

.case-item h1{

    /* font-weight: 600; */

    line-height: 2;

    font-size: .32rem;

    text-align: center;

}

.case-item p{

    font-size: .2rem;

    font-weight: 400;

    line-height: 1.5;

}

.case-item .pic{

    height: 4.5rem;

    overflow: hidden;

}

.w-content{

    width: 100%;height: 100%;

    background-image: url(/images/welcome_bg-tiny.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

}

.w-content .lang_btns{

    position: fixed;

    width: 60%;

    bottom: 10%;

    left: 20%;

    text-align: center;

}

.lang_btns .lan_btn{

    display: inline-block;

    width: 2.2rem;

    height: .66rem;

    line-height: .66rem;

    border-radius: 2rem;

    font-family: 'Source Han Sans CN';

    font-size: .32rem;

    font-weight: 400;

    color: #fff;

    background: #B18855;

    margin: 0 .5rem;

    margin-bottom: .6rem;

}

/* 响应式不同电脑屏幕展示 */



/* 当页面宽度大于1000px且小于1200px时 */

@media screen and (min-width: 1000px) and (max-width: 1200px) {



  }

  

  /* 当页面宽度大于1280px且小于1920px时 */

  @media screen and (min-width: 1366px) and (max-width: 1920px) {

    /* 具体样式 */

  }

  

  /* 当屏幕宽度在768px到959px之间时 */

  @media screen and (min-width: 768px) and (max-width: 959px) {

    /* 具体样式 */

    .footlogo{width: 18%;}

    .w-content{

        background-image: url(/images/m_welcome_bg.png);

        background-position: center top;

    }

  }

  /* 当屏幕宽度在480px到767px之间时 */

  @media only screen and (min-width: 480px) and (max-width: 767px) {

    

  }

  @media only screen and (max-width: 1024px) and (min-height:1200px){

    .w-content{

        background-image: url(/images/m_welcome_bg.png);

        background-position: center top;

    }

  }

  @media only screen and (max-width: 767px) {

    .w-content{

        background-image: url(/images/m_welcome_bg.png);

        background-position: center top;

    }

    .lang_btns .lan_btn {                                  

        height: 1rem;

        line-height: 1rem;

        font-size: .42rem;

        width: 2.8rem;

    }

    .case-item{

        width: 33.3333%;

    }

    .case-item .pic{

        height: 5.5rem;

    }

    .logo{width: 18%;}

    #footer .foot{

        display: block;

    }

    .footlogo{

        width: 30%;

        margin: .3rem auto;

    }

    .info1{

        text-align: center;

    }

    .info1 .com_name{

        display: block;

    }

    .info1 .p1{

        margin-right: 0;

    }

  }

  @media only screen and (max-width: 679px) {

    .case-item .pic{

        height: 5rem;

    }

  }

  @media only screen and (max-width: 600px) {

    .case-item .pic{

        height: 4.5rem;

    }

  }

  @media only screen and (max-width: 539px) {

    .case-item .pic{

        height: 4rem;

    }

  }

  /* 当屏幕宽度小于480px时 */

  @media only screen and (max-width: 480px) {

    #head .navbar{

        display: block;

    }

    .logo {

        width: 40%;

        margin:0 auto;

    }

    .nav ul.nflex1{

        justify-content: space-between;

    }

    .nav li a{border-right:0;}

    .case-item .pic{

        height: 3.5rem;

    }

    #footer .foot{

        display: block;

    }

    .footlogo{

        width: 30%;

        margin: .3rem auto;

    }

    .info1{

        text-align: center;

    }

    .info1 .com_name{

        display: block;

    }

    .info1 .p1{

        margin-right: 0;

    }

    .nav li a{

        font-size: .28rem;

        padding: 0 .3rem;

    }

    .footnav li{padding: .15rem 0;}

    .footnav li a{

        padding: 0 .4rem;

    }

    .footnav li:first-child a {

        padding-left: .2rem;

    }



    /* .info1{font-size: .16rem;} */

  }

  /* 当屏幕宽度小于480px时 */

  @media only screen and (max-width: 479px) {

    .lang_btns .lan_btn {

        width: 2.8rem;

        height: .8rem;

        line-height: .8rem;

        font-size: .36rem;

    }

  }

  /* 当页面宽度大于1280px且小于1920px时 */

  @media screen and (max-width: 1024px) and (min-height: 1000px) {

    .lang_btns .lan_btn {

        width: 3.6rem;

        height: 1.2rem;

        line-height: 1.2rem;

        font-size: .5rem;

    }

  }

  @media only screen and (max-width: 428px) {

    .case-item {

        width: 50%;

    }

    .case-item .pic{

        height: 4.5rem;

    }

  }

  @media only screen and (max-width: 375px) {

    .case-item .pic {

        height: 4rem;

    }

  }

  @media only screen and (max-width: 320px) {

    .nav li a {

        font-size: .24rem;

        padding: 0 .2rem;

    }

    .footnav li a {

        padding: 0 .2rem;

    }

    .footnav li:first-child a {

        padding-left: 0;

    }

    .case-item .pic{

        height: 3.5rem;

    }

  }