@charset "utf-8";

/* CSS Document */



/* header */

.header{width:990px;margin:0 auto;height:auto;overflow:hidden;padding-bottom:16px}

.logo{width:360px;}

.header ul{padding-top:10px;height:auto;}

.header ul li{width:120px;background:url(../images/list_nav_line.jpg) no-repeat right center;}

.header ul li a{display:block;width:120px;height:40px;text-align:center;font-size:16px;color:#242222;padding-bottom:4px;padding-top:10px}

.header ul li a:hover{background-color:#009999;color:#fff;}

.header ul li a:hover p{color:#fff;}

.header ul li a p{font-size:12px;color:#adaaaa;line-height:18px}



/* position */

.zzmPosition{width:100%;height:67px;border-top:5px solid #d0cece;background:#f1efef;}

.search{width:990px;margin:0 auto;}

.hotBox{float:left;font-size:16px;color:#737374;line-height:67px; background:url(../images/position_home.jpg) no-repeat 0 center;text-indent:25px}

.h_list{font-size:14px;color:#777575;font-weight:lighter;}

.seachContenter{float:right;margin-top:20px;border:1px solid #dad6d6;}

.sou_2{width:312px; height:26px;float:left;overflow:Hidden;background:#ffffff;}

.sou_2 .inp_1{float:left;width:230px;height:26px;line-height:26px;color:#737374;font-size:16px;padding-left:36px;border:0;background:url(../images/seach_icon01.jpg) 8px 6px no-repeat;}

.inp_2{float:left;width:46px;height:26px;line-height:26px; border:none;background:#009999;cursor:pointer;color:#ffffff;display:inline;font-size:16px;}

.sou_2 .link3{float:left;margin:2px 0 0;}



/* main */

.main{width:990px;height:auto;overflow:hidden;margin:0 auto}

.main_left{width:310px;padding-top:20px;height:auto;}

.menu{width:241px;height:auto;overflow:hidden;background-color:#009999;padding:22px 0 25px 18px;}

.menu ul{}

.menu ul li{border-bottom:1px solid #33adad;width:227px;}

.menu ul li a{display:block;width:227px;height:37px;text-align:left;line-height:37px;font-size:16px;color:#fff;text-indent:13px;background:url(../images/list_jianTou.jpg) no-repeat 200px center;}

.menu ul li a:hover{background:url(../images/blue_jianTou.jpg) no-repeat 200px center;color:#009999}

.menu_nav{padding-top:18px;}

.menu_nav_margin{margin:0 10px}

.menu_nav li{margin-top:15px;}

.menu_tel{border-bottom:1px dashed #cecccf;width:259px;height:51px;background:url(../images/list_menu_tel.jpg) no-repeat center left;padding-top:15px}

.menu_tel p{font-size:14px;text-indent:50px;color:#555252}

.menu_number{color:#009999}

.menu_adress{width:259px;height:51px;background:url(../images/list_menu_adress.jpg) no-repeat center left;padding-top:15px}

.menu_adress p{font-size:14px;text-indent:50px;color:#555252}

.real_cases h1{color:#000000;font-size:20px;border-bottom:2px solid #e8e8e8;width:259px;height:35px;padding-top:10px;position:relative}

.real_cases .real_cases_line{width:95px;height:2px;font-size:0px;background-color:#009999;display:inline-block;position:absolute;top:45px}

.real_cases div{padding-top:25px}

.real_cases .pre_pic{position:relative;top:70px}

.real_cases p{text-align:center;font-size:14px;color:#4a4747;width:259px;line-height:30px}

.main_right{float:right;width:680px;padding-top:20px;height:auto;}

.main_right h1{color:#009999;font-size:24px;border-left:2px solid #009999; text-indent:8px}

.list_typename a{color:#009999}



/* page */

.page{width:680px;padding:50px 0 60px 0!important;padding:40px 0;height:auto}

.page ul{width:680px;margin:0 auto}

.page ul li{margin-right:10px;border:1px solid #d0cece; padding:5px 10px;}
.thisclass{background:#cccccc}
.page ul li a{}





/* zixun */

.zzmArcRtop{width:268px;height:186px;padding-top:20px}

.zzmArcRtop ul li{float:left;margin:0 9px 15px 0;width:80px;height:78px;}

.zzmArcRtop ul li a{width:80px;height:68px;display:block; background:#e5f5f5;padding-top:10px;position:relative;}

/*.zzmArcRtop ul li a:hover{background:#009999;}*/

.zzmArcRtop ul li a:hover p{color:#ffffff;}

.zzmBG{width:41px;height:36px;display:block;margin:0 auto;position:relative;z-index:999;}

.zzmArcRtop ul li a .zzmArcIcon01{background:url(../images/ArcRightIcon01.png) no-repeat;}

.zzmArcRtop ul li a .zzmArcIcon02{background:url(../images/ArcRightIcon02.png) no-repeat;}

.zzmArcRtop ul li a .zzmArcIcon03{background:url(../images/ArcRightIcon03.png) no-repeat;}

.zzmArcRtop ul li a .zzmArcIcon04{background:url(../images/ArcRightIcon04.png) no-repeat;}

.zzmArcRtop ul li a .zzmArcIcon05{background:url(../images/ArcRightIcon05.png) no-repeat;}

.zzmArcRtop ul li a .zzmArcIcon06{background:url(../images/ArcRightIcon06.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon01{background:url(../images/ArcRightIcon001.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon02{background:url(../images/ArcRightIcon002.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon03{background:url(../images/ArcRightIcon003.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon04{background:url(../images/ArcRightIcon004.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon05{background:url(../images/ArcRightIcon005.png) no-repeat;}

.zzmArcRtop ul li a:hover .zzmArcIcon06{background:url(../images/ArcRightIcon006.png) no-repeat;}

.zzmArcRtop ul li a p{text-align:center;color:#383636;line-height:30px;font-size:14px;position:relative;z-index:999;}

.zzmArcRtop ul li a span.zzmGG{position:absolute;left:0px;top:0px;width:80px;height:78px;width:100%;height:100%;background-color:#009999; background-color:#FFF \9;opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;z-index:99;}

.zzmArcRtop ul li:hover i{opacity:1;	-webkit-animation:orangeIn 0.2s ease;	animation:orangeIn 0.2s ease;background-color:#009999 \9;}

	@-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}}

.zzmArcRtop ul li a:hover .zzmGG{opacity:1;	-webkit-animation:orangeIn 0.2s ease;	animation:orangeIn 0.2s ease;background-color:#009999 \9;}









/* realCase */

.zzmTjydTitle a{position:absolute;right:5px;width:24px;height:24px;}

.zzmTjydTitle{position:relative;border-bottom:2px solid #e8e8e8;height:30px;margin-bottom:24px;width:259px;padding-top:15px}

.zzmTjydTitle span{height:30px;line-height:24px;border-bottom:2px solid #009999;position:absolute;color:#;font-family:"黑体";font-size:24px;}

.zzmAnli{width:259px;height:240px;overflow:hidden;text-align:center;position:relative;}

.zzmAnliBox a p{line-height:34px;color:#4a4747;margin-top:15px;}

.zzmAnliBox a:hover p{color:#009999;}

.zzmAnliBox img{width:200px;height:165px;}

#focus2 ul {height: 240px;position: absolute;overflow:hidden;}

#focus2 ul li {float: left;height: 240px;overflow: hidden;position: relative;width: 259px;}

#focus2 ul li div {overflow: hidden;position: absolute;}

#focus2 .btn span.on {background: none repeat scroll 0 0 #ea2a77;}

#focus2 .preNext {cursor: pointer;height: 31px;position: absolute;top: 72px;width: 17px;}

#focus2 .pre {background:url(../images/anliBtn_left.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);left:0px;}

#focus2 .next {background: url(../images/anliBtn_right.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);right:0px;}