@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');
 @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: 'Open Sans','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,li{list-style-type: none;list-style: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}
button{cursor:pointer;}
img{object-fit:cover;border:0;display: block;}
a,em,b,span,strong,i{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,button{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #080845;}
*::selection{background:#080845;color:#fff}
*::-moz-selection{background:#080845;color:#fff}
*::-webkit-selection{background:#080845;color:#fff}
input,select,button{outline:none;border:none;background:#fff;}
html{position:relative;background:#fff;overflow-x:hidden;scroll-behavior: smooth;}
.pr{position: relative;}
.box{width: 1300px;margin: 0 auto; position: relative;}
.list{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.listlr{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content:space-between;}
.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: 20px 0 20px;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;padding: 0 10px;}
.Pagination span{float: left;font-size: 16px;display: inline-block;color: #fff;background: #080845;line-height: 24px;margin: 0;border-radius: 100%;width: 24px;text-align: center;}
.Pagination a:hover{color: #080845;}
.Pagination a:nth-child(1){}
.Pagination a:last-child{margin-left: 10px;}
.Pagination li{display: inline-block;}
.Pagination_list{display:inline-block;padding: 10px 0px;}
.Pagination form{float: left;display: inline-block;height: 24px;overflow: hidden;}
.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 .number{width: 2em;height: 22px;border: 1px solid #ddd;outline:none;text-align: center;padding-left: 5px;float: left;}
.Pagination .submit{background:#ddd;border: none;cursor: pointer;color: #fff;height: 24px;outline:none;float: left;margin-right: 5px;padding: 0 2px;font-size: 14px;}
.Pagination b{font-weight: normal;}
.Pagination strong{float:left;font-weight: normal;margin-left: 20px;}
.fenye{padding: 10px 0px;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: #080845;}
.fenye a.fr{text-align:right; float: right;}
/*swiper*/
.swiper-pagination span{width:20px;height:6px;border-radius:0px;background: #ddd;opacity:1; }
.swiper-pagination .swiper-pagination-bullet-active{background: #080845;}
.swiper-slide img{display: block; width: 100%;}
.swiper-button-next,.swiper-button-prev{background-image:none!important; border: 2px solid #080845; line-height: 44px; text-align: center;}
.swiper-button-next i,.swiper-button-prev i{color: #080845;}
.swiper-slide a{display: block;}
/*style*/

.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{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    align-items: center;
    }
.indexNav h2{
    color: #080845;
    font-size: 0.5rem;    font-weight: 500;
}
.indexNav ul{overflow: hidden;}
.indexNav ul li{
    float: left;
    padding: 50px 0 50px 40px;
    }
.indexNav ul li a{font-size: 0.24rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    display: block;
    border-bottom: 2px solid #fff;
    }

#indexBanner{ }

.indexNav ul li a.this{
    border-bottom: 2px solid #080845;
    color: #080845;
}

.foot p{ line-height: 60px; text-align: center; }
.foot { margin-top: 60px;border-top: 4px solid #080845;
    background: #eee; overflow: hidden;}

.margin{margin: 0 10%;}

.about { }
.about img{ width: 100%; }
.about h2{font-size: 0.4rem;
    padding: 1em 0; font-weight: 500;}
.about p{font-size: 20px; margin-bottom: 1em;}

.product { }
.product ul{
    display: flex;
    flex-wrap: wrap;
     justify-content: center;
    display: -webkit-flex;
}
.product ul li{
    width: 31.333%;
    margin: 0px 1% 40px 1%;
}
.product ul li img{
    width: 100%;
}
.product ul li h3{font-weight: 400;font-size: 0.3rem;height: 1.5em;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin: 10px 0 5px;text-transform:capitalize; }
.product ul li a{display: block;}
.product ul li p{ color: #777;
    height: 3em;
    -webkit-line-clamp: 2;
    font-size: 14px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; }

.productShow{overflow: hidden;}
.productShow  h1{    text-align: center;text-transform: capitalize;
    font-size: 0.45rem;
    font-weight: 500;
    padding-bottom: 1em;}
.productShow  .BJQ{}
.productShow  .BJQ p{}
.productShow img{    width: 100%;
    display: block;
    cursor: pointer; }
#productShowImg{padding-bottom: 40px; margin-top: 40px;}


.contact{}
.contact h2{    margin-bottom: 20px;
    text-align: center;
    font-size: 0.45rem;
    font-weight: 500;
}
.contact h3{font-weight: normal;text-align: center;color: #666;width: 50%;margin: 0 auto;font-size: 20px;}
.contact ul{
    text-align: center;
    padding: 20px 0;
}
.contact ul li{
    margin-block: 10px;
}
.contact ul li span{font-weight: bold;margin-right: 10px;}
.contact ul li p{}
.contact input{
    display: block;
    border: 1px solid #ddd;
    width: 10rem;
    line-height: 50px;
    height: 50px;
    text-indent: 10px;
    font-size: 14px;
    margin: 0 auto 20px;
}
.contact textarea{
    display: block;
    border: 1px solid #ddd;
    width: 10rem;
    margin: 0 auto 20px;
    padding: 10px;
    font-size: 14px;
} 
.contact button{
    width: 3rem;
    background: #080845;
    line-height: 50px;
    color: #fff;
    margin: 0 auto;
    display: block;
}
.contact form{display: block;
    padding: 40px 0;}
 .productShow .BJQ p{margin-bottom: 1em;}
.indexproduct ul{justify-content: space-between;}
.indexproduct ul li{ width: 31.333%; margin: 0px 0 40px; }
.indexproduct h2{    text-align: center;
    font-size: 0.45rem;
    font-weight: 500;}
.indexproduct p{text-align: center;margin: 20px 20%;color: #666;}
.indexproduct{padding-top: 40px;}
.indexproduct .more{
    transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
-webkit-transition: 0.4s;
    border: 2px solid #080845;
    line-height: 42px;
    display: block;
    margin: 20px auto;
    width: 150px;
    text-align: center;
    color: #080845;
}
.indexproduct .more:hover{ background-color: #080845;  color: #fff; }






/*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*/




.pageA{}
.pageA ul{
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    justify-content: space-between;
    margin: 0 -10px 0 -10px;
}
.pageA ul li{
    width: 33.3333%;
    margin-bottom: 20px;
}
.pageA ul li img{
    width: 100%;
    height: 20vw;
}
.pageA ul li em{
    display: block;
    margin: 0 10px;
}



/***********************************************************1600px*******************************************************/
@media (min-width:1200px) and (max-width:1600px){
.margin{margin: 0 60px;}
}