@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body { font-family:'Arial';font-size:14px;color:#333; }
ul,ol,li {list-style: outside none none;}
a {text-decoration: none; color:#333;}
a:hover{ color:#00999b;}
img{border:0;}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}
.w1100{ width:1100px; margin:0 auto;}

.header{ border-top:4px solid #00999b; height:103px; width:100%; position:fixed; z-index:9999; background:#fff; top:0;}
.top{ height:103px; width:100%;}
.logo{ padding-top:10px;}
.search{  width:189px; padding-top:15px; position:relative;}
.send_k01{width:189px;  height:30px;line-height:30px;border:1px solid #999;vertical-align: middle; padding-left:10px;  outline:none; border-radius:20px;}
.search01{width:120px;float:left;}
.search02{width:25px;float:right;}
.send_k02{ position:absolute; right:0px; width:15px; height:15px; background:url(../images/sear01.png) no-repeat; top:25px; border: medium none; vertical-align: middle; cursor:pointer}
.yy{ padding-left:25px; margin-top:18px; background:url(../images/zw.jpg) no-repeat left center;}
.yy a{ color:#00999b;}
.navbox{height:55px;position:relative;z-index:9; font-family:'Arial';}
.nav{width:800px;margin:0 auto;height:55px; list-style:none;}
.nav li{float:left;height:55px;position:relative; list-style:none; line-height:55px; padding:0 30px; }
.nav li.last{background:none;}
.nav li a{text-decoration:none; display:block; }
.nav li a:hover{ color:#fff;}
.nav li:hover span{ color:#fff;}
/*.nav li a span{float:left;display:block;line-height:55px;font-size:14px;cursor:pointer;text-align:center; }*/
.mj_hover_menu{text-decoration:none;  height:55px; background:#12b5b7; color:#fff;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:55px;left:0px;}
./*nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}*/
.mj_menu_pro_bg{width:825px; height:200px; background:#12b5b7;}
.mj_menu_pro_main{width:765px; margin:auto; padding-top:12px;}
.mj_menu_pro_li{ float:left;}
.mj_menu_li_txt{line-height:15px; font-size:12px; color:#fff;}
.mj_menu_li_txt font{font-size:14px; color:#fff;}
.mj_menu_li_txt a{color:#fff; text-decoration:none; background:url(../images/jt.png) no-repeat left center; padding-left:10px;}
.mj_menu_news_bg{  background: url(../images/bg1.png) repeat; padding-bottom:10px;}
.mj_menu_news_main{ margin:auto; padding-top:22px;}
.mj_menu_news_li{padding:0px 10px; margin-right:30px;  float:left;}
.mj_menu_news_img{float:left; text-align:left; line-height:30px; font-size:14px;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; padding-top:103px; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:35%; bottom:5%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; color:#fff; }
.slideBox .hd ul li{ float:left; margin-right:23px;  width:116px; height:7px; background:url(../images/img1.png) no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; background:url(../images/img1-1.png) no-repeat;}

.in_ab{ padding:50px 0 20px 0;}
.in_ti{ font-size:24px; text-transform:uppercase; color:#00999b; text-align:center; letter-spacing:3px;}
.in_ab_xi{ padding:50px;}
.in_ab_tu { width:200px;}
.in_ab_zi{ width:759px;}
.in_ab_zi div{ padding:25px 0; line-height:30px;}
.in_ab_zi p a{ display:block; width:120px; height:30px; background:#16bcbe; color:#fff; line-height:30px; text-align:center;}
.in_sino{ padding:30px 0;}
.in_sino dl{ width:300px; text-align:center; float:left; margin:0 33px;}
.in_sino dl .zz01{ font-size:14px; text-transform:uppercase; padding:26px 0; }
.in_sino dl .zz02{ text-align:left; line-height:30px;}
.footer{ height:100px; background:#ccc;  width:100%; text-align:center;}

.footer div{ border-bottom:1px solid #e5e5e5; padding:20px 0; margin-bottom:10px;}
.footer p{ font-size:12px;}
.db{position:absolute; bottom:0; left:0;  width:100%; text-align:center;}
.in_last{ position:relative;}
.in_nr3{ background:#f2f2f2}
.in_pro_list{ padding:70px 0 20px 0;}
.in_pro_list li{ float:left; margin:0 9px 25px 9px; position:relative; width:257px; height:214px; overflow:hidden;}
.in_box{ width:257px; height:214px; background:url(../images/bg2.png) repeat; position:absolute; top:214px; transition:all 0.5s;}
.box1{ margin:10px; width:177px; height:194px; padding:0 30px;}
.in_pro_list li:hover .in_box{ top:0;}
.box1 h1{ font-size:18px; font-weight:normal; color:#fff; padding:70px 0 15px 0;}
.box1 p{ background:url(../images/jt1.png) no-repeat left center; padding-left:20px;}
.box1 p a{ color:#fff;}
.ne_xi{ padding-bottom:50px;}
.in_more{ width:120px; height:30px; background:#16bcbe; color:#fff; line-height:30px; text-align:center; margin:0 auto;}
.in_more a{ color:#fff; display:block;}
.in_new{ background:#fafafa; border-top:1px solid #f2f2f2; padding:40px 0;}

.slideBox1{ width:1100px; height:auto; overflow:hidden; position:relative; margin:0 auto; padding:57px 0; }
.slideBox1 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; height:144px; }
.slideBox1 .hd{ height:20px; overflow:hidden; position:absolute; right:46%; bottom:1%; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left; color:#fff; }
.slideBox1 .hd ul li{ float:left; margin-right:13px;  width:11px; height:11px; background:#758d8d; cursor:pointer; border-radius:11px; }
.slideBox1 .hd ul li.on{ background:#03d2d5;}
.in_new_xi{ width:515px; float:left; margin:0 17px;}
.in_new_zi{ width:306px;}
.in_new_tu{ width:186px;}
.in_new_zi h1{ font-size:14px; color:#333333;}
.in_new_zi p{ font-size:12px; line-height:22px; padding:15px 0;}
.in_new_zi p a{ color:#01b6b8;}
.ab_banner{ width:100%; margin:0 auto; height:348px; position:relative; }
.ab_banner img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.ne_main{ padding:30px 0;}
.ne_menu{ height:80px; max-width:100%; margin:0 auto; text-align:center;}
.ne_menu li{ display:inline; font-size:16px; margin:0 10px; }
.ne_menu li a{ padding:0 15px 17px 15px;}
.ne_menu li a:hover{ border-bottom:3px solid #12b5b7;}
.ne_menu li .ts{ border-bottom:3px solid #12b5b7;}
.ab_zi{ padding:20px 0; line-height:28px; text-align:justify; font-size:16px;}

.zz03 li{ float:left; padding:0 6px 20px 6px; position:relative; width:257px; height:auto; overflow:hidden; text-align:center; background:url(../images/bg1.jpg) repeat-x bottom center; margin:0 0 35px 0;}
.zz03 li img{ width:257px; height:214px; }
.zz03 li p{ color:#333; padding:20px 0;}
.pro_menu{ width:288px;}
.pro_menu li a{ display:block; height:41px; background:#07b2b8; color:#fff; line-height:41px; padding-left:15px; margin-bottom:2px;}
.pro_menu li a:hover{ background:#058384;}
.pro_ri{ width:800px;}
.pro_ri li{ border-bottom:1px dashed #a6a6a6; padding-bottom:15px; margin-bottom:15px;}
.pro_ri li a{ color:#333;}
.pro_ti{ color:#0ca0a0; font-size:24px; font-weight:bold; background:url(../images/bg1.jpg) repeat-x bottom center; padding-bottom:20px; margin-bottom:20px;}
.pro_xi{ width:800px; float:right;}
.pro_zi{ font-size:18px; line-height:26px;}
.liebiao3{width:205px; border:2px solid #11b5b7; border-radius:5px; height:30px;color:#12b6b8; background:url(../images/sj.png) no-repeat 180px center #fff;/*将默认的select选择框样式清除*/ appearance:none;
 -moz-appearance:none;-webkit-appearance:none;-ms-appearance:none; outline:none; padding-left:10px;}
 .new_xuan li{ margin-right:15px;}
.new_xuan{ background:url(../images/bg1.jpg) repeat-x bottom center; padding-bottom:25px; margin-bottom:25px;}
.new01{ border-bottom:1px dashed #cecece; padding-bottom:20px; margin-bottom:20px;}
.new01_le{ width:56px; background:#03a6bb; padding:4px 8px; border-radius:5px; text-align:center; color:#fff;}
.new01_le div{ font-size:36px; border-bottom:1px solid #fff; margin-bottom:5px;}
.new01_ri{ width:990px;}
.new01_ri h1 a{ font-size:18px; display:block; padding-bottom:10px;}
.new01_ri p{ line-height:23px;}
.jianT{ max-width:100%; text-align: center; margin: 0 auto; padding:20px 0;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1; border: 1px solid #009fb4; }
.jianT li a:hover{text-decoration: none; background:#009fb4; border:1px solid #009fb4; color:#fff;}
.jianT li{ display: inline; margin: 0 2px}
.jianT li .on{ background:#009fb4; border:1px solid #009fb4; color:#fff;}
.new_ti{ background:url(../images/bg1.jpg) repeat-x bottom center; padding-bottom:20px; text-align:center;}
.new_ti div{ font-size:20px; font-weight:bold; padding-bottom:10px;}
.new_zi{padding:20px 0; line-height:26px;}
.new_zi p{ font-size:18px; }
.wh-le{ width:512px; height:346px; overflow:hidden;}
.wh-ri{ width:551px; font-size:16px; line-height:29px;}
.span{ font-size:18px; color:#12b6b8;}
.lvse{ background:#12b5b7; color:#fff; padding:2px 5px; margin-right:10px;}
.ne-zs li{ float:left; margin:0 33px; text-align:center}
.gai-zs li{ width:18%}
.gai-zs li img{ width:100%; height:auto}
.fz-list li{ float:left; width:328px; margin:0 58px 30px 0;}
.fz-list li p{ padding-top:10px; text-align:center}
.zs-list li{ float:left; margin:0 31px;}
.hz-list li{ border:1px solid #cecece; width:229px; height:147px; position:relative; float:left; margin:0 22px 60px 22px;}
.hz-list li img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;}
.map-le{ width:600px; height:317px;} 
.map-ri{ width:459px;}
.map-ri h1{ font-size:22px; padding-bottom:30px;}
.map-ri p{ font-size:16px; border-bottom:1px dashed #cdcdcd; padding-bottom:8px; margin-bottom:8px;}
.map{ margin-bottom:36px;}
 .fz-nav{ text-align:center; margin:30px auto; width:800px;}
 .fz-nav li{ margin:0 50px 40px 0; width:150px; float:left; height:150px; border-radius:100%; background:#12b5b7; font-size:16px; line-height:28px;}
 .fz-nav li a{ color:#fff; display:block;}
  .fz-nav li:hover{ background:#ababa8;}
  .xz-list li{ width:456px; float:left; margin:0 40px 40px 40px; min-height:160px;}
  .xz-list li div{ background:url(../images/tm.png) no-repeat left center; width:456px; height:40px; color:#fff; padding-left:20px; line-height:36px; font-size:16px;}
  .xz-list li p{ padding-left:10px; padding-right:10px;}
 .ne-zs{display: flex;justify-content: center;align-items: center;}
 /*@media (min-width: 1199px) and (max-width: 1440px){
.in_pro_list{ padding:20px 0 10px 0;}
.in_pro_list li{ width:220px; height:183px; margin:0 25px 15px 25px;}
.in_box{ width:220px; height:183px; background:url(../images/bg2.png) repeat; position:absolute; top:183px; transition:all 0.5s;}
.box1 h1{ font-size:18px; font-weight:normal; color:#fff; padding:50px 0 15px 0;}
.in_ab_xi{ padding:10px;}
.footer{ height:80px}
.in_new{ padding:20px 0;}
.footer div{ border-bottom:1px solid #fff; padding:10px 0; margin-bottom:10px;}
.slideBox1{ padding:17px 0; }
	}
*/
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC md*/
/*@media (min-width: 992px) and (max-width: 1199px){
.in_pro_list{ padding:20px 0 10px 0;}
.in_pro_list li{ width:220px; height:183px; margin:0 25px 15px 25px;}
.in_box{ width:220px; height:183px; background:url(../images/bg2.png) repeat; position:absolute; top:183px; transition:all 0.5s;}
.box1 h1{ font-size:18px; font-weight:normal; color:#fff; padding:50px 0 15px 0;}
.in_ab_xi{ padding:10px;}
.footer{ height:80px}
.in_new{ padding:20px 0;}
.footer div{ border-bottom:1px solid #fff; padding:10px 0; margin-bottom:10px;}
.slideBox1{ padding:17px 0; }
	}*/
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD sm*/
/*@media (min-width: 768px) and (max-width: 991px) {
.in_pro_list{ padding:20px 0 10px 0;}
.in_pro_list li{ width:220px; height:183px; margin:0 25px 15px 25px;}
.in_box{ width:220px; height:183px; background:url(../images/bg2.png) repeat; position:absolute; top:183px; transition:all 0.5s;}
.box1 h1{ font-size:18px; font-weight:normal; color:#fff; padding:50px 0 15px 0;}
.in_ab_xi{ padding:10px;}
.footer{ height:80px}
.in_new{ padding:20px 0;}
.footer div{ border-bottom:1px solid #fff; padding:10px 0; margin-bottom:10px;}
.slideBox1{ padding:17px 0; }
	}*/

.xyjs-top{
	zoom: 1;
}
.xyjs-top:after{
	display: block;
	content: '';
	clear: both;
}
.xyjs-top-fl{
	width: 62.65%;
	padding-right: 20px;
	box-sizing: border-box;
}
.xyjs-top-fl h4{
	font-size: 66px;
	color: #1d979c;
	font-weight: bold;
	line-height: 66px;
	text-transform: uppercase;
	opacity: 0.1;
}
.xyjs-top-fl h3{
	font-size: 24px;
	color: #00a0b8;
	font-weight: bold;
	margin-top: -45px;
	margin-bottom: 30px;
}
.xyjs-top-fr{
	width: 37.35%;
	padding-top: 87px;
}
.xyjs p{
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	text-indent: 2rem;
	margin-bottom: 20px;
	text-align: justify;
}
.xy-list-title{
	width: 100%;
	border: 1px solid #dddddd;
	padding: 15px 35px;
	box-sizing: border-box;
	margin-bottom: 40px;
	text-align: center;
}
.xy-list-title ul{
	zoom: 1;
	display: block;
	margin: 0 auto;
}
.xy-list-title ul:after{
	display: block;
	content: '';
	clear: both;
}
.xy-list-title ul li{
	float: left;
	width: 25%;
	text-align: left !important;
}
.xy-list-title ul li span{
	padding-left: 17px;
	font-size: 15px;
	color: #333333;
	line-height: 30px;
	position: relative;
}
.xy-list-title ul li span:before{
	display: block;
	content: '';
	width: 7px;
	height: 12px;
	background:url(../images/jt-i1.png) no-repeat;
	position: absolute;
	left: 0;
	top: 6px;
}
.active-on span{
	color: #00a0b8 !important;
}
.active-on span:before{
	background:url(../images/jt-i2.png) no-repeat !important;
}
.xy-list-title ul li a:hover span{
	color: #00a0b8;
}
.xy-list-title ul li a:hover span:before{
	background:url(../images/jt-i2.png) no-repeat;
}

.sp-list ul{
	zoom: 1;
}
.sp-list ul:after{
	display: block;
	content: '';
	clear: both;
}
.sp-list ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 35px;
	cursor: pointer;
}
.sp-list ul li:nth-child(4n){
	margin-right: 0;
}
.sp-list-img{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.sp-list-img>img{
	display: block;
	width: 100%;
	transition-duration: 0.5s;
}
.sp-list-img span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.sp-list-name{
	width: 100%;
	background: #ecf1f4;
	padding: 20px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
}
.sp-list-name p{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.sp-list ul li:hover .sp-list-img>img{
	transform: scale(1.1);
}

/*.bs-title ul{
	width: 60%;
}*/
.bs-title ul li{
	width: auto;
	margin: 0 18%;
}

.bs-list li{
	background: #f8f8f8;
	margin-bottom: 35px;
	zoom: 1;
}
.bs-list li:after{
	display: block;
	content: '';
	clear: both;
}
.bs-list-fl{
	float: left;
	width: 31.3%;
}
.bs-list-fl img{
	width: 100%;
}
.bs-list-fr{
	float: left;
	width: 68.7%;
	padding: 35px 120px 0 45px;
	box-sizing: border-box;
}
.bs-list-fr h3{
	font-size: 24px;
	color: #333333;
	font-family: "微软雅黑",arial;
	margin-bottom: 20px;
}
.bs-list-fr h4{
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin-bottom: 20px;
}
.bs-list-fr p{
	font-size: 16px;
	color: #555555;
	line-height: 36px;
	text-align: justify;
}
.bs-list-fr a{
	float: right;
	font-size: 14px;
	color: #bbbbbb;
}
.bs-list-fr a:hover{
	color: #00a0b8;
}
.Detail-nav{
	padding-top: 20px;
}
.Detail-nav>img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 30px;
}
.Detail-nav h3{
	font-size: 24px;
	color: #333333;
	font-family: "微软雅黑",arial;
	text-align: center;
	margin-bottom: 20px;
}
.Detail-nav h4{
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin-bottom: 20px;
	text-align: center;
}
.Detail-nav p{
	font-size: 16px;
	color: #555555;
	line-height: 36px;
	text-align: justify;
}

#videDivo1{ position:fixed; top: 0; background:rgba(0,0,0,0.6);
    left: 0;
    width: 100%;
    height: 100%; z-index:9999;}

.vizs{ position:absolute; width:900px; height:600px; top:50%; left:50%; margin-top:-300px; margin-left:-450px;}
.vizs video{ width:100%; height:100%;}
.gbb{ position:absolute; top:10px; right:0px; cursor:pointer}

