@charset "utf-8";
/* CSS Document */
@media (max-width: 420px) {
	html,body {font-size: 13px;}
}
@media (max-width: 375px) {
	html,body {font-size: 12px;}
}
@media (max-width: 320px) {
	html,body {font-size: 11px;}
}
@media (max-width: 840px) {
	html {overflow-y: scroll;_background-image: url(about:blank); _background-attachment: fixed;}
	#pc,.pc{display: none;}
	#move,.move{display: block;}
	.lay{width:100%; margin: 0 auto; padding: 0px;}
	.lay_b{width:100%; padding:0 15px;}
.layout_show{width:100%; margin: 0 auto; padding: 0px;}
 .layout_show .layout_left{display: none; width: auto; float: none;}
 .layout_show .layout_right{ width:100%; float: none;}
.clear15_color{ background-color: #00afec;clear:both;width:100%; height:8px;}	


/*角度符号*/

 .pro_fu .new{background: url(../image/newb.png) no-repeat center center;background-size: 100% 100%; top:0; left:0; width: 35px; height: 35px;}
 .pro_fu  .hot{background: url(../image/hotb.png) no-repeat center center;background-size: 100% 100%; top:0; left:0; width: 35px; height: 35px;}
 .pro_fu .tui{background: url(../image/tuib.png) no-repeat center center;background-size: 100% 100%; top:0; left:0; width: 35px; height: 35px;}
 .pro_fu .swiper-slide .new,
 .pro_fu .swiper-slide .hot,
 .pro_fu .swiper-slide .tui{width:50px; height:50px;}

/*头部*/
nav{height: 60px;box-shadow: 0 0 5px 1px #ccc;}
  .navbar {line-height: 60px; background-color: #FFFFFF;visibility:visible;}
/*头部空间*/
.banner,.banner_cat{margin-top: 60px;}
  .navbar .navbar-logo{height:60px;}
  .navbar .navbar-logo img{height: 40px; margin-left: 30px;}
nav .logo-white{display: none !important;}
nav .logo-color{display: inline !important;}
  .navbar .navbar-float {float: right;text-align: center;/* width: 400px; */border-bottom: 0px solid rgba(255, 255, 255, 0.3); 
    
  }
 .navbar .navbar-float .navbar-phone{display:block; height: 58px; width: 60px; background: url(../image/menu.png) no-repeat left center;}
 .navbar .navbar-float  .mune{display:none; width: 50%; height: 100vh; background-color: #f2f2f2;position: absolute; right:0; top:0;z-index: 9999;}
 .navbar .navbar-float  .mune .logo,
 .navbar .navbar-float  .sousuo{display: block;}
 .navbar .navbar-float  .mune .logo{margin:60px auto 30px auto; text-align: center;}
 .navbar .navbar-float  .mune .logo img{ height: 50px;}
 .navbar .navbar-float  .mune .sousuo{ background: url(../image/sousuo.png) no-repeat center center; background-size:auto 100%; height: 28px; text-align: center; }
 .navbar .navbar-float  .mune .sousuo input{text-decoration: none;border: none;outline: none; width: 130px; padding: 0 22px 0 8px;height: 28px; line-height: 28px; background-color: transparent;}
  .navbar .navbar-float ul{background: url(../image/phone_a_bei.jpg) repeat-x bottom; margin-top: 40px;} 
  .navbar .navbar-float li {float: none;height:auto;color: #fff;
  letter-spacing:0.4px;display: inline-block; width: 100%; line-height: 60px;  font-size: 1.2rem; background: url(../image/phone_a_bei.jpg) repeat-x top;
  color: #333; text-align: left;}/*02*/
  .navbar .navbar-float li span{display: inline-block; width: 100%;background: url(../image/phone_span.png) no-repeat center right;line-height: 60px; text-indent: 40px; }/*02*/
  /*触发菜单
  .navbar .navbar-float:hover .mune{display: block; }
  .navbar .navbar-float:hover .zg_bei{display: block; }
  */
  nav .navbar .navbar-float li:hover{opacity: 1;transition: all 0s;color: #ffffff;background: url(../image/phone_on.png) repeat-x top;}/*01*/
  nav .navbar .navbar-float li:hover:after{width: 100%; background-color: #ffffff;}
 
 
 /*当前选择*/
 .navbar-float li.hover-a{opacity: 1;transition: all 0s;color: #ffffff;background: url(../image/phone_on.png) repeat-x top;}/*变化特效*//*01*/
 .navbar-float li.hover-a:after{ width: 100%; background-color: #fff; }
 .navbar-float li.hover-a span{background: url(../image/phone_spanb.png) no-repeat center right; }
 /*移动端清楚底线*/
 .navbar .navbar-float li:after{content: ""; display: block; margin: auto;margin-top:0px; height: 0px; width: 0; background-color: transparent; transition: all ease 0s;}
 /*加入hover*/ 
  
	
  
 /*移动头部栏后效果*/ 
  nav.hover {position: fixed;top: 0;background: #fff;color: #FFFFFF;}
  nav.hover .navbar .navbar-float li.hover-a:after{ width: 100%; background-color: #0276FF; }

  nav.hover .navbar li{color: #333; text-align: left;}/*02*/
  nav.hover .navbar li.hover-a{color: #ffffff;background: url(../image/phone_on.png) repeat-x top;}/*01*/
  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.hover .navbar .navbar-float li:hover{color: #ffffff;background: url(../image/phone_on.png) repeat-x top;}/*01*/
  nav.hover .navbar .navbar-float li:hover:after{width: 100%; background-color: #0276FF;}
  nav.hover .navbar .navbar-float li:hover span{color: #ffffff;}
   .navbar .navbar-float li:hover span{background: url(../image/phone_spanb.png) no-repeat center right; }
   
   /*二级栏目*/
    .navbar .navbar-float .oning{display:none;width:100%; height:auto; line-height: 35px; position:relative; left:auto; top: auto; background-color: transparent;}
   .navbar .navbar-float .oning .text{width:100%; margin: 0 auto;display:block;}
   .navbar .navbar-float .oning .text a{ height: 35px; line-height: 35px; font-size: 1.1rem;display:block;}
   .navbar .navbar-float .oning .text a:hover{background-color: #e1e1e1;}
   .navbar .navbar-float li:hover .oning{display: block;}

  

  
  .navbar .navbar-phone-logo{display: block; float: left; height: 60px;text-align: center;display: -webkit-flex;display: flex;align-items:center;justify-content:center;}
  .navbar .navbar-phone-logo img{ height: 40px; margin-left: 30px;}
  .navbar .navbar-phone {display: block; float: right; height: 60px; width: 60px; background: url(../image/menu.png) no-repeat left center;}



 /*尾部*/
 .footer{background-color: #212121; padding-bottom: 60px;}
 .footer .clear40{ height: 20px;}
  .footer .her{display: none;}
  .footer .lr{}
  .footer .lr img{ margin: 10px 10px 0 0;}
  .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;}
  .footer .list{display:block; text-align: center;}
  .footer .list a{ font-size: 1.1rem; margin:0 1rem;}
  .footer .lay{margin: 0 15px; width: auto;}/*01 margin: 0 20px;*/
  .footer .fot{border-top:#7f7f7f 1px solid; text-align:center;  padding: 20px 0;}
  .footer .fot a{display: block;}
    .footer .fot p{ color: #666666;}



 /*banner*/
.banner{}
.banner_cat .web_banner{ bottom: 40px;}
.banner_cat .web_catname{font-size:1.8rem; line-height:4rem;letter-spacing:2px;}
.banner_cat .web_address{ font-size: 1.1rem; line-height: 1.5rem; color:#ffffff;} 

 /*swiper1*/
.swip1 .swiper-wrapper .swiper-slide img{object-fit: contain; width: 100%;}




/*标题*/
/*一级*/
.index_title{font-size: 1.5rem;line-height: 1.5rem; color: #00afec; text-align: center;background: url(../image/phone_title.png) no-repeat center center;}
.index_title2{font-size: 1.5rem;line-height: 1.5rem; color: #FFFFFF; text-align: center;background: url(../image/phone_title.png) no-repeat center center;}
/*背图*/
.index_title3{font-size: 1.5rem;line-height:1.5rem; height:auto; color: #00afec; text-align: center;background: url(../image/phone_title.png) no-repeat center center;}/*内容栏*/

.index_title_con{font-size: 1.1rem;line-height: 4rem; color: #666666; text-align: center;}
.index_title_con2{font-size: 1.1rem;line-height: 4rem; color: #ffffff; text-align: center;}
.more_link{border-radius: 18px;color: #999;height: 25px;width: 110px;line-height:25px;font-size: 1rem;border: 1px solid #999999;text-align: center; margin: 0 auto;}



/*首页产品中心*/
.index_pro .rl{display: flex;justify-content:space-between; width:auto; margin:0 15px;}
 .index_pro .rl .ab{ width:48%; }
 .index_pro .rl .ab a{display: block;position:relative;border:0px solid rgba(0, 0, 0,0.3);box-shadow: 0 0 5px 1px #ccc;}
 .index_pro .rl .ab img{width:100%; height:auto; float:none;}
 .index_pro .rl .ab .text{ width:100%; float:none; 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{font-size: 1.2rem;line-height: 2rem;height: auto;border-bottom: 0px solid #CCCCCC;color: #333333;padding: 0 15px;text-align: center;width: 100%;}
  .index_pro .rl .ab  p{font-size: 1rem;line-height: 1.5rem;color: #999999;
    padding: 0 15px;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;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{display:none;}
 
 .index_pro .rl .ab a:hover{box-shadow:none;position:relative; margin:0px; z-index: 10;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;border:0px rgba(0, 0, 0, 0.0);}


 
 

.index_pro_a .rl{}
 .index_pro_a .rl ul{width: 100%; height: auto; padding: 0 15px;}
 .index_pro_a .rl li{width:48%; height:auto; border:1px #edeff1 solid;background-color: #edeff1; float: left;box-shadow: 0 0 5px 1px #ccc; margin-bottom: 25px;}
 .index_pro_a .rl  li:nth-last-child(2){margin-bottom: 0;}
 .index_pro_a .rl  li:nth-last-child(1){margin-bottom: 0;}
 .index_pro_a .rl li img{object-fit:contain; width: 100%;}
 .index_pro_a .rl li h1{position: relative; color: #333; font-size: 1.2rem; line-height: 2rem; text-align: center;width: 100%;background-color:transparent;padding: 0 15px;}
 .index_pro_a .rl li p{display:none;}
 .index_pro_a .rl li span{display:block; line-height: 28px;border-radius: 14px; background-color: #00afec; width: 110px; margin: 10px auto; text-align: center; color: #fff;letter-spacing:1px;}

 
 /*首页新闻中心*/
 .index_news{background:#ffffff; }
  .index_news .con{margin-top:0px;padding: 0 15px;}
  .index_news .con ul{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;border:0px solid #ccc;box-shadow: 0 0 5px 1px #ccc;}
  .index_news .con ul li{ width: 100%; height: auto;background:#ffffff; margin-bottom:0; border:0px solid #ccc; border-bottom: 1px solid #ccc; border-radius:0px;position:relative;font-size: 1rem;line-height:1.2rem;color: #999; padding: 20px;}
   .index_news .con ul li .image{border-radius:0; width: 9rem; float: left;}
     .index_news .con ul li .image img{ border-radius:0; width: 100%; }
   .index_news .con ul li .text{ padding:0;}
   .index_news .con ul li .text h1{padding-left: 15px; font-size: 1.25rem;line-height: 2rem; color: #333;}
   .index_news .con ul li .text p{padding-left: 15px;  font-size: 1.1rem; line-height: 1.5rem;}
   .index_news .con ul li  .other{display: none;}


  
   .index_news .con ul >li:hover{box-shadow:none; border-bottom: 1px solid #ccc;}
   .index_news .con ul >li:hover h1{color: #07a8f2;}


 


 /*首页表单*/
.index_from{padding: 30px 0;background-size: 100% 100%;}
 .index_from .lay{background:none;}
 .index_from .text{width:auto; height: auto;float:none; background-color:rgba(255, 255, 255, 0.35) ; margin: 0 15px;}/*01 margin: 0 18px;*/
  .index_from .text ul{ padding: 30px 0;}
 .index_from .text h1{line-height: 60px; font-size: 1.5rem; letter-spacing:0.4px; }
 .index_from .text da{ font-size: 1.1rem; line-height: 36px;letter-spacing:0.4px;}
 .index_from .text da:nth-child(1){ padding-left: 25px;margin-right: 20px;white-space:nowrap;}
 .index_from .text da:nth-child(2){ padding-right: 25px; }

  .index_from .text .button{ line-height: 32px; height: auto; border-radius: 10px; font-size: 1.2rem; width:100%;letter-spacing:0.5px; margin:0 25px; padding:0px;}



   /*合作伙伴*/
.index_link{background:#f1f6f8 url(../image/link_bei_phone.jpg) no-repeat center top; background-size: 100% 100%;}
    .index_link .text{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1); padding: 0 36px 10px 36px;}
.index_link .index_title_con2{display: none;}
.index_link .clear100{ height: 30px;}

/*产品中心*/
.pro{}
 .pro .pro_nav{display: none;}
 .pro .pro_nav ul{display: -webkit-flex;display: flex;justify-content:space-between; width:100%; margin: -4px auto 0 auto;background: url(../image/pro_nav_ul.png) repeat-x left top; color: #fff; background-size: auto 100%;flex-wrap:nowrap; }
 .pro .pro_nav ul li{ width: auto;flex:1; height: 30px; line-height: 30px; font-size: 1.1rem;  text-align: center; color: #999999;background: url(../image/pro_nav_ul_li.png) no-repeat left top; color: #00afec; background-size: auto 100%; padding: 0;}
 .pro .pro_nav ul linth-child(1){background:transparent;}
 .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_c.png) no-repeat center center; color: #fff;}
 
 .pro_text{}
 .pro_text ul{width: 100%; height: auto; padding: 0 15px;}/*01 padding: 0 7%;*/
 .pro_text ul li{width:48%; height:auto; border:1px #edeff1 solid;background:none; background-color: #f1f6f8; float: left;box-shadow: 0 0 5px 1px #ccc;  padding-top:0px;}
 .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:100%; height: auto; margin-left: 0; float: none;}
  .pro_text ul li .image img{object-fit:contain; width: 100%;height:auto; }
 .pro_text ul li .cont{width: 100%; margin:0; float: right;}
 .pro_text ul li .cont h1{font-size: 1.2rem; line-height: 2rem; height:auto; border-bottom:0px solid #CCCCCC; color: #333333;padding: 0 15px; text-align: center; width: 100%;}
 .pro_text ul li .cont p{font-size: 1rem; line-height: 1.5rem;  color: #999999;padding: 0 15px;}
 .pro_text ul li .cont .link{display: none;}
 .pro_text ul li .cont .tx{display: none;}
 
 .pro_text ul li:hover{background:none; background-color:#edeff1 ; color: #fff;}
 
 /*产品详情*/
 .pro_show{}
 	.pro_show .show_top{border-bottom: 0px solid #cccccc; padding-bottom:0px;}
 	
 	.pro_show .show_top .show_left{ width:auto;height:auto; float: none; margin:30px 15px;}
    .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:auto;width:auto;}
	.pro_show .show_top .show_left .gallery-top .swiper-slide{position: relative;width: 100%;height: 0px;padding-top: 100%;}
 	.pro_show .show_top .show_left .gallery-top .swiper-slide img{ width:100%;height:100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .pro_show .show_top .show_left .gallery-thumbs {height:auto;box-sizing: border-box; margin-top: 15px;}
    .pro_show .show_top .show_left .gallery-thumbs .swiper-slide {opacity: 0.4; position: relative;height: 0px;padding-top:32%;}
 	.pro_show .show_top .show_left .gallery-thumbs .swiper-slide img{ width:100%;height:100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .pro_show .show_top .show_left .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
	.pro_show .show_top .show_left .mf_link{margin-bottom: 0;}
 	
 	.pro_show .show_top .show_right{ width:auto;float: none; background-color: #f1f6f8; padding: 30px 15px;}
 	.pro_show .show_top .show_right h1{line-height: 30px; text-align: center;}
	.pro_show .show_top .show_right .index_title{ padding:20px 0;}
 	.pro_show .show_top .show_right p{ font-size:1rem; line-height:2rem; color: #999999;}
 	.pro_show .show_top .show_right p b{ color: #333333;}
 	.pro_show .show_top .show_right .twop{height: 52px;display: none;}
 	.pro_show .show_top .show_right .one{ text-align: center;font-size: 14px; line-height: 33px; margin-top: 30px;display: none;}
 	.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{ background-color: #f1f6f8;}

	
/*新闻资讯*/
.news_show{padding: 0 15px;}
 .news_show .list_show{}
 .news_show .list_show ul{}
 .news_show .list_show ul li{ background-color:transparent;padding:15px 0; margin-top: 0; border-bottom: 1px #cccccc solid;}
	 .news_show .list_show ul li .image{ margin-right: 10px;width:128px; height:72px; }
		.news_show .list_show ul li .image img{max-width:100%;}
	 .news_show .list_show ul li .text{flex-grow:1; }
		.news_show .list_show ul li .text h1{font-size: 1.2rem; color: #333333; line-height:1.8rem;}
		.news_show .list_show ul li .text span{font-size: 1rem; color: #999999;line-height:1.2rem;display: none;}
		.news_show .list_show ul li .text p{font-size: 1rem; color: #999999;line-height: 1.5rem;}

.news_show .show_cont{}
	.news_show .show_cont .title{font-size:1.5rem; line-height:2.2rem;color: #333333;}
	.news_show .show_cont .time{font-size:1.1rem; line-height:1.3rem;color: #999999;}
	.news_show .show_cont .desc{font-size:1.1rem; line-height:2rem;color: #999999; padding: 10px;}
	.news_show .show_cont .cont{font-size:1.1rem; line-height:2rem; color: #333333;text-align: justify;}
	.news_show .show_cont .cont p{text-align: justify;font-size:1.15rem; }
	.news_show .show_cont .cont img{text-align: center; width: auto;	height: auto;	max-width: 100%;	max-height: 100%; margin:0 auto;}

	
/*招商加盟*/
.join{}
.join .index_title{text-align:center;}
/*背景色与标题*/
 .join .beia{padding:0;}
 .join .beib{padding:0;}

 
/*文字类*/
 .join .one{ text-align: center;}
 .join .one .ulfour{}
  .join .one .ulfour ul{ }
  .join .one .ulfour ul li{ width: 100%;  padding: 27px 10px; text-align: left;}
  .join .one .ulfour ul li .lf{float: left;  margin: 0 15px;}
  .join .one .ulfour ul li img{max-width: 100%; max-height: 100%; height: 4.5rem;}
  .join .one .ulfour ul li h1{ font-size: 1.2rem; color: #333; line-height: 2rem;}
  .join .one .ulfour ul li p{font-size: 1rem; color: #999; line-height:2.5rem;}
/*图片类*/
 .join .two{ text-align: center; margin: 0 30px;}
 .join .two img{ max-width: 100%; max-height: 100%;}
 
 /*列表类*/
  .join .three{ text-align: center;position:relative; padding: 0 30px;}
  .join .three ul{ text-align: left;}
  .join .three ul li{list-style-type:disc; color: #00aeed;}
  .join .three ul li p{color: #666666; font-size: 1.1rem; line-height:2.2rem;}
  .join .three_image{ float: none;position:relative; margin:0 auto;}
  .join .three_image img{max-width: 80%; margin:0 auto;}
  
/*关于我们*/
.about{padding: 0 15px;}/*01 padding: 0 15px;*/
	.about .index_title{text-align:center;}
	.about p{color: #666666; font-size: 1.1rem; line-height: 2rem;}
	.about .about_map{display: -webkit-flex;display: flex; align-items:center;justify-content:flex-start;align-content:none; width: 100%;flex-direction:column;}
	.about .about_map .image{}
	.about .about_map .image img{width: 100%;}
	.about .about_map .tal_about{width: 100%;}
	 .tal_about ul{}
	 .tal_about ul li{font-size: 1.1rem; line-height: 2rem;white-space:pre-wrap; text-align: left;}
	  .tal_about ul li .tal_a{ margin-right: 10px;vertical-align:middle; width: 20px; display: inline-table;}
	  .tal_about ul li .tal_a img{width:100%;}
  
  
  
/*高度*/

  /*其它调用*/
    /*新闻*/
 .other_news{background:#ffffff;}
  .other_news .con{padding: 0 15px;}
  .other_news .con ul{display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;border:1px solid #ccc;box-shadow: 0 0 5px 1px #ccc;}
  .other_news .con ul li{ width: 100%; height: auto;background:#ffffff; margin-bottom:0; border:0px solid #ccc; border-bottom: 1px solid #ccc; border-radius:0px;position:relative;color: #999; padding:0 20px; background: url(../image/other_news_s_li.png) no-repeat 20px center;}
   .other_news .con ul li .image{display: none;}
   .other_news .con ul li .text{ padding:0;}
   .other_news .con ul li .text h1{font-size: 1.1rem;line-height:5rem;color: #333; text-indent: 20px;}
   .other_news .con ul li .text p{ display: none; margin-top: 14px; padding-left: 20px; font-size: 1.1rem; line-height: 1.3rem;}
   .other_news .con ul li  .other{display: none;}
   .other_news .con ul >li:hover{box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.0);border-bottom: 1px solid #ccc;}



/*产品内容页调用*/ 
.other{}
.other .clear10{background-color: #f1f6f8;}
  .other .one{ background-color: #f1f6f8;padding: 0 15px;}
  .other .one .title{font-size: 1.5rem;line-height: 1.5rem;color: #00afec;text-align: center;background: url(../image/phone_title.png) no-repeat center center;padding:20px 0; height: auto;}
  .other .one ul{background:none; padding:0;display: -webkit-flex;display: flex; align-content:space-between;flex-wrap:wrap;justify-content:space-between;border:1px solid #ccc;box-shadow: 0 0 5px 1px #ccc;}
  .other .one ul li{ width:100%; float: none;border-bottom: 1px solid #ccc;}
  .other .one ul li:nth-of-type(odd){background:#ffffff url(../image/other_news_s_li.png) no-repeat 20px center;padding:0 40px;}/*奇数行*/
  .other .one ul li:nth-of-type(even){background:#ffffff url(../image/other_news_s_li.png) no-repeat 20px center;padding:0 40px;}/*偶数行*/ 
  
  .other .two{ background-color: #f3f8fa; padding: 30px 15px;}
  .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: 0;border:1px solid #dddddd; width: 48%;position:relative; margin-bottom: 20px;}
  .other .two ul li img{border-radius:0; width: 100%;}
  .other .two ul li da{position: absolute;bottom:0px; width: 100%; line-height:2.3rem; font-size: 1.1rem; border-radius: 0 0 10px 10px;background-color: #dddddd;color: #333333; left: 0; 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%;}
.nums{background-color:#ffffff;}
.fusou{margin-top:30px;}

/*其它*/
/*移动端标题*/
/* 前端分页 */
#page{margin:0;font-size:1rem;height:2rem;line-height:2rem;text-align:left; margin:0 auto; padding:0 15px;}
#page span{border:1px solid #2196f3;background:#2196f3;color:#fff;padding:4px 10px;margin-left:5px;}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:4px 6px;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;line-height:2rem;}
#page .form_page input{width:20px; line-height:2rem;border:0px;}


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





}