@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;*/ }
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important; color:#1e1e1e;}
a:hover{color:#ffaf04}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1200px !important;}
*{font-family: "微软雅黑";}
/*header*/
header .head{transition:all 0.5s;}
header .logo{transition:all 0.5s;padding:0;}
header .logo img{ margin:14px 0; width:457px; height:67px;transition:all 0.5s;}
header .baidu{margin-top:11px;}
header .erweima{margin-top:12px;}
header .erweima a{display:inline-block;padding:2px;border:1px solid #ffaf04;height:71px;background:url("../img/erweimabg.png") no-repeat 90% 190%;}
header .erweima .img img{max-width:65px;max-height:65px;}
header .erweima .txt{padding:0 10px;}
header .erweima .txt span{display:block;font-size:12px;color:#000000}
header .dianhua{padding:0;margin-top:21px;}
header .dianhua .tel{text-align:right;padding-right:28%;background:url("../img/wjj.png") no-repeat 100% 50%;background-size:25%;}
header .dianhua .tel .title{font-size:16px;text-shadow:-1px 1px 1px rgba(0,0,0,0.3);font-weight:bold;color:#ffaf04;}
header .dianhua .tel span{font-size:29px;display:inline-block;line-height:29px;text-shadow:-2px 3px 1px rgba(0,0,0,0.3);font-weight:bold;color:#ffaf04;}
header .icon-menu span{color:#ffae00;font-size:26px;padding-right:15px;font-weight:bold;margin-top:25px;line-height:24px;cursor: pointer;}
.menuPic{width:60px;height:60px;background:url(../img/menu.png) no-repeat 50% 50%;background-size:cover;position:fixed;right:10px;top:100px;display:none;z-index:999999;}
/*导航*/
nav{width:100%;height:43px;background: #ffaf04;}
nav>div,nav>div>div,nav>div>div>ul{height: 100%;}
nav .sorts{float:left;width:215px;height:43px;transition:all 0.5s;position:relative;}
nav .sorts .title{transition:all 0.5s;position:relative;color:#000;line-height:43px;padding:0 35%;font-size:15px;}
nav .sorts .title::after{transition:all 0.5s;content:' ';border:8px solid transparent;border-left-color:#000;display:block;position:absolute;top:35%;right:15%;}
nav .sorts:hover .title{color:#fff;background:#1e1e1e;}
nav .sorts:hover .title::after{border:8px solid transparent;border-top-color:#fff;top:36%;top:calc(35% + 6px);right:calc(15% + 8px);}
nav .sorts .sorts_box{position:absolute;padding:0;top:43px;left:0;z-index:10;background:#fff;width:100%;height:0;overflow:hidden;}
nav .sorts .sorts_box li{padding:10px 15px;border-bottom:1px solid #b5b5b5;}
nav .sorts .sorts_box .li_title{margin:0;position:relative;}
nav .sorts .sorts_box .li_title a{color:#1e1e1e;line-height:24px;}
nav .sorts .sorts_box .li_title a:after{border:5px solid transparent;content:'';display:block;width:0;height:0;border-left-color:#ffaf04;top:35%;right:10%;position:absolute;}
nav .sorts .sorts_box .link a{font-size:12px;color:#505050;line-height:20px;padding-right:5px;}
nav .nav{float:right;}
nav .nav li{height:100%;text-align: center;float:left;padding:1px 1px 1px 0px;}
nav .nav li a{color:#1e1e1e;font-family:"微软雅黑";font-size:16px;padding:0;line-height:41px;display: block;transition:all 0.4s ease;}
nav .nav li a span{padding:0 10px;border-right:1px solid #1e1e1e;}
nav .nav li:last-child a span{border-right:none;}
nav .nav li:hover a{background-color:#fff;}
.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:#ffaf04;}
	

/*轮播图*/
.banner .menu,.banner .br{position:relative;}
.banner .br{overflow:hidden;height:500px;}
.banner .swiper-wrapper{height:auto !important;}
.banner .swiper-wrapper .swiper-slide{height:auto !important;width:100%;}
.banner .swiper-wrapper .swiper-slide a{display:block;width:100%;}
.banner .swiper-wrapper .swiper-slide a img{width:100%;}
.banner .img1{height:500px;width:100%;}
.banner .img2{display:none;}
.pagination {  position: absolute;  z-index: 20;  bottom: -15px;  width: 100%;  text-align: center;  left:0;  }
.swiper-pagination-switch {  display: inline-block;  width: 8px;  height: 8px;  border-radius: 8px;  background: #fff;  margin: 0 5px;  opacity: 0.8;  border: 1px solid #3aa7e0;  cursor: pointer;  }
.swiper-active-switch {  background: #008cd6; }

/*leftmenu*/
.leftmenu{position:absolute;top:0;left:0;width:215px;z-index:9;background:#fff;padding:25px 12px 0;height:500px;}
.leftmenu li{padding-left:71px;margin-bottom:25px;}
.leftmenu li:last-child{padding:0;}
.leftmenu li .m_title{color:#ffaf04;line-height:24px;}
.leftmenu li p{font-size:12px;color:#1e1e1e;line-height:18px;}
.leftmenu li p span{display:block;}
/*brand*/
.owl-theme .owl-controls .owl-buttons div{transition:all 0.4s;padding:3px 12px;font-weight:bold;border-radius:0;background:#fff;color:#ffaf04;font-size:22px;font-family: "微软雅黑";margin:0;position:absolute;}
.owl-theme .owl-controls .owl-buttons .owl-prev{top:40%;left:-35px;}
.owl-theme .owl-controls .owl-buttons .owl-next{top:40%;right:-35px;}
.brand .item{padding:0 5px;}
/*biaoti*/
.index_title{height:35px;background:#1e1e1e;}
.index_title .title{width:55px;height:100%;position:relative;/*background:#ffaf04 url("../img/titlepic.png") no-repeat 8px 50%;*/}
.index_title .txt{color:#ffaf04;font-size:18px;line-height:35px;padding-left:15px;}
.index_title .title span{display:block;position:absolute;top:0;right:5px;width:5px;height:100%;background:#1e1e1e;}
.index_title .more a{font-size:14px;color:#ffaf04;line-height:35px;padding-right:15px;}
.index_title2 .title{width:215px;line-height:35px;text-align: center;font-size:16px;color:#1e1e1e;}
.index_title2 .title label{margin:0;font-weight:400;}
/*product*/
.pro_lunbo .pro_list{padding:0 10px; }
.pro_lunbo .lunbo_list{margin:0 5px;padding:0;width: 15%;}
.picMarquee-left{width:100%;position:relative;overflow:hidden;}
.picMarquee-left .bd{width:100%;}
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.product{margin-top:20px;}
.product .pro_list{margin-bottom:15px;}
.product .pro_list a{display:block;width:100%;}
.product  a .imgbox{overflow:hidden;height:140px;padding:2px;border:1px solid #dfdfdf;}
.product  a .imgbox .img{width:100%;height:100%;transition:all 2s;}

.product  a .info{margin-top:5px;text-align:center;}
.product  .title{color:#1e1e1e;line-height:18px;font-size:14px;margin:0;}
.product  a .info .price{color:#ffaf04;line-height:18px;font-size:18px;margin:3px 0;}
.product  a .info .more{color:#1e1e1e;background:#ffaf04;line-height:25px;margin:8px auto 0;width:70%;}
.product .pro_list:hover .img{transform:scale(1.2);}
.product .pro_list:hover .imgbox{animation:pro 1s infinite;}
@keyframes pro {
	0% {border-color:#ffaf04;}
	50% {border-color:#e9e293;}
	100% {border-color:#1e1e1e;}
}
/*product2*/
.index_box2 .leftnav{width:20%;max-width:215px;}
.index_box2 .leftnav .subnav{margin-top:20px;}
.index_box2 .leftnav .subnav .title{margin:0 0 6px;font-size:16px;background:#ffaf04;line-height:25px;}
.index_box2 .leftnav .subnav .title a{font-size:16px;color:#fff;line-height:25px;padding-left:15px;}
.index_box2 .leftnav .subnav .subnav_box{padding:0 1px;}
.index_box2 .leftnav .subnav .subnav_box a{ overflow:hidden;display:block; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;display:block;width:50%;/*padding-right:5px;*/color:#1e1e1e;font-size:12px;line-height:22px;}
.index_box2 .product2{width:80%;padding-left: 20px;}
/*about*/
.mian_list .img img{width:100%;}
.mian_list .img{margin:10px 0;}
.about{padding:15px;border:1px solid #dfdfdf;}
.about .txt p{margin:0;color:#1e1e1e;line-height:24px;text-indent:2em;}
.about .txt a{color:#ffaf04;}
.mian_list .title{line-height:24px;}
.mian_list .title a{color:#1e1e1e;font-family:"Arial";line-height:24px;}
.mian_list .title span{font-size:18px;color:#1e1e1e;padding-bottom: 3px;line-height:24px;border-bottom:1px solid #cecece;}
.mian_list .title label{margin:0;font-weight:400;color:#ffaf04;font-size:16px;line-height:24px;}
.new{padding:15px;border:1px solid #dfdfdf;}
.new ul li{border-bottom:1px dotted #dfdfdf;}
.new ul li span{font-size:11px;color:#1e1e1e;font-family:"微软雅黑";line-height:30px;float:left;}
.new ul li a{transition:all 0.4s;color:#1e1e1e;line-height:30px;display:inline-block;width:74%;float:left; overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space:nowrap; }
.new ul li .time{float:right;line-height:30px;color:#808080;font-size:12px;}
.new ul li:hover a{color:#ffaf04;}
.mian_list{margin-bottom:10px;}
/*切换*/
.tab{text-align:center;margin-top:20px;}
.tab .tab_list{margin:0;border:1px solid #b5b5b5;display:inline-block;border-right: none;}
.tab .tab_list li{padding:1px;border-right:1px solid #b0b0b0;width:105px;float:left;}
.tab .tab_list li a{transition: all 0.3s;display:block;background:#e5e5e5;height:30px;font-size:14px;color:#4d4d4d;line-height:30px;text-align:center;}
.tab .tab_list li:hover a{background:#2ea9f0;color:#fff;}
.tab .tab_list li.active a{background:#2ea9f0;color:#fff;}

/*尾部*/
footer{padding:15px 0; background:#1e1e1e;}
footer .code{padding:0 10%;width:65%;color:#fff; border-right:1px solid #fff;}
footer section,footer section small a{color:#fff !important;}
footer section nav{height:14px; display:inline-block;background:#1e1e1e;}
footer section nav li{ line-height:14px; border-right:1px solid #fff;}
footer section nav li a{color:#fff; font-size:14px; transition: all 0.3s;padding:3px 12px;font-family:"微软雅黑";}
footer section nav li:first-child {border-left:1px solid #fff;}
.contactUs{font-family:"Arial";color:#fff;margin-top:10px;}
footer section .add{margin:0 0 5px;}
footer section .ziti{font-size:12px;font-family:"微软雅黑";color:#fff;line-height:17px;}
footer section .ziti span{font-size:14px;color:#ffaf04;}


/*内页头部*/
.ny_nav a{color:#929292;line-height:30px;}
.sjhead{line-height:30px;border:1px solid #cecece;margin-top:15px;}
.sjhead .title{padding-left:8px;color:#4d4d4d;}
.sjhead .link{padding-right:8px;}
.sjhead .link a{color:#4d4d4d;font-size:12px;}
.ny_box{margin-top:20px;}
.ny_sorts{background:url("../img/brand.png") no-repeat 100% 50%;}
.ny_sorts .sorts_box .title,.ny_sorts .sorts_box a{font-size:14px;color:#1e1e1e;line-height:26px;transition:all 0.4s;}
.ny_sorts .sorts_box a.active{color:#fff;background:#ffaf04;}
.ny_sorts .sorts_box a:hover{color:#fff;background:#ffaf04;}
.ny_sorts .sorts_box .catefory{display:inline-block;}
.ny_sorts .sorts_box a{padding:0 5px;}
/*pro_content*/
.pro_content .pro_img{width:185px;height:150px;padding:2px;border:1px solid #dfdfdf;float:left;}
.pro_content .pro_img .img{width:100%;height:100%;}
.pro_content .pro_info{padding-left:200px;padding-top:2px;text-align:left !important;}
.pro_content .pro_info .txt{color:#1e1e1e;height: 80px; overflow: hidden; font-size: 14px;}
.pro_content .pro_info .txt1{color:#1e1e1e;line-height:26px; font-weight: bold;}

.pro_content .pro_info .more{margin:8px 0 !important;text-align:center;width:120px !important;}
/*pro_xq*/
.product_info{margin-bottom:20px;}
.pro_xq_info h4{font-weight:bold;color:#1e1e1e;line-height:26px;font-size:14px;}
.pro_xq_info .txt{color:#1e1e1e;line-height:26px;}
.ny_tel{margin-top:37px;}
.details .details_list{margin-bottom:15px;max-width:500px;}
.details h4{font-size:16px;line-height:20px;color:#1e1e1e;font-weight:bold;}
.details .details_box .details_img{padding-right:15px;}
.details .details_box .txt{color:#1e1e1e;line-height:18px;max-width:350px;}
.details table tr td{vertical-align:top; padding-bottom:20px;}
.details  img{max-width:100%;}
/*new*/
.ny_new_box{margin-top:20px;padding:0 15px;}
.ny_new{padding:15px;border:1px solid #dfdfdf;margin-bottom:10px;}
.ny_new ul li{border-bottom:1px dotted #dfdfdf;}
.ny_new ul li span{font-size:11px;color:#1e1e1e;font-family:"微软雅黑";line-height:30px;float:left;}
.ny_new ul li a{transition:all 0.4s;color:#1e1e1e;line-height:30px;display:inline-block;width:94%;float:left;}
.ny_new ul li:hover a{color:#ffaf04;}
.ny_new_img{width:30%;height:94px;}
.ny_new_img .img{width:100%;height:100%;}
.ny_new_box .ny_new_list{margin-bottom:15px;}
.ny_new_box .ny_new_list a{display:block;}
.ny_new_box .ny_new_list .txt{color:#1e1e1e;line-height:30px;width:80%; font-weight:bold;}
.ny_new_box .ny_new_list .time{color:#1e1e1e;line-height:30px;font-size:12px;}
.ny_new_box .ny_new_list .text_xq{transition:all 0.4s;font-size:12px;line-height:22px;color:#1e1e1e;height:44px;overflow:hidden;}
.ny_new_box .ny_new_list .more{color:#ffaf04;text-align:right;}
.ny_new_box .ny_new_list:hover .text_xq{color:#ffaf04;}
/*new_xq详情*/
.ny_new_box .xq_title{font-size:16px;color:#1e1e1e;font-weight:bold;text-align:center;}
.ny_new_box .text{margin-top:15px;}
.ny_new_box .text p{color:#1e1e1e;line-height:22px;}
.ny_new_box .xinxi{text-align:center;}
.ny_new_box .xinxi .new_box_xq_info{display:inline-block;}
.ny_new_box .xinxi .new_box_xq_info span{font-size:12px;color:#1e1e1e;line-height:24px;}
/*single_page*/
.single_page{margin-top:20px;padding:0 15px;}
.single_page .img{padding:2px;border:1px solid #dfdfdf;width:40%;margin-left:10px;}
.single_page .txt p{margin:0;color:#1e1e1e;line-height:24px;}

/*contact_ny*/
.contact .img{width:40%;margin-right:10px;padding:0;border:0;}
.contact .map{padding:3px;border:1px solid #dfdfdf;}
/*message_xq*/
.message_ny .input_list{line-height:35px;background:#efefef;height:35px;margin-bottom:15px;}
.message_ny .input_list.last{height:auto;}
.message_ny .input_list span{float:left;padding-left:15px;font-size:14px;color:#aaaaaa;line-height:35px;}
.message_ny .input_list input{border:none;background:transparent;outline:none;padding:0;margin:0;line-height:25px;height:25px;}
.message_ny .input_list textarea{border:none;background:transparent;outline: none;resize:none;}
.form_btn{text-align:center;}
.form_btn button{height:32px;line-height:30px;border:1px solid #218ac8;background:#2ea9f0;transition:all 0.4s;color:#fff;text-align:center;width:200px;}
.form_btn button:hover{background:#218ac8;}


.main{margin:20px 0;}
/*手机端导航*/
/*侧方*/
.nav1{margin:0px auto 0px; }
.navhead{cursor: pointer; background:#1e1e1e;border-radius:3px;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{padding:8px 20px;font-size: 14px;color:#505050;text-align: center;}
.nav1 .nav li{margin-top: 3px;background:#eee;}
.nav1 .nav li:hover a{color:#fff;font-weight:bold;background:#ffaf04;}
.headnav b{line-height: 40px;font-size: 14px;padding-right:15px;}
.nav1 .nav .xiala1{position:relative;z-index: 999;background:#fff;}
.nav1 .nav .xiala1 .xla a{font-size:12px;border-bottom:1px solid #ccc;background:#d8d8d8;color:#1e1e1e;text-align: center;line-height: 30px;display: block;}
.nav1 .nav .xiala1 .xla a span{font-family: "微软雅黑";color:#1e1e1e;font-size:12px;margin-right:5px;}
.nav1 .nav .xiala1 .xla a:hover{font-weight:bold;}
.nav1 .sjdnavhid,.sjdnavhide{height:0;overflow:hidden;}

/*尾部*/

	/*底部菜单*/
.hot{height:50px; background: #1e1e1e; 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){
	.banner .br,.banner .img1,.leftmenu{height:400px;}
	nav .nav li a span{padding:0 14px;}
	header .erweima{padding:0;}
}
@media only screen and (max-width: 1070px){
	.owl-theme .owl-controls .owl-buttons div{display:none;}
	header .logo img{width:415px;height:auto;margin:17px 0;}
}
@media only screen and (max-width: 991px) {
	header .logo{padding-left:10px;}
	header .dianhua{padding-right:10px;}
	.banner .br,.banner .img1{height:300px;}
	.index_box2 .leftnav{width:100%;max-width:100%;}
	.index_box2 .product2{width:100%;padding-left: 0px;}
	.index_box2 .leftnav .subnav{width: 33.333%; float: left; padding: 0 15px;}
	.index_box2 .leftnav .subnav .title a{display:block;text-align:center;}
	.index_box2 .leftnav .lefnav_box{margin-left:-15px;margin-right:-15px;}
	.pro_content .pro_img{width:165px;}
	.pro_content .pro_info{padding-left:180px;padding-top:0;margin-top:0px;}
	.pro_content .pro_info .txt{line-height:22px;}
	.index_box2 .leftnav .subnav .title a{padding-left:0;font-size:14px;}
	footer .code{width:100%;}
	footer section nav li a{padding:3px 7px;}
}
@media only screen and (max-width: 920px) {
	
}
@media only screen and (max-width: 767px) {
	header .head{ height:75px; }
	header .logo{width:82%;height:75px;}
	header .logo img{ margin:7px 0 0 0px;}
	.main{padding-bottom:0px;}
	.index_title2 .title{width:55px;}
	.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0px;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
	.swiper-pagination-bullet{width:5px;height:3px;border-radius:0;}
	.pro_content .pro_img{width:100%;float:none;}
	.pro_content .pro_info{text-align:center !important;padding-left:10px;margin-top:5px;}
	.pro_content .pro_info .more{margin:8px auto 0 !important;}
	.ny_new_box .ny_new_list .txt{font-weight:bold;}
	.ny_new_box .ny_new_list .time{color:#626262;}
	.ny_new_box .ny_new_list .txt_box{float:left;width:100%;padding-left:15px;}
	.ny_new_box{padding:0;}
	footer .code{width:100%;border:none;}
	footer .code img{margin:0 auto;}
	footer section{text-align:center;}
.details table{ table-layout:fixed;}
	.details table tr td{ font-size:12px; vertical-align:top;padding:10px;}
	.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 600px){
	header .logo img{ margin:17px 0 0 0px;width:300px;height:auto;}
	.banner .br{height:auto;}
	.banner .img1,.main_color2 .img1{display:none;}
	.banner .img2,.main_color2 .img2{display:block;}
	.index_box2 .product2 .row{margin-left:-10px;margin-right:-10px;}
	.index_box2 .product2 .pro_list{padding:0 10px;}
	.ny_box{margin-top:15px;}
	.pro_ny{padding: 0 10px;}
.details table{ table-layout:fixed;}
	.details table tr td{font-size:12px; vertical-align:top;padding:10px;}
.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 530px){
.details table{ table-layout:fixed;}
.details table tr td{ font-size:12px;}
.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 500px){
.details table{ table-layout:fixed;}
.details table tr td{ font-size:12px; vertical-align:top;padding:10px;}
.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 436px) {
	header .logo{padding-left:8px;}
	header .icon-menu span{padding-right:8px;font-size:28px;}
	.server .tab_box{margin:0 -5px;}
	.server .pro_list{padding:0 5px;}
	.details table{ table-layout:fixed;}
	.details table tr td{ font-size:12px; vertical-align:top;padding:10px;}
.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 390px){
	header .logo img{ margin:21px 0 0 0px; width:250px; height:auto;}
	.ny_new_box .ny_new_list .txt{line-height:23px;width:70%;}
	.ny_new_box .ny_new_list .time{line-height:23px;}
	.ny_new_img{height:75px;width:35%;}
	.ny_new_box .ny_new_list .txt_box{width:100%;padding-left: 10px;}
	.ny_new_box .ny_new_list .text_xq{height:36px;line-height:18px;}
	.ny_new_box .ny_new_list .more{font-size:12px;}
.details table{ table-layout:fixed;}
	.details table tr td{ font-size:12px; vertical-align:top;padding:10px;}
.details table tr td img{width:100%; height: auto;}
}
@media only screen and (max-width: 360px){
.details table{ table-layout:fixed;}
	.details table tr td{ font-size:12px; vertical-align:top;padding:10px;}
	.details table tr td img{width:100%; height: auto;}

}
@media only screen and (max-width: 321px){
	header .logo{padding-left:10px;}
	header .dianhua{padding-right:10px;}
.details table{ table-layout:fixed;}
	.details table tr td{ font-size:12px; vertical-align:top; padding:10px;}
.details table tr td img{width:100%; height: auto;}

}
.xxx{ position: absolute; bottom:50px; right:3%; width:50%; display:none;}

.xxx img{ width:100%; }
.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: 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: 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;
}
.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 15px;  border: solid 1px #999; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#0050B4;}