@charset "utf-8";
@import url("styles.css");
/* wx/qq.465320335 */ 
/* pub */
.f13 {
   font-size: 0.21rem;
}
.f14 {
   font-size: 0.23rem;
}
.f15 {
   font-size: 0.26rem;
}
.f16 {
   font-size: 0.28rem;
}
.f18 {
   font-size: 0.33rem;
}
.f22 {
   font-size: 0.38rem;
}
.lh18 {
   line-height: 0.25rem;
}
.lh20 {
   line-height: 0.28rem;
}
.lh23 {
   line-height: 0.31rem;
}
.lh26 {
   line-height: 0.36rem;
}
.lh30 {
   line-height: 0.4rem;
}
.lh33 {
   line-height: 0.45rem;
}
.lh35 {
   line-height: 0.65rem;
}
.lh38 {
   line-height: 0.73rem;
}
/* head */
.hearer {
   width: 100%;
}
.top {
   border-bottom: 1px solid #e8e8e8;
   padding: 1% 3% 0.5%;
}
.top a {
   display: block;
   color: #666;
}
.top i {
   margin-right: 5px;
}
.top strong {
   font-size: 0.24rem;
   color: #008dcf;
}
.logo {
   padding: 1.3% 2% 1.8%;
}
.logo img {
   max-width: 90%;
}
.naver {
   background: #008dcf;
   font-size: 0.25rem;
}
.naver ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   align-items: center;
}
.naver li {
   width: 33.33333%;
   border-bottom: 1px solid rgba(0,0,0,.05);
   border-left: 1px solid rgba(0,0,0,.05);
}
.naver li a {
   padding-top: 1px;
   color: #fff;
   display: block;
}
.naver li a:hover {
   background: rgba(0,0,0,.05);
}

.slide {
   position: relative;
   width: 100%;
   height: 3rem;
}
.slide li.swiper-slide {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}
.slide li a {
   display: block;
   width: 100%;
   height: 100%;
}
.slide li img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

/* main */
.main {
   width: 100%;
   padding-bottom: 1.02rem;
}
.main_title h2 {
   color: #008dcf;
   font-size: 0.45rem;
}
.main_title h5 {
   padding-top: 0.12rem;
   font-size: 0.45rem;
   color: #ccc;
   font-family: 'Times New Roman', Times, serif;
}

.products {
   width: 100%;
   padding: 10% 2.5%;
   background: #f8f8f8;
}
.products .p_list {
   padding-top: 0.48rem;
}
.products .p_list ul {
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: top;
}
.products .p_list li {
   width: 48.5%;
   margin-bottom: 3%;
   border-radius: 5px;
   background: #fff;
   overflow: hidden;
   box-shadow: 0 0 10px rgba(0,0,0,.04);
}
.products .p_list li ._pic {
   width: 100%;
   height: 2.5rem;
   overflow: hidden;
}
.products .p_list li ._pic img {
   width: 100%;
   height: 100%;
   object-fit: cover
}
.products .p_list li span {
   display: block;
   font-size: 0.23rem;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   padding: 0.25rem 0;
}
.products .p_list li a {
   color: #008dcf;
}

.abouts {
   width: 100%;
   padding: 10% 2.5%;
}
.abouts img {
   display: block;
   width: 100%;
   margin-bottom: 3%;
}
.abouts .a_desc {
   padding-top: 3%;
   color: #555;
}

.news {
   width: 100%;
   padding: 10% 2.5%;
   background: #f8f8f8;
}
.news .n_list {
   padding-top: 3%;
}
.news .n_list li {
   padding-left: 0.1rem;
}
.news .n_list li:nth-child(2n) {
   background: #fff;
}
.news .n_list li a {
   display: block;
   padding: 0.24rem 0;
   color: #555;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.news .n_list li a:hover {
   color: #008dcf;
}


/* content */
.cols_pos {
   border-bottom: 1px solid #e9e9e9;
   padding: 3.8% 2.5% 3.3%;
   color: #666;
   background: #f9f9f9;
   font-size: 0.22rem;
}
.cols_pos a {
   color: #666;
}
.next a:hover,
.cols_bt,
.cols_pos a:last-child,
.cols_pos a:hover,
.cols_desc a:hover {
   color: #008dcf;
}
.cols_desc {
   padding: 5% 2.5% 10%;
   color: #555;
}
.cols_desc a {
   color: #555;
}
.cols_desc img,
.cols_pic img {
   max-width: 100%;
}
.cols_bt {
   padding: 8% 0 5%;
   border-bottom: 1px solid #e9e9e9;
}
.cols_pic {
   padding-top: 5%;
}



.newslist.news {
   padding: 0 0 6%;
   background: none;
}
.newslist .n_list li {
   padding: 0 1.5% 0 2.5%;
}
.newslist .n_list li:nth-child(2n) {
   background: #f8f8f8;
}

.productlist.products {
   padding: 0 2.5% 6%;
}
.productlist .p_list {
   padding-bottom: 8%;
}








/* pages */
.pages {}
.next {
   border-top: 1px solid #e8e8e8;
   padding: 6% 2.5%;
   color: #666;
}
.next a {
   color: #666;
}
.next p {
   margin-bottom: 13px;
}


/* footer */
.footer {
   background-color: #008dcf;
   position: fixed;
   bottom: 0;
   z-index: 99999;
   height: 1.02rem;
   width: 100%;
   padding-bottom: .03rem;
}
.footer ul {
   height: 100%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-between;
   align-items: center;
}
.footer li {
   width: 25%;
   font-size: .21rem;
}
.footer li i {
   display: block;
   font-size: .33rem;
   line-height: 0.35rem;
   margin-bottom: 0.09rem;
}
.footer li a {
   display: block;
   color: rgba(255,255,255,.8);
}
.footer li a:hover {
   color: #fff;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
    font-size: .22rem;
}
p#back-to-top{
   position: fixed;
   display: none;
   bottom: 25px;
   right: 15px;
}
p#back-to-top i {
   display: block;
   font-size: 22px;
}
p#back-to-top a {
   text-align: center;
   display: block;
   height: 30px;
   width: 30px;
   line-height: 30px;
   border: 1px #f1433c solid;
   color: #f1433c;
   overflow: hidden;
}
p#back-to-top a:hover {
   color: #fff;
   border-color: #f1433c;
   background-color: #f1433c;
}