@charset "utf-8";

/************************************************************************************************************/

.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.container-fluid{ max-width:1003px !important;}
*{font-family: "微软雅黑";}
/*header*/
header{background:url("../img/head.png")repeat 50% 100%;position:fixed;top:0;left:0;width:100%;z-index: 9999999;}
header .head{transition:all 0.5s;}
header .logo{transition:all 0.5s;padding:0;height:90px;display:table;}
header .logo a{transition:all 0.5s;display:table-cell;vertical-align:middle;}
header .icon-menu span{color:#f26626;font-size:26px;padding-right:15px;font-weight:bold;margin-top:29px;line-height:24px;cursor: pointer;}
/*导航*/
header .index_right{padding:0 10px 0 0;text-align:right;}
header .index_right .nav{display:inline-block;margin-top: 30px;}
header .nav li{height:100%;float:left;}
header .nav li a{color:#fff;font-family:"微软雅黑";padding:0 13px;font-size:14px;line-height:45px;display: block;transition:all 0.4s ease;}
header .nav li:hover a{color:#f8591d;}

.sjdnav{ width:120px; height:auto; position:absolute;right:10px; top:73px;z-index:5; }
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:35px;display:block; padding:0; background:rgba(0, 0,0, 0.7); text-align:center; margin-bottom:1px;}
.sjdnav li a{display:block; color:#fff; line-height:35px; font-size:15px;}
.sjdnavhide{ height:0; overflow:hidden;}
.sjdnav li:hover{background:#f26626;}


/*轮播图*/
.banner {position:relative;margin:0 !important;width:100%;padding-bottom:10px;}
.banner .owl-theme .owl-controls .owl-buttons div{transition:all 0.4s;opacity:0.4;filter:alpha(opacity=40);padding:0;height:50px;width:50px;border-radius:0;border:none;font-family: "宋体";margin:0;position:absolute;}
.banner .owl-theme .owl-controls .owl-buttons div:hover{opacity:0.9;filter:alpha(opacity=90);}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev{top:50%;left:0px;background:url(../img/prev.png) no-repeat 50% 50%;}
.banner .owl-theme .owl-controls .owl-buttons .owl-next{top:50%;right:0px;background:url(../img/next.png) no-repeat 50% 50%;}
.banner .owl-theme .owl-controls .owl-page span{background:#fff;border:1px solid #f26626;width:8px;height:8px;margin:5px;}
.banner .owl-theme .owl-controls .owl-page.active span{background:#f26626;z-index:99}
.owl-theme .owl-controls{margin:0;}
.owl-theme .owl-controls .owl-pagination{margin-top:0px;position:absolute;bottom:5px;left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);}
.banner .img2{display:none;}


/*biaoti*/
.index_title {width:100%;}
.index_title .title_txt{text-align:center;overflow: hidden;}
.index_title .title_txt a{display:block;position:relative;}
.index_title .title_txt a .left-line{position:absolute;top:77%;right:59%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .right-line{position:absolute;top:77%;left:59%;height:1px;width:50%;background:#cecece;}
.index_title .title_txt a .left-line .line{width:0;background:#f26626;transition:all 1s;position:absolute;right:0;height:1px;}
.index_title .title_txt a .right-line .line{width:0;background:#f26626;transition:all 1s;position:absolute;left:0;height:1px;}
.index_title .title_txt a:hover .line{width:100%;}
.index_title .title_txt .title_font{text-align:center;margin:0px;font-size:28px;color:#333333;line-height:30px;}
.index_title .title_txt h3{font-family:"Aparajita" !important;color:#eb4b0d;font-size:42px;line-height:35px;text-align:center;margin:10px 0 2px;}
.main_color .index_title .title_txt a .left-line,.main_color .index_title .title_txt a .right-line{background:#a9a9a9;}
.main_color .index_title a .line{background:#fff;}

.main_color .index_title .title_txt .title_font{color:#fff;}


/*case*/
.case{height:400px;margin-bottom: 20px;margin-top:30px;}
.case a span{opacity:0;text-align:center;color:#fff;transition:all 0.5s;position:relative;display: block;height:100%;width:100%;background: #eb4b0d;filter:alpha(opacity=0);}
.case a span:hover{opacity: 0.4;filter:alpha(opacity=40);}
.case a span b{font-size:17px;position: relative;top: 45%;}
.case .img{transition:all 2s;}
.case .img1{display:inline-block;height:100%;width:100%;background: url(../img/case1.png) no-repeat 65% 50%; background-size:cover;}
.case .img2{display:inline-block;width:100%;height:100%;background: url(../img/case4.png) no-repeat 50% 50%; background-size:cover;}
.case .img3{display:inline-block;height:100%;width:100%;background: url(../img/case3.png) no-repeat 50% 50%; background-size:cover;}
.case .img4{display:inline-block;height:100%;width:100%;background: url(../img/case6.png) no-repeat 50% 50%; background-size:cover;}
.case .img5{display:inline-block;width:100%;height:100%;background: url(../img/case7.png) no-repeat 50% 50%; background-size:cover;}
.case .img6{display:inline-block;width:100%;height:100%;background: url(../img/case2.png) no-repeat 50% 50%; background-size:cover;}
.case .img7{display:inline-block;width:100%;height:100%;background: url(../img/case5.png) no-repeat 50% 50%; background-size:cover;}
.case .case1{width:32%;height:100%;overflow: hidden;}
.case .case2 .case221{width:30%;height:100%;overflow: hidden;}
.case .case1 .case11{height:33%;overflow: hidden;}
.case .case1 .case12{height:67%;padding-top: 15px;}
.case .case2{width:51%;height:100%;overflow: hidden;padding: 0 15px;}
.case .case2 h5{font-size:14px;color:#222;text-align:center;display:none;}
.case .case2 .case21{height:63%;overflow: hidden;}
.case .case2 .case22{height:37%;padding-top: 15px;overflow: hidden;}
.case .case2 .case222{width:70%;height:100%;padding-left:15px;overflow: hidden;}
.case .case3{width:17%;height:100%;overflow: hidden;}
.case .case3 .case31{height:63%;overflow: hidden;}
.case .case3 .case32{height:37%;overflow: hidden;padding-top: 15px;}
.case .case1 .case12:hover .img,.case .case1 .case12:hover .img,.case .case2 .case21:hover .img,.case .case2 .case222:hover .img,.case .case3 .case31:hover .img,.case .case3 .case32:hover .img{transform: scale(1.1);}
/*about*/
.about{margin-top:30px;margin-bottom:20px;}
.aboutbox{height:315px;background:url(../img/aboutboxbg.png) no-repeat 0 0;}
.aboutbox .pull-right{width:36%;padding-left: 14px;}
.aboutbox .imgbox{transition:all 0.4s;height:260px;overflow: hidden;margin-top:-20px;}
.aboutbox .textbox{width:64%;transition:all 0.4s;}
.aboutbox .text{padding:35px 10px 0 30px;transition:all 0.4s;line-height:26px;height:232px;overflow: hidden;}
.aboutbox .text p{color:#fff;font-size:14px;transition:all 0.4s;line-height:24px;margin:0;  text-indent:2em;}
.aboutbox .more{margin:10px 10px 0 0;width:80px;background:#7d7d7d;line-height:24px;color:#fff;text-align: center;padding-left:0;}
.aboutbox .ab_tel{font-size:15px;padding-left:55px;color:#fff;}
.aboutbox .ab_tel .tel{color:#eb4b0d;}
.aboutbox .ab_tel .tel label{padding-right:15px;margin:0;font-size:16px;}
/*product*/
.product{margin-top:30px;}
.product a.item{padding:0 8px;display:block;}
.product .owl-theme .owl-controls .owl-buttons div{transition:all 0.4s;padding:3px 12px;font-weight:bold;border-radius:0;background:#fff;color:#9c9c9c;border:1px solid #9c9c9c;font-size:22px;font-family: "宋体";margin:0;position:absolute;}
.product .owl-theme .owl-controls .owl-buttons div:hover{background:#d30000;color:#fff;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{top:45%;left:-50px;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{top:45%;right:-50px;}
.product a .top_border{transition: all 0.3s;border:2px solid #c0c0c0;padding:0px;}
.product .pro_img{position:relative;  overflow: hidden;text-align: center;}
.product .pro_img .pro-more{transition: all 0.8s;position:relative;padding:2px 10px;border:1px solid #eb4b0d;color:#eb4b0d;font-size:12px;display:inline-block;top:100%;opacity:0;}
.product .pro_img .mask{transition: all 0.3s;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=0);opacity:0}
.product .pro_img.img1{background:url("../img/pro.jpg") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img2{background:url("../img/pro.jpg") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img3{background:url("../img/pro.jpg") no-repeat 50% 50%;background-size:cover;}
.product .pro_img.img4{background:url("../img/pro.jpg") no-repeat 50% 50%;background-size:cover;}
.product a h4{color:#fff;transition: all 0.6s;font-size:20px;text-align:center;width:100%;position:absolute;top:65%;left:0;filter:alpha(opacity=0);opacity:0;}
.product a:hover h4{filter:alpha(opacity=100);opacity:1;top:30%;}
.product a:hover .pro-more{opacity: 1;top:50%;}
.product a:hover .top_border{border-color:#eb4b0d;}
.product a:hover .mask{filter:alpha(opacity=60);opacity:0.6}
.pro_more a{transition:all 0.4s;display:block;width:110px;height:35px;line-height:31px;border:2px solid transparent;text-align:center;color:#fff;background:#eb4b0d;margin:20px auto 15px;}
.pro_more a:hover{border-color:#eb4b0d;color:#eb4b0d;background:#fff;width:150px;}

@keyframes pro {
	0% {transform:scale(0.5);}
	50% {transform:scale(1.5)}
	100% {transform:scale(1)}
}
/*手机产品展示*/
.sj_product{max-width:490px;margin:20px auto 0;}
.sj_product>div{padding:0 10px;}
.sj_product a{margin-bottom:20px;display:block;}
/*honor*/
.honor a h4{position:static;top:0;opacity: 1;color:#3c3c3c;font-size:14px;margin-top:10px !important;}

/*new*/
.new{margin-top:30px;}
.new .border_new{transition:all 0.4s;}
.new .new-list{ margin-bottom:20px;}
.new .new-list .imgbox{float:left;width:125px;height:110px;overflow:hidden;}
.new .new-list .new_right{transition:all 0.4s;padding-left:140px;height:110px;background:url("../img/newHover.png") no-repeat 200% 200%;}
.new .new-list .imgbox a{display:block;width:100%;height:100%;border:2px solid #cfcfcf;}
.new .new-list .imgbox .img1,.new .new-list .imgbox .img2,.new .new-list .imgbox .img3,.new .new-list .imgbox .img4{background:url("../img/pro.jpg") no-repeat center;background-size:cover;}
.new .new-list h2{ margin:0px 0 0 0 !important; font-size:14px; }
.new .new-list h2 a{transition:all 0.4s;color:#000;font-size:14px;display:block;line-height:25px;padding-bottom:7px;padding-top:8px;}
.new .new-list p{ transition:all 0.4s;height:44px; overflow:hidden;margin-top:3px !important;}
.new .new-list p a{transition:all 0.4s; color:#5f5f5f;line-height:22px;display:block;font-size:12px;}
.new .new-list:hover .border_new{background:rgba(0,0,0,0.6)}
.new .new-list:hover .new_right{background-position:100% 100%;}
.new .new-list:hover  a{color:#fff;}
/*footer*/
footer{padding:15px 0; background:#333333;}
footer .footer_box{margin-top:10px;}
.foot_nav{margin-bottom:10px;display:inline-block;}
.foot_nav li{float:left;line-height:12px;color:#fff;font-size:12px;}
.foot_nav li a{padding:0px 8px;line-height:12px;display:inline-block;color:#fff;font-size:12px;}
footer .fooer{text-align: center;}
.fooer .fooer_info{margin-bottom:5px;}
.fooer .fooer_info span{color:#fff;font-size:12px;line-height:24px;padding:0 4px;}
.fooer .con{font-weight:bold;font-size:14px;color:#fff;}
.copy,.web{color:#fffefe;font-size:12px;line-height:20px;}

/*pc左侧*/
.subnav{border:1px solid #e5e5e5;}
.subnav ol{height:45px;background:#3c3c3c;}
.subnav ol h1{font-size:18px; color:#fff;line-height:45px;padding-left: 25px;}
.subnav ol h1 span{font-size:12px;color:#fff;}
.subnav .pcdnav{border-bottom:none;}
.subnav .pcdnav li{margin: 0;height:40px;padding-right:10px;line-height: 40px;border-top:1px solid #e5e5e5;}
.subnav .pcdnav li a{display:block;font-size:14px;color:#474747;line-height:38px;transition:all 0.3s;padding-left:20px;}
.subnav .pcdnav li span{font-family:"宋体";font-size:16px;color:#b3b3b3;font-weight:bold;}
.subnav .pcdnav li.active{background:#ec5114;}
.subnav .pcdnav li.active a{color:#fff;}
.subnav .pcdnav li.active span{color:#fff;}
.subnav .pcdnav .xialamenu{width:100%;}
.subnav .pcdnav .xiala{ margin:2px 0 0 0; height:35px;padding-left:30px;border-bottom:1px dashed #dfdfdf;}
.subnav .pcdnav .xiala:last-child{border:none;}
.subnav .pcdnav .xiala a{display:inline-block; font-size:14px; color:#474747; line-height:35px; transition:all 0.3s;}
.subnav .pcdnav .xiala:hover a{color:#ec5114;}
.subnav .pcdnav .xiala:hover span{color:#ec5114;}
.subnav .pcdnav .xiala span{width:10px;height:35px;display:inline-block;font-family:"宋体";font-size:14px;color:#272727;margin-right:3px;}
.xialahide{ height:0; overflow:hidden;}
/*联系我们*/
.lianxi{margin-top:20px;border:1px solid #e5e5e5;}
.lianxi ol{height:45px;background:#3c3c3c;}
.lianxi ol h1{font-size:18px; color:#fff;line-height:45px;padding-left: 25px;}
.lianxi ol h1 span{font-size:12px;color:#fff;}
.lianxi .lxbox{padding:1px 10px 10px;}
.lianxi .lxbox li{line-height:20px;font-size:12px;color:#444343;}
.lianxi .lxbox .tel{font-size:20px;font-weight:bold;line-height:30px;color:#eb4b0d;background:url(../img/dh.png) no-repeat 0% 50%;padding-left:25px;}
.lianxi .img{margin-bottom:5px;}

/*内页头部*/
.boxhead{border-bottom:2px solid #d3d3d3;height:45px; line-height:45px;display: block;}
.size18{font-size:20px;padding-left: 10px;}
.size14{font-size:14px;}
.size14 b{margin-right: 10px;color:#ea3e00;}
.size18 span{display: block;color:#ea3e00;line-height:43px;}
.boxhead span.active{color:#ea3e00;}
.headnav b{line-height: 40px;font-size: 14px;padding-right: 15px;}
.ny_box{margin-top:10px;margin-bottom: 30px;}
/*ny_pro*/
.ny_pro .pro_list{margin-bottom:15px;}
.ny_pro .pro_list a h3{font-size:14px;text-align: center;color:#585858;line-height:24px;margin:5px 0 0 0;}
/*详情*/
.ny_pro_xq h5{font-size:16px;color:#3c3b3b;margin-bottom:15px;text-align: center;}
/*single_page*/
.single-page .page-text{margin-top:15px;}
.single-page .page-text img{max-width:100%; height:auto;}
.single-page .page-text p{margin:0;color:#616161;line-height:24px;}
/*ny_contact*/
.contact-ny ul li{font-size:14px;color:#545454;line-height:30px;}
.contact-ny ul li b{font-size:18px;font-weight:bold;color:#2a2929;}

/*ny_new*/

/*ny_new_xq*/
.new-ny h4{font-size:16px;color:#000;line-height:27px;text-align:center;}
.new-ny .time{font-size:12px;color:#a3a3a3;line-height:27px;text-align:center;border-bottom:1px dashed #d2d2d2;padding-bottom:5px;}
.new-ny .new-xq-text{margin-top:15px;}
.new-ny .new-xq-text p{margin:0;font-size:12px;line-height:24px;}
.main{padding:20px 0;}
.main_color{background:url("../img/aboutbg.png");}
/*手机端导航*/
/*侧方*/
.nav1{margin:0 auto 0px; }
.navhead{cursor: pointer; background:#262626;height: 40px;line-height:40px;margin-top:2px;color:#fff;font-size: 16px;padding-left:15px;}
.nav1 .nav{width:100%;position:relative;z-index:9999;}
.nav1 .nav li a{display:block;font-size: 14px;color:#505050;padding:0 0 0 20px;line-height:43px;transition:all 0.4s;}
.nav1 .nav li{border-bottom:1px solid #c0c0c0;position:relative;;}
.nav1 .nav>li>a:hover{color:#fff;background:#ee5b20;}
.headnav b{line-height: 40px;font-size: 14px;padding-right:15px;}
.nav1 .sjdnavhid,.sjdnavhide{height:0;overflow:hidden;}
.nav1 .nav li .two_subnav{margin:0;display:none;position:absolute;top:0;right:0;width:50%;border-left:1px solid #d1d1d1;z-index:10;}
.nav1 .nav li .two_subnav::before{content:'';display:block;border:6px solid transparent;border-right-color:rgba(0,0,0,0.8);position:absolute;left:-12px;top:9px;}
.nav1 .nav li .two_subnav li{border-bottom:1px solid #d1d1d1;background:rgba(0,0,0,0.8);}
.nav1 .nav li .two_subnav li a{color:#ccc;padding-left:15px;}
.nav1 .nav li .two_subnav li a:hover{color:#ee5b20;}
/*尾部*/

	/*底部菜单*/
.hot{height:50px; background: #f26626; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0; }
.hot .row div.first a{background:none;}
.hot span{color:#fff; font-size:16px;line-height: 20px;}
.hot h6{font-size:12px; line-height: 20px;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}



@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 1070px){
	.owl-theme .owl-controls .owl-buttons div{display:none;}
}
@media only screen and (max-width: 991px) {
	.aboutbox{background:none;height:auto;padding-bottom:20px;}
	.aboutbox .text{padding:0 0 0 0;max-height:200px;}
	.aboutbox .textbox{float:none !important;max-width:650px;width:100%;margin:0 auto;padding:15px;border:3px solid #d9d9d9;border-radius:5px;background:#fff;}
	.aboutbox .more{float:none !important;margin:10px auto;}
	.boxhead{margin-bottom:15px;}
	.case{height:300px;}
	.aboutbox .text p{color:#232323;}
}
@media only screen and (max-width: 920px) {
	header .logo{width:34%;}
	header .nav li a{padding:0 10px;font-size:12px;}
	header .index_right{width:66%;}
	header .search{width:40%;}
	.aboutbox .pull-right{padding:0;}
	.foot_nav li a{padding:0 13px;}
}
@media only screen and (max-width: 767px) {
	header{position:relative;}
	header .index_right{position:absolute;top:17%;right:8%;display:none;}
	header .head{ height:75px; }
	header .logo{width:70%;height:75px;}
	.case .case1{width:35%;}
	.case .case2{width:65%;padding:0 0 0 10px;}
	.case .case2 .case21,.case .case1 .case11{padding-bottom:5px;}
	.case .case2 .case22,.case .case1 .case12{padding-top:5px;}
	.case .case2 .case221{padding-right:5px;}
	.case .case2 .case222{padding-left:5px;}
	.index_title .title_txt h3{margin-top:0px;}
	.index_title a .left-line{right:65% !important;}
	.index_title a .right-line{left:65% !important;;}
	.main{padding-bottom:0px;}
}
@media only screen and (max-width: 600px){
	.case{height:250px;}
	header .search{width:65%;background:#232323;}
	header .index_right{right:22%;}
	.banner .img1{display:none;}
	.banner .img2{display:block;}
	.ny_box{margin-top:15px;padding: 0;}
	.ny_new .new-list{margin:5px auto;padding:0 15px;}
	.ny_box .ny_title h3{font-size:16px;}
	.aboutbox .text{max-height:240px;}
}
@media only screen and (max-width: 530px){
	.index_title a .left-line{right:70% !important;;}
	.index_title a .right-line{left:70% !important;;}
	.index_title .title_txt .title_font{font-size:22px;line-height:22px;}
	.index_title .title_txt h3{font-size:24px;margin-bottom:0px;line-height:24px;}

	header .search{width:80%;}
	.new .new-list .imgbox{float:left;width:130px;height:100px;}
	.new .new-list .new_right{padding-left:140px;height:100px;}
	.ny_new .new-list .imgbox{float:left;width:130px;height:100px;}
	.ny_new  .new-list .new_right{padding-left:140px;}
	.ny_new  .new-list a{line-height:22px !important;}
	.ny_new  .new-list p{height:45px;}
	.case{height:200px;}
	.foot_nav .first_li{display:none;}
	.foot_nav ul{width:300px;margin:0 auto;}
	.foot_nav li{width:33.33% !important;height:35px !important;line-height:35px !important;}
	.foot_nav li a{line-height:35px !important;}
	.aboutbox .text{padding-top:0;}
	.aboutbox .text p{color:#333;}
	.ny_pro .pro_xq_img{width:100%;float:none;}
	.ny_pro .pro_title{float:none !important;padding-left:0px;margin-top:10px;}
	.ny_pro .fooer_left,.fooer_right{float:none !important;;padding:0 !important;;}
}
@media only screen and (max-width: 450px){
}
@media only screen and (max-width: 436px) {
	header .logo{padding-left:8px;}
	header .icon-menu span{padding-right:8px;font-size:28px;}
	.product .pro_img .pro-more{padding:0 10px;}
	.product a:hover .pro-more{opacity: 1;top:55%;}
	.product a h4{line-height:28px;font-size:14px;}
	.honor a h4{line-height:15px;margin-top:4px;}
	.ny_pro{margin-left:-8px;margin-right:-8px;}
	.ny_pro .pro_list{padding:0 8px;}
}
@media only screen and (max-width: 390px){
	.new .new-list .imgbox{float:left;width:100px;height:80px;}
	.new .new-list .new_right{padding-left:110px;height:80px;background-size: 25% 100%;}
	.new .new-list a{line-height:20px !important;font-size:12px !important;}
	.new .new-list p{height:40px;}
	.new .new-list{margin-bottom:10px;}
	.ny_new .new-list .imgbox{float:left;width:100px;height:80px;}
	.ny_new .new-list .new_right{padding-left:110px;}
	.ny_new .new-list a{line-height:17px !important;font-size:12px !important;}
	.ny_new .new-list p{height:36px;}
	.ny_new .new-list{margin-bottom:10px;}
	.case{height:175px;}
}
@media only screen and (max-width: 360px){

	.case{height:155px;}
}
@media only screen and (max-width: 321px){
	header .search{width:85%;}
}
/*浮动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(../images/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: 181px;
    height:100px;
    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: 170px;
    height:160px;
    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(../images/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;
}