body{font-family: sans-serif }
a{color: #111;text-decoration: none}
a:hover{text-decoration: none;color: #111}
.tr{text-align: right;}
.tc{text-align: center;}
.h100{height: 100%;}
.blockimg{display: block; width: 100%;}
img{max-width: 100%;}
.hr{height: 20px;}


.content{width: 100%; max-width: 750px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}


.head{height: 23vw; max-height: 137px; border-bottom: solid 1px #111; background: #00A0EA;}
.head .language{position: absolute;top: 0; right: 4vw; background: #13ADF5;color: #fff; padding: 5px 10px; font-size: 12px; border-radius: 0 0 5px 5px;}
.head .language a{color: #fff;}
.head .menu{height: 23vw;width: 15vw; max-height: 137px; max-width: 137px; line-height:23vw;position: absolute;top: 0; left: 0; font-size: 10vw; color: #fff}

.search{overflow: hidden; padding: 10px 0 0 0; text-align: center}
.search input{display: inline-block;height: 10vw;}
.search #findtext{width: 60%; border: solid 1px #013567; border-radius: 5px 0 0 5px; border-right: 0; text-indent: 10px;}
.search #sbtn{width: 30%;border: solid 1px #013567; border-radius: 0 5px 5px 0; border-left: 0; background: #00A0EA; color: #fff;}

.banner{ position:relative; overflow:hidden; margin:10px auto;  max-width:560px;/* 设置焦点图最大宽度 */ }
.banner .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.banner .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.banner .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.banner .hd ul .on{ background:#FE6C9C;  }

.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.banner .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

.channel {background: #00A0EA ; padding: 20px 0; text-align: center; color: #fff;}
.channel strong{font-size: 20px;font-weight: bold}
.channel hr{width: 20%; height:8px; background: #fff;border: none;}
.channel p{font-size: 14px; font-style: italic}

.aboutus{padding: 20px; line-height: 1.5}
.aboutus a{color: #00A0EA ;}

.products{overflow: hidden; font-size: 12px;}
.products li{float: left;width: 40%;text-align: center; padding: 5% 5% 0% 5%; min-height: 220px;}
.products li img{width: 40vw;height: 40vw; padding: 4px; border: solid 1px #ccc;}
.products li p{ margin: 5px 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 1.5; height: 53px;}

.more{display: block; margin: 20px auto;width: 35%; padding: 10px 15px; border: solid 1px #ccc; border-radius: 10px; text-align: center; font-size: 16px; color: #8C8C8C}

.vidio, .vidio li {overflow: hidden;}
.vidio li{padding: 15px 15px 0 15px;}
.vidio li a{display: block; overflow: hidden;}
.vidio li img{float: left;width: 40%; height: 30%; margin-right:10px;}
.vidio li strong{font-size: 15px; display: block; padding-top: 10px}
.vidio li p{font-size: 12px; line-height: 1.8; padding-top: 10px; color: #333}


.newslist li{ border-bottom: solid 1px #ccc; background: url(../../images/blue-arr.jpg) left center no-repeat; padding-left:30px;margin:15px 10px; line-height:30px;font-size: 14px;height:30px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.newslist li a{color: #111; text-decoration: none;}
.newslist li a:hover{color: rgb(11, 78, 155);}


.honner{background:#C4E9FB ; position: relative; padding: 0 30px;}
.picScroll{text-align:center; }
.picScroll .bd ul{ width:100%;  float:left; padding:10px 0;  }
.picScroll .bd li{ width:33%; float:left; font-size:14px; text-align:center;  }
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.picScroll .bd li img{ width:90%; height:142px;  background:url(images/loading.gif) #fff center center no-repeat;  }
.picScroll .hd{  }
.picScroll .hd ul{ display: none; }	
.picScroll .prev,.picScroll .next{ position: absolute; top:0%; height: 162px; line-height: 162px; color: #FFF; font-size: 30px; text-align: center}
.picScroll .next{ right: 3px;}
.picScroll .prev{  left: 3px;}

.footer{background: #00A0EA; padding: 20px; color: #fff;line-height: 1.8;}
.copyright{background: #0192D5; color: #fff;line-height: 1.8; font-size: 10px; text-align: center ; padding: 10px;}

.nav-open #nav,.nav-open .navlayout{display: block}
#nav,.navlayout{display: none}
#nav{position: fixed;z-index: 2 ; left: 0;top: 0; width: 40vw;background: #00A0EA;height: 100vh;box-shadow: 3px 0px 3px 0px rgb(0, 41, 60) }
#nav a{display: block;text-align: center; color: #fff; margin: 10px;line-height: 1.8; border-bottom: solid 1px #89c4de;padding-left: 10px}
.navlayout{position: fixed;z-index: 1; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh;left: 0;top: 0;;}
.navlayout::after{ content: "×";position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: #111;color: #fff;font-size: 50px;border-radius: 0 0 0 150%;line-height: 40px;text-indent: 15px;font-family: fantasy;text-align: center;}

.collapse{border-width:0px;border-style:solid;border-radius:2px}
.colla-item:first-child{border-top:none}
.colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 15px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden}
.colla-content{display:none;padding:10px 15px;line-height:22px;color:#666}
.colla-icon{position:absolute;left:15px;top:0;font-size:14px}
.collapse .show .colla-content{display:block!important}
.collapse .iconfont{font-size:24px;float: right; color:#000;}
.col-2-link{overflow: hidden;}
.col-2-link a{float: left;width:48%; padding: 1%; font-size: 14px; color: #666;}

.text_area{font-size: 14px;line-height: 1.85;font-family: Segoe UI,SegoeUI,Segoe WP,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;}

.faq{padding: 5px 20px;}
.faq a{color:#0292D1}
.faq dt{padding-left: 20px;}
.faq dd{border:solid 1px #eee;font-size: 16px; background: #f9f9f9;padding: 5px 20px;margin:0 20px 20px 20px; font-family: inherit;}





ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

ul.pagination li a.active {
    background-color: #0292D1;
    color: white;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

 .page{padding: 30px 0; border-top: solid 1px #ccc; line-height: 2;font-size: 14px;}
.page strong{font-weight: bold}

.table{overflow-y: hidden;overflow-x: auto}
.table .table1{width: 640px;}
.table .table1 table{width: 100%;}

.xwnr img{    max-width: 100%; height:auto;}