/* 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%;}
.top-logo{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:20px; margin-bottom:20px;}
.top-line img{ width:42px; height:42px;}
.top-line .line-number{display: inline-block;vertical-align: middle;}
.top-line .line-number .line-number-text{color:#333;font-size:14px;}
.top-line .line-number .line-number-number{ color:#ff0000;font-size:30px;font-family: Impact; line-height:1;}


.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.top-nav-li:last-child:before{content: ""; position: absolute;right: 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:14px;white-space:nowrap;}
.top-nav li:hover{background:#027dd2;}
.top-nav a{ color:#fff;display: block;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;}
.top-subnav .top-subnav-link{white-space:nowrap; overflow:hidden;}


/*轮播图*/
.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:30%;}


.top-tt{ overflow:hidden;color:#b6b6b6; font-size:14px; line-height:30px; border-bottom:1px solid #dfdfdf;}
.top-tt a{ color:#b6b6b6;}
.top-tt a:hover{ color:#039bee;}

.bg-nav{ background:url(../images/nav.jpg) no-repeat; background-size:auto 100%;}


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

.wrap1{ margin-bottom:0;}
.wp-tit1{ overflow:hidden; text-align:center;line-height:30px; padding-bottom:10px; padding-top:5px;}
.wp-tit1 h3{ font-size:30px; color:#00479d; font-weight:bold;}
.wp-tit1 .wpt2{ font-size:18px;  color:#333; position:relative;}
.wp-tit1 .wpt2 span{ width:36px; height:3px; background:#00479d; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:-5px; transition:all 0.2s;}
.wp-tit1:hover .wpt2 span{ width:400px;}


.wp1{ margin-top:30px;}
.swiper-wp1{ padding-top:10px;}
.wp1 .sdlist{ width:100%;}
.wp1 .sdimg{ width:60%; margin:0 auto; overflow:hidden; border:2px #00479d solid; box-sizing:border-box; padding:5px; border-radius:50%; transition:all 0.5s;}
.wp1 .sdlist:hover .sdimg{ transform:translateY(-10px);}
.wp1 .sdimg1{ border-radius:50%; overflow:hidden;border:1px #00479d solid;}
.wp1 .sdimg2{ padding-top:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.wp1 .sdtit{ font-size:20px; color:#333; font-weight:bold; text-align:center; margin:10px 0 5px 0;}
.wp1 .sdtxt{ font-size:14px; line-height:24px; color:#333; text-align:center; padding:0 20%; overflow:hidden; height:48px;}
.wp1 .sdnub{ text-align:center; width:40%; margin:0 auto; height:42px; background:url(../images/fxli.png) no-repeat center; font-size:30px; color:#00479d; font-family:"Impact";}




.wrap2{ margin-bottom:0; padding-bottom:147px; padding-top:100px;overflow:hidden;  background:url(../images/bg1.png) no-repeat; background-size:100% 100%;}

.wp2-left{ width:58%;}
.wp2-list{ width:650px; float:right;}
.lis{ overflow:hidden; margin-bottom:50px;}
.lis:last-child{ margin-bottom:0;}
.li0{padding-right:45px;}
.li1{ padding-left:45px;}
.li-t1{ width:117px; height:87px; float:left; background:url(../images/16.png) no-repeat; background-size:100% 100%; color:#fff; text-align:center; line-height:87px; font-size:50px; font-weight:bold;}
.li-t2{width: calc(100% - 117px); float:right;color:#333; padding-left:20px;}
.li-t2 h4, .li-t2 h5, .li-t2 h6{white-space:nowrap;overflow:hidden;}
.li-t2 h4{ font-size:30px; line-height:30px; font-weight:bold;}
.li-t2 h5{ font-size:20px; line-height:30px;}
.li-t2 h6{ font-size:14px; line-height:30px;}
.li-t2 h6 span{ color:#ff0000;}


.wp2-r{ width:42%; overflow:hidden;}
.wp2-r .wp2-img{ width:70%; float:left; margin-top:40px;}
.wp2-r .wp2-img a{ display:inline-block;}



.wrap3{ margin-top:0;}
.wp3-content{ overflow:hidden; margin-top:30px;}
.wp3-left{ width:25%;}
.wp-top{}
.wp-top .wptt1{ width:100%; background:url(../images/b1.jpg) no-repeat; background-size:100% 100%; color:#fff; text-align:center; padding:12px 0;}
.wp-top .wptt1 span{ font-size:30px; line-height:30px; font-weight:bold;}
.wp-top .wptt1 h4{ font-size:30px; font-weight:bold; line-height:30px; color:#c6dbf3; margin-bottom:5px;}
.wptt2{ display:none;}

.accordion {width: 100%;margin:5px auto 20px;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link{text-align:left;cursor: pointer;display:block;line-height:45px;color: #333;font-size:16px;border-bottom:2px solid #039bee;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; background:#e4f1f8;white-space:nowrap;overflow:hidden; padding-right:20%; padding-left:30%;}
.accordion>li{ margin-bottom:5px;}
.accordion li i { width:10px; height:14px; display:block; background:url(../images/j1.png) no-repeat; background-size:100% 100%; position:absolute; left:20%; top:17px;}
.accordion li.open .link {background: #e4f1f8;}
.accordion li.open i {color: #333;}

/*submenu*/
.submenu {display: none;background: #fff;font-size: 14px;}
.submenu li{border-bottom:1px dashed #ccc;white-space:nowrap;overflow:hidden;}
.submenu li:last-child{ border:0;}
.submenu a {display: block;text-decoration: none;line-height:50px; font-size:15px;text-align:left;color:#000;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease; padding-right:10%; padding-left:30%;}
.submenu a:hover {background:#e4f1f8;color:#000;}
.submenu.active{ display:block;s}



.wp3-right{ width:75%; padding-left:30px;}
.wpr-tt{ overflow:hidden;}
.tt-u{ width:83%; display:block; float:left; overflow:hidden;}
.tt-u li{ width:33.3%; border-right:2px solid #fff; float:left; text-align:center;
background: -webkit-linear-gradient(#039bee, #00479d); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#039bee, #00479d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#039bee, #00479d); /* Firefox 3.6 - 15 */
background: linear-gradient(#039bee, #00479d); /* 标准的语法 */
}
.tt-u li:hover{ background:#027dd2;}
.tt-u li a{ color:#fff; display:block; padding:15px 0 15px;}
.tt-u li h4{ font-size:20px; line-height:30px;}
.tt-u li span{ font-size:20px; line-height:20px;}
.mo1{ width:17%; background:#d0d0d0; text-align:center; height:83px; line-height:83px; font-size:18px;}
.mo1 a{ display:block; color:#000;}

.wthide{ margin-top:20px; display:none;}
.wtshow{ display:block;}
.wt-tu{ overflow:hidden; position:relative;}
.wt-tu .tu0{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:75%; transition:all 0.3s;}
.wt-tu .tu0:hover{ transform:scale(1.1);}
.wt-tu .tut{ width:100%; line-height:42px; font-size:14px;  text-align:center; color:#fff; background:rgba(0,0,0,0.6); position:absolute; bottom:0;}


.wrap4{ margin-top:0;}
.wp4{ margin:20px auto;}
.wpt4{ width:100%;}
.wpt4 .w4-img{ overflow:hidden;}
.wpt4 .w4-img span{ width:100%; height:100%; display:block; float:left; padding-top:70%; transition:all 0.3s;}
.wpt4 .w4-img span:hover{ transform:scale(1.1);}
.wpt4 .w4-t1{ font-size:16px; color:#333; line-height:30px; margin:5px 0;}
.wpt4 .w4-t2{ font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.wp-more{ width:100%; overflow:hidden; text-align:center;}
.wp-more a{ width:110px; height:41px; display:inline-block; line-height:41px; font-size:14px; color:#fff;
background: -webkit-linear-gradient(#039bee, #00479d); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#039bee, #00479d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#039bee, #00479d); /* Firefox 3.6 - 15 */
background: linear-gradient(#039bee, #00479d); /* 标准的语法 */
}



.wrap5{}
.hf-img{ background-position:center; background-repeat:no-repeat; background-size:cover;position: relative;}
.hf-img:before { content: '';display: block;padding-top:16.866%;}



.wrap6{}
.gsjj{ width:66%; float:left; overflow:hidden; position:relative;}
.titles{ width:100%; height:56px; border-bottom:1px #d1d1d1 solid; box-sizing:border-box; margin-bottom:20px;}
.titles span{ display:inline-block; line-height:55px; font-size:30px; font-weight:bold; color:#00479d; border-bottom:2px #00479d solid; width:120px; transition:all 0.4s;}
.gsjj:hover .titles span{ width:50%;}
.gsimg{ width:285px;float:left; overflow:hidden;}
.gsimg1{ padding-top:81%; width:100%; height:100%; float:left; transition:all 0.4s;}
.gsimg1:hover{ transform:scale(1.1);}
.gstt{width: calc(100% - 285px); float:right; padding-left:15px;}
.gstxt{ line-height:26px; font-size:14px; color:#333; width:100%; height:182px; overflow:hidden;}
.gstxt p{ text-indent:2em;}
.ydgd{ width:110px;line-height:40px; height:40px;font-size:14px;color:#fff;text-align:center;transition:all 0.4s; margin-top:10px;
background: -webkit-linear-gradient(#039bee, #00479d); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#039bee, #00479d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#039bee, #00479d); /* Firefox 3.6 - 15 */
background: linear-gradient(#039bee, #00479d); /* 标准的语法 */
}
.ydgd:hover{ transform:translateY(-5px);}
.ryzz{ width:32%; float:right;}
.ryzz:hover .titles span{ width:50%;}
.ryzz .swiper-ryzz{ border:#d2d2d2 solid 1px; box-sizing:border-box; padding:5px 0;}
.ryzz .ryzz-img:before { content: '';display: block;padding-top:65%;}



.wrap7{}
.gsxw{ width:32%; margin-right:2%; float:left;}
.gsxw:hover .titles span{ width:50%;}
.xwimg{ width:100%; overflow:hidden; border:1px solid #d7d7d7;}
.xwimg .xwimg1{ padding-top:48%; width:100%; height:100%; transition:all 0.4s;}
.xwimg .xwimg1:hover{ transform:scale(1.1);}
.xwlist{ height:200px; overflow:hidden;}
.xwlist .swiper-xw1{ width:100%; height:100%;}
.xwlist .xw{ width:100%;white-space:nowrap;overflow:hidden;height:40px; line-height:40px;color:#333;}
.xwlist .xw:hover{color:#00479d;}
.xw .xwtime{ width:60px; display:block; float:right; text-align:center;}
.xw .xwtxt{width: calc(100% - 60px); padding-right:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; float:left;}
.xwtxt span{ width:4px; height:4px; margin:0 5px 2px 0; display:inline-block; background:#000; border-radius:50%;}

.cjwt{ width:100%; height:380px; overflow:hidden;}
.cjwt .swiper-cjwt{ width:100%; height:100%; overflow:hidden;}
.cjwt .wttop{ font-size:14px; line-height:24px;color:#333;white-space:nowrap;overflow:hidden; margin-bottom:5px;}
.cjwt .wtbot{font-size:14px; line-height:25px; color:#333; height:50px; overflow:hidden; color:#333; padding-left:34px; position:relative;}
.cjwt .tw{ width:24px; height:24px; line-height:24px; color:#fff; background:#00479d; text-align:center; margin-right:10px; float:left;}
.cjwt .hd{ width:24px; height:24px; line-height:24px; color:#fff; background:#039bee; text-align:center; margin-right:10px; float:left; position:absolute; left:0;}



.wrap8{ margin:0; padding:20px 0;
background: -webkit-linear-gradient(#039bee, #00479d); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#039bee, #00479d); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#039bee, #00479d); /* Firefox 3.6 - 15 */
background: linear-gradient(#039bee, #00479d); /* 标准的语法 */
}
.ct9{ font-size:16px; line-height:30px; color:#fff; margin-bottom:10px;}
.swiper-yplj .swiper-slide{ text-align:center;}
.swiper-yplj .swiper-slide a{ line-height:30px; color:#fff; padding:0 10px; display:inline-block; border:1px solid; border-color:transparent; transition:all 0.3s;white-space:nowrap;}
.swiper-yplj .swiper-slide a:hover{ border-color:#fff;}


.footer{ margin:0; padding:20px 0 0; background:url(../images/foo.jpg) no-repeat 50% 50%; background-size:cover; text-align:center;}
.flogo{display:block; width:100%; text-align:center;}
.flogo img{ margin:0 auto;}
.ft{ display:inline-block; margin:0 auto; margin-top:15px !important;}
.ewm{ display:inline-block; margin-right:15px;}
.ewm span{ margin-top:5px;}
.lx{ display:inline-block; text-align:left; float:right;}
.fo-copy{ margin-bottom:0; padding:10px 0; border-top:1px solid #fff;}
.fnav{ font-size:15px; line-height:24px;}
.fnav a{ color:#333;}
.fnav a:hover{ color:#2056a3;}




.mbox-bot{ background:#f2f2f2; border:1px solid #dfdfdf; margin-bottom:30px;}
.lx0{ width:100%; overflow:hidden; border-top:1px solid #dfdfdf; margin-top:20px;}
.lx0 img{ width:100%;}
.mb-tt{ text-align:center; overflow:hidden; padding-top:18px; padding-bottom:18px;}
.mb-tt h4{ font-size: 30px; font-weight: bold;line-height: 30px;color: #7a91bd; margin-bottom: 5px;}
.mb-tt span{font-size:28px;line-height:30px;font-weight: bold; color:#00479d;}
.mtt0{ font-size:14px; line-height:25px; color:#333; padding:0 20px;}

.mbox-right{ width:75%; padding-left:20px; float:right;}
.mbr-t1{ overflow:hidden; border-bottom:1px solid #d8d8d8; font-size:14px; line-height:30px; color:#333; margin-top:50px; padding:0 5px;} 
.mbr-t1 .mbt1{ color:#00479d;}
.mbr-t1 .mbt1 a{ color:#00479d;}
.mbr-t1 .mbt2 a{ color:#a0a0a0;}
.mbr-t1 .mbt2 a:hover{color:#00479d;}
.mbox-content{ width:100%; overflow:hidden; margin:10px 0;}

.mb-list1{ padding:10px;}
.mb1-img{ width:100%; overflow:hidden;}
.mb1-img .tu1{ overflow:hidden; border:1px solid #c7c7c7;}
.mb1-img .tu1 .tus{ background-position: 50% 50%; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; float:left; transition:all 0.3s; padding-top:100%;}
.mb1-img .tu1 .tus:hover{ transform:scale(1.1);}
.mb1-tt{ width:100%; margin-top:5px; background:#c7c7c7; font-size:14px; line-height:36px; text-align:center; color:#333; transition:all 0.3s;}
.mb1-tt:hover{ background:#00479d; color:#fff;}


.data{ width:100%; overflow:hidden;  font-size:14px; line-height:30px;}
    .data span {text-align:center;
    }
    .data p {
        text-align:left;
    }
.data img{ margin:0 auto;max-width:100%;height:auto}


.newlist{ width:100%; overflow:hidden; margin-bottom:20px;}
.nli-img{ width:214px; overflow:hidden; float:left; border:1px solid #d0d0d0; height:159px;}
.nli-img .ntu{ width:100%; height:100%; float:left; transition:all 0.3s;}
.nli-img .ntu:hover{ transform:scale(1.1);}
.nli-txt{width: calc(100% - 214px); padding-left:20px; float:right; overflow:hidden;font-size:14px; line-height:30px;color:#6C6C6C; }
.nli-txt .nt1{ width:100%; overflow:hidden;color:#333;}
.nli-txt .nt2{ height:90px; overflow:hidden; transition:all 0.4s;}
.nli-txt .nt3:hover, .nli-txt .nt2:hover{ color:#00479d;}
.nli-txt .nt1 .ntsj{ width:80px;}
.nli-txt .nt1 .nt11{width: calc(100% - 80px);}


div.page {
    margin: 10px 200px;
    padding: 3px;
    text-align: center;
    float:left;

}

div.page a {
    background-position: 50% bottom;
    border-color: #dedfde;
    border-style: solid;
    border-width: 1px;
    color:black;
    margin-right: 3px;
    padding: 2px 6px;
    text-decoration: none;
}


div.page span.disabled {
    color: #adaaad;
    margin-right: 3px;
    padding: 2px 6px;
}

div.page span.current {
    color: #eb5914;
    font-weight: bold;
    margin-right: 3px;
    padding: 2px 6px;
}



/*浮动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.tel1 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.tel1 p {
width: 140px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:180px;
    line-height:18px
}

.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;
}