/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
body{ font-family: "微软雅黑"; background:#fff; /*overflow-x: hidden;*/ width:100%; display:block; float:left;}
ul,li,ol{ list-style:none}
a{ text-decoration:none !important; cursor:pointer !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding:auto;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}
.container-fluid{ max-width:1200px !important;}
.overflow{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

/*手机底部*/
.hot{width:100%; height:58px; background:#117ec5; position:fixed; bottom:0; left:0;z-index:99; border-top:solid 2px #c3c3c3;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


/*header*/
.container-fluid img{ max-width:100%;}
.top-wel a{color: #8b8b8b;}
.top-head-wrap{}
.top-head{display: table;width: 100%; padding: 20px 0;}
.top-logo{float: left;display: table-cell;vertical-align: middle;}
.top-logo .s-logo{ display:none;}
.top-logo .b-logo{display: inline;}
.top-line{float: right;text-align: left; margin-top:7px;}
.top-line img{ width:24px; height:32px;}
.top-line .line-number{display: inline-block;vertical-align: middle;}
.top-line .line-number .line-number-text{color:#016fb6;font-size:12px; font-weight:bold;  }
.top-line .line-number .line-number-number{ color:#ff5a00;font-size:22px;font-family: Impact; line-height:1;}

.top-search{ float:right; margin-top:8px; width:260px; overflow:hidden; position:relative; margin-right:20px;}
.top-search > input{ width:100%; font-size:14px; line-height:30px; padding-left:5px; padding-right:72px;border:1px solid #0b6dc6; outline:none !important;}
.top-search button{ width:68px;border:none; height:34px; line-height:34px;display:block; position:absolute; top:0; right:0; cursor:pointer; background:url(../images/t5.png) no-repeat; background-size:cover;}


.top-nav-wrap{display: block !important;color:#fff;}
.top-nav-li{ width:14.28%;float:left; position:relative; z-index:2;line-height:46px;}
.top-nav li.top-nav-li:after{content: ""; position: absolute;left: 0;top: 0; z-index: 1;width:1px; height:46px; background:url(../images/n-1.png) no-repeat; background-size:100% 100%;}
.top-nav li{ text-align:center; font-size:16px;}
.top-nav li.active, .top-nav li:hover{background:url(../images/hover.png) no-repeat; background-size:100% 100%;}
.top-nav a{ color:#fff;display: block;cursor: pointer; padding-left: 5px;padding-right: 5px;}
/*二级导航*/
.top-subnav{display: none; position: absolute; left: 0;width: 100%; z-index: 3;font-size: 12px; padding-bottom: 5px;background: #1e8fd6;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top-subnav .top-subnav-link{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*轮播图*/
.banner{}
.banner .banpc{ max-width:1920px; margin:0 auto; display:block; overflow:hidden; position:relative;}
.swiper-banner-img {position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-banner-img:before { content: '';display: block;padding-top:35%;}


.top-tt{ overflow:hidden; background:#1c8dd6; color:#fff; font-size:12px; line-height:28px;}
.top-tt a{ color:#fff;}
.top-tt a i{ margin-right:5px; margin-left:10px;}
.bg1{ background:url(../images/bg1.jpg) no-repeat 50% 50%; background-size:cover;}
.bg-nav{ background:url(../images/nav.jpg) no-repeat; background-size:auto 100%;}


.main{ margin:20px 0; width:100%; display:block; float:left;}

.title-wrap{ text-align:center; overflow:hidden;}
.title-wrap .tit-box{ display:inline-block; position:relative;}
.title-wrap .tit-box h4{ font-size:24px; line-height:24px; font-weight:bold; color:#1c8dd6;}
.title-wrap .tit-box span{ font-size:12px; line-height:24px; color:#333333; font-weight:bold;}
.title-wrap .tit-box:after{ content:''; width:300px; height:3px; background:url(../images/tit-r.png) no-repeat right; display:block; position:absolute; top:50%; left:100%;}
.title-wrap .tit-box:before{ content:''; width:300px; height:3px; background:url(../images/tit-l.png) no-repeat left; display:block; position:absolute; top:50%; right:100%;}

#dituContent img{max-width:none;}
.tit-top{ display:none;}

.pro-wrap{ text-align:center; overflow:hidden; margin-top:20px;}
.pro-wrap li{ display:inline-block; font-size:15px; line-height:24px;}
.pro-wrap li a{ display:block; color:#333; background:url(../images/pnav1.jpg) no-repeat; background-size:100% 100%; padding:7px 24px; transition:all 0.5s;}
.pro-wrap li a:hover{background:url(../images/pnav2.jpg) no-repeat; background-size:100% 100%; color:#fff;}
.pro-wrap li.pro-cur a{background:url(../images/pnav2.jpg) no-repeat; background-size:100% 100%; color:#fff;}


.pro-hid{padding:20px 0; display:none;}
.pro-show{ display:block;}
.pro-tu{ }
.pro-tu .tus{overflow:hidden; position:relative; border:1px solid; border-color:#e0e0e0;transition:all 0.4s;}
.pro-tu .tus .tus-top{ padding-top:100%;}
.pro-tu .tus img{ transition:all 0.6s;}
.pro-tu .tus img:hover{ transform:scale(1.1);}
.pro-tu:hover .tus{border-color:#1c8dd6;}
.pro-tu .txts{ overflow:hidden; font-size:14px; line-height:24px; color:#333; font-weight:bold; padding:15px 0px;border-bottom:1px solid #e0e0e0;}
.pro-tu:hover .txts{ border-bottom:5px solid #1c8dd6;padding:15px 0px 11px;}
.pro-tu .txts span{ display:block;}
.pro-tu .txts .tt1{ text-align:left;width:70%; float:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-tu .txts .tt2{ font-weight:normal;width:30%; float:right; text-align:right;}
.pro-tu .txts .tt2:hover{ color:#1c8dd6;}

.more-wrap{ overflow:hidden; text-align:center;}
.more-wrap a{ color:#333; font-size:14px; width:200px; height:34px; line-height:34px; text-align:center; display:inline-block; border:1px solid #333; background:#fff; border-radius:10px; transition:all 0.4s;}
.more-wrap a:hover{ color:#fff; background:#1c8dd6; border-color:#1c8dd6;}


.bg4{ background:url(../images/bg4.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom:0;height:646px; /*overflow:hidden;*/}
.gyleft{ width:38.5%; overflow:hidden; padding-top:45px; padding-left:15px; padding-bottom:18px;}
.gys1{ margin-left:11px; background:rgba(255,255,255,0.4); position:relative;		height:583px;}
.gys1 .gys-top{ height:200px;}
.gys1 .gys-top .gyst-t{ overflow:hidden; background:url(../images/bg4-t.png) no-repeat left; background-size:100% 100%; height:131px; width:103%; position:absolute; left:-11px; top:69px;}
.gys1 .gys-top .gyst-t .gtt{ margin-top:35px; margin-left:58px;color:#1c8dd6;}
.gys1 .gys-top .gyst-t h4{ font-size:28px;  font-weight:bold;line-height:36px;}
.gys1 .gys-top .gyst-t span{ font-family:Impact; font-size:30px; }

.gytu{ overflow:hidden; padding:36px;}
.gytu .swiper-imgs{position:relative;background-repeat: no-repeat;background-size: cover;background-position: center; transition:all 0.5s;}
.gytu .swiper-imgs:before { content: '';display: block;padding-top:71.31%;}
.gytu .swiper-imgs:hover{ transform:scale(1.1);}
.gytu .swiper-gytu{ border:3px solid #fff;}
.gy-pag{ left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.gy-pag .swiper-pagination-bullet{ width:30px; height:5px; background:rgba(255,255,255,0.8); border-radius:0;}
.gy-pag .swiper-pagination-bullet-active{ background:#fff;}


.gyright{ width:61.5%; overflow:hidden; height:646px; background:url(../images/bg4-2.jpg) no-repeat; background-size:100% 100%;}
.gyr-txt{ overflow:hidden; padding-top:40px; padding-left:39px; padding-right:40px;}
.gyr-txt .gytt1{height:528px; overflow:hidden;}
.gyr-txt .gytt1 a{ color:#333}
.gyr-txt .gytt1 h3{ font-size:24px; line-height:48px;}
.gyr-txt .gytt1 p{ font-size:16px; line-height:30px; text-indent:2em;}
.gyr-txt .gytt1 span{font-size:16px; line-height:30px;}

.gytt2{ overflow:hidden;}
.gytt2 a{ width:208px; height:35px; line-height:35px; font-size:14px; text-align:center; background:#1c8dd6; color:#fff; display:block; border-radius:10px; margin-top:18px;}



.bg5{ margin-top:0; }
.bg5-top{ height:161px; background:url(../images/bg5.jpg) no-repeat 50% 50%; background-size:cover;overflow:hidden;}
.bg5-top .bgt1{ background:url(../images/join.jpg) no-repeat; width:450px; height:161px; background-size:100% 100%; overflow:hidden; float:left; display:table;}
.bg5-top .bgt1 .bgt2{ color:#1c8dd6; display:table-cell; vertical-align:middle; padding-left:45px;}
.bg5-top .bgt1 .bgt2 h3{ font-size:28px; line-height:30px; font-weight:bold; margin-bottom:8px; padding-left:5px;}
.bg5-top .bgt1 .bgt2 span{ font-size:14px; line-height:30px; border-top:1px solid #1c8dd6; display:inline-block; padding-left:5px; padding-right:5px;}
.bg5-top .bgt1 .bgt2 span b{ font-weight:bold; font-size:16px;}

.bg5-top a{ display:table;}
.bg5-top .bgt-tu{display:table-cell; vertical-align:middle; padding-left:120px;}
.bg5-top .bgt-tu img{ max-height:100%;}

.jm-wrap{ border:1px solid #dcdcdc; padding:40px 15px; overflow:hidden;}
.jm-wrap a{ color:#333;}
.jm-tu{ float:right; width:460px; height:240px; overflow:hidden;}
.jm-tu span{ width:100%; height:100%; display:block; float:left; transition:all 0.6s;}
.jm-tu span:hover{ transform:scale(1.1);}
.jm-txt{width: calc(100% - 460px); float:left; padding-right:20px; font-size:16px; line-height:36px; overflow:hidden; height:252px;}
.jm-txt p{ text-indent:2em;}


.xw-wrap{ padding:20px 0; overflow:hidden;}

.xw-right{}
.xw-right .tubox{ overflow:hidden; height:320px;}
.xw-right .tubox span{ width:100%; height:100%; display:block; float:left; transition:all 0.6s;}
.xw-right .tubox span:hover{ transform:scale(1.1);}
.xw-right h5{ font-size:16px; line-height:44px; color:#333; font-weight:bold;}
.xw-right span{ margin:0 0 10px; display:block; width:30px; height:2px; background:#1c8dd6; transition:all 0.5s;}
.xw-right:hover span{ width:100%;}
.xw-right p{ font-size:14px; line-height:22px; color:#666; height:66px; overflow:hidden; transition:all 0.3s;}
.xw-right:hover p, .xw-right:hover h5{ color:#1c8dd6;}

.xw-left{overflow:hidden;padding:10px;}
.swiper-xwleft{height:441px;}
.xw-left .tuli{ width:180px; height:125px; overflow:hidden;}
.xw-left .tuli span{ width:100%; height:100%; display:block; float:left; transition:all 0.5s;}
.xw-left .tuli span:hover{ transform:scale(1.1);}
.xw-left .txtbox{width: calc(100% - 180px); overflow:hidden; padding-left:15px;}
.xw-left .txtbox h5{font-size:16px; line-height:44px; color:#333; font-weight:bold;}
.xw-left .txtbox  span{ margin:0 0 10px; display:block; width:30px; height:2px; background:#1c8dd6; transition:all 0.5s;}
.xw-left a:hover span{ width:100%;}
.xw-left p{ font-size:14px; line-height:22px; color:#666; height:66px; overflow:hidden;}
.xw-left a:hover p{ color:#1c8dd6;}
.xw-left a:hover h5{ color:#1c8dd6;}
.xw-left .swiper-slide a{ display:block; padding:10px 12px; border:1px solid; border-color:#fff;}
.xw-left .swiper-slide a:hover{ border-color:#ccc;}

.xw-arrow{ overflow:hidden;}
.xw-arrow a{ width:55px; height:34px; background:#a1a1a1; display:inline-block; float:right; margin-right:5px; transition:all 0.3s;}
.xw-arrow a>i{ width:100%; height:100%; display:block; float:left;}
.xw-arrow a.arrow-left>i{background:url(../images/arrow-bot.png) no-repeat center center; background-size:auto;}
.xw-arrow a.arrow-right>i{ background:url(../images/arrow-top.png) no-repeat center center; background-size:auto;}
.xw-arrow a:hover{ background:#1c8dd6;}



.bg6{ background:url(../images/bg6.jpg) no-repeat 50% 50%; background-size:cover; margin-bottom:0; padding:20px 0;}
.cont-wrap{ padding:10px; overflow:hidden;}
.cont-top{ background:#fff; padding:10px; overflow:hidden;}
.cont-txt{ background:rgba(255,255,255,0.6); padding:10px; overflow:hidden;}
.contt-3{ width:33.3%; float:left; overflow:hidden;font-size:14px; line-height:22px; color:#333; border-right:1px solid rgba(153,153,153,0.3); padding-left:20px;}
.contt-3 h4{font-weight:bold; line-height:24px; font-size:14px;}
.contt-3 a{ color:#333}
.contt-3:last-child{ border:0;}


.footer{ background:#1c8dd6; border-bottom:1px solid rgba(255,255,255,0.3); padding:20px 0; margin:0;}
.fo1{ width:470px; overflow:hidden;}
.fo1 a{ display:inline-block; color:rgba(255,255,255,0.7); padding:5px 20px;}

.fo2{ overflow:hidden; display:inline-block;}
.fo-ewm{ overflow:hidden;float:left; text-align:center; width:95px; margin-right:30px;}
.fo-ewm img{}
.fo-ewm span{ font-size:12px; line-height:24px; color:#fff;}
.fo-ewm:last-child{ margin-right:0;}
	
.fo3{ width:360px; overflow:hidden;}
.fo3 a{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:10px;}
.fo3 img{ max-height:100%; margin:0 auto;}
.fo3 .fo-t{ text-align:center; font-size:24px; line-height:31px; color:#fff; font-weight:bold;}
.fo3 .fo-t b{ font-size:18px;}

.foot{ background:#1c8dd6; text-align:center; color:rgba(255,255,255,0.7); font-size:14px; line-height:24px; padding:15px 0; float:left; width:100%; overflow:hidden;}


.mbox-top{ overflow:hidden; border-bottom:1px solid #e5e5e5; height:40px; line-height:40px;}
.mbox-top h5{ font-size:16px; font-weight:bold; line-height:40px;}
.mbox-top h5 a{ color:#0d0d0d;}
.mbox-top .mbt{ font-size:12px;}
.mbox-top .mbt a{ color:#333333}

.mbox-tit{ overflow:hidden; border:1px solid #e5e5e5; padding:10px; margin-top:15px;}
.tit-ul{ width:100%; overflow:hidden; text-align:center;}
.tit-ul li{ display:inline-block; font-size:14px; line-height:40px; border:1px solid #e5e5e5; overflow:hidden; border-radius:5px; margin:0 5px;}
.tit-ul li a{ display:block; background:#fff; transition:all 0.3s; color:#333;padding:0 30px;}
.tit-ul li a:hover{ background:#1c8dd6; color:#fff;}

.t-top{ display:none;}

.mbox-wrap{ overflow:hidden; padding:20px 0;}

.list-1{ padding:10px;}
.list1-tu{ width:100%; overflow:hidden; }
.list1-tu .list1tus{ overflow:hidden;position:relative; border:1px solid; border-color:#d1345e;}
.list1-tu:hover .list1tus{border-color:#1c8dd6;}
.list1-tu .list1tus .list1tus-top{ padding-top:100%;}
.list1-tu .list1tus img{ transition:all 0.4s;}
.list1-tu .list1tus img:hover{ transform:scale(1.1);}
.list1-tu .list1-txt{overflow:hidden; font-size:14px; line-height:24px; color:#333; font-weight:bold; padding:15px 0px;border-bottom:1px solid #e0e0e0;}
.list1-tu:hover .list1-txt{ border-bottom:5px solid #1c8dd6;padding:15px 0px 11px;}

.list1-tu .list1-txt .list1-t1{ text-align:left; float:left; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70%;}
.list1-tu .list1-txt .list1-t2{ font-weight:normal; float:right; text-align:right;width:30%;}
.list1-tu .list1-txt .list1-t2:hover{ color:#d1345e;}



.mbox .mbox-mores{overflow:hidden; text-align:center; margin-top:20px;}
.mbox .mbox-mores a{ color:#333; font-size:14px; width:200px; height:34px; line-height:34px; text-align:center; border:1px solid #333; background:#fff; border-radius:10px; transition:all 0.4s; display:inline-block;}
.mbox .mbox-mores a:hover{ color:#fff; background:#1c8dd6; border-color:#1c8dd6;}


.data{ overflow:hidden;}

.data h4{ text-align:center; font-size:14px; line-height:30px; color:#333; padding-bottom: 20px;}

.cpimg{width:50%; float: left;}
.cpimg img{margin:0 auto; display: block;}
.cpxq{width:50%;line-height: 30px; padding: 20px 0px;float:left;}
.cpxq img{max-width:100%; }

.about2{ font-size:16px; line-height:30px; color:#333333;}
.about2 p{ text-indent:2em;}
.about2 h5{ font-size:24px; line-height:48px; color:#222;}
.about2 a{color:#333333;}

.cont2-txt{ background:#fff; padding:10px; overflow:hidden;}


.list-2{overflow:hidden; margin-bottom:20px;}
.list-2 .li2-tu{ width:186px; height:115px; float:left; overflow:hidden;}
.list-2 .li2-tu span{ width:100%; height:100%; display:block; float:left; transition:all 0.4s;}
.list-2 .li2-tu span:hover{ transform:scale(1.1);}
.li2-txt{ width: calc(100% - 186px); padding-left:15px; float:left;}
.li2-txt .li2-tt{ overflow:hidden;}
.li2-txt .li2-tt h5{ font-size:14px; line-height:28px; color:#3f3f3f;width: calc(100% - 90px); font-weight:bold;}
.li2-txt .li2-tt .li2-sj{ font-size:12px; line-height:24px; width:90px; color:#3f3f3f;}
.li2-txt .li2-p{ font-size:12px; line-height:24px; color:#3f3f3f; height:48px; overflow:hidden;}
.li2-txt .li2-more{ font-size:14px; line-height:24px; color:#1c8dd6; margin-top:12px;}
.li2-txt .li2-p:hover{color:#1c8dd6;}
.li2-txt .li2-tt h5:hover{color:#1c8dd6;}


.data2{ }
.dt2-tt{overflow:hidden; margin-bottom:15px;}
.dt2-tt h4{ font-size:18px; line-height:44px; color:#333; font-weight:bold;}
.dt2-tt span{ font-size:14px; line-height:24px; color:#666;}
.dt2-tt span a{color:#666;}
.data2 img{ margin:0 auto;}
.data2 .p{ text-indent:2em; font-size:16px; color:333; line-height:30px; margin-top:20px;}

.dt2-tt2{}
.dt2-tt2 a{ font-size:18px; color:#222; width:50px; height:30px; display:inline-block; border:1px solid; border-color:#ccc; text-align:center; line-height:30px; border-radius:5px; transition:all 0.3s;}
.dt2-tt2 a:hover{ border-color:#1c8dd6;}




/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index: 200;
        font-size:14px;
	font-family:'微软雅黑';
}

.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: 252px;
	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;
}