﻿
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
a{text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{max-width:1200px !important;}
*{font-family: "微软雅黑";}
input,button,textarea{outline:none;}
.sjdnavhide{height:0; overflow:hidden;}
.bg2{background:url(../image/contactbg.jpg) no-repeat 50% 50%;background-size:cover;padding:30px 0;}
.main{margin: 35px 0;}
.main .aboutBg{background: url(http://济阳中央空调回收/img/about-bg.png) no-repeat 50% 50%;background-size: cover;padding: 25px 0;margin: 30px 0;}
header{width: 100%;}
header .logo{display: table;float: left;width: 50%;height: 90px;padding: 0 0 0 10px;transition: all 0.5s;}
header .logo a{display: table-cell;vertical-align: middle;}
header .logo:hover{
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);}
header .dianhua{float: left;width: 50%;text-align:right;padding-right: 10px;margin-top: 24px;}
header .dianhua .tel{display: inline-block;height: 48px;padding-left: 45px;background: url(../image/tel.png) no-repeat 0% 50%;transition: all 0.5s;}
header .dianhua .tel .tel-title{display: block;text-align:left;font-size: 18px;color: #0a9718;font-weight:bold;line-height: 24px;}
header .dianhua .tel .tel-content{font-size: 24px;color: #0a9718;font-weight: bold;line-height: 24px;}
header .dianhua .tel .tel-content:nth-child(3){padding-left:20px;}
header .dianhua .tel:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);}
header .icon-menu span{margin-top: 25px;padding-right: 0px;font-size: 26px;font-weight: bold;line-height: 24px;color: #008cd6;cursor: pointer;}
nav{width: 100%;height: 39px;background:#0a9718;}
nav .nav{margin: 0;height: 39px;padding-left:2px;background:url("../image/libg.png") no-repeat 0 50%;}
nav .nav li{float: left;position: relative;width: 14.28%;height: 100%;text-align: center;padding: 0px 2px 0 0;background:url("../image/libg.png") no-repeat 100% 50%;}
nav .nav li a{display: block;padding:0;line-height: 39px;font-size: 14px;color: #fff;transition: all 0.5s;}
nav .nav li a span{display: block;}
nav .nav li:hover span{background:#0a9718}
nav .nav li:hover li a{}
nav .nav li:hover ul{}
nav .nav li ul{margin: 0;padding-left: 5px;padding-right: 5px;height: 0;position: absolute;top: 39px;left: 0;width: 100%;z-index: 99;background:#0a9718;overflow: hidden;}
nav .nav li ul li{width: 100%;float: none;height: 35px;padding: 0;background: #004ba2;}
nav .nav li ul li a{display: block;padding: 0;line-height: 35px;background:#0a9718;color: #fff;transition: all 0.5s;}
nav .nav li ul li:hover a{background:#0a9718;color: #fff;}
.sjdnav{width: 120px;height: 0;position: absolute;right: 10px;top: 73px;z-index: 5;}
.sjdnav ul{padding: 0;margin: 0;}
.sjdnav ul li{height: 35px;display: block;padding: 0;background: rgba(0,0,0,0.7);text-align: center;margin-bottom: 1px;transition: all 0.5s;}
.sjdnav ul li a{display: block;color: #fff;line-height: 35px;font-size: 15px;}
.sjdnav ul li:hover{background:#0a9718;}
#banner a{display:block;}
#banner .carousel-indicators{bottom: 10px;margin-bottom: 0;}
#banner .carousel-indicators li{width: 7px;height: 7px;border-color: #fff;}
#banner .carousel-indicators .active{width: 9px;height: 9px;background:#0a9718;}
#banner img{width: 100%;}
#banner .img2{display:none;}
.index_title{width: 100%;}
.index_title .title_txt{text-align: center;}
.index_title .title_txt a{display: block;}
.index_title .title_txt .title_font{display: inline-block;padding: 0 5px;margin: 0px;font-size: 30px;color:#0a9718;line-height: 40px;}
.index_title .title_txt h3{color: #a9a9a9;font-size: 36px;margin: 0;line-height: 40px;text-align: center;}
.bg2 .index_title .title_txt h3,.bg2 .index_title .title_txt .title_font{color:#fff;}
/*pic*/
.pic ul li{width:25%;height:100px;float:left;padding:0 10px;}
.pic ul li a{position:relative;display:block;width:100%;height:100%;border:1px solid #cdcdcd;transition:all 0.4s;}
.pic ul li a img{position:absolute;top:13%;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.pic ul li a .pic-desc{position:absolute;bottom:10%;width:100%;text-align:center;}
.pic ul li a .pic-desc h4{margin:0;font-size:18px;color:#333333;line-height:30px;}
.pic ul li a .pic-desc p{margin:0;font-size:14px;color:#8d8d8d;line-height:16px;}
.pic ul li:hover a{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
/*search*/
.search{position:relative;max-width:435px;width:100%;margin:20px auto;padding-right:39px;}
.search input{display:block;width:100%;padding:0;height:35px;line-height:33px;border:1px solid #a9a9a9;border-right:none;}
.search button{position:absolute;top:0;right:0;width:39px;height:35px;border:none;padding:0;background:url("../image/scale.png") no-repeat 50% 50%;background-size:cover;}
.tab{text-align: center;margin-top: 20px;}
.tab .tab_list{position: relative;margin: 0;display: inline-block;}
.tab .tab_list li{width: 120px;float: left;margin: 2px 0;border-left:1px solid #014ba2;border-right:1px solid #014ba2;}
.tab .tab_list li a{transition: all 0.3s;display: block;height: 40px;font-size: 16px;color: #fff;background: #0a9718;line-height: 40px;text-align: center;}
.tab .tab_list li:hover a{background: #0a9718}
.tab .tab_list li.active a{background: #0a9718}
/*.tab .tab_list li ol{position: absolute;display: none;top: 40px;width: 100%;left: 0;padding-left: 10px;height: 30px;line-height: 30px;}*/
/*.tab .tab_list li ol li{width: auto;margin: 8px 0;padding: 0;float: left;line-height: 14px;color: #333;}
.tab .tab_list li ol li a{height: auto;font-size: 14px;border-radius: 0;background: #0a9718 !important;color: #333;display: inline-block;line-height: 14px;padding: 0 10px;transition: all 0.5s;}
.tab .tab_list li ol li a:hover{color:#0a9718;}*/
.product{margin-top: 30px;padding:0 15px;}
.product .top_border{display: block;margin-bottom: 20px;transition: all 0.3s;border: 1px solid #bebaba;-webkit-box-shadow: 0 1px 2px 0px #7a7a7a;-moz-box-shadow: 0 1px 2px 0px #7a7a7a;box-shadow: 0 1px 2px 0px #7a7a7a;}
.product .top_border h4{color: #000;transition: all 0.3s;margin-top: 5px !important;font-size: 16px;text-align: center;width: 100%;line-height: 30px;background: #fff;}
.product .top_border .pro_img{padding: 4px;overflow: hidden;transition: all 0.3s;}
.product .top_border .pro_img .img{position: relative;width: 100%;display: block;height: 100%;transition: all 2s;border: 1px solid #bebaba;overflow: hidden;}
.product .top_border .pro_img .img .mask{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);text-align: center;transition: all 0.5s;}
.product .top_border .pro_img .img .mask .maskbox{position: absolute;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.product .top_border .pro_img .img .mask .maskbox span{display: inline-block;font-size: 20px;color: #fff;padding-bottom: 15px;border-bottom: 1px solid #fff;margin-bottom: 15px;}
.product .top_border .pro_img .img .mask .maskbox strong{display: block;font-size: 25px;color: #fff;text-align: center;}
/*.product .top_border .pro_img .img::after{content: "";display: block;position: absolute;top: 10px;right: 10px;width: 25%;height: 30%;border-top: 1px solid #bebaba;border-right: 1px solid #bebaba;}
.product .top_border .pro_img .img::before{content: "";display: block;position: absolute;bottom: 10px;left: 10px;width: 25%;height: 30%;border-bottom: 1px solid #bebaba;border-left: 1px solid #bebaba;}*/
.product .top_border:hover .mask{top: 0 !important;}
.product .top_border:hover .pro_img{border-color: #016be6 !important;}
.product .top_border:hover .pro_img .img{border-color: #016be6 !important;}
.pro-more{text-align: center;background:#0a9718;padding-bottom:20px;}
.pro-more .more{background:#0a9718;padding:20px 0;}
.pro-more a{display: inline-block;padding: 6px 25px;font-size: 14px;color: #fff;border: 1px solid #fff;border-radius: 2px;transition: all 0.5s;}
/*case*/
.case .top_border .pro_img .img{}
.case .top_border:hover{border: 1px solid #1e94d4;-webkit-box-shadow: 0 1px 2px 0px #1e94d4;-moz-box-shadow: 0 1px 2px 0px #1e94d4;box-shadow: 0 1px 2px 0px #1e94d4;}
.case .top_border:hover h4{color:#1e94d4;}
/*about*/
.about{max-width:490px;margin:0 auto;}
.about .title,.new .title{margin-bottom:30px;}
.about .title span,.new .title span{display:inline-block;font-size:30px;color:#0a9718;line-height:34px;padding-right:5px;}
.about .title strong,.new .title strong{display:inline-block;font-size:34px;color#0a9718;line-height:34px;}
.about .img a{display:block;width:100%;height:105px;background:url("../image/about.png") no-repeat 50% 50%;background-size:cover;}
.about .text{margin-top:10px;line-height:30px;color:#333;font-size:14px;text-indent:2em;}
.new .new-list{margin-bottom: 15px;}
.new .new-list .imgbox{float: left;width: 148px;height: 110px;overflow: hidden;padding: 3px;border: 1px solid #cdcdcd;}
.new .new-list .imgbox a{display: block;width: 100%;height: 100%;transition: all 2s;border: 1px solid #cdcdcd;}
.new .new-list .new_right{padding-left: 160px;}
.new .new-list .new_right h2{position: relative;margin: 0px 0 0 0 !important;padding-right: 70px;font-size: 16px;border-bottom: 1px dashed #b2b2b2;}
.new .new-list .new_right h2 a{display: block;width: 100%;padding-bottom: 5px;color: #262626;line-height: 30px;transition: all 0.4s;}
.new .new-list .new_right h2 .time{position: absolute;top: 0;right: 0;display: block;line-height: 30px;font-size: 12px;color: #262626;}
.new .new-list .new_right p{transition: all 0.4s;height: 63px;overflow: hidden;margin:5px 0 0;}
.new .new-list .new_right p a{display: block;font-size: 14px;transition: all 0.4s;color: #4b4b4b;line-height: 21px;text-indent: 2em;}
.new .new-list:hover .new_right h2 a{color: #004ba2;}
.new .new-list:hover .imgbox .img{transform: scale(1.2);}
.case{margin-top: 30px;padding:0;}
.contact{background:rgba(255,255,255,0.5);padding:15px;margin-top:30px;}
.contact .form{max-width:500px;margin:0 auto;}
.contact .contact-info{max-width:500px;margin:0 auto;}
.contact h4{margin: 0 0 15px 0;font-size: 16px;line-height: 30px;color:#171717;}
.contact input{display:block;width:100%;margin-bottom:15px;padding:0 0 0 5px;height:35px;border:1px solid #cccccc;background:#fff;}
.contact input.time{width:130px;}
.contact button{display:block;width:100%;height:35px;line-height:35px;border:none;padding:0;background:#0157e0;font-size:14px;color:#fff;text-align: center;}
.contact .contact-info .qq span{float:left;width:50%;padding:0 5px;}
.contact .contact-info ul{margin:15px 0;}
.contact .contact-info ul li{color:#333333;line-height:26px;}
footer{padding: 17px 0;background: #0a9718;text-align: center;}
footer .foot ul{margin: 0;display:inline-block;}
footer .foot ul li{float: left;line-height: 14px;font-size: 14px;color: #fff;}
footer .foot ul li a{color: #fff;padding: 0 5px;}
footer .copy{margin-top:5px;line-height: 14px;font-size: 14px;color: #fff;}
.hot{position: fixed;bottom: 0;left: 0;z-index: 999999;width: 100%;height: 50px;background: #0a9718;}
.hot .hover{border-right: 1px solid #fff;}
.hot .hover:last-child{border-right: none;}
.hot .hover a{display: block;color: #fff;padding: 5px 0;}
.hot .hover a h6{font-size: 12px;line-height: 20px;margin: 0px;}
.hot .hover a span{display: block;height: 25px;color: #fff;font-size: 16px;line-height: 20px;}
.hot .hover:hover{background:#2a7cff;}
/*内页头部*/
.boxhead{border-bottom:1px solid #e7e7e7;height:40px; line-height:40px;display: block;margin-bottom:20px;}
.boxhead .link b{margin-right: 10px;color:#1e94d4;}
.boxhead .title span{display: block;padding:0 60px;color:#1e94d4;font-size:18px;line-height:38px;border-bottom:2px solid #1e94d4;}
.boxhead .link span{color:#2f2f2f;font-size:14px;line-height:40px;}
.boxhead span.active{color:#1e94d4;}

/*侧栏*/
.subnav ol,.lianxi ol{height:55px;background:#0a9718;margin:0;padding:0;}
.subnav ol h1,.lianxi ol h1{font-size:18px; color:#fff;line-height:55px;margin:0;padding:0 0 0 20px;}
.subnav ol h1 span,.lianxi ol h1 span{font-size:12px;color:#fff;}
.subnav .pcdnav{padding-bottom:5px;border-bottom:none;}
.subnav .pcdnav li{position:relative;padding:0 10px 0 30px;margin:0;height:45px;line-height: 45px;border:1px solid #dcdada;border-top:none;background:#0a9718;}
.subnav .pcdnav li span{position:absolute;left:15px;top:0;display:block;height:45px;line-height:45px;font-size:15px;font-weight:bold;font-family:"宋体"}
.subnav .pcdnav li a{display:block;width:100%;padding-left:10px;font-size:15px;color:#101010;line-height:45px;transition:all 0.3s;}
.subnav .pcdnav li.active{background:#ff9523;}
.subnav .pcdnav li.active a,.subnav .pcdnav li.active span{color:#fff;}
.subnav .pcdnav li:hover{background:#0a9718;}
.subnav .pcdnav li:hover a,.subnav .pcdnav li:hover span{color:#fff;}
.lianxi ul{padding:10px;background:#0a9718;}
.lianxi ul li{line-height:26px;color:#333;font-size:14px;}
.lianxi ul li img{margin-top:25px;}
.ny-box{width:100%;margin:0px 0 30px;}

.nav1 .sjdnavhid{height: 0;overflow: hidden;}
.nav1 .navhead{cursor: pointer;padding-left: 15px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;background: -webkit-linear-gradient(left,#f1a700,#eec50e,#f1a700);background: -o-linear-gradient(right,#f1a700,#eec50e,#f1a700);background: -moz-linear-gradient(right,#f1a700,#eec50e,#f1a700);background: linear-gradient(to right,#f1a700,#eec50e,#f1a700);}
.nav1 .navhead b{line-height: 40px;font-size: 14px;padding-right: 15px;}
.nav1 .nav{width: 100%;position: relative;z-index: 9999;background:#0a9718;}
.nav1 .nav li{margin-top: 3px;background: #fff;border-bottom:1px dashed #ccc;}
.nav1 .nav li a{padding: 8px 20px;text-align:center;display:block;font-size: 15px;color: #505050;}
.nav1 .nav li:hover{background:#e1e1e1}

.ny-product .text{margin-top:20px;font-size:14px;line-height:40px;color:#252525;text-align: center;}
.ny-product .text1{ text-align:left}
.ny-product .text2{text-align: right;}
.ny-product img{margin-top:20px;}

.single-page .text p{margin:0;font-size:12px;color:#4b4b4b;line-height:24px;text-indent:2em;}

.ny-contact ul{margin-bottom: 30px;}
.ny-contact ul li{font-size: 14px;line-height: 30px;color: #333;}

.ny-new .new-list{display:flex;border-bottom:1px dashed #cdcdcd;line-height:35px;}
.ny-new .new-list span{display:block;-webkit-flex: 0 0 25px;-ms-flex:0 0 25px;flex:0 0 25px;width:25px;text-align: center;line-height:35px;font-weight:bold;font-family:"宋体";color:#a4a4a4;}
.ny-new .new-list a{display:block;-webkit-flex:1;-ms-flex:1;flex:1;line-height:35px;padding-right:20px;font-size:12px;color:#4a4a4a;transition:all 0.4s;}
.ny-new .new-list .time{display:block;-webkit-flex: 0 0 80px;-ms-flex:0 0 80px;flex:0 0 80px;justify-content: flex-end;width:80px;line-height:35px;font-size:12px;color:#a4a4a4;}
.ny-new .new-list:hover a{color:#1e94d4;}

.ny-new h5{font-weight: bold;font-size: 18px;color: #2b2b2b;line-height: 30px;margin: 0;padding-bottom: 5px;}
.ny-new .time-xq{font-size:12px;color:#a4a4a4;}
.ny-new .text{margin-top: 20px;}
.ny-new .text p{text-indent: 2em;margin: 0;line-height: 25px;font-size: 12px;color: #4b4b4b;}

@media only screen and (max-width: 1150px) {
}
@media only screen and (max-width: 991px) {
	header .dianhua .tel .tel-content {
		font-size: 17px;
	}
	.pic ul li a img {
		width:35%;
	}
	.pic ul li:nth-child(2) a img {
		margin-top:4%;
	}
	.pic ul li:nth-child(4) a img {
		margin-top:3%;
	}
	.pic ul li a .pic-desc {
		bottom:7%;
	}
	.pic ul li a .pic-desc h4 {
		font-size:16px;
		line-height:20px;
	}
	.tab .tab_list li {
		width: 100px;
	}
	.tab .tab_list li a {
		font-size: 14px;
	}
	.about .abimg {
		height: 335px;
	}
	.about .abimg .imgbg {
		height: 325px;
	}
	.about .abimg .img {
		height: 325px;
	}
	.about .txt {
		margin-top: 0px;
	}
	.about .more {
		margin: 15px 0 10px;
	}
}
@media only screen and (max-width: 900px) {
	.tab .tab_list li {
		width:90px;
	}
	.tab .tab_list li a {
		height:35px;
		line-height:35px;
		font-size:12px;
	}
	.new .new-list .imgbox {
		width: 125px;
		height: 100px;
	}
	.new .new-list .new_right {
		padding-left: 135px;
	}
	.new .new-list .new_right h2 {
		font-size: 15px;
	}
	.new .new-list .new_right h2 a {
		line-height: 25px;
	}
	.new .new-list .new_right h2 .time {
		line-height: 25px;
	}
	.new .new-list .new_right p {
		height: 60px;
		margin: 5px 0;
	}
	.new .new-list .new_right p a {
		line-height: 20px;
	}
	.ny-left{width:29%;}
	.ny-content{width:71%;}
	.product .row{margin:0 -8px;}
	.product .pro_list{padding:0 8px;}
}
@media only screen and (max-width: 767px) {
	header {
		height: 70px;
	}
	header .logo {
		width: 75%;
		height: 70px;
		padding:0;
	}
	#banner .carousel-control {
		display: none;
	}
	#banner .carousel-indicators {
		bottom: 0;
	}
	#banner .carousel-indicators li {
		width: 4px;
		height: 4px;
	}
	#banner .carousel-indicators .active {
		height: 5px;
		width: 5px;
	}
	#banner .img2 {
		display:block;
	}
	#banner .img1 {
		display:none;
	}
	.index_title {
		width: 100%;
	}
	.index_title .title_txt .title_font,.index_title .title_txt h3 {
		font-size: 23px;
		line-height:26px;
	}
	.pic {
		max-width:320px;
		margin: 0 auto;
	}
	.pic ul {
		margin: 0 -7px;
	}
	.pic ul li {
		width:50%;
		margin-bottom:15px;
		padding:0 7px;
	}
	.tab .tab_list {
		max-width: 290px;
		margin: 0 auto;
	}
	.tab .tab_list li {
		width: 72px;
		float: left;
		margin: 2px 0;
	}
	.product {
		margin-top:15px;
	}
	.product .row {
		margin: 0 -8px;
	}
	.product .row .pro_list {
		padding: 0 8px;
	}
	.product .row .pro_list .mask span {
		font-size: 13px !important;
		padding-bottom: 5px !important;
		margin-bottom: 5px !important;
	}
	.product .row .pro_list .mask strong {
		font-size: 20px !important;
	}
	.product .top_border h4 {
		margin-bottom:5px;
		line-height:20px;
		font-size:14px;
	}
	.about {
		margin-bottom:20px;
	}
	.about .title, .new .title {
		margin-bottom:15px;
	}
	.about .title span, .new .title span,.about .title strong, .new .title strong {
		font-size: 23px;
		line-height:26px;
	}
	.contact .form {
		margin-bottom:20px;
	}
	footer .foot ul {
		margin: 0 auto;
		max-width: 245px;
	}
	footer .foot ul li {
		font-size: 12px;
	}
	footer .foot ul li a {
		padding: 0 5px;
	}
	.ny-contact ul li {
		line-height: 27px;
	}
	.ny-box{margin:15px auto 30px;}
	.ny-content{width:100%;}
	.boxhead .title{ border-left: 5px solid #0178ff;}
	.boxhead .title span{font-size:16px;line-height: 38px;border:none;padding:0 10px;}
	.boxhead .link{line-height: 38px;}
	.boxhead .link span{font-size:12px;}
	.boxhead{border:1px solid #0178ff; padding: 0 5px;margin-bottom:0px;}
	.ny-product .text{line-height:30px;}
}
@media only screen and (max-width: 390px) {
	.new .new-list .imgbox {
		width: 100px;
		height: 78px;
		padding: 3px;
	}
	.new .new-list .new_right {
		padding-left: 110px;
	}
	.new .new-list .new_right h2 a {
		line-height: 20px;
		font-size: 14px;
	}
	.new .new-list .new_right h2 .time {
		line-height: 20px;
	}
	.new .new-list .new_right p {
		height: 46px;
	}
	.new .new-list .new_right p a {
		line-height: 23px;
		font-size: 12px;
	}
}
.glyphicon-chevron-left:before{content:url(../image/left.png);}
.glyphicon-chevron-right:before{content:url(../image/right.png);}
.glyphicon-chevron-left , .glyphicon-chevron-right{margin:0;width:48px;height:48px;}
/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../image/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 160px;
    height:150px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../image/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}