@charset "UTF-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; max-width: 720px; margin: 0 auto;}
body { font-size: 14px; line-height: 1.4;  margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #f9f9f9; font-family:'Microsoft YaHei',Arial, sans-serif; max-width: 720px;}
div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:'Microsoft YaHeiMicrosoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #26c5ff; color: #ffffff; text-shadow: none; }
::selection { background: #26c5ff; color: #ffffff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar{width: 4px;height: 4px;}
::-webkit-scrollbar-thumb{ border-radius: 50px; background:#26c5ff;}
::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
::-webkit-scrollbar-thumb:hover{ background: #26c5ff;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after{ display: table; content: ""; line-height: 0px; }
.clearfix:after{clear: both;}

.fl{ float: left;}
.fr{ float: right;}
.container{ padding: 0 5%; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-50 {padding-bottom: 50%;}
.rect-566 {padding-bottom: 56.6%;}
.rect-67 {padding-bottom: 67%;}
.rect-100 {padding-bottom: 100%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{height:50px; z-index: 9999;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all; max-width: 720px;border-bottom: 1px #f2f2f2 solid;}
.header .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:50px; display:flex;  align-items:center; transition:0.5s all;}
.header .logo img{ height:20px; display:block; transition:0.5s all;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:22px;}
.sp_nav span{display:block;background:#26c5ff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.sjj_nav .bg{ width: 100%; height: 4px;background: #26c5ff;}
.sjj_nav .hotline{ background-color: #26c5ff; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
.sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
.sjj_nav>ul>li:first-child>a{float:left;width:75%;}
.sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
.sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
.sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
.sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
.sjj_nav>ul>li ul{display:none}
.sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#26c5ff;}
.sjj_nav>ul>li ul li{position:relative;line-height:40px;}
.sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
.sjj_nav>ul>li ul li a:hover{color:#26c5ff;}
.sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
.sjj_nav>ul>li ul li>ul{margin-left:10px}
.placeholder{display:block; width:100%; height:50px;}

/* banner */
.banner {width:100%; position: relative; z-index:0; background:#000; overflow:hidden;}
.banner .swiper-slide .pic { position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%; }
.banner .pagination{position: absolute; width: 100%;bottom: 10px;}
.banner .pagination .container{position: relative;}
.banner .pagination .swiper-pagination{bottom: 0 !important;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background: #ffffff; opacity: 1;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet-active{background: #26c5ff !important;}

.catproduct{ border-radius: 5px; background: #ffffff; padding: 20px 0; margin-bottom: 80px;}
.catproduct .name{font-size: 20px; color: #26c5ff;    font-weight: bold;}
.catproduct .name .text{font-size: 16px; color: #333333;}
.catproduct .productlist{ margin-top: 20px; display: flex; flex-wrap: wrap;}
.catproduct .productlist .item{ width: calc((100% - 10px)/2); margin-right: 10px; background: #26c5ff; text-align: center; padding: 10px 1%; border-radius: 10px; margin-bottom: 10px;}
.catproduct .productlist .item:nth-child(2n){ margin-right: 0;}
.catproduct .productlist .item a{font-size: 16px; color: #ffffff; display: block;}
.catproduct .productlist .item a:hover{ color: #ffffff;}
.catproduct .manual{ position:relative; margin:10px 0;}
.catproduct .manual .manuallst{margin-top:10px;}
.catproduct .manual .manuallst a{font-size: 16px; color: #ffffff; display: block;width: 100%; margin-right: 10px; background: #26c5ff; text-align: center; padding: 10px 1%; border-radius: 10px;}
.pageproduct{ position: relative; background: #f9f9f9; padding-bottom:60px;}
.pageproduct .container{ padding: 0 2%;}
.pageproduct .catname{margin: 15px 0; font-size: 17px; color: #333333; font-weight: bold;}
.pageproduct .thumb{position: relative; padding:10px; background:#ffffff; margin-bottom:20px;}
.pageproduct .thumb img{ width: 100%;}
.layer-box{ width: 100%;  overflow: hidden; position: relative; border: 1px solid #f1f1f1; background:#ffffff;}
.layer-box .layer{ width: 100%; overflow: hidden; overflow-x: scroll;}
.layer-box .layer table{ border-collapse: collapse; }
.layer-box .layer td,.layer-box .layer th{ color: #333; font-size: 14px; padding: 5px 10px; border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1; line-height: 30px; box-sizing: border-box; white-space: nowrap;background: #fff; }
.layer-box .layer .td-1{ position: absolute; left: 0; z-index: 2; width: 145px; text-align: left;}
.layer-box .layer .zhanwei{ width: 124px;}
.layer-box .layer table tr:nth-child(odd) td,
.layer-box .layer table tr:nth-child(odd) th{ background: #ffffff;}
.layer-box .layer td a{ color: #26c5ff; font-size: 15px;}
.layer-box .layer table tr:nth-child(odd) th{ background: #ffffff;}
.layer-box .layer .td-1{ background:#f8f8f8;}
.prodbox{ display: grid;grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
.prodbox .item { position: relative; background: #fff;}
.prodbox .item .infor { padding: 10px 3%; background-color: #ffffff;box-sizing: border-box;}
.prodbox .item .infor .t { margin-bottom: 10px;padding-bottom: 10px; font-size: 16px;color: #333333;border-bottom: 1px #f1f1f1 solid;}
.prodbox .item .infor .c p {line-height: 1.6;}
.prodbox .item .infor .c .par {font-size: 14px;color: #333333;}
.prodbox .item .infor .c .data {font-size: 14px;color: #666666;}
.prodbox .item .infor .down{display: block; margin-top:10px; font-size:15px; color:#26c5ff; text-align:center;}
.search-null{text-align:center; font-size:16px; color:#26c5ff; padding:30px;}


.search{ position: relative; margin-top: 10px;}
.search .soname{font-size: 20px; color: #26c5ff; margin-bottom: 10px; font-weight: bold;}
.search .searchtxt{display: flex; justify-content: space-between;}
.search .searchtxt .searchkey{position: relative; width: calc(100% - 50px); background: #f2f2f2; padding-left: 15px; height: 36px;border-radius: 40px;}
.search .searchtxt .searchkey::before{ position: absolute; left: 10px; top: 50%; transform: translateY(-50px);}
.search .searchtxt .searchbtn{width: 50px; font-size: 14px; color: #333333;}

.tabBar{ position: fixed; width: 100%; max-width: 720px; bottom: 0; background: #ffffff; padding: 5px 0; border-top: 1px #f2f2f2 solid;}
.tabBar .container{display: flex; justify-content: space-between; align-items: center;}
.tabBar .item a{ text-align: center;    display: flex; flex-wrap: wrap; align-items: center;}
.tabBar .item span{width: 100%; text-align: center; font-size: 22px; color: #333333;}
.tabBar .item p{ width: 100%;font-size: 13px; color: #333333;}
.tabBar .item.active span{color: #26c5ff;}
.tabBar .item.active p{color: #26c5ff;}

.pageabout{ border-radius: 5px; background: #ffffff; padding: 20px 0; margin-bottom: 80px;}
.pageabout .name{font-size: 20px; color: #26c5ff; font-weight: bold;}
.pageabout .content{margin-top: 20px; font-size: 15px; color: #333333; line-height: 1.8;}
.pageabout .content img{ max-width:100%;}
.contactmap{ width: 100%; height: 220px;}

.pagenews{  border-radius: 5px; background: #ffffff; padding: 20px 0; margin-bottom: 80px;}
.pagenews .item{ padding-bottom: 15px; border-bottom: 1px #eeeeee solid;}
.pagenews .item a{display: flex; justify-content: space-between;}
.pagenews .item .newsImg{ width: 32%; border-radius: 5px; overflow: hidden;}
.pagenews .item .newsInfos{ width: 64%;}
.pagenews .item .newsInfos .newsFonfs{font-size: 16px; color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pagenews .item .newsInfos .newsDesc{font-size: 14px; color: #666666; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsShow{ position: relative; background: #f4f7f9; padding-bottom: 80px; min-height: 100vh;}
.crumbs{margin: 20px 0;font-size: 13px; color: #333333;}
.crumbs a{font-size: 13px; color: #333333;}
.showcontent{ position: relative; padding: 15px; background: #ffffff; border-radius: 5px;}
.showcontent .item_top { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.showcontent .item_top .pageT { margin-bottom: 10px; font-size: 16px; color: #000000;  line-height: 1;}
.showcontent .item_top .pageD { font-size: 13px; color: #b5b5c3;}
.showcontent .item_top .pageD .line { margin: 0 5px; font-size: 14px; font-weight: lighter;color: #999999;}
.showcontent .item_content { padding: 10px 0; font-size: 14px; color: #333333;line-height: 1.8;}
.showcontent .item_content img{ max-width: 100%; margin: 5px 0;}
.page_btm { width: 100%; padding-top: 20px; border-top: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
.page_btm .paging_nav { width: 100%; margin: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: column; align-content: flex-start;}
.page_btm .paging_nav .prevpage { width: 100%;display: flex; align-items: center;}
.page_btm .paging_nav .prevpage span{ font-size: 13px ;}
.page_btm .paging_nav .prevpage a { line-height: 1.5; color: #26c5ff; font-size: 13px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .nextpage { width: 100%; display: flex; align-items: center;}
.page_btm .paging_nav .nextpage span{ font-size: 13px ;}
.page_btm .paging_nav .nextpage a { line-height: 1.5; color: #26c5ff; font-size: 13px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

/* fenye */
.pages { margin:50px auto 0; text-align:center;}
.pages li { margin:0 2px; display:inline-block; height:45px; width: 45px; line-height:45px; background:#ffffff; border-radius: 3px; border: 1px #efefef solid; }
.pages li a{text-align:center; font-size: 18px; color:#333333;}
.pages li.active,.pages li:hover {background:#30a190; text-decoration:none}
.pages li.active a,.pages li:hover a{color:#ffffff; }

.pages1{ width:100%; padding: 40px 0; background:#ffffff; border-top: 1px #e5e5e5 solid; margin-top: 20px;}
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333333; font-size: 14px;}
.pages1_l:hover a{ color:#64ad5c;}
.pages1_r{ float:left; width:100%;}
.pages1_r a{line-height:26px; color:#333333; font-size: 14px;}
.pages1_r:hover a{ color:#64ad5c;}

@media screen and (max-width: 330px){
    .container{ padding: 0 3%; }
}