@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"}


*{margin:0;padding:0;}
body{background:#fff; font:12px/22px "SimSun","Microsoft YaHei";}
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;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;}
.overflow { text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

header{ width:100%; }
.header_top span a:hover { text-decoration:underline !important; }
.header { width:100%; position:relative;}
.logo{  width:58%; float:left; }
.logo img{ display:block; max-width:100%; }
.tel3 { float:right; background:url(../images/tel.png) no-repeat left center;padding-left:60px; height:82px;}
.tel1 {font-family:'微软雅黑'; font-size:18px; color:#000;  float:left; margin:20px 15px 0 0;}
.tel1 span {font-size:12px; display:block; }
.tel2 { float:left; font-family:'微软雅黑'; font-size:30px; color:#296ea1; font-weight:bold; line-height:30px; margin-top:10px;}

.header_nav{ width:100%; /*background:rgba(0,163,0,0.8);*/ background:#296ea1; z-index:99; position:relative; }
/*导航下拉开始*/
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  position:relative; z-index:99;  }
.header_nav .nav a{ color:#fff;  }
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:12.5%; text-align:center; }
.header_nav .nav .nLi h3{ float:left; width:100%; background:url(../images/shu.jpg) no-repeat right center; }
.header_nav .nav .nLi h3 a{ display:block; font-family:'微软雅黑'; font-size:14px; color:#fff; margin-right:2px; line-height:18px;padding:11px 0 8px 0;  }
.header_nav .nav .nLi h3 span { display:block;text-transform:uppercase;font-family:'Arial'; font-size:10px; color:#fff; line-height:13px;}
.header_nav .nav .sub{ display:none; width:100%; left:0; top:50px;  position:absolute; background:rgba(39, 30, 9, 0.8) none repeat scroll 0 0 !important;  line-height:26px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; padding:0 10px; font-weight:bold;display:block; font-family:'微软雅黑'; }
.header_nav .nav .sub a:hover{  color:#fff;  background:#125282;}
.header_nav .nav:hover .on h3 a{ color:#fff;    background:#125282}
/*导航下拉结束*/
/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{float:right; cursor:pointer; width:40px; height:39px;background:url(../images/menu_logo.png) no-repeat right center;  position:absolute;right:2%;top:0; margin-top:3%; font-size:35px;}
.sjdnav{ width:115px; height:280px; position:absolute;right:2%; top:13%;z-index:9999;background:rgba(46, 117, 42, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#65aa36; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}

/*大图滚动开始*/
.banner{ width:100%;}
.ban_img { width:100%; padding-top:29%; position:relative;}
.swiper-pagination-bullet { width:12px; height:12px; border:1px solid #e1f2fc;  border-radius:0; background:#000;border-radius:50%;box-shadow:5px 0 5px inset #aaa; }
.swiper-pagination-bullet-active { background:#ff9d00; }


main { width: 100%; }
.cp { width:100%; margin-top:47px;}
.title { text-align:center;}
.title1 { line-height:33px;font-family:'微软雅黑'; font-size:26px; color:#296ea1;background:url(../images/title.png) no-repeat center center;}
.title2 { line-height:21px;font-family:'微软雅黑'; font-size:14px; color:#296ea1;}
.cp_mian { width:100%;margin-top:30px; position:relative;}
.cp_mian .swiper-container1 .swiper-slide .pic { width:100%;position:relative;overflow:hidden;border:1px solid #d6d6d6; padding:2px;}
.cp_mian .swiper-container1 .swiper-slide .pic .cp_img { padding-top:136%}
.cp_mian .swiper-container1 .swiper-slide .zi { text-align:center;line-height:44px;font-family:'微软雅黑'; font-size:14px; color:#040404;}
.cp_mian .swiper-container1 .swiper-slide:hover .pic { border-color:#296ea1;}
.cp_mian .swiper-container1 .swiper-slide:hover .zi { color:#296ea1;}

.case { width:100%;margin-top:36px;background:url(../images/case_bj.jpg) 50% 50%;background-size:cover; padding:38px 0 10px 0;}
.case_mian { width:100%;margin-top:38px; position:relative;}
.case_mian .swiper-container2 .swiper-slide { background:#d6d6d6;padding:1px;}
.case_mian .swiper-container2 .swiper-slide .pic {width:100%;position:relative;overflow:hidden;border:1px solid #d6d6d6;  }
.case_mian .swiper-container2 .swiper-slide .pic .cp_img { padding-top:136%}
.case_mian .swiper-container2 .swiper-slide .zi { text-align:center;line-height:44px;font-family:'微软雅黑'; font-size:14px; color:#040404;}
.case_mian .swiper-container2 .swiper-slide:hover {  background:#296ea1}
.case_mian .swiper-container2 .swiper-slide:hover .zi { color:#fff;}
.case_more { width:150px; height:45px; line-height:45px;border:1px solid #fff;border-radius:5px;text-align:center; margin:37px auto;}
.case_more a { font-family:'微软雅黑'; font-size:14px; color:#fff;}
/*.case_more a:hover { border-color:#296ea1;}*/

.news { width:100%;margin-top:54px;}
.news_main { width:100%;margin-top:45px;}
.news_left { width:44%;float:left;overflow:hidden;}
.news_left .news_img { width:100%; overflow:hidden;}
.news_left .news_img img { display:block;max-width:100%;}
.news_left h1 { line-height:39px; font-family:'微软雅黑'; font-size:16px; font-weight:bold; margin-top:7px;}
.news_left .xian { width:30px; height:2px; background:#3475a6;}
.news_left h2 { line-height:22px; font-family:'微软雅黑'; font-size:14px; color:#666; margin-top:11px;}
.news_left:hover .news_img img { transform:scale(1.1,1.1);}
.news_left:hover .xian { width:100%;}
.news_right { width:53%;float:right;overflow:hidden; }
.txtScroll-top{ width:100%;  overflow:hidden; position:relative;    }
.txtScroll-top .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:47px; height:29px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:url(../images/up.jpg) no-repeat;}
.txtScroll-top .hd .next{ background:url(../images/down.jpg) no-repeat;  }
/*.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }*/
.txtScroll-top .hd ul li.on{ background-position:0 0;}
.txtScroll-top .bd{ width:100%; background:#f3f3f3; padding-bottom:2%;}
.txtScroll-top .infoList li{  margin:15px 11px 0 11px;}
.txtScroll-top .infoList li .news_B{ width:180px; height:125px; margin-right:15px; float:left;overflow:hidden;}
.txtScroll-top .infoList li .news_B .news_img{ width:100%; height:100% ;}
.txtScroll-top .infoList li .nb { overflow:hidden;}
.txtScroll-top .infoList li .nb h1{ line-height:39px; font-family:'微软雅黑'; font-size:16px; color:#666; font-weight:bold; margin-top:7px;}
.txtScroll-top .infoList li .nb .xian{width:30px; height:2px; background:#3475a6; overflow:hidden;}
.txtScroll-top .infoList li .nb h2{ line-height:22px; font-family:'微软雅黑'; font-size:14px; color:#666; margin-top:11px;overflow:hidden; height:66px;}
.txtScroll-top .infoList li:hover .news_img { transform:scale(1.1,1.1);}
.txtScroll-top .infoList li:hover .xian { width:100%;}

.cont { width:100%; margin-top:30px;background:url(../images/cont_bj.jpg) repeat-x top; padding-top:18px;}
.cont_main { width:100%;margin-top:29px;}
.cont_left { width:56%;float:left;overflow:hidden;}
.cont_left h1 { line-height:63px; font-family:'微软雅黑'; font-size:16px; color:#383838; }
.cont_left .cont_img { float:left;max-width:100%; margin-right:18px; overflow:hidden;}
.cont_left .lxfs { float:left;overflow:hidden; line-height:30px;font-family:'微软雅黑'; font-size:14px; color:#222;}
.cont_left .erwei { float:right;overflow:hidden;text-align:center; margin-top:38px;}
.cont_left .erwei img { display:block;max-width:100%;}
.cont_left .erwei p { line-height:40px;font-family:'微软雅黑'; font-size:16px; color:#222;}
.cont_right { width:42%;float:right;overflow:hidden;}
.cont_right h1 { line-height:63px; font-family:'微软雅黑'; font-size:16px; color:#383838; }
.cont_right form { width:100%;}
.cont_right form ul { display:block;}
.cont_right form ul li { margin-bottom:15px;}
.cont_right form ul li input { width:100%; line-height:38px;border:1px dashed #aaa;background:#f2f2f2;padding:0 15px;font-family:'微软雅黑'; font-size:14px; color:#777; }
.cont_right form ul li textarea { width:100%; line-height:38px;border:1px dashed #aaa;background:#f2f2f2;padding:0 15px;font-family:'微软雅黑'; font-size:14px; color:#777; height:105px;}
.cont_right form ul li button { width:100%;line-height:33px;text-align:center;border:none;font-family:'微软雅黑'; font-size:14px; color:#fff; background:#3475a6;}

.link { width:100%; margin-top:30px;}
.link_title {width:100%; font-family:'微软雅黑'; font-size:14px; color:#222; line-height:45px;background:url(../images/link_heng.jpg) no-repeat left bottom;}
.link_title b { font-weight:normal;font-family:'times new roman'; font-size:35px; color:#3475a6;}
.link_title span { font-family:'Arial'; font-size:14px; color:#666;}
.link_main { width:100%;margin-top:30px;}

footer { width:100%;background:#3475a6; line-height:25px;font-family:'微软雅黑'; font-size:14px; color:#fff; padding:20px 0;text-align:center; margin-top:35px;}
footer a { color:#fff;}
footer a:hover { color:#fff; text-decoration:underline !important;}

/*cpzs*/
.cpzs { width:100%;margin-top:38px;}
.cpzs_left { width:20%;float:left;overflow:hidden;}
.s-drop-wrap { width:100%; }
.s-drop-btn { /*cursor:pointer;*/background:#296ea1; line-height:38px; font-size:16px;font-family:'微软雅黑'; color: #fff; text-align:center;}
.s-drop-btn.act{ background:#296ea1;}
.s-drop-list {display: block;}
.s-drop-list li{ margin-top:1%;}
.s-drop-list li a{ display:block; }
.aside-list-link{font-family:'微软雅黑'; font-size:14px; color:#333;line-height:34px; background:url(../images/cp_dian1.jpg) no-repeat 22px center, #e6e6e6;padding-left:50px;}
.aside-list li a:hover, .aside-list li a.act{ background:url(../images/cp_dian2.png) no-repeat 22px center, #296ea1; color:#fff;}
.aside-sublist { width:100%; }
.aside-list li{ margin-top:3%; }
.aside-list li a{ position:relative;}
.aside-sublist{ display:none; margin:5px 0 10px 0; border:1px solid #e5e5e5; padding:5px 5px 10px 5px}
.aside-sublist li{margin-top:1%; border-bottom:1px dashed #dfdfdf;}
.aside-sublist li a{ color:#333; line-height:28px;  font-size:13px; background:url(../images/cp_dian3.png) no-repeat 25px center; padding-left:50px; }
.aside-sublist li a:hover, .aside-sublist li a.act{ background:url(../images/cp_dian3.png) no-repeat 25px center; color:#bc2a2a;}
.cpzs_lxwm { width:100%; margin-top:33px;}
.cpzs_lxwm .lxfs { margin:18px 0 0 0;background:#f6f6f6; border:1px solid #e5e5e5; padding:6px 8px; line-height:24px; font-size:13px;font-family:'微软雅黑'; color: #222;}
.cpzs_lxwm .lxfs img { display:block; width:100%;margin-bottom:10px;}
.cpzs_right { width:77%;float:right;overflow:hidden;}
.cp_title { line-height:20px;font-size:20px;font-family:'微软雅黑'; color: #222; font-weight:bold; padding-bottom:16px; border-bottom:1px solid #d3d3d3;}
.cp_title span { float:right; font-size:14px;color:#333; font-weight:normal;}
.cp_title span a { color:#333;}
.cpzs_ul { width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:30px 20px;}
.cpzs_ul li { width:23%;float:left;overflow:hidden;margin:0 1% 3px 1%;}
.cpzs_ul li .pic { width:100%;position:relative;overflow:hidden; border:1px solid #d6d6d6;padding:2px;}
.cpzs_ul li .pic .cp_img{ padding-top:136%}
.cpzs_ul li .zi { text-align:center;line-height:44px;font-family:'微软雅黑'; font-size:14px; color:#040404;}
.cpzs_ul li:hover .pic { border-color:#296ea1;}
.cpzs_ul li:hover .pic img { transform:scale(1.1,1.1);}
.cpzs_ul li:hover .zi { color:#296ea1;}

/*cp_ny*/
.cp_ny { width:100%;}
.cp_ny h1 { line-height:80px;font-family:'微软雅黑'; font-size:20px; color:#222;text-align:center;}
.cp_ny img { display:block;max-width:100%;margin:20px auto;}



/*news*/
.news_ul { width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:30px 20px;}
.news_ul li { margin-bottom:15px; padding-bottom:18px;border-bottom:1px solid #dfdfdf;overflow:hidden;}
.news_ul li .news_B { width:200px; height:150px; border:1px solid #dfdfdf;padding:2px; float:left;overflow:hidden; margin-right:17px;}
.news_ul li .news_B .news_img { width:100%;height:100%;}
.news_ul li h1 { margin-top:14px;line-height:24px;font-family:'微软雅黑'; font-size:14px; color:#222; height:24px; overflow:hidden;}
.news_ul li h1 span { float:right; font-family:'Arial'; font-size:14px; color:#979797;}
.news_ul li h2 { line-height:24px;font-family:'微软雅黑'; font-size:14px; color:#333; height:72px;overflow:hidden;}
.news_ul li h3 { width: 106px; height: 30px; line-height: 30px; text-align: center; background: #026dbd; font-family: '微软雅黑'; font-size: 14px; color: #fff; overflow:hidden; float:right;border-radius:5px;}
.news_ul li:hover .news_img { transform:scale(1.1,1.1);}
.news_ul li:hover h1 { color:#296ea1;}

/*news_ny*/
.news_ny { width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:30px 20px;}
.news_ny h1 {line-height:24px;font-family:'微软雅黑'; font-size:16px; color:#222;  text-align:center;}
.news_ny h2 {line-height:21px;font-family:'微软雅黑'; font-size:13px; color:#b1b1b1;padding-bottom:8px;border-bottom:1px solid #f2f2f2; text-align:center; }
.news_ny h3 {line-height:28px;font-family:'微软雅黑'; font-size:14px; color:#222; }

/*gsjj*/
.gsjj{ width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:0px 20px; line-height:28px;font-family:'微软雅黑'; font-size:14px; color:#222}

/*zxly*/
.zxly { width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:30px 20px;}
.zxly form { width:70%;margin:20px auto;}
.zxly form ul { display:block;}
.zxly form ul li { margin-bottom:10px;}
.zxly form ul li label { float:left;width:100px; line-height:30px;font-family:'微软雅黑'; font-size:14px; color:#222;font-weight:normal;}
.zxly form ul li .form-control { line-height:30px;height:30px;}
.zxly form ul li .input-group textarea { height:110px; width:300px;}
.zxly form ul li button { width:175px;height:45px;line-height:45px;text-align:center;background:#3475a6; font-family:'微软雅黑'; font-size:14px; color:#fff; border:none; margin-top:10px;}

/*lxwm*/
.lxwm {width:100%;margin-top:2px; border:1px solid #d3d3d3; padding:30px 20px }
.lxwm .lxfs { line-height:24px; font-size:13px;font-family:'微软雅黑'; color: #222;}


/*手机底部*/
.hot{width:100%; height:58px; background:#494230; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.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;}
.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; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }



@media (max-width:1200px){
	.wrap{ width:96%}
	}

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .logo {  width:73%; margin:0}
    .news_left { float:none; margin:2% auto; width:80%}
    .news_left .news_img img {  margin:0 auto;}
    .news_right { width:80%;margin:0 auto; float:none;}
    .cont_left { float:none;}
    .cont_right { float:none;}
    /*cpzs*/
    .cpzs_left { width:100%;float:none;}
    .s-drop-btn { text-align:left;padding-left:20px;background:url(../images/cp_dian5.png) no-repeat 96% center,#296ea1; cursor:pointer;}
    .s-drop-btn.act {background:url(../images/cp_dian5.png) no-repeat 96% center,#296ea1; }
    .aside-list li { margin-top:4px;}
    .aside-list-link { background:#e0e0e0; padding-left:0;text-align:center; line-height:42px;}
    .aside-list-link.act { background:#e0e0e0;}
    .cpzs_right {width:100%;float:none;margin:20px 0;  }
    .cpzs_ul { border:none; padding:0;}
	}

@media (max-width:767px){
	.wrap{ width:96%}
	.logo{ width:80%; margin:0;}
    .news_left { float:none; margin:2% auto; width:100%}
    .news_left .news_img img {  margin:0 auto;}
    .news_right { width:100%;margin:0 auto; float:none;}
    .cont_left { float:none; width:100%;}
    .cont_right { float:none; width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;float:none;}
    .s-drop-btn { text-align:left;padding-left:20px;background:url(../images/cp_dian5.png) no-repeat 96% center,#296ea1; cursor:pointer;}
    .s-drop-btn.act {background:url(../images/cp_dian5.png) no-repeat 96% center,#296ea1; }
    .aside-list li { margin-top:4px;}
    .aside-list-link { background:#e0e0e0; padding-left:0;text-align:center; line-height:42px;}
    .aside-list-link.act { background:#e0e0e0;}
    .cpzs_right {width:100%;float:none;margin:20px 0;  }
    .cpzs_ul { border:none; padding:0;}
    .cpzs_ul li { width:31.3%;}
    /*zxly*/
    .zxly form { width:100%;}
    .cp_ny table{ table-layout: fixed; }
	}

@media (max-width:567px){
	}

@media (max-width:467px){
    .icon-menu { margin-top:2%; right:0}
	.logo{ width:85%;}
    .cont_left .erwei { float:left;}
    /*zxly*/
    .zxly form ul li .input-group textarea { width:215px;}
	}

@media (max-width:376px){
    
	}
@media (max-width:330px){
	.logo{ width:82%;}
    /*zxly*/
    .zxly form ul li .input-group textarea { width:165px;}
	}
	
	
	
/*浮动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: 180px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:157px;
    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;
}