@media screen and (min-width:641px) and (max-width:1025px){
@charset "utf-8";	
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ width:100%; height:106px; background:url(../images/header_bg.jpg) bottom center no-repeat; display:none;}
.header .logo{ float:none; margin-top:14px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.header .header1{ float:right; margin-top:17px;}
.header .header1 li{ float:left; padding-left:10px; height:20px; line-height:20px;}
.header .header1 li a{ color:#666;}
.header .header1 li a:hover{ text-decoration:underline;}
.header .tel{ float:right; clear:right; margin-top:11px;}

.nav{ width:100%; height:51px; background:#02b9c7; position:relative; z-index:100; display:none;}
.nav1{ width:1024px; margin:0 auto;}
.nav1>li{ float:left; width:8.33%; height:51px; position:relative;}
.nav1>li>a{ display:block; width:100%; height:51px; line-height:51px; font-size:16px; color:#FFF;}
.nav2{ display:block; position:absolute; width:100%; overflow:hidden; top:47px; left:0px; padding-top:4px; background:url(../images/nav.png) top center no-repeat; display:none;}
.nav2 li{ width:100%; height:35px; background:#ffffff; border-bottom:1px solid #eeeeee;}
.nav2 li a{ display:block; width:100%; height:35px; line-height:35px; font-size:14px; color:#666;}
.nav1>li:hover>a{ background:#008c97;}
.nav1>li:hover .nav2{ display:block;}
.nav2 li:hover{ border-bottom:1px solid #ededed;}
.nav2 li:hover a{ background:#ededed;}

.mobile_bg{ width:100%; overflow:hidden; display:block;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:15px 0 10px 0; text-align:left;}
.mobile_logo{ display:inline-block; width:230px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2 li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2 li a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header1_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:16px;}
.header_mobile1 .span1{ display:block; height:3px; background:#333; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#333; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#333; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/* banner css */
.slideBox{ width:100% !important; height:462px; overflow:hidden; position:relative; z-index:1; display:none;}
.slideBox .hd{ width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:27px; z-index:1; cursor:pointer;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-table;}
.slideBox .hd ul li{ float:left; margin:0 8px; width:17px; height:17px; background:url(../images/point.png) no-repeat; cursor:pointer;}
.slideBox .hd ul li.on{ background:url(../images/point_on.png) no-repeat;}
.slideBox .bd{ width:100% !important; position:relative; height:100%; z-index:0;}
.slideBox .bd ul{ width:100% !important;}
.slideBox .bd ul li{ width:100% !important; height:462px; zoom:1; vertical-align:middle;}
.slideBox .bd ul li a{ display:block; width:100% !important; height:462px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:0; top:50%; margin-top:-40px; z-index:1; display:block; width:32px; height:80px; background:url(../images/prev.png) center center no-repeat #d2dcde;}
.slideBox .next{ position:absolute; right:0; top:50%; margin-top:-40px; z-index:1; display:block; width:32px; height:80px; background:url(../images/next.png) center center no-repeat #d2dcde;}
.slideBox .prev:hover{ background:url(../images/prev.png) center center no-repeat #2cc5d1;}
.slideBox .next:hover{ background:url(../images/next.png) center center no-repeat #2cc5d1;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container .swiper-slide img{ width:100%; display:block;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.swiper-container .swiper-pagination .swiper-pagination-bullet{ width:15px; height:15px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{}

.center_nav{ width:100%; background:#02b5c3; overflow:hidden;}
.center_nav1{ width:99%; margin:0 auto; overflow:hidden; border-left:1px solid #4eced8;}
.center_nav1 li{ float:left; width:19.97%;}
.center_nav1 li a{ display:block; width:100%; height:128px; overflow:hidden; border-right:1px solid #4eced8; font-size:16px; color:#FFF; line-height:190px;}
.center_nav1_1{ background:url(../images/center_nav1.png) center 28px no-repeat;}
.center_nav1_2{ background:url(../images/center_nav2.png) center 28px no-repeat;}
.center_nav1_3{ background:url(../images/center_nav3.png) center 28px no-repeat;}
.center_nav1_4{ background:url(../images/center_nav4.png) center 28px no-repeat;}
.center_nav1_5{ background:url(../images/center_nav5.png) center 28px no-repeat;}
.center_nav1 li:hover{ background:#008c97;}

.index1{ padding-top:50px; padding-bottom:43px; overflow:hidden;}
.index1_l{ float:left; width:94%; text-align:left; margin-left:3%;}
.index1_r{ float:right; width:94%; text-align:left; margin-right:3%; padding-top:30px;}
.index_title{ width:100%; height:30px;}
.index_title img{ float:left;}
.index_title a{ float:right; color:#333; line-height:16px; margin-top:10px;}
.index_title a:hover{ text-decoration:underline;}

.swiper-container1 {
	width: 43%;
	height: auto;
	float:left;
	margin-top:30px;
	position:relative;
	overflow:hidden;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-slide a{ display:block; width:100%; height:100%; position:relative;}
.swiper-container1 .swiper-slide a span{ display:block; width:70%; height:48px; background:url(../images/index1_2.png) repeat; position:absolute; bottom:0; left:0; line-height:48px; font-size:14px; color:#FFF; text-align:left; padding:0 25% 0 5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper-container1 .swiper-pagination1{ position:absolute; bottom:15px; right:0; z-index:1000000;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:0; margin-right:6px;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet-active{}

.index1_l2{ float:right; width:55%; overflow:hidden; margin-top:18px;}
.index1_l2 li{ float:left; width:100%; overflow:hidden; height:60px; margin-top:20px;}
.index1_l2 li a{ display:block; width:100%; height:100%;}
.index1_l2_1{ float:left; width:70px; height:100%; border-right:1px solid #cccccc; text-align:center;}
.index1_l2_2{ font-size:32px; line-height:38px; color:#00bab8;}
.index1_l2_3{ font-size:14px; line-height:20px; color:#666;}
.index1_l2_4{ float:left; width:70%; height:100%; margin-left:15px;}
.index1_l2_5{ float:left; width:100%; font-size:14px; color:#00bab8; font-weight:bold; line-height:18px; height:18px; margin-top:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index1_l2_6{ float:left; width:100%; color:#666; line-height:18px; height:36px; margin-top:5px; overflow:hidden;}
.index1_l2 li a:hover .index1_l2_5{ text-decoration:underline;}

.index1_r1{ float:left; width:100%; overflow:hidden; background:url(../images/index1_4.jpg) 3px top repeat-y; margin-top:36px;}
.index1_r1 li{ float:left; width:95%; overflow:hidden; font-size:14px; background:url(../images/index1_3.png) left 0px no-repeat; padding-left:5%; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-bottom:19px;}
.index1_r1 li span{ display:inline-block; color:#666; padding-right:20px;}
.index1_r1 li a{ display:inline-block; color:#666;}
.index1_r1 li:hover span{ color:#02b4c2;}
.index1_r1 li:hover a{ color:#02b4c2;}

.index2{ width:100%; min-height:384px; background:url(../images/index2_1.jpg) bottom center no-repeat #00bab8; padding-bottom:30px;}
.index2_1{ overflow:hidden; padding:20px 0;}
.index2_1 img{ float:left; margin-left:3%;}

/* 本例子css */
.slideTxtBox{ width:94% !important; margin:0 auto; clear:both; overflow:hidden;}
.slideTxtBox .hd{ float:left; width:20% !important; position:relative;}
.slideTxtBox .hd ul{ float:left; width:100% !important; overflow:hidden;}
.slideTxtBox .hd ul li{ float:left; width:90%; height:34px; line-height:34px; position:relative; margin-bottom:10px; cursor:pointer; font-size:16px; color:#FFF; border:1px solid #FFF;}
.slideTxtBox .hd ul li span{ position:absolute; width:9px; height:16px; background:url(../images/index2_3.png) no-repeat; top:9px; right:-9px; display:none;}
.slideTxtBox .hd ul li.on{ background:#FFF; color:#00bbb9; font-weight:bold;}
.slideTxtBox .hd ul li.on span{ display:block;}
.slideTxtBox .bd{ float:right; width:80% !important;}
.slideTxtBox .bd ul{ width:100% !important; zoom:1; float:right; left:200px;}
.slideTxtBox .bd li{ width:100%; overflow:hidden;}
.slideTxtBox .bd li .li_bd1{ float:left; width:289px; display:none;}
.slideTxtBox .bd li .li_bd2{ float:left; width:100%; overflow:hidden;}
.slideTxtBox .bd li .li_bd2 a{ float:left; width:27%; height:38px; line-height:38px; border:1px solid #b4eaea; margin:0 0 10px 3%; padding:0 1%; font-size:14px; color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.slideTxtBox .bd li .li_bd2 a:hover{ background:#FFF; color:#00bab7;}

.index3{ overflow:hidden;}
.index3_l{ float:left; width:94%; padding-top:45px; overflow:hidden; margin-left:3%;}
.index3_r{ float:right; width:94%; overflow:hidden; margin-right:3%;}

.mod18Box { float:left; width:638px; text-align:left; display:none; margin-top:26px; border:1px solid #dcdfe6; padding:20px 20px;}

.mod18{ width:638px; height: 490px; margin:0px auto; position: relative;}
.mod18 .btn{position:absolute;width:40px;height:138px;top:352px;cursor:pointer;z-index:99;}
.mod18 .prev{left:0;background:url(../images/index3_4.png) no-repeat center center #f4f4f4;}
.mod18 .next{right:0;background:url(../images/index3_5.png) no-repeat center center #f4f4f4;}

.mod18 li{ float:left;}
.mod18 .cf{ left:0;}
.mod18 .cf li{ position:relative;}
.mod18 .picBox{ height:328px; position:relative;overflow:hidden; left:0;}
.mod18 .picBox ul{height:328px; position:absolute; left:0;}
.mod18 .picBox li{width:638px; height:328px;}

.mod18 .listBox{ width:558px; height:138px; margin:24px auto 0 auto; position:relative; overflow:hidden; background:#f4f4f4;}
.mod18 .listBox ul{ position:absolute;}
.mod18 .listBox li{ width:71px; height:108px; cursor:pointer; position:relative; margin-right:10px; margin-top:16px;}
.mod18 .listBox li i{ display:none;}
.mod18 .listBox li img{ width:69px; height:106px; border:2px solid #f4f4f4;}
.mod18 .listBox .on img{ width:69px; height:106px; border:2px solid #10b8c5;}
.mod18 .listBox .on i{ display:block;}

.mod18 .cf li .li_cf1{ float:left; width:214px; height:328px; display:block;}
.mod18 .cf li .li_cf2{ float:right; width:400px; height:328px; overflow:hidden; text-align:left;}
.mod18 .cf li .li_cf3{ float:left; display:block; height:30px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mod18 .cf li .li_cf3 .span1{ display:inline-block; font-size:24px; color:#02b4c2; padding-right:20px;}
.mod18 .cf li .li_cf3 .span2{ display:inline-block; font-size:18px; color:#666666;}
.mod18 .cf li .li_cf4{ float:left; width:100%; font-size:14px; color:#333; margin-top:20px; line-height:25px; height:100px; overflow:hidden;}
.mod18 .cf li .li_cf5{ float:left; width:100%; font-size:14px; color:#666; margin-top:10px; line-height:25px; height:100px; overflow:hidden;}
.mod18 .cf li .li_cf6{ float:left; width:100%; margin-top:20px;}
.mod18 .cf li .li_cf6 img{ float:left; display:block; margin-right:10px;}

.index3_r1{ float:left; width:99.8%; overflow:hidden; background:url(../images/index3_7.png) center bottom no-repeat #f6f6f6; margin-top:25px; border:1px solid #dcdfe6;}
.index3_r1_1{ float:left; text-align:left; width:62.5%; padding-left:37.5%; overflow:hidden; height:76px; line-height:76px; background:url(../images/index3_6.png) 25% center no-repeat #00a7ae; font-size:24px; color:#FFF;}
.index3_r1 .span1{ float:left; width:23%; text-align:left; margin-left:4%; font-size:14px; color:#333; height:38px; line-height:38px;}
.index3_r1 .span1 i{ visibility:hidden;}
.index3_r1 .input1{ float:left; width:60%; height:36px; line-height:36px; padding:0 1%; font-family:"微软雅黑"; font-size:14px; color:#333;}
.index3_r1 .button1{ float:left; margin-left:27%; width:29.7%; height:32px; font-family:"微软雅黑"; font-size:14px; color:#FFF; background:#00a7ae; border:none; cursor:pointer; outline:none;}
.index3_r1 .button2{ float:left; margin-left:3%; width:29.7%; height:32px; font-family:"微软雅黑"; font-size:14px; color:#FFF; background:#666666; border:none; cursor:pointer; outline:none;}
.index3_r1_2{ text-align:left; width:94%; margin:0 auto; color:#333; line-height:24px;}
.index3_r1_2 a{ color:#02a7ab; text-decoration:underline;}

.index3_r2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.index3_r2 li{ float:left; width:30%; margin-right:5%;}
.index3_r2 li a{ display:block; width:100%; height:110px; line-height:170px; color:#FFF; font-size:14px;}
.index3_r2_1{ background:url(../images/index3_8.png) center 18px no-repeat #03908a;}
.index3_r2_2{ background:url(../images/index3_9.png) center 22px no-repeat #0190a1;}
.index3_r2_3{ background:url(../images/index3_10.png) center 23px no-repeat #0261a5;}

.index3_r3{ float:left; display:none; width:400px; margin-top:20px; max-width:100%;}

.swiper-container2 {
	float:left;
	margin-top:30px;
	width: 100%;
	overflow:hidden;
	position:relative;
	display:block;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container2 .swiper-button-prev2{ position:absolute; width:58px; height:58px; background:url(../images/index3_4.png) center center no-repeat #f4f4f4; bottom:0; right:60px; z-index:10;}
.swiper-container2 .swiper-button-next2{ position:absolute; width:58px; height:58px; background:url(../images/index3_5.png) center center no-repeat #f4f4f4; bottom:0; right:0; z-index:10;}
.swiper-container2 .li_cf0{ width:100%; overflow:hidden;}
.swiper-container2 .li_cf1{ float:left; width:21%; height:auto; display:block; margin-left:1px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.swiper-container2 .li_cf2{ float:right; width:75%; height:328px; overflow:hidden; text-align:left;}
.swiper-container2 .li_cf3{ float:left; display:block; height:30px; margin-top:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper-container2 .li_cf3 .span1{ display:inline-block; font-size:24px; color:#02b4c2; padding-right:20px;}
.swiper-container2 .li_cf3 .span2{ display:inline-block; font-size:18px; color:#666666;}
.swiper-container2 .li_cf4{ float:left; width:100%; font-size:14px; color:#333; margin-top:20px; line-height:25px; height:100px; overflow:hidden;}
.swiper-container2 .li_cf5{ float:left; width:100%; font-size:14px; color:#666; margin-top:10px; line-height:25px; height:100px; overflow:hidden;}
.swiper-container2 .li_cf6{ float:left; width:100%; margin-top:20px;}
.swiper-container2 .li_cf6 img{ float:left; display:block; margin-right:10px;}

.index4{ overflow:hidden; padding-top:40px; width:94%;}

.swiper-container3 {
	width: 100%;
	height: 100%;
	float:left;
	padding:0;
	margin-top:20px;
	position:relative;
	overflow:hidden;
}
.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container3 .swiper-button-prev3{ position:absolute; width:40px; height:100%; background:url(../images/index3_4.png) center center no-repeat; top:0; left:0; z-index:10; cursor:pointer;}
.swiper-container3 .swiper-button-next3{ position:absolute; width:40px; height:100%; background:url(../images/index3_5.png) center center no-repeat; top:0; right:0; z-index:10; cursor:pointer;}
.index4_1{ border:1px solid #dcdfe6; width:100%; overflow:hidden;}
.index4_2{ display:block; width:100%; max-width:100%;}
.index4_3{ width:90%; padding:0 5%; height:40px; line-height:40px; color:#666; font-size:14px; background:#f4f4f4; border-top:1px solid #dcdfe6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.index5{ width:100%; background:#f5f5f5; margin-top:40px; padding:35px 0;}
.index5_1{ overflow:hidden; width:94%;}
.index5_2{ float:left; border-right:1px solid #e6e6e6; width:7%; line-height:24px; font-size:16px; color:#02b4c2; text-align:left;}
.index5_3{ float:left; width:89%; margin-left:3%; overflow:hidden;}
.index5_3 li{ float:left; margin:2px 0;}
.index5_3 li a{ font-size:14px; color:#666; line-height:20px; margin:0 10px;}
.index5_3 li a:hover{ text-decoration:underline;}

.footer{ width:100%; background:#00bcc2; overflow:hidden; border-bottom:1px solid #00e7f2; padding:20px 0; display:none;}
.footer1{ float:left; width:calc(11.28% - 1px); min-height:215px; border-right:1px dashed #00e7f0; text-align:left; padding-left:3%;}
.footer1_1{ float:left; width:100%; font-size:16px; font-weight:bold; color:#FFF; line-height:20px; margin-top:10px;}
.footer1_2{ float:left; width:100%; overflow:hidden;}
.footer1_2 li{ float:left; width:100%; line-height:20px; margin-top:10px;}
.footer1_2 li a{ color:#e6ffff; display:inline-block;}
.footer1_2 li a:hover{ text-decoration:underline;}

.footer2{ width:100%; background:#039aa3; overflow:hidden; padding:10px 0 10px 0;}
.footer2_1{ float:left; margin-top:15px; margin-left:3%; width:150px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.footer2_2{ float:left; width:72%; margin-left:0; text-align:left; font-size:14px; color:#FFF; line-height:28px; border-left:0; overflow:hidden; padding:18px 3% 8px 3%; clear:left;}
.footer2_2 a{ color:#FFF;}
.footer2_3{ float:right; width:99px; margin-top:0px; margin-right:3%;}
.footer2_3 img{ width:99px; height:99px; display:block;}
.footer2_3 span{ display:block; width:100%; line-height:30px; color:#FFF;}

.consult{ position:fixed; top:50%; margin-top:-211px; right:40px; width:97px; height:423px; background:url(../images/consult1.png) no-repeat; z-index:999999; display:none;}
.consult .close{ position:absolute; width:20px; height:20px; top:0; right:10px; cursor:pointer;}
.consult .close img{ width:20px; height:20px;}
.consult1{ position:absolute; width:56px; height:58px; top:30px; left:16px;}
.consult2{ position:absolute; width:56px; height:58px; top:114px; left:16px;}
.consult3{ position:absolute; width:56px; height:58px; top:198px; left:16px;}
.consult4{ position:absolute; width:56px; height:58px; top:279px; left:16px;}
.consult4 img{ position:absolute; top:-11px; left:-114px; display:none;}
.consult4:hover img{ display:block;}
.consult5{ position:absolute; width:48px; height:48px; top:352px; left:20px;}

/* about css */
.neiye_banner{ width:100%; height:299px; display:none;}
.neiye_banner1{ display:block; float:left; margin-top:125px;}

.neiye_banner_mobile{ width:100%; overflow:hidden; position:relative; display:block;}
.neiye_banner_mobile1{ width:100%; display:block;}
.neiye_banner_mobile2{ position:absolute; top:50%; margin-top:-30px; left:3%; height:60px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.neiye_nav{ width:100%; height:50px; background:#f2f2f2;}
.neiye_nav ul{ width:100%; height:50px; margin:0 auto; border-left:1px solid #FFF;}
.neiye_nav ul li{ float:left; border-right:1px solid #FFF;}
.neiye_nav ul li a{ display:block; width:100%; height:50px; line-height:50px; font-size:16px; color:#666;}
.neiye_nav ul li a:hover{ color:#FFF; background:#02b9c7;}
.neiye_nav ul li .a_on{ color:#FFF; background:#02b9c7;}

.neiye_nav6{ width:16.51%}

.position{ padding:15px 0; line-height:20px; text-align:right; font-size:14px; overflow:hidden; width:94%;}
.position1{ background:url(../images/about1_3.jpg) left center no-repeat; display:inline-table; float:right; padding-left:20px; color:#999999;}
.position1 a{ color:#999999;}
.position1 span{ color:#333;}

.about_list{ width:100%; overflow:hidden;}
.about_list li{ width:94%; overflow:hidden; float:left; text-align:left; padding:50px 3%;}
.about_list1{ float:left; width:100%; overflow:hidden; line-height:40px; font-size:30px; color:#333; font-weight:bold;}
.about_list1 span{ color:#02b9c7;}
.about_list2{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:30px; padding-top:30px;}

.neiye_nav3{ width:33.1%;}

/* 本例子css */
.picScroll-left{ float:left; margin-top:30px; width:1022px; overflow:hidden; position:relative; border:1px solid #e6e6e6; display:none;}
.picScroll-left .hd{ overflow:hidden; height:17px; position:absolute; right:28px; bottom:30px; z-index:969999;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1;}
.picScroll-left .hd ul li{ float:left; width:17px; height:17px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; background:#e6e6e6;}
.picScroll-left .hd ul li.on{ background:#02b9c7;}

.picScroll-left .bd{ overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ float:left; text-align:center;}
.picScroll-left .bd ul li .pic img{ width:496px; height:336px; display:block;}
.picScroll-left .bd ul li .title{ float:left; width:446px; height:336px; text-align:left; padding:0 40px;}
.picScroll-left .bd ul li .title1{ float:left; width:100%; margin-top:40px; overflow:hidden; font-size:24px; color:#00bab8; font-weight:bold; height:55px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.picScroll-left .bd ul li .title1 span{ position:absolute; width:45px; height:2px; background:#e6e6e6; bottom:0; left:0;}
.picScroll-left .bd ul li .title2{ float:left; width:100%; margin-top:30px; font-size:16px; color:#666; line-height:30px; height:120px; overflow:hidden;}

.swiper-container4{
	width: 100%;
	height: 100%;
	overflow:hidden;
	margin-top:30px;
	padding-bottom:30px;
	display:block;
}
.swiper-container4 .swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container4 .swiper-pagination4{ margin-top:20px;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet{ width:15px; height:15px; border-radius:0; background:#e6e6e6; margin:0 4px;}
.swiper-container4 .swiper-pagination4 .swiper-pagination-bullet-active{ background:#02b9c7;}
.news1{ width:100%; overflow:hidden;}
.news1_1{ clear:both; display:block; width:100%;}
.news1_1 img{ max-width:100%; display:block; margin:0 auto;}
.news1 .title{ float:left; width:94%; text-align:left; padding:0 3%;}
.news1 .title1{ float:left; width:100%; margin-top:30px; overflow:hidden; font-size:24px; color:#00bab8; font-weight:bold; height:55px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.news1 .title1 span{ position:absolute; width:45px; height:2px; background:#e6e6e6; bottom:0; left:0;}
.news1 .title2{ float:left; width:100%; margin-top:30px; font-size:16px; color:#666; line-height:30px; height:120px; overflow:hidden;}

.news_list{ width:94%; margin:0 auto; overflow:hidden;}
.news_list li{ float:left; width:47%; border-bottom:1px solid #e6e6e6; margin-right:3%; padding:30px 0 26px 0;}
.news_list li a{ display:block; width:100%; height:82px;}
.news_list1{ float:left; width:21%; height:82px; background:#999999;}
.news_list2{ float:left; width:100%; height:51px; line-height:51px; font-size:32px; color:#FFF; border-bottom:1px solid #FFF; overflow:hidden;}
.news_list3{ float:left; width:100%; height:30px; line-height:30px; font-size:14px; color:#FFF; overflow:hidden;}
.news_list4{ float:right; width:75%; text-align:left;}
.news_list5{ float:left; width:100%; font-size:16px; font-weight:bold; color:#333; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list6{ float:left; margin-top:14px; width:100%; overflow:hidden; font-size:14px; color:#666; line-height:24px; height:48px;}
.news_list li a:hover .news_list1{ background:#00bab8;}
.news_list li a:hover .news_list5{ color:#00bab8;}

.page{ width:94%; margin:0 auto; padding:40px 0 50px 0; font-size:16px;}
.page a{ color:#999999; display:inline-block; height:40px; line-height:40px; padding:0 15px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{ background:#02b9c7; color:#FFF;}
.page span{ color:#999999; display:inline-block; height:40px; line-height:40px; padding:0 15px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page span:hover{ background:#02b9c7; color:#FFF;}
.pager span.current{ background:#02b9c7; color:#FFF;}

/* newsIn css */
.newsIn{ overflow:hidden;}
.newsIn1{ float:left; margin-left:5%; width:90%; font-size:30px; color:#00bab8; font-weight:bold; line-height:40px; margin-top:30px;}
.newsIn2{ float:left; margin-left:5%; width:90%; font-size:14px; color:#666; line-height:20px; padding:25px 0;}
.newsIn3{ float:left; width:94%; font-size:16px; color:#666; line-height:30px; text-align:left; padding:50px 3%; border-top:1px solid #e6e6e9; border-bottom:1px solid #e6e6e9;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.newsIn_page{ width:94%; overflow:hidden; position:relative; padding:20px 3% 30px 3%;}
.newsIn_page1{ float:left; width:75%; overflow:hidden; text-align:left; font-size:14px; color:#333; line-height:20px; margin-top:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsIn_page1 a{ color:#333;}
.newsIn_page1 a:hover{ text-decoration:underline;}
.newsIn_page2{ background:#02b9c7; color:#FFF; display:block; width:130px; height:42px; line-height:42px; font-size:14px; position:absolute; top:35px; right:3%; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px;}

/* party css */
.neiye_nav4{ width:24.8%;}

/* contact css */
.contact{ overflow:hidden; background:url(../images/contact1.jpg) center 100px no-repeat; width:94%;}
.contact1{ float:left; width:68%; overflow:hidden; text-align:left; padding-bottom:50px;}
.contact2{ float:left; width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#333; line-height:40px; margin-top:10px; margin-bottom:30px;}
.contact2 span{ color:#02b9c7;}
.contact3{ float:left; width:91%; overflow:hidden; padding-left:9%; font-size:14px; color:#666; line-height:24px; margin-top:20px;}
.contact3_1{ background:url(../images/contact2_1.png) left 28px no-repeat;}
.contact3_2{ background:url(../images/contact2_2.png) left 25px no-repeat;}
.contact3_3{ background:url(../images/contact2_3.png) left 30px no-repeat;}
.contact3 span{ font-size:18px; font-weight:bold; color:#02b9c7; line-height:40px;}

.contact4{ float:right; width:30%; overflow:hidden; border-left:1px dotted #bcbcbc; margin-top:100px;}
.contact4 img{ text-align:center;}
.contact4 span{ display:block; width:100%; overflow:hidden; color:#6b6b6b; line-height:20px; margin-top:10px;}
.map{ width:100%; height:550px;}

/* examination css */
.examination{ overflow:hidden; padding-bottom:50px; width:94%;}
.examination1{ float:left; width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#333; line-height:40px; margin-top:10px; text-align:left;}
.examination1 span{ color:#02b9c7;}
.examination2{ float:left; width:100%; font-size:16px; color:#333333; text-align:left; line-height:20px; margin-top:15px;}
.examination2 a{ text-decoration:underline; color:#00a7ae;}
.examination3{ float:left; margin-top:40px; width:99%; height:405px; background:url(../images/examination1.jpg) top center no-repeat; background-size:1024px 405px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.examination4{ width:500px; margin:0 auto; overflow:hidden;}
.examination4 span{ float:left; display:block; width:120px; height:60px; line-height:60px; font-size:16px; color:#666;}
.examination4 i{ visibility:hidden;}
.examination4 .input1{ float:left; width:338px; height:58px; line-height:58px; border:1px solid #dfdfdf; padding:0 10px; font-size:16px; color:#666; font-family:"微软雅黑";}
.examination4 .button1{ width:220px; height:58px; background:#02b9c7; color:#FFF; border:none; outline:none; cursor:pointer; margin:0 6px; font-size:16px; font-weight:bold; font-family:"微软雅黑";}
.examination4 .button2{ width:220px; height:58px; background:#666666; color:#FFF; border:none; outline:none; cursor:pointer; margin:0 6px; font-size:16px; font-weight:bold; font-family:"微软雅黑";}

/* culture css */
.culture{ overflow:hidden; width:94%;}
.culture1{ float:left; width:100%; overflow:hidden; padding:50px 0;}
.culture2{ float:left; width:48%; height:auto; display:block;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.culture3{ float:right; width:48%; text-align:left; font-size:16px; color:#333; line-height:60px;}
.culture3 span{ font-size:24px; color:#00bab8;}

/* offices css */
.neiye_nav7{ width:14.1%;}

.offices1{ width:94%; margin:0 auto; overflow:hidden; padding-top:20px;}
.offices1 li{ float:left; width:23.6%; margin-right:1%; margin-top:10px; border:1px solid #02b9c7;}
.offices1 li a{ display:block; width:100%; height:40px; line-height:40px; font-size:14px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.offices1 li a:hover{ background:#02b9c7; color:#FFF;}
.offices1 li .a_on{ background:#02b9c7; color:#FFF;}

.offices2{ width:94%; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:50px;}
.offices2 li{ float:left; width:30%; margin-right:3.3%; text-align:left; margin-top:10px; border-bottom:1px dotted #e8e8e8;}
.offices2 li a{ display:block; width:85%; padding-left:15%; height:60px; line-height:60px; font-size:14px; color:#666; background:url(../images/offices1.png) left center no-repeat; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.offices2 li a:hover{ text-decoration:underline;}

/* officesIn css */
.swiper-container5 {
	width: 500px;
	height: auto;
	float:left;
	position:relative;
	overflow:hidden;
}
.swiper-container5 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container5 img{ width:100%; display:block;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.swiper-container5 .swiper-slide a{ display:block; width:100%; height:100%; position:relative;}
.swiper-container5 .swiper-slide a span{ display:block; width:50%; height:48px; background:url(../images/index1_2.png) repeat; position:absolute; bottom:0; left:0; line-height:48px; font-size:14px; color:#FFF; text-align:left; padding:0 45% 0 5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.swiper-container5 .swiper-pagination5{ position:absolute; bottom:15px; right:0; z-index:1000000;}
.swiper-container5 .swiper-pagination5 .swiper-pagination-bullet{ width:12px; height:12px; border-radius:0; margin-right:6px;}
.swiper-container5 .swiper-pagination5 .swiper-pagination-bullet-active{}

.officesIn{ overflow:hidden; width:94%;}
.officesIn1{ width:90%; padding:50px 5% 30px 5%; border-bottom:1px solid #dcdcdc; font-size:30px; font-weight:bold; color:#333; line-height:40px;}
.officesIn2{ width:100%; overflow:hidden; padding-top:50px;}
.officesIn3{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#666; line-height:30px; padding:40px 0;}
.officesIn3 b{ color:#333;}

.officesIn2_1{ width:100%; float:right; overflow:hidden; text-align:left; margin-top:30px;}
.officesIn2_2{ float:left; width:100%; overflow:hidden; font-size:24px; color:#333; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:0px;}
.officesIn2_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:30px; margin-top:30px;}
.officesIn2_3 b{ font-size:18px; color:#02b9c7;}

/* expert css */
.expert{ overflow:hidden; padding-bottom:50px; width:94%;}
.expert1{ float:left; width:89%; height:45px; line-height:45px; text-align:left; background:url(../images/offices1.png) 1.2% center no-repeat; font-size:14px; font-weight:bold; color:#02b9c7; border-bottom:1px dotted #e8e8e8; padding:0 5.5%; margin-top:20px;}

.expert2{ width:100%; overflow:hidden;}
.expert2 li{ float:left; width:30%; margin:20px 1.5% 0 1.5%; overflow:hidden; border:1px solid #f2f2f2;}
.expert2 li a{ display:block; width:100%; height:100%; overflow:hidden;}
.expert3{ width:63px; height:97px; display:block; float:left;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering: -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.expert4{ float:left; width:57%; text-align:left; margin-left:5%;}
.expert5{ float:left; width:100%; font-size:16px; color:#02b9c7; line-height:22px; height:22px; margin-top:10px; overflow:hidden;}
.expert6{ float:left; width:100%; color:#333; line-height:22px; height:22px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.expert7{ float:left; width:100%; color:#333; line-height:22px; height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* expertIn css */
.expertIn{ overflow:hidden; width:94%;}
.expertIn1{ width:90%; padding:50px 5% 30px 5%; border-bottom:1px solid #dcdcdc; font-size:30px; font-weight:bold; color:#333; line-height:40px;}
.expertIn2{ width:600px; overflow:hidden; margin:40px auto 0 auto;}
.expertIn3{ float:left; width:214px; height:328px; display:block;}
.expertIn4{ float:right; width:350px; text-align:left; overflow:hidden; padding-top:50px;}
.expertIn5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.expertIn5 span{ font-weight:bold; color:#02b9c7;}
.expertIn5 i{ visibility:hidden;}
.expertIn6{ float:left; margin-top:40px; margin-right:10px;}
.expertIn7{ width:100%; margin:0 auto; text-align:left;}
.expertIn8{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #cccccc; font-size:16px; font-weight:bold; color:#02b9c7; line-height:56px; margin-top:50px;}
.expertIn9{ float:left; width:100%; overflow:hidden; padding:20px 0 50px 0; font-size:14px; color:#666; line-height:24px;}

/* appointment css */
.neiye_nav5{ width:19.8%;}

.appointment1{ width:100%; overflow:hidden; padding:15px 0 90px 0; background:url(../images/appointment2.jpg) right bottom no-repeat;}
.appointment1 .input1{ float:left; width:88%; height:58px; border:1px solid #dfdfdf; padding:0 20px; font-family:"微软雅黑"; font-size:16px; color:#666; outline:none; margin-top:15px;}
.appointment1 .input2{ float:left; width:228px; height:58px; border:1px solid #dfdfdf; padding:0 20px; font-family:"微软雅黑"; font-size:16px; color:#666; outline:none;}
.appointment1 .textarea1{ float:left; width:88%; height:110px; border:1px solid #dfdfdf; outline:none; font-family:"微软雅黑"; font-size:16px; color:#666; padding:18px 20px;}
.appointment1 .span1{ float:left; height:60px; overflow:hidden; line-height:60px; color:#ff2222; padding:0 1% 0 1%; font-size:16px; margin-top:15px;}
.appointment1 .span2{ float:left; margin-left:10px; height:60px; overflow:hidden; line-height:100px; font-size:14px; color:#2ac3ce; cursor:pointer;}
.appointment1 .button1{ float:left; width:350px; height:60px; background:#02b9c7; border:none; cursor:pointer; outline:none; font-family:"微软雅黑"; font-size:16px; font-weight:bold; color:#FFF; max-width:100%;}
.appointment1 .img{ float:left; margin-left:10px; cursor:pointer; display:inline-block;}

/* guide css */
.guide1{ width:94%; margin:0 auto; overflow:hidden;}
.guide1 li{ float:left; overflow:hidden; width:30%; margin:50px 1.5% 0 1.5%; border:1px solid #f2f2f2; background:#f2f2f2; text-align:left;}
.guide1 li a{ display:block; width:100%; height:100%; overflow:hidden; padding-bottom:10px;}
.guide1 li:hover{ border:1px solid #02b9c7;}
.guide2{ float:left; display:block; width:100%; height:auto;}
.guide3{ float:left; width:90%; overflow:hidden; margin-left:5%; font-size:16px; font-weight:bold; color:#333; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.guide4{ float:left; width:90%; overflow:hidden; margin-left:5%; font-size:14px; color:#666; line-height:22px; height:44px; margin-top:5px;}
.guide5{ float:left; overflow:hidden; margin-left:5%; font-size:14px; color:#02b9c7; background:url(../images/guide2.png) right no-repeat; display:block; padding-right:26px; line-height:22px; height:22px; margin-top:5px;}

/* guideIn css */
.guideIn1{ float:left; width:600px; display:block; max-width:100%;}
.guideIn2{ float:left; width:100%; display:block; margin-top:30px;}

}