* {
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

body {
    font: 14px/24px, " ImexLatin-Regular", "\5b8b\4f53", sans-serif, tahoma;
    background: #F8F8F8;
    max-width: 1920px;
    font-family: " ImexLatin-Regular";
}

@font-face {
    src: url(../fonts/ImexLatin-Regular.otf);
    font-family: " ImexLatin-Regular";

}

/* a {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
} */

a,
a:focus,
a:hover {
    text-decoration: none;
    /* color: #252525; */

}

a:focus,
input,
textarea,
select {
    outline: none
}

ul,
ol {
    list-style-type: none;
}

.i {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    margin-top: -3px;
}

img {
    border: none;
    outline: none;
    vertical-align: middle;
    max-width: 100%;
}

input,
textarea {
    border: 1px solid #303030;
    background: #fff;
    border-radius: 4px;
}

.transition {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.clear {
    zoom: 1;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

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

.text-center {
    text-align: center
}

.none {
    display: none;
}

.block {
    display: block;
}

.b-l {
    display: inline-block;
}

.ell {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.et {
    display: inline-block;
    
}

.box {
    box-sizing: border-box !important;
}


.container {
    width: 100%;
    max-width: 1530px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.pr {
    position: relative;
}

.pa {
    position: absolute;

}

.top {
    background: #fff;

    padding: 10px 0;
}

.top1 {
    display: flex;

    justify-content: space-between;
}

.mobi {
    padding: 25px 0;
}

.mobi a {
    margin-right: 60px;

    padding-bottom: 10px;

    color: #000;
}

.mobi a:hover {
    border-bottom: 2px solid #000;

    font-weight: 700;
}

.mobi1 {
    display: flex;
    padding: 25px 0;
}

.mobi1 div {
    margin-left: 10px;
}

.banner {
    overflow: hidden;

    position: relative;
}

.banner1 {
    position: relative;
}
.phone_banner_title{
    position: absolute;

    top: 15px;

    left: 31%;

    color: #fff;
}
.banner_title {
    text-align: center;

    position: absolute;

    top: 36%;

    left: 42%;

    color: #fff;
}

.titlep1 {
    font-size: 70px;
}

.titlep2 {
    font-size: 33px;
}

.weizhi {
    display: flex;

    padding: 15px 0 8px 0;

    background: #333333;

    color: #fff;

    text-align: center;

    position: absolute;

    bottom: 0;

    width: 100%;

    font-size: 16px;

    opacity: .8;
}

.weizhi1 a {
    color: #fff;
}

.weizhi0 {
    float: left;

    display: inline;
}

.weizhi1 {
    float: right;

    display: inline;
}

.list {
    background: #F4F4F4;

    font-size: 14px;
}

.list1 {
    display: flex;

    padding: 35px 159px 15px 25px;

    border-bottom: 1px solid #D2D2D2;
   
}

.list1 p {
    width: 5%;
}

.list1_1 {
    padding-left: 90px;

    line-height: 2.5;
}

.list1_1 a {
    padding-right: 50px;


}

.product_list {
    background: #fff;

    padding: 50px 0;
}

.product1 p {
    font-size: 18px;

    padding-top: 20px;

    color: #333333;
}

.product1 p:hover {
    font-size: 18px;

    padding-top: 20px;

    color: #D0A74B;
}

.product1_img {
 height: 341px;

 background: #fff;

 text-align: center;
}

.product1 {
    padding: 16px 10px;

    margin-bottom: 60px;

   text-align: center;

   background: #f5f5f5;
}

.product1:hover {
    box-shadow: 0px 6px 10px 0px rgba(26, 26, 26, 0.24);

    
}
.product2_img{
    height: 529px;

    background: #f5f5f5;

    text-align: center;
}

.dibu {
    padding: 80px 0;

    background: #F5F5F5;

    border-top: 5px solid #000000;
}

.di {
    display: flex;

    justify-content: space-between;

    padding-right: 200px;

    border-right: 1px solid #AAAAAA;
}



.di_p {
    

    /* position: relative; */

    font-size: 16px;

    color: #000;

    margin-bottom: 15px;
}

.di_p1{
    /* position: absolute; */
    padding-top: 10px;

    border-bottom: 2px solid #A4303A;

    /* content: '';

    top:20%;

    width: 2%;

    left: 15px; */
}


.di a {
    font-size: 16px;

    margin-right: 30px;

    color: #000;

    display: block;
}

.di1 {
    text-align: center;
}

.di1 p {
    font-size: 25px;
}

.di1 span {
    color: #A4303A;
}

/* .di::after{
  position: absolute;
    
    border-right:1px solid #333;
    
    content: '';
    
    top: 0;
    
    right: 0;
    
    height: 100%;
} */

.join {
    padding: 100px 0;

    background: #fff;
}

.join001 {
    padding: 100px 0;

    background: #f5f5f5;
}

.join1 {
    text-align: center;

    padding: 0 30px;

    position: relative;
}

.join1 img {
    width: 100%;
}

.joinp1 {
    position: absolute;

    top: 10%;

    font-size: 24px;

    left: 33%;

    color: #666666;
}

.joinp2 {
    position: absolute;

    bottom: 0;

    color: #fff;

    background: #DEBF79;

    padding: 15px 0;

    opacity: .7;

    width: 79%;


}

.join a {
    color: #fff;
}

.contact {
    background: #fff;

    padding: 80px 0;
}

.contact1 {
    background: #F9F9F9;

    padding: 100px 50px 100px 70px;
}

.contactp1 {
    font-size: 36px;

    color: #333;
}

.contactp2 {
    font-size: 20px;

    color: #666666;

    padding-bottom: 60px;
}

.contactp3 {
    display: flex;

    padding-bottom: 25px;
}

.contactp3 img {
    width: 25px;

    height: 31px;

    margin-right: 10px;
}

.contactp3 p {
    font-size: 20px;

    color: #666666;
}

.dealer {
    padding: 70px 0 0;
}

.dealer1 {
    padding-bottom: 50px;
}

.title {
    text-align: center;

    padding-bottom: 70px;

    border-bottom: 1px solid #5B5B5B;
}

.title_p1 {
    font-size: 30px;

    color: #202020;
}

.title_p1 span {
    color: #DEBF79;
}

.title_p2 {
    color: #5B5B5B;

    font-size: 18px;
}

.dealerp1 {
    font-size: 24px;

    color: #4D4D4D;

    padding: 24px 0;
}

.dealerp2 {
    font-size: 18px;

    color: #4D4D4D;
}

.dealer01 {
    background: url(../img/背景.png)no-repeat 300px 40px;
}

.dealer_01 {
    padding-left: 150px;

    padding-top: 100px;


}

.news {
    padding: 75px 0;
}

.title_p3 {
    color: #4D4D4D;

    font-size: 18px;

    padding-top: 70px;
}

.news_p1 {
    font-size: 16px;

    color: #4D4D4D;
}

.news_p2 {
    font-size: 18px;

    color: #4D4D4D;
}

.news01 {
    padding: 55px 0;
}

.news1 img {
    width: 100%;
}

.news1 {
    padding-bottom: 75px;
}

.ziliao img {
    width: 100%;
}

.quality_p1 {
    padding: 50px 270px;
}

.quality_p1 p {
    padding-bottom: 25px;
}

.chukou1 {
    text-align: center;
}

.chukou_p1 {
    padding-top: 25px;

    font-size: 16px;

    color: #333;
}

.quality {
    padding: 55px 0 0;
}

.chukou2 {
    background: url(../img/矩形96.png);

    margin-top: 70px;
}

.chukou_p2 {
    padding: 130px 100px;

    color: #fff;
}

.chukou_p2 p {
    padding-bottom: 30px;

    font-size: 20px;
}

.tuandui {
    background: #f5f5f5;

}

.tuandui_p1 {
    padding: 0 80px;

    font-size: 18px;

    color: #333;
}

.tuandui_p1 p {
    padding: 40px 0;
}

.fuwu_p1 {
    font-size: 16px;

    color: #999999;

    padding-bottom: 15px;
}

.fuwu_p2 {
    font-size: 34px;

    color: #333333;
}

.fuwu_p3 {
    font-size: 18px;

    color: #333333;

    line-height: 1.8;
}

.fuwu1 {
    padding: 80px 220px 0;
}

.index_product {
    background: url(../img/图层1006\ 副本.png) no-repeat 500px;



    padding-bottom: 90px;
}

.index_product01 {
    height: 500px;


}

.index_anli {
    background: #F5F5F5;

    padding-bottom: 104px;
}

.index_quality {
    background: #ffffff;

    padding-bottom: 120px;
}

.index_quality1 {
   position: relative;
}
.quality3{
    position: absolute;

    top: 178px;

    left: 311px;
}
.index_quality1_img{
    width: 100%;
}
.index_quality1_img img{
    width: 100%;
} 
.index_quality2 img {
    width: 100%;
}

.quality2 {
    padding-top: 70px;

}

.quality2 p {
    font-size: 18px;

    color: #666666;

    padding-top: 30px;
}

.quality2 img {
    width: 100%;
}

.index_nwes {
    background: url(../img/图层\ 1094.png);

    padding: 90px 0;
}

.index_nwes01 {
    display: -webkit-box;


}

.index_news1 {
    text-align: center;

    background: #fff;


}

.index_newsp1 {
    font-size: 32px;

    color: #000;

    padding-top: 135px;
}

.index_news1_1 {
    padding: 83px 0;
}

.index_nwes2 {


    background: #4C4C4C;




}

.index_nwes2p1 {
    color: #fff;

    font-size: 16px;

    padding-bottom: 15px;

    position: relative;
}

.index_nwes2p1::after {
    position: absolute;

    border-bottom: 1px solid #fff;

    content: '';

    bottom: 0;

    left: 0;

    width: 2%;
}

.index_nwes2p2 {
    font-size: 18px;

    color: #fff;

    padding-top: 15px;
}

.index_nwes2p3 {
    font-size: 13px;

    color: #757575;

    padding-top: 45px;
}

.news_title1 {
    font-size: 30px;

    color: #202020;
}

.news_title1 span {
    color: #DEBF79;
}

.news_title2 {
    color: #5B5B5B;

    padding-top: 15px;

    font-size: 20px;
}

.index_nwes3 img {
    width: 100%;
}

.zi {
    padding: 5px;
}

.index_jiameng {
    background: #fff;

    padding-top: 60px;
}

.jiameng {
    padding-left: 60px;

    padding-top: 100px;
}

.zi1 {
    width: 75%;

    padding: 5px;
}

.index_anniu {
    padding: 20px 30px;

    background: #000;

    color: #ffffff;

    border-radius: 10px;
}

.index_anniu1 {
    margin-top: 50px;
}

.liuyan {
    padding-top: 30px;
}

.shenqing {
    font-size: 18px;

    color: #555555;

    padding-bottom: 15px;

    position: relative;
}

.shenqing::after {
    position: absolute;

    border-bottom: 3px solid rgb(231, 173, 12);

    content: '';

    bottom: 0;

    left: 0;

    width: 3%;


}

.zi2 {
    width: 100%;

    padding: 5px;


    border: 1px solid #BFBFBF;
}

.join01 {
    display: flex;

    justify-content: center;
}

.join01_p1 {
    text-align: center;

    font-size: 30px;

    color: #333;


}

.zi4 {
    width: 100%;

    padding: 5px;


    border: 1px solid #BFBFBF;
}

.join01_2 {
    padding-top: 30px;
}

.join01_2 p {
    font-size: 14px;

    color: #333;
}

.join01_2 span {
    color: #B71616;
}

.join_anniup1 {
    padding: 10px 30px;

    border: 1px solid #888888;

    margin-right: 15px;
}

.join_anniup2 {
    padding: 10px 30px;

    border: 1px solid #C82121;

    background: #C82121;

    color: #fff;
}

.join_anniu {

    padding-top: 60px;

    display: flex;

    justify-content: flex-end;
}

.index_anli1 {
    overflow: hidden;

    position: relative;
}

.index_anli2 img {
    width: 100%;
}

.index_anli2 {


    position: relative;
}

.index_anli3 {
    position: absolute;

    padding: 40px 0 40px 40px;

    bottom: 0;

    opacity: 0.8;

    background: #4C4C4C;

    width: 100%;

    color: #fff;
}

.index_anli3:hover {
    position: absolute;

    top: 0;

    opacity: none;

    background: none;

    transition: All .6s ease-in-out;
}

.index_anli3:hover .index_anlip3 {
    display: block;

    padding: 12px 14px;

    opacity: 0.8;

    background: #4C4C4C;

    color: #fff;



}

.index_anlip1 {
    font-size: 28px;

    z-index: 2;
}

.index_anlip2 {
    font-size: 14px;
    z-index: 2;
}

.index_anlip3 {
    color: #fff;

    display: none;

    font-size: 12px;

    width: 26%;

    margin-top: 450px;
}

.index_product1 {
    background: #4C4C4C;

    padding: 100px 53px 180px 86px;

    height: 500px;
}

.index_productp1 {
    font-size: 24px;

    color: #ffffff;

    padding-bottom: 30px;
}

.index_productp2 {
    font-size: 16px;

    color: #ffffff;
}

.index_productp3 {
    font-size: 14px;

    color: #fff;

    padding-top: 30px;
}

.index_product_img {
    width: 100%;

    height: 500px;
}

.productilst {
    font-size: 16px;

    text-align: center;

    padding-bottom: 25px;
}

.productilst a {
    margin: 0 20px;

    padding: 5px;

    color: #2C2C2C;
}

.productilst a:hover {
    background: #2C2C2C;

    color: #fff;

    border-radius: 10px;
}

.index_productp04 {
    text-align: center;

    margin-top: 60px;
}

.index_productp4 {
    font-size: 12px;

    color: #000000;
}

.index_productp4 span {
    font-size: 12px;

    color: #767676;
}

.index_productp5 {
    font-size: 12px;

    color: #767676;
}



.index_quality1 p {
    color: #fff;
}

.index_qualityp1 {
    font-size: 36px;

    padding-bottom: 25px;
}



.quality3 span {
    font-size: 15px;
}
.index_shworoom{
    padding-bottom: 125px;

    background: #fff;
}
.phone_banner1



/* 新增 */
.product001 {
    padding: 60px 0 100px 120px;
}

.product_list1_p1 {
    font-size: 24px;

    padding-left: 15px;

    color: #333333;

    padding-bottom: 15px;

    border-bottom: 1px solid #333;
}

.xiangxi {
    font-size: 16px;

    color: #666666;

    padding-top: 30px;

    padding-left: 15px;
}

.product002 {
    padding-bottom: 70px;

    border-bottom: 1px solid #666666;
}

.product_list1_p2 {
    font-size: 36px;

    color: #333333;

    padding: 80px 0;

}






.logo1{
    font-size: 30px;
    color: #fff;
  }
  .touming{
    width: 100%;
    height: 100%;
    background-color:rgba(0, 0, 0, 0.4)  ;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9;
  }
  
  .touming.on{
    display: block;
  }
  .caidan i{
    font-size: 30px;
    color: #000;
    padding-top: 25px;
   }
  .mobi_nav{
    position: fixed;
     background: #f5f5f5;
     width: 200px;
     height: 100vh;
     top: 0;
     left: -200px;
     transition: all .4s;
     z-index: 11;
   }
   .mobi_nav.on{
     left: 0;
     
   }
   .mobi_nav a{
     display: block;
     color: #000;
     line-height: 30px;
     padding: 20px;
   }
   .top02_1{
     background: #fff;
     padding: 10px 15px;
     display: flex;
     justify-content: space-between;
   }

   .zi2{
    padding: 15px 15px;
  
    border: 1px solid #C7C7C7;
  
    border-radius: 50px;
  
    width: 100%;
  
    
  }
  .sou{
      padding-top: 15px;
  }
  .sousuo1 a{
    font-size: 18px;
  }
  .sousuo1{
    position: relative;
  
    padding-bottom: 20px;
  }
  .fa-search{
    position: absolute;
  
    right: 20px;
  
    
  
    top:15px
  }

  .cont{
    padding: 0 24px;
  }
  .index_phone{
      background: #fff;
  }
  .phone_title{
     text-align: center;
  }


  .phone_titlep1 {
    font-size: 30px;

    color: #202020;
}

.phone_titlep1 span {
    color: #DEBF79;
}

.phone_titlep2 {
    color: #5B5B5B;

    font-size: 18px;
}
.phone_productilst{
    display: flex;

    justify-content: space-around;
}
.phone_productilst a {
    

    padding: 5px;

    color: #2C2C2C;
}

.phone_productilst a:hover {
    background: #2C2C2C;

    color: #fff;

    border-radius: 10px;
}
.phone_anli{
    background: #f5f5f5;

    padding-bottom: 60px;
}
.phone_anli1 img{
    width: 100%;
}
.phone_quality1{
    position: relative;
}
.phone_quality3{
    position: absolute;

    top: 20px;

    left: 40px;

    font-size: 10px;

    color: #fff;
}
.phone_nwesp1{
  color: #4D4D4D;
  
  font-size: 18px;

  padding: 10px 0;
}
.phone_nwesp2{
   color: #4D4D4D;
   
   font-size: 14px;

   line-height: 1.7;


}
.phone_nwes1{
    padding-bottom: 30px;
}
.phone_jiameng{
    background: url(./img/图层1094.png);
}

.dibu1 {
    padding: 50px 0;

    background: #F5F5F5;

    border-top: 5px solid #000000;
}



.di2 span {
    color: #A4303A;
}

.di2 p {
    padding-bottom: 15px;

    position: relative;

    font-size: 20px;

    color: #000;

    margin-bottom: 15px;
}

.di2 p::after {
    position: absolute;

    border-bottom: 2px solid #000;

    content: '';

    bottom: 0;

    width: 6%;

    left: 0;
}

.di2_1{
    display: flex;

    justify-content: space-around;
}
.di2_1 a {
    font-size: 10px;

    

    color: #000;
}
.banquan p{
    font-size: 16px;

    color: #343434;
}
.banquan{
    padding-top: 20px;
}
.di3 {
    padding-bottom: 20px;
}
.phone_list1_1 a{
margin-right: 21px;

line-height: 2;

font-size: 10px;
}



/* 新 */
.phone_index{
    position: relative;
 
    overflow: hidden;
  }
  .phone_index2{
    position: absolute;
 
    top: 0;
    
    width: 46%;
 
    background: #000;
 
    opacity: .8;
 
    z-index: 3;
    
    padding: 15px 10px;
 
  }
  .phone_index2p1{
    font-size: 16px;
    
    color: #fff;
  }
  .phone_index2p2{
 
   font-size: 10px;
 
   color: #fff;
  }
  .phone_index1 img{
    width: 100%;
  }
 
  .phone_index1{
   overflow: hidden;
  }

/* .di2{
    text-align: center;
}

.di2 p {
    font-size: 25px;
}

.di2 span {
    color: #A4303A;
} */
/* 小屏幕（平板，大于等于 768px） */

@media (min-width: 1px) {

    .pc {

        /* 隐藏 */

        display: none;

    }



    .phone {

        /* 显示 */

        display: block;

    }

}



/* 小屏幕（平板，大于等于 768px） */

@media (min-width: 750px) {

    .pc {

        /* 隐藏 */

        display: none;

    }



    .phone {

        /* 显示 */

        display: block;

    }



}



/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: 992px) {

    .pc {

        /* 隐藏 */

        display: block;

    }



    .phone {

        /* 显示 */

        display: none;

    }

}



/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: 1200px) {

    .pc {

        /* 隐藏 */

        display: block;

    }



    .phone {

        /* 显示 */

        display: none;

    }

}