@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#fff;}
ul,li{margin:0;padding:0; list-style:none;}
.clear10{width:100%;height:10px;line-height:10px; clear:both;}
.clear20{width:100%;height:20px;line-height:20px; clear:both;}
.clear30{width:100%;height:30px;line-height:30px; clear:both;}
.top{width:100%;margin:0 auto; position:fixed;  z-index:1000000;background:#FFF;padding-bottom:10px;padding-top:10px;}
.top .logo{width:12%;margin:0 auto;}
.top .logo img{width:100%;}
.top .company {width:100%;}
.top .company h2{ display:block; width:100%;color:#333;text-align:center;font-size:18px;font-family:微软雅黑,Arial, Helvetica, sans-serif; height:20px;line-height:20px; }
.top .menu-ico{ position:absolute; right:10px;top:15px; width:7%}
.top .menu-ico img{width:100%}
.menu{ display:none; width:100%; height:100%; background:#FFF; padding-bottom:20px;}
.menu li{ height:50px;line-height:50px; width:100%; background:#FFF; border-bottom:1px solid #e3e3e3;}
.menu li a{ margin-left:40px; font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif;color:#666; text-decoration:none;}
.top-mark{width:100%;/*height:135px;background:#FFF;*/}

.banner{width:100%;margin:0 auto; /*height:409px;*/ position:relative;overflow:hidden;  /*background:url(index1_26.jpg) no-repeat center center;*/}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  /*height:409px; */ overflow:hidden; text-align:center;  }
.banner .bd img{ width:100% !important;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; /*background:url(touming.png) repeat-x; text-align:center;		 _background:#000; _filter:alpha(opacity=60); */	}
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block;   zoom:1; width:8px; height:8px; margin:5px; background:url(tg_flash_p.png) -18px 0; overflow:hidden;line-height:9999px; 	}
.banner .bd li a{ display:block; /*height:409px;*/ }
.banner .hd ul .on{ background-position:0 0; }
/*///////////////////////*/
.index-title{width:100%; height:34px;line-height:34px;margin-bottom:10px;padding-bottom:2px;border-bottom:1px solid #009999;}
.index-title strong{ display:block;padding:8px;text-align:center;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#009999;color:#fff;margin:0 auto;height:18px;line-height:18px; border-radius:12px;}
.rec-title {border-bottom:1px solid #F00;}
.rec-title strong{ background:#F00;}
.index-pro{width:98%;margin:0 auto;}
.index-pro ul{width:100%;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;

}
.index-video-title{ color:#fff; text-decoration:none;}
.index-pro  li{ margin-bottom:15px;width:49%;/*float:left;margin-right:20px; flex:0 0 48%;*/}
.index-pro li img{width:100%;}
.index-pro-item  a{ text-decoration:none;cursor:pointer;width:90%; display:block; margin:0 auto; background:#F00;border:1px solid #F00;}
.index-pro-item  a span{ display:block;width:100%;line-height:20px;text-align:center;color:#fff;font-size:14px;font-family:Arial, Helvetica, sans-serif; text-align:center; }

.index-video-item  a{ text-decoration:none;cursor:pointer;width:90%; display:block; margin:0 auto; background:#F00;border:1px solid #F00;}
.index-video-item  a span{ display:block;width:100%;line-height:20px;height:64px; text-align:left;color:#fff;font-size:14px;font-family:Arial, Helvetica, sans-serif;  }

/*.rec-pro li{background:#F00!important;padding:1px; }*/
/*///////////////////////*/
.why-choose{width:98%;margin:0 auto;}
.why-choose li{padding:10px;float:left; background:#f0f0f0;margin-bottom:20px;}
.why-choose li img{float:left;width:46%;}
.why-choose li div{float:right;width:48%;}
.why-choose li strong{ display:block;width:100%;height:28px;line-height:28px; color:#666;font-size:18px!important;font-family:Arial, Helvetica, sans-serif; }
.why-choose li strong em{  border-radius:12px; background:#F00;width:22px;height:22px;line-height:22px;padding:2px; display:inline-block;color:#fff	; font-size:14px; text-align:center; font-style:normal;font-family:Arial, Helvetica, sans-serif;}
.why-choose li p{ display:block;width:100%;line-height:18px; color:#333;font-size:14x;font-family:微软雅黑,Arial, Helvetica, sans-serif; margin:0;}

/*///////////////////////*/
.index-case{width:98%;margin:0 auto;}
.index-case ul{width:100%;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;

}
.index-case li{ margin-bottom:15px;width:49%;/*float:left;margin-right:20px; flex:0 0 48%;*/}
.index-case li img{width:100%;}
.index-case  a{ text-decoration:none;cursor:pointer;width:90%; display:block; color:#FFF; margin:0 auto; background:#009999;border:1px solid #009999;}
.index-case  a span{ display:block;width:100%;height:24px;line-height:24px; text-align:center;color:#fff;font-size:14px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:center; }

/*///////////////////////*/
.index-service{width:98%;margin:0 auto;}
.index-service {width:100%;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;
}
.index-service li{ margin-bottom:15px;width:33.3%;/*float:left;margin-right:20px; flex:0 0 48%;*/}
.index-service div{ text-decoration:none;cursor:pointer;width:70%; display:block; color:#FFF; margin:0 auto; }
.index-service li img{width:100%;}
.index-service div strong{ display:block;width:100%;height:24px;line-height:24px; text-align:center;color:#666;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:center; }
.index-service div span{ display:block;width:100%;height:24px;line-height:24px; text-align:center;color:#666;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:center; }
.index-service-phone {margin-top:10px;}
.index-service-phone span{color:#666;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif;}
.index-service-phone em{color:#F00;font-size:24px;font-family:Arial, Helvetica, sans-serif; display:block;height:40px;line-height:40px; font-weight:bold;}

/*///////////////////////*/
.index-news{width:98%;margin:0 auto;}
.index-news li{padding:10px; margin-bottom:10px;}
.index-news li a{ display:block;width:100%;  text-decoration:none; }
.index-news li span{ display:block;width:100%;line-height:20px; color:#333;font-size:18px!important;font-family:Arial, Helvetica, sans-serif; }
.index-news li em{ display:block; width:100%;height:22px;line-height:22px; color:#666; font-size:14px;  font-style:normal;font-family:Arial, Helvetica, sans-serif;}
.index-news li p{ display:block;width:100%;line-height:18px; color:#666;font-size:12x;font-family:微软雅黑,Arial, Helvetica, sans-serif; margin:0;}
.index-news .item{border-bottom:1px solid #ccc;}

/*///////////////////////*/
.bottom-wx{width:100%; text-decoration:none;}
.bottom-wx-block{width:33.3%;margin:0 auto;}
.bottom-wx-block img{ width:100%;border:1px solid #999;}
.bottom-wx-txt{display:block;width:100%;height:24px;line-height:24px; text-align:center;color:#333;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif;}
.bottom-wx a{ text-decoration:none;color:#333; text-align:center; width:100%; display:block;font-size:12px;}

.bottom{width:100%; position:fixed;bottom:0;left:0; background:#fff;padding-top:10px;padding-bottom:10px; z-index:10000;}
.bottom ul{width:100%;    
display:flex;
flex-wrap:nowrap;
display: -webkit-flex; /* Safari */
	  }
.bottom  li{ flex:1;width:25%; text-align:center; }
.bottom  li  img{ display:block; width:30%; margin:0 auto;}
.bottom  li a {color:#333; text-decoration:none;}
.bottom  li  span{ display:block; width:100%;height:20px;line-height:20px; text-align:center;font-size:14px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:center;}
/*///////////////////////*/
.m-content{width:96%;margin:0 auto;}
.m-content p img{width:100%!important;}
/*///////////////////////*/
.nav{width:100%;margin:0 auto;}
.nav ul{width:96%;margin:0 auto;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;

}
.nav li{	width:46%;margin-bottom:15px;}
.nav li a{ display:block; border-radius:20px; background:#666;width:90%;margin:0 auto; text-decoration:none; color:#fff; height:32px;line-height:32px; text-align:center;}
.nav li .cur-nav{display:block; border-radius:20px; background:#01999a!important;width:90%;margin:0 auto; text-decoration:none; color:#fff; height:32px;line-height:32px; text-align:center;}
 /*================*/
.contact-company{height:36px;line-height:36px;color:#333;font-size:26px;font-family:微软雅黑,Arial, Helvetica, sans-serif;}
.contact-tips{color:#F00;font-size:16px;	}
.contact-wx img {border:1px solid #333;}
.contact-wx  span{ display:block;width:154px; text-align:center;	}
.contact-ul {width:100%;}
.contact-ul li{width:100%; height:50px; line-height:50px;padding-top:10px;padding-bottom:10px; display:block;}
.contact-ul li img{float:left;width:8%;}
.contact-ul li span{width:90%;height:50px;line-height:30px;display:block;float:right; color:#333;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif;
  }
.contact-ul li a{ text-decoration:underline;color:#333;}
 /*================*/
.pro-list{width:100%;margin:0 auto;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;
}
.pro-list li{width:49%; margin-bottom:20px; }
.pro-list  a{ text-decoration:none;cursor:pointer;width:90%;margin:0 auto; background:#F00;	display:block;}
.pro-list  a img{width:100%;;}
.pro-list  a span{ display:block;width:100%;height:30px;line-height:30px; text-align:center;color:#fff;font-size:16px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:center; }
 /*================*/
.pages a{ text-decoration:none;color:#666;font-size:18px;}
.pages *{font-size:18px;}
/*================*/
.photo-main{width:96%;margin:10px auto;}
.photo-main img{width:100%;}
.photo-main-list{width:96%;margin:0 auto;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;

}
.photo-main-list li{width:25%; margin-bottom:10px; }
.photo-main-list li img {width:90%; border: 1px solid #ccc; }
.photo-main-list li .cur-img{border: 1px solid #F90;}
 /*================*/
 #video-block{width:80%; background:#000; display:none; position:absolute;padding-bottom:30px;left:50% ;top:0; margin-left:-40%; z-index:0;}
 .video-top { height:50px;line-height:50px;}
 .video-top img{float:right;margin-right:20px;margin-top:10px; cursor:pointer;} 
 .video-body{ text-align:center;}
 #video-block video{margin:0 auto; z-index:0;   z-index:0;}

 /*================*/
.video-list{width:100%;margin:0 auto;
display:flex;
flex-wrap:wrap;
display: -webkit-flex; /* Safari */
flex-direction: row;
}
.video-list li{width:49%; margin-bottom:20px; }
.video-list  a{ text-decoration:none;cursor:pointer;width:90%;margin:0 auto; background:#F00;	display:block;}
.video-list  a img{width:100%;;}
.video-list  a span{ display:block;width:94%; line-height:18px;height:64px;  color:#fff;font-size:14px;font-family:微软雅黑,Arial, Helvetica, sans-serif; text-align:left; margin:0 auto;padding-bottom:10px;}
.video_desc{width:96%!important;font-size:16px; line-height:22px; text-align:left!important;margin:auto 0!important;  }