@charset "utf-8";
/* CSS Document */
html, body {width: 100%;overflow-x: hidden;overflow-y: hidden;}
html {overflow-y: scroll;_background-image: url(about:blank); _background-attachment: fixed; font-size: 14px;}
body {font-family: "Microsoft Yahei", Arial, 'Hiragino Sans GB', sans-serif;font-size: 14px;color: #333;font-weight: 400;}
* {margin: 0;padding: 0;word-wrap:break-word;box-sizing: border-box;}
table {margin: auto;padding: auto;}
dd,dt{margin: 0; padding: 0;}
ul{width: 100%;}
ul, ol, li {list-style: none;}
img {-ms-interpolation-mode: bicubic;}
input, textarea, select,h1,h2 {font-family: inherit;font-size: inherit;font-weight: inherit;outline: none;font-family: "Microsoft Yahei";font-weight:400;}
a { text-decoration: none !important;margin: 0; padding: 0;	color: #666;}
a:visited, a:focus {outline: none;  text-decoration: none !important;	color: #666;}
a:hover,.list_a .active{color: #00afec;}
#pc,.pc{display: block;}
#move,.move{display: none;}
div{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
div:focus {outline: none;}
.ok{display: block;}
.no{display: none;}

/*字体*/
@font-face {
  font-family: 'iconfont';  src: url('iconfont.eot');  src: url('iconfont.eot?#iefix') format('embedded-opentype'),url('iconfont.woff2') format('woff2'),url('iconfont.woff') format('woff'),url('iconfont.ttf') format('truetype'),url('iconfont.svg#iconfont') format('svg');}

.iconfont {  font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

/*边框半圆*/
.d_b2{border-radius: 2px;}
.pro_g{background: #F8F8F8;border: 1px solid #EEEEEE;border-radius: 10px;box-sizing: border-box;}
.pro_b{background: #ffffff;border-radius:10px 10px 0 0;border-bottom:1px solid #EEEEEE;}
/*渐变*/

/*靠左靠右*/
.dfl{float:none;}
.dfll{float:left;}
.dflr{float:right;}

/*显示与隐藏*/
.d-dn{display: none;}/*不显示*/
.d-db{display: block;}/*显示*/
.ov{overflow: visible;}/*默认值。内容不会被修剪，会呈现在元素框之外*/
.oh{overflow: hidden;}/*内容会被修剪，并且其余内容是不可见的*/
.os{overflow: scroll;}/*内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。*/
.oa{overflow: auto;}/*如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容*/
.oi{overflow: inherit;}/*规定应该从父元素继承 overflow 属性的值*/


/*其它*/
.img_md{position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;}/*其里面图片不改变比例居中*/
    .img_md img{object-fit: cover; width: 100%;}


/*内部绝对居中*/
.txtmd{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.txthh{ position: relative; top:50%; transform:translateY(-50%);}/*垂直居中*/
.txtwh{ position: relative; left:50%; transform:translateX(-50%); }/*平行居中*/




.bei-co-f50{background-color: rgba(255,255,255,0.5);}
.bei-co-f30{background-color: rgba(255,255,255,0.3);}
.bei-co-f{background-color: rgba(255,255,255,1.00);}
.bei-co-h50{background-color: rgba(000,000,000,0.5);}
.bei-co-h30{background-color: rgba(000,000,000,0.3);}
.bei-co-h{background-color: rgba(000,000,000,1.00);}

/*清除*/
.clear{clear:both;width: 0px; height: 0px;}
.clear10{clear:both;width:100%; height:10px;}
.clear20{clear:both;width:100%; height:20px;}
.clear30{clear:both;width:100%; height:30px;}
.clear50{clear:both;width:100%; height:40px;}
.clear40{clear:both;width:100%; height:40px;}
.clear60{clear:both;width:100%; height:60px;}
.clear90{clear:both;width:100%; height:90px;}
.clear100{clear:both;width:100%; height:100px;}
.clear15_color{ background-color: #00afec;clear:both;width:100%; height:15px;}

/*文字行*/
.text_x1{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;  
    display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;text-align: justify;}
.text_x2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;  
    display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;align-items: center;text-align: justify;}
/*弹出层*/
.zg_bei{z-index: 1000;width:100%;height:100vh;position: absolute;background:rgba(000,000,000,0.5);display:none;top:0;right:0;}
.wexingno {
    z-index: 990;
	width:100%;
	height:100vh;
	position: absolute;
	background:rgba(000,000,000,0.8);
	display:none;
	top:0;
	left:0;
}
.xwidno {
    z-index: 999;
	position:relative;
    text-align: center;top:50%; transform:translateY(-50%);
    background-color: #fff;
    margin: 0 auto;border-radius:8px;
    width: 70%;
    padding: 20px;
}
.xwidno img{max-width:100%;}
.xwidno h1{font-size:1.2rem; line-height:2.5rem;}
.xwidno h1 span{background-color: #01B0E9; color:#fff; width:120px;border-radius:3px;line-height:2rem; display:inline-block;margin-top:0.25rem;}

.close {position:absolute;	right:15px;	top:15px;
}



/*核心宽度*/
.lay{width: 1140px; margin: 0 auto; padding: 0px;}
.lay_b{width:100%; padding:0;}
.layout_show{width: 1140px; margin: 0 auto; padding: 0px;}
 .layout_show .layout_left{width: 220px; float: left;}
 .layout_show .layout_right{ width: 860px; float: right;}
 
 
/*自由布局*/
.flex_all{display: -webkit-flex;display: flex;}
 .flex_all_h{display: -webkit-flex;display: flex;justify-content: space-between;align-items: flex-start; align-content:center;}/*两边对齐、起点对齐、换行*/
 
 /*order:排序，超小超前（默认0）1、2、3*/
 /*flex:自动放大（默认0），等分剩余空间，以倍为准1、2、3*/
 
 /*通用列表*/
 .list_all{}
 .list_all .title{ width: 220px; height: 52px; line-height: 52px; background:  url(../image/layout_left_title.jpg) no-repeat center top; font-size: 20px; color: #FFFFFF;text-align: center;}
	.list_a{ background-color: #f1fbfe; text-align: center;}
		.list_a ul{}
		.list_a ul li{background:  url(../image/layout_left_list.png) no-repeat center bottom; line-height: 50px; font-size: 16px; color: #333333;}
		.list_a ul li:nth-last-of-type(1){background: none;}
		
	.list_b{ background-color: #f1fbfe;  text-align: center;}
		.list_b ul{ padding-bottom:20px;}
		.list_b ul li{width: 180px;position:relative; margin: 20px auto 0 auto; }
		.list_b ul li:hover{box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.1);transform: scale(1.15);z-index: 10;box-shadow: 0 0 5px 1px #ccc;}
		.list_b ul li:nth-last-of-type(1){margin: 20px auto 0 auto;}
		.list_b ul li img{ width: 180px; height: 180px;}
		.list_b ul li h1{position: absolute; bottom: 0; width: 100%; line-height: 30px; text-align: center; background-color: #00afec; color: #FFFFFF;}
		
/*角度符号*/
 .pro_fu .new{background: url(../image/new.png) no-repeat center center;position: absolute;top:-4px; left: -3px; width: 75px; height: 78px;}
 .pro_fu .hot{background: url(../image/hot.png) no-repeat center center;position: absolute;top:-4px; left: -3px; width: 75px; height: 78px;}
 .pro_fu .tui{background: url(../image/tui.png) no-repeat center center;position: absolute;top:-4px; left: -3px; width: 75px; height: 78px;}


/*头部*/
nav{width: 100%;height: 100px;position: fixed;top: 0;z-index:900;transition: all 0.2s;}
  .navbar {line-height: 100px;left: 0;right: 0;position: absolute;z-index: 910;font-size: 1.4rem;}
  .navbar .navbar-logo{float: left;text-align: center;display: -webkit-flex;display: flex;align-items:center;justify-content:center;height: 100px;}
  .navbar .navbar-phone-logo{display: none;}

nav .logo-white{display: inline !important;}
nav .logo-color{display: none !important;}
  .navbar .navbar-float {float: right;text-align: center;/* width: 400px; */border-bottom: 1px solid rgba(255, 255, 255, 0.3);  }
  .navbar .navbar-float .navbar-phone{display:none;}
  .navbar .navbar-float  .mune{width: 100%;}
  .navbar .navbar-float  .mune .logo,.navbar .navbar-float  .sousuo{display: none;}
  .navbar .navbar-float li {letter-spacing:0.4px;display: inline-block;float: left;/* width: 25%; *//* padding: 0 15px; */width:130px;height: 99px;color: #fff;opacity: 0.75; }
    .navbar .navbar-float li span{color: #fff;}
  .navbar-float li.hover-a{opacity: 1;transition: all 0.2s;}
	.navbar .navbar-float li:after{content: ""; display: block; margin: auto;margin-top:-3px; height: 4px; width: 0; background-color: transparent; transition: all ease .3s;}
  nav .navbar .navbar-float li.hover-a:after{ width: 100%; background-color: #fff; }
  
  nav.hover .navbar .navbar-float li.hover-a:after{ width: 100%; background-color: #00afec; }
  nav.hover {position: fixed;top: 0;background: #fff;color: #00afec;}
  nav.hover .navbar li{color: #333;}
  nav.hover .navbar li span{color: #333;}
  nav.hover .navbar li.hover-a{color: #00afec;}
  nav.hover .navbar li.hover-a span{color: #00afec;}
  nav.hover .navbar .navbar-float{border-bottom:1px solid #f2f2f2;}
  nav.hover .logo-white{display: none !important;}
  nav.hover .logo-color{display: inline !important;}
  
  nav .navbar .navbar-float li:hover{opacity: 1;color: #ffffff;}
  nav .navbar .navbar-float li:hover:after{width: 100%; background-color: #ffffff;}
  nav.hover .navbar .navbar-float li:hover{opacity: 1;color: #00afec;}
  nav.hover .navbar .navbar-float li:hover span{color: #00afec;}
  nav.hover .navbar .navbar-float li:hover:after{width: 100%; background-color: #00afec;}
   .navbar .navbar-float .oning{display:none;width:100%; height: 70px;position: fixed; left: 0;  background-color: #FFFFFF;}
   .navbar .navbar-float .oning .text{width: 880px; margin: 0 auto;  display: -webkit-flex;display: flex;align-items:stretch;justify-content:space-between; text-align: center;}
   .navbar .navbar-float .oning .text a{ height: 70px; line-height: 70px; font-size: 1.2rem;}
   .navbar .navbar-float li:hover .oning{display: block;}

  

.phone_mune{display:none; width: 50%; height: 100vh; background-color: #f2f2f2;position: absolute; right:0; top:0;z-index: 9999;}
	.phone_mune .logo{margin:60px auto 30px auto; text-align: center;}
	.phone_mune .logo img{height: 50px;}
	.phone_mune .sousuo{background: url(../image/sousuo.png) no-repeat center center; background-size:auto 100%; height: 28px; text-align: center; }
	.phone_mune .sousuo input{text-decoration: none;border: none;outline: none; background-color: transparent;}
    .phone_mune .text {display: flex;align-items: stretch;width: 130px; margin:0 auto;}
    .phone_mune .text .input {font-size:1.1rem; width: 100%; text-indent: 1rem;line-height:28px; height:28px;}
    .phone_mune .text .submit { width:30px; line-height:28px; height:28px;}
.nums{ text-align:center; line-height:2.5rem;}
	
	
	
	
	.phone_mune ul{background: url(../image/phone_a_bei.jpg) repeat-x bottom; margin-top: 40px;}
	.phone_mune ul li{color: #fff;letter-spacing:0.4px; width: 100%; line-height: 60px;  font-size: 1.1rem; background: url(../image/phone_a_bei.jpg) repeat-x top;
	color: #333; text-align: left;}
	.phone_mune ul li .nav_be{height:60px;}
	.phone_mune ul li span{display: inline-block; width: 100%;background: url(../image/phone_span.png) no-repeat center right;line-height: 60px; text-indent: 40px; text-align: left;color: #333; }
    	.phone_mune .on {}
    	.phone_mune .on .nav_be{opacity: 1;transition: all 0s;color: #ffffff;background-color: #76dcfe; /* 浏览器不支持的时候显示 */background-image: linear-gradient(#76dcfe, #0285b3);
    	    
    	}
		.phone_mune .on span{background: url(../image/phone_spanb.png) no-repeat center right; color:#ffffff}
		
		.phone_mune .oning{display: none; width:100%; height:auto; line-height: 35px; position:relative; left:auto; top: auto; background-color: transparent;}
		.phone_mune .oning .text{width:100%; margin: 0 auto;display:block; text-align: center;}
		.phone_mune .oning .text a{ height: 35px; line-height: 35px; font-size: 1rem;display:block;}
		.phone_mune .oning .text a:hover{background-color: #e1e1e1;}
		.phone_mune .on .oning{display: block;}


/*移动端底部菜单*/
.mobile_menu{z-index: 100; width: 100%; background-color: rgba(255,255,255,1);position: fixed;bottom: 0; left: 0;box-shadow: 0 0 5px 1px #ccc;}
.mobile_menu ul{ width: 100%; margin: 0; padding: 0;}
.mobile_menu ul li{width: 20%; float: left; padding: 8px 0;}
.mobile_menu ul li i{display: block;font-size:1.8rem; text-align: center;line-height:2rem; }
.mobile_menu ul li da{display: block;font-size:1rem;line-height:1rem; text-align: center;}
.mobile_menu ul li .on,.mobile_menu ul li:hover i,.mobile_menu ul li:hover da{color: #00B9F1;}







 /*尾部*/
 .footer{background-color: #212121;}
  .footer .her{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;color: #fff;}
  .footer .lr{}
  .footer .lr .image{ margin-top:10px;}
  .footer .lr .image img{margin-right: 10px;}
  .footer .lr .image span{position: relative;}
  .footer .lr .image span .coimg{display: none;position: absolute; top: -210px; width: 180px; height: 180px;border-radius: 10px; left: 0;box-shadow: 0 0 5px 1px #ccc;}
  .footer .lr .image span .coimg img{max-width: 100%; max-height: 100%;border-radius: 10px;}
  .footer .lr .image span:hover .coimg{display: block;}
  .footer .rl{ display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
  .footer .rl .text{ margin: 0 80px;}
   .footer .her .text h1{ font-size: 2rem; line-height: 3rem;}
   .footer .her .text h2{ font-size: 1.8rem; line-height: 3rem;}
   .footer .her .text ul{}
   .footer .her .text ul li{line-height:2rem; color: #666666;font-size: 1rem;}
  .footer .list{display: none;}
  .footer .fot{border-top:#7f7f7f 1px solid; text-align:center; padding: 30px 0;}
  .footer .fot img{ height:1.2rem; margin-top: 0.4rem;}
    .footer .fot p{ color: #666666;font-size: 1rem; line-height: 2rem;}
	.footer .fot p span{ color: #00afec;font-size: 1rem; line-height: 2rem; font-size: 1.5rem;}
	.footer .fot a{ color: #666666;font-size: 1rem; line-height: 2rem; margin: 0 1rem;}
  

.kefu_mo{ margin:0 auto; text-align:center;}
.kefu_mo #kefu_mo{background-color: #01B0E9; color:#fff; border-radius:3px;line-height:2rem; display:inline-block;margin-top:0.25rem; text-align:center; padding:0 15px;}
.kefu_mo span{}


 /*banner*/
.banner{}
 /*swiper1*/
.swip1 .swiper-container {width: 100%;height: auto;}
    .swip1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;position: relative;display: flex;justify-content: center;align-items: center;overflow: hidden;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swip1 .swiper-wrapper .swiper-slide img{object-fit: cover;}
@media (min-width: 840px) {
.swip1 .swiper-pagination{display: -webkit-flex;display: flex;align-items:center;justify-content:center;}
.swip1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px;}
.swip1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0px;}

.swip1 .swiper-pagination .swiper-pagination-bullet {width: 90px;height: 1px;border-radius:0;background: #fff;opacity: .6; margin:0;}
.swip1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0;}
.swip1 .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;	height: 5px;background-color: #fff;}
}
 /*swiper2*/
.swiper-father{position:relative; padding:100px 0;overflow:hidden;}
.swiper-father .sw-next,.swiper-father .sw-prev {position: absolute;top:70px;width: 70px;height:260px; z-index:10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.swiper-father .sw-next{background:#fff url(../image/left.png) no-repeat center center;left: 0;}
.swiper-father .sw-prev{background:#fff url(../image/right.png) no-repeat center center; right: 0;}
.swiper-father .swiper-container{overflow: visible;}
.swip2{width:962px; margin: 0 auto;}
.swip2 .swiper-slide{border-radius: 10px;border:1px solid #dddddd;}
.swip2 .swiper-slide img{border-radius:10px; width: 100%;}
.swip2 .swiper-slide da{position: absolute;bottom:0px; width: 100%; line-height:3rem; font-size: 1.2rem; border-radius: 0 0 10px 10px;background-color: #dddddd;color: #333333; left: 0; text-align: center;display:none;}
.swip2 .swiper-slide:hover{box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.1);border:0px solid #ccc; transform: scale(1.1);z-index: 10;}
.swip2 .swiper-slide:hover da{background-color: #00afec; color: #fff;display:block;}





/*标题*/
/*一级*/
.index_title{font-size:34px;line-height: 34px; color: #00afec; text-align: center;}/*蓝色*/
.index_title2{font-size: 34px;line-height: 34px; color: #FFFFFF; text-align: center;}/*白色*/
/*背图*/
.index_title3{background: url(../image/one_title.png) no-repeat center center;height: 52px;line-height: 52px;text-align: center;background-size: 100% 100%;font-size: 20px;color: #FFFFFF;}/*内容栏*/
/**/
/*二级*/
.index_title_con{font-size:16px;line-height: 16px; color: #666666; text-align: center;}
.index_title_con2{font-size: 16px;line-height: 16px; color: #ffffff; text-align: center;}
.more_link{border-radius: 18px;color: #999;height: 40px;width: 170px;line-height: 2.8rem;font-size: 1.1rem;border: 1px solid #999999;text-align: center; margin: 0 auto;}
.mf_link{border-radius: 19px;color: #fff;height: 40px;line-height: 40px;font-size: 1.2rem;text-align: center; margin:30px; background-color: #00afec;}
/*标题*/





/*首页产品中心*/
.index_pro{display: -webkit-flex;display: flex;justify-content:space-between;align-items:stretch;}
.index_pro li{}
.index_pro li:hover{box-shadow: 0 0 5px 3px #ccc;}
.index_pro .lr{background-color: #007AFF;}
 .index_pro .lr .text{width:354px; height: 496px;position: relative;overflow: hidden;}
 .index_pro .lr .text img{object-fit:contain; width: 100%;}
 .index_pro .lr .text h1{position: absolute; bottom: 0; color: #fff; font-size: 1.2rem; line-height: 3rem; text-align: center; width: 100%;background-color: #007AFF;}
.index_pro .rl{display: flex;justify-content:space-between; width:100%;}

 .index_pro .rl .ab{ width:410px; }
 .index_pro .rl .ab a{display: flex;position: relative;border:1px solid rgba(0, 0, 0,0.3);}
 .index_pro .rl .ab img{width:242px; height:242px; float:left;}
 .index_pro .rl .ab .text{ width:166px; float:right; background-color: #f1f6f8;display: flex;text-align: center;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 align-content:center;}
  .index_pro .rl .ab  h1{padding:20px; color: #333; font-size: 1.2rem; line-height: 1.5rem; width: 100%; }
  .index_pro .rl .ab  p{padding: 0 20px; width:100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;align-items: center;color: #999; }
    .index_pro .rl .ab  span{ line-height: 28px;border-radius: 10px; background-color: #00afec; width: 110px; margin: 10px auto; text-align: center; color: #fff;letter-spacing:1px;}
  
  
 .index_pro .rl .ba{width:242px; height:242px;}
 .index_pro .rl .ba img{width:242px; height:242px;}

.index_pro .rl .ab a:hover{box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);position: absolute; margin-top:-10px; z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;border:1px rgba(0, 0, 0, 0.0);}
.index_pro .rl .ba img:hover{box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.1);position: absolute; margin-top:-10px; z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;}


 .index_pro_a .rl ul{width:754px; height: 496px;display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
 .index_pro_a .rl li{ border:1px #ccc solid;width: 236px; height: 236px ;position: relative;}

 .index_pro_a .rl li img{object-fit:contain; width: 100%;}
 .index_pro_a .rl li h1{position: absolute; bottom: 0;color: #fff; font-size: 1.2rem; line-height: 3rem; text-align: center;width: 100%;background-color: #007AFF;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center; text-align: center;}
 .index_pro_a .rl li p{display: none;}
 .index_pro_a .rl li span{display: none;}


/*首页关于啦卡啦*/
.index_lal{background:#f1f6f8 url(../image/index_b.jpg) no-repeat center top; padding-bottom:30px;}
 .index_lal .text{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1);background-color: #fff; width: 1000px; margin: 0 auto; padding: 35px 60px;display: -webkit-flex;display: flex;align-items:center;justify-content:center;}
  .index_lal .text img{ float: left; margin-right: 2rem;}
  .index_lal .text p{font-size: 1.3rem; line-height:2rem;text-align: justify;}
  
  /*首页新闻中心*/
.index_news{background:#f1f6f8;}
 .index_news .con{}
 .index_news .con ul{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
 .index_news .con ul li{ width: 356px; height: 330px;background:#ffffff; margin-bottom: 30px; border:1px solid #ccc; border-radius: 10px;position:relative;font-size: 1rem;line-height:1.2rem;color: #999;}
  .index_news .con ul li .image{border-radius: 10px 10px 0 0;}
    .index_news .con ul li .image img{ width: 100%;border-radius: 10px 10px 0 0; max-width:100%; max-height:212px;}
  .index_news .con ul li .text{ padding: 0 20px;}
  .index_news .con ul li .text h1{ font-size: 1.2rem;line-height: 3.2rem; color: #333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;}
  .index_news .con ul li .text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;text-align: left;color: #999;}
  .index_news .con ul li  .other{position: absolute;bottom:10px; left: 0px; width: 100%; text-align: right; padding: 0 20px;color: #999;}
  .index_news .con ul li  .other span{position: absolute; left:20px; color: #07a8f2;}
  
   .index_news .con ul >li:hover{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1);border:0px solid #ccc}
   .index_news .con ul >li:hover h1{color: #07a8f2;}
   
   
   
   /*合作伙伴*/
.index_link{background:#f1f6f8 url(../image/link_bei.jpg) no-repeat center top;}
    .index_link .text{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1);/*background-color: #fff; width: 1000px; margin: 0 auto; padding:10px;display: -webkit-flex;display: flex;flex-wrap: wrap;justify-content:space-between; align-content:space-around;*/}
	.index_link .text img{ width: 100%;}
     /*
	 .index_link .text img{ height: 40px; margin:10px; }
	 .index_link .text img:nth-child(2n){ background-color: #0055AA;}
     .index_link .text p{font-size: 1.3rem; line-height:2rem;text-align: justify;}
	 */
	 
 /*首页表单*/
.index_from{background: url(../image/form.jpg) no-repeat center center; background-size: 100% auto; padding: 60px 0;}
 .index_from .lay{background: url(../image/index_from_lr.png) no-repeat 15px center;}
 .index_from .text{width: 730px; height:350px; float: right; background-color:rgba(255, 255, 255, 0.35) ; margin: 0 18px;}
 .index_from .text h1{background: url(../image/form_00.png) no-repeat center bottom; line-height: 80px;letter-spacing:2px; font-size: 24px; color: #fff; text-align: center;}
 .index_from .text h6{font-size: 12px; color: #fff; text-align: center;font-weight:300;padding-top: 5px;}
 .index_from .text ul{ padding: 30px 50px 0 50px;}
 .index_from .text li{margin-bottom: 15px; text-align: center;display: -webkit-flex;display: flex;}
 .index_from .text da{color: #fff; font-size: 17px;letter-spacing:1px;  line-height: 36px;}
 .index_from .text da:nth-child(1){float: left;flex-grow:0; margin-right: 10px;}
 .index_from .text da:nth-child(2){ float: right;flex-grow:1; }
 .index_from .text da span{color: #cc0000;}
 .index_from .text input{height: 36px;width: 100%; padding: 0 1rem; line-height:36px;}
  .index_from .text .button{text-decoration: none;border: none; font-size: 20px; outline: none; line-height: 46px;border-radius: 23px; background-color: #00afec; width: 230px;text-align: center; color: #fff;letter-spacing:1px;margin:10px auto 0 auto; height:auto;cursor: pointer;} 



/*栏目页*/
.banner_cat{ text-align: center;width: 100%;text-align: center;overflow: hidden;display: flex;justify-content: center;align-items: center;position:relative;}
.banner_cat img{object-fit: cover;}
.banner_cat .web_banner{position: absolute; bottom: 85px; text-align:center; width:100%;}
.banner_cat .web_catname{margin: 0 auto; font-size:34px; line-height:80px; color:#ffffff; text-align:center; font-weight:600px;letter-spacing:5px;}
.banner_cat .web_address{ font-size: 16px; line-height: 20px; color:#ffffff;} 
.banner_cat .web_address span{background: url(../image/tab.png) no-repeat left center; padding-left:20px;color: #ccc;}
.banner_cat .web_address a {color: #ccc;}
.banner_cat .web_address a:visited,.banner_cat .web_address a:focus {outline: none;  text-decoration: none !important;	color: #ccc;}
.banner_cat .web_address a:hover{color: #ffffff;}


/*产品中心*/
.pro{}
 .pro .pro_nav{}
 .pro .pro_nav ul{display: -webkit-flex;display: flex;justify-content:space-between; width: 950px; margin: 0 auto;}
 .pro .pro_nav ul li{ width: 137px; height: 40px; line-height: 40px; font-size: 20px;  text-align: center; color: #999999;}
 .pro .pro_nav ul .on,.pro .pro_nav ul li:hover{background: url(../image/pro_type_c.png) no-repeat center center; color: #fff;}
 .pro .pro_nav ul .ond,.pro .pro_nav ul .beid:hover{background: url(../image/pro_type_d.png) no-repeat center center; color: #fff;}
 
 .pro_text{}
 .pro_text ul{}
 .pro_text ul li{ width: 541px; height: 287px;background: url(../image/kuan_s.png) no-repeat center center; color: #fff; margin-bottom: 30px;position:relative; padding-top: 30px;}
 .pro_text ul li:nth-of-type(odd){float: left;}/*奇数行*/
 .pro_text ul li:nth-of-type(even){float: right;}/*偶数行*/ 

 .pro_text ul li .image{ width: 227px; height: 227px; margin-left: 30px; float: left;}
  .pro_text ul li .image img{ width: 227px; height: 227px; }
 .pro_text ul li .cont{ width: 230px; margin-right: 30px; float: right;}
 .pro_text ul li .cont h1{font-size: 22px; line-height: 22px; height: 34px; border-bottom: 1px solid #CCCCCC; color: #00b0ed;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;}
 .pro_text ul li .cont p{font-size: 16px; line-height: 30px; color: #999999;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;  
    display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;align-items: center;}
 .pro_text ul li .cont .link{background: url(../image/pro_text_link.png) no-repeat center center; height: 62px; width: 100%; margin: 22px 0;}
 .pro_text ul li .cont .tx{font-size: 12px;line-height: 25px; height: 25px;border: 1px solid #CCCCCC;color: #999999; text-align: center;}
 .pro_text ul li .cont span{ line-height: 28px;border-radius: 10px; background-color: #00afec; width: 110px; margin: 10px auto; text-align: center; color: #fff;letter-spacing:1px;}
 .pro_text ul li:hover{background: url(../image/kuan_b.png) no-repeat center center; color: #fff;}
 
 /*产品详情*/
 .pro_show{}
	.pro_show .show_top{border-bottom: 1px solid #cccccc; padding-bottom: 30px;}
	
	.pro_show .show_top .show_left{ width: 285px;height:360px; float: left;}
    .pro_show .show_top .show_left .swiper-container {width: 100%;margin-left: auto;margin-right: auto;}
    .pro_show .show_top .show_left .swiper-slide {background-size: cover;background-position: center;}
    .pro_show .show_top .show_left .gallery-top {height:285px;width:285px;}
	.pro_show .show_top .show_left .gallery-top .swiper-slide img{ width: 285px;height:285px;}
    .pro_show .show_top .show_left .gallery-thumbs {height:60px;box-sizing: border-box; margin-top: 15px;}
    .pro_show .show_top .show_left .gallery-thumbs .swiper-slide {width: 25%;height:60px;opacity: 0.4; text-align: center; background-color: #01B0E9;}
	.pro_show .show_top .show_left .gallery-thumbs .swiper-slide img{ width:60px;height:60px; margin: 0 auto;}
    .pro_show .show_top .show_left .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
	
	.pro_show .show_top .show_right{ width:550px;float: right;}
	.pro_show .show_top .show_right h1{font-size: 24px; color: #00afed; font-weight: 600; line-height: 30px;}
	.pro_show .show_top .show_right p{ font-size: 14px; line-height: 24px; color: #999999;}
	.pro_show .show_top .show_right p b{ color: #333333;}
	.pro_show .show_top .show_right .twop{height: 52px;}
	.pro_show .show_top .show_right .one{ text-align: center;font-size: 14px; line-height: 33px; margin-top: 30px;}
	.pro_show .show_top .show_right .onea{display: block;background: url(../image/show_right_a.png) no-repeat center center; color: #FFFFFF; width: 159px; height: 33px; float: left;}
	.pro_show .show_top .show_right .oneb{display: block;background: url(../image/show_right_b.png) no-repeat center center; color: #00afed; width: 159px; height: 33px; float: left; margin-left: 30px;}
	
	.pro_show .show_cont{}
	.pro_show .show_cont .title{font-size: 28px; line-height: 86px; color: #01afec; text-align: center;}
	.pro_show .show_cont .text{width: 100%;}
	.pro_show .show_cont .text img{ max-width: 100%; max-height: 100%;}

/*新闻资讯*/
.news_show{}
 .news_show .list_show{}
 .news_show .list_show ul{}
 .news_show .list_show ul li{ padding: 20px; margin-top: 10px;}
   .news_show .list_show ul li:nth-of-type(odd){background-color: #f1fbfe;}/*奇数行*/
   .news_show .list_show ul li:nth-of-type(even){background-color: #f3f8fa;}/*偶数行*/ 
  .news_show .list_show ul li a{display: -webkit-flex;display: flex;  justify-content:space-between;}
	 .news_show .list_show ul li .image{ margin-right: 20px; width: 185px; height:100px;overflow: hidden;}
		.news_show .list_show ul li .image img{width: 100%; max-height:100%;object-fit:cover;}
	 .news_show .list_show ul li .text{flex:1;}
		.news_show .list_show ul li .text h1{font-size: 18px; color: #333333; line-height: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;}
		.news_show .list_show ul li .text span{font-size: 14px; color: #999999;line-height: 30px;}
		.news_show .list_show ul li .text p{font-size: 14px; color: #999999;line-height: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;align-items: center;}
		
	.news_show .list_show ul li:hover h1{color:#00afec;}

.news_show .show_cont{ border-bottom: 1px solid #cccccc; padding-bottom: 20px;}
	.news_show .show_cont .title{font-size: 28px; line-height: 38px;color: #333333;}
	.news_show .show_cont .time{font-size: 14px; line-height: 30px;color: #999999;}
	.news_show .show_cont .desc{font-size: 14px; line-height: 24px;color: #999999; background-color: #f1fbfe; padding: 20px;}
	.news_show .show_cont .cont{font-size: 14px; line-height: 30px; color: #333333; text-align: justify;}
	.news_show .show_cont .cont p{text-align: justify;margin:21px 0; line-height:2rem;}
	.news_show .show_cont .cont img{text-align: center; max-width: 100%; max-height: 100%;}
	
/*招商加盟*/
.join{}
    .join .index_title{text-align:left;}
	/*背景色与标题*/
	 .join .beia{ background-color: #FFFFFF; padding:0;}
	 .join .beib{ background-color: #f1f6f8; padding:0;}
	 
	/*文字类*/
	 .join .one{ text-align: center;}
	 .join .one .ulfour{}
	  .join .one .ulfour ul{ padding: 0 30px;display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
	  .join .one .ulfour ul li{ width: 48%; background-color: #e3edf1; margin-bottom: 30px; padding: 27px 10px; text-align: left;}
	  .join .one .ulfour ul li .lf{float: left; margin:0 40px 0 80px;}
	  .join .one .ulfour ul li img{ float: left; max-width: 100%; max-height: 100%; }
	  .join .one .ulfour ul li h1{ font-size: 22px; color: #333; line-height: 22px;}
	  .join .one .ulfour ul li p{font-size: 14px; color: #999; line-height: 30px;}
	/*图片类*/
	 .join .two{ text-align: center;}
	 .join .two img{ max-width: 100%; max-height: 100%;}
	 
	 /*列表类*/
	  .join .three{ text-align: center;position:relative;}
	  .join .three ul{ text-align: left; padding-left: 20px;}
	  .join .three ul li{list-style-type:disc; color: #00aeed;}
	  .join .three ul li p{color: #666666; font-size: 16px; line-height: 30px;}
	  .join .three_image{ float: right;position:absolute; margin:-120px 0 0 680px;}

/*关于我们*/
.about{}
	.about .index_title{text-align: left;}
	.about p{color: #666666; font-size: 16px; line-height: 22px; margin-bottom: 1rem;}
	.about .about_map{display: -webkit-flex;display: flex; align-items:center;justify-content:space-between;align-content:center; width: 100%;}
	.about .about_map .image{}
	.about .about_map .tal_about{}
	 .tal_about ul{}
	 .tal_about ul li{font-size: 16px; line-height: 45px;white-space:nowrap; text-align: left;}
	 .tal_about ul li .tal_a{ margin-right: 20px;vertical-align:middle; width: 30px; display: inline-table;}
  
  /*其它调用*/
  /*新闻*/
.other_news{background:#f1f6f8;}
 .other_news .con{}
 .other_news .con ul{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
 .other_news .con ul li{ width: 356px; height: 330px;background:#ffffff; margin-bottom: 30px; border:1px solid #ccc; border-radius: 10px;position:relative;font-size: 1rem;line-height:1.2rem;color: #999;}
  .other_news .con ul li .image{border-radius: 10px 10px 0 0;}
    .other_news .con ul li .image img{ width: 100%;border-radius: 10px 10px 0 0;max-width:100%; max-height:212px;}
  .other_news .con ul li .text{ padding: 0 20px;}
  .other_news .con ul li .text h1{ font-size: 1.2rem;line-height: 3.2rem; color: #333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;}
  .other_news .con ul li .text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    line-clamp: 2;-webkit-box-orient: vertical;text-align: left; color:#999999;}
  .other_news .con ul li  .other{position: absolute;bottom:10px; left: 0px; width: 100%; text-align: right; padding: 0 20px; color:#999;}
  .other_news .con ul li  .other span{position: absolute; left:20px; color: #07a8f2;}
  
   .other_news .con ul >li:hover{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1);border:0px solid #ccc}
    .other_news .con ul >li:hover .text h1{color: #07a8f2; }


/*产品内容页调用*/ 
.other{}
  .other .one{}
  .other .one .title{background: url(../image/one_title.png) no-repeat center center; height: 52px; line-height: 52px; text-align: center;background-size: 100% 100%; font-size: 20px; color: #FFFFFF;}
  .other .one ul{background:#f1fbfe url(../image/one_title_li.png) repeat-y center 1px; padding: 0 30px;}
  .other .one ul li{height: 50px; line-height: 50px;  width: 50%; float: left; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;text-align: justify;}
  .other .one ul li:nth-of-type(odd){background: url(../image/other_news_s_li.png) no-repeat left center;padding: 0 20px 0 20px;}/*奇数行*/
  .other .one ul li:nth-of-type(even){background: url(../image/other_news_s_li.png) no-repeat 20px center;padding: 0 0 0 40px;}/*偶数行*/ 
  
  .other .two{ background-color: #f3f8fa; padding: 30px;}
  .other .two ul{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;}
  .other .two ul li{border-radius: 10px;border:1px solid #dddddd; width: 23.5%;position:relative;}
  .other .two ul li img{border-radius:10px; width: 100%;}
  .other .two ul li da{position: absolute;bottom:0px; width: 100%; line-height:2.6rem; font-size: 1.1rem; border-radius: 0 0 10px 10px;background-color: #dddddd;color: #333333; left: 0; text-align: center;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;align-items: center;text-align: justify; text-align:center;}
  .other .two ul li:hover{box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.1);border:0px solid #ccc; transform: scale(1.1);z-index: 10;}
  .other .two ul li:hover da{background-color: #00afec; color: #fff;}
  
   
/*特别调整*/
/*搜搜*/
.searchsou{margin-bottom: 20px;width:100%;}
.searchsou .on{color:#01B0E9;}
.searchsou .sous{max-width:800px; width:90%; margin:0 auto;padding-top:-5px; }
.searchsou input { border:none;}
 #input-container {border: 0;}
 #input-container { margin:0px auto; background:#fff;}
 #input-container .text {border:1px solid #ccc; background:#fff;display: flex;align-items: baseline;}
 #input-container .text .input {height:2.5rem; font-size:1.1rem; width: 100%; text-indent: 1rem;}
 #input-container .text:hover { border:1px solid #01B0E9;}
 #input-container .submit {padding: 0 1.5rem; height:3rem;; color:#fff;font-size:1.2rem; background:#01B0E9;}
.nums{ text-align:center; line-height:2.5rem;}
/*联系我们*/
.tal_me{}
 .tal_me .tal_a{font-size: 14px; color: #333333; line-height: 50px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
  .tal_me .tal_a img{ margin-right: 10px;}
 /*.tal_me .tal_b{font-size: 14px; color: #333333; line-height: 50px; width: 100%; display: block; background:  url(../image/tal_b.png) no-repeat 20px center;}*/
 .tal_me .tal_c{font-size: 14px; color: #00aeeb; line-height: 50px;}
 
/*其它*/
/*移动端标题*/

/* 前端分页 */
#page{margin:0;font-size:14px;height:30px;line-height:30px;text-align:left; padding:0 15px;}
#page span{border:1px solid #2196f3;background:#2196f3;color:#fff;padding:4px 10px;margin-left:5px;}
#page da{color:#808080;padding:4px 10px;margin-left:5px;}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:4px 10px;margin-left:5px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}
#page .form_page{ float:right;}
#page .form_page input{text-decoration: none; width:40px; line-height:25px; margin:0; text-align:center; border:0px;}
#page .form_page .dainput{border:1px solid #ddd;padding:4px 0px; margin:0 5px}
#page .form_page a{background:#2196f3;color:#fff;text-decoration:none;border:1px solid #2196f3;background-image: linear-gradient(#2882c2, #01ace9,#2882c2);}
#page .form_page:hover{}

 /*上下一篇文章*/
 .pre-next{padding: 30px 0;}
 .pre-next p{font-size:1rem; line-height:2rem;background: url(../image/pre-next.png) no-repeat left center;padding: 0 0 0 20px;}
 
 .allimg{}
  .allimg img{ width: 100%;}


/*浮动咨询*/
.loginBox {background: url(../image/loginBox.png) no-repeat left center;width:115px;height:520px;position: fixed;right:0;top: 50%;z-index: 110; margin-top:-260px;}
.loginBox .ico{width:100%;height: 110px;padding-top:80px; text-align: center;font-size: 16px;color: #FFFFFF;}
.loginBox .ico .image{display: none;position: absolute; margin:-155px 0 0 -190px; width: 190px; height: 240px; padding: 10px;background: #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);}
.loginBox .ico .image img{max-width: 100%;max-height: 100%;}
.loginBox .ico .image span{color:#999999;line-height: 16px;font-size: 12px; }
.loginBox .ico .image a{color: #00afed;line-height: 16px;font-size: 12px; }
.loginBox .ico .tla{display: none;position: absolute; margin:-50px 0 0 -240px; width:240px;overflow: hidden; background:#ceeffb; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);border-radius:15px; height:70px;font-size: 24px;color: #01B0E9; line-height: 70px;text-align:center;letter-spacing:2px;}
.loginBox .ico .postfrom{display: none;position: absolute; margin:-50px 0 0 -240px; width:240px;overflow: hidden; background:#ceeffb; box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.3);border-radius:15px; height:70px;font-size: 24px;color: #01B0E9; line-height: 70px;text-align:center;letter-spacing:2px;}
.loginBox .ico:hover .image,.loginBox .ico:hover .tla{display: block;}
.loginBox .ico:nth-child(1){background: url("../image/ico01.png") no-repeat center 20px;}
.loginBox .ico:nth-child(2){background: url("../image/ico02.png") no-repeat center 20px;}
.loginBox .ico:nth-child(3){background: url("../image/ico03.png") no-repeat center 20px;}
.loginBox .ico:nth-child(4){background: url("../image/ico04.png") no-repeat center 20px;}
.loginBox .ico:nth-child(5){background: url("../image/ico05.png") no-repeat center 20px; border-bottom:0px solid #fff;height: 80px;padding-top:0px; }
.loginBox .ico:nth-child(5) .top_btn{height:65px;}

.loginBox .ico:nth-child(4) .tla{margin:-150px 0 0 -340px; width:340px; height:auto;}
.loginBox .index_from .lay {background:none; width:100%;}
.loginBox .index_from{background:transparent; background-size: 100% auto; padding: 20px 0;}
 .loginBox .index_from .text{width:100%; height:auto; float: none; background-color:transparent; margin:0;}
 .loginBox .index_from .text h1{font-size: 22px; color: #00afec; line-height:60px;}
 .loginBox .index_from .text ul{ padding: 5px 30px 10px 30px;}
 .loginBox .index_from .text li{margin-bottom:10px; height:auto;}
 .loginBox .index_from .text da{color: #333; font-size: 14px;letter-spacing:1px;  line-height: 30px;}
 .loginBox .index_from .text input{height:auto;width: 100%; padding: 0 1rem; border:0px solid #ffffff}
  .loginBox .index_from .text .button{font-size:16px; outline: none; line-height: 30px;border-radius:0px;  width: 100%;  height: 30px; border-radius: 15px;}
 
 /*分页*/
 .fenye>nav, .fenye>nav.hover{position:unset}
 .fenye>nav, .fenye>nav{box-shadow:none;z-index:auto}

.navigation.fenye{width:96%; }
.fenye {display: -ms-flexbox;display: flex;padding-left: 0;list-style: none;border-radius: .25rem;font-size: 0.875rem;font-weight: 800;text-align: center;justify-content: center;margin-top: 1.3rem;}
.fenye a{color: #007bff;}
.fenye .current{color: #6c757d;}
.fenye .icon{width: 0.666666666em;height: 0.666666666em;}
.nav-links:before, .nav-links:after{content: "";display: table;table-layout: fixed;}
.page-numbers{display: inline-block;padding: 0.5em 0.75em;}
.prev.page-numbers, .next.page-numbers{background-color: #ddd;-webkit-border-radius: 2px;border-radius: 2px;display: inline-block;font-size: 24px;font-size: 1.5rem;line-height: 1;padding: 0.25em 0.5em 0.4em;-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;}
.page-numbers:hover{z-index: 2;color: #0056b3;text-decoration: none;background-color: #e9ecef;-webkit-border-radius: 2px;border-radius: 2px;}
.icon{display: inline-block;fill: currentColor;height: 1em;position: relative;top: -0.0625em;vertical-align: middle;width: 1em;}
/* .screen-reader-text 是wordpress后台自带的  位于  wordpress 中的wp-includes/css/dist/block-library/style.min.css?ver=6.2.2
.screen-reader-text {
     clip: rect(1px,1px,1px,1px);
    word-wrap: normal!important;
    border: 0;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
} */
@media only screen and (max-width: 500px){
	.navigation.fenye{width:100%;}
	.prev.page-numbers, .next.page-numbers{padding: 0.15em 0.3em 0.3em;}
}

@media only screen and (max-width: 991px){
	.page-nav,.page-more,.page-more-loading{padding-top:20px;padding-bottom:20px; }
}
@media only screen and (min-width: 992px){
	.page-nav,.page-more,.page-more-loading{padding-top:50px;padding-bottom:30px; }
}