@charset "gb2312";
/* CSS Document */
body#index {
	background:#e3e3e3;
	line-height:22px;
	color:#6c6c6c;
	font-family:微软雅黑;
}
h3{ font-weight:normal;}
/*banner开始*/
section {margin: 0 auto; position: relative;width: 980px;}
.section_banner1_box{ width:100%; height:405px;}
.bannerdhbox{ width:980px;margin:0 auto; height:405px; position:relative;}
/* focusindex */
#focusindex{height: 405px; overflow: hidden; position: relative; }
#focusindex li{ height: 405px; overflow: hidden; position: absolute; width: 100%; }
#focusindex .btn{position:absolute;width:100%;height:30px;bottom:0;text-align:center;z-index:8}
#focusindex .btn span{display:inline-block;_display:inline;_zoom:1;width:14px;height:14px;_font-size:0;margin:5px 10px;cursor:pointer;background:#dfdfdf;z-index:9; border-radius:50%}
#focusindex .btn span.on{background:#00C8DC;z-index:9}
#focusindex .preNext{width:44px;height:44px;position:absolute;top:180px;background:url(../images/sprite.png) no-repeat left bottom;cursor:pointer;z-index:9; opacity:0;transition: all 0.3s linear 0s;}
#focusindex .pre{left:0%; z-index:9}
#focusindex .next{right:0%;background-position:right bottom;z-index:9}
#focusindex:hover .preNext{opacity:0.5;} 
#focusindex:hover .pre{left:10%; } 
#focusindex:hover .next{right:10%;} 
#focusindex .pre:hover,#focusindex .next:hover{opacity:1;}
.bannerdhbox{ width:980px;margin:0 auto; height:405px; position:relative}
.banner_box1{ background:url(../images/banner_box12.jpg) no-repeat center top;}
.banner2{ background:url(../images/b_zj.jpg) no-repeat center top;}
.banner3{ background:url(../images/b_ctm.jpg) no-repeat center top;}
.banner4{ background:url(../images/zzy.jpg) no-repeat center top;}
.banner5{ background:url(../images/ycjz_banner.jpg) no-repeat center top;}
.banner6{ background:url(../images/b_znmy.jpg) no-repeat center top;}
.banner7{background:url(../images/b_zzy.jpg) no-repeat center top;}
.banner8{background:url(../images/nzb_meiya.jpg) no-repeat center top;}
/*banner结束*/
.section_icon_nav_box1{width:100%; background:#fff;height:80px;}
.section_icon_nav_box2{height:80px; width:980px;}
.section_icon_nav_box2 ul{ position:absolute}
.section_icon_nav_box2 ul li {height:80px; position: relative; float: left; display:inline; width:97px; border-left:solid 1px #eaeaea; background:#fff; }
.section_icon_nav_box2 ul li i{position:absolute;width:100%;height:100%;background-color:#fff;opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;}
.section_icon_nav_box2 ul li:hover i{opacity:1;-webkit-animation:orangeIn 0.2s ease;animation:orangeIn 0.2s ease;background-color:#00A4B4;}
@-webkit-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@-moz-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@-ms-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@-webkit-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@-moz-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@-ms-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}}
.section_icon_nav_box2 ul li a {width:100%; height:78px; position:absolute}
.section_icon_nav_box2 ul li a em{display: block; width: 40px; height: 55px; background:url(../images/nav_icon.png) no-repeat; margin:10px auto 5px;}
.section_icon_nav_box2 ul li a:hover{ color:#FFF}
.section_icon_nav_box2 ul li.icon_nav1 a em{ background-position:-320px -38px;}
.section_icon_nav_box2 ul li.icon_nav1 a:hover em{ background-position:-320px -140px;}

.section_icon_nav_box2 ul li.icon_nav2 a em{background-position:-199px -41px}
.section_icon_nav_box2 ul li.icon_nav2 a:hover em{ background-position:-199px -140px}
.section_icon_nav_box2 ul li.icon_nav3 a em{ background-position:-322px -43px}
.section_icon_nav_box2 ul li.icon_nav3 a:hover em{ background-position:-322px -143px}
.section_icon_nav_box2 ul li.icon_nav4 a em{ background-position: -440px -37px}
.section_icon_nav_box2 ul li.icon_nav4 a:hover em{ background-position:-440px -138px}
.section_icon_nav_box2 ul li.icon_nav5 a em{ background-position:-560px -42px}
.section_icon_nav_box2 ul li.icon_nav5 a:hover em{ background-position:-560px -142px}
.section_icon_nav_box2 ul li.icon_nav6 a em{ background-position:-679px -37px}
.section_icon_nav_box2 ul li.icon_nav6 a:hover em{ background-position: -679px -137px}
.section_icon_nav_box2 ul li.icon_nav7 a em{ background-position: -796px -39px}
.section_icon_nav_box2 ul li.icon_nav7 a:hover em{ background-position:-796px -139px}
.section_icon_nav_box2 ul li.icon_nav8 a em{ background-position:-915px -38px}
.section_icon_nav_box2 ul li.icon_nav8 a:hover em{ background-position:-915px -138px}
.section_icon_nav_box2 ul li.icon_nav9 a em{ background-position:-1038px -41px}
.section_icon_nav_box2 ul li.icon_nav9 a:hover em{ background-position:-1038px -141px}
.section_icon_nav_box2 ul li.icon_nav10{ margin-right:0; border-right:solid 1px #eaeaea; width:96px;}
.section_icon_nav_box2 ul li.icon_nav10 a em{ background-position:-1155px -42px;}
.section_icon_nav_box2 ul li.icon_nav10 a:hover em{ background-position: -1155px -142px}
.section_icon_nav_box2 ul li p { text-align: center; position: absolute; top: 38px; width:100%; left:0; padding-top: 10px; font-size:14px; }
.box1{ height:271px;}
#pinpai{ width:327px; height:271px; background:#fff;  padding:0 10px; overflow:hidden;}
#pinpai h3{ font-size:16px; border-bottom:solid 2px #dfdfdf; padding:7px 0 5px;}
#pinpai dl{ width:327px; padding:12px 0 0; color:#4a4a4a; overflow: hidden;}
#pinpai dl dt,#pinpai dl dt img{ width:142px; height:163px;}
#pinpai dl dt span{ width:70px; height:30px; line-height:30px; display:inline-block; text-align:center; background:#dfdfdf; margin:5px 1px 0 0;}
#pinpai dl dd{ width:165px;}
#pinpai dl dd p{ text-indent:2em; width:163px; line-height:20px; margin-top:10px;}
#pinpai dl dd p a:hover{ color:#00C8DC}
.time img{ width:305px;}
#xw{ width:352px; height:271px; background:#fff; margin:0 5px; padding:0 10px; overflow:hidden;}
#xw .qh{font-size:16px; border-bottom:solid 2px #dfdfdf; height:40px; line-height:30px;}
.qh ul{ margin-top:8px;}
.qh ul li{ float:left; display:inline; width:84px;}
.qh ul li.hover a{border-bottom:solid 2px #00a4b4; background:url(../images/jiantou.jpg) no-repeat center bottom; display:inline-block; color:#4a4a4a; }
.qh ul li a{ color:#8f8f8f; text-decoration:none;}
.new{ height:229px; overflow:hidden; position:relative;}
.new dl{ overflow:hidden; margin:15px 0 25px;}
.new dl dt,.new dl dt img{ width:100px; height:162px;}
/*.new dl dd{ width:215px;}*/
.new dl dd b{ color:#4a4a4a; font-size:14px; display:block; height:22px; line-height:22px; overflow:hidden;}
.new dl dd p{ color:#3a3a3a; margin-top:10px; line-height:25px;}
.new .more{ position:absolute; bottom:0; right:0;}

.kq{ background:#fff; width:247px; height:271px;}
.kq h3{ font-size:16px; padding:7px 0 7px 17px;}
.kq .sp{ margin:0 auto; width:245px; height:230px; overflow:hidden; margin-left:0px}

.sp_btn{  margin:8px auto 0; width:245px; height:56px; background:#efefef;}
.sp_list{ width:214px; height:56px; position:relative; overflow:hidden;}
.sp_list ul{ margin:0 11px; position:absolute; top:0; left:0;}
.sp_list li{ border-bottom:solid 1px #e9e8e8; line-height:28px;}
.sp_list a{ color:#a2a2a2;}
.scroll{ position:relative; height:56px; width:1px; background:#e0e0e0; top:-56px; right:-224px;}
.scroll_block{ width:3px; height:19px; background:#a7a7a7; position:absolute; top:3px; right:-1px;}
.box2{ height:418px; background:#fff;}
.zj{ margin:0 10px; padding:20px 0; width:960px; overflow:hidden;}
.zj h3{ font-size:16px; padding-bottom:8px; margin:0 6px 27px;}
.zj h3 span,.Technology h3 span, .soft h3 span{ font-family:Myriad Pro; font-size:14px; margin-left:10px; color:#dddddd;}
.zj .pre{ background: url(../images/icon.png) no-repeat -132px -231px; width: 17px; height: 60px; float:left; margin:97px 3px 0 0; cursor:pointer;}
.zj .next{ background: url(../images/icon.png) no-repeat -186px -231px; width: 17px; height: 60px; float:right; margin:97px 0 0 3px; cursor:pointer;}
.zj .team{ width:904px; height:328px; overflow:hidden;}
.zj .team dl{ width:220px; margin:0 5px 0 1px; float:left; display:inline;}
.zj .team dl dt{ background:url(../images/box2_bg.jpg) no-repeat center top; width:220px; height:268px; position:relative; overflow:hidden;}
.zj .team dl dt img{ width:196px; height:248px; padding:11px 10px; display:block;}
.zj .team .filter_bg {position: absolute;top: -100%;left: 0;width: 213px;height: 265px;background-color: #000;filter:alpha(opacity:50);opacity: 0.5;z-index: 2;}
.zj .team dl dt p{ color:#fff; position:absolute; top:-100%; left:24px; z-index: 3;}
.zj .team dl dt span{ position:absolute; bottom:-100%; left:-2px; width:182px; height:26px; line-height:26px; display:block; background: url(../images/icon.png) no-repeat  -364px -496px; z-index:3;}
.zj .team dl dt span a{ width:91px; height:22px; line-height:22px; text-align:center; display:inline-block; color:#fff; transition:all 0.3s linear 0s; background:url(../images/icon.png) no-repeat;}
.zj .team dl dt span a:hover{ background:#00a4b4;}
.zj .team dl dd{ margin:15px 0 0 12px; }
.zj .team dl dd img{ margin-right:7px; }
.zj .team dl dd span{ font-size:14px; display:block; color:#6b6b6b;}
.zj .team dl dd span b{ color:#000; font-size:16px; margin-right:12px;}
.banner{ height:96px; background:#fff; overflow:hidden;}
.picimg{ position:relative; font-size:14px}
.picimg a{ display:inline-block; color:#fffeff; text-align:center;}
.ban1{ position:absolute; top:0; left:0;}
.ban1 img{ width:167px; height:96px;}
.ban2{ position:absolute; top:0; left:168px;background:#ef5b5b; width:105px; height:58px; line-height:58px; font-size:18px;}
.ban2:hover{ background:#942b2b;}
.ban3{ position:absolute; top:60px; left:168px;background:#ea68a2; width:105px; height:35px; line-height:35px;}
.ban3:hover{ background:#944166;}
.ban4{ position:absolute; top:0; left:274px; background:#0194C0; width:91px; height:43px; line-height:43px;}
.ban4:hover{ background:#026e8c;}
.ban5{ position:absolute; top:45px; left:274px; background:#ffa800; width:91px; height:51px; line-height:51px;}
.ban5:hover{ background:#d58d03;}
.ban6{ position:absolute; top:0; left:366px; background:#7883cd; width:111px; height:26px; line-height:26px;}
.ban6:hover{ background:#4f578c;}
.ban7{ position:absolute; top:28px; left:366px; background:#F05C5C; width:111px; height:40px; line-height:40px; font-size:20px;}
.ban7:hover{ background:#944166;}
.ban8{ position:absolute; top:70px; left:366px;background:#7A82CD; width:111px; height:26px; line-height:26px;}
.ban8:hover{ background:#4f578c;}
.ban9{ position:absolute; top:0; left:478px;background:#0194BF; width:60px; height:60px; line-height:60px;}
.ban9:hover{ background:#026e8c;}
.ban10{ position:absolute; top:62px; left:478px;background:#EA69A2; width:60px; height:34px; line-height:34px;}
.ban10:hover{ background:#944166;}
.ban11{ position:absolute; top:0; left:539px; background:#EF5B5B;width:164px; height:31px; line-height:31px;}
.ban11:hover{ background:#942b2b;}
.ban12{ position:absolute; top:33px; left:539px;background:#FF9801; width:60px; height:63px; line-height:63px;}
.ban12:hover{ background:#d58d03;}
.ban13{ position:absolute; top:33px; left:600px;background:#0194C0; width:103px; height:63px; line-height:63px; font-size:18px;}
.ban13:hover{ background:#026e8c;}
.ban14{ position:absolute; top:0; left:704px;background:#7A82CD; width:82px; height:47px; line-height:47px;}
.ban14:hover{ background:#4f578c;}
.ban15{ position:absolute; top:49px; left:704px; background:#e5ac23; width:82px; height:47px; line-height:47px; font-size:16px;}
.ban15:hover{ background:#bc8e1e;}
.ban16{ position:absolute; top:0; left:787px; background:#EA69A2; width:55px; height:96px; line-height:96px; font-size:16px;}
.ban16:hover{ background:#944166;}

.ban17{ position:absolute; top:0; left:843px; background:#b49756; height:96px; padding:20px 0 0; font-size:16px;width:136px}
.ban17 a{ color:#FFF; font-size:16px;}
.ban17:hover{ background:#866e3a;}
.ban17 img{ padding:8px 0 5px; width:90%;}
.ban17 span{ font-size:14px}

.Technology .click a{background: url(../images/icon.png) no-repeat -362px -395px; width: 85px; height: 22px; display:block; margin-top:5px; transition:all 0.3s linear 0.1s;}
.Technology .click a:hover{ background-position:-362px -425px;}
.box4{ height:400px; background:#fff; overflow:hidden;}
.soft_sb{ padding:15px 17px; width:946px;}
.soft_sb h3{ font-size:16px; padding-bottom:8px;}
.series ul{ background:url(../images/box4_li_bg.jpg) repeat-x; height:54px; line-height:54px; border-bottom:solid 1px #eaeaea;}
.series ul li{ float:left; display:inline; width:110px; border-left:solid 1px #e5e5e5; text-align:center; font-size:15px;}
.series ul li.hover{ background:url(../images/box4_li_bg2.jpg) no-repeat center bottom; color:#00C8DC; cursor:pointer;}
.series ul li.none{ border:none;}
.ensure{ overflow:hidden;}
.ensure .text{ margin:25px 0 20px; font-size:14px; color:#333;}
.ensure dl{ float:left; margin:0 8px; display:inline;}
.ensure dl dt img{ width:168px; height:136px;}
.ensure dl dd{ margin:22px 0 0 0; color:#999; padding-left:22px; margin-left:28px;}
.ensure dl dd b{ color:#4d4d4d; display:block;}
.ensure dl dd.one{ background:url(../images/1.png) no-repeat left center;}
.ensure dl dd.two{ background:url(../images/2.png) no-repeat left center;}
.ensure dl dd.three{ background:url(../images/3.png) no-repeat left center;}
.ensure dl dd.four{ background:url(../images/4.png) no-repeat left center;}
.ensure dl dd.five{ background:url(../images/5.png) no-repeat left center;}
.ensure dl dd.six{ background:url(../images/6.png) no-repeat left center;}
.diff dl{ float:left; margin:0 3px; display:inline;}
.diff dl dt img{ width:149px; height:122px;}
.big dl{ float:left; margin:0 37px; display:inline;}
.zx_btn{ position:absolute; right:20px; bottom:0;}
.zx_btn a{background: url(../images/icon.png) no-repeat -1916px -959px; width: 84px; height: 22px; display:block;}
/*整形美容*/
.box6{ background:#fff; overflow:hidden; height:390px; padding-bottom:10px;}
.box6_1 ul{ border-bottom:solid 2px #dfdfdf; padding: 10px 0 0; margin: 0 21px; _height:25px; height:32px;}
.box6_1 ul li{ float:left; display:inline; width:73px; margin: 0 13px 0 0; font-size:15px;}
.box6_1 ul li a{ color:#4a4a4a;}
.box6_1 ul li{ width:85px; font-size:16px;}
.box6_1 ul li.hover{ padding-bottom:7px;}
.box6_1 ul li.hover a{ background:url(../images/jiantou.jpg) no-repeat center bottom; border-bottom:solid 2px #01a4b5; padding:0 12px 9px 0; color:#4a4a4a; *height:23px; _height:30px; display:inline-block;}
.box6_2 { margin:8px 21px 15px;}
.box6_2 a{ padding:0 5px; color:#8f8f8f;}
.box6_2 a:hover{ color:#6cbfca;}
.box6_3{ margin:5px 21px; width:430px;}
.box6_3 dl dt{ border:solid 1px #dfdfdf; width:134px; height:63px;}
.box6_3 dl dd{ margin-left:12px; margin-bottom:25px;}
.box6_3 dl dd b{ color:#01a4b5; font-size:16px; font-weight:normal;}
.box6_3 dl dd p{ width:265px; padding:5px 0 0; line-height:21px;}
.box6_4{ width:487px; border-left:dotted 1px #c1c1c1; padding-left:15px;}
.box6_4 h3{ font-size:14px; color:#6b6b6b; float:left; display:inline; width:50%;}
.box6_4_1{ width:220px;}
.box6_4_2{ width:220px;}
.box6_4 ul{ padding:8px 0 0;}
.box6_4 ul li{ background:url(../images/li_bg.gif) no-repeat left center;  line-height:25px;}
.box6_4 ul li a{ color:#6b6b6b;}
.al ul li{ width:300px; height:143px; border:solid 1px #eaeaea; padding:1px; float:left; display:inline; margin:30px 10px;}