@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
*{line-height: 1.5em;padding:0px;margin:0px;zoom:1;font-style:normal;font-size: 16px;font-family:'Microsoft YaHei','Arial', sans-serif;outline:none;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald', sans-serif;}
ul{list-style-type: none;}
li{list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{padding:5px 10px;border: 1px solid #333;vertical-align:middle}
th{text-align:left;}
button{cursor:pointer;}
img{object-fit:cover;border:0;display: block;}
a,em,b,span,strong{display: inline-block;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-size:100%;border: 1px solid #ddd;overflow-x: hidden;outline:none;}
a{text-decoration:none;color:#333;}
a:hover{color: #d90e03;}
input,select,button{outline:none;border:none;background:#fff;  }
html{position:relative;background:#fff;overflow-x:hidden;scroll-behavior: smooth;}
.indexNav{transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;}
.pr{position: relative;}
.box{width: 1240px;margin: 0 auto;}
.qc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.none{display: none;}
.ico{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*Pagination*/
.Pagination{overflow: hidden;margin: 60px 0 60px;text-align: center;}
.Pagination a{float: left;text-decoration:none;font-size: 16px;display: inline-block;color: #333;background: #fff;height: 24px;line-height: 24px;margin: 0 10px;}
.Pagination span{float: left;font-size: 16px;display: inline-block;color: #fff;background: #d90e03;line-height: 24px;border-radius: 100%;width: 24px;text-align: center;margin: 0 10px;}
.Pagination a:hover{color: #d90e03;}
.Pagination li{display: inline-block;}
.Pagination_list{display:inline-block;padding: 10px 0px;}
.Pagination em{float: left;margin: 0 5px;font-style:normal;height: 24px;line-height: 24px;display: inline-block;}
.Pagination i{float: left;margin: 0px 20px;font-size: 16px;text-decoration:none;position: relative;top: 0px;}
.Pagination b{font-weight: normal;}
.Pagination strong{float:left;font-weight: normal; margin: 0 10px;}
.fenye{padding: 10px 20px;margin-bottom: 120px;margin-top: 40px;overflow: hidden;border-top: 1px solid #ddd;}
.fenye a{display: inline-block;width: 40%;height: 1.5em;line-height: 1.5em;overflow: hidden;color: #666;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;}
.fenye a:hover{color: #d90e03;}
.fenye a.fr{text-align:right;}
/*Pagination*/


/*swiper*/
.swiper-pagination span{width:20px;height:6px;border-radius:0px;background: #ddd;opacity:1; }
.swiper-pagination .swiper-pagination-bullet-active{background: #d90e03;}
.swiper-slide img{display: block; width: 100%;}
.swiper-button-next,.swiper-button-prev{background-image:none!important; border: 2px solid #d90e03; line-height: 44px; text-align: center;}
.swiper-button-next i,.swiper-button-prev i{color: #d90e03;}
.swiper-slide a{display: block;}
/*style*/




/*Loading*/
.formPoint{position: fixed;display: none;width: 100%;z-index: 999;left: 0px;text-align: center;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0px;}
#loading1{position: relative;top: 50%;left: 50%;width: 100px;margin-left: -50px;}
.formPoint .demo1{width: 6px;height: 6px;border-radius: 100%;background: #fff;float: left;margin: 0 6px;animation: demo1 linear 1s infinite;-webkit-animation: demo1 linear 1s infinite;}
.formPoint .demo1:nth-child(1){animation-delay:0s;}
.formPoint .demo1:nth-child(2){animation-delay:0.15s;}
.formPoint .demo1:nth-child(3){animation-delay:0.3s;}
.formPoint .demo1:nth-child(4){animation-delay:0.45s;}
.formPoint .demo1:nth-child(5){animation-delay:0.6s;}
@keyframes demo1{0%,60%,100%{transform: scale(1);}
30%{transform: scale(2.5);}} 
@-webkit-keyframes demo1{0%,60%,100%{transform: scale(1);}
30%{transform: scale(2.5);}}
/*Loading*/


.imghover{overflow:hidden}
.imghover img{transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;display:block}
.imghover:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}




.indexNav .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
    height: 70px;
}

.indexAbout ul{}
.indexAbout li{
    color: #666666;
    position: relative;
    padding-left: 14px;
}
.indexAbout li:before{content: '';width: 5px;height: 5px;display: block;position: absolute;left: 0px;top: 9px;background: #000;}
.indexAbout h3{
    font-size: 24px;
    font-weight: normal;
}

.indexServices .BJQ h3{
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
    font-weight: normal;
}

.indexServices ol{display: flex;
flex-wrap: wrap;
justify-content: space-between;
display: -webkit-flex; padding-top: 40px;}
.indexServices ol li{ width:24%; }
.indexServices ol li img{ width: 100%;border: 2px solid rgba(255, 255, 255, 0.8); }

.indexNav{ 
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 99;
    background: #fff;
    top: 0px;
}
.indexNav .logo{
}
.indexNav .logo img{
    max-height: 60px;
    
}
.indexNav .logo h1{font-size: 20px;color: #333;text-transform:uppercase;}
.indexNav .logo a{}
.indexNav ul{
}
.indexNav ul li{
    float: left;
}
.indexNav ul li a{
    display: block;
    padding-left: 70px;
    text-transform:uppercase;
    color: #333;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

.banner{position: relative;display: flex;flex-wrap: wrap;justify-content: center;display: -webkit-flex;align-items:center;margin-top: 70px;}
.banner i{
    position: absolute;
    bottom: 50px;
    font-size: 50px;
    color: #fff;
    left: 50%;
    margin-left: -25px;
    -moz-animation: myMove 1s linear infinite alternate;
    -webkit-animation: myMove 1s linear infinite alternate;
    -o-animation: myMove 1s linear infinite alternate;
    animation: myMove 1s linear infinite alternate;
    z-index: 4;
}
.banner img{ width:100%;height: 50vh;}
@-moz-keyframes myMove {
  0% {bottom:0px}
  100% {bottom: 20px}
}


@-webkit-keyframes myMove {
  0% {bottom:0px}
  100% {bottom: 20px}
}
@-o-keyframes myMove {
 0% {bottom:0px}
  100% {bottom: 20px}
}
@keyframes myMove {
 0% {bottom:0px}
  100% {bottom: 20px}
}


.banner:before{content:'';position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 2;}
.bannerTxt{width: 1000px;text-align: center;z-index: 3;position: absolute;}
.bannerTxt h3{
    color: #fff;
    text-transform:uppercase;
    font-size: 42px;
    margin-bottom: 20px;    font-weight: 500;
}
.bannerTxt p{
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
    font-size: 18px;
}
 


.indexAbout{
    overflow: hidden;
    padding: 100px 0 60px;
}
.indexAbout img{
    width: 600px;
    float: left;
    margin-right: 40px;
}
.indexAbout h2{
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 500;
}

 

.indexAbout .BJQ{}
.indexAbout .BJQ p{
    color: #666666;
    margin-bottom: 1em;
   
}

.indexAbout .BJQ p:last-child{   margin-bottom:0em;}


.fixed .indexNav{background: #fff;box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);}
.fixed .indexNav ul li a{color: #333!important; line-height: 70px;}
.fixed .indexNav .logo h1{color: #000!important;line-height: 70px;}




.indexServices{background-attachment: fixed;background-size: cover;position: relative;padding: 80px 0 100px;background-position: center;}

 
.indexServices h2{
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
}

.indexServices h4{
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 10px;
}
.indexServices p{
    color: #fff;
}
.indexServices .BJQ{
    overflow: hidden;
}
.indexServices ul{
    overflow: hidden;
    margin: 20px 0;
}
.indexServices ul li{
    color: #fff;
    position: relative;
    padding-left: 15px;
}
.indexServices ul li:before{content: '';width: 4px;height: 4px;background: #fff;border-radius: 100%;position: absolute;left: 0px;top: 12px;}
.indexServices .box{
    position: relative;
    z-index: 2;
}
.indexServices:before{content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0px;background-color: rgba(0, 0, 0, 0.4);}




.Getcontact{
    padding: 80px 0;
}
.Getcontact h2{
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}
.Getcontact h3{
    text-align: center;
    color: #666;
    font-weight: normal;
    margin: 20px 0;
    font-size: 18px;
}
.Getcontact form{
    display: block;
    width: 600px;
    margin: 0 auto;
}
.Getcontact input{
    display: block;
    line-height: 45px;
    height: 45px;
    border: 1px solid #eee;
    width: 600px;
    text-indent: 10px;
    font-size: 14px;
      margin-top: 20px;
}
.Getcontact textarea{
    display: block;
    border: 1px solid #eee;
    width: 100%;
    font-size: 14px;
    margin: 20px auto;
    height: 100px;
    padding: 10px;
}
.Getcontact button{
    display: block;
    line-height: 45px;
    height: 45px;
    width: 140px;
    font-size: 14px;
    background: #d90e03;
    color: #fff;
    margin: 0 auto;
}

.Getcontact ul{
    text-align: center;
}
.Getcontact ul li{
}
.Getcontact ul li span{
    font-weight: bold;
    font-size: 14px;
    margin-right: 5px;
    color: #333;
}
.Getcontact ul li p{
    display: inline-block;
}
.Getcontact ul li a{
    color: #777;
    font-size: 14px;
}

.foot{background-color: #222222;
    border-top: 2px solid #d90e03;
   line-height: 60px; color: #fff; text-align: center;}



/*s*/
.lanmubanner{
    position: relative;
    margin-top: 70px;
}
.lanmubanner:before{content:'';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background-color: #000;opacity: 0.2;}
.lanmubanner img{
    width: 100%;
    height: 30vh;
}
.lanmubannerTxt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    align-items:center;
}
.lanmubannerTxt h2{
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 2px;
}
.breadcrumb{
    border-bottom: 1px solid #ebebeb;
}
.breadcrumbA{}
.breadcrumbA span{}
.breadcrumbA span i{}
.breadcrumbA a{
    line-height: 45px;
    color: #999;
    font-size: 14px;
}
.breadcrumbA a:hover{ color: #d90e03;}
.breadcrumbA i{
    font-size: 14px;
    color: #999;
}
.breadcrumbAleft{float: left; line-height: 45px;font-family: 'Oswald', sans-serif; color: #333;    font-weight: 500;}
.breadcrumbAright{float: right;}
/*e*/

.backgroundNone{background: none;}
.backgroundNone  *{color: #fff!important;}




.productList{    padding-bottom: 100px;}
.productList ul{
    padding-top: 60px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    width: 102%;
    margin-left: -2%;
}
.productList ul li{
    width: 31.33%;
    margin-bottom: 20px;
    margin-left: 2%;
}
.productList ul li a{
    display: block;
}
.productList ul li img{
    width: 100%;
}
.productList ul li h3{
    font-weight: normal;
    padding: 10px 0;font-family: 'Microsoft YaHei','Arial', sans-serif;
}





.productShow{padding: 60px 0 100px;}
.productShowHead{overflow: hidden;}
.productShowHeadLeft{ width: 500px; float: left; margin-right: 40px; }
.productShowHeadLeft img{ width: 100%; }
.productShowHeadRight{}
.productShowHeadRight h1{    font-size: 24px;
    color: #242424;
    margin-bottom: 20px;}
.productShowTxt{}
.productShowTxt h2{
    margin-bottom: 20px;
    font-size: 24px;
}
.productShowTxt p{ color: #666; margin-bottom: 1em; }
.productShowHeadLeft .gallery-topY{margin-bottom:10px;}









.indexproduct{}
.indexproduct ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
}
.indexproduct li{
    width: 31%;margin-bottom: 20px;
}
.indexproduct a{    display: block;}
.indexproduct img{
    width: 100%;
}
.indexproduct h3{font-weight: normal;
    text-align: center;
    color: #333;
    font-family: 'Microsoft YaHei','Arial', sans-serif;
    height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 10px 0;}
 .indexproduct .more{
    width: 150px;
    display: block;
    margin: 20px auto 60px auto;
    text-align: center;
    line-height: 2.5em;
    border: 2px solid #d90e03;
    color: #fff;
    background: #d90e03;
}
.indexproduct h2{    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: center;}

/***********************************************************1600px*******************************************************/
@media (min-width:1200px) and (max-width:1600px){

}